@jobber/components 6.55.0 → 6.56.1

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 (11) hide show
  1. package/dist/DataList/DataList.types.d.ts +5 -0
  2. package/dist/DataList/hooks/useGetItemActions.d.ts +1 -0
  3. package/dist/DataListItem-cjs.js +5 -2
  4. package/dist/DataListItem-es.js +5 -2
  5. package/dist/DatePicker/DatePickerActivator.d.ts +3 -2
  6. package/dist/DatePicker-cjs.js +1 -2
  7. package/dist/DatePicker-es.js +2 -2
  8. package/dist/InputDate/index.cjs +5 -9
  9. package/dist/InputDate/index.mjs +6 -10
  10. package/dist/styles.css +1624 -1624
  11. package/package.json +2 -2
package/dist/styles.css CHANGED
@@ -1,3 +1,7 @@
1
+ .P6HrDSaI0Ac- {
2
+ display: contents;
3
+ }
4
+
1
5
  ._7mObJiwfPh4- {
2
6
  position: relative;
3
7
  width: 100%;
@@ -123,85 +127,6 @@
123
127
  text-align: right;
124
128
  }
125
129
 
126
- .P6HrDSaI0Ac- {
127
- display: contents;
128
- }
129
-
130
- :root {
131
- --public--avatar-size: 32px;
132
- }
133
-
134
- .QJpdGzG71k8- {
135
- --avatar-size: var(--public--avatar-size);
136
- --avatar-border-size: var(--border-base);
137
-
138
- display: -ms-flexbox;
139
-
140
- display: flex;
141
- -ms-flex-align: center;
142
- align-items: center;
143
- -ms-flex-pack: center;
144
- justify-content: center;
145
- width: 32px;
146
- width: var(--avatar-size);
147
- height: 32px;
148
- height: var(--avatar-size);
149
- min-width: 32px;
150
- min-width: var(--avatar-size);
151
- min-height: 32px;
152
- min-height: var(--avatar-size);
153
- border-radius: 100%;
154
- border-radius: var(--radius-circle);
155
- color: hsl(197, 90%, 12%);
156
- color: var(--color-heading);
157
- font-size: 32px;
158
- font-size: var(--avatar-size);
159
- -webkit-font-smoothing: antialiased;
160
- background: no-repeat center center hsl(197, 15%, 43%);
161
- background: no-repeat center center var(--color-base-blue--600);
162
- background-size: cover;
163
- }
164
-
165
- .QJpdGzG71k8-:focus {
166
- box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
167
- box-shadow: var(--shadow-focus);
168
- outline: none;
169
- }
170
-
171
- .bexrcoi1lZk- {
172
- --avatar-size: 72px;
173
- --avatar-border-size: var(--border-thick);
174
- }
175
-
176
- .xytAyzEap3U- {
177
- --avatar-size: 24px;
178
- }
179
-
180
- /* isDark is dynamic and applies only when background is dark */
181
-
182
- .E0Pgej0H3YA- {
183
- color: rgba(255, 255, 255, 1);
184
- color: var(--color-base-white);
185
- }
186
-
187
- ._85roPa-UvXQ- {
188
- font-size: calc(var(--avatar-size) / 2);
189
- text-transform: uppercase;
190
- }
191
-
192
- .meLH-BCeXWU- {
193
- font-size: calc(var(--avatar-size) / 2.25);
194
- }
195
-
196
- .OsEsZnEnjLc- {
197
- width: calc(var(--avatar-size) - (var(--avatar-border-size) * 2));
198
- height: calc(var(--avatar-size) - (var(--avatar-border-size) * 2));
199
- box-shadow: 0 0 0 2px rgba(255, 255, 255, 1) inset;
200
- box-shadow: 0 0 0 var(--border-thick) var(--color-surface) inset;
201
- border-style: solid;
202
- border-width: var(--avatar-border-size);
203
- }
204
-
205
130
  .ucGelS5nNm0- {
206
131
  --banner-surface: var(--color-surface);
207
132
  --banner-textColor: var(--color-text);
@@ -373,6 +298,155 @@
373
298
  align-self: center;
374
299
  }
375
300
 
301
+ :root {
302
+ --public--avatar-size: 32px;
303
+ }
304
+
305
+ .QJpdGzG71k8- {
306
+ --avatar-size: var(--public--avatar-size);
307
+ --avatar-border-size: var(--border-base);
308
+
309
+ display: -ms-flexbox;
310
+
311
+ display: flex;
312
+ -ms-flex-align: center;
313
+ align-items: center;
314
+ -ms-flex-pack: center;
315
+ justify-content: center;
316
+ width: 32px;
317
+ width: var(--avatar-size);
318
+ height: 32px;
319
+ height: var(--avatar-size);
320
+ min-width: 32px;
321
+ min-width: var(--avatar-size);
322
+ min-height: 32px;
323
+ min-height: var(--avatar-size);
324
+ border-radius: 100%;
325
+ border-radius: var(--radius-circle);
326
+ color: hsl(197, 90%, 12%);
327
+ color: var(--color-heading);
328
+ font-size: 32px;
329
+ font-size: var(--avatar-size);
330
+ -webkit-font-smoothing: antialiased;
331
+ background: no-repeat center center hsl(197, 15%, 43%);
332
+ background: no-repeat center center var(--color-base-blue--600);
333
+ background-size: cover;
334
+ }
335
+
336
+ .QJpdGzG71k8-:focus {
337
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
338
+ box-shadow: var(--shadow-focus);
339
+ outline: none;
340
+ }
341
+
342
+ .bexrcoi1lZk- {
343
+ --avatar-size: 72px;
344
+ --avatar-border-size: var(--border-thick);
345
+ }
346
+
347
+ .xytAyzEap3U- {
348
+ --avatar-size: 24px;
349
+ }
350
+
351
+ /* isDark is dynamic and applies only when background is dark */
352
+
353
+ .E0Pgej0H3YA- {
354
+ color: rgba(255, 255, 255, 1);
355
+ color: var(--color-base-white);
356
+ }
357
+
358
+ ._85roPa-UvXQ- {
359
+ font-size: calc(var(--avatar-size) / 2);
360
+ text-transform: uppercase;
361
+ }
362
+
363
+ .meLH-BCeXWU- {
364
+ font-size: calc(var(--avatar-size) / 2.25);
365
+ }
366
+
367
+ .OsEsZnEnjLc- {
368
+ width: calc(var(--avatar-size) - (var(--avatar-border-size) * 2));
369
+ height: calc(var(--avatar-size) - (var(--avatar-border-size) * 2));
370
+ box-shadow: 0 0 0 2px rgba(255, 255, 255, 1) inset;
371
+ box-shadow: 0 0 0 var(--border-thick) var(--color-surface) inset;
372
+ border-style: solid;
373
+ border-width: var(--avatar-border-size);
374
+ }
375
+
376
+ .-PlHaWx00Hw- {
377
+ --card--accent-color: var(--color-grey);
378
+ --card--base-padding: var(--space-base);
379
+ --card--border: var(--border-base) solid var(--color-border);
380
+
381
+ display: block;
382
+ width: 100%;
383
+ border: 1px solid hsl(200, 13%, 87%);
384
+ border: var(--card--border);
385
+ border-radius: 8px;
386
+ border-radius: var(--radius-base);
387
+ outline-color: hsl(198, 12%, 57%);
388
+ outline-color: var(--color-focus);
389
+ background-color: rgba(255, 255, 255, 1);
390
+ background-color: var(--color-surface);
391
+ }
392
+
393
+ .-PlHaWx00Hw-:active {
394
+ outline: 0;
395
+ }
396
+
397
+ /* Adjust `Content` components public padding to match the cards */
398
+
399
+ .-PlHaWx00Hw- > * {
400
+ --public-content--padding: var(--card--base-padding);
401
+ }
402
+
403
+ /* Remove the nested `Content` components public padding */
404
+
405
+ .-PlHaWx00Hw- > * > * {
406
+ --public-content--padding: 0;
407
+ }
408
+
409
+ .Iilm5Uhxo50- {
410
+ border-top-width: 0;
411
+ }
412
+
413
+ .Iilm5Uhxo50-::before {
414
+ content: " ";
415
+ display: block;
416
+ margin: 0 calc(-1 * 1px);
417
+ margin: 0 calc(-1 * var(--border-base));
418
+ border-top: 0.375rem solid var(--card--accent-color);
419
+ border-radius: 8px 8px 0 0;
420
+ border-radius: var(--radius-base) var(--radius-base) 0 0;
421
+ }
422
+
423
+ .Vppn4k0fBsc- {
424
+ color: inherit;
425
+ text-decoration: inherit;
426
+ cursor: pointer;
427
+ transition: all 200ms ease-out;
428
+ transition: all var(--timing-base) ease-out;
429
+ }
430
+
431
+ .Vppn4k0fBsc-:hover,
432
+ .Vppn4k0fBsc-:focus {
433
+ background-color: hsl(53, 21%, 93%);
434
+ background-color: var(--color-surface--hover);
435
+ }
436
+
437
+ .l3-Pkynq2zA- {
438
+ display: -ms-flexbox;
439
+ display: flex;
440
+ padding: var(--card--base-padding);
441
+ padding-bottom: 0;
442
+ -ms-flex-pack: justify;
443
+ justify-content: space-between;
444
+ -ms-flex-align: start;
445
+ align-items: flex-start;
446
+ gap: 8px;
447
+ gap: var(--space-small);
448
+ }
449
+
376
450
  :root {
377
451
  --public--button--color-variation: var(--color-interactive);
378
452
  --public--button--color-variation--hover: var(--color-interactive--hover);
@@ -706,111 +780,16 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
706
780
  }
707
781
  }
708
782
 
709
- .-PlHaWx00Hw- {
710
- --card--accent-color: var(--color-grey);
711
- --card--base-padding: var(--space-base);
712
- --card--border: var(--border-base) solid var(--color-border);
783
+ ._5mDLThZ7dBQ- {
784
+ --card--accent-color: var(--color-request);
785
+ }
713
786
 
714
- display: block;
715
- width: 100%;
716
- border: 1px solid hsl(200, 13%, 87%);
717
- border: var(--card--border);
718
- border-radius: 8px;
719
- border-radius: var(--radius-base);
720
- outline-color: hsl(198, 12%, 57%);
721
- outline-color: var(--color-focus);
722
- background-color: rgba(255, 255, 255, 1);
723
- background-color: var(--color-surface);
787
+ .-n66fUZcIH4- {
788
+ --card--accent-color: var(--color-quote);
724
789
  }
725
790
 
726
- .-PlHaWx00Hw-:active {
727
- outline: 0;
728
- }
729
-
730
- /* Adjust `Content` components public padding to match the cards */
731
-
732
- .-PlHaWx00Hw- > * {
733
- --public-content--padding: var(--card--base-padding);
734
- }
735
-
736
- /* Remove the nested `Content` components public padding */
737
-
738
- .-PlHaWx00Hw- > * > * {
739
- --public-content--padding: 0;
740
- }
741
-
742
- .Iilm5Uhxo50- {
743
- border-top-width: 0;
744
- }
745
-
746
- .Iilm5Uhxo50-::before {
747
- content: " ";
748
- display: block;
749
- margin: 0 calc(-1 * 1px);
750
- margin: 0 calc(-1 * var(--border-base));
751
- border-top: 0.375rem solid var(--card--accent-color);
752
- border-radius: 8px 8px 0 0;
753
- border-radius: var(--radius-base) var(--radius-base) 0 0;
754
- }
755
-
756
- .Vppn4k0fBsc- {
757
- color: inherit;
758
- text-decoration: inherit;
759
- cursor: pointer;
760
- transition: all 200ms ease-out;
761
- transition: all var(--timing-base) ease-out;
762
- }
763
-
764
- .Vppn4k0fBsc-:hover,
765
- .Vppn4k0fBsc-:focus {
766
- background-color: hsl(53, 21%, 93%);
767
- background-color: var(--color-surface--hover);
768
- }
769
-
770
- .l3-Pkynq2zA- {
771
- display: -ms-flexbox;
772
- display: flex;
773
- padding: var(--card--base-padding);
774
- padding-bottom: 0;
775
- -ms-flex-pack: justify;
776
- justify-content: space-between;
777
- -ms-flex-align: start;
778
- align-items: flex-start;
779
- gap: 8px;
780
- gap: var(--space-small);
781
- }
782
-
783
- .bb-VTS0yML8-,
784
- ._2BzdFV5LQvM-,
785
- ._60G0BuQ6TY0- {
786
- --card--border: none;
787
- }
788
-
789
- .bb-VTS0yML8- {
790
- box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25), 0px 0px 2px rgba(0, 0, 0, 0.1);
791
- box-shadow: var(--shadow-low);
792
- }
793
-
794
- ._2BzdFV5LQvM- {
795
- box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
796
- box-shadow: var(--shadow-base);
797
- }
798
-
799
- ._60G0BuQ6TY0- {
800
- box-shadow: 0px 16px 16px 0px rgba(0, 0, 0, 0.075), 0px 0px 8px 0px rgba(0, 0, 0, 0.05);
801
- box-shadow: var(--shadow-high);
802
- }
803
-
804
- ._5mDLThZ7dBQ- {
805
- --card--accent-color: var(--color-request);
806
- }
807
-
808
- .-n66fUZcIH4- {
809
- --card--accent-color: var(--color-quote);
810
- }
811
-
812
- .vfz0wjl-krU- {
813
- --card--accent-color: var(--color-job);
791
+ .vfz0wjl-krU- {
792
+ --card--accent-color: var(--color-job);
814
793
  }
815
794
 
816
795
  .UnWnEyw0-jY- {
@@ -1145,288 +1124,203 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
1145
1124
  --card--accent-color: var(--color-white);
1146
1125
  }
1147
1126
 
1148
- :root {
1149
- --public-chip-base-bg-color: var(--color-interactive--background);
1150
- --public-chip-base-hover-bg-color: var(
1151
- --color-interactive--background--hover
1152
- );
1153
- --public-chip-base-content-color: var(--color-heading);
1154
- }
1155
-
1156
- .FJNLweTKlm4- {
1157
- --chip-base-bg-color: var(--public-chip-base-bg-color);
1158
- --chip-base-hover-bg-color: var(--public-chip-base-hover-bg-color);
1159
- --chip-base-content-color: var(--public-chip-base-content-color);
1160
- --chip-border-color: transparent;
1161
- --chip-height: 40px;
1162
- --chip-radius: 20px;
1163
- display: -ms-inline-flexbox;
1164
- display: inline-flex;
1165
- position: relative;
1166
- height: 40px;
1167
- height: var(--chip-height);
1168
- min-width: 0;
1169
- box-sizing: border-box;
1170
- padding: 0 16px;
1171
- padding: 0 var(--base-unit);
1172
- border: 1px solid transparent;
1173
- border: var(--border-base) solid var(--chip-border-color);
1174
- border-radius: 20px;
1175
- border-radius: var(--chip-radius);
1176
- color: hsl(197, 90%, 12%);
1177
- color: var(--color-heading);
1178
- text-align: left;
1179
- background-color: hsl(51, 17%, 85%);
1180
- background-color: var(--chip-base-bg-color);
1181
- cursor: pointer;
1182
- transition: all 200ms;
1183
- transition: all var(--timing-base);
1184
- -ms-flex-align: center;
1185
- align-items: center;
1127
+ .bb-VTS0yML8-,
1128
+ ._2BzdFV5LQvM-,
1129
+ ._60G0BuQ6TY0- {
1130
+ --card--border: none;
1186
1131
  }
1187
1132
 
1188
- .FJNLweTKlm4-:hover,
1189
- .FJNLweTKlm4-:focus,
1190
- .FJNLweTKlm4-:focus-visible,
1191
- .VI-h7qe-Bl0-:focus-visible {
1192
- border: 1px solid var(--chip-border-color);
1193
- border: var(--border-base) solid var(--chip-border-color);
1194
- outline: transparent;
1195
- background-color: var(--chip-base-hover-bg-color);
1133
+ .bb-VTS0yML8- {
1134
+ box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25), 0px 0px 2px rgba(0, 0, 0, 0.1);
1135
+ box-shadow: var(--shadow-low);
1196
1136
  }
1197
1137
 
1198
- .FJNLweTKlm4- .VI-h7qe-Bl0- {
1199
- padding: 0;
1200
- border: none;
1201
- cursor: pointer;
1138
+ ._2BzdFV5LQvM- {
1139
+ box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
1140
+ box-shadow: var(--shadow-base);
1202
1141
  }
1203
1142
 
1204
- .FJNLweTKlm4- .OufFSBZ4gLc-,
1205
- .FJNLweTKlm4- .VI-h7qe-Bl0- {
1206
- margin-left: 8px;
1207
- margin-left: var(--space-small);
1208
- margin-right: calc(-1 * 8px);
1209
- margin-right: calc(-1 * var(--space-small));
1210
- background-color: rgba(255, 255, 255, 1);
1211
- background-color: var(--color-surface);
1143
+ ._60G0BuQ6TY0- {
1144
+ box-shadow: 0px 16px 16px 0px rgba(0, 0, 0, 0.075), 0px 0px 8px 0px rgba(0, 0, 0, 0.05);
1145
+ box-shadow: var(--shadow-high);
1212
1146
  }
1213
1147
 
1214
- .FJNLweTKlm4- .cmAqSkFDPFA-,
1215
- .FJNLweTKlm4- .OufFSBZ4gLc-,
1216
- .FJNLweTKlm4- .VI-h7qe-Bl0- {
1148
+ .sGSmxHTsTfA- {
1217
1149
  display: -ms-flexbox;
1218
1150
  display: flex;
1219
- width: 24px;
1220
- width: var(--space-large);
1221
- height: 24px;
1222
- height: var(--space-large);
1223
- -ms-flex-negative: 0;
1224
- flex-shrink: 0;
1225
- border-radius: 100%;
1226
- border-radius: var(--radius-circle);
1227
- -ms-flex-align: center;
1228
- align-items: center;
1229
- -ms-flex-pack: center;
1230
- justify-content: center;
1151
+ -ms-flex-direction: column;
1152
+ flex-direction: column;
1153
+ min-height: var(--public-cover-min-height);
1154
+ padding: var(--public-cover-space);
1231
1155
  }
1232
1156
 
1233
- .VI-h7qe-Bl0-:hover {
1234
- background-color: hsl(53, 21%, 93%);
1235
- background-color: var(--color-surface--hover);
1157
+ .sGSmxHTsTfA- > * {
1158
+ margin-top: var(--public-cover-space);
1159
+ margin-bottom: var(--public-cover-space);
1236
1160
  }
1237
1161
 
1238
- .FJNLweTKlm4-:focus-visible,
1239
- .FJNLweTKlm4- .VI-h7qe-Bl0-:focus-visible {
1240
- box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
1241
- box-shadow: var(--shadow-focus);
1162
+ .sGSmxHTsTfA- > :first-child:not(._6S-jbOw7NEA-) {
1163
+ -webkit-margin-before: 0;
1164
+ margin-top: 0;
1242
1165
  }
1243
1166
 
1244
- .FJNLweTKlm4- .cmAqSkFDPFA- {
1245
- margin-left: calc(-1 * 8px);
1246
- margin-left: calc(-1 * var(--space-small));
1247
- margin-right: 8px;
1248
- margin-right: var(--space-small);
1167
+ .sGSmxHTsTfA- > :last-child:not(._6S-jbOw7NEA-) {
1168
+ -webkit-margin-after: 0;
1169
+ margin-bottom: 0;
1249
1170
  }
1250
1171
 
1251
- .FJNLweTKlm4- .cmAqSkFDPFA-.CWJcbOmNtsY-,
1252
- .FJNLweTKlm4- .OufFSBZ4gLc-.CWJcbOmNtsY- {
1253
- display: none;
1172
+ .sGSmxHTsTfA- > ._6S-jbOw7NEA- {
1173
+ margin-top: auto;
1174
+ margin-bottom: auto;
1254
1175
  }
1255
1176
 
1256
- .FJNLweTKlm4- .oV7kqacWv-U- {
1257
- width: 1px;
1258
- width: var(--space-minuscule);
1259
- height: 16px;
1260
- height: var(--base-unit);
1261
- margin: 0 8px;
1262
- margin: 0 var(--space-small);
1263
- background-color: hsl(197, 15%, 43%);
1264
- background-color: var(--color-text--secondary);
1177
+ .Aj6o8FcaKHc- {
1178
+ container-name: var(--public-container-name);
1179
+ container-type: inline-size;
1180
+ width: var(--public-container-width);
1265
1181
  }
1266
1182
 
1267
- .FJNLweTKlm4- .NO1-MLiNi0g- {
1268
- border-radius: 100%;
1269
- border-radius: var(--radius-circle);
1270
- background-color: rgba(255, 255, 255, 1);
1271
- background-color: var(--color-surface);
1183
+ .eIsVvlXoWhs- {
1184
+ container-type: inline-size;
1185
+ width: var(--public-container-apply-width);
1272
1186
  }
1273
1187
 
1274
- ._5cCHfc5LzqY-,
1275
- ._5cCHfc5LzqY- p {
1276
- color: var(--chip-base-content-color);
1188
+ .kub1yKbFFN0- {
1189
+ display: -ms-flexbox;
1190
+ display: flex;
1191
+ -ms-flex-wrap: wrap;
1192
+ flex-wrap: wrap;
1193
+ gap: 16px;
1194
+ gap: var(--public-cluster-space, var(--space-base, 16px));
1195
+ -ms-flex-pack: flex-start;
1196
+ -ms-flex-pack: var(--public-cluster-justify, flex-start);
1197
+ justify-content: flex-start;
1198
+ justify-content: var(--public-cluster-justify, flex-start);
1199
+ -ms-flex-align: center;
1200
+ -ms-flex-align: var(--public-cluster-align, center);
1201
+ align-items: center;
1202
+ align-items: var(--public-cluster-align, center);
1203
+ width: var(--public-cluster-width);
1277
1204
  }
1278
1205
 
1279
- ._5cCHfc5LzqY- .oV7kqacWv-U- {
1280
- background-color: var(--chip-base-content-color);
1281
- }
1206
+ /** When we nest clusters, the clustering stops working because of the 100% width. This prevents nested clusters from fighting **/
1282
1207
 
1283
- .CMvHum0PGzY-,
1284
- .ln-ky9jFiLI-.CMvHum0PGzY- {
1285
- --chip-border-color: var(--color-critical);
1286
- --chip-base-bg-color: var(--color-critical--surface);
1287
- --chip-base-hover-bg-color: var(--color-interactive--background--hover);
1208
+ .kub1yKbFFN0- .kub1yKbFFN0- {
1209
+ width: auto;
1288
1210
  }
1289
1211
 
1290
- /* If these change, please update InternalChip.css focus-visible rules */
1212
+ /** For collapse below. If any of the sizes are active, we're in column mode. */
1291
1213
 
1292
- .CMvHum0PGzY-:hover,
1293
- .CMvHum0PGzY-:focus-visible,
1294
- .ln-ky9jFiLI-.CMvHum0PGzY-:hover,
1295
- .ln-ky9jFiLI-.CMvHum0PGzY-:focus-visible {
1296
- --chip-border-color: var(--color-critical);
1214
+ ._5IaWqMXiMqQ-,
1215
+ .vCly-qsW6uQ-,
1216
+ .lmABTs-G-FA-,
1217
+ .NHrDIukxI-o- {
1218
+ -ms-flex-direction: column;
1219
+ flex-direction: column;
1297
1220
  }
1298
1221
 
1299
- .ln-ky9jFiLI- {
1300
- --chip-border-color: var(--color-border--interactive);
1301
- --chip-base-bg-color: var(--color-surface);
1302
- --chip-base-hover-bg-color: var(--color-interactive--background);
1222
+ ._5IaWqMXiMqQ- > *,
1223
+ .vCly-qsW6uQ- > *,
1224
+ .lmABTs-G-FA- > *,
1225
+ .NHrDIukxI-o- > * {
1226
+ width: 100%;
1303
1227
  }
1304
1228
 
1305
- /* If these change, please update InternalChip.css focus-visible rules */
1306
-
1307
- .ln-ky9jFiLI-:focus-visible,
1308
- .ln-ky9jFiLI-:hover {
1309
- --chip-border-color: var(--chip-base-bg-color);
1310
- }
1229
+ @media (min-width: 490px) {
1230
+ ._5IaWqMXiMqQ- {
1231
+ -ms-flex-direction: row;
1232
+ flex-direction: row;
1233
+ }
1311
1234
 
1312
- .CMvHum0PGzY-._3uJEejbZvig-,
1313
- .CMvHum0PGzY-._3uJEejbZvig-:hover,
1314
- .CMvHum0PGzY-._3uJEejbZvig-:focus-visible {
1315
- --chip-base-bg-color: var(--color-disabled--secondary);
1316
- --chip-base-hover-bg-color: var(--color-disabled--secondary);
1317
- cursor: not-allowed;
1235
+ ._5IaWqMXiMqQ- > * {
1236
+ width: auto;
1237
+ }
1318
1238
  }
1319
1239
 
1320
- /* If these change, please update InternalChip.css focus-visible rules */
1240
+ @media (--small-screens-and-up) {
1241
+ ._5IaWqMXiMqQ- {
1242
+ -ms-flex-direction: row;
1243
+ flex-direction: row;
1244
+ }
1321
1245
 
1322
- ._3uJEejbZvig-,
1323
- ._3uJEejbZvig-:hover,
1324
- ._3uJEejbZvig-:focus-visible {
1325
- --chip-border-color: var(--color-disabled--secondary);
1326
- color: hsl(0, 0%, 72%);
1327
- color: var(--color-disabled);
1328
- --chip-base-bg-color: var(--color-disabled--secondary);
1329
- --chip-base-hover-bg-color: var(--color-disabled--secondary);
1330
- cursor: not-allowed;
1246
+ ._5IaWqMXiMqQ- > * {
1247
+ width: auto;
1248
+ }
1331
1249
  }
1332
1250
 
1333
- ._3uJEejbZvig- .oV7kqacWv-U- {
1334
- background-color: hsl(0, 0%, 72%);
1335
- background-color: var(--color-disabled);
1336
- }
1251
+ @media (min-width: 768px) {
1252
+ .vCly-qsW6uQ- {
1253
+ -ms-flex-direction: row;
1254
+ flex-direction: row;
1255
+ }
1337
1256
 
1338
- .FJNLweTKlm4-._3uJEejbZvig- .OufFSBZ4gLc- {
1339
- background-color: hsl(0, 0%, 93%);
1340
- background-color: var(--color-disabled--secondary);
1257
+ .vCly-qsW6uQ- > * {
1258
+ width: auto;
1259
+ }
1341
1260
  }
1342
1261
 
1343
- .FJNLweTKlm4-._3uJEejbZvig- .OufFSBZ4gLc- path {
1344
- fill: hsl(0, 0%, 72%);
1345
- fill: var(--color-disabled);
1346
- }
1262
+ @media (--medium-screens-and-up) {
1263
+ .vCly-qsW6uQ- {
1264
+ -ms-flex-direction: row;
1265
+ flex-direction: row;
1266
+ }
1347
1267
 
1348
- .fLGluRRWPSk- {
1349
- display: -ms-flexbox;
1350
- display: flex;
1351
- position: relative;
1352
- overflow: hidden;
1353
- -ms-flex-wrap: nowrap;
1354
- flex-wrap: nowrap;
1268
+ .vCly-qsW6uQ- > * {
1269
+ width: auto;
1270
+ }
1355
1271
  }
1356
1272
 
1357
- .fLGluRRWPSk- > * {
1358
- -ms-flex: 0 0 auto;
1359
- flex: 0 0 auto;
1360
- }
1273
+ @media (min-width: 1080px) {
1274
+ .lmABTs-G-FA- {
1275
+ -ms-flex-direction: row;
1276
+ flex-direction: row;
1277
+ }
1361
1278
 
1362
- .fLGluRRWPSk- > p {
1363
- overflow: hidden;
1364
- white-space: nowrap;
1279
+ .lmABTs-G-FA- > * {
1280
+ width: auto;
1281
+ }
1365
1282
  }
1366
1283
 
1367
- .H3-SjXQhoS4- {
1368
- position: absolute;
1369
- top: 0;
1370
- right: 0;
1371
- width: 16px;
1372
- width: var(--space-base);
1373
- height: 100%;
1374
- }
1284
+ @media (--large-screens-and-up) {
1285
+ .lmABTs-G-FA- {
1286
+ -ms-flex-direction: row;
1287
+ flex-direction: row;
1288
+ }
1375
1289
 
1376
- .H3-SjXQhoS4- > span {
1377
- position: absolute;
1378
- top: 0;
1379
- right: 0;
1380
- bottom: 0;
1381
- width: 10%;
1382
- background-color: var(--chip-base-bg-color);
1290
+ .lmABTs-G-FA- > * {
1291
+ width: auto;
1292
+ }
1383
1293
  }
1384
1294
 
1385
- .H3-SjXQhoS4-::before,
1386
- .H3-SjXQhoS4-::after {
1387
- content: "";
1388
- position: absolute;
1389
- top: 0;
1390
- right: 0;
1391
- bottom: 0;
1392
- left: 0;
1393
- transition: opacity 200ms;
1394
- transition: opacity var(--timing-base);
1395
- }
1295
+ @media (min-width: 1440px) {
1296
+ .NHrDIukxI-o- {
1297
+ -ms-flex-direction: row;
1298
+ flex-direction: row;
1299
+ }
1396
1300
 
1397
- .H3-SjXQhoS4-::before {
1398
- background: linear-gradient(
1399
- to left,
1400
- var(--chip-base-bg-color) 10%,
1401
- rgba(255, 255, 255, 0)
1402
- );
1403
- opacity: 1;
1301
+ .NHrDIukxI-o- > * {
1302
+ width: auto;
1303
+ }
1404
1304
  }
1405
1305
 
1406
- .H3-SjXQhoS4-::after {
1407
- background: linear-gradient(
1408
- to left,
1409
- var(--chip-base-hover-bg-color) 10%,
1410
- rgba(255, 255, 255, 0)
1411
- );
1412
- opacity: 0;
1413
- }
1306
+ @media (--extra-large-screens-and-up) {
1307
+ .NHrDIukxI-o- {
1308
+ -ms-flex-direction: row;
1309
+ flex-direction: row;
1310
+ }
1414
1311
 
1415
- .FJNLweTKlm4-:hover .H3-SjXQhoS4-::before,
1416
- .FJNLweTKlm4-:focus .H3-SjXQhoS4-::before,
1417
- .FJNLweTKlm4-:focus-visible .H3-SjXQhoS4-::before {
1418
- opacity: 0;
1312
+ .NHrDIukxI-o- > * {
1313
+ width: auto;
1314
+ }
1419
1315
  }
1420
1316
 
1421
- .FJNLweTKlm4-:hover .H3-SjXQhoS4-::after,
1422
- .FJNLweTKlm4-:focus .H3-SjXQhoS4-::after,
1423
- .FJNLweTKlm4-:focus-visible .H3-SjXQhoS4-::after {
1424
- opacity: 1;
1317
+ .kub1yKbFFN0-.hkpPPbA3sRk- {
1318
+ -ms-flex-direction: column;
1319
+ flex-direction: column;
1425
1320
  }
1426
1321
 
1427
- .rYoQfOpWeMk- {
1428
- display: inline-block;
1429
- width: 1px;
1322
+ .kub1yKbFFN0-.hkpPPbA3sRk- > * {
1323
+ width: 100%;
1430
1324
  }
1431
1325
 
1432
1326
  .YxKKPXAU10s- {
@@ -1541,232 +1435,288 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
1541
1435
  padding-left: calc(var(--checkbox--size) + var(--space-small));
1542
1436
  }
1543
1437
 
1544
- .kub1yKbFFN0- {
1545
- display: -ms-flexbox;
1546
- display: flex;
1547
- -ms-flex-wrap: wrap;
1548
- flex-wrap: wrap;
1549
- gap: 16px;
1550
- gap: var(--public-cluster-space, var(--space-base, 16px));
1551
- -ms-flex-pack: flex-start;
1552
- -ms-flex-pack: var(--public-cluster-justify, flex-start);
1553
- justify-content: flex-start;
1554
- justify-content: var(--public-cluster-justify, flex-start);
1438
+ :root {
1439
+ --public-chip-base-bg-color: var(--color-interactive--background);
1440
+ --public-chip-base-hover-bg-color: var(
1441
+ --color-interactive--background--hover
1442
+ );
1443
+ --public-chip-base-content-color: var(--color-heading);
1444
+ }
1445
+
1446
+ .FJNLweTKlm4- {
1447
+ --chip-base-bg-color: var(--public-chip-base-bg-color);
1448
+ --chip-base-hover-bg-color: var(--public-chip-base-hover-bg-color);
1449
+ --chip-base-content-color: var(--public-chip-base-content-color);
1450
+ --chip-border-color: transparent;
1451
+ --chip-height: 40px;
1452
+ --chip-radius: 20px;
1453
+ display: -ms-inline-flexbox;
1454
+ display: inline-flex;
1455
+ position: relative;
1456
+ height: 40px;
1457
+ height: var(--chip-height);
1458
+ min-width: 0;
1459
+ box-sizing: border-box;
1460
+ padding: 0 16px;
1461
+ padding: 0 var(--base-unit);
1462
+ border: 1px solid transparent;
1463
+ border: var(--border-base) solid var(--chip-border-color);
1464
+ border-radius: 20px;
1465
+ border-radius: var(--chip-radius);
1466
+ color: hsl(197, 90%, 12%);
1467
+ color: var(--color-heading);
1468
+ text-align: left;
1469
+ background-color: hsl(51, 17%, 85%);
1470
+ background-color: var(--chip-base-bg-color);
1471
+ cursor: pointer;
1472
+ transition: all 200ms;
1473
+ transition: all var(--timing-base);
1555
1474
  -ms-flex-align: center;
1556
- -ms-flex-align: var(--public-cluster-align, center);
1557
1475
  align-items: center;
1558
- align-items: var(--public-cluster-align, center);
1559
- width: var(--public-cluster-width);
1560
1476
  }
1561
1477
 
1562
- /** When we nest clusters, the clustering stops working because of the 100% width. This prevents nested clusters from fighting **/
1563
-
1564
- .kub1yKbFFN0- .kub1yKbFFN0- {
1565
- width: auto;
1478
+ .FJNLweTKlm4-:hover,
1479
+ .FJNLweTKlm4-:focus,
1480
+ .FJNLweTKlm4-:focus-visible,
1481
+ .VI-h7qe-Bl0-:focus-visible {
1482
+ border: 1px solid var(--chip-border-color);
1483
+ border: var(--border-base) solid var(--chip-border-color);
1484
+ outline: transparent;
1485
+ background-color: var(--chip-base-hover-bg-color);
1566
1486
  }
1567
1487
 
1568
- /** For collapse below. If any of the sizes are active, we're in column mode. */
1488
+ .FJNLweTKlm4- .VI-h7qe-Bl0- {
1489
+ padding: 0;
1490
+ border: none;
1491
+ cursor: pointer;
1492
+ }
1569
1493
 
1570
- ._5IaWqMXiMqQ-,
1571
- .vCly-qsW6uQ-,
1572
- .lmABTs-G-FA-,
1573
- .NHrDIukxI-o- {
1574
- -ms-flex-direction: column;
1575
- flex-direction: column;
1494
+ .FJNLweTKlm4- .OufFSBZ4gLc-,
1495
+ .FJNLweTKlm4- .VI-h7qe-Bl0- {
1496
+ margin-left: 8px;
1497
+ margin-left: var(--space-small);
1498
+ margin-right: calc(-1 * 8px);
1499
+ margin-right: calc(-1 * var(--space-small));
1500
+ background-color: rgba(255, 255, 255, 1);
1501
+ background-color: var(--color-surface);
1576
1502
  }
1577
1503
 
1578
- ._5IaWqMXiMqQ- > *,
1579
- .vCly-qsW6uQ- > *,
1580
- .lmABTs-G-FA- > *,
1581
- .NHrDIukxI-o- > * {
1582
- width: 100%;
1504
+ .FJNLweTKlm4- .cmAqSkFDPFA-,
1505
+ .FJNLweTKlm4- .OufFSBZ4gLc-,
1506
+ .FJNLweTKlm4- .VI-h7qe-Bl0- {
1507
+ display: -ms-flexbox;
1508
+ display: flex;
1509
+ width: 24px;
1510
+ width: var(--space-large);
1511
+ height: 24px;
1512
+ height: var(--space-large);
1513
+ -ms-flex-negative: 0;
1514
+ flex-shrink: 0;
1515
+ border-radius: 100%;
1516
+ border-radius: var(--radius-circle);
1517
+ -ms-flex-align: center;
1518
+ align-items: center;
1519
+ -ms-flex-pack: center;
1520
+ justify-content: center;
1583
1521
  }
1584
1522
 
1585
- @media (min-width: 490px) {
1586
- ._5IaWqMXiMqQ- {
1587
- -ms-flex-direction: row;
1588
- flex-direction: row;
1589
- }
1590
-
1591
- ._5IaWqMXiMqQ- > * {
1592
- width: auto;
1593
- }
1523
+ .VI-h7qe-Bl0-:hover {
1524
+ background-color: hsl(53, 21%, 93%);
1525
+ background-color: var(--color-surface--hover);
1594
1526
  }
1595
1527
 
1596
- @media (--small-screens-and-up) {
1597
- ._5IaWqMXiMqQ- {
1598
- -ms-flex-direction: row;
1599
- flex-direction: row;
1600
- }
1601
-
1602
- ._5IaWqMXiMqQ- > * {
1603
- width: auto;
1604
- }
1528
+ .FJNLweTKlm4-:focus-visible,
1529
+ .FJNLweTKlm4- .VI-h7qe-Bl0-:focus-visible {
1530
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
1531
+ box-shadow: var(--shadow-focus);
1605
1532
  }
1606
1533
 
1607
- @media (min-width: 768px) {
1608
- .vCly-qsW6uQ- {
1609
- -ms-flex-direction: row;
1610
- flex-direction: row;
1611
- }
1612
-
1613
- .vCly-qsW6uQ- > * {
1614
- width: auto;
1615
- }
1534
+ .FJNLweTKlm4- .cmAqSkFDPFA- {
1535
+ margin-left: calc(-1 * 8px);
1536
+ margin-left: calc(-1 * var(--space-small));
1537
+ margin-right: 8px;
1538
+ margin-right: var(--space-small);
1616
1539
  }
1617
1540
 
1618
- @media (--medium-screens-and-up) {
1619
- .vCly-qsW6uQ- {
1620
- -ms-flex-direction: row;
1621
- flex-direction: row;
1622
- }
1623
-
1624
- .vCly-qsW6uQ- > * {
1625
- width: auto;
1626
- }
1541
+ .FJNLweTKlm4- .cmAqSkFDPFA-.CWJcbOmNtsY-,
1542
+ .FJNLweTKlm4- .OufFSBZ4gLc-.CWJcbOmNtsY- {
1543
+ display: none;
1627
1544
  }
1628
1545
 
1629
- @media (min-width: 1080px) {
1630
- .lmABTs-G-FA- {
1631
- -ms-flex-direction: row;
1632
- flex-direction: row;
1633
- }
1634
-
1635
- .lmABTs-G-FA- > * {
1636
- width: auto;
1637
- }
1546
+ .FJNLweTKlm4- .oV7kqacWv-U- {
1547
+ width: 1px;
1548
+ width: var(--space-minuscule);
1549
+ height: 16px;
1550
+ height: var(--base-unit);
1551
+ margin: 0 8px;
1552
+ margin: 0 var(--space-small);
1553
+ background-color: hsl(197, 15%, 43%);
1554
+ background-color: var(--color-text--secondary);
1638
1555
  }
1639
1556
 
1640
- @media (--large-screens-and-up) {
1641
- .lmABTs-G-FA- {
1642
- -ms-flex-direction: row;
1643
- flex-direction: row;
1644
- }
1557
+ .FJNLweTKlm4- .NO1-MLiNi0g- {
1558
+ border-radius: 100%;
1559
+ border-radius: var(--radius-circle);
1560
+ background-color: rgba(255, 255, 255, 1);
1561
+ background-color: var(--color-surface);
1562
+ }
1645
1563
 
1646
- .lmABTs-G-FA- > * {
1647
- width: auto;
1648
- }
1564
+ ._5cCHfc5LzqY-,
1565
+ ._5cCHfc5LzqY- p {
1566
+ color: var(--chip-base-content-color);
1649
1567
  }
1650
1568
 
1651
- @media (min-width: 1440px) {
1652
- .NHrDIukxI-o- {
1653
- -ms-flex-direction: row;
1654
- flex-direction: row;
1655
- }
1569
+ ._5cCHfc5LzqY- .oV7kqacWv-U- {
1570
+ background-color: var(--chip-base-content-color);
1571
+ }
1656
1572
 
1657
- .NHrDIukxI-o- > * {
1658
- width: auto;
1659
- }
1573
+ .CMvHum0PGzY-,
1574
+ .ln-ky9jFiLI-.CMvHum0PGzY- {
1575
+ --chip-border-color: var(--color-critical);
1576
+ --chip-base-bg-color: var(--color-critical--surface);
1577
+ --chip-base-hover-bg-color: var(--color-interactive--background--hover);
1660
1578
  }
1661
1579
 
1662
- @media (--extra-large-screens-and-up) {
1663
- .NHrDIukxI-o- {
1664
- -ms-flex-direction: row;
1665
- flex-direction: row;
1666
- }
1580
+ /* If these change, please update InternalChip.css focus-visible rules */
1667
1581
 
1668
- .NHrDIukxI-o- > * {
1669
- width: auto;
1670
- }
1582
+ .CMvHum0PGzY-:hover,
1583
+ .CMvHum0PGzY-:focus-visible,
1584
+ .ln-ky9jFiLI-.CMvHum0PGzY-:hover,
1585
+ .ln-ky9jFiLI-.CMvHum0PGzY-:focus-visible {
1586
+ --chip-border-color: var(--color-critical);
1671
1587
  }
1672
1588
 
1673
- .kub1yKbFFN0-.hkpPPbA3sRk- {
1674
- -ms-flex-direction: column;
1675
- flex-direction: column;
1589
+ .ln-ky9jFiLI- {
1590
+ --chip-border-color: var(--color-border--interactive);
1591
+ --chip-base-bg-color: var(--color-surface);
1592
+ --chip-base-hover-bg-color: var(--color-interactive--background);
1676
1593
  }
1677
1594
 
1678
- .kub1yKbFFN0-.hkpPPbA3sRk- > * {
1679
- width: 100%;
1680
- }
1595
+ /* If these change, please update InternalChip.css focus-visible rules */
1681
1596
 
1682
- .sGSmxHTsTfA- {
1683
- display: -ms-flexbox;
1684
- display: flex;
1685
- -ms-flex-direction: column;
1686
- flex-direction: column;
1687
- min-height: var(--public-cover-min-height);
1688
- padding: var(--public-cover-space);
1597
+ .ln-ky9jFiLI-:focus-visible,
1598
+ .ln-ky9jFiLI-:hover {
1599
+ --chip-border-color: var(--chip-base-bg-color);
1689
1600
  }
1690
1601
 
1691
- .sGSmxHTsTfA- > * {
1692
- margin-top: var(--public-cover-space);
1693
- margin-bottom: var(--public-cover-space);
1602
+ .CMvHum0PGzY-._3uJEejbZvig-,
1603
+ .CMvHum0PGzY-._3uJEejbZvig-:hover,
1604
+ .CMvHum0PGzY-._3uJEejbZvig-:focus-visible {
1605
+ --chip-base-bg-color: var(--color-disabled--secondary);
1606
+ --chip-base-hover-bg-color: var(--color-disabled--secondary);
1607
+ cursor: not-allowed;
1694
1608
  }
1695
1609
 
1696
- .sGSmxHTsTfA- > :first-child:not(._6S-jbOw7NEA-) {
1697
- -webkit-margin-before: 0;
1698
- margin-top: 0;
1610
+ /* If these change, please update InternalChip.css focus-visible rules */
1611
+
1612
+ ._3uJEejbZvig-,
1613
+ ._3uJEejbZvig-:hover,
1614
+ ._3uJEejbZvig-:focus-visible {
1615
+ --chip-border-color: var(--color-disabled--secondary);
1616
+ color: hsl(0, 0%, 72%);
1617
+ color: var(--color-disabled);
1618
+ --chip-base-bg-color: var(--color-disabled--secondary);
1619
+ --chip-base-hover-bg-color: var(--color-disabled--secondary);
1620
+ cursor: not-allowed;
1699
1621
  }
1700
1622
 
1701
- .sGSmxHTsTfA- > :last-child:not(._6S-jbOw7NEA-) {
1702
- -webkit-margin-after: 0;
1703
- margin-bottom: 0;
1623
+ ._3uJEejbZvig- .oV7kqacWv-U- {
1624
+ background-color: hsl(0, 0%, 72%);
1625
+ background-color: var(--color-disabled);
1704
1626
  }
1705
1627
 
1706
- .sGSmxHTsTfA- > ._6S-jbOw7NEA- {
1707
- margin-top: auto;
1708
- margin-bottom: auto;
1628
+ .FJNLweTKlm4-._3uJEejbZvig- .OufFSBZ4gLc- {
1629
+ background-color: hsl(0, 0%, 93%);
1630
+ background-color: var(--color-disabled--secondary);
1709
1631
  }
1710
1632
 
1711
- .B1cBkstNQhM- > :not(:last-child) {
1712
- margin-bottom: 1px;
1713
- margin-bottom: var(--space-minuscule);
1633
+ .FJNLweTKlm4-._3uJEejbZvig- .OufFSBZ4gLc- path {
1634
+ fill: hsl(0, 0%, 72%);
1635
+ fill: var(--color-disabled);
1714
1636
  }
1715
1637
 
1716
- .rjAxJwaso0s- > :not(:last-child) {
1717
- margin-bottom: 2px;
1718
- margin-bottom: var(--space-smallest);
1638
+ .fLGluRRWPSk- {
1639
+ display: -ms-flexbox;
1640
+ display: flex;
1641
+ position: relative;
1642
+ overflow: hidden;
1643
+ -ms-flex-wrap: nowrap;
1644
+ flex-wrap: nowrap;
1719
1645
  }
1720
1646
 
1721
- .Chezd5Sqtmk- > :not(:last-child) {
1722
- margin-bottom: 4px;
1723
- margin-bottom: var(--space-smaller);
1647
+ .fLGluRRWPSk- > * {
1648
+ -ms-flex: 0 0 auto;
1649
+ flex: 0 0 auto;
1724
1650
  }
1725
1651
 
1726
- .hzVGRy-KUeY- > :not(:last-child) {
1727
- margin-bottom: 8px;
1728
- margin-bottom: var(--space-small);
1652
+ .fLGluRRWPSk- > p {
1653
+ overflow: hidden;
1654
+ white-space: nowrap;
1729
1655
  }
1730
1656
 
1731
- .XFi-EWH3Rc0- > :not(:last-child) {
1732
- margin-bottom: 16px;
1733
- margin-bottom: var(--space-base);
1657
+ .H3-SjXQhoS4- {
1658
+ position: absolute;
1659
+ top: 0;
1660
+ right: 0;
1661
+ width: 16px;
1662
+ width: var(--space-base);
1663
+ height: 100%;
1734
1664
  }
1735
1665
 
1736
- .JTt98vS-CLk- > :not(:last-child) {
1737
- margin-bottom: 24px;
1738
- margin-bottom: var(--space-large);
1666
+ .H3-SjXQhoS4- > span {
1667
+ position: absolute;
1668
+ top: 0;
1669
+ right: 0;
1670
+ bottom: 0;
1671
+ width: 10%;
1672
+ background-color: var(--chip-base-bg-color);
1739
1673
  }
1740
1674
 
1741
- .-h5Dm7qvnss- > :not(:last-child) {
1742
- margin-bottom: 32px;
1743
- margin-bottom: var(--space-larger);
1675
+ .H3-SjXQhoS4-::before,
1676
+ .H3-SjXQhoS4-::after {
1677
+ content: "";
1678
+ position: absolute;
1679
+ top: 0;
1680
+ right: 0;
1681
+ bottom: 0;
1682
+ left: 0;
1683
+ transition: opacity 200ms;
1684
+ transition: opacity var(--timing-base);
1744
1685
  }
1745
1686
 
1746
- .K7DP0lB9veI- > :not(:last-child) {
1747
- margin-bottom: 48px;
1748
- margin-bottom: var(--space-largest);
1687
+ .H3-SjXQhoS4-::before {
1688
+ background: linear-gradient(
1689
+ to left,
1690
+ var(--chip-base-bg-color) 10%,
1691
+ rgba(255, 255, 255, 0)
1692
+ );
1693
+ opacity: 1;
1749
1694
  }
1750
1695
 
1751
- .d8bHHzbOHk4- > :not(:last-child) {
1752
- margin-bottom: 64px;
1753
- margin-bottom: var(--space-extravagant);
1696
+ .H3-SjXQhoS4-::after {
1697
+ background: linear-gradient(
1698
+ to left,
1699
+ var(--chip-base-hover-bg-color) 10%,
1700
+ rgba(255, 255, 255, 0)
1701
+ );
1702
+ opacity: 0;
1754
1703
  }
1755
1704
 
1756
- .cftWh-00zXM- {
1757
- padding: 0;
1758
- padding: var(--public-content--padding, 0);
1705
+ .FJNLweTKlm4-:hover .H3-SjXQhoS4-::before,
1706
+ .FJNLweTKlm4-:focus .H3-SjXQhoS4-::before,
1707
+ .FJNLweTKlm4-:focus-visible .H3-SjXQhoS4-::before {
1708
+ opacity: 0;
1759
1709
  }
1760
1710
 
1761
- .Aj6o8FcaKHc- {
1762
- container-name: var(--public-container-name);
1763
- container-type: inline-size;
1764
- width: var(--public-container-width);
1711
+ .FJNLweTKlm4-:hover .H3-SjXQhoS4-::after,
1712
+ .FJNLweTKlm4-:focus .H3-SjXQhoS4-::after,
1713
+ .FJNLweTKlm4-:focus-visible .H3-SjXQhoS4-::after {
1714
+ opacity: 1;
1765
1715
  }
1766
1716
 
1767
- .eIsVvlXoWhs- {
1768
- container-type: inline-size;
1769
- width: var(--public-container-apply-width);
1717
+ .rYoQfOpWeMk- {
1718
+ display: inline-block;
1719
+ width: 1px;
1770
1720
  }
1771
1721
 
1772
1722
  .xxU2WqkpXZU- {
@@ -1784,207 +1734,103 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
1784
1734
  display: inline-block;
1785
1735
  }
1786
1736
 
1787
- .rJamQZ6fRes- {
1788
- --content-block-max-width: 100ch;
1789
- --content-block-gutters: 0;
1790
- width: 100%;
1791
- box-sizing: content-box;
1792
- margin-left: auto;
1793
- margin-right: auto;
1794
- max-width: 100ch;
1795
- max-width: var(--content-block-max-width);
1796
- }
1797
-
1798
- .bqjXV8MRO-4- {
1799
- -webkit-margin-start: 0;
1800
- margin-left: 0;
1801
- -webkit-margin-end: auto;
1802
- margin-right: auto;
1803
- }
1804
-
1805
- .sCMxIxKkFe0- {
1806
- -webkit-margin-end: 0;
1807
- margin-right: 0;
1808
- -webkit-margin-start: auto;
1809
- margin-left: auto;
1810
- }
1811
-
1812
- ._2pIQVKvVL1I- {
1813
- margin-left: auto;
1814
- margin-right: auto;
1815
- }
1816
-
1817
- ._6dF2no3aTxw- {
1818
- text-align: center;
1819
- }
1820
-
1821
- .bqjXV8MRO-4-._6dF2no3aTxw- {
1822
- text-align: left;
1823
- }
1824
-
1825
- .sCMxIxKkFe0-._6dF2no3aTxw- {
1826
- text-align: right;
1827
- }
1828
-
1829
- ._8k8YLsatGag- {
1830
- -webkit-padding-start: var(--content-block-gutters);
1831
- padding-left: var(--content-block-gutters);
1832
- -webkit-padding-end: var(--content-block-gutters);
1833
- padding-right: var(--content-block-gutters);
1834
- }
1835
-
1836
- ._3IHK46TSBOI- {
1837
- position: relative;
1838
- border: 1px solid hsl(200, 13%, 87%);
1839
- border: var(--border-base) solid var(--color-border);
1840
- border-radius: 8px;
1841
- border-radius: var(--radius-base);
1842
- overflow: hidden;
1737
+ .B1cBkstNQhM- > :not(:last-child) {
1738
+ margin-bottom: 1px;
1739
+ margin-bottom: var(--space-minuscule);
1843
1740
  }
1844
1741
 
1845
- ._8CMtSx4qamA- {
1846
- overflow: auto;
1742
+ .rjAxJwaso0s- > :not(:last-child) {
1743
+ margin-bottom: 2px;
1744
+ margin-bottom: var(--space-smallest);
1847
1745
  }
1848
1746
 
1849
- .bNYpzdn5rPc- {
1850
- width: 100%;
1851
- border-collapse: collapse;
1852
- text-align: left;
1747
+ .Chezd5Sqtmk- > :not(:last-child) {
1748
+ margin-bottom: 4px;
1749
+ margin-bottom: var(--space-smaller);
1853
1750
  }
1854
1751
 
1855
- .bNYpzdn5rPc- thead tr th {
1856
- padding: 16px;
1857
- padding: var(--space-base);
1858
- border-bottom: 1px solid hsl(200, 13%, 87%);
1859
- border-bottom: var(--border-base) solid var(--color-border);
1860
- color: hsl(197, 90%, 12%);
1861
- color: var(--color-heading);
1862
- white-space: nowrap;
1752
+ .hzVGRy-KUeY- > :not(:last-child) {
1753
+ margin-bottom: 8px;
1754
+ margin-bottom: var(--space-small);
1863
1755
  }
1864
1756
 
1865
- .bNYpzdn5rPc- thead tr th :first-child {
1866
- display: -ms-flexbox;
1867
- display: flex;
1757
+ .XFi-EWH3Rc0- > :not(:last-child) {
1758
+ margin-bottom: 16px;
1759
+ margin-bottom: var(--space-base);
1868
1760
  }
1869
1761
 
1870
- .bNYpzdn5rPc- tbody tr {
1871
- border-bottom: 1px solid hsl(200, 13%, 87%);
1872
- border-bottom: var(--border-base) solid var(--color-border);
1762
+ .JTt98vS-CLk- > :not(:last-child) {
1763
+ margin-bottom: 24px;
1764
+ margin-bottom: var(--space-large);
1873
1765
  }
1874
1766
 
1875
- .bNYpzdn5rPc- tbody tr:last-child {
1876
- border-bottom: none;
1767
+ .-h5Dm7qvnss- > :not(:last-child) {
1768
+ margin-bottom: 32px;
1769
+ margin-bottom: var(--space-larger);
1877
1770
  }
1878
1771
 
1879
- .bNYpzdn5rPc- tbody tr td {
1880
- padding: 16px;
1881
- padding: var(--space-base);
1772
+ .K7DP0lB9veI- > :not(:last-child) {
1773
+ margin-bottom: 48px;
1774
+ margin-bottom: var(--space-largest);
1882
1775
  }
1883
1776
 
1884
- .bNYpzdn5rPc- tfoot {
1885
- position: sticky;
1886
- z-index: 1;
1887
- width: 100%;
1888
- box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
1889
- box-shadow: var(--shadow-base);
1890
- border-top: 2px solid hsl(200, 13%, 87%);
1891
- border-top: var(--border-thick) solid var(--color-border);
1892
- background-color: rgba(255, 255, 255, 1);
1893
- background-color: var(--color-surface);
1894
- bottom: 0;
1777
+ .d8bHHzbOHk4- > :not(:last-child) {
1778
+ margin-bottom: 64px;
1779
+ margin-bottom: var(--space-extravagant);
1895
1780
  }
1896
1781
 
1897
- .bNYpzdn5rPc- tfoot tr th {
1898
- padding: 16px;
1899
- padding: var(--space-base);
1782
+ .cftWh-00zXM- {
1783
+ padding: 0;
1784
+ padding: var(--public-content--padding, 0);
1900
1785
  }
1901
1786
 
1902
- .lKXqbcsnCFs- thead tr th:first-child,
1903
- .lKXqbcsnCFs- tbody tr td:first-child {
1904
- position: sticky;
1905
- left: 0;
1906
- z-index: 1;
1907
- height: calc(48px + 4px);
1908
- height: calc(var(--space-largest) + var(--space-smaller));
1909
- background-color: rgba(255, 255, 255, 1);
1910
- background-color: var(--color-surface);
1787
+ .rJamQZ6fRes- {
1788
+ --content-block-max-width: 100ch;
1789
+ --content-block-gutters: 0;
1790
+ width: 100%;
1791
+ box-sizing: content-box;
1792
+ margin-left: auto;
1793
+ margin-right: auto;
1794
+ max-width: 100ch;
1795
+ max-width: var(--content-block-max-width);
1911
1796
  }
1912
1797
 
1913
- .lKXqbcsnCFs- tbody tr td.i-x8vss2hcI- {
1914
- display: table-cell;
1915
- position: static;
1798
+ .bqjXV8MRO-4- {
1799
+ -webkit-margin-start: 0;
1800
+ margin-left: 0;
1801
+ -webkit-margin-end: auto;
1802
+ margin-right: auto;
1916
1803
  }
1917
1804
 
1918
- .lKXqbcsnCFs- th:first-child::after,
1919
- .lKXqbcsnCFs- td:first-child::after {
1920
- content: "";
1921
- display: block;
1922
- position: absolute;
1923
- top: 0;
1924
- right: calc(-1 * 8px);
1925
- right: calc(-1 * var(--space-small));
1926
- width: 8px;
1927
- width: var(--space-small);
1928
- height: 100%;
1929
- background: linear-gradient(
1930
- 90deg,
1931
- rgba(0, 0, 0, 0.1) 0%,
1932
- rgba(0, 0, 0, 0) 80%
1933
- );
1934
- background: linear-gradient(
1935
- 90deg,
1936
- rgba(var(--color-black--rgb), 0.1) 0%,
1937
- rgba(var(--color-black--rgb), 0) 80%
1938
- );
1805
+ .sCMxIxKkFe0- {
1806
+ -webkit-margin-end: 0;
1807
+ margin-right: 0;
1808
+ -webkit-margin-start: auto;
1809
+ margin-left: auto;
1939
1810
  }
1940
1811
 
1941
- .eWffzdKfJH0- {
1942
- position: sticky;
1943
- top: 0;
1944
- right: 0;
1945
- left: 0;
1946
- z-index: 2;
1947
- box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
1948
- box-shadow: var(--shadow-base);
1949
- background-color: rgba(255, 255, 255, 1);
1950
- background-color: var(--color-surface);
1812
+ ._2pIQVKvVL1I- {
1813
+ margin-left: auto;
1814
+ margin-right: auto;
1951
1815
  }
1952
1816
 
1953
- .aGF6t8l8iUk-:first-child:hover {
1954
- background: hsl(53, 21%, 93%);
1955
- background: var(--color-surface--hover);
1956
- cursor: pointer;
1817
+ ._6dF2no3aTxw- {
1818
+ text-align: center;
1957
1819
  }
1958
1820
 
1959
- .W0kYDUxPkqI-:hover {
1960
- background: hsl(53, 21%, 93%);
1961
- background: var(--color-surface--hover);
1962
- cursor: pointer;
1821
+ .bqjXV8MRO-4-._6dF2no3aTxw- {
1822
+ text-align: left;
1963
1823
  }
1964
1824
 
1965
- .vWFyXrAaFtQ-:hover,
1966
- .vWFyXrAaFtQ-:hover :first-child {
1967
- background: var(--color-surface--element);
1968
- cursor: pointer;
1825
+ .sCMxIxKkFe0-._6dF2no3aTxw- {
1826
+ text-align: right;
1969
1827
  }
1970
1828
 
1971
- ._8L7icG7E530- {
1972
- display: -ms-flexbox;
1973
- display: flex;
1974
- position: absolute;
1975
- -ms-flex-direction: column;
1976
- flex-direction: column;
1977
- top: 48px;
1978
- top: var(--space-largest);
1979
- right: 0;
1980
- bottom: 48px;
1981
- bottom: var(--space-largest);
1982
- left: 0;
1983
- width: 100%;
1984
- -ms-flex-pack: center;
1985
- justify-content: center;
1986
- -ms-flex-align: center;
1987
- align-items: center;
1829
+ ._8k8YLsatGag- {
1830
+ -webkit-padding-start: var(--content-block-gutters);
1831
+ padding-left: var(--content-block-gutters);
1832
+ -webkit-padding-end: var(--content-block-gutters);
1833
+ padding-right: var(--content-block-gutters);
1988
1834
  }
1989
1835
 
1990
1836
  .v3oESmhykhE-,
@@ -2239,55 +2085,209 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
2239
2085
  --transition-properties: var(--timing-quick) ease-in-out;
2240
2086
  }
2241
2087
 
2242
- @media (any-pointer: fine) {
2088
+ @media (any-pointer: fine) {
2089
+
2090
+ .i-w6mU9puzE- .zvpLQa7hDp0- > :last-child {
2091
+ padding-top: 0;
2092
+ opacity: 0;
2093
+ }
2094
+ }
2095
+
2096
+ .i-w6mU9puzE-:hover .zvpLQa7hDp0- > :last-child,
2097
+ .i-w6mU9puzE-:focus-within .zvpLQa7hDp0- > :last-child,
2098
+ .i-w6mU9puzE- .zvpLQa7hDp0-._0qmb-Daumfs- > :last-child {
2099
+ opacity: 1;
2100
+ }
2101
+
2102
+ /*
2103
+ * Filters
2104
+ */
2105
+
2106
+ .Xl0eCv2fMNM- {
2107
+ display: -ms-flexbox;
2108
+ display: flex;
2109
+ position: absolute;
2110
+ top: 0;
2111
+ right: 0;
2112
+ bottom: 0;
2113
+ left: 0;
2114
+ background-color: rgba(255, 255, 255, 0.6);
2115
+ background-color: var(--color-overlay--dimmed);
2116
+ -ms-flex-align: start;
2117
+ align-items: flex-start;
2118
+ -ms-flex-pack: center;
2119
+ justify-content: center;
2120
+ }
2121
+
2122
+ .t9txZ5-Upp4- {
2123
+ position: sticky;
2124
+ top: 50vh;
2125
+ }
2126
+
2127
+ /* This hides the text from the UI but not from the screen readers */
2128
+
2129
+ .HBTfumId4rA- {
2130
+ position: absolute;
2131
+ top: auto;
2132
+ left: -10000px;
2133
+ width: 1px;
2134
+ height: 1px;
2135
+ overflow: hidden;
2136
+ text-indent: -10000px;
2137
+ }
2138
+
2139
+ ._3IHK46TSBOI- {
2140
+ position: relative;
2141
+ border: 1px solid hsl(200, 13%, 87%);
2142
+ border: var(--border-base) solid var(--color-border);
2143
+ border-radius: 8px;
2144
+ border-radius: var(--radius-base);
2145
+ overflow: hidden;
2146
+ }
2147
+
2148
+ ._8CMtSx4qamA- {
2149
+ overflow: auto;
2150
+ }
2151
+
2152
+ .bNYpzdn5rPc- {
2153
+ width: 100%;
2154
+ border-collapse: collapse;
2155
+ text-align: left;
2156
+ }
2157
+
2158
+ .bNYpzdn5rPc- thead tr th {
2159
+ padding: 16px;
2160
+ padding: var(--space-base);
2161
+ border-bottom: 1px solid hsl(200, 13%, 87%);
2162
+ border-bottom: var(--border-base) solid var(--color-border);
2163
+ color: hsl(197, 90%, 12%);
2164
+ color: var(--color-heading);
2165
+ white-space: nowrap;
2166
+ }
2167
+
2168
+ .bNYpzdn5rPc- thead tr th :first-child {
2169
+ display: -ms-flexbox;
2170
+ display: flex;
2171
+ }
2172
+
2173
+ .bNYpzdn5rPc- tbody tr {
2174
+ border-bottom: 1px solid hsl(200, 13%, 87%);
2175
+ border-bottom: var(--border-base) solid var(--color-border);
2176
+ }
2177
+
2178
+ .bNYpzdn5rPc- tbody tr:last-child {
2179
+ border-bottom: none;
2180
+ }
2181
+
2182
+ .bNYpzdn5rPc- tbody tr td {
2183
+ padding: 16px;
2184
+ padding: var(--space-base);
2185
+ }
2186
+
2187
+ .bNYpzdn5rPc- tfoot {
2188
+ position: sticky;
2189
+ z-index: 1;
2190
+ width: 100%;
2191
+ box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
2192
+ box-shadow: var(--shadow-base);
2193
+ border-top: 2px solid hsl(200, 13%, 87%);
2194
+ border-top: var(--border-thick) solid var(--color-border);
2195
+ background-color: rgba(255, 255, 255, 1);
2196
+ background-color: var(--color-surface);
2197
+ bottom: 0;
2198
+ }
2199
+
2200
+ .bNYpzdn5rPc- tfoot tr th {
2201
+ padding: 16px;
2202
+ padding: var(--space-base);
2203
+ }
2204
+
2205
+ .lKXqbcsnCFs- thead tr th:first-child,
2206
+ .lKXqbcsnCFs- tbody tr td:first-child {
2207
+ position: sticky;
2208
+ left: 0;
2209
+ z-index: 1;
2210
+ height: calc(48px + 4px);
2211
+ height: calc(var(--space-largest) + var(--space-smaller));
2212
+ background-color: rgba(255, 255, 255, 1);
2213
+ background-color: var(--color-surface);
2214
+ }
2215
+
2216
+ .lKXqbcsnCFs- tbody tr td.i-x8vss2hcI- {
2217
+ display: table-cell;
2218
+ position: static;
2219
+ }
2220
+
2221
+ .lKXqbcsnCFs- th:first-child::after,
2222
+ .lKXqbcsnCFs- td:first-child::after {
2223
+ content: "";
2224
+ display: block;
2225
+ position: absolute;
2226
+ top: 0;
2227
+ right: calc(-1 * 8px);
2228
+ right: calc(-1 * var(--space-small));
2229
+ width: 8px;
2230
+ width: var(--space-small);
2231
+ height: 100%;
2232
+ background: linear-gradient(
2233
+ 90deg,
2234
+ rgba(0, 0, 0, 0.1) 0%,
2235
+ rgba(0, 0, 0, 0) 80%
2236
+ );
2237
+ background: linear-gradient(
2238
+ 90deg,
2239
+ rgba(var(--color-black--rgb), 0.1) 0%,
2240
+ rgba(var(--color-black--rgb), 0) 80%
2241
+ );
2242
+ }
2243
+
2244
+ .eWffzdKfJH0- {
2245
+ position: sticky;
2246
+ top: 0;
2247
+ right: 0;
2248
+ left: 0;
2249
+ z-index: 2;
2250
+ box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
2251
+ box-shadow: var(--shadow-base);
2252
+ background-color: rgba(255, 255, 255, 1);
2253
+ background-color: var(--color-surface);
2254
+ }
2243
2255
 
2244
- .i-w6mU9puzE- .zvpLQa7hDp0- > :last-child {
2245
- padding-top: 0;
2246
- opacity: 0;
2256
+ .aGF6t8l8iUk-:first-child:hover {
2257
+ background: hsl(53, 21%, 93%);
2258
+ background: var(--color-surface--hover);
2259
+ cursor: pointer;
2247
2260
  }
2248
- }
2249
2261
 
2250
- .i-w6mU9puzE-:hover .zvpLQa7hDp0- > :last-child,
2251
- .i-w6mU9puzE-:focus-within .zvpLQa7hDp0- > :last-child,
2252
- .i-w6mU9puzE- .zvpLQa7hDp0-._0qmb-Daumfs- > :last-child {
2253
- opacity: 1;
2262
+ .W0kYDUxPkqI-:hover {
2263
+ background: hsl(53, 21%, 93%);
2264
+ background: var(--color-surface--hover);
2265
+ cursor: pointer;
2254
2266
  }
2255
2267
 
2256
- /*
2257
- * Filters
2258
- */
2268
+ .vWFyXrAaFtQ-:hover,
2269
+ .vWFyXrAaFtQ-:hover :first-child {
2270
+ background: var(--color-surface--element);
2271
+ cursor: pointer;
2272
+ }
2259
2273
 
2260
- .Xl0eCv2fMNM- {
2274
+ ._8L7icG7E530- {
2261
2275
  display: -ms-flexbox;
2262
2276
  display: flex;
2263
2277
  position: absolute;
2264
- top: 0;
2278
+ -ms-flex-direction: column;
2279
+ flex-direction: column;
2280
+ top: 48px;
2281
+ top: var(--space-largest);
2265
2282
  right: 0;
2266
- bottom: 0;
2283
+ bottom: 48px;
2284
+ bottom: var(--space-largest);
2267
2285
  left: 0;
2268
- background-color: rgba(255, 255, 255, 0.6);
2269
- background-color: var(--color-overlay--dimmed);
2270
- -ms-flex-align: start;
2271
- align-items: flex-start;
2286
+ width: 100%;
2272
2287
  -ms-flex-pack: center;
2273
2288
  justify-content: center;
2274
- }
2275
-
2276
- .t9txZ5-Upp4- {
2277
- position: sticky;
2278
- top: 50vh;
2279
- }
2280
-
2281
- /* This hides the text from the UI but not from the screen readers */
2282
-
2283
- .HBTfumId4rA- {
2284
- position: absolute;
2285
- top: auto;
2286
- left: -10000px;
2287
- width: 1px;
2288
- height: 1px;
2289
- overflow: hidden;
2290
- text-indent: -10000px;
2289
+ -ms-flex-align: center;
2290
+ align-items: center;
2291
2291
  }
2292
2292
 
2293
2293
  .BkruJ2-bRWg- {
@@ -2446,6 +2446,45 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
2446
2446
  }
2447
2447
  }
2448
2448
 
2449
+ .XLgPB38fKeE- {
2450
+ --divider-color: var(--color-border);
2451
+ margin: 0;
2452
+ padding: 0;
2453
+ border: none;
2454
+ }
2455
+
2456
+ .evwHY54TitY- {
2457
+ height: 1px;
2458
+ height: var(--space-minuscule);
2459
+ border-bottom: var(--divider-width) solid var(--divider-color);
2460
+ }
2461
+
2462
+ .qT-G2Sn0Wm8- {
2463
+ width: 1px;
2464
+ width: var(--space-minuscule);
2465
+ height: auto;
2466
+ border-right: var(--divider-width) solid var(--divider-color);
2467
+ }
2468
+
2469
+ .t44-9xW2xyI- {
2470
+ --divider-width: var(--border-base);
2471
+ }
2472
+
2473
+ .DZLf49GmKvc- {
2474
+ --divider-width: var(--border-thick);
2475
+ opacity: 0.875;
2476
+ }
2477
+
2478
+ .D9ovrKetww8- {
2479
+ --divider-width: var(--border-thicker);
2480
+ opacity: 0.625;
2481
+ }
2482
+
2483
+ ._8uEysWndSQc- {
2484
+ --divider-width: var(--border-thickest);
2485
+ opacity: 0.375;
2486
+ }
2487
+
2449
2488
  .LNIwHwCs8gQ- {
2450
2489
  --drawer-width: 280px;
2451
2490
  --drawer--base-padding: var(--space-base);
@@ -2569,43 +2608,14 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
2569
2608
  --public-content--padding: 0;
2570
2609
  }
2571
2610
 
2572
- .XLgPB38fKeE- {
2573
- --divider-color: var(--color-border);
2574
- margin: 0;
2575
- padding: 0;
2576
- border: none;
2577
- }
2578
-
2579
- .evwHY54TitY- {
2580
- height: 1px;
2581
- height: var(--space-minuscule);
2582
- border-bottom: var(--divider-width) solid var(--divider-color);
2583
- }
2584
-
2585
- .qT-G2Sn0Wm8- {
2586
- width: 1px;
2587
- width: var(--space-minuscule);
2588
- height: auto;
2589
- border-right: var(--divider-width) solid var(--divider-color);
2590
- }
2591
-
2592
- .t44-9xW2xyI- {
2593
- --divider-width: var(--border-base);
2594
- }
2595
-
2596
- .DZLf49GmKvc- {
2597
- --divider-width: var(--border-thick);
2598
- opacity: 0.875;
2599
- }
2600
-
2601
- .D9ovrKetww8- {
2602
- --divider-width: var(--border-thicker);
2603
- opacity: 0.625;
2604
- }
2605
-
2606
- ._8uEysWndSQc- {
2607
- --divider-width: var(--border-thickest);
2608
- opacity: 0.375;
2611
+ ._50Jq09W07gg- {
2612
+ display: grid;
2613
+ width: 100%;
2614
+ height: 100%;
2615
+ overflow: hidden;
2616
+ grid-template-columns: minmax(0, 1fr) minmax(-webkit-min-content, -webkit-max-content);
2617
+ grid-template-columns: minmax(0, 1fr) minmax(min-content, max-content);
2618
+ grid-template-rows: 1fr;
2609
2619
  }
2610
2620
 
2611
2621
  .o-b2tWQIZvw- {
@@ -2700,20 +2710,6 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
2700
2710
  align-items: end;
2701
2711
  }
2702
2712
 
2703
- ._50Jq09W07gg- {
2704
- display: grid;
2705
- width: 100%;
2706
- height: 100%;
2707
- overflow: hidden;
2708
- grid-template-columns: minmax(0, 1fr) minmax(-webkit-min-content, -webkit-max-content);
2709
- grid-template-columns: minmax(0, 1fr) minmax(min-content, max-content);
2710
- grid-template-rows: 1fr;
2711
- }
2712
-
2713
- .ViFkIUcS6PM- {
2714
- font-style: normal;
2715
- }
2716
-
2717
2713
  :root {
2718
2714
  /**
2719
2715
  * These `--public-field` properties are used in other components such
@@ -3191,55 +3187,8 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
3191
3187
  background: linear-gradient(to bottom, transparent, var(--color-surface) 60%);
3192
3188
  }
3193
3189
 
3194
- .S15iRxwj9UU- {
3195
- display: -ms-flexbox;
3196
- display: flex;
3197
- overflow: hidden;
3198
- aspect-ratio: var(--public-frame-numerator) / var(--public-frame-denominator);
3199
- -ms-flex-pack: center;
3200
- justify-content: center;
3201
- -ms-flex-align: center;
3202
- align-items: center;
3203
- }
3204
-
3205
- .S15iRxwj9UU- img,
3206
- .S15iRxwj9UU- video {
3207
- width: 100%;
3208
- height: 100%;
3209
- -o-object-fit: cover;
3210
- object-fit: cover;
3211
- }
3212
-
3213
- ._6UhvrmKZdns-,
3214
- .f0hnJ8v-iHE- {
3215
- display: -ms-flexbox;
3216
- display: flex;
3217
- -ms-flex-wrap: wrap;
3218
- flex-wrap: wrap;
3219
- gap: 8px;
3220
- gap: var(--space-small);
3221
- }
3222
-
3223
- .f0hnJ8v-iHE- {
3224
- gap: 16px;
3225
- gap: var(--space-base);
3226
- }
3227
-
3228
- .EvHA4-Q7O9g- {
3229
- display: -ms-flexbox;
3230
- display: flex;
3231
- }
3232
-
3233
- .VWW-3mSlumg- {
3234
- width: 56px;
3235
- height: 56px;
3236
- }
3237
-
3238
- .DNhegGxB75M- {
3239
- width: 168px;
3240
- height: 168px;
3241
- box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
3242
- box-shadow: var(--shadow-base);
3190
+ .ViFkIUcS6PM- {
3191
+ font-style: normal;
3243
3192
  }
3244
3193
 
3245
3194
  .y9T1gWK9SHY- {
@@ -3436,28 +3385,55 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
3436
3385
  }
3437
3386
  }
3438
3387
 
3439
- ._0X4jj5NERa4- {
3440
- display: grid;
3441
- grid-template-columns: repeat(12, minmax(0, 1fr));
3388
+ .S15iRxwj9UU- {
3389
+ display: -ms-flexbox;
3390
+ display: flex;
3391
+ overflow: hidden;
3392
+ aspect-ratio: var(--public-frame-numerator) / var(--public-frame-denominator);
3393
+ -ms-flex-pack: center;
3394
+ justify-content: center;
3395
+ -ms-flex-align: center;
3396
+ align-items: center;
3397
+ }
3398
+
3399
+ .S15iRxwj9UU- img,
3400
+ .S15iRxwj9UU- video {
3401
+ width: 100%;
3402
+ height: 100%;
3403
+ -o-object-fit: cover;
3404
+ object-fit: cover;
3405
+ }
3406
+
3407
+ ._6UhvrmKZdns-,
3408
+ .f0hnJ8v-iHE- {
3409
+ display: -ms-flexbox;
3410
+ display: flex;
3411
+ -ms-flex-wrap: wrap;
3412
+ flex-wrap: wrap;
3413
+ gap: 8px;
3414
+ gap: var(--space-small);
3442
3415
  }
3443
3416
 
3444
- .d3vl57tdCWA- {
3417
+ .f0hnJ8v-iHE- {
3445
3418
  gap: 16px;
3446
3419
  gap: var(--space-base);
3447
3420
  }
3448
3421
 
3449
- @media (min-width: 768px) {
3450
- .d3vl57tdCWA- {
3451
- gap: 24px;
3452
- gap: var(--space-large);
3453
- }
3422
+ .EvHA4-Q7O9g- {
3423
+ display: -ms-flexbox;
3424
+ display: flex;
3454
3425
  }
3455
3426
 
3456
- @media (--medium-screens-and-up) {
3457
- .d3vl57tdCWA- {
3458
- gap: 24px;
3459
- gap: var(--space-large);
3460
- }
3427
+ .VWW-3mSlumg- {
3428
+ width: 56px;
3429
+ height: 56px;
3430
+ }
3431
+
3432
+ .DNhegGxB75M- {
3433
+ width: 168px;
3434
+ height: 168px;
3435
+ box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
3436
+ box-shadow: var(--shadow-base);
3461
3437
  }
3462
3438
 
3463
3439
  .-lyJkOGbceo- {
@@ -3568,24 +3544,28 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
3568
3544
  min-width: 100px;
3569
3545
  }
3570
3546
 
3571
- .V-24AGDyie4- {
3572
- -ms-flex-align: center;
3573
- align-items: center;
3547
+ ._0X4jj5NERa4- {
3548
+ display: grid;
3549
+ grid-template-columns: repeat(12, minmax(0, 1fr));
3574
3550
  }
3575
3551
 
3576
- .H0zdYNTapmM- {
3577
- -ms-flex-align: start;
3578
- align-items: start;
3552
+ .d3vl57tdCWA- {
3553
+ gap: 16px;
3554
+ gap: var(--space-base);
3579
3555
  }
3580
3556
 
3581
- .O5VtcGWRV3M- {
3582
- -ms-flex-align: end;
3583
- align-items: end;
3557
+ @media (min-width: 768px) {
3558
+ .d3vl57tdCWA- {
3559
+ gap: 24px;
3560
+ gap: var(--space-large);
3561
+ }
3584
3562
  }
3585
3563
 
3586
- .wVv5gaWrouI- {
3587
- -ms-flex-align: stretch;
3588
- align-items: stretch;
3564
+ @media (--medium-screens-and-up) {
3565
+ .d3vl57tdCWA- {
3566
+ gap: 24px;
3567
+ gap: var(--space-large);
3568
+ }
3589
3569
  }
3590
3570
 
3591
3571
  .M01SZy5EYFg- {
@@ -3740,6 +3720,26 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
3740
3720
  background-color: var(--color-request--surface);
3741
3721
  }
3742
3722
 
3723
+ .V-24AGDyie4- {
3724
+ -ms-flex-align: center;
3725
+ align-items: center;
3726
+ }
3727
+
3728
+ .H0zdYNTapmM- {
3729
+ -ms-flex-align: start;
3730
+ align-items: start;
3731
+ }
3732
+
3733
+ .O5VtcGWRV3M- {
3734
+ -ms-flex-align: end;
3735
+ align-items: end;
3736
+ }
3737
+
3738
+ .wVv5gaWrouI- {
3739
+ -ms-flex-align: stretch;
3740
+ align-items: stretch;
3741
+ }
3742
+
3743
3743
  .CMahTsC0SPE- {
3744
3744
  display: -ms-flexbox;
3745
3745
  display: flex;
@@ -3846,6 +3846,40 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
3846
3846
  height: 100%;
3847
3847
  }
3848
3848
 
3849
+ ._78-Lxj78xPg- {
3850
+ display: -ms-flexbox;
3851
+ display: flex;
3852
+ -ms-flex-align: center;
3853
+ align-items: center;
3854
+ position: absolute;
3855
+ top: 0;
3856
+ right: 0;
3857
+ left: 0;
3858
+ z-index: 1;
3859
+ z-index: var(--elevation-base);
3860
+ height: var(--field--height);
3861
+ padding-top: var(--field--padding-top);
3862
+ padding-bottom: var(--field--padding-bottom);
3863
+ padding-left: var(--field--padding-left);
3864
+ padding-right: var(--field--padding-right);
3865
+ color: hsl(0, 0%, 72%);
3866
+ color: var(--color-grey);
3867
+ font-family: inherit;
3868
+ font-size: inherit;
3869
+ line-height: var(--field--value-lineHeight);
3870
+ pointer-events: none;
3871
+ }
3872
+
3873
+ .GoiXVXaU1Qs- {
3874
+ visibility: hidden;
3875
+ opacity: 0;
3876
+ }
3877
+
3878
+ input.oOrjwubmsVA- {
3879
+ padding-left: calc(var(--field--padding-left) + 4px);
3880
+ padding-left: calc(var(--field--padding-left) + var(--space-smaller));
3881
+ }
3882
+
3849
3883
  .RwhScbXCXw0- > *:not(:last-child) {
3850
3884
  margin-bottom: -1px !important;
3851
3885
  }
@@ -3899,40 +3933,6 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
3899
3933
  --public-field--bottom-right-radius: var(--radius-base);
3900
3934
  }
3901
3935
 
3902
- ._78-Lxj78xPg- {
3903
- display: -ms-flexbox;
3904
- display: flex;
3905
- -ms-flex-align: center;
3906
- align-items: center;
3907
- position: absolute;
3908
- top: 0;
3909
- right: 0;
3910
- left: 0;
3911
- z-index: 1;
3912
- z-index: var(--elevation-base);
3913
- height: var(--field--height);
3914
- padding-top: var(--field--padding-top);
3915
- padding-bottom: var(--field--padding-bottom);
3916
- padding-left: var(--field--padding-left);
3917
- padding-right: var(--field--padding-right);
3918
- color: hsl(0, 0%, 72%);
3919
- color: var(--color-grey);
3920
- font-family: inherit;
3921
- font-size: inherit;
3922
- line-height: var(--field--value-lineHeight);
3923
- pointer-events: none;
3924
- }
3925
-
3926
- .GoiXVXaU1Qs- {
3927
- visibility: hidden;
3928
- opacity: 0;
3929
- }
3930
-
3931
- input.oOrjwubmsVA- {
3932
- padding-left: calc(var(--field--padding-left) + 4px);
3933
- padding-left: calc(var(--field--padding-left) + var(--space-smaller));
3934
- }
3935
-
3936
3936
  .fO5j-2U5rfE- {
3937
3937
  margin-top: 4px;
3938
3938
  margin-top: var(--space-smaller);
@@ -4280,6 +4280,15 @@ html.atlantisLightBoxActive {
4280
4280
  text-decoration: underline;
4281
4281
  }
4282
4282
 
4283
+ .htH4y2JBFNQ- {
4284
+ position: sticky;
4285
+ top: 0;
4286
+ padding: 8px 16px;
4287
+ padding: var(--space-small) var(--space-base);
4288
+ border-bottom: 1px solid hsl(197, 90%, 12%);
4289
+ border-bottom: var(--border-base) solid var(--color-border--section);
4290
+ }
4291
+
4283
4292
  .sFlecO8-wnY- {
4284
4293
  margin: 0;
4285
4294
  padding: 0;
@@ -4399,15 +4408,6 @@ html.atlantisLightBoxActive {
4399
4408
  white-space: nowrap;
4400
4409
  }
4401
4410
 
4402
- .htH4y2JBFNQ- {
4403
- position: sticky;
4404
- top: 0;
4405
- padding: 8px 16px;
4406
- padding: var(--space-small) var(--space-base);
4407
- border-bottom: 1px solid hsl(197, 90%, 12%);
4408
- border-bottom: var(--border-base) solid var(--color-border--section);
4409
- }
4410
-
4411
4411
  .fpi0W91w2ag- * {
4412
4412
  box-sizing: border-box;
4413
4413
  }
@@ -4700,41 +4700,40 @@ html.atlantisLightBoxActive {
4700
4700
  }
4701
4701
  }
4702
4702
 
4703
- .cRhQeXmZobs- {
4704
- display: grid;
4703
+ .y3M-9xoEnk0- {
4704
+ display: -ms-flexbox;
4705
+ display: flex;
4706
+ -ms-flex-direction: column;
4707
+ flex-direction: column;
4705
4708
  z-index: 1001;
4706
4709
  z-index: var(--elevation-modal);
4707
- -ms-flex-align: center;
4708
- align-items: center;
4709
- justify-items: center;
4710
- place-items: center;
4710
+ padding: 8px;
4711
+ padding: var(--space-small);
4712
+ overflow: auto;
4711
4713
  }
4712
4714
 
4713
- .PO6ZUDxQoFE- {
4715
+ .y3M-9xoEnk0-,
4716
+ .zkyJp1mib-U- {
4714
4717
  position: fixed;
4715
4718
  top: 0;
4716
4719
  right: 0;
4717
4720
  bottom: 0;
4718
4721
  left: 0;
4719
- z-index: 1001;
4720
- z-index: var(--elevation-modal);
4722
+ }
4723
+
4724
+ .zkyJp1mib-U- {
4721
4725
  background-color: rgba(0, 0, 0, 0.32);
4722
4726
  background-color: var(--color-overlay);
4723
- opacity: 0.8;
4724
4727
  }
4725
4728
 
4726
- .OiqCKNmbHZ0- {
4729
+ .gMPgiggaud8- {
4727
4730
  position: relative;
4728
- z-index: 1001;
4729
- z-index: var(--elevation-modal);
4730
4731
  width: 100%;
4731
4732
  max-width: 600px;
4732
4733
  max-width: var(--modal--width);
4733
4734
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
4734
4735
  box-shadow: var(--modal--shadow);
4735
4736
  margin: auto;
4736
- padding: 8px;
4737
- padding: var(--space-small);
4738
4737
  border: 1px solid hsl(200, 13%, 87%);
4739
4738
  border: var(--border-base) solid var(--color-border);
4740
4739
  border-radius: 8px;
@@ -4749,18 +4748,18 @@ html.atlantisLightBoxActive {
4749
4748
 
4750
4749
  /* Adjust `Content` and `Tab` components public padding to match the modal */
4751
4750
 
4752
- .OiqCKNmbHZ0- > * {
4751
+ .gMPgiggaud8- > * {
4753
4752
  --public-content--padding: var(--modal--padding);
4754
4753
  --public-tab--inset: var(--modal--padding-horizontal);
4755
4754
  }
4756
4755
 
4757
4756
  /* Remove the nested `Content` components public padding */
4758
4757
 
4759
- .OiqCKNmbHZ0- > * > * {
4758
+ .gMPgiggaud8- > * > * {
4760
4759
  --public-content--padding: 0;
4761
4760
  }
4762
4761
 
4763
- .GDWGHwmjgAc- {
4762
+ ._5sBzUnyOqD0- {
4764
4763
  display: -ms-flexbox;
4765
4764
  display: flex;
4766
4765
  -ms-flex-pack: justify;
@@ -4776,16 +4775,16 @@ html.atlantisLightBoxActive {
4776
4775
  * the <Content /> padding
4777
4776
  */
4778
4777
 
4779
- .GDWGHwmjgAc- + * {
4778
+ ._5sBzUnyOqD0- + * {
4780
4779
  padding-top: 0;
4781
4780
  }
4782
4781
 
4783
- .KJlGo4z-E6Q- {
4782
+ ._4gw63G7IYG0- {
4784
4783
  margin-top: -6px;
4785
4784
  margin-right: -6px;
4786
4785
  }
4787
4786
 
4788
- .ZGrhWCAymCw- {
4787
+ .cwVJrrJkNDg- {
4789
4788
  display: -ms-flexbox;
4790
4789
  display: flex;
4791
4790
  padding: 16px
@@ -4802,14 +4801,14 @@ html.atlantisLightBoxActive {
4802
4801
  * 1. Use CSS `order` to adjust the buttons position on the UI
4803
4802
  */
4804
4803
 
4805
- .hOiEWds2Vq8- {
4804
+ .MkD4pNUKeAA- {
4806
4805
  -ms-flex: 1 1 auto;
4807
4806
  flex: 1 1 auto;
4808
4807
  -ms-flex-order: 1;
4809
4808
  order: 1; /* 1 */
4810
4809
  }
4811
4810
 
4812
- .K31NzxPZP9s- {
4811
+ .C-yC8JKpQLg- {
4813
4812
  display: -ms-flexbox;
4814
4813
  display: flex;
4815
4814
  -ms-flex: 0 0 auto;
@@ -4822,17 +4821,17 @@ html.atlantisLightBoxActive {
4822
4821
 
4823
4822
  /* stylelint-disable-next-line no-descending-specificity */
4824
4823
 
4825
- .K31NzxPZP9s- > * {
4824
+ .C-yC8JKpQLg- > * {
4826
4825
  margin-left: 8px;
4827
4826
  margin-left: var(--space-small);
4828
4827
  }
4829
4828
 
4830
- .K31NzxPZP9s- > *:first-child {
4829
+ .C-yC8JKpQLg- > *:first-child {
4831
4830
  -ms-flex-order: 2;
4832
4831
  order: 2; /* 1 */
4833
4832
  }
4834
4833
 
4835
- .K31NzxPZP9s- > *:nth-child(2) {
4834
+ .C-yC8JKpQLg- > *:nth-child(2) {
4836
4835
  -ms-flex-order: 1;
4837
4836
  order: 1; /* 1 */
4838
4837
  }
@@ -4879,40 +4878,41 @@ html.atlantisLightBoxActive {
4879
4878
  }
4880
4879
  }
4881
4880
 
4882
- .y3M-9xoEnk0- {
4883
- display: -ms-flexbox;
4884
- display: flex;
4885
- -ms-flex-direction: column;
4886
- flex-direction: column;
4881
+ .cRhQeXmZobs- {
4882
+ display: grid;
4887
4883
  z-index: 1001;
4888
4884
  z-index: var(--elevation-modal);
4889
- padding: 8px;
4890
- padding: var(--space-small);
4891
- overflow: auto;
4885
+ -ms-flex-align: center;
4886
+ align-items: center;
4887
+ justify-items: center;
4888
+ place-items: center;
4892
4889
  }
4893
4890
 
4894
- .y3M-9xoEnk0-,
4895
- .zkyJp1mib-U- {
4891
+ .PO6ZUDxQoFE- {
4896
4892
  position: fixed;
4897
4893
  top: 0;
4898
4894
  right: 0;
4899
4895
  bottom: 0;
4900
4896
  left: 0;
4901
- }
4902
-
4903
- .zkyJp1mib-U- {
4897
+ z-index: 1001;
4898
+ z-index: var(--elevation-modal);
4904
4899
  background-color: rgba(0, 0, 0, 0.32);
4905
4900
  background-color: var(--color-overlay);
4901
+ opacity: 0.8;
4906
4902
  }
4907
4903
 
4908
- .gMPgiggaud8- {
4904
+ .OiqCKNmbHZ0- {
4909
4905
  position: relative;
4906
+ z-index: 1001;
4907
+ z-index: var(--elevation-modal);
4910
4908
  width: 100%;
4911
4909
  max-width: 600px;
4912
4910
  max-width: var(--modal--width);
4913
4911
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
4914
4912
  box-shadow: var(--modal--shadow);
4915
4913
  margin: auto;
4914
+ padding: 8px;
4915
+ padding: var(--space-small);
4916
4916
  border: 1px solid hsl(200, 13%, 87%);
4917
4917
  border: var(--border-base) solid var(--color-border);
4918
4918
  border-radius: 8px;
@@ -4927,18 +4927,18 @@ html.atlantisLightBoxActive {
4927
4927
 
4928
4928
  /* Adjust `Content` and `Tab` components public padding to match the modal */
4929
4929
 
4930
- .gMPgiggaud8- > * {
4930
+ .OiqCKNmbHZ0- > * {
4931
4931
  --public-content--padding: var(--modal--padding);
4932
4932
  --public-tab--inset: var(--modal--padding-horizontal);
4933
4933
  }
4934
4934
 
4935
4935
  /* Remove the nested `Content` components public padding */
4936
4936
 
4937
- .gMPgiggaud8- > * > * {
4937
+ .OiqCKNmbHZ0- > * > * {
4938
4938
  --public-content--padding: 0;
4939
4939
  }
4940
4940
 
4941
- ._5sBzUnyOqD0- {
4941
+ .GDWGHwmjgAc- {
4942
4942
  display: -ms-flexbox;
4943
4943
  display: flex;
4944
4944
  -ms-flex-pack: justify;
@@ -4954,16 +4954,16 @@ html.atlantisLightBoxActive {
4954
4954
  * the <Content /> padding
4955
4955
  */
4956
4956
 
4957
- ._5sBzUnyOqD0- + * {
4957
+ .GDWGHwmjgAc- + * {
4958
4958
  padding-top: 0;
4959
4959
  }
4960
4960
 
4961
- ._4gw63G7IYG0- {
4961
+ .KJlGo4z-E6Q- {
4962
4962
  margin-top: -6px;
4963
4963
  margin-right: -6px;
4964
4964
  }
4965
4965
 
4966
- .cwVJrrJkNDg- {
4966
+ .ZGrhWCAymCw- {
4967
4967
  display: -ms-flexbox;
4968
4968
  display: flex;
4969
4969
  padding: 16px
@@ -4980,14 +4980,14 @@ html.atlantisLightBoxActive {
4980
4980
  * 1. Use CSS `order` to adjust the buttons position on the UI
4981
4981
  */
4982
4982
 
4983
- .MkD4pNUKeAA- {
4983
+ .hOiEWds2Vq8- {
4984
4984
  -ms-flex: 1 1 auto;
4985
4985
  flex: 1 1 auto;
4986
4986
  -ms-flex-order: 1;
4987
4987
  order: 1; /* 1 */
4988
4988
  }
4989
4989
 
4990
- .C-yC8JKpQLg- {
4990
+ .K31NzxPZP9s- {
4991
4991
  display: -ms-flexbox;
4992
4992
  display: flex;
4993
4993
  -ms-flex: 0 0 auto;
@@ -5000,17 +5000,17 @@ html.atlantisLightBoxActive {
5000
5000
 
5001
5001
  /* stylelint-disable-next-line no-descending-specificity */
5002
5002
 
5003
- .C-yC8JKpQLg- > * {
5003
+ .K31NzxPZP9s- > * {
5004
5004
  margin-left: 8px;
5005
5005
  margin-left: var(--space-small);
5006
5006
  }
5007
5007
 
5008
- .C-yC8JKpQLg- > *:first-child {
5008
+ .K31NzxPZP9s- > *:first-child {
5009
5009
  -ms-flex-order: 2;
5010
5010
  order: 2; /* 1 */
5011
5011
  }
5012
5012
 
5013
- .C-yC8JKpQLg- > *:nth-child(2) {
5013
+ .K31NzxPZP9s- > *:nth-child(2) {
5014
5014
  -ms-flex-order: 1;
5015
5015
  order: 1; /* 1 */
5016
5016
  }
@@ -5335,19 +5335,6 @@ progress.w8NAw4ZMB6g-[value]::-webkit-progress-value {
5335
5335
  --progress-bar--height: 16px;
5336
5336
  }
5337
5337
 
5338
- .v2xMxsPFwcM- {
5339
- display: -ms-flexbox;
5340
- display: flex;
5341
- -ms-flex-align: center;
5342
- align-items: center;
5343
- gap: 16px;
5344
- gap: var(--space-base);
5345
- }
5346
-
5347
- .cfDwOgEkPHQ- {
5348
- width: 100%;
5349
- }
5350
-
5351
5338
  .KZfSK2vhTyI- {
5352
5339
  --radio--checked-thickness: 6px;
5353
5340
  --radio-diameter: 20px;
@@ -5444,6 +5431,19 @@ progress.w8NAw4ZMB6g-[value]::-webkit-progress-value {
5444
5431
  color: var(--color-disabled);
5445
5432
  }
5446
5433
 
5434
+ .v2xMxsPFwcM- {
5435
+ display: -ms-flexbox;
5436
+ display: flex;
5437
+ -ms-flex-align: center;
5438
+ align-items: center;
5439
+ gap: 16px;
5440
+ gap: var(--space-base);
5441
+ }
5442
+
5443
+ .cfDwOgEkPHQ- {
5444
+ width: 100%;
5445
+ }
5446
+
5447
5447
  .BQqkfvwFjbQ- {
5448
5448
  display: -ms-flexbox;
5449
5449
  display: flex;
@@ -5670,75 +5670,6 @@ progress.w8NAw4ZMB6g-[value]::-webkit-progress-value {
5670
5670
  width: 100%;
5671
5671
  }
5672
5672
 
5673
- ._6hfmGZoXNyg- {
5674
- width: 32px;
5675
- width: var(--space-larger);
5676
- height: 32px;
5677
- height: var(--space-larger);
5678
- box-shadow: 0px 0px 4px 2px rgba(1, 41, 57, 0.4);
5679
- border: solid hsl(198, 25%, 33%);
5680
- border: solid var(--color-inactive);
5681
- border-top-color: rgba(255, 255, 255, 1);
5682
- border-top-color: var(--color-white);
5683
- border-width: calc(8px * 0.75);
5684
- border-width: calc(var(--space-small) * 0.75);
5685
- border-radius: 100%;
5686
- border-radius: var(--radius-circle);
5687
- background-color: hsl(195, 12%, 94%);
5688
- background-color: var(--color-inactive--surface);
5689
- -webkit-animation-duration: calc(500ms * 2);
5690
- -webkit-animation-duration: calc(var(--timing-slowest) * 2);
5691
- animation-duration: calc(500ms * 2);
5692
- animation-duration: calc(var(--timing-slowest) * 2);
5693
- -webkit-animation-iteration-count: infinite;
5694
- animation-iteration-count: infinite;
5695
- -webkit-animation-name: aT3CETCJ4hQ-;
5696
- animation-name: aT3CETCJ4hQ-;
5697
- -webkit-animation-timing-function: linear;
5698
- animation-timing-function: linear;
5699
- will-change: transform;
5700
- }
5701
-
5702
- @-webkit-keyframes aT3CETCJ4hQ- {
5703
- 0% {
5704
- -webkit-transform: rotate(0deg);
5705
- transform: rotate(0deg);
5706
- }
5707
-
5708
- 100% {
5709
- -webkit-transform: rotate(359deg);
5710
- transform: rotate(359deg);
5711
- }
5712
- }
5713
-
5714
- @keyframes aT3CETCJ4hQ- {
5715
- 0% {
5716
- -webkit-transform: rotate(0deg);
5717
- transform: rotate(0deg);
5718
- }
5719
-
5720
- 100% {
5721
- -webkit-transform: rotate(359deg);
5722
- transform: rotate(359deg);
5723
- }
5724
- }
5725
-
5726
- .bMfynkzmlL4- {
5727
- width: 16px;
5728
- width: var(--space-base);
5729
- height: 16px;
5730
- height: var(--space-base);
5731
- border-width: 4px;
5732
- border-width: var(--space-smaller);
5733
- }
5734
-
5735
- .NA68eWblbLo- {
5736
- display: inline-block;
5737
- margin-top: calc(4px * -1);
5738
- margin-top: calc(var(--space-smaller) * -1);
5739
- vertical-align: middle;
5740
- }
5741
-
5742
5673
  .cCwRgRAz4qk- {
5743
5674
  --sideDrawer--base-padding: var(--space-base);
5744
5675
  --sideDrawer--background: var(--color-surface);
@@ -5932,52 +5863,185 @@ progress.w8NAw4ZMB6g-[value]::-webkit-progress-value {
5932
5863
  order: 1;
5933
5864
  }
5934
5865
 
5935
- .gSN5nWDwGm4- .-lPSZVGIIAs- {
5936
- -ms-flex-order: -1;
5937
- order: -1;
5938
- }
5866
+ .gSN5nWDwGm4- .-lPSZVGIIAs- {
5867
+ -ms-flex-order: -1;
5868
+ order: -1;
5869
+ }
5870
+
5871
+ .XOqA4Hw6S6g- {
5872
+ --transition: var(--timing-base) ease-in-out;
5873
+
5874
+ width: 0;
5875
+ opacity: 0;
5876
+ -webkit-transform: translateX(-8px);
5877
+ transform: translateX(-8px);
5878
+ transition:
5879
+ width 200ms ease-in-out,
5880
+ opacity 200ms ease-in-out,
5881
+ -webkit-transform 200ms ease-in-out;
5882
+ transition:
5883
+ width var(--transition),
5884
+ opacity var(--transition),
5885
+ -webkit-transform var(--transition);
5886
+ transition:
5887
+ width 200ms ease-in-out,
5888
+ transform 200ms ease-in-out,
5889
+ opacity 200ms ease-in-out;
5890
+ transition:
5891
+ width var(--transition),
5892
+ transform var(--transition),
5893
+ opacity var(--transition);
5894
+ transition:
5895
+ width 200ms ease-in-out,
5896
+ transform 200ms ease-in-out,
5897
+ opacity 200ms ease-in-out,
5898
+ -webkit-transform 200ms ease-in-out;
5899
+ transition:
5900
+ width var(--transition),
5901
+ transform var(--transition),
5902
+ opacity var(--transition),
5903
+ -webkit-transform var(--transition);
5904
+ }
5905
+
5906
+ .XOqA4Hw6S6g-.b4VHPS-RG34- {
5907
+ width: 40px;
5908
+ opacity: 1;
5909
+ -webkit-transform: translateX(0);
5910
+ transform: translateX(0);
5911
+ }
5912
+
5913
+ ._6hfmGZoXNyg- {
5914
+ width: 32px;
5915
+ width: var(--space-larger);
5916
+ height: 32px;
5917
+ height: var(--space-larger);
5918
+ box-shadow: 0px 0px 4px 2px rgba(1, 41, 57, 0.4);
5919
+ border: solid hsl(198, 25%, 33%);
5920
+ border: solid var(--color-inactive);
5921
+ border-top-color: rgba(255, 255, 255, 1);
5922
+ border-top-color: var(--color-white);
5923
+ border-width: calc(8px * 0.75);
5924
+ border-width: calc(var(--space-small) * 0.75);
5925
+ border-radius: 100%;
5926
+ border-radius: var(--radius-circle);
5927
+ background-color: hsl(195, 12%, 94%);
5928
+ background-color: var(--color-inactive--surface);
5929
+ -webkit-animation-duration: calc(500ms * 2);
5930
+ -webkit-animation-duration: calc(var(--timing-slowest) * 2);
5931
+ animation-duration: calc(500ms * 2);
5932
+ animation-duration: calc(var(--timing-slowest) * 2);
5933
+ -webkit-animation-iteration-count: infinite;
5934
+ animation-iteration-count: infinite;
5935
+ -webkit-animation-name: aT3CETCJ4hQ-;
5936
+ animation-name: aT3CETCJ4hQ-;
5937
+ -webkit-animation-timing-function: linear;
5938
+ animation-timing-function: linear;
5939
+ will-change: transform;
5940
+ }
5941
+
5942
+ @-webkit-keyframes aT3CETCJ4hQ- {
5943
+ 0% {
5944
+ -webkit-transform: rotate(0deg);
5945
+ transform: rotate(0deg);
5946
+ }
5947
+
5948
+ 100% {
5949
+ -webkit-transform: rotate(359deg);
5950
+ transform: rotate(359deg);
5951
+ }
5952
+ }
5953
+
5954
+ @keyframes aT3CETCJ4hQ- {
5955
+ 0% {
5956
+ -webkit-transform: rotate(0deg);
5957
+ transform: rotate(0deg);
5958
+ }
5959
+
5960
+ 100% {
5961
+ -webkit-transform: rotate(359deg);
5962
+ transform: rotate(359deg);
5963
+ }
5964
+ }
5965
+
5966
+ .bMfynkzmlL4- {
5967
+ width: 16px;
5968
+ width: var(--space-base);
5969
+ height: 16px;
5970
+ height: var(--space-base);
5971
+ border-width: 4px;
5972
+ border-width: var(--space-smaller);
5973
+ }
5974
+
5975
+ .NA68eWblbLo- {
5976
+ display: inline-block;
5977
+ margin-top: calc(4px * -1);
5978
+ margin-top: calc(var(--space-smaller) * -1);
5979
+ vertical-align: middle;
5980
+ }
5981
+
5982
+ .OADGAhZt8dY- {
5983
+ --labelBackgroundColor: var(--color-success--surface);
5984
+ --labelTextColor: var(--color-success--onSurface);
5985
+
5986
+ display: -ms-flexbox;
5987
+
5988
+ display: flex;
5989
+ width: -webkit-fit-content;
5990
+ width: -moz-fit-content;
5991
+ width: fit-content;
5992
+ padding: 0.375rem 0.625rem 0.375rem 0.5rem;
5993
+ border-radius: 0.75rem;
5994
+ -ms-flex-direction: row;
5995
+ flex-direction: row;
5996
+ -ms-flex-wrap: nowrap;
5997
+ flex-wrap: nowrap;
5998
+ gap: 0.375rem;
5999
+ background-color: hsl(109, 28%, 92%);
6000
+ background-color: var(--labelBackgroundColor);
6001
+ }
6002
+
6003
+ .gQdAtJ0BiSk- {
6004
+ --labelBackgroundColor: var(--color-success--surface);
6005
+ --labelTextColor: var(--color-success--onSurface);
6006
+ }
6007
+
6008
+ ._1vqcSM0FTig- {
6009
+ --labelBackgroundColor: var(--color-warning--surface);
6010
+ --labelTextColor: var(--color-warning--onSurface);
6011
+ }
6012
+
6013
+ .maK19lcw4T8- {
6014
+ --labelBackgroundColor: var(--color-critical--surface);
6015
+ --labelTextColor: var(--color-critical--onSurface);
6016
+ }
6017
+
6018
+ .n-xRjfGbWgM- {
6019
+ --labelBackgroundColor: var(--color-inactive--surface);
6020
+ --labelTextColor: var(--color-inactive--onSurface);
6021
+ }
6022
+
6023
+ .d6Y1CRe9qac- {
6024
+ --labelBackgroundColor: var(--color-informative--surface);
6025
+ --labelTextColor: var(--color-informative--onSurface);
6026
+ }
5939
6027
 
5940
- .XOqA4Hw6S6g- {
5941
- --transition: var(--timing-base) ease-in-out;
6028
+ /* Reset the <Text> line height so we can reliably get 24px tall */
5942
6029
 
5943
- width: 0;
5944
- opacity: 0;
5945
- -webkit-transform: translateX(-8px);
5946
- transform: translateX(-8px);
5947
- transition:
5948
- width 200ms ease-in-out,
5949
- opacity 200ms ease-in-out,
5950
- -webkit-transform 200ms ease-in-out;
5951
- transition:
5952
- width var(--transition),
5953
- opacity var(--transition),
5954
- -webkit-transform var(--transition);
5955
- transition:
5956
- width 200ms ease-in-out,
5957
- transform 200ms ease-in-out,
5958
- opacity 200ms ease-in-out;
5959
- transition:
5960
- width var(--transition),
5961
- transform var(--transition),
5962
- opacity var(--transition);
5963
- transition:
5964
- width 200ms ease-in-out,
5965
- transform 200ms ease-in-out,
5966
- opacity 200ms ease-in-out,
5967
- -webkit-transform 200ms ease-in-out;
5968
- transition:
5969
- width var(--transition),
5970
- transform var(--transition),
5971
- opacity var(--transition),
5972
- -webkit-transform var(--transition);
6030
+ .OADGAhZt8dY- p {
6031
+ color: var(--labelTextColor);
6032
+ line-height: 1;
5973
6033
  }
5974
6034
 
5975
- .XOqA4Hw6S6g-.b4VHPS-RG34- {
5976
- width: 40px;
5977
- opacity: 1;
5978
- -webkit-transform: translateX(0);
5979
- transform: translateX(0);
5980
- }
6035
+ .PqXUSR-3s4M- {
6036
+ -ms-flex-direction: row-reverse;
6037
+ flex-direction: row-reverse;
6038
+ }
6039
+
6040
+ .RmE4LVHqe60- {
6041
+ display: -ms-flexbox;
6042
+ display: flex;
6043
+ padding-top: 0.125rem;
6044
+ }
5981
6045
 
5982
6046
  .WiSIdMrztSU- {
5983
6047
  --statusLabel-icon-diameter: 8px;
@@ -6126,70 +6190,6 @@ If there is a way to loop in the future of use a css custom property, we can use
6126
6190
  margin-bottom: auto;
6127
6191
  }
6128
6192
 
6129
- .OADGAhZt8dY- {
6130
- --labelBackgroundColor: var(--color-success--surface);
6131
- --labelTextColor: var(--color-success--onSurface);
6132
-
6133
- display: -ms-flexbox;
6134
-
6135
- display: flex;
6136
- width: -webkit-fit-content;
6137
- width: -moz-fit-content;
6138
- width: fit-content;
6139
- padding: 0.375rem 0.625rem 0.375rem 0.5rem;
6140
- border-radius: 0.75rem;
6141
- -ms-flex-direction: row;
6142
- flex-direction: row;
6143
- -ms-flex-wrap: nowrap;
6144
- flex-wrap: nowrap;
6145
- gap: 0.375rem;
6146
- background-color: hsl(109, 28%, 92%);
6147
- background-color: var(--labelBackgroundColor);
6148
- }
6149
-
6150
- .gQdAtJ0BiSk- {
6151
- --labelBackgroundColor: var(--color-success--surface);
6152
- --labelTextColor: var(--color-success--onSurface);
6153
- }
6154
-
6155
- ._1vqcSM0FTig- {
6156
- --labelBackgroundColor: var(--color-warning--surface);
6157
- --labelTextColor: var(--color-warning--onSurface);
6158
- }
6159
-
6160
- .maK19lcw4T8- {
6161
- --labelBackgroundColor: var(--color-critical--surface);
6162
- --labelTextColor: var(--color-critical--onSurface);
6163
- }
6164
-
6165
- .n-xRjfGbWgM- {
6166
- --labelBackgroundColor: var(--color-inactive--surface);
6167
- --labelTextColor: var(--color-inactive--onSurface);
6168
- }
6169
-
6170
- .d6Y1CRe9qac- {
6171
- --labelBackgroundColor: var(--color-informative--surface);
6172
- --labelTextColor: var(--color-informative--onSurface);
6173
- }
6174
-
6175
- /* Reset the <Text> line height so we can reliably get 24px tall */
6176
-
6177
- .OADGAhZt8dY- p {
6178
- color: var(--labelTextColor);
6179
- line-height: 1;
6180
- }
6181
-
6182
- .PqXUSR-3s4M- {
6183
- -ms-flex-direction: row-reverse;
6184
- flex-direction: row-reverse;
6185
- }
6186
-
6187
- .RmE4LVHqe60- {
6188
- display: -ms-flexbox;
6189
- display: flex;
6190
- padding-top: 0.125rem;
6191
- }
6192
-
6193
6193
  .rVg6dYYBFN4- {
6194
6194
  --switch--width: 48px;
6195
6195
  --switch--pipSize: 16px;
@@ -6338,23 +6338,6 @@ If there is a way to loop in the future of use a css custom property, we can use
6338
6338
  border-color: var(--color-disabled);
6339
6339
  }
6340
6340
 
6341
- .jC1GzRIJp74- {
6342
- display: grid;
6343
- grid-gap: var(--public-tile-space);
6344
- width: var(--public-tiles-width);
6345
- -ms-flex-align: var(--public-tiles-align);
6346
- align-items: var(--public-tiles-align);
6347
- }
6348
-
6349
- @supports (width: min(var(--public-tile-min-size), 100%)) {
6350
- .jC1GzRIJp74- {
6351
- grid-template-columns: repeat(
6352
- auto-fill,
6353
- minmax(min(var(--public-tile-min-size), 100%), 1fr)
6354
- );
6355
- }
6356
- }
6357
-
6358
6341
  ._7PagpWEko2U- {
6359
6342
  --border-color: var(--color-border);
6360
6343
  --header-border-color: var(--color-border--section);
@@ -6526,6 +6509,23 @@ ul.LfIIg9bwrhQ- {
6526
6509
  padding-right: var(--public-tab--inset);
6527
6510
  }
6528
6511
 
6512
+ .jC1GzRIJp74- {
6513
+ display: grid;
6514
+ grid-gap: var(--public-tile-space);
6515
+ width: var(--public-tiles-width);
6516
+ -ms-flex-align: var(--public-tiles-align);
6517
+ align-items: var(--public-tiles-align);
6518
+ }
6519
+
6520
+ @supports (width: min(var(--public-tile-min-size), 100%)) {
6521
+ .jC1GzRIJp74- {
6522
+ grid-template-columns: repeat(
6523
+ auto-fill,
6524
+ minmax(min(var(--public-tile-min-size), 100%), 1fr)
6525
+ );
6526
+ }
6527
+ }
6528
+
6529
6529
  ._0Tvq24WjeX8- {
6530
6530
  position: relative;
6531
6531
  z-index: 1003;
@@ -6698,104 +6698,16 @@ ul.LfIIg9bwrhQ- {
6698
6698
  left: var(--tooltip--offset);
6699
6699
  }
6700
6700
 
6701
- .djrmr4mADlA- {
6702
- margin: 0;
6703
- color: rgba(255, 255, 255, 1);
6704
- color: var(--color-text--reverse);
6705
- font-size: 12px;
6706
- font-size: var(--typography--fontSize-small);
6707
- font-weight: 500;
6708
- line-height: 1.25;
6709
- line-height: var(--typography--lineHeight-base);
6710
- }
6711
-
6712
- ._5TLZRabskzI- {
6713
- display: -ms-flexbox;
6714
- display: flex;
6715
- -ms-flex-align: center;
6716
- align-items: center;
6717
- -ms-flex-pack: justify;
6718
- justify-content: space-between;
6719
- min-height: calc(4px + 48px);
6720
- min-height: calc(var(--space-smaller) + var(--space-largest));
6721
- padding: 8px 16px;
6722
- padding: var(--space-small) var(--space-base);
6723
- border-top: 1px solid hsl(200, 13%, 87%);
6724
- border-top: var(--border-base) solid var(--color-border);
6725
- -ms-flex-wrap: wrap;
6726
- flex-wrap: wrap;
6727
- gap: 8px;
6728
- gap: var(--space-small);
6729
- }
6730
-
6731
- .k8VFFgHUPZ4- {
6732
- -ms-flex: 9999;
6733
- flex: 9999;
6734
- white-space: nowrap;
6735
- }
6736
-
6737
- .SfaHBP7KC3Y- {
6738
- display: -ms-flexbox;
6739
- display: flex;
6740
- -ms-flex-align: center;
6741
- align-items: center;
6742
- -ms-flex-pack: justify;
6743
- justify-content: space-between;
6744
- gap: 16px;
6745
- gap: var(--space-base);
6746
- -ms-flex: 1;
6747
- flex: 1;
6748
- -ms-flex-wrap: wrap;
6749
- flex-wrap: wrap;
6750
- min-width: -webkit-fit-content;
6751
- min-width: -moz-fit-content;
6752
- min-width: fit-content;
6753
- }
6754
-
6755
- .E4zFf5oEm-Y- {
6756
- display: -ms-flexbox;
6757
- display: flex;
6758
- -ms-flex-align: center;
6759
- align-items: center;
6760
- -ms-flex-pack: center;
6761
- justify-content: center;
6762
- gap: 8px;
6763
- gap: var(--space-small);
6764
- min-width: calc(3 * 48px + 8px);
6765
- min-width: calc(3 * var(--space-largest) + var(--space-small));
6766
- }
6767
-
6768
- .N4LhT5occ94- {
6769
- min-width: calc(64px + 4px);
6770
- min-width: calc(var(--space-extravagant) + var(--space-smaller));
6771
- }
6772
-
6773
- .HQPsyRjssL0- {
6774
- display: -ms-flexbox;
6775
- display: flex;
6776
- gap: 24px;
6777
- gap: var(--space-large);
6778
- -ms-flex-align: center;
6779
- align-items: center;
6780
- -ms-flex-pack: center;
6781
- justify-content: center;
6782
- }
6783
-
6784
- @media (max-width: 489px) {
6785
-
6786
- .HQPsyRjssL0- {
6787
- gap: 16px;
6788
- gap: var(--space-base);
6789
- }
6790
- }
6791
-
6792
- @media (--small-screens-and-below) {
6793
-
6794
- .HQPsyRjssL0- {
6795
- gap: 16px;
6796
- gap: var(--space-base);
6701
+ .djrmr4mADlA- {
6702
+ margin: 0;
6703
+ color: rgba(255, 255, 255, 1);
6704
+ color: var(--color-text--reverse);
6705
+ font-size: 12px;
6706
+ font-size: var(--typography--fontSize-small);
6707
+ font-weight: 500;
6708
+ line-height: 1.25;
6709
+ line-height: var(--typography--lineHeight-base);
6797
6710
  }
6798
- }
6799
6711
 
6800
6712
  /**
6801
6713
  * Used in the wrapping chips component:
@@ -6906,6 +6818,94 @@ ul.LfIIg9bwrhQ- {
6906
6818
  display: flex;
6907
6819
  }
6908
6820
 
6821
+ ._5TLZRabskzI- {
6822
+ display: -ms-flexbox;
6823
+ display: flex;
6824
+ -ms-flex-align: center;
6825
+ align-items: center;
6826
+ -ms-flex-pack: justify;
6827
+ justify-content: space-between;
6828
+ min-height: calc(4px + 48px);
6829
+ min-height: calc(var(--space-smaller) + var(--space-largest));
6830
+ padding: 8px 16px;
6831
+ padding: var(--space-small) var(--space-base);
6832
+ border-top: 1px solid hsl(200, 13%, 87%);
6833
+ border-top: var(--border-base) solid var(--color-border);
6834
+ -ms-flex-wrap: wrap;
6835
+ flex-wrap: wrap;
6836
+ gap: 8px;
6837
+ gap: var(--space-small);
6838
+ }
6839
+
6840
+ .k8VFFgHUPZ4- {
6841
+ -ms-flex: 9999;
6842
+ flex: 9999;
6843
+ white-space: nowrap;
6844
+ }
6845
+
6846
+ .SfaHBP7KC3Y- {
6847
+ display: -ms-flexbox;
6848
+ display: flex;
6849
+ -ms-flex-align: center;
6850
+ align-items: center;
6851
+ -ms-flex-pack: justify;
6852
+ justify-content: space-between;
6853
+ gap: 16px;
6854
+ gap: var(--space-base);
6855
+ -ms-flex: 1;
6856
+ flex: 1;
6857
+ -ms-flex-wrap: wrap;
6858
+ flex-wrap: wrap;
6859
+ min-width: -webkit-fit-content;
6860
+ min-width: -moz-fit-content;
6861
+ min-width: fit-content;
6862
+ }
6863
+
6864
+ .E4zFf5oEm-Y- {
6865
+ display: -ms-flexbox;
6866
+ display: flex;
6867
+ -ms-flex-align: center;
6868
+ align-items: center;
6869
+ -ms-flex-pack: center;
6870
+ justify-content: center;
6871
+ gap: 8px;
6872
+ gap: var(--space-small);
6873
+ min-width: calc(3 * 48px + 8px);
6874
+ min-width: calc(3 * var(--space-largest) + var(--space-small));
6875
+ }
6876
+
6877
+ .N4LhT5occ94- {
6878
+ min-width: calc(64px + 4px);
6879
+ min-width: calc(var(--space-extravagant) + var(--space-smaller));
6880
+ }
6881
+
6882
+ .HQPsyRjssL0- {
6883
+ display: -ms-flexbox;
6884
+ display: flex;
6885
+ gap: 24px;
6886
+ gap: var(--space-large);
6887
+ -ms-flex-align: center;
6888
+ align-items: center;
6889
+ -ms-flex-pack: center;
6890
+ justify-content: center;
6891
+ }
6892
+
6893
+ @media (max-width: 489px) {
6894
+
6895
+ .HQPsyRjssL0- {
6896
+ gap: 16px;
6897
+ gap: var(--space-base);
6898
+ }
6899
+ }
6900
+
6901
+ @media (--small-screens-and-below) {
6902
+
6903
+ .HQPsyRjssL0- {
6904
+ gap: 16px;
6905
+ gap: var(--space-base);
6906
+ }
6907
+ }
6908
+
6909
6909
  .wMM6V80Rt-w- {
6910
6910
  padding: 16px;
6911
6911
  padding: var(--space-base);
@@ -7268,31 +7268,6 @@ ul.LfIIg9bwrhQ- {
7268
7268
  background: var(--color-disabled);
7269
7269
  }
7270
7270
 
7271
- .kCKg-JJTRO8- {
7272
- border-radius: 4px;
7273
- border-radius: var(--radius-small);
7274
- }
7275
-
7276
- ._235nMwtuWSw- {
7277
- border-radius: 8px;
7278
- border-radius: var(--radius-base);
7279
- }
7280
-
7281
- ._9ppkWehd4QA- {
7282
- border-radius: 16px;
7283
- border-radius: var(--radius-large);
7284
- }
7285
-
7286
- .CsG3cZAn6r0- {
7287
- border-radius: 24px;
7288
- border-radius: var(--radius-larger);
7289
- }
7290
-
7291
- .WWKSAC2020Q- {
7292
- border-radius: 100%;
7293
- border-radius: var(--radius-circle);
7294
- }
7295
-
7296
7271
  ._3hq7jJitEgs- {
7297
7272
  display: -ms-flexbox;
7298
7273
  display: flex;
@@ -7355,6 +7330,31 @@ ul.LfIIg9bwrhQ- {
7355
7330
  gap: var(--space-extravagant);
7356
7331
  }
7357
7332
 
7333
+ .kCKg-JJTRO8- {
7334
+ border-radius: 4px;
7335
+ border-radius: var(--radius-small);
7336
+ }
7337
+
7338
+ ._235nMwtuWSw- {
7339
+ border-radius: 8px;
7340
+ border-radius: var(--radius-base);
7341
+ }
7342
+
7343
+ ._9ppkWehd4QA- {
7344
+ border-radius: 16px;
7345
+ border-radius: var(--radius-large);
7346
+ }
7347
+
7348
+ .CsG3cZAn6r0- {
7349
+ border-radius: 24px;
7350
+ border-radius: var(--radius-larger);
7351
+ }
7352
+
7353
+ .WWKSAC2020Q- {
7354
+ border-radius: 100%;
7355
+ border-radius: var(--radius-circle);
7356
+ }
7357
+
7358
7358
  .CXP1mw5bm-s- {
7359
7359
  height: auto;
7360
7360
  }
@@ -7410,14 +7410,30 @@ ul.LfIIg9bwrhQ- {
7410
7410
  margin-left: var(--box-margin-left);
7411
7411
  }
7412
7412
 
7413
- ._6dlpcG-oxT4- {
7414
- -webkit-animation-duration: var(--duration-base);
7415
- animation-duration: var(--duration-base);
7413
+ .Y4Fm1wA7Z6c- {
7414
+ border-color: hsl(200, 13%, 87%);
7415
+ border-color: var(--color-border);
7416
+ border-style: solid;
7416
7417
  }
7417
7418
 
7418
- .NlRB1Xq-sFE- {
7419
- -webkit-animation-duration: calc(var(--duration-fast));
7420
- animation-duration: calc(var(--duration-fast));
7419
+ .GWX6qFcouh8- {
7420
+ border-width: var(--box-border);
7421
+ }
7422
+
7423
+ ._20qfwUymZHI- {
7424
+ border-top-width: var(--box-border-top);
7425
+ }
7426
+
7427
+ ._80vVV1kYAXU- {
7428
+ border-right-width: var(--box-border-right);
7429
+ }
7430
+
7431
+ ._3yLCo9rAEyY- {
7432
+ border-bottom-width: var(--box-border-bottom);
7433
+ }
7434
+
7435
+ .Sejzll1Lw3U- {
7436
+ border-left-width: var(--box-border-left);
7421
7437
  }
7422
7438
 
7423
7439
  .pyQJ1Rwtg3Q- {
@@ -7451,55 +7467,6 @@ ul.LfIIg9bwrhQ- {
7451
7467
  padding-left: var(--box-padding-left);
7452
7468
  }
7453
7469
 
7454
- .vAVS-6e-jJo- {
7455
- width: 100%;
7456
- }
7457
-
7458
- .tZgae6SZ8WA- {
7459
- width: 85%;
7460
- }
7461
-
7462
- .ec-sGgENoOw- {
7463
- width: 70%;
7464
- }
7465
-
7466
- .ONvR3LocsA4-,
7467
- .j-gTsb6UsQs- {
7468
- width: auto;
7469
- aspect-ratio: 1;
7470
- }
7471
-
7472
- .j-gTsb6UsQs- {
7473
- border-radius: 100%;
7474
- border-radius: var(--radius-circle);
7475
- }
7476
-
7477
- .Y4Fm1wA7Z6c- {
7478
- border-color: hsl(200, 13%, 87%);
7479
- border-color: var(--color-border);
7480
- border-style: solid;
7481
- }
7482
-
7483
- .GWX6qFcouh8- {
7484
- border-width: var(--box-border);
7485
- }
7486
-
7487
- ._20qfwUymZHI- {
7488
- border-top-width: var(--box-border-top);
7489
- }
7490
-
7491
- ._80vVV1kYAXU- {
7492
- border-right-width: var(--box-border-right);
7493
- }
7494
-
7495
- ._3yLCo9rAEyY- {
7496
- border-bottom-width: var(--box-border-bottom);
7497
- }
7498
-
7499
- .Sejzll1Lw3U- {
7500
- border-left-width: var(--box-border-left);
7501
- }
7502
-
7503
7470
  .bjemHBSLuQ0- {
7504
7471
  height: 8px;
7505
7472
  height: var(--space-small);
@@ -7525,12 +7492,45 @@ ul.LfIIg9bwrhQ- {
7525
7492
  height: var(--space-largest);
7526
7493
  }
7527
7494
 
7528
- ._8qp0RoxJfHE- {
7529
- height: 100%;
7530
- min-width: 16px;
7531
- min-width: var(--space-base);
7532
- min-height: 16px;
7533
- min-height: var(--space-base);
7495
+ ._8qp0RoxJfHE- {
7496
+ height: 100%;
7497
+ min-width: 16px;
7498
+ min-width: var(--space-base);
7499
+ min-height: 16px;
7500
+ min-height: var(--space-base);
7501
+ }
7502
+
7503
+ .vAVS-6e-jJo- {
7504
+ width: 100%;
7505
+ }
7506
+
7507
+ .tZgae6SZ8WA- {
7508
+ width: 85%;
7509
+ }
7510
+
7511
+ .ec-sGgENoOw- {
7512
+ width: 70%;
7513
+ }
7514
+
7515
+ .ONvR3LocsA4-,
7516
+ .j-gTsb6UsQs- {
7517
+ width: auto;
7518
+ aspect-ratio: 1;
7519
+ }
7520
+
7521
+ .j-gTsb6UsQs- {
7522
+ border-radius: 100%;
7523
+ border-radius: var(--radius-circle);
7524
+ }
7525
+
7526
+ ._6dlpcG-oxT4- {
7527
+ -webkit-animation-duration: var(--duration-base);
7528
+ animation-duration: var(--duration-base);
7529
+ }
7530
+
7531
+ .NlRB1Xq-sFE- {
7532
+ -webkit-animation-duration: calc(var(--duration-fast));
7533
+ animation-duration: calc(var(--duration-fast));
7534
7534
  }
7535
7535
 
7536
7536
  .EJeK329S0z0- {
@@ -7563,6 +7563,33 @@ ul.LfIIg9bwrhQ- {
7563
7563
  padding-right: var(--horizontal-inset);
7564
7564
  }
7565
7565
 
7566
+ .j4h-0Mxa5gk- {
7567
+ margin: 0;
7568
+ padding: 0;
7569
+ font-family: Inter, Helvetica, Arial, sans-serif;
7570
+ font-family: var(--typography--fontFamily-normal);
7571
+ /* Wrap really long words or URL's */
7572
+ word-wrap: break-word;
7573
+ overflow-wrap: break-word;
7574
+ word-wrap: break-word;
7575
+ }
7576
+
7577
+ .S3PyGdaGxok- {
7578
+ text-transform: uppercase;
7579
+ }
7580
+
7581
+ .lVlhmM5z9HI- {
7582
+ text-transform: lowercase;
7583
+ }
7584
+
7585
+ .l9xfdEljFWk- {
7586
+ text-transform: capitalize;
7587
+ }
7588
+
7589
+ .WYUkes21iUI- {
7590
+ text-transform: none;
7591
+ }
7592
+
7566
7593
  ._1CXlSTO0w8g- {
7567
7594
  font-size: 48px;
7568
7595
  font-size: var(--typography--fontSize-extravagant);
@@ -7655,17 +7682,6 @@ ul.LfIIg9bwrhQ- {
7655
7682
  font-weight: 900;
7656
7683
  }
7657
7684
 
7658
- .j4h-0Mxa5gk- {
7659
- margin: 0;
7660
- padding: 0;
7661
- font-family: Inter, Helvetica, Arial, sans-serif;
7662
- font-family: var(--typography--fontFamily-normal);
7663
- /* Wrap really long words or URL's */
7664
- word-wrap: break-word;
7665
- overflow-wrap: break-word;
7666
- word-wrap: break-word;
7667
- }
7668
-
7669
7685
  /* Base colors for backwards compatability */
7670
7686
 
7671
7687
  .xNqFL54SrGc- {
@@ -8003,20 +8019,19 @@ ul.LfIIg9bwrhQ- {
8003
8019
  color: var(--color-brand);
8004
8020
  }
8005
8021
 
8006
- .S3PyGdaGxok- {
8007
- text-transform: uppercase;
8008
- }
8009
-
8010
- .lVlhmM5z9HI- {
8011
- text-transform: lowercase;
8012
- }
8013
-
8014
- .l9xfdEljFWk- {
8015
- text-transform: capitalize;
8022
+ .ws2Y0LqNNfk- {
8023
+ font-style: italic;
8016
8024
  }
8017
8025
 
8018
- .WYUkes21iUI- {
8019
- text-transform: none;
8026
+ .kw63z71hYYU- {
8027
+ display: inline;
8028
+ font-family: inherit;
8029
+ font-style: normal;
8030
+ font-weight: inherit;
8031
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 84 8' fill='none' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 6.50004C14.6667 4.50004 49.3 0.900038 82.5 2.50004' stroke='%2384EA00' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
8032
+ background-position: center bottom;
8033
+ background-repeat: no-repeat;
8034
+ background-size: 100% 20%;
8020
8035
  }
8021
8036
 
8022
8037
  .bvnCrlndVHs- {
@@ -8039,21 +8054,6 @@ ul.LfIIg9bwrhQ- {
8039
8054
  text-align: right;
8040
8055
  }
8041
8056
 
8042
- .ws2Y0LqNNfk- {
8043
- font-style: italic;
8044
- }
8045
-
8046
- .kw63z71hYYU- {
8047
- display: inline;
8048
- font-family: inherit;
8049
- font-style: normal;
8050
- font-weight: inherit;
8051
- background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 84 8' fill='none' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 6.50004C14.6667 4.50004 49.3 0.900038 82.5 2.50004' stroke='%2384EA00' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
8052
- background-position: center bottom;
8053
- background-repeat: no-repeat;
8054
- background-size: 100% 20%;
8055
- }
8056
-
8057
8057
  .V9SSKxs15xE- {
8058
8058
  font-family: Inter, Helvetica, Arial, sans-serif;
8059
8059
  font-family: var(--typography--fontFamily-normal);
@@ -8212,16 +8212,6 @@ ul.LfIIg9bwrhQ- {
8212
8212
  box-shadow: var(--shadow-focus);
8213
8213
  }
8214
8214
 
8215
- .cr0irYOHA5k- div[role="radiogroup"] {
8216
- -ms-flex-direction: row;
8217
- flex-direction: row;
8218
- }
8219
-
8220
- .cr0irYOHA5k- label {
8221
- margin-right: 16px;
8222
- margin-right: var(--space-base);
8223
- }
8224
-
8225
8215
  .U0IgyTjmtnU- {
8226
8216
  grid-column: initial;
8227
8217
  grid-column-end: span var(--gridCell--size-xs);
@@ -8315,6 +8305,16 @@ ul.LfIIg9bwrhQ- {
8315
8305
  border-top-left-radius: 0;
8316
8306
  }
8317
8307
 
8308
+ .cr0irYOHA5k- div[role="radiogroup"] {
8309
+ -ms-flex-direction: row;
8310
+ flex-direction: row;
8311
+ }
8312
+
8313
+ .cr0irYOHA5k- label {
8314
+ margin-right: 16px;
8315
+ margin-right: var(--space-base);
8316
+ }
8317
+
8318
8318
  ._4d0IFF7M5S0- {
8319
8319
  display: grid;
8320
8320
  width: 100%;
@@ -8624,70 +8624,6 @@ ul.LfIIg9bwrhQ- {
8624
8624
  width var(--sticky-header-transition-properties) var(--timing-quick);
8625
8625
  }
8626
8626
 
8627
- .R0MWvfTO9vg- {
8628
- display: -ms-flexbox;
8629
- display: flex;
8630
- box-sizing: border-box;
8631
- padding: 16px;
8632
- padding: var(--space-base);
8633
- -ms-flex-pack: center;
8634
- justify-content: center;
8635
- -ms-flex-direction: column;
8636
- flex-direction: column;
8637
- row-gap: 16px;
8638
- row-gap: var(--space-base);
8639
- -ms-flex-align: center;
8640
- align-items: center;
8641
- -ms-flex: 1;
8642
- flex: 1;
8643
- }
8644
-
8645
- .aJIHa8Q-WbY- {
8646
- position: relative;
8647
- -webkit-transform: translateY(calc(48px * -1));
8648
- -webkit-transform: translateY(calc(var(--space-largest) * -1));
8649
- transform: translateY(calc(48px * -1));
8650
- transform: translateY(calc(var(--space-largest) * -1));
8651
- }
8652
-
8653
- .lLYWNAYcURY-,
8654
- .qA8J2KI6khc- {
8655
- display: -ms-flexbox;
8656
- display: flex;
8657
- -ms-flex-pack: center;
8658
- justify-content: center;
8659
- padding: 8px;
8660
- padding: var(--space-small);
8661
- }
8662
-
8663
- .qA8J2KI6khc- {
8664
- opacity: 0;
8665
- -webkit-animation: WKPuBJINNCg- 200ms ease 200ms forwards;
8666
- -webkit-animation: WKPuBJINNCg- var(--timing-base) ease var(--timing-base) forwards;
8667
- animation: WKPuBJINNCg- 200ms ease 200ms forwards;
8668
- animation: WKPuBJINNCg- var(--timing-base) ease var(--timing-base) forwards;
8669
- }
8670
-
8671
- @-webkit-keyframes WKPuBJINNCg- {
8672
- from {
8673
- opacity: 0;
8674
- }
8675
-
8676
- to {
8677
- opacity: 1;
8678
- }
8679
- }
8680
-
8681
- @keyframes WKPuBJINNCg- {
8682
- from {
8683
- opacity: 0;
8684
- }
8685
-
8686
- to {
8687
- opacity: 1;
8688
- }
8689
- }
8690
-
8691
8627
  .S2Bu0Rv4w-E- {
8692
8628
  display: -ms-flexbox;
8693
8629
  display: flex;
@@ -8779,50 +8715,114 @@ ul.LfIIg9bwrhQ- {
8779
8715
  display: block;
8780
8716
  }
8781
8717
 
8782
- @media (min-width: 768px) {
8783
-
8784
- .zQPIm20aF50- {
8785
- display: none;
8718
+ @media (min-width: 768px) {
8719
+
8720
+ .zQPIm20aF50- {
8721
+ display: none;
8722
+ }
8723
+ }
8724
+
8725
+ @media (--medium-screens-and-up) {
8726
+
8727
+ .zQPIm20aF50- {
8728
+ display: none;
8729
+ }
8730
+ }
8731
+
8732
+ /*
8733
+ * No Filters Styling
8734
+ *
8735
+ * When there are no filters, the search input is always visible.
8736
+ * ------------------------------------------------------------------------- */
8737
+
8738
+ .oOqZupWkemo- .N8dyu-defmc- {
8739
+ position: static;
8740
+ visibility: visible;
8741
+ width: auto;
8742
+ opacity: 1;
8743
+ transition: none;
8744
+ }
8745
+
8746
+ @media (min-width: 768px) {
8747
+
8748
+ .oOqZupWkemo- .N8dyu-defmc- {
8749
+ max-width: 30%;
8750
+ }
8751
+ }
8752
+
8753
+ @media (--medium-screens-and-up) {
8754
+
8755
+ .oOqZupWkemo- .N8dyu-defmc- {
8756
+ max-width: 30%;
8757
+ }
8758
+ }
8759
+
8760
+ .oOqZupWkemo- .zQPIm20aF50- {
8761
+ display: none;
8762
+ }
8763
+
8764
+ .R0MWvfTO9vg- {
8765
+ display: -ms-flexbox;
8766
+ display: flex;
8767
+ box-sizing: border-box;
8768
+ padding: 16px;
8769
+ padding: var(--space-base);
8770
+ -ms-flex-pack: center;
8771
+ justify-content: center;
8772
+ -ms-flex-direction: column;
8773
+ flex-direction: column;
8774
+ row-gap: 16px;
8775
+ row-gap: var(--space-base);
8776
+ -ms-flex-align: center;
8777
+ align-items: center;
8778
+ -ms-flex: 1;
8779
+ flex: 1;
8780
+ }
8781
+
8782
+ .aJIHa8Q-WbY- {
8783
+ position: relative;
8784
+ -webkit-transform: translateY(calc(48px * -1));
8785
+ -webkit-transform: translateY(calc(var(--space-largest) * -1));
8786
+ transform: translateY(calc(48px * -1));
8787
+ transform: translateY(calc(var(--space-largest) * -1));
8788
+ }
8789
+
8790
+ .lLYWNAYcURY-,
8791
+ .qA8J2KI6khc- {
8792
+ display: -ms-flexbox;
8793
+ display: flex;
8794
+ -ms-flex-pack: center;
8795
+ justify-content: center;
8796
+ padding: 8px;
8797
+ padding: var(--space-small);
8798
+ }
8799
+
8800
+ .qA8J2KI6khc- {
8801
+ opacity: 0;
8802
+ -webkit-animation: WKPuBJINNCg- 200ms ease 200ms forwards;
8803
+ -webkit-animation: WKPuBJINNCg- var(--timing-base) ease var(--timing-base) forwards;
8804
+ animation: WKPuBJINNCg- 200ms ease 200ms forwards;
8805
+ animation: WKPuBJINNCg- var(--timing-base) ease var(--timing-base) forwards;
8786
8806
  }
8787
- }
8788
-
8789
- @media (--medium-screens-and-up) {
8790
8807
 
8791
- .zQPIm20aF50- {
8792
- display: none;
8793
- }
8808
+ @-webkit-keyframes WKPuBJINNCg- {
8809
+ from {
8810
+ opacity: 0;
8794
8811
  }
8795
8812
 
8796
- /*
8797
- * No Filters Styling
8798
- *
8799
- * When there are no filters, the search input is always visible.
8800
- * ------------------------------------------------------------------------- */
8801
-
8802
- .oOqZupWkemo- .N8dyu-defmc- {
8803
- position: static;
8804
- visibility: visible;
8805
- width: auto;
8806
- opacity: 1;
8807
- transition: none;
8813
+ to {
8814
+ opacity: 1;
8815
+ }
8808
8816
  }
8809
8817
 
8810
- @media (min-width: 768px) {
8811
-
8812
- .oOqZupWkemo- .N8dyu-defmc- {
8813
- max-width: 30%;
8814
- }
8818
+ @keyframes WKPuBJINNCg- {
8819
+ from {
8820
+ opacity: 0;
8815
8821
  }
8816
8822
 
8817
- @media (--medium-screens-and-up) {
8818
-
8819
- .oOqZupWkemo- .N8dyu-defmc- {
8820
- max-width: 30%;
8821
- }
8823
+ to {
8824
+ opacity: 1;
8822
8825
  }
8823
-
8824
- .oOqZupWkemo- .zQPIm20aF50- {
8825
- display: none;
8826
8826
  }
8827
8827
 
8828
8828
  .SSm2j6d2kYo- {
@@ -9200,6 +9200,108 @@ ul.LfIIg9bwrhQ- {
9200
9200
  outline: transparent;
9201
9201
  }
9202
9202
 
9203
+ .wFxd-3vJyKo- {
9204
+ position: relative;
9205
+ padding: 8px 0;
9206
+ padding: var(--space-small) 0;
9207
+ }
9208
+
9209
+ .PzwV5qiIgV4- {
9210
+ display: -ms-flexbox;
9211
+ display: flex;
9212
+
9213
+ max-height: calc(8px * 33.33);
9214
+
9215
+ max-height: calc(var(--space-small) * 33.33);
9216
+ margin: 0;
9217
+ padding: 0;
9218
+ overflow: auto;
9219
+ list-style: none;
9220
+ -ms-flex-direction: column;
9221
+ flex-direction: column;
9222
+ gap: 4px;
9223
+ gap: var(--space-smaller);
9224
+ }
9225
+
9226
+ .c6TosVipkmw-,
9227
+ .ZYrg-J4-v2Y- {
9228
+ padding: 8px 16px;
9229
+ padding: var(--space-small) var(--space-base);
9230
+ }
9231
+
9232
+ .wFxd-3vJyKo-::before,
9233
+ .wFxd-3vJyKo-::after {
9234
+ content: "";
9235
+ display: block;
9236
+ position: absolute;
9237
+ right: 0;
9238
+ left: 0;
9239
+ height: 16px;
9240
+ height: var(--space-base);
9241
+ pointer-events: none;
9242
+ transition: opacity 0.3s ease-in-out;
9243
+ }
9244
+
9245
+ .wFxd-3vJyKo-::after {
9246
+ bottom: 8px;
9247
+ bottom: var(--space-small);
9248
+ background: linear-gradient(
9249
+ 180deg,
9250
+ transparent 0%,
9251
+ rgba(255, 255, 255, 1) 100%
9252
+ );
9253
+ background: linear-gradient(
9254
+ 180deg,
9255
+ transparent 0%,
9256
+ var(--color-surface) 100%
9257
+ );
9258
+ }
9259
+
9260
+ .wFxd-3vJyKo-::before {
9261
+ top: 8px;
9262
+ top: var(--space-small);
9263
+ background: linear-gradient(
9264
+ 180deg,
9265
+ rgba(255, 255, 255, 1) 0%,
9266
+ transparent 100%
9267
+ );
9268
+ background: linear-gradient(
9269
+ 180deg,
9270
+ var(--color-surface) 0%,
9271
+ transparent 100%
9272
+ );
9273
+ }
9274
+
9275
+ .FLu6FtihsLo-::before,
9276
+ .-o-v1zjzb48-::before {
9277
+ opacity: 0;
9278
+ }
9279
+
9280
+ ._2iW5DZ16G2U-::after,
9281
+ .-o-v1zjzb48-::after {
9282
+ opacity: 0;
9283
+ }
9284
+
9285
+ .PqwPrWjdB-A- {
9286
+ padding: 16px 16px;
9287
+ padding: var(--space-base) var(--space-base);
9288
+ }
9289
+
9290
+ .PqwPrWjdB-A-.v3cabuEY4Xk- {
9291
+ display: -ms-flexbox;
9292
+ display: flex;
9293
+ -ms-flex-pack: center;
9294
+ justify-content: center;
9295
+ position: sticky;
9296
+ bottom: 0;
9297
+ padding: 16px 0;
9298
+ padding: var(--space-base) 0;
9299
+ }
9300
+
9301
+ .PqwPrWjdB-A-.v3cabuEY4Xk-:empty {
9302
+ display: none;
9303
+ }
9304
+
9203
9305
  .c4B0WFX6K0o- {
9204
9306
  position: relative;
9205
9307
  }
@@ -9305,108 +9407,6 @@ ul.LfIIg9bwrhQ- {
9305
9407
  box-shadow: var(--shadow-focus);
9306
9408
  }
9307
9409
 
9308
- .wFxd-3vJyKo- {
9309
- position: relative;
9310
- padding: 8px 0;
9311
- padding: var(--space-small) 0;
9312
- }
9313
-
9314
- .PzwV5qiIgV4- {
9315
- display: -ms-flexbox;
9316
- display: flex;
9317
-
9318
- max-height: calc(8px * 33.33);
9319
-
9320
- max-height: calc(var(--space-small) * 33.33);
9321
- margin: 0;
9322
- padding: 0;
9323
- overflow: auto;
9324
- list-style: none;
9325
- -ms-flex-direction: column;
9326
- flex-direction: column;
9327
- gap: 4px;
9328
- gap: var(--space-smaller);
9329
- }
9330
-
9331
- .c6TosVipkmw-,
9332
- .ZYrg-J4-v2Y- {
9333
- padding: 8px 16px;
9334
- padding: var(--space-small) var(--space-base);
9335
- }
9336
-
9337
- .wFxd-3vJyKo-::before,
9338
- .wFxd-3vJyKo-::after {
9339
- content: "";
9340
- display: block;
9341
- position: absolute;
9342
- right: 0;
9343
- left: 0;
9344
- height: 16px;
9345
- height: var(--space-base);
9346
- pointer-events: none;
9347
- transition: opacity 0.3s ease-in-out;
9348
- }
9349
-
9350
- .wFxd-3vJyKo-::after {
9351
- bottom: 8px;
9352
- bottom: var(--space-small);
9353
- background: linear-gradient(
9354
- 180deg,
9355
- transparent 0%,
9356
- rgba(255, 255, 255, 1) 100%
9357
- );
9358
- background: linear-gradient(
9359
- 180deg,
9360
- transparent 0%,
9361
- var(--color-surface) 100%
9362
- );
9363
- }
9364
-
9365
- .wFxd-3vJyKo-::before {
9366
- top: 8px;
9367
- top: var(--space-small);
9368
- background: linear-gradient(
9369
- 180deg,
9370
- rgba(255, 255, 255, 1) 0%,
9371
- transparent 100%
9372
- );
9373
- background: linear-gradient(
9374
- 180deg,
9375
- var(--color-surface) 0%,
9376
- transparent 100%
9377
- );
9378
- }
9379
-
9380
- .FLu6FtihsLo-::before,
9381
- .-o-v1zjzb48-::before {
9382
- opacity: 0;
9383
- }
9384
-
9385
- ._2iW5DZ16G2U-::after,
9386
- .-o-v1zjzb48-::after {
9387
- opacity: 0;
9388
- }
9389
-
9390
- .PqwPrWjdB-A- {
9391
- padding: 16px 16px;
9392
- padding: var(--space-base) var(--space-base);
9393
- }
9394
-
9395
- .PqwPrWjdB-A-.v3cabuEY4Xk- {
9396
- display: -ms-flexbox;
9397
- display: flex;
9398
- -ms-flex-pack: center;
9399
- justify-content: center;
9400
- position: sticky;
9401
- bottom: 0;
9402
- padding: 16px 0;
9403
- padding: var(--space-base) 0;
9404
- }
9405
-
9406
- .PqwPrWjdB-A-.v3cabuEY4Xk-:empty {
9407
- display: none;
9408
- }
9409
-
9410
9410
  .nrNh3feibg8- {
9411
9411
  display: -ms-flexbox;
9412
9412
  display: flex;