2:root {
3  --docsearch-primary-color: var(--lineHighlight);
4  --docsearch-logo-color: var(--foreground);
5  --docsearch-container-background: rgba(110, 110, 110, 0.8);
6  --docsearch-modal-shadow: none;
7  --docsearch-text-color: var(--foreground);
8  --docsearch-highlight-color: var(--foreground);
9  --docsearch-searchbox-background: var(--lineBackground);
10  --docsearch-searchbox-focus-background: var(--lineBackground);
11  --docsearch-searchbox-shadow: inset 0 0 0 2px var(--lineHighlight);
12  --docsearch-hit-background: var(--background);
13  --docsearch-hit-active-color: var(--background);
14  --docsearch-hit-color: var(--foreground);
15  --docsearch-hit-shadow: 0 1px 3px 0 var(--foreground);
16  --docsearch-footer-shadow: none;
17  --docsearch-footer-background: var(--gutterBackground);
18  --docsearch-modal-background: var(--background);
19  --docsearch-muted-color: color-mix(in srgb, var(--foreground), #fff 30%);
20  --docsearch-key-gradient: var(--foreground);
21  --docsearch-key-shadow: inset 0 -2px 0 0 var(--gutterForeground), inset 0 0 1px 1px var(--foreground),
22    0 1px 2px 1px var(--gutterBackground);
23}
24.dark {
25  --docsearch-muted-color: color-mix(in srgb, var(--foreground), #000 30%);
26}
27.search-input {
28  flex-grow: 1;
29  box-sizing: border-box;
30  width: 100%;
31  margin: 0;
32  padding: 0.33em 0.5;
33  overflow: visible;
34  font-weight: 500;
35  font-size: 1rem;
36  font-family: inherit;
37  line-height: inherit;
38  background-color: var(--lineBackground);
39  border-color: var(--lineBackground);
40  color: var(--foreground);
41  border-style: solid;
42  border-width: 1px;
43  border-radius: 0.25rem;
44  outline: 0;
45  cursor: pointer;
46  transition-timing-function: ease-out;
47  transition-duration: 0.2s;
48  transition-property: border-color, color;
49  -webkit-font-smoothing: antialiased;
50}
51.search-input:hover,
52.search-input:focus {
53  color: var(--foreground);
54  border-color: var(--foreground);
55}
56.search-input:hover::placeholder,
57.search-input:focus::placeholder {
58  color: var(--foreground);
59}
60.search-input::placeholder {
61  color: var(--foreground);
62}
63.search-hint {
64  position: absolute;
65  top: 7px;
66  right: 19px;
67  padding: 3px 5px;
68  display: none;
69  align-items: center;
70  justify-content: center;
71  letter-spacing: 0.125em;
72  font-size: 12px;
73  font-family: var(--font-mono);
74  pointer-events: none;
75  border-color: transparent;
76  color: var(--background);
77  background-color: var(--foreground);
78  box-shadow: var(--docsearch-key-shadow);
79  border-style: solid;
80  border-width: 1px;
81  border-radius: 0.25rem;
82  line-height: 14px;
83}

85@media (min-width: 50em) {
86  .search-hint {
87    display: flex;
88  }
89}
90.search-button {
91  background-color: var(--lineBackground) !important;
92  color: var(--foreground);
93}

98.DocSearch-Form {
99  padding: 3px var(--docsearch-spacing);
100}
101.DocSearch-Modal .DocSearch-Hit a {
102  box-shadow: none;
103  border: none;
104}
105#docsearch-input.DocSearch-Input {
106  background-color: var(--lineBackground);
107  border-top: 3px solid var(--docsearch-searchbox-shadow);
108  border-bottom: 3px solid var(--docsearch-searchbox-shadow);
109}
110.DocSearch-Commands-Key {
111  color: var(--background);
112  border-radius: 0.25rem;
113}
114.DocSearch-SearchBar {
115  padding-bottom: 1px;
116}
117#docsearch-input.DocSearch-Input:focus {
118  box-shadow: none;
119}
120.DocSearch-Footer {
121  color: var(--docsearch-muted-color) !important;
122}
123.DocSearch-Logo svg .cls-1,
124.DocSearch-Logo svg .cls-2 {
125  fill: var(--docsearch-logo-color);
126}