@algolia/autocomplete-theme-classic 1.8.3 → 1.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/theme.css +245 -201
  2. package/dist/theme.min.css +4 -2
  3. package/package.json +1 -1
package/dist/theme.css CHANGED
@@ -1,60 +1,60 @@
1
- /*! @algolia/autocomplete-theme-classic 1.8.3 | MIT License | © Algolia, Inc. and contributors | https://github.com/algolia/autocomplete */
2
- /* ---------------- */
3
- /* 1. CSS Variables */
4
- /* 2. Dark Mode */
5
- /* 3. Autocomplete */
6
- /* 4. Panel */
7
- /* 5. Sources */
8
- /* 6. Hit Layout */
9
- /* 7. Panel Header */
10
- /* 8. Panel Footer */
11
- /* 9. Detached Mode */
12
- /* 10. Gradients */
13
- /* 11. Utilities */
14
- /* ---------------- */
15
- /* Note: */
16
- /* This theme reflects the markup structure of autocomplete with SCSS indentation. */
17
- /* We use the SASS `@at-root` function to keep specificity low. */
18
- /* ---------------- */
19
- /* 1. CSS Variables */
20
- /* ---------------- */
1
+ /*! @algolia/autocomplete-theme-classic 1.9.0 | MIT License | © Algolia, Inc. and contributors | https://github.com/algolia/autocomplete */
2
+ /* ----------------*/
3
+ /* 1. CSS Variables*/
4
+ /* 2. Dark Mode*/
5
+ /* 3. Autocomplete*/
6
+ /* 4. Panel*/
7
+ /* 5. Sources*/
8
+ /* 6. Hit Layout*/
9
+ /* 7. Panel Header*/
10
+ /* 8. Panel Footer*/
11
+ /* 9. Detached Mode*/
12
+ /* 10. Gradients*/
13
+ /* 11. Utilities*/
14
+ /* ----------------*/
15
+ /* Note:*/
16
+ /* This theme reflects the markup structure of autocomplete with SCSS indentation.*/
17
+ /* We use the SASS `@at-root` function to keep specificity low.*/
18
+ /* ----------------*/
19
+ /* 1. CSS Variables*/
20
+ /* ----------------*/
21
21
  :root {
22
- /* Input */
22
+ /* Input*/
23
23
  --aa-search-input-height: 44px;
24
24
  --aa-input-icon-size: 20px;
25
- /* Size and spacing */
25
+ /* Size and spacing*/
26
26
  --aa-base-unit: 16;
27
27
  --aa-spacing-factor: 1;
28
28
  --aa-spacing: calc(var(--aa-base-unit) * var(--aa-spacing-factor) * 1px);
29
29
  --aa-spacing-half: calc(var(--aa-spacing) / 2);
30
30
  --aa-panel-max-height: 650px;
31
- /* Z-index */
31
+ /* Z-index*/
32
32
  --aa-base-z-index: 9999;
33
- /* Font */
33
+ /* Font*/
34
34
  --aa-font-size: calc(var(--aa-base-unit) * 1px);
35
35
  --aa-font-family: inherit;
36
36
  --aa-font-weight-medium: 500;
37
37
  --aa-font-weight-semibold: 600;
38
38
  --aa-font-weight-bold: 700;
39
- /* Icons */
39
+ /* Icons*/
40
40
  --aa-icon-size: 20px;
41
41
  --aa-icon-stroke-width: 1.6;
42
42
  --aa-icon-color-rgb: 119, 119, 163;
43
43
  --aa-icon-color-alpha: 1;
44
44
  --aa-action-icon-size: 20px;
45
- /* Text colors */
45
+ /* Text colors*/
46
46
  --aa-text-color-rgb: 38, 38, 39;
47
47
  --aa-text-color-alpha: 1;
48
48
  --aa-primary-color-rgb: 62, 52, 211;
49
49
  --aa-primary-color-alpha: 0.2;
50
50
  --aa-muted-color-rgb: 128, 126, 163;
51
51
  --aa-muted-color-alpha: 0.6;
52
- /* Border colors */
52
+ /* Border colors*/
53
53
  --aa-panel-border-color-rgb: 128, 126, 163;
54
54
  --aa-panel-border-color-alpha: 0.3;
55
55
  --aa-input-border-color-rgb: 128, 126, 163;
56
56
  --aa-input-border-color-alpha: 0.8;
57
- /* Background colors */
57
+ /* Background colors*/
58
58
  --aa-background-color-rgb: 255, 255, 255;
59
59
  --aa-background-color-alpha: 1;
60
60
  --aa-input-background-color-rgb: 255, 255, 255;
@@ -63,23 +63,23 @@
63
63
  --aa-selected-color-alpha: 0.205;
64
64
  --aa-description-highlight-background-color-rgb: 245, 223, 77;
65
65
  --aa-description-highlight-background-color-alpha: 0.5;
66
- /* Detached mode */
66
+ /* Detached mode*/
67
67
  --aa-detached-media-query: (max-width: 680px);
68
68
  --aa-detached-modal-media-query: (min-width: 680px);
69
69
  --aa-detached-modal-max-width: 680px;
70
70
  --aa-detached-modal-max-height: 500px;
71
71
  --aa-overlay-color-rgb: 115, 114, 129;
72
72
  --aa-overlay-color-alpha: 0.4;
73
- /* Shadows */
73
+ /* Shadows*/
74
74
  --aa-panel-shadow: 0 0 0 1px rgba(35, 38, 59, .1),
75
75
  0 6px 16px -4px rgba(35, 38, 59, .15);
76
- /* Scrollbar */
76
+ /* Scrollbar*/
77
77
  --aa-scrollbar-width: 13px;
78
78
  --aa-scrollbar-track-background-color-rgb: 234, 234, 234;
79
79
  --aa-scrollbar-track-background-color-alpha: 1;
80
80
  --aa-scrollbar-thumb-background-color-rgb: var(--aa-background-color-rgb);
81
81
  --aa-scrollbar-thumb-background-color-alpha: 1;
82
- /* Touch screens */
82
+ /* Touch screens*/
83
83
  }
84
84
  @media (hover: none) and (pointer: coarse) {
85
85
  :root {
@@ -88,49 +88,49 @@
88
88
  }
89
89
  }
90
90
 
91
- /* ---------------- */
92
- /* 2. Dark Mode */
93
- /* ---------------- */
91
+ /* ----------------*/
92
+ /* 2. Dark Mode*/
93
+ /* ----------------*/
94
94
  body {
95
95
  /* stylelint-disable selector-no-qualifying-type, selector-class-pattern */
96
96
  /* stylelint-enable selector-no-qualifying-type, selector-class-pattern */
97
97
  }
98
98
  body[data-theme=dark], body.dark {
99
- /* Text colors */
99
+ /* Text colors*/
100
100
  --aa-text-color-rgb: 183, 192, 199;
101
101
  --aa-primary-color-rgb: 146, 138, 255;
102
102
  --aa-muted-color-rgb: 146, 138, 255;
103
- /* Background colors */
103
+ /* Background colors*/
104
104
  --aa-input-background-color-rgb: 0, 3, 9;
105
105
  --aa-background-color-rgb: 21, 24, 42;
106
106
  --aa-selected-color-rgb: 146, 138, 255;
107
107
  --aa-selected-color-alpha: 0.25;
108
108
  --aa-description-highlight-background-color-rgb: 0 255 255;
109
109
  --aa-description-highlight-background-color-alpha: 0.25;
110
- /* Icons */
110
+ /* Icons*/
111
111
  --aa-icon-color-rgb: 119, 119, 163;
112
- /* Shadows */
112
+ /* Shadows*/
113
113
  --aa-panel-shadow: inset 1px 1px 0 0 rgb(44, 46, 64),
114
114
  0 3px 8px 0 rgb(0, 3, 9);
115
- /* Scrollbar */
115
+ /* Scrollbar*/
116
116
  --aa-scrollbar-track-background-color-rgb: 44, 46, 64;
117
117
  --aa-scrollbar-thumb-background-color-rgb: var(--aa-background-color-rgb);
118
118
  }
119
119
 
120
- /* Reset for `@extend` */
120
+ /* Reset for `@extend`*/
121
121
  .aa-Panel *, .aa-Autocomplete *,
122
122
  .aa-DetachedFormContainer * {
123
123
  box-sizing: border-box;
124
124
  }
125
125
 
126
- /* Init for `@extend` */
126
+ /* Init for `@extend`*/
127
127
  .aa-Panel, .aa-Autocomplete,
128
128
  .aa-DetachedFormContainer {
129
- color: #262627;
129
+ color: rgba(38, 38, 39, 1);
130
130
  color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));
131
131
  font-family: inherit;
132
132
  font-family: var(--aa-font-family);
133
- font-size: 16px;
133
+ font-size: calc(16 * 1px);
134
134
  font-size: var(--aa-font-size);
135
135
  font-weight: normal;
136
136
  line-height: 1em;
@@ -139,16 +139,16 @@ body[data-theme=dark], body.dark {
139
139
  text-align: left;
140
140
  }
141
141
 
142
- /* ---------------- */
143
- /* 3. Autocomplete */
144
- /* ---------------- */
142
+ /* ----------------*/
143
+ /* 3. Autocomplete*/
144
+ /* ----------------*/
145
145
  .aa-Autocomplete,
146
146
  .aa-DetachedFormContainer {
147
- /* Search box */
147
+ /* Search box*/
148
148
  }
149
149
  .aa-Form {
150
150
  align-items: center;
151
- background-color: white;
151
+ background-color: rgba(255, 255, 255, 1);
152
152
  background-color: rgba(var(--aa-input-background-color-rgb), var(--aa-input-background-color-alpha));
153
153
  border: 1px solid rgba(128, 126, 163, 0.8);
154
154
  border: 1px solid rgba(var(--aa-input-border-color-rgb), var(--aa-input-border-color-alpha));
@@ -159,15 +159,8 @@ body[data-theme=dark], body.dark {
159
159
  position: relative;
160
160
  width: 100%;
161
161
  }
162
- .aa-Form[focus-within] {
163
- border-color: #3e34d3;
164
- border-color: rgba(var(--aa-primary-color-rgb), 1);
165
- box-shadow: rgba(62, 52, 211, 0.2) 0 0 0 2px, inset rgba(62, 52, 211, 0.2) 0 0 0 2px;
166
- box-shadow: rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha)) 0 0 0 2px, inset rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha)) 0 0 0 2px;
167
- outline: currentColor none medium;
168
- }
169
162
  .aa-Form:focus-within {
170
- border-color: #3e34d3;
163
+ border-color: rgba(62, 52, 211, 1);
171
164
  border-color: rgba(var(--aa-primary-color-rgb), 1);
172
165
  box-shadow: rgba(62, 52, 211, 0.2) 0 0 0 2px, inset rgba(62, 52, 211, 0.2) 0 0 0 2px;
173
166
  box-shadow: rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha)) 0 0 0 2px, inset rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha)) 0 0 0 2px;
@@ -180,7 +173,7 @@ body[data-theme=dark], body.dark {
180
173
  height: 44px;
181
174
  height: var(--aa-search-input-height);
182
175
  order: 1;
183
- /* Container for search and loading icons */
176
+ /* Container for search and loading icons*/
184
177
  }
185
178
  .aa-Label,
186
179
  .aa-LoadingIndicator {
@@ -193,7 +186,7 @@ body[data-theme=dark], body.dark {
193
186
  }
194
187
  .aa-Label svg,
195
188
  .aa-LoadingIndicator svg {
196
- color: #3e34d3;
189
+ color: rgba(62, 52, 211, 1);
197
190
  color: rgba(var(--aa-primary-color-rgb), 1);
198
191
  height: auto;
199
192
  max-height: 20px;
@@ -207,27 +200,32 @@ body[data-theme=dark], body.dark {
207
200
  .aa-SubmitButton,
208
201
  .aa-LoadingIndicator {
209
202
  height: 100%;
210
- padding-left: 11px;
203
+ padding-left: calc((16 * 1 * 1px) * 0.75 - 1px);
204
+ padding-left: calc(calc(16 * 1 * 1px) * 0.75 - 1px);
211
205
  padding-left: calc(var(--aa-spacing) * 0.75 - 1px);
212
- padding-right: 8px;
206
+ padding-right: calc((16 * 1 * 1px) / 2);
207
+ padding-right: calc(calc(16 * 1 * 1px) / 2);
213
208
  padding-right: var(--aa-spacing-half);
214
- width: 47px;
209
+ width: calc((16 * 1 * 1px) * 1.75 + 20px - 1px);
210
+ width: calc(calc(16 * 1 * 1px) * 1.75 + 20px - 1px);
215
211
  width: calc(var(--aa-spacing) * 1.75 + var(--aa-icon-size) - 1px);
216
212
  }
217
213
  @media (hover: none) and (pointer: coarse) {
218
214
  .aa-SubmitButton,
219
- .aa-LoadingIndicator {
220
- padding-left: 3px;
215
+ .aa-LoadingIndicator {
216
+ padding-left: calc(((16 * 1 * 1px) / 2) / 2 - 1px);
217
+ padding-left: calc(calc(calc(16 * 1 * 1px) / 2) / 2 - 1px);
221
218
  padding-left: calc(var(--aa-spacing-half) / 2 - 1px);
222
- width: 39px;
219
+ width: calc(20px + (16 * 1 * 1px) * 1.25 - 1px);
220
+ width: calc(20px + calc(16 * 1 * 1px) * 1.25 - 1px);
223
221
  width: calc(var(--aa-icon-size) + var(--aa-spacing) * 1.25 - 1px);
224
222
  }
225
223
  }
226
224
 
227
225
  .aa-SubmitButton {
228
226
  -webkit-appearance: none;
229
- -moz-appearance: none;
230
- appearance: none;
227
+ -moz-appearance: none;
228
+ appearance: none;
231
229
  background: none;
232
230
  border: 0;
233
231
  margin: 0;
@@ -246,23 +244,23 @@ body[data-theme=dark], body.dark {
246
244
  order: 3;
247
245
  position: relative;
248
246
  width: 100%;
249
- /* Search box input (with placeholder and query) */
247
+ /* Search box input (with placeholder and query)*/
250
248
  }
251
249
  .aa-Input {
252
250
  -webkit-appearance: none;
253
- -moz-appearance: none;
254
- appearance: none;
251
+ -moz-appearance: none;
252
+ appearance: none;
255
253
  background: none;
256
254
  border: 0;
257
- color: #262627;
255
+ color: rgba(38, 38, 39, 1);
258
256
  color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));
259
257
  font: inherit;
260
258
  height: 44px;
261
259
  height: var(--aa-search-input-height);
262
260
  padding: 0;
263
261
  width: 100%;
264
- /* Focus is set and styled on the parent, it isn't necessary here */
265
- /* Remove native appearance */
262
+ /* Focus is set and styled on the parent, it isn't necessary here*/
263
+ /* Remove native appearance*/
266
264
  }
267
265
  .aa-Input::-moz-placeholder {
268
266
  color: rgba(128, 126, 163, 0.6);
@@ -281,7 +279,7 @@ body[data-theme=dark], body.dark {
281
279
  }
282
280
  .aa-Input::-webkit-search-decoration, .aa-Input::-webkit-search-cancel-button, .aa-Input::-webkit-search-results-button, .aa-Input::-webkit-search-results-decoration {
283
281
  -webkit-appearance: none;
284
- appearance: none;
282
+ appearance: none;
285
283
  }
286
284
 
287
285
  .aa-InputWrapperSuffix {
@@ -290,7 +288,7 @@ body[data-theme=dark], body.dark {
290
288
  height: 44px;
291
289
  height: var(--aa-search-input-height);
292
290
  order: 4;
293
- /* Accelerator to clear the query */
291
+ /* Accelerator to clear the query*/
294
292
  }
295
293
  .aa-ClearButton {
296
294
  align-items: center;
@@ -302,17 +300,19 @@ body[data-theme=dark], body.dark {
302
300
  display: flex;
303
301
  height: 100%;
304
302
  margin: 0;
305
- padding: 0 12.8333333333px;
303
+ padding: 0 calc((16 * 1 * 1px) * 0.8333333333 - 0.5px);
304
+ padding: 0 calc(calc(16 * 1 * 1px) * 0.8333333333 - 0.5px);
306
305
  padding: 0 calc(var(--aa-spacing) * 0.8333333333 - 0.5px);
307
306
  }
308
307
  @media (hover: none) and (pointer: coarse) {
309
308
  .aa-ClearButton {
310
- padding: 0 10.1666666667px;
309
+ padding: 0 calc((16 * 1 * 1px) * 0.6666666667 - 0.5px);
310
+ padding: 0 calc(calc(16 * 1 * 1px) * 0.6666666667 - 0.5px);
311
311
  padding: 0 calc(var(--aa-spacing) * 0.6666666667 - 0.5px);
312
312
  }
313
313
  }
314
314
  .aa-ClearButton:hover, .aa-ClearButton:focus {
315
- color: #262627;
315
+ color: rgba(38, 38, 39, 1);
316
316
  color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));
317
317
  }
318
318
  .aa-ClearButton[hidden] {
@@ -325,21 +325,23 @@ body[data-theme=dark], body.dark {
325
325
  width: var(--aa-icon-size);
326
326
  }
327
327
 
328
- /* ---------------- */
329
- /* 4. Panel */
330
- /* ---------------- */
328
+ /* ----------------*/
329
+ /* 4. Panel*/
330
+ /* ----------------*/
331
331
  .aa-Panel {
332
- background-color: white;
332
+ background-color: rgba(255, 255, 255, 1);
333
333
  background-color: rgba(var(--aa-background-color-rgb), var(--aa-background-color-alpha));
334
- border-radius: 4px;
334
+ border-radius: calc((16 * 1 * 1px) / 4);
335
+ border-radius: calc(calc(16 * 1 * 1px) / 4);
335
336
  border-radius: calc(var(--aa-spacing) / 4);
336
- box-shadow: 0 0 0 1px rgba(35, 38, 59, 0.1), 0 6px 16px -4px rgba(35, 38, 59, 0.15);
337
+ box-shadow: 0 0 0 1px rgba(35, 38, 59, 0.1),
338
+ 0 6px 16px -4px rgba(35, 38, 59, 0.15);
337
339
  box-shadow: var(--aa-panel-shadow);
338
340
  margin: 8px 0 0;
339
341
  overflow: hidden;
340
342
  position: absolute;
341
343
  transition: opacity 200ms ease-in, filter 200ms ease-in;
342
- /* When a request isn't resolved yet */
344
+ /* When a request isn't resolved yet*/
343
345
  }
344
346
  @media screen and (prefers-reduced-motion) {
345
347
  .aa-Panel {
@@ -348,8 +350,8 @@ body[data-theme=dark], body.dark {
348
350
  }
349
351
  .aa-Panel button {
350
352
  -webkit-appearance: none;
351
- -moz-appearance: none;
352
- appearance: none;
353
+ -moz-appearance: none;
354
+ appearance: none;
353
355
  background: none;
354
356
  border: 0;
355
357
  margin: 0;
@@ -397,9 +399,10 @@ body[data-theme=dark], body.dark {
397
399
  max-height: var(--aa-panel-max-height);
398
400
  overflow-x: hidden;
399
401
  overflow-y: auto;
400
- padding: 8px;
402
+ padding: calc((16 * 1 * 1px) / 2);
403
+ padding: calc(calc(16 * 1 * 1px) / 2);
401
404
  padding: var(--aa-spacing-half);
402
- scrollbar-color: white #eaeaea;
405
+ scrollbar-color: rgba(255, 255, 255, 1) rgba(234, 234, 234, 1);
403
406
  scrollbar-color: rgba(var(--aa-scrollbar-thumb-background-color-rgb), var(--aa-scrollbar-thumb-background-color-alpha)) rgba(var(--aa-scrollbar-track-background-color-rgb), var(--aa-scrollbar-track-background-color-alpha));
404
407
  scrollbar-width: thin;
405
408
  }
@@ -408,40 +411,40 @@ body[data-theme=dark], body.dark {
408
411
  width: var(--aa-scrollbar-width);
409
412
  }
410
413
  .aa-Panel--scrollable::-webkit-scrollbar-track {
411
- background-color: #eaeaea;
414
+ background-color: rgba(234, 234, 234, 1);
412
415
  background-color: rgba(var(--aa-scrollbar-track-background-color-rgb), var(--aa-scrollbar-track-background-color-alpha));
413
416
  }
414
417
  .aa-Panel--scrollable::-webkit-scrollbar-thumb {
415
- background-color: white;
418
+ background-color: rgba(255, 255, 255, 1);
416
419
  background-color: rgba(var(--aa-scrollbar-thumb-background-color-rgb), var(--aa-scrollbar-thumb-background-color-alpha));
417
- border-color: #eaeaea;
420
+ border-color: rgba(234, 234, 234, 1);
418
421
  border-color: rgba(var(--aa-scrollbar-track-background-color-rgb), var(--aa-scrollbar-track-background-color-alpha));
419
422
  border-radius: 9999px;
420
423
  border-style: solid;
421
424
  border-width: 3px 2px 3px 3px;
422
425
  }
423
426
 
424
- /* ---------------- */
425
- /* 5. Sources */
426
- /* Each source can be styled independently */
427
- /* ---------------- */
427
+ /* ----------------*/
428
+ /* 5. Sources*/
429
+ /* Each source can be styled independently*/
430
+ /* ----------------*/
428
431
  .aa-Source {
429
432
  margin: 0;
430
433
  padding: 0;
431
434
  position: relative;
432
435
  width: 100%;
433
- /* List of results inside the source */
434
- /* Source title */
435
- /* See all button */
436
+ /* List of results inside the source*/
437
+ /* Source title*/
438
+ /* See all button*/
436
439
  }
437
440
  .aa-Source:empty {
438
- /* Hide empty section */
441
+ /* Hide empty section*/
439
442
  display: none;
440
443
  }
441
444
  .aa-SourceNoResults {
442
445
  font-size: 1em;
443
446
  margin: 0;
444
- padding: 16px;
447
+ padding: calc(16 * 1 * 1px);
445
448
  padding: var(--aa-spacing);
446
449
  }
447
450
 
@@ -453,28 +456,30 @@ body[data-theme=dark], body.dark {
453
456
  }
454
457
 
455
458
  .aa-SourceHeader {
456
- margin: 8px 0.5em 8px 0;
459
+ margin: calc((16 * 1 * 1px) / 2) 0.5em calc((16 * 1 * 1px) / 2) 0;
460
+ margin: calc(calc(16 * 1 * 1px) / 2) 0.5em calc(calc(16 * 1 * 1px) / 2) 0;
457
461
  margin: var(--aa-spacing-half) 0.5em var(--aa-spacing-half) 0;
458
462
  padding: 0;
459
463
  position: relative;
460
- /* Hide empty header */
461
- /* Title typography */
462
- /* Line separator */
464
+ /* Hide empty header*/
465
+ /* Title typography*/
466
+ /* Line separator*/
463
467
  }
464
468
  .aa-SourceHeader:empty {
465
469
  display: none;
466
470
  }
467
471
  .aa-SourceHeaderTitle {
468
- background: white;
472
+ background: rgba(255, 255, 255, 1);
469
473
  background: rgba(var(--aa-background-color-rgb), var(--aa-background-color-alpha));
470
- color: #3e34d3;
474
+ color: rgba(62, 52, 211, 1);
471
475
  color: rgba(var(--aa-primary-color-rgb), 1);
472
476
  display: inline-block;
473
477
  font-size: 0.8em;
474
478
  font-weight: 600;
475
479
  font-weight: var(--aa-font-weight-semibold);
476
480
  margin: 0;
477
- padding: 0 8px 0 0;
481
+ padding: 0 calc((16 * 1 * 1px) / 2) 0 0;
482
+ padding: 0 calc(calc(16 * 1 * 1px) / 2) 0 0;
478
483
  padding: 0 var(--aa-spacing-half) 0 0;
479
484
  position: relative;
480
485
  z-index: 9999;
@@ -482,7 +487,7 @@ body[data-theme=dark], body.dark {
482
487
  }
483
488
 
484
489
  .aa-SourceHeaderLine {
485
- border-bottom: solid 1px #3e34d3;
490
+ border-bottom: solid 1px rgba(62, 52, 211, 1);
486
491
  border-bottom: solid 1px rgba(var(--aa-primary-color-rgb), 1);
487
492
  display: block;
488
493
  height: 2px;
@@ -492,14 +497,15 @@ body[data-theme=dark], body.dark {
492
497
  padding: 0;
493
498
  position: absolute;
494
499
  right: 0;
495
- top: 8px;
500
+ top: calc((16 * 1 * 1px) / 2);
501
+ top: calc(calc(16 * 1 * 1px) / 2);
496
502
  top: var(--aa-spacing-half);
497
- z-index: 9998;
503
+ z-index: calc(9999 - 1);
498
504
  z-index: calc(var(--aa-base-z-index) - 1);
499
505
  }
500
506
 
501
507
  .aa-SourceFooterSeeAll {
502
- background: linear-gradient(180deg, white, rgba(128, 126, 163, 0.14));
508
+ background: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(128, 126, 163, 0.14));
503
509
  background: linear-gradient(180deg, rgba(var(--aa-background-color-rgb), var(--aa-background-color-alpha)), rgba(128, 126, 163, 0.14));
504
510
  border: 1px solid rgba(128, 126, 163, 0.6);
505
511
  border: 1px solid rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));
@@ -510,31 +516,34 @@ body[data-theme=dark], body.dark {
510
516
  font-weight: 500;
511
517
  font-weight: var(--aa-font-weight-medium);
512
518
  padding: 0.475em 1em 0.6em;
519
+ -webkit-text-decoration: none;
513
520
  text-decoration: none;
514
521
  }
515
522
  .aa-SourceFooterSeeAll:focus, .aa-SourceFooterSeeAll:hover {
516
- border: 1px solid #3e34d3;
523
+ border: 1px solid rgba(62, 52, 211, 1);
517
524
  border: 1px solid rgba(var(--aa-primary-color-rgb), 1);
518
- color: #3e34d3;
525
+ color: rgba(62, 52, 211, 1);
519
526
  color: rgba(var(--aa-primary-color-rgb), 1);
520
527
  }
521
528
 
522
- /* ---------------- */
523
- /* 6. Hit Layout */
524
- /* ---------------- */
529
+ /* ----------------*/
530
+ /* 6. Hit Layout*/
531
+ /* ----------------*/
525
532
  .aa-Item {
526
533
  align-items: center;
527
534
  border-radius: 3px;
528
535
  cursor: pointer;
529
536
  display: grid;
530
- min-height: 40px;
537
+ min-height: calc((16 * 1 * 1px) * 2.5);
538
+ min-height: calc(calc(16 * 1 * 1px) * 2.5);
531
539
  min-height: calc(var(--aa-spacing) * 2.5);
532
- padding: 4px;
540
+ padding: calc(((16 * 1 * 1px) / 2) / 2);
541
+ padding: calc(calc(calc(16 * 1 * 1px) / 2) / 2);
533
542
  padding: calc(var(--aa-spacing-half) / 2);
534
- /* When the result is active */
535
- /* The result type icon inlined SVG or image */
536
- /* wrap hit with url but we don't need to see it */
537
- /* Secondary click actions */
543
+ /* When the result is active*/
544
+ /* The result type icon inlined SVG or image*/
545
+ /* wrap hit with url but we don't need to see it*/
546
+ /* Secondary click actions*/
538
547
  }
539
548
  .aa-Item[aria-selected=true] {
540
549
  background-color: rgba(179, 173, 214, 0.205);
@@ -546,31 +555,35 @@ body[data-theme=dark], body.dark {
546
555
  }
547
556
  .aa-ItemIcon {
548
557
  align-items: center;
549
- background: white;
558
+ background: rgba(255, 255, 255, 1);
550
559
  background: rgba(var(--aa-background-color-rgb), var(--aa-background-color-alpha));
551
560
  border-radius: 3px;
552
561
  box-shadow: inset 0 0 0 1px rgba(128, 126, 163, 0.3);
553
562
  box-shadow: inset 0 0 0 1px rgba(var(--aa-panel-border-color-rgb), var(--aa-panel-border-color-alpha));
554
- color: #7777a3;
563
+ color: rgba(119, 119, 163, 1);
555
564
  color: rgba(var(--aa-icon-color-rgb), var(--aa-icon-color-alpha));
556
565
  display: flex;
557
566
  flex-shrink: 0;
558
567
  font-size: 0.7em;
559
- height: 28px;
568
+ height: calc(20px + ((16 * 1 * 1px) / 2));
569
+ height: calc(20px + calc(calc(16 * 1 * 1px) / 2));
560
570
  height: calc(var(--aa-icon-size) + var(--aa-spacing-half));
561
571
  justify-content: center;
562
572
  overflow: hidden;
563
573
  stroke-width: 1.6;
564
574
  stroke-width: var(--aa-icon-stroke-width);
565
575
  text-align: center;
566
- width: 28px;
576
+ width: calc(20px + ((16 * 1 * 1px) / 2));
577
+ width: calc(20px + calc(calc(16 * 1 * 1px) / 2));
567
578
  width: calc(var(--aa-icon-size) + var(--aa-spacing-half));
568
579
  }
569
580
  .aa-ItemIcon img {
570
581
  height: auto;
571
- max-height: 20px;
582
+ max-height: calc(20px + ((16 * 1 * 1px) / 2) - 8px);
583
+ max-height: calc(20px + calc(calc(16 * 1 * 1px) / 2) - 8px);
572
584
  max-height: calc(var(--aa-icon-size) + var(--aa-spacing-half) - 8px);
573
- max-width: 20px;
585
+ max-width: calc(20px + ((16 * 1 * 1px) / 2) - 8px);
586
+ max-width: calc(20px + calc(calc(16 * 1 * 1px) / 2) - 8px);
574
587
  max-width: calc(var(--aa-icon-size) + var(--aa-spacing-half) - 8px);
575
588
  width: auto;
576
589
  }
@@ -596,7 +609,8 @@ body[data-theme=dark], body.dark {
596
609
  .aa-ItemIcon--picture img {
597
610
  max-height: 100%;
598
611
  max-width: 100%;
599
- padding: 8px;
612
+ padding: calc((16 * 1 * 1px) / 2);
613
+ padding: calc(calc(16 * 1 * 1px) / 2);
600
614
  padding: var(--aa-spacing-half);
601
615
  }
602
616
 
@@ -604,8 +618,10 @@ body[data-theme=dark], body.dark {
604
618
  align-items: center;
605
619
  cursor: pointer;
606
620
  display: grid;
607
- grid-gap: 8px;
608
- gap: 8px;
621
+ gap: calc((16 * 1 * 1px) / 2);
622
+ gap: calc(calc(16 * 1 * 1px) / 2);
623
+ grid-gap: calc((16 * 1 * 1px) / 2);
624
+ grid-gap: calc(calc(16 * 1 * 1px) / 2);
609
625
  grid-gap: var(--aa-spacing-half);
610
626
  gap: var(--aa-spacing-half);
611
627
  grid-auto-flow: column;
@@ -617,7 +633,7 @@ body[data-theme=dark], body.dark {
617
633
  }
618
634
  .aa-ItemContent mark {
619
635
  background: none;
620
- color: #262627;
636
+ color: rgba(38, 38, 39, 1);
621
637
  color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));
622
638
  font-style: normal;
623
639
  font-weight: 700;
@@ -635,14 +651,17 @@ body[data-theme=dark], body.dark {
635
651
  }
636
652
 
637
653
  .aa-ItemContent--indented {
638
- padding-left: 36px;
654
+ padding-left: calc(20px + (16 * 1 * 1px));
655
+ padding-left: calc(20px + calc(16 * 1 * 1px));
639
656
  padding-left: calc(var(--aa-icon-size) + var(--aa-spacing));
640
657
  }
641
658
 
642
659
  .aa-ItemContentBody {
643
660
  display: grid;
644
- grid-gap: 4px;
645
- gap: 4px;
661
+ gap: calc(((16 * 1 * 1px) / 2) / 2);
662
+ gap: calc(calc(calc(16 * 1 * 1px) / 2) / 2);
663
+ grid-gap: calc(((16 * 1 * 1px) / 2) / 2);
664
+ grid-gap: calc(calc(calc(16 * 1 * 1px) / 2) / 2);
646
665
  grid-gap: calc(var(--aa-spacing-half) / 2);
647
666
  gap: calc(var(--aa-spacing-half) / 2);
648
667
  }
@@ -673,21 +692,26 @@ body[data-theme=dark], body.dark {
673
692
 
674
693
  .aa-ItemContentSubtitle--inline .aa-ItemContentSubtitleIcon::before {
675
694
  border-width: 0 0 1.5px;
676
- margin-left: 8px;
695
+ margin-left: calc((16 * 1 * 1px) / 2);
696
+ margin-left: calc(calc(16 * 1 * 1px) / 2);
677
697
  margin-left: var(--aa-spacing-half);
678
- margin-right: 4px;
698
+ margin-right: calc(((16 * 1 * 1px) / 2) / 2);
699
+ margin-right: calc(calc(calc(16 * 1 * 1px) / 2) / 2);
679
700
  margin-right: calc(var(--aa-spacing-half) / 2);
680
- width: 10px;
701
+ width: calc(((16 * 1 * 1px) / 2) + 2px);
702
+ width: calc(calc(calc(16 * 1 * 1px) / 2) + 2px);
681
703
  width: calc(var(--aa-spacing-half) + 2px);
682
704
  }
683
705
 
684
706
  .aa-ItemContentSubtitle--standalone {
685
707
  align-items: center;
686
- color: #262627;
708
+ color: rgba(38, 38, 39, 1);
687
709
  color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));
688
710
  display: grid;
689
- grid-gap: 8px;
690
- gap: 8px;
711
+ gap: calc((16 * 1 * 1px) / 2);
712
+ gap: calc(calc(16 * 1 * 1px) / 2);
713
+ grid-gap: calc((16 * 1 * 1px) / 2);
714
+ grid-gap: calc(calc(16 * 1 * 1px) / 2);
691
715
  grid-gap: var(--aa-spacing-half);
692
716
  gap: var(--aa-spacing-half);
693
717
  grid-auto-flow: column;
@@ -696,20 +720,22 @@ body[data-theme=dark], body.dark {
696
720
  .aa-ItemContentSubtitle--standalone .aa-ItemContentSubtitleIcon::before {
697
721
  border-radius: 0 0 0 3px;
698
722
  border-width: 0 0 1.5px 1.5px;
699
- height: 8px;
723
+ height: calc((16 * 1 * 1px) / 2);
724
+ height: calc(calc(16 * 1 * 1px) / 2);
700
725
  height: var(--aa-spacing-half);
701
- width: 8px;
726
+ width: calc((16 * 1 * 1px) / 2);
727
+ width: calc(calc(16 * 1 * 1px) / 2);
702
728
  width: var(--aa-spacing-half);
703
729
  }
704
730
 
705
731
  .aa-ItemContentSubtitleCategory {
706
- color: #807ea3;
732
+ color: rgba(128, 126, 163, 1);
707
733
  color: rgba(var(--aa-muted-color-rgb), 1);
708
734
  font-weight: 500;
709
735
  }
710
736
 
711
737
  .aa-ItemContentDescription {
712
- color: #262627;
738
+ color: rgba(38, 38, 39, 1);
713
739
  color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));
714
740
  font-size: 0.85em;
715
741
  max-width: 100%;
@@ -722,7 +748,7 @@ body[data-theme=dark], body.dark {
722
748
  .aa-ItemContentDescription mark {
723
749
  background: rgba(245, 223, 77, 0.5);
724
750
  background: rgba(var(--aa-description-highlight-background-color-rgb), var(--aa-description-highlight-background-color-alpha));
725
- color: #262627;
751
+ color: rgba(38, 38, 39, 1);
726
752
  color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));
727
753
  font-style: normal;
728
754
  font-weight: 500;
@@ -749,8 +775,10 @@ body[data-theme=dark], body.dark {
749
775
  align-items: center;
750
776
  color: inherit;
751
777
  display: grid;
752
- grid-gap: 4px;
753
- gap: 4px;
778
+ gap: calc(((16 * 1 * 1px) / 2) / 2);
779
+ gap: calc(calc(calc(16 * 1 * 1px) / 2) / 2);
780
+ grid-gap: calc(((16 * 1 * 1px) / 2) / 2);
781
+ grid-gap: calc(calc(calc(16 * 1 * 1px) / 2) / 2);
754
782
  grid-gap: calc(var(--aa-spacing-half) / 2);
755
783
  gap: calc(var(--aa-spacing-half) / 2);
756
784
  grid-auto-flow: column;
@@ -760,6 +788,7 @@ body[data-theme=dark], body.dark {
760
788
 
761
789
  .aa-ItemLink {
762
790
  color: inherit;
791
+ -webkit-text-decoration: none;
763
792
  text-decoration: none;
764
793
  }
765
794
 
@@ -768,7 +797,8 @@ body[data-theme=dark], body.dark {
768
797
  grid-auto-flow: column;
769
798
  height: 100%;
770
799
  justify-self: end;
771
- margin: 0 -5.3333333333px;
800
+ margin: 0 calc((16 * 1 * 1px) / -3);
801
+ margin: 0 calc(calc(16 * 1 * 1px) / -3);
772
802
  margin: 0 calc(var(--aa-spacing) / -3);
773
803
  padding: 0 2px 0 0;
774
804
  }
@@ -785,7 +815,7 @@ body[data-theme=dark], body.dark {
785
815
  padding: 0;
786
816
  }
787
817
  .aa-ItemActionButton:hover svg, .aa-ItemActionButton:focus svg {
788
- color: #262627;
818
+ color: rgba(38, 38, 39, 1);
789
819
  color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));
790
820
  }
791
821
  @media (hover: none) and (pointer: coarse) {
@@ -797,7 +827,7 @@ body[data-theme=dark], body.dark {
797
827
  color: rgba(128, 126, 163, 0.6);
798
828
  color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));
799
829
  margin: 0;
800
- margin: 5.3333333333px;
830
+ margin: calc(calc(16 * 1 * 1px) / 3);
801
831
  margin: calc(var(--aa-spacing) / 3);
802
832
  stroke-width: 1.6;
803
833
  stroke-width: var(--aa-icon-stroke-width);
@@ -809,28 +839,31 @@ body[data-theme=dark], body.dark {
809
839
  visibility: hidden;
810
840
  }
811
841
 
812
- /*---------------- */
813
- /* 7. Panel Header */
814
- /*---------------- */
842
+ /*----------------*/
843
+ /* 7. Panel Header*/
844
+ /*----------------*/
815
845
  .aa-PanelHeader {
816
846
  align-items: center;
817
- background: #3e34d3;
847
+ background: rgba(62, 52, 211, 1);
818
848
  background: rgba(var(--aa-primary-color-rgb), 1);
819
849
  color: #fff;
820
850
  display: grid;
821
851
  height: var(--aa-modal-header-height);
822
852
  margin: 0;
823
- padding: 8px 16px;
853
+ padding: calc((16 * 1 * 1px) / 2) calc(16 * 1 * 1px);
854
+ padding: calc(calc(16 * 1 * 1px) / 2) calc(16 * 1 * 1px);
824
855
  padding: var(--aa-spacing-half) var(--aa-spacing);
825
856
  position: relative;
826
857
  }
827
858
  .aa-PanelHeader::after {
828
- background-image: linear-gradient(white, rgba(255, 255, 255, 0));
859
+ background-image: linear-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
829
860
  background-image: linear-gradient(rgba(var(--aa-background-color-rgb), 1), rgba(var(--aa-background-color-rgb), 0));
830
- bottom: -8px;
861
+ bottom: calc(((16 * 1 * 1px) / 2) * -1);
862
+ bottom: calc(calc(calc(16 * 1 * 1px) / 2) * -1);
831
863
  bottom: calc(var(--aa-spacing-half) * -1);
832
864
  content: "";
833
- height: 8px;
865
+ height: calc((16 * 1 * 1px) / 2);
866
+ height: calc(calc(16 * 1 * 1px) / 2);
834
867
  height: var(--aa-spacing-half);
835
868
  left: 0;
836
869
  pointer-events: none;
@@ -840,18 +873,18 @@ body[data-theme=dark], body.dark {
840
873
  z-index: var(--aa-base-z-index);
841
874
  }
842
875
 
843
- /*---------------- */
844
- /* 8. Panel Footer */
845
- /*---------------- */
876
+ /*----------------*/
877
+ /* 8. Panel Footer*/
878
+ /*----------------*/
846
879
  .aa-PanelFooter {
847
- background-color: white;
880
+ background-color: rgba(255, 255, 255, 1);
848
881
  background-color: rgba(var(--aa-background-color-rgb), var(--aa-background-color-alpha));
849
882
  box-shadow: inset 0 1px 0 rgba(128, 126, 163, 0.3);
850
883
  box-shadow: inset 0 1px 0 rgba(var(--aa-panel-border-color-rgb), var(--aa-panel-border-color-alpha));
851
884
  display: flex;
852
885
  justify-content: space-between;
853
886
  margin: 0;
854
- padding: 16px;
887
+ padding: calc(16 * 1 * 1px);
855
888
  padding: var(--aa-spacing);
856
889
  position: relative;
857
890
  z-index: 9999;
@@ -861,27 +894,29 @@ body[data-theme=dark], body.dark {
861
894
  background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(128, 126, 163, 0.6));
862
895
  background-image: linear-gradient(rgba(var(--aa-background-color-rgb), 0), rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha)));
863
896
  content: "";
864
- height: 16px;
897
+ height: calc(16 * 1 * 1px);
865
898
  height: var(--aa-spacing);
866
899
  left: 0;
867
900
  opacity: 0.12;
868
901
  pointer-events: none;
869
902
  position: absolute;
870
903
  right: 0;
871
- top: -16px;
904
+ top: calc((16 * 1 * 1px) * -1);
905
+ top: calc(calc(16 * 1 * 1px) * -1);
872
906
  top: calc(var(--aa-spacing) * -1);
873
- z-index: 9998;
907
+ z-index: calc(9999 - 1);
874
908
  z-index: calc(var(--aa-base-z-index) - 1);
875
909
  }
876
910
 
877
- /*---------------- */
878
- /* 9. Detached Mode */
879
- /*---------------- */
911
+ /*----------------*/
912
+ /* 9. Detached Mode*/
913
+ /*----------------*/
880
914
  .aa-DetachedContainer {
881
- background: white;
915
+ background: rgba(255, 255, 255, 1);
882
916
  background: rgba(var(--aa-background-color-rgb), var(--aa-background-color-alpha));
883
917
  bottom: 0;
884
- box-shadow: 0 0 0 1px rgba(35, 38, 59, 0.1), 0 6px 16px -4px rgba(35, 38, 59, 0.15);
918
+ box-shadow: 0 0 0 1px rgba(35, 38, 59, 0.1),
919
+ 0 6px 16px -4px rgba(35, 38, 59, 0.15);
885
920
  box-shadow: var(--aa-panel-shadow);
886
921
  display: flex;
887
922
  flex-direction: column;
@@ -899,11 +934,12 @@ body[data-theme=dark], body.dark {
899
934
  height: 32px;
900
935
  }
901
936
  .aa-DetachedContainer .aa-SourceHeader {
902
- margin: 8px 0 8px 2px;
937
+ margin: calc((16 * 1 * 1px) / 2) 0 calc((16 * 1 * 1px) / 2) 2px;
938
+ margin: calc(calc(16 * 1 * 1px) / 2) 0 calc(calc(16 * 1 * 1px) / 2) 2px;
903
939
  margin: var(--aa-spacing-half) 0 var(--aa-spacing-half) 2px;
904
940
  }
905
941
  .aa-DetachedContainer .aa-Panel {
906
- background-color: white;
942
+ background-color: rgba(255, 255, 255, 1);
907
943
  background-color: rgba(var(--aa-background-color-rgb), var(--aa-background-color-alpha));
908
944
  border-radius: 0;
909
945
  box-shadow: none;
@@ -931,7 +967,8 @@ body[data-theme=dark], body.dark {
931
967
  flex-direction: row;
932
968
  justify-content: space-between;
933
969
  margin: 0;
934
- padding: 8px;
970
+ padding: calc((16 * 1 * 1px) / 2);
971
+ padding: calc(calc(16 * 1 * 1px) / 2);
935
972
  padding: var(--aa-spacing-half);
936
973
  }
937
974
  .aa-DetachedCancelButton {
@@ -939,13 +976,15 @@ body[data-theme=dark], body.dark {
939
976
  border: 0;
940
977
  border-radius: 3px;
941
978
  color: inherit;
942
- color: #262627;
979
+ color: rgba(38, 38, 39, 1);
943
980
  color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));
944
981
  cursor: pointer;
945
982
  font: inherit;
946
- margin: 0 0 0 8px;
983
+ margin: 0 0 0 calc((16 * 1 * 1px) / 2);
984
+ margin: 0 0 0 calc(calc(16 * 1 * 1px) / 2);
947
985
  margin: 0 0 0 var(--aa-spacing-half);
948
- padding: 0 8px;
986
+ padding: 0 calc((16 * 1 * 1px) / 2);
987
+ padding: 0 calc(calc(16 * 1 * 1px) / 2);
949
988
  padding: 0 var(--aa-spacing-half);
950
989
  }
951
990
  .aa-DetachedCancelButton:hover, .aa-DetachedCancelButton:focus {
@@ -966,15 +1005,16 @@ body[data-theme=dark], body.dark {
966
1005
  .aa-DetachedContainer--modal .aa-PanelLayout {
967
1006
  max-height: 500px;
968
1007
  max-height: var(--aa-detached-modal-max-height);
969
- padding-bottom: 8px;
1008
+ padding-bottom: calc((16 * 1 * 1px) / 2);
1009
+ padding-bottom: calc(calc(16 * 1 * 1px) / 2);
970
1010
  padding-bottom: var(--aa-spacing-half);
971
1011
  position: static;
972
1012
  }
973
1013
 
974
- /* Search Button */
1014
+ /* Search Button*/
975
1015
  .aa-DetachedSearchButton {
976
1016
  align-items: center;
977
- background-color: white;
1017
+ background-color: rgba(255, 255, 255, 1);
978
1018
  background-color: rgba(var(--aa-input-background-color-rgb), var(--aa-input-background-color-alpha));
979
1019
  border: 1px solid rgba(128, 126, 163, 0.8);
980
1020
  border: 1px solid rgba(var(--aa-input-border-color-rgb), var(--aa-input-border-color-alpha));
@@ -986,19 +1026,19 @@ body[data-theme=dark], body.dark {
986
1026
  font: inherit;
987
1027
  font-family: inherit;
988
1028
  font-family: var(--aa-font-family);
989
- font-size: 16px;
1029
+ font-size: calc(16 * 1px);
990
1030
  font-size: var(--aa-font-size);
991
1031
  height: 44px;
992
1032
  height: var(--aa-search-input-height);
993
1033
  margin: 0;
994
- padding: 0 5.5px;
1034
+ padding: 0 calc(44px / 8);
995
1035
  padding: 0 calc(var(--aa-search-input-height) / 8);
996
1036
  position: relative;
997
1037
  text-align: left;
998
1038
  width: 100%;
999
1039
  }
1000
1040
  .aa-DetachedSearchButton:focus {
1001
- border-color: #3e34d3;
1041
+ border-color: rgba(62, 52, 211, 1);
1002
1042
  border-color: rgba(var(--aa-primary-color-rgb), 1);
1003
1043
  box-shadow: rgba(62, 52, 211, 0.2) 0 0 0 3px, inset rgba(62, 52, 211, 0.2) 0 0 0 2px;
1004
1044
  box-shadow: rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha)) 0 0 0 3px, inset rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha)) 0 0 0 2px;
@@ -1006,7 +1046,7 @@ body[data-theme=dark], body.dark {
1006
1046
  }
1007
1047
  .aa-DetachedSearchButtonIcon {
1008
1048
  align-items: center;
1009
- color: #3e34d3;
1049
+ color: rgba(62, 52, 211, 1);
1010
1050
  color: rgba(var(--aa-primary-color-rgb), 1);
1011
1051
  cursor: auto;
1012
1052
  cursor: initial;
@@ -1014,12 +1054,13 @@ body[data-theme=dark], body.dark {
1014
1054
  flex-shrink: 0;
1015
1055
  height: 100%;
1016
1056
  justify-content: center;
1017
- width: 36px;
1057
+ width: calc(20px + (16 * 1 * 1px));
1058
+ width: calc(20px + calc(16 * 1 * 1px));
1018
1059
  width: calc(var(--aa-icon-size) + var(--aa-spacing));
1019
1060
  }
1020
1061
 
1021
1062
  .aa-DetachedSearchButtonQuery {
1022
- color: #262627;
1063
+ color: rgba(38, 38, 39, 1);
1023
1064
  color: rgba(var(--aa-text-color-rgb), 1);
1024
1065
  line-height: 1.25em;
1025
1066
  overflow: hidden;
@@ -1031,7 +1072,7 @@ body[data-theme=dark], body.dark {
1031
1072
  display: none;
1032
1073
  }
1033
1074
 
1034
- /* Remove scroll on `body` */
1075
+ /* Remove scroll on `body`*/
1035
1076
  .aa-Detached {
1036
1077
  height: 100vh;
1037
1078
  overflow: hidden;
@@ -1047,16 +1088,17 @@ body[data-theme=dark], body.dark {
1047
1088
  position: fixed;
1048
1089
  right: 0;
1049
1090
  top: 0;
1050
- z-index: 9998;
1091
+ z-index: calc(9999 - 1);
1051
1092
  z-index: calc(var(--aa-base-z-index) - 1);
1052
1093
  }
1053
1094
 
1054
- /*---------------- */
1055
- /* 10. Gradients */
1056
- /*---------------- */
1095
+ /*----------------*/
1096
+ /* 10. Gradients*/
1097
+ /*----------------*/
1057
1098
  .aa-GradientTop,
1058
1099
  .aa-GradientBottom {
1059
- height: 8px;
1100
+ height: calc((16 * 1 * 1px) / 2);
1101
+ height: calc(calc(16 * 1 * 1px) / 2);
1060
1102
  height: var(--aa-spacing-half);
1061
1103
  left: 0;
1062
1104
  pointer-events: none;
@@ -1067,24 +1109,26 @@ body[data-theme=dark], body.dark {
1067
1109
  }
1068
1110
 
1069
1111
  .aa-GradientTop {
1070
- background-image: linear-gradient(white, rgba(255, 255, 255, 0));
1112
+ background-image: linear-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
1071
1113
  background-image: linear-gradient(rgba(var(--aa-background-color-rgb), 1), rgba(var(--aa-background-color-rgb), 0));
1072
1114
  top: 0;
1073
1115
  }
1074
1116
 
1075
1117
  .aa-GradientBottom {
1076
- background-image: linear-gradient(rgba(255, 255, 255, 0), white);
1118
+ background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
1077
1119
  background-image: linear-gradient(rgba(var(--aa-background-color-rgb), 0), rgba(var(--aa-background-color-rgb), 1));
1078
- border-bottom-left-radius: 4px;
1120
+ border-bottom-left-radius: calc((16 * 1 * 1px) / 4);
1121
+ border-bottom-left-radius: calc(calc(16 * 1 * 1px) / 4);
1079
1122
  border-bottom-left-radius: calc(var(--aa-spacing) / 4);
1080
- border-bottom-right-radius: 4px;
1123
+ border-bottom-right-radius: calc((16 * 1 * 1px) / 4);
1124
+ border-bottom-right-radius: calc(calc(16 * 1 * 1px) / 4);
1081
1125
  border-bottom-right-radius: calc(var(--aa-spacing) / 4);
1082
1126
  bottom: 0;
1083
1127
  }
1084
1128
 
1085
- /*---------------- */
1086
- /* 11. Utilities */
1087
- /*---------------- */
1129
+ /*----------------*/
1130
+ /* 11. Utilities*/
1131
+ /*----------------*/
1088
1132
  @media (hover: none) and (pointer: coarse) {
1089
1133
  .aa-DesktopOnly {
1090
1134
  display: none;
package/dist/theme.min.css CHANGED
@@ -1,2 +1,4 @@
1
- /*! @algolia/autocomplete-theme-classic 1.8.3 | MIT License | © Algolia, Inc. and contributors | https://github.com/algolia/autocomplete */
2
- :root{--aa-search-input-height:44px;--aa-input-icon-size:20px;--aa-base-unit:16;--aa-spacing-factor:1;--aa-spacing:calc(var(--aa-base-unit)*var(--aa-spacing-factor)*1px);--aa-spacing-half:calc(var(--aa-spacing)/2);--aa-panel-max-height:650px;--aa-base-z-index:9999;--aa-font-size:calc(var(--aa-base-unit)*1px);--aa-font-family:inherit;--aa-font-weight-medium:500;--aa-font-weight-semibold:600;--aa-font-weight-bold:700;--aa-icon-size:20px;--aa-icon-stroke-width:1.6;--aa-icon-color-rgb:119,119,163;--aa-icon-color-alpha:1;--aa-action-icon-size:20px;--aa-text-color-rgb:38,38,39;--aa-text-color-alpha:1;--aa-primary-color-rgb:62,52,211;--aa-primary-color-alpha:0.2;--aa-muted-color-rgb:128,126,163;--aa-muted-color-alpha:0.6;--aa-panel-border-color-rgb:128,126,163;--aa-panel-border-color-alpha:0.3;--aa-input-border-color-rgb:128,126,163;--aa-input-border-color-alpha:0.8;--aa-background-color-rgb:255,255,255;--aa-background-color-alpha:1;--aa-input-background-color-rgb:255,255,255;--aa-input-background-color-alpha:1;--aa-selected-color-rgb:179,173,214;--aa-selected-color-alpha:0.205;--aa-description-highlight-background-color-rgb:245,223,77;--aa-description-highlight-background-color-alpha:0.5;--aa-detached-media-query:(max-width:680px);--aa-detached-modal-media-query:(min-width:680px);--aa-detached-modal-max-width:680px;--aa-detached-modal-max-height:500px;--aa-overlay-color-rgb:115,114,129;--aa-overlay-color-alpha:0.4;--aa-panel-shadow:0 0 0 1px rgba(35,38,59,0.1),0 6px 16px -4px rgba(35,38,59,0.15);--aa-scrollbar-width:13px;--aa-scrollbar-track-background-color-rgb:234,234,234;--aa-scrollbar-track-background-color-alpha:1;--aa-scrollbar-thumb-background-color-rgb:var(--aa-background-color-rgb);--aa-scrollbar-thumb-background-color-alpha:1}@media (hover:none) and (pointer:coarse){:root{--aa-spacing-factor:1.2;--aa-action-icon-size:22px}}body.dark,body[data-theme=dark]{--aa-text-color-rgb:183,192,199;--aa-primary-color-rgb:146,138,255;--aa-muted-color-rgb:146,138,255;--aa-input-background-color-rgb:0,3,9;--aa-background-color-rgb:21,24,42;--aa-selected-color-rgb:146,138,255;--aa-selected-color-alpha:0.25;--aa-description-highlight-background-color-rgb:0 255 255;--aa-description-highlight-background-color-alpha:0.25;--aa-icon-color-rgb:119,119,163;--aa-panel-shadow:inset 1px 1px 0 0 #2c2e40,0 3px 8px 0 #000309;--aa-scrollbar-track-background-color-rgb:44,46,64;--aa-scrollbar-thumb-background-color-rgb:var(--aa-background-color-rgb)}.aa-Autocomplete *,.aa-DetachedFormContainer *,.aa-Panel *{box-sizing:border-box}.aa-Autocomplete,.aa-DetachedFormContainer,.aa-Panel{color:#262627;color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));font-family:inherit;font-family:var(--aa-font-family);font-size:16px;font-size:var(--aa-font-size);font-weight:400;line-height:1em;margin:0;padding:0;text-align:left}.aa-Form{align-items:center;background-color:#fff;background-color:rgba(var(--aa-input-background-color-rgb),var(--aa-input-background-color-alpha));border:1px solid rgba(128,126,163,.8);border:1px solid rgba(var(--aa-input-border-color-rgb),var(--aa-input-border-color-alpha));border-radius:3px;display:flex;line-height:1em;margin:0;position:relative;width:100%}.aa-Form[focus-within]{border-color:#3e34d3;border-color:rgba(var(--aa-primary-color-rgb),1);box-shadow:0 0 0 2px rgba(62,52,211,.2),inset 0 0 0 2px rgba(62,52,211,.2);box-shadow:rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha)) 0 0 0 2px,inset rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha)) 0 0 0 2px;outline:medium none currentColor}.aa-Form:focus-within{border-color:#3e34d3;border-color:rgba(var(--aa-primary-color-rgb),1);box-shadow:0 0 0 2px rgba(62,52,211,.2),inset 0 0 0 2px rgba(62,52,211,.2);box-shadow:rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha)) 0 0 0 2px,inset rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha)) 0 0 0 2px;outline:medium none currentColor}.aa-InputWrapperPrefix{align-items:center;display:flex;flex-shrink:0;height:44px;height:var(--aa-search-input-height);order:1}.aa-Label,.aa-LoadingIndicator{cursor:auto;flex-shrink:0;height:100%;padding:0;text-align:left}.aa-Label svg,.aa-LoadingIndicator svg{color:#3e34d3;color:rgba(var(--aa-primary-color-rgb),1);height:auto;max-height:20px;max-height:var(--aa-input-icon-size);stroke-width:1.6;stroke-width:var(--aa-icon-stroke-width);width:20px;width:var(--aa-input-icon-size)}.aa-LoadingIndicator,.aa-SubmitButton{height:100%;padding-left:11px;padding-left:calc(var(--aa-spacing)*0.75 - 1px);padding-right:8px;padding-right:var(--aa-spacing-half);width:47px;width:calc(var(--aa-spacing)*1.75 + var(--aa-icon-size) - 1px)}@media (hover:none) and (pointer:coarse){.aa-LoadingIndicator,.aa-SubmitButton{padding-left:3px;padding-left:calc(var(--aa-spacing-half)/2 - 1px);width:39px;width:calc(var(--aa-icon-size) + var(--aa-spacing)*1.25 - 1px)}}.aa-SubmitButton{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;margin:0}.aa-LoadingIndicator{align-items:center;display:flex;justify-content:center}.aa-LoadingIndicator[hidden]{display:none}.aa-InputWrapper{order:3;position:relative;width:100%}.aa-Input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;color:#262627;color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));font:inherit;height:44px;height:var(--aa-search-input-height);padding:0;width:100%}.aa-Input::-moz-placeholder{color:rgba(128,126,163,.6);color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));opacity:1}.aa-Input::placeholder{color:rgba(128,126,163,.6);color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));opacity:1}.aa-Input:focus{border-color:none;box-shadow:none;outline:none}.aa-Input::-webkit-search-cancel-button,.aa-Input::-webkit-search-decoration,.aa-Input::-webkit-search-results-button,.aa-Input::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}.aa-InputWrapperSuffix{align-items:center;display:flex;height:44px;height:var(--aa-search-input-height);order:4}.aa-ClearButton{align-items:center;background:none;border:0;color:rgba(128,126,163,.6);color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));cursor:pointer;display:flex;height:100%;margin:0;padding:0 12.8333333333px;padding:0 calc(var(--aa-spacing)*0.83333 - .5px)}@media (hover:none) and (pointer:coarse){.aa-ClearButton{padding:0 10.1666666667px;padding:0 calc(var(--aa-spacing)*0.66667 - .5px)}}.aa-ClearButton:focus,.aa-ClearButton:hover{color:#262627;color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha))}.aa-ClearButton[hidden]{display:none}.aa-ClearButton svg{stroke-width:1.6;stroke-width:var(--aa-icon-stroke-width);width:20px;width:var(--aa-icon-size)}.aa-Panel{background-color:#fff;background-color:rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha));border-radius:4px;border-radius:calc(var(--aa-spacing)/4);box-shadow:0 0 0 1px rgba(35,38,59,.1),0 6px 16px -4px rgba(35,38,59,.15);box-shadow:var(--aa-panel-shadow);margin:8px 0 0;overflow:hidden;position:absolute;transition:opacity .2s ease-in,filter .2s ease-in}@media screen and (prefers-reduced-motion){.aa-Panel{transition:none}}.aa-Panel button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;margin:0;padding:0}.aa-PanelLayout{height:100%;margin:0;max-height:650px;max-height:var(--aa-panel-max-height);overflow-y:auto;padding:0;position:relative;text-align:left}.aa-PanelLayoutColumns--twoGolden{display:grid;grid-template-columns:39.2% auto;overflow:hidden;padding:0}.aa-PanelLayoutColumns--two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:hidden;padding:0}.aa-PanelLayoutColumns--three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden;padding:0}.aa-Panel--stalled .aa-Source{filter:grayscale(1);opacity:.8}.aa-Panel--scrollable{margin:0;max-height:650px;max-height:var(--aa-panel-max-height);overflow-x:hidden;overflow-y:auto;padding:8px;padding:var(--aa-spacing-half);scrollbar-color:#fff #eaeaea;scrollbar-color:rgba(var(--aa-scrollbar-thumb-background-color-rgb),var(--aa-scrollbar-thumb-background-color-alpha)) rgba(var(--aa-scrollbar-track-background-color-rgb),var(--aa-scrollbar-track-background-color-alpha));scrollbar-width:thin}.aa-Panel--scrollable::-webkit-scrollbar{width:13px;width:var(--aa-scrollbar-width)}.aa-Panel--scrollable::-webkit-scrollbar-track{background-color:#eaeaea;background-color:rgba(var(--aa-scrollbar-track-background-color-rgb),var(--aa-scrollbar-track-background-color-alpha))}.aa-Panel--scrollable::-webkit-scrollbar-thumb{background-color:#fff;background-color:rgba(var(--aa-scrollbar-thumb-background-color-rgb),var(--aa-scrollbar-thumb-background-color-alpha));border-radius:9999px;border:3px solid #eaeaea;border-color:rgba(var(--aa-scrollbar-track-background-color-rgb),var(--aa-scrollbar-track-background-color-alpha));border-right:2px solid rgba(var(--aa-scrollbar-track-background-color-rgb),var(--aa-scrollbar-track-background-color-alpha))}.aa-Source{margin:0;padding:0;position:relative;width:100%}.aa-Source:empty{display:none}.aa-SourceNoResults{font-size:1em;margin:0;padding:16px;padding:var(--aa-spacing)}.aa-List{list-style:none;margin:0}.aa-List,.aa-SourceHeader{padding:0;position:relative}.aa-SourceHeader{margin:8px .5em 8px 0;margin:var(--aa-spacing-half) .5em var(--aa-spacing-half) 0}.aa-SourceHeader:empty{display:none}.aa-SourceHeaderTitle{background:#fff;background:rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha));color:#3e34d3;color:rgba(var(--aa-primary-color-rgb),1);display:inline-block;font-size:.8em;font-weight:600;font-weight:var(--aa-font-weight-semibold);margin:0;padding:0 8px 0 0;padding:0 var(--aa-spacing-half) 0 0;position:relative;z-index:9999;z-index:var(--aa-base-z-index)}.aa-SourceHeaderLine{border-bottom:1px solid #3e34d3;border-bottom:1px solid rgba(var(--aa-primary-color-rgb),1);display:block;height:2px;left:0;margin:0;opacity:.3;padding:0;position:absolute;right:0;top:8px;top:var(--aa-spacing-half);z-index:9998;z-index:calc(var(--aa-base-z-index) - 1)}.aa-SourceFooterSeeAll{background:linear-gradient(180deg,#fff,rgba(128,126,163,.14));background:linear-gradient(180deg,rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha)),rgba(128,126,163,.14));border:1px solid rgba(128,126,163,.6);border:1px solid rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));border-radius:5px;box-shadow:inset 0 0 2px #fff,0 2px 2px -1px rgba(76,69,88,.15);color:inherit;font-size:.95em;font-weight:500;font-weight:var(--aa-font-weight-medium);padding:.475em 1em .6em;text-decoration:none}.aa-SourceFooterSeeAll:focus,.aa-SourceFooterSeeAll:hover{border:1px solid #3e34d3;border:1px solid rgba(var(--aa-primary-color-rgb),1);color:#3e34d3;color:rgba(var(--aa-primary-color-rgb),1)}.aa-Item{align-items:center;border-radius:3px;cursor:pointer;display:grid;min-height:40px;min-height:calc(var(--aa-spacing)*2.5);padding:4px;padding:calc(var(--aa-spacing-half)/2)}.aa-Item[aria-selected=true]{background-color:rgba(179,173,214,.205);background-color:rgba(var(--aa-selected-color-rgb),var(--aa-selected-color-alpha))}.aa-Item[aria-selected=true] .aa-ActiveOnly,.aa-Item[aria-selected=true] .aa-ItemActionButton{visibility:visible}.aa-ItemIcon{align-items:center;background:#fff;background:rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha));border-radius:3px;box-shadow:inset 0 0 0 1px rgba(128,126,163,.3);box-shadow:inset 0 0 0 1px rgba(var(--aa-panel-border-color-rgb),var(--aa-panel-border-color-alpha));color:#7777a3;color:rgba(var(--aa-icon-color-rgb),var(--aa-icon-color-alpha));display:flex;flex-shrink:0;font-size:.7em;height:28px;height:calc(var(--aa-icon-size) + var(--aa-spacing-half));justify-content:center;overflow:hidden;stroke-width:1.6;stroke-width:var(--aa-icon-stroke-width);text-align:center;width:28px;width:calc(var(--aa-icon-size) + var(--aa-spacing-half))}.aa-ItemIcon img{height:auto;max-height:20px;max-height:calc(var(--aa-icon-size) + var(--aa-spacing-half) - 8px);max-width:20px;max-width:calc(var(--aa-icon-size) + var(--aa-spacing-half) - 8px);width:auto}.aa-ItemIcon svg{height:20px;height:var(--aa-icon-size);width:20px;width:var(--aa-icon-size)}.aa-ItemIcon--alignTop{align-self:flex-start}.aa-ItemIcon--noBorder{background:none;box-shadow:none}.aa-ItemIcon--picture{height:96px;width:96px}.aa-ItemIcon--picture img{max-height:100%;max-width:100%;padding:8px;padding:var(--aa-spacing-half)}.aa-ItemContent{align-items:center;cursor:pointer;display:grid;grid-gap:8px;gap:8px;grid-gap:var(--aa-spacing-half);gap:var(--aa-spacing-half);grid-auto-flow:column;line-height:1.25em;overflow:hidden}.aa-ItemContent:empty{display:none}.aa-ItemContent mark{background:none;color:#262627;color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));font-style:normal;font-weight:700;font-weight:var(--aa-font-weight-bold)}.aa-ItemContent--dual{display:flex;flex-direction:column;justify-content:space-between;text-align:left}.aa-ItemContent--dual .aa-ItemContentSubtitle,.aa-ItemContent--dual .aa-ItemContentTitle{display:block}.aa-ItemContent--indented{padding-left:36px;padding-left:calc(var(--aa-icon-size) + var(--aa-spacing))}.aa-ItemContentBody{display:grid;grid-gap:4px;gap:4px;grid-gap:calc(var(--aa-spacing-half)/2);gap:calc(var(--aa-spacing-half)/2)}.aa-ItemContentTitle{display:inline-block;margin:0 .5em 0 0;max-width:100%;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.aa-ItemContentSubtitle{font-size:.92em}.aa-ItemContentSubtitleIcon:before{border-color:rgba(128,126,163,.64);border-color:rgba(var(--aa-muted-color-rgb),.64);border-style:solid;content:"";display:inline-block;left:1px;position:relative;top:-3px}.aa-ItemContentSubtitle--inline .aa-ItemContentSubtitleIcon:before{border-width:0 0 1.5px;margin-left:8px;margin-left:var(--aa-spacing-half);margin-right:4px;margin-right:calc(var(--aa-spacing-half)/2);width:10px;width:calc(var(--aa-spacing-half) + 2px)}.aa-ItemContentSubtitle--standalone{align-items:center;color:#262627;color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));display:grid;grid-gap:8px;gap:8px;grid-gap:var(--aa-spacing-half);gap:var(--aa-spacing-half);grid-auto-flow:column;justify-content:start}.aa-ItemContentSubtitle--standalone .aa-ItemContentSubtitleIcon:before{border-radius:0 0 0 3px;border-width:0 0 1.5px 1.5px;height:8px;height:var(--aa-spacing-half);width:8px;width:var(--aa-spacing-half)}.aa-ItemContentSubtitleCategory{color:#807ea3;color:rgba(var(--aa-muted-color-rgb),1);font-weight:500}.aa-ItemContentDescription{color:#262627;color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));font-size:.85em;max-width:100%;overflow-x:hidden;text-overflow:ellipsis}.aa-ItemContentDescription:empty{display:none}.aa-ItemContentDescription mark{background:rgba(245,223,77,.5);background:rgba(var(--aa-description-highlight-background-color-rgb),var(--aa-description-highlight-background-color-alpha));color:#262627;color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));font-style:normal;font-weight:500;font-weight:var(--aa-font-weight-medium)}.aa-ItemContentDash{color:rgba(128,126,163,.6);color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));display:none;opacity:.4}.aa-ItemContentTag{background-color:rgba(62,52,211,.2);background-color:rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha));border-radius:3px;margin:0 .4em 0 0;padding:.08em .3em}.aa-ItemLink,.aa-ItemWrapper{align-items:center;color:inherit;display:grid;grid-gap:4px;gap:4px;grid-gap:calc(var(--aa-spacing-half)/2);gap:calc(var(--aa-spacing-half)/2);grid-auto-flow:column;justify-content:space-between;width:100%}.aa-ItemLink{color:inherit;text-decoration:none}.aa-ItemActions{display:grid;grid-auto-flow:column;height:100%;justify-self:end;margin:0 -5.3333333333px;margin:0 calc(var(--aa-spacing)/-3);padding:0 2px 0 0}.aa-ItemActionButton{align-items:center;background:none;border:0;color:rgba(128,126,163,.6);color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));cursor:pointer;display:flex;flex-shrink:0;padding:0}.aa-ItemActionButton:focus svg,.aa-ItemActionButton:hover svg{color:#262627;color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha))}@media (hover:none) and (pointer:coarse){.aa-ItemActionButton:focus svg,.aa-ItemActionButton:hover svg{color:inherit}}.aa-ItemActionButton svg{color:rgba(128,126,163,.6);color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));margin:5.3333333333px;margin:calc(var(--aa-spacing)/3);stroke-width:1.6;stroke-width:var(--aa-icon-stroke-width);width:20px;width:var(--aa-action-icon-size)}.aa-ActiveOnly{visibility:hidden}.aa-PanelHeader{align-items:center;background:#3e34d3;background:rgba(var(--aa-primary-color-rgb),1);color:#fff;display:grid;height:var(--aa-modal-header-height);margin:0;padding:8px 16px;padding:var(--aa-spacing-half) var(--aa-spacing);position:relative}.aa-PanelHeader:after{background-image:linear-gradient(#fff,hsla(0,0%,100%,0));background-image:linear-gradient(rgba(var(--aa-background-color-rgb),1),rgba(var(--aa-background-color-rgb),0));bottom:-8px;bottom:calc(var(--aa-spacing-half)*-1);content:"";height:8px;height:var(--aa-spacing-half);left:0;pointer-events:none;position:absolute;right:0}.aa-PanelFooter,.aa-PanelHeader:after{z-index:9999;z-index:var(--aa-base-z-index)}.aa-PanelFooter{background-color:#fff;background-color:rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha));box-shadow:inset 0 1px 0 rgba(128,126,163,.3);box-shadow:inset 0 1px 0 rgba(var(--aa-panel-border-color-rgb),var(--aa-panel-border-color-alpha));display:flex;justify-content:space-between;margin:0;padding:16px;padding:var(--aa-spacing);position:relative}.aa-PanelFooter:after{background-image:linear-gradient(hsla(0,0%,100%,0),rgba(128,126,163,.6));background-image:linear-gradient(rgba(var(--aa-background-color-rgb),0),rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha)));content:"";height:16px;height:var(--aa-spacing);left:0;opacity:.12;pointer-events:none;position:absolute;right:0;top:-16px;top:calc(var(--aa-spacing)*-1);z-index:9998;z-index:calc(var(--aa-base-z-index) - 1)}.aa-DetachedContainer{background:#fff;background:rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha));bottom:0;box-shadow:0 0 0 1px rgba(35,38,59,.1),0 6px 16px -4px rgba(35,38,59,.15);box-shadow:var(--aa-panel-shadow);display:flex;flex-direction:column;left:0;margin:0;overflow:hidden;padding:0;position:fixed;right:0;top:0;z-index:9999;z-index:var(--aa-base-z-index)}.aa-DetachedContainer:after{height:32px}.aa-DetachedContainer .aa-SourceHeader{margin:8px 0 8px 2px;margin:var(--aa-spacing-half) 0 var(--aa-spacing-half) 2px}.aa-DetachedContainer .aa-Panel{background-color:#fff;background-color:rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha));border-radius:0;box-shadow:none;flex-grow:1;margin:0;padding:0;position:relative}.aa-DetachedContainer .aa-PanelLayout{bottom:0;box-shadow:none;left:0;margin:0;max-height:none;overflow-y:auto;position:absolute;right:0;top:0;width:100%}.aa-DetachedFormContainer{border-bottom:1px solid rgba(128,126,163,.3);border-bottom:1px solid rgba(var(--aa-panel-border-color-rgb),var(--aa-panel-border-color-alpha));display:flex;flex-direction:row;justify-content:space-between;margin:0;padding:8px;padding:var(--aa-spacing-half)}.aa-DetachedCancelButton{background:none;border:0;border-radius:3px;color:inherit;color:#262627;color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));cursor:pointer;font:inherit;margin:0 0 0 8px;margin:0 0 0 var(--aa-spacing-half);padding:0 8px;padding:0 var(--aa-spacing-half)}.aa-DetachedCancelButton:focus,.aa-DetachedCancelButton:hover{box-shadow:inset 0 0 0 1px rgba(128,126,163,.3);box-shadow:inset 0 0 0 1px rgba(var(--aa-panel-border-color-rgb),var(--aa-panel-border-color-alpha))}.aa-DetachedContainer--modal{border-radius:6px;bottom:inherit;height:auto;margin:0 auto;max-width:680px;max-width:var(--aa-detached-modal-max-width);position:absolute;top:3%}.aa-DetachedContainer--modal .aa-PanelLayout{max-height:500px;max-height:var(--aa-detached-modal-max-height);padding-bottom:8px;padding-bottom:var(--aa-spacing-half);position:static}.aa-DetachedSearchButton{align-items:center;background-color:#fff;background-color:rgba(var(--aa-input-background-color-rgb),var(--aa-input-background-color-alpha));border:1px solid rgba(128,126,163,.8);border:1px solid rgba(var(--aa-input-border-color-rgb),var(--aa-input-border-color-alpha));border-radius:3px;color:rgba(128,126,163,.6);color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));cursor:pointer;display:flex;font:inherit;font-family:inherit;font-family:var(--aa-font-family);font-size:16px;font-size:var(--aa-font-size);height:44px;height:var(--aa-search-input-height);margin:0;padding:0 5.5px;padding:0 calc(var(--aa-search-input-height)/8);position:relative;text-align:left;width:100%}.aa-DetachedSearchButton:focus{border-color:#3e34d3;border-color:rgba(var(--aa-primary-color-rgb),1);box-shadow:0 0 0 3px rgba(62,52,211,.2),inset 0 0 0 2px rgba(62,52,211,.2);box-shadow:rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha)) 0 0 0 3px,inset rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha)) 0 0 0 2px;outline:medium none currentColor}.aa-DetachedSearchButtonIcon{align-items:center;color:#3e34d3;color:rgba(var(--aa-primary-color-rgb),1);cursor:auto;display:flex;flex-shrink:0;height:100%;justify-content:center;width:36px;width:calc(var(--aa-icon-size) + var(--aa-spacing))}.aa-DetachedSearchButtonQuery{color:#262627;color:rgba(var(--aa-text-color-rgb),1);line-height:1.25em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aa-DetachedSearchButtonPlaceholder[hidden]{display:none}.aa-Detached{height:100vh;overflow:hidden}.aa-DetachedOverlay{background-color:rgba(115,114,129,.4);background-color:rgba(var(--aa-overlay-color-rgb),var(--aa-overlay-color-alpha));height:100vh;left:0;margin:0;padding:0;position:fixed;right:0;top:0;z-index:9998;z-index:calc(var(--aa-base-z-index) - 1)}.aa-GradientBottom,.aa-GradientTop{height:8px;height:var(--aa-spacing-half);left:0;pointer-events:none;position:absolute;right:0;z-index:9999;z-index:var(--aa-base-z-index)}.aa-GradientTop{background-image:linear-gradient(#fff,hsla(0,0%,100%,0));background-image:linear-gradient(rgba(var(--aa-background-color-rgb),1),rgba(var(--aa-background-color-rgb),0));top:0}.aa-GradientBottom{background-image:linear-gradient(hsla(0,0%,100%,0),#fff);background-image:linear-gradient(rgba(var(--aa-background-color-rgb),0),rgba(var(--aa-background-color-rgb),1));border-bottom-left-radius:4px;border-bottom-left-radius:calc(var(--aa-spacing)/4);border-bottom-right-radius:4px;border-bottom-right-radius:calc(var(--aa-spacing)/4);bottom:0}@media (hover:none) and (pointer:coarse){.aa-DesktopOnly{display:none}}@media (hover:hover){.aa-TouchOnly{display:none}}
1
+ /*! @algolia/autocomplete-theme-classic 1.9.0 | MIT License | © Algolia, Inc. and contributors | https://github.com/algolia/autocomplete */
2
+ :root{--aa-search-input-height:44px;--aa-input-icon-size:20px;--aa-base-unit:16;--aa-spacing-factor:1;--aa-spacing:calc(var(--aa-base-unit)*var(--aa-spacing-factor)*1px);--aa-spacing-half:calc(var(--aa-spacing)/2);--aa-panel-max-height:650px;--aa-base-z-index:9999;--aa-font-size:calc(var(--aa-base-unit)*1px);--aa-font-family:inherit;--aa-font-weight-medium:500;--aa-font-weight-semibold:600;--aa-font-weight-bold:700;--aa-icon-size:20px;--aa-icon-stroke-width:1.6;--aa-icon-color-rgb:119,119,163;--aa-icon-color-alpha:1;--aa-action-icon-size:20px;--aa-text-color-rgb:38,38,39;--aa-text-color-alpha:1;--aa-primary-color-rgb:62,52,211;--aa-primary-color-alpha:0.2;--aa-muted-color-rgb:128,126,163;--aa-muted-color-alpha:0.6;--aa-panel-border-color-rgb:128,126,163;--aa-panel-border-color-alpha:0.3;--aa-input-border-color-rgb:128,126,163;--aa-input-border-color-alpha:0.8;--aa-background-color-rgb:255,255,255;--aa-background-color-alpha:1;--aa-input-background-color-rgb:255,255,255;--aa-input-background-color-alpha:1;--aa-selected-color-rgb:179,173,214;--aa-selected-color-alpha:0.205;--aa-description-highlight-background-color-rgb:245,223,77;--aa-description-highlight-background-color-alpha:0.5;--aa-detached-media-query:(max-width:680px);--aa-detached-modal-media-query:(min-width:680px);--aa-detached-modal-max-width:680px;--aa-detached-modal-max-height:500px;--aa-overlay-color-rgb:115,114,129;--aa-overlay-color-alpha:0.4;--aa-panel-shadow:0 0 0 1px rgba(35,38,59,0.1),0 6px 16px -4px rgba(35,38,59,0.15);--aa-scrollbar-width:13px;--aa-scrollbar-track-background-color-rgb:234,234,234;--aa-scrollbar-track-background-color-alpha:1;--aa-scrollbar-thumb-background-color-rgb:var(--aa-background-color-rgb);--aa-scrollbar-thumb-background-color-alpha:1}@media (hover:none) and (pointer:coarse){:root{--aa-spacing-factor:1.2;--aa-action-icon-size:22px}}body.dark,body[data-theme=dark]{--aa-text-color-rgb:183,192,199;--aa-primary-color-rgb:146,138,255;--aa-muted-color-rgb:146,138,255;--aa-input-background-color-rgb:0,3,9;--aa-background-color-rgb:21,24,42;--aa-selected-color-rgb:146,138,255;--aa-selected-color-alpha:0.25;--aa-description-highlight-background-color-rgb:0 255 255;--aa-description-highlight-background-color-alpha:0.25;--aa-icon-color-rgb:119,119,163;--aa-panel-shadow:inset 1px 1px 0 0 #2c2e40,0 3px 8px 0 #000309;--aa-scrollbar-track-background-color-rgb:44,46,64;--aa-scrollbar-thumb-background-color-rgb:var(--aa-background-color-rgb)}.aa-Autocomplete *,.aa-DetachedFormContainer *,.aa-Panel *{box-sizing:border-box}.aa-Autocomplete,.aa-DetachedFormContainer,.aa-Panel{color:rgba(38, 38, 39,1);color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));font-family:inherit;font-family:var(--aa-font-family);font-size:calc(16 * 1px);font-size:var(--aa-font-size);font-weight:400;line-height:1em;margin:0;padding:0;text-align:left}.aa-Form{align-items:center;background-color:rgba(255, 255, 255,1);background-color:rgba(var(--aa-input-background-color-rgb),var(--aa-input-background-color-alpha));border:1px solid rgba(128, 126, 163,0.8);border:1px solid rgba(var(--aa-input-border-color-rgb),var(--aa-input-border-color-alpha));border-radius:3px;display:flex;line-height:1em;margin:0;position:relative;width:100%}.aa-Form:focus-within{border-color:rgba(62, 52, 211,1);border-color:rgba(var(--aa-primary-color-rgb),1);box-shadow:rgba(62, 52, 211,0.2) 0 0 0 2px,inset rgba(62, 52, 211,0.2) 0 0 0 2px;box-shadow:rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha)) 0 0 0 2px,inset rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha)) 0 0 0 2px;outline:medium none currentColor}.aa-InputWrapperPrefix{align-items:center;display:flex;flex-shrink:0;height:44px;height:var(--aa-search-input-height);order:1}.aa-Label,.aa-LoadingIndicator{cursor:auto;flex-shrink:0;height:100%;padding:0;text-align:left}.aa-Label svg,.aa-LoadingIndicator svg{color:rgba(62, 52, 211,1);color:rgba(var(--aa-primary-color-rgb),1);height:auto;max-height:20px;max-height:var(--aa-input-icon-size);stroke-width:1.6;stroke-width:var(--aa-icon-stroke-width);width:20px;width:var(--aa-input-icon-size)}.aa-LoadingIndicator,.aa-SubmitButton{height:100%;padding-left:calc((16 * 1 * 1px)*0.75 - 1px);padding-left:calc(calc(16 * 1 * 1px)*0.75 - 1px);padding-left:calc(var(--aa-spacing)*0.75 - 1px);padding-right:calc((16 * 1 * 1px) / 2);padding-right:calc(calc(16 * 1 * 1px) / 2);padding-right:var(--aa-spacing-half);width:calc((16 * 1 * 1px)*1.75 + 20px - 1px);width:calc(calc(16 * 1 * 1px)*1.75 + 20px - 1px);width:calc(var(--aa-spacing)*1.75 + var(--aa-icon-size) - 1px)}@media (hover:none) and (pointer:coarse){.aa-LoadingIndicator,.aa-SubmitButton{padding-left:calc(((16 * 1 * 1px) / 2)/2 - 1px);padding-left:calc(calc(calc(16 * 1 * 1px) / 2)/2 - 1px);padding-left:calc(var(--aa-spacing-half)/2 - 1px);width:calc(20px + (16 * 1 * 1px)*1.25 - 1px);width:calc(20px + calc(16 * 1 * 1px)*1.25 - 1px);width:calc(var(--aa-icon-size) + var(--aa-spacing)*1.25 - 1px)}}.aa-SubmitButton{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;margin:0}.aa-LoadingIndicator{align-items:center;display:flex;justify-content:center}.aa-LoadingIndicator[hidden]{display:none}.aa-InputWrapper{order:3;position:relative;width:100%}.aa-Input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;color:rgba(38, 38, 39,1);color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));font:inherit;height:44px;height:var(--aa-search-input-height);padding:0;width:100%}.aa-Input::-moz-placeholder{color:rgba(128, 126, 163,0.6);color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));opacity:1}.aa-Input::placeholder{color:rgba(128, 126, 163,0.6);color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));opacity:1}.aa-Input:focus{border-color:none;box-shadow:none;outline:none}.aa-Input::-webkit-search-cancel-button,.aa-Input::-webkit-search-decoration,.aa-Input::-webkit-search-results-button,.aa-Input::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}.aa-InputWrapperSuffix{align-items:center;display:flex;height:44px;height:var(--aa-search-input-height);order:4}.aa-ClearButton{align-items:center;background:none;border:0;color:rgba(128, 126, 163,0.6);color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));cursor:pointer;display:flex;height:100%;margin:0;padding:0 calc((16 * 1 * 1px)*0.83333 - .5px);padding:0 calc(calc(16 * 1 * 1px)*0.83333 - .5px);padding:0 calc(var(--aa-spacing)*0.83333 - .5px)}@media (hover:none) and (pointer:coarse){.aa-ClearButton{padding:0 calc((16 * 1 * 1px)*0.66667 - .5px);padding:0 calc(calc(16 * 1 * 1px)*0.66667 - .5px);padding:0 calc(var(--aa-spacing)*0.66667 - .5px)}}.aa-ClearButton:focus,.aa-ClearButton:hover{color:rgba(38, 38, 39,1);color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha))}.aa-ClearButton[hidden]{display:none}.aa-ClearButton svg{stroke-width:1.6;stroke-width:var(--aa-icon-stroke-width);width:20px;width:var(--aa-icon-size)}.aa-Panel{background-color:rgba(255, 255, 255,1);background-color:rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha));border-radius:calc((16 * 1 * 1px)/4);border-radius:calc(calc(16 * 1 * 1px)/4);border-radius:calc(var(--aa-spacing)/4);box-shadow:0 0 0 1px rgba(35, 38, 59, 0.1),
3
+ 0 6px 16px -4px rgba(35, 38, 59, 0.15);box-shadow:var(--aa-panel-shadow);margin:8px 0 0;overflow:hidden;position:absolute;transition:opacity .2s ease-in,filter .2s ease-in}@media screen and (prefers-reduced-motion){.aa-Panel{transition:none}}.aa-Panel button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;margin:0;padding:0}.aa-PanelLayout{height:100%;margin:0;max-height:650px;max-height:var(--aa-panel-max-height);overflow-y:auto;padding:0;position:relative;text-align:left}.aa-PanelLayoutColumns--twoGolden{display:grid;grid-template-columns:39.2% auto;overflow:hidden;padding:0}.aa-PanelLayoutColumns--two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:hidden;padding:0}.aa-PanelLayoutColumns--three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden;padding:0}.aa-Panel--stalled .aa-Source{filter:grayscale(1);opacity:.8}.aa-Panel--scrollable{margin:0;max-height:650px;max-height:var(--aa-panel-max-height);overflow-x:hidden;overflow-y:auto;padding:calc((16 * 1 * 1px) / 2);padding:calc(calc(16 * 1 * 1px) / 2);padding:var(--aa-spacing-half);scrollbar-color:rgba(255, 255, 255,1) rgba(234, 234, 234,1);scrollbar-color:rgba(var(--aa-scrollbar-thumb-background-color-rgb),var(--aa-scrollbar-thumb-background-color-alpha)) rgba(var(--aa-scrollbar-track-background-color-rgb),var(--aa-scrollbar-track-background-color-alpha));scrollbar-width:thin}.aa-Panel--scrollable::-webkit-scrollbar{width:13px;width:var(--aa-scrollbar-width)}.aa-Panel--scrollable::-webkit-scrollbar-track{background-color:rgba(234, 234, 234,1);background-color:rgba(var(--aa-scrollbar-track-background-color-rgb),var(--aa-scrollbar-track-background-color-alpha))}.aa-Panel--scrollable::-webkit-scrollbar-thumb{background-color:rgba(255, 255, 255,1);background-color:rgba(var(--aa-scrollbar-thumb-background-color-rgb),var(--aa-scrollbar-thumb-background-color-alpha));border-radius:9999px;border:3px solid rgba(234, 234, 234,1);border:3px solid rgba(var(--aa-scrollbar-track-background-color-rgb),var(--aa-scrollbar-track-background-color-alpha));border-right-width:2px}.aa-Source{margin:0;padding:0;position:relative;width:100%}.aa-Source:empty{display:none}.aa-SourceNoResults{font-size:1em;margin:0;padding:calc(16 * 1 * 1px);padding:var(--aa-spacing)}.aa-List{list-style:none;margin:0}.aa-List,.aa-SourceHeader{padding:0;position:relative}.aa-SourceHeader{margin:calc((16 * 1 * 1px) / 2) .5em calc((16 * 1 * 1px) / 2) 0;margin:calc(calc(16 * 1 * 1px) / 2) .5em calc(calc(16 * 1 * 1px) / 2) 0;margin:var(--aa-spacing-half) .5em var(--aa-spacing-half) 0}.aa-SourceHeader:empty{display:none}.aa-SourceHeaderTitle{background:rgba(255, 255, 255,1);background:rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha));color:rgba(62, 52, 211,1);color:rgba(var(--aa-primary-color-rgb),1);display:inline-block;font-size:.8em;font-weight:600;font-weight:var(--aa-font-weight-semibold);margin:0;padding:0 calc((16 * 1 * 1px) / 2) 0 0;padding:0 calc(calc(16 * 1 * 1px) / 2) 0 0;padding:0 var(--aa-spacing-half) 0 0;position:relative;z-index:9999;z-index:var(--aa-base-z-index)}.aa-SourceHeaderLine{border-bottom:1px solid rgba(62, 52, 211,1);border-bottom:1px solid rgba(var(--aa-primary-color-rgb),1);display:block;height:2px;left:0;margin:0;opacity:.3;padding:0;position:absolute;right:0;top:calc((16 * 1 * 1px) / 2);top:calc(calc(16 * 1 * 1px) / 2);top:var(--aa-spacing-half);z-index:calc(9999 - 1);z-index:calc(var(--aa-base-z-index) - 1)}.aa-SourceFooterSeeAll{background:linear-gradient(180deg,rgba(255, 255, 255,1),rgba(128,126,163,.14));background:linear-gradient(180deg,rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha)),rgba(128,126,163,.14));border:1px solid rgba(128, 126, 163,0.6);border:1px solid rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));border-radius:5px;box-shadow:inset 0 0 2px #fff,0 2px 2px -1px rgba(76,69,88,.15);color:inherit;font-size:.95em;font-weight:500;font-weight:var(--aa-font-weight-medium);padding:.475em 1em .6em;-webkit-text-decoration:none;text-decoration:none}.aa-SourceFooterSeeAll:focus,.aa-SourceFooterSeeAll:hover{border:1px solid rgba(62, 52, 211,1);border:1px solid rgba(var(--aa-primary-color-rgb),1);color:rgba(62, 52, 211,1);color:rgba(var(--aa-primary-color-rgb),1)}.aa-Item{align-items:center;border-radius:3px;cursor:pointer;display:grid;min-height:calc((16 * 1 * 1px)*2.5);min-height:calc(calc(16 * 1 * 1px)*2.5);min-height:calc(var(--aa-spacing)*2.5);padding:calc(((16 * 1 * 1px) / 2)/2);padding:calc(calc(calc(16 * 1 * 1px) / 2)/2);padding:calc(var(--aa-spacing-half)/2)}.aa-Item[aria-selected=true]{background-color:rgba(179, 173, 214,0.205);background-color:rgba(var(--aa-selected-color-rgb),var(--aa-selected-color-alpha))}.aa-Item[aria-selected=true] .aa-ActiveOnly,.aa-Item[aria-selected=true] .aa-ItemActionButton{visibility:visible}.aa-ItemIcon{align-items:center;background:rgba(255, 255, 255,1);background:rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha));border-radius:3px;box-shadow:inset 0 0 0 1px rgba(128, 126, 163,0.3);box-shadow:inset 0 0 0 1px rgba(var(--aa-panel-border-color-rgb),var(--aa-panel-border-color-alpha));color:rgba(119, 119, 163,1);color:rgba(var(--aa-icon-color-rgb),var(--aa-icon-color-alpha));display:flex;flex-shrink:0;font-size:.7em;height:calc(20px + ((16 * 1 * 1px) / 2));height:calc(20px + calc(calc(16 * 1 * 1px) / 2));height:calc(var(--aa-icon-size) + var(--aa-spacing-half));justify-content:center;overflow:hidden;stroke-width:1.6;stroke-width:var(--aa-icon-stroke-width);text-align:center;width:calc(20px + ((16 * 1 * 1px) / 2));width:calc(20px + calc(calc(16 * 1 * 1px) / 2));width:calc(var(--aa-icon-size) + var(--aa-spacing-half))}.aa-ItemIcon img{height:auto;max-height:calc(20px + ((16 * 1 * 1px) / 2) - 8px);max-height:calc(20px + calc(calc(16 * 1 * 1px) / 2) - 8px);max-height:calc(var(--aa-icon-size) + var(--aa-spacing-half) - 8px);max-width:calc(20px + ((16 * 1 * 1px) / 2) - 8px);max-width:calc(20px + calc(calc(16 * 1 * 1px) / 2) - 8px);max-width:calc(var(--aa-icon-size) + var(--aa-spacing-half) - 8px);width:auto}.aa-ItemIcon svg{height:20px;height:var(--aa-icon-size);width:20px;width:var(--aa-icon-size)}.aa-ItemIcon--alignTop{align-self:flex-start}.aa-ItemIcon--noBorder{background:none;box-shadow:none}.aa-ItemIcon--picture{height:96px;width:96px}.aa-ItemIcon--picture img{max-height:100%;max-width:100%;padding:calc((16 * 1 * 1px) / 2);padding:calc(calc(16 * 1 * 1px) / 2);padding:var(--aa-spacing-half)}.aa-ItemContent{align-items:center;cursor:pointer;display:grid;gap:calc((16 * 1 * 1px) / 2);gap:calc(calc(16 * 1 * 1px) / 2);grid-gap:calc((16 * 1 * 1px) / 2);grid-gap:calc(calc(16 * 1 * 1px) / 2);grid-gap:var(--aa-spacing-half);gap:var(--aa-spacing-half);grid-auto-flow:column;line-height:1.25em;overflow:hidden}.aa-ItemContent:empty{display:none}.aa-ItemContent mark{background:none;color:rgba(38, 38, 39,1);color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));font-style:normal;font-weight:700;font-weight:var(--aa-font-weight-bold)}.aa-ItemContent--dual{display:flex;flex-direction:column;justify-content:space-between;text-align:left}.aa-ItemContent--dual .aa-ItemContentSubtitle,.aa-ItemContent--dual .aa-ItemContentTitle{display:block}.aa-ItemContent--indented{padding-left:calc(20px + (16 * 1 * 1px));padding-left:calc(20px + calc(16 * 1 * 1px));padding-left:calc(var(--aa-icon-size) + var(--aa-spacing))}.aa-ItemContentBody{display:grid;gap:calc(((16 * 1 * 1px) / 2)/2);gap:calc(calc(calc(16 * 1 * 1px) / 2)/2);grid-gap:calc(((16 * 1 * 1px) / 2)/2);grid-gap:calc(calc(calc(16 * 1 * 1px) / 2)/2);grid-gap:calc(var(--aa-spacing-half)/2);gap:calc(var(--aa-spacing-half)/2)}.aa-ItemContentTitle{display:inline-block;margin:0 .5em 0 0;max-width:100%;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.aa-ItemContentSubtitle{font-size:.92em}.aa-ItemContentSubtitleIcon:before{border-color:rgba(128, 126, 163,.64);border-color:rgba(var(--aa-muted-color-rgb),.64);border-style:solid;content:"";display:inline-block;left:1px;position:relative;top:-3px}.aa-ItemContentSubtitle--inline .aa-ItemContentSubtitleIcon:before{border-width:0 0 1.5px;margin-left:calc((16 * 1 * 1px) / 2);margin-left:calc(calc(16 * 1 * 1px) / 2);margin-left:var(--aa-spacing-half);margin-right:calc(((16 * 1 * 1px) / 2)/2);margin-right:calc(calc(calc(16 * 1 * 1px) / 2)/2);margin-right:calc(var(--aa-spacing-half)/2);width:calc(((16 * 1 * 1px) / 2) + 2px);width:calc(calc(calc(16 * 1 * 1px) / 2) + 2px);width:calc(var(--aa-spacing-half) + 2px)}.aa-ItemContentSubtitle--standalone{align-items:center;color:rgba(38, 38, 39,1);color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));display:grid;gap:calc((16 * 1 * 1px) / 2);gap:calc(calc(16 * 1 * 1px) / 2);grid-gap:calc((16 * 1 * 1px) / 2);grid-gap:calc(calc(16 * 1 * 1px) / 2);grid-gap:var(--aa-spacing-half);gap:var(--aa-spacing-half);grid-auto-flow:column;justify-content:start}.aa-ItemContentSubtitle--standalone .aa-ItemContentSubtitleIcon:before{border-radius:0 0 0 3px;border-width:0 0 1.5px 1.5px;height:calc((16 * 1 * 1px) / 2);height:calc(calc(16 * 1 * 1px) / 2);height:var(--aa-spacing-half);width:calc((16 * 1 * 1px) / 2);width:calc(calc(16 * 1 * 1px) / 2);width:var(--aa-spacing-half)}.aa-ItemContentSubtitleCategory{color:rgba(128, 126, 163,1);color:rgba(var(--aa-muted-color-rgb),1);font-weight:500}.aa-ItemContentDescription{color:rgba(38, 38, 39,1);color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));font-size:.85em;max-width:100%;overflow-x:hidden;text-overflow:ellipsis}.aa-ItemContentDescription:empty{display:none}.aa-ItemContentDescription mark{background:rgba(245, 223, 77,0.5);background:rgba(var(--aa-description-highlight-background-color-rgb),var(--aa-description-highlight-background-color-alpha));color:rgba(38, 38, 39,1);color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));font-style:normal;font-weight:500;font-weight:var(--aa-font-weight-medium)}.aa-ItemContentDash{color:rgba(128, 126, 163,0.6);color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));display:none;opacity:.4}.aa-ItemContentTag{background-color:rgba(62, 52, 211,0.2);background-color:rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha));border-radius:3px;margin:0 .4em 0 0;padding:.08em .3em}.aa-ItemLink,.aa-ItemWrapper{align-items:center;color:inherit;display:grid;gap:calc(((16 * 1 * 1px) / 2)/2);gap:calc(calc(calc(16 * 1 * 1px) / 2)/2);grid-gap:calc(((16 * 1 * 1px) / 2)/2);grid-gap:calc(calc(calc(16 * 1 * 1px) / 2)/2);grid-gap:calc(var(--aa-spacing-half)/2);gap:calc(var(--aa-spacing-half)/2);grid-auto-flow:column;justify-content:space-between;width:100%}.aa-ItemLink{color:inherit;-webkit-text-decoration:none;text-decoration:none}.aa-ItemActions{display:grid;grid-auto-flow:column;height:100%;justify-self:end;margin:0 calc((16 * 1 * 1px)/-3);margin:0 calc(calc(16 * 1 * 1px)/-3);margin:0 calc(var(--aa-spacing)/-3);padding:0 2px 0 0}.aa-ItemActionButton{align-items:center;background:none;border:0;color:rgba(128, 126, 163,0.6);color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));cursor:pointer;display:flex;flex-shrink:0;padding:0}.aa-ItemActionButton:focus svg,.aa-ItemActionButton:hover svg{color:rgba(38, 38, 39,1);color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha))}@media (hover:none) and (pointer:coarse){.aa-ItemActionButton:focus svg,.aa-ItemActionButton:hover svg{color:inherit}}.aa-ItemActionButton svg{color:rgba(128, 126, 163,0.6);color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));margin:0;margin:calc(calc(16 * 1 * 1px)/3);margin:calc(var(--aa-spacing)/3);stroke-width:1.6;stroke-width:var(--aa-icon-stroke-width);width:20px;width:var(--aa-action-icon-size)}.aa-ActiveOnly{visibility:hidden}.aa-PanelHeader{align-items:center;background:rgba(62, 52, 211,1);background:rgba(var(--aa-primary-color-rgb),1);color:#fff;display:grid;height:var(--aa-modal-header-height);margin:0;padding:calc((16 * 1 * 1px) / 2) calc(16 * 1 * 1px);padding:calc(calc(16 * 1 * 1px) / 2) calc(16 * 1 * 1px);padding:var(--aa-spacing-half) var(--aa-spacing);position:relative}.aa-PanelHeader:after{background-image:linear-gradient(rgba(255, 255, 255,1),rgba(255, 255, 255,0));background-image:linear-gradient(rgba(var(--aa-background-color-rgb),1),rgba(var(--aa-background-color-rgb),0));bottom:calc(((16 * 1 * 1px) / 2)*-1);bottom:calc(calc(calc(16 * 1 * 1px) / 2)*-1);bottom:calc(var(--aa-spacing-half)*-1);content:"";height:calc((16 * 1 * 1px) / 2);height:calc(calc(16 * 1 * 1px) / 2);height:var(--aa-spacing-half);left:0;pointer-events:none;position:absolute;right:0;z-index:9999;z-index:var(--aa-base-z-index)}.aa-PanelFooter{background-color:rgba(255, 255, 255,1);background-color:rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha));box-shadow:inset 0 1px 0 rgba(128, 126, 163,0.3);box-shadow:inset 0 1px 0 rgba(var(--aa-panel-border-color-rgb),var(--aa-panel-border-color-alpha));display:flex;justify-content:space-between;margin:0;padding:calc(16 * 1 * 1px);padding:var(--aa-spacing);position:relative;z-index:9999;z-index:var(--aa-base-z-index)}.aa-PanelFooter:after{background-image:linear-gradient(rgba(255, 255, 255,0),rgba(128, 126, 163,0.6));background-image:linear-gradient(rgba(var(--aa-background-color-rgb),0),rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha)));content:"";height:calc(16 * 1 * 1px);height:var(--aa-spacing);left:0;opacity:.12;pointer-events:none;position:absolute;right:0;top:calc((16 * 1 * 1px)*-1);top:calc(calc(16 * 1 * 1px)*-1);top:calc(var(--aa-spacing)*-1);z-index:calc(9999 - 1);z-index:calc(var(--aa-base-z-index) - 1)}.aa-DetachedContainer{background:rgba(255, 255, 255,1);background:rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha));bottom:0;box-shadow:0 0 0 1px rgba(35, 38, 59, 0.1),
4
+ 0 6px 16px -4px rgba(35, 38, 59, 0.15);box-shadow:var(--aa-panel-shadow);display:flex;flex-direction:column;left:0;margin:0;overflow:hidden;padding:0;position:fixed;right:0;top:0;z-index:9999;z-index:var(--aa-base-z-index)}.aa-DetachedContainer:after{height:32px}.aa-DetachedContainer .aa-SourceHeader{margin:calc((16 * 1 * 1px) / 2) 0 calc((16 * 1 * 1px) / 2) 2px;margin:calc(calc(16 * 1 * 1px) / 2) 0 calc(calc(16 * 1 * 1px) / 2) 2px;margin:var(--aa-spacing-half) 0 var(--aa-spacing-half) 2px}.aa-DetachedContainer .aa-Panel{background-color:rgba(255, 255, 255,1);background-color:rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha));border-radius:0;box-shadow:none;flex-grow:1;margin:0;padding:0;position:relative}.aa-DetachedContainer .aa-PanelLayout{bottom:0;box-shadow:none;left:0;margin:0;max-height:none;overflow-y:auto;position:absolute;right:0;top:0;width:100%}.aa-DetachedFormContainer{border-bottom:1px solid rgba(128, 126, 163,0.3);border-bottom:1px solid rgba(var(--aa-panel-border-color-rgb),var(--aa-panel-border-color-alpha));display:flex;flex-direction:row;justify-content:space-between;margin:0;padding:calc((16 * 1 * 1px) / 2);padding:calc(calc(16 * 1 * 1px) / 2);padding:var(--aa-spacing-half)}.aa-DetachedCancelButton{background:none;border:0;border-radius:3px;color:inherit;color:rgba(38, 38, 39,1);color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));cursor:pointer;font:inherit;margin:0 0 0 calc((16 * 1 * 1px) / 2);margin:0 0 0 calc(calc(16 * 1 * 1px) / 2);margin:0 0 0 var(--aa-spacing-half);padding:0 calc((16 * 1 * 1px) / 2);padding:0 calc(calc(16 * 1 * 1px) / 2);padding:0 var(--aa-spacing-half)}.aa-DetachedCancelButton:focus,.aa-DetachedCancelButton:hover{box-shadow:inset 0 0 0 1px rgba(128, 126, 163,0.3);box-shadow:inset 0 0 0 1px rgba(var(--aa-panel-border-color-rgb),var(--aa-panel-border-color-alpha))}.aa-DetachedContainer--modal{border-radius:6px;bottom:inherit;height:auto;margin:0 auto;max-width:680px;max-width:var(--aa-detached-modal-max-width);position:absolute;top:3%}.aa-DetachedContainer--modal .aa-PanelLayout{max-height:500px;max-height:var(--aa-detached-modal-max-height);padding-bottom:calc((16 * 1 * 1px) / 2);padding-bottom:calc(calc(16 * 1 * 1px) / 2);padding-bottom:var(--aa-spacing-half);position:static}.aa-DetachedSearchButton{align-items:center;background-color:rgba(255, 255, 255,1);background-color:rgba(var(--aa-input-background-color-rgb),var(--aa-input-background-color-alpha));border:1px solid rgba(128, 126, 163,0.8);border:1px solid rgba(var(--aa-input-border-color-rgb),var(--aa-input-border-color-alpha));border-radius:3px;color:rgba(128, 126, 163,0.6);color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));cursor:pointer;display:flex;font:inherit;font-family:inherit;font-family:var(--aa-font-family);font-size:calc(16 * 1px);font-size:var(--aa-font-size);height:44px;height:var(--aa-search-input-height);margin:0;padding:0 calc(44px/8);padding:0 calc(var(--aa-search-input-height)/8);position:relative;text-align:left;width:100%}.aa-DetachedSearchButton:focus{border-color:rgba(62, 52, 211,1);border-color:rgba(var(--aa-primary-color-rgb),1);box-shadow:rgba(62, 52, 211,0.2) 0 0 0 3px,inset rgba(62, 52, 211,0.2) 0 0 0 2px;box-shadow:rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha)) 0 0 0 3px,inset rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha)) 0 0 0 2px;outline:medium none currentColor}.aa-DetachedSearchButtonIcon{align-items:center;color:rgba(62, 52, 211,1);color:rgba(var(--aa-primary-color-rgb),1);cursor:auto;display:flex;flex-shrink:0;height:100%;justify-content:center;width:calc(20px + (16 * 1 * 1px));width:calc(20px + calc(16 * 1 * 1px));width:calc(var(--aa-icon-size) + var(--aa-spacing))}.aa-DetachedSearchButtonQuery{color:rgba(38, 38, 39,1);color:rgba(var(--aa-text-color-rgb),1);line-height:1.25em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aa-DetachedSearchButtonPlaceholder[hidden]{display:none}.aa-Detached{height:100vh;overflow:hidden}.aa-DetachedOverlay{background-color:rgba(115, 114, 129,0.4);background-color:rgba(var(--aa-overlay-color-rgb),var(--aa-overlay-color-alpha));height:100vh;left:0;margin:0;padding:0;position:fixed;right:0;top:0;z-index:calc(9999 - 1);z-index:calc(var(--aa-base-z-index) - 1)}.aa-GradientBottom,.aa-GradientTop{height:calc((16 * 1 * 1px) / 2);height:calc(calc(16 * 1 * 1px) / 2);height:var(--aa-spacing-half);left:0;pointer-events:none;position:absolute;right:0;z-index:9999;z-index:var(--aa-base-z-index)}.aa-GradientTop{background-image:linear-gradient(rgba(255, 255, 255,1),rgba(255, 255, 255,0));background-image:linear-gradient(rgba(var(--aa-background-color-rgb),1),rgba(var(--aa-background-color-rgb),0));top:0}.aa-GradientBottom{background-image:linear-gradient(rgba(255, 255, 255,0),rgba(255, 255, 255,1));background-image:linear-gradient(rgba(var(--aa-background-color-rgb),0),rgba(var(--aa-background-color-rgb),1));border-bottom-left-radius:calc((16 * 1 * 1px)/4);border-bottom-left-radius:calc(calc(16 * 1 * 1px)/4);border-bottom-left-radius:calc(var(--aa-spacing)/4);border-bottom-right-radius:calc((16 * 1 * 1px)/4);border-bottom-right-radius:calc(calc(16 * 1 * 1px)/4);border-bottom-right-radius:calc(var(--aa-spacing)/4);bottom:0}@media (hover:none) and (pointer:coarse){.aa-DesktopOnly{display:none}}@media (hover:hover){.aa-TouchOnly{display:none}}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@algolia/autocomplete-theme-classic",
3
3
  "description": "Classic theme for Algolia Autocomplete.",
4
- "version": "1.8.3",
4
+ "version": "1.9.0",
5
5
  "license": "MIT",
6
6
  "homepage": "https://github.com/algolia/autocomplete",
7
7
  "repository": "algolia/autocomplete",