@jobber/components 6.51.1-exportlay-6011349.2 → 6.51.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 (2) hide show
  1. package/dist/styles.css +1505 -1505
  2. package/package.json +2 -2
package/dist/styles.css CHANGED
@@ -1,78 +1,3 @@
1
- :root {
2
- --public--avatar-size: 32px;
3
- }
4
-
5
- .QJpdGzG71k8- {
6
- --avatar-size: var(--public--avatar-size);
7
- --avatar-border-size: var(--border-base);
8
-
9
- display: -ms-flexbox;
10
-
11
- display: flex;
12
- -ms-flex-align: center;
13
- align-items: center;
14
- -ms-flex-pack: center;
15
- justify-content: center;
16
- width: 32px;
17
- width: var(--avatar-size);
18
- height: 32px;
19
- height: var(--avatar-size);
20
- min-width: 32px;
21
- min-width: var(--avatar-size);
22
- min-height: 32px;
23
- min-height: var(--avatar-size);
24
- border-radius: 100%;
25
- border-radius: var(--radius-circle);
26
- color: hsl(197, 90%, 12%);
27
- color: var(--color-heading);
28
- font-size: 32px;
29
- font-size: var(--avatar-size);
30
- -webkit-font-smoothing: antialiased;
31
- background: no-repeat center center hsl(197, 15%, 43%);
32
- background: no-repeat center center var(--color-base-blue--600);
33
- background-size: cover;
34
- }
35
-
36
- .QJpdGzG71k8-:focus {
37
- box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
38
- box-shadow: var(--shadow-focus);
39
- outline: none;
40
- }
41
-
42
- .bexrcoi1lZk- {
43
- --avatar-size: 72px;
44
- --avatar-border-size: var(--border-thick);
45
- }
46
-
47
- .xytAyzEap3U- {
48
- --avatar-size: 24px;
49
- }
50
-
51
- /* isDark is dynamic and applies only when background is dark */
52
-
53
- .E0Pgej0H3YA- {
54
- color: rgba(255, 255, 255, 1);
55
- color: var(--color-base-white);
56
- }
57
-
58
- ._85roPa-UvXQ- {
59
- font-size: calc(var(--avatar-size) / 2);
60
- text-transform: uppercase;
61
- }
62
-
63
- .meLH-BCeXWU- {
64
- font-size: calc(var(--avatar-size) / 2.25);
65
- }
66
-
67
- .OsEsZnEnjLc- {
68
- width: calc(var(--avatar-size) - (var(--avatar-border-size) * 2));
69
- height: calc(var(--avatar-size) - (var(--avatar-border-size) * 2));
70
- box-shadow: 0 0 0 2px rgba(255, 255, 255, 1) inset;
71
- box-shadow: 0 0 0 var(--border-thick) var(--color-surface) inset;
72
- border-style: solid;
73
- border-width: var(--avatar-border-size);
74
- }
75
-
76
1
  ._7mObJiwfPh4- {
77
2
  position: relative;
78
3
  width: 100%;
@@ -202,6 +127,81 @@
202
127
  display: contents;
203
128
  }
204
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
205
  .ucGelS5nNm0- {
206
206
  --banner-surface: var(--color-surface);
207
207
  --banner-textColor: var(--color-text);
@@ -373,6 +373,101 @@
373
373
  align-self: center;
374
374
  }
375
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
+
450
+ .bb-VTS0yML8-,
451
+ ._2BzdFV5LQvM-,
452
+ ._60G0BuQ6TY0- {
453
+ --card--border: none;
454
+ }
455
+
456
+ .bb-VTS0yML8- {
457
+ box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25), 0px 0px 2px rgba(0, 0, 0, 0.1);
458
+ box-shadow: var(--shadow-low);
459
+ }
460
+
461
+ ._2BzdFV5LQvM- {
462
+ box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
463
+ box-shadow: var(--shadow-base);
464
+ }
465
+
466
+ ._60G0BuQ6TY0- {
467
+ box-shadow: 0px 16px 16px 0px rgba(0, 0, 0, 0.075), 0px 0px 8px 0px rgba(0, 0, 0, 0.05);
468
+ box-shadow: var(--shadow-high);
469
+ }
470
+
376
471
  :root {
377
472
  --public--button--color-variation: var(--color-interactive);
378
473
  --public--button--color-variation--hover: var(--color-interactive--hover);
@@ -706,104 +801,9 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
706
801
  }
707
802
  }
708
803
 
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);
713
-
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);
724
- }
725
-
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
- }
804
+ ._5mDLThZ7dBQ- {
805
+ --card--accent-color: var(--color-request);
806
+ }
807
807
 
808
808
  .-n66fUZcIH4- {
809
809
  --card--accent-color: var(--color-quote);
@@ -1319,118 +1319,6 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
1319
1319
  margin-bottom: auto;
1320
1320
  }
1321
1321
 
1322
- .YxKKPXAU10s- {
1323
- --checkbox--size: 20px;
1324
- --checkbox--border--checked: var(--color-interactive);
1325
- --checkbox--border--unchecked: var(--color-border--interactive);
1326
- --checkbox--border--hover: var(--color-interactive);
1327
- display: inline-block;
1328
- }
1329
-
1330
- .KxWx-msbH9c- {
1331
- display: -ms-flexbox;
1332
- display: flex;
1333
- -ms-flex-align: start;
1334
- align-items: flex-start;
1335
- -webkit-user-select: none;
1336
- -ms-user-select: none;
1337
- user-select: none;
1338
- cursor: pointer;
1339
- }
1340
-
1341
- .TKr3J-6ARFo- {
1342
- --checkbox--border--checked: var(--color-disabled--secondary);
1343
- --checkbox--border--unchecked: var(--color-disabled--secondary);
1344
- --checkbox--border--hover: var(--color-disabled--secondary);
1345
- cursor: not-allowed;
1346
- }
1347
-
1348
- .NO34ZbhNqhI- {
1349
- position: relative;
1350
- }
1351
-
1352
- .XnCmS-EzK2M- {
1353
- /* Hide checkbox on UI but not screen readers and still allow focus state */
1354
- position: absolute;
1355
- width: 1px;
1356
- height: 1px;
1357
- overflow: hidden;
1358
- clip: rect(0 0 0 0);
1359
- clip-path: inset(100%);
1360
- white-space: nowrap;
1361
- }
1362
-
1363
- ._-8JCQE6SA9s- {
1364
- display: -ms-flexbox;
1365
- display: flex;
1366
- width: var(--checkbox--size);
1367
- height: var(--checkbox--size);
1368
- box-sizing: border-box;
1369
- border: 2px solid var(--checkbox--border--unchecked);
1370
- border: var(--border-thick) solid var(--checkbox--border--unchecked);
1371
- border-radius: 4px;
1372
- border-radius: var(--radius-small);
1373
- background-color: rgba(255, 255, 255, 1);
1374
- background-color: var(--color-surface);
1375
- transition: all 100ms ease-out;
1376
- transition: all var(--timing-quick) ease-out;
1377
- -ms-flex-pack: center;
1378
- justify-content: center;
1379
- -ms-flex-align: center;
1380
- align-items: center;
1381
- }
1382
-
1383
- ._-8JCQE6SA9s-:hover,
1384
- .YxKKPXAU10s-:hover ._-8JCQE6SA9s- {
1385
- border-color: var(--checkbox--border--hover);
1386
- }
1387
-
1388
- .XnCmS-EzK2M-.rqHq3ff9In0- + ._-8JCQE6SA9s-,
1389
- .XnCmS-EzK2M-:checked + ._-8JCQE6SA9s- {
1390
- border-color: var(--checkbox--border--checked);
1391
- background-color: hsl(107, 58%, 33%);
1392
- background-color: var(--color-interactive);
1393
- }
1394
-
1395
- .XnCmS-EzK2M-:focus-visible + ._-8JCQE6SA9s- {
1396
- box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
1397
- box-shadow: var(--shadow-focus);
1398
- }
1399
-
1400
- .TKr3J-6ARFo- p {
1401
- color: hsl(0, 0%, 72%);
1402
- color: var(--color-disabled);
1403
- }
1404
-
1405
- .TKr3J-6ARFo- ._-8JCQE6SA9s- > * {
1406
- opacity: 0;
1407
- }
1408
-
1409
- .TKr3J-6ARFo- .XnCmS-EzK2M-.rqHq3ff9In0- + ._-8JCQE6SA9s-,
1410
- .TKr3J-6ARFo- .XnCmS-EzK2M-:checked + ._-8JCQE6SA9s- {
1411
- background-color: hsl(0, 0%, 93%);
1412
- background-color: var(--color-disabled--secondary);
1413
- }
1414
-
1415
- .TKr3J-6ARFo- .XnCmS-EzK2M-.rqHq3ff9In0- + ._-8JCQE6SA9s- > *,
1416
- .TKr3J-6ARFo- .XnCmS-EzK2M-:checked + ._-8JCQE6SA9s- > * {
1417
- opacity: 1;
1418
- }
1419
-
1420
- .l8z5TxzVvqA- {
1421
- margin: 0 8px;
1422
- margin: 0 var(--space-small);
1423
- margin-top: 2px;
1424
- margin-top: var(--space-smallest);
1425
- }
1426
-
1427
- .DcBfVgpiWa4- {
1428
- margin-bottom: 8px;
1429
- margin-bottom: var(--space-small);
1430
- padding-left: calc(var(--checkbox--size) + 8px);
1431
- padding-left: calc(var(--checkbox--size) + var(--space-small));
1432
- }
1433
-
1434
1322
  :root {
1435
1323
  --public-chip-base-bg-color: var(--color-interactive--background);
1436
1324
  --public-chip-base-hover-bg-color: var(
@@ -1715,73 +1603,131 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
1715
1603
  width: 1px;
1716
1604
  }
1717
1605
 
1718
- .xxU2WqkpXZU- {
1719
- position: fixed;
1720
- top: 0;
1721
- right: 0;
1722
- bottom: 0;
1723
- left: 0;
1724
- z-index: 6;
1725
- z-index: var(--elevation-menu);
1726
- background-color: transparent;
1727
- }
1728
-
1729
- .W-9SMjhEMpI- {
1606
+ .YxKKPXAU10s- {
1607
+ --checkbox--size: 20px;
1608
+ --checkbox--border--checked: var(--color-interactive);
1609
+ --checkbox--border--unchecked: var(--color-border--interactive);
1610
+ --checkbox--border--hover: var(--color-interactive);
1730
1611
  display: inline-block;
1731
1612
  }
1732
1613
 
1733
- .rJamQZ6fRes- {
1734
- --content-block-max-width: 100ch;
1735
- --content-block-gutters: 0;
1736
- width: 100%;
1737
- box-sizing: content-box;
1738
- margin-left: auto;
1739
- margin-right: auto;
1740
- max-width: 100ch;
1741
- max-width: var(--content-block-max-width);
1614
+ .KxWx-msbH9c- {
1615
+ display: -ms-flexbox;
1616
+ display: flex;
1617
+ -ms-flex-align: start;
1618
+ align-items: flex-start;
1619
+ -webkit-user-select: none;
1620
+ -ms-user-select: none;
1621
+ user-select: none;
1622
+ cursor: pointer;
1742
1623
  }
1743
1624
 
1744
- .bqjXV8MRO-4- {
1745
- -webkit-margin-start: 0;
1746
- margin-left: 0;
1747
- -webkit-margin-end: auto;
1748
- margin-right: auto;
1625
+ .TKr3J-6ARFo- {
1626
+ --checkbox--border--checked: var(--color-disabled--secondary);
1627
+ --checkbox--border--unchecked: var(--color-disabled--secondary);
1628
+ --checkbox--border--hover: var(--color-disabled--secondary);
1629
+ cursor: not-allowed;
1749
1630
  }
1750
1631
 
1751
- .sCMxIxKkFe0- {
1752
- -webkit-margin-end: 0;
1753
- margin-right: 0;
1754
- -webkit-margin-start: auto;
1755
- margin-left: auto;
1632
+ .NO34ZbhNqhI- {
1633
+ position: relative;
1756
1634
  }
1757
1635
 
1758
- ._2pIQVKvVL1I- {
1759
- margin-left: auto;
1760
- margin-right: auto;
1636
+ .XnCmS-EzK2M- {
1637
+ /* Hide checkbox on UI but not screen readers and still allow focus state */
1638
+ position: absolute;
1639
+ width: 1px;
1640
+ height: 1px;
1641
+ overflow: hidden;
1642
+ clip: rect(0 0 0 0);
1643
+ clip-path: inset(100%);
1644
+ white-space: nowrap;
1761
1645
  }
1762
1646
 
1763
- ._6dF2no3aTxw- {
1764
- text-align: center;
1647
+ ._-8JCQE6SA9s- {
1648
+ display: -ms-flexbox;
1649
+ display: flex;
1650
+ width: var(--checkbox--size);
1651
+ height: var(--checkbox--size);
1652
+ box-sizing: border-box;
1653
+ border: 2px solid var(--checkbox--border--unchecked);
1654
+ border: var(--border-thick) solid var(--checkbox--border--unchecked);
1655
+ border-radius: 4px;
1656
+ border-radius: var(--radius-small);
1657
+ background-color: rgba(255, 255, 255, 1);
1658
+ background-color: var(--color-surface);
1659
+ transition: all 100ms ease-out;
1660
+ transition: all var(--timing-quick) ease-out;
1661
+ -ms-flex-pack: center;
1662
+ justify-content: center;
1663
+ -ms-flex-align: center;
1664
+ align-items: center;
1765
1665
  }
1766
1666
 
1767
- .bqjXV8MRO-4-._6dF2no3aTxw- {
1768
- text-align: left;
1667
+ ._-8JCQE6SA9s-:hover,
1668
+ .YxKKPXAU10s-:hover ._-8JCQE6SA9s- {
1669
+ border-color: var(--checkbox--border--hover);
1769
1670
  }
1770
1671
 
1771
- .sCMxIxKkFe0-._6dF2no3aTxw- {
1772
- text-align: right;
1672
+ .XnCmS-EzK2M-.rqHq3ff9In0- + ._-8JCQE6SA9s-,
1673
+ .XnCmS-EzK2M-:checked + ._-8JCQE6SA9s- {
1674
+ border-color: var(--checkbox--border--checked);
1675
+ background-color: hsl(107, 58%, 33%);
1676
+ background-color: var(--color-interactive);
1773
1677
  }
1774
1678
 
1775
- ._8k8YLsatGag- {
1776
- -webkit-padding-start: var(--content-block-gutters);
1777
- padding-left: var(--content-block-gutters);
1778
- -webkit-padding-end: var(--content-block-gutters);
1779
- padding-right: var(--content-block-gutters);
1679
+ .XnCmS-EzK2M-:focus-visible + ._-8JCQE6SA9s- {
1680
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
1681
+ box-shadow: var(--shadow-focus);
1780
1682
  }
1781
1683
 
1782
- .cftWh-00zXM- {
1783
- padding: 0;
1784
- padding: var(--public-content--padding, 0);
1684
+ .TKr3J-6ARFo- p {
1685
+ color: hsl(0, 0%, 72%);
1686
+ color: var(--color-disabled);
1687
+ }
1688
+
1689
+ .TKr3J-6ARFo- ._-8JCQE6SA9s- > * {
1690
+ opacity: 0;
1691
+ }
1692
+
1693
+ .TKr3J-6ARFo- .XnCmS-EzK2M-.rqHq3ff9In0- + ._-8JCQE6SA9s-,
1694
+ .TKr3J-6ARFo- .XnCmS-EzK2M-:checked + ._-8JCQE6SA9s- {
1695
+ background-color: hsl(0, 0%, 93%);
1696
+ background-color: var(--color-disabled--secondary);
1697
+ }
1698
+
1699
+ .TKr3J-6ARFo- .XnCmS-EzK2M-.rqHq3ff9In0- + ._-8JCQE6SA9s- > *,
1700
+ .TKr3J-6ARFo- .XnCmS-EzK2M-:checked + ._-8JCQE6SA9s- > * {
1701
+ opacity: 1;
1702
+ }
1703
+
1704
+ .l8z5TxzVvqA- {
1705
+ margin: 0 8px;
1706
+ margin: 0 var(--space-small);
1707
+ margin-top: 2px;
1708
+ margin-top: var(--space-smallest);
1709
+ }
1710
+
1711
+ .DcBfVgpiWa4- {
1712
+ margin-bottom: 8px;
1713
+ margin-bottom: var(--space-small);
1714
+ padding-left: calc(var(--checkbox--size) + 8px);
1715
+ padding-left: calc(var(--checkbox--size) + var(--space-small));
1716
+ }
1717
+
1718
+ .xxU2WqkpXZU- {
1719
+ position: fixed;
1720
+ top: 0;
1721
+ right: 0;
1722
+ bottom: 0;
1723
+ left: 0;
1724
+ z-index: 6;
1725
+ z-index: var(--elevation-menu);
1726
+ background-color: transparent;
1727
+ }
1728
+
1729
+ .W-9SMjhEMpI- {
1730
+ display: inline-block;
1785
1731
  }
1786
1732
 
1787
1733
  .B1cBkstNQhM- > :not(:last-child) {
@@ -1829,6 +1775,60 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
1829
1775
  margin-bottom: var(--space-extravagant);
1830
1776
  }
1831
1777
 
1778
+ .rJamQZ6fRes- {
1779
+ --content-block-max-width: 100ch;
1780
+ --content-block-gutters: 0;
1781
+ width: 100%;
1782
+ box-sizing: content-box;
1783
+ margin-left: auto;
1784
+ margin-right: auto;
1785
+ max-width: 100ch;
1786
+ max-width: var(--content-block-max-width);
1787
+ }
1788
+
1789
+ .bqjXV8MRO-4- {
1790
+ -webkit-margin-start: 0;
1791
+ margin-left: 0;
1792
+ -webkit-margin-end: auto;
1793
+ margin-right: auto;
1794
+ }
1795
+
1796
+ .sCMxIxKkFe0- {
1797
+ -webkit-margin-end: 0;
1798
+ margin-right: 0;
1799
+ -webkit-margin-start: auto;
1800
+ margin-left: auto;
1801
+ }
1802
+
1803
+ ._2pIQVKvVL1I- {
1804
+ margin-left: auto;
1805
+ margin-right: auto;
1806
+ }
1807
+
1808
+ ._6dF2no3aTxw- {
1809
+ text-align: center;
1810
+ }
1811
+
1812
+ .bqjXV8MRO-4-._6dF2no3aTxw- {
1813
+ text-align: left;
1814
+ }
1815
+
1816
+ .sCMxIxKkFe0-._6dF2no3aTxw- {
1817
+ text-align: right;
1818
+ }
1819
+
1820
+ ._8k8YLsatGag- {
1821
+ -webkit-padding-start: var(--content-block-gutters);
1822
+ padding-left: var(--content-block-gutters);
1823
+ -webkit-padding-end: var(--content-block-gutters);
1824
+ padding-right: var(--content-block-gutters);
1825
+ }
1826
+
1827
+ .cftWh-00zXM- {
1828
+ padding: 0;
1829
+ padding: var(--public-content--padding, 0);
1830
+ }
1831
+
1832
1832
  .v3oESmhykhE-,
1833
1833
  .v3oESmhykhE- * {
1834
1834
  box-sizing: border-box;
@@ -2327,13 +2327,6 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
2327
2327
  flex: 1 1 40%;
2328
2328
  }
2329
2329
 
2330
- .XLgPB38fKeE- {
2331
- --divider-color: var(--color-border);
2332
- margin: 0;
2333
- padding: 0;
2334
- border: none;
2335
- }
2336
-
2337
2330
  .VMuRkKeqAs8- {
2338
2331
  -webkit-transform-origin: 50% 47.5% 0;
2339
2332
  transform-origin: 50% 47.5% 0;
@@ -2449,6 +2442,26 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
2449
2442
  }
2450
2443
  }
2451
2444
 
2445
+ .XLgPB38fKeE- {
2446
+ --divider-color: var(--color-border);
2447
+ margin: 0;
2448
+ padding: 0;
2449
+ border: none;
2450
+ }
2451
+
2452
+ .evwHY54TitY- {
2453
+ height: 1px;
2454
+ height: var(--space-minuscule);
2455
+ border-bottom: var(--divider-width) solid var(--divider-color);
2456
+ }
2457
+
2458
+ .qT-G2Sn0Wm8- {
2459
+ width: 1px;
2460
+ width: var(--space-minuscule);
2461
+ height: auto;
2462
+ border-right: var(--divider-width) solid var(--divider-color);
2463
+ }
2464
+
2452
2465
  .t44-9xW2xyI- {
2453
2466
  --divider-width: var(--border-base);
2454
2467
  }
@@ -2468,17 +2481,14 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
2468
2481
  opacity: 0.375;
2469
2482
  }
2470
2483
 
2471
- .evwHY54TitY- {
2472
- height: 1px;
2473
- height: var(--space-minuscule);
2474
- border-bottom: var(--divider-width) solid var(--divider-color);
2475
- }
2476
-
2477
- .qT-G2Sn0Wm8- {
2478
- width: 1px;
2479
- width: var(--space-minuscule);
2480
- height: auto;
2481
- border-right: var(--divider-width) solid var(--divider-color);
2484
+ ._50Jq09W07gg- {
2485
+ display: grid;
2486
+ width: 100%;
2487
+ height: 100%;
2488
+ overflow: hidden;
2489
+ grid-template-columns: minmax(0, 1fr) minmax(-webkit-min-content, -webkit-max-content);
2490
+ grid-template-columns: minmax(0, 1fr) minmax(min-content, max-content);
2491
+ grid-template-rows: 1fr;
2482
2492
  }
2483
2493
 
2484
2494
  .LNIwHwCs8gQ- {
@@ -2604,6 +2614,51 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
2604
2614
  --public-content--padding: 0;
2605
2615
  }
2606
2616
 
2617
+ .o-b2tWQIZvw- {
2618
+ display: -ms-flexbox;
2619
+ display: flex;
2620
+ }
2621
+
2622
+ .NZtPT-dXFeQ- {
2623
+ -ms-flex: 1 1 auto;
2624
+ flex: 1 1 auto;
2625
+ -ms-flex-item-align: center;
2626
+ align-self: center;
2627
+ padding-right: 16px;
2628
+ padding-right: var(--space-base);
2629
+ transition: opacity 200ms;
2630
+ transition: opacity var(--timing-base);
2631
+ }
2632
+
2633
+ .tDW-yhISuqQ- {
2634
+ -ms-flex: 0 0 auto;
2635
+ flex: 0 0 auto;
2636
+ -ms-flex-item-align: start;
2637
+ align-self: flex-start;
2638
+ position: relative;
2639
+ }
2640
+
2641
+ .Y-aeIDV1dL4- {
2642
+ position: absolute;
2643
+ top: 100%;
2644
+ width: 100%;
2645
+ margin-top: 2px;
2646
+ margin-top: var(--space-smallest);
2647
+ text-align: center;
2648
+ }
2649
+
2650
+ .iXr88Nr7vpk- {
2651
+ opacity: 0.5;
2652
+ }
2653
+
2654
+ .GSDyu-sASro- {
2655
+ opacity: 1;
2656
+ }
2657
+
2658
+ .ViFkIUcS6PM- {
2659
+ font-style: normal;
2660
+ }
2661
+
2607
2662
  .pEdV7Oo29SE- {
2608
2663
  display: grid;
2609
2664
  /* If this gets wrapped in a flex container, it should take the remaining space */
@@ -2655,16 +2710,6 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
2655
2710
  align-items: end;
2656
2711
  }
2657
2712
 
2658
- ._50Jq09W07gg- {
2659
- display: grid;
2660
- width: 100%;
2661
- height: 100%;
2662
- overflow: hidden;
2663
- grid-template-columns: minmax(0, 1fr) minmax(-webkit-min-content, -webkit-max-content);
2664
- grid-template-columns: minmax(0, 1fr) minmax(min-content, max-content);
2665
- grid-template-rows: 1fr;
2666
- }
2667
-
2668
2713
  :root {
2669
2714
  /**
2670
2715
  * These `--public-field` properties are used in other components such
@@ -3142,51 +3187,6 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
3142
3187
  background: linear-gradient(to bottom, transparent, var(--color-surface) 60%);
3143
3188
  }
3144
3189
 
3145
- .o-b2tWQIZvw- {
3146
- display: -ms-flexbox;
3147
- display: flex;
3148
- }
3149
-
3150
- .NZtPT-dXFeQ- {
3151
- -ms-flex: 1 1 auto;
3152
- flex: 1 1 auto;
3153
- -ms-flex-item-align: center;
3154
- align-self: center;
3155
- padding-right: 16px;
3156
- padding-right: var(--space-base);
3157
- transition: opacity 200ms;
3158
- transition: opacity var(--timing-base);
3159
- }
3160
-
3161
- .tDW-yhISuqQ- {
3162
- -ms-flex: 0 0 auto;
3163
- flex: 0 0 auto;
3164
- -ms-flex-item-align: start;
3165
- align-self: flex-start;
3166
- position: relative;
3167
- }
3168
-
3169
- .Y-aeIDV1dL4- {
3170
- position: absolute;
3171
- top: 100%;
3172
- width: 100%;
3173
- margin-top: 2px;
3174
- margin-top: var(--space-smallest);
3175
- text-align: center;
3176
- }
3177
-
3178
- .iXr88Nr7vpk- {
3179
- opacity: 0.5;
3180
- }
3181
-
3182
- .GSDyu-sASro- {
3183
- opacity: 1;
3184
- }
3185
-
3186
- .ViFkIUcS6PM- {
3187
- font-style: normal;
3188
- }
3189
-
3190
3190
  .y9T1gWK9SHY- {
3191
3191
  --file-card--background-color: var(--color-surface);
3192
3192
  --file-card--base-padding: var(--space-small);
@@ -3584,57 +3584,6 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
3584
3584
  align-items: stretch;
3585
3585
  }
3586
3586
 
3587
- .CMahTsC0SPE- {
3588
- display: -ms-flexbox;
3589
- display: flex;
3590
- -ms-flex-align: center;
3591
- align-items: center;
3592
- }
3593
-
3594
- .CMahTsC0SPE- > *:not(:last-child) {
3595
- margin-right: 8px;
3596
- margin-right: var(--space-small);
3597
- }
3598
-
3599
- .VOVr4KEFeVk- {
3600
- position: relative;
3601
- }
3602
-
3603
- .HzGL7-Sfok4- {
3604
- display: -ms-flexbox;
3605
- display: flex;
3606
- position: relative;
3607
- height: 100%;
3608
- margin: 0 8px;
3609
- margin: 0 var(--space-small);
3610
- -ms-flex-align: center;
3611
- align-items: center;
3612
- }
3613
-
3614
- .Cflv-yL6aVQ- {
3615
- position: absolute;
3616
- top: 0;
3617
- right: 0;
3618
- bottom: 0;
3619
- left: 0;
3620
- }
3621
-
3622
- .Cflv-yL6aVQ-::before {
3623
- content: "";
3624
- display: block;
3625
- position: absolute;
3626
- top: 0;
3627
- right: 0;
3628
- bottom: 0;
3629
- left: 0;
3630
- border-radius: 100%;
3631
- border-radius: var(--radius-circle);
3632
- background-color: hsl(198, 96%, 9%);
3633
- background-color: var(--color-blue--dark);
3634
- opacity: 0.3;
3635
- mix-blend-mode: multiply;
3636
- }
3637
-
3638
3587
  .M01SZy5EYFg- {
3639
3588
  display: -ms-inline-flexbox;
3640
3589
  display: inline-flex;
@@ -3787,6 +3736,57 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
3787
3736
  background-color: var(--color-request--surface);
3788
3737
  }
3789
3738
 
3739
+ .CMahTsC0SPE- {
3740
+ display: -ms-flexbox;
3741
+ display: flex;
3742
+ -ms-flex-align: center;
3743
+ align-items: center;
3744
+ }
3745
+
3746
+ .CMahTsC0SPE- > *:not(:last-child) {
3747
+ margin-right: 8px;
3748
+ margin-right: var(--space-small);
3749
+ }
3750
+
3751
+ .VOVr4KEFeVk- {
3752
+ position: relative;
3753
+ }
3754
+
3755
+ .HzGL7-Sfok4- {
3756
+ display: -ms-flexbox;
3757
+ display: flex;
3758
+ position: relative;
3759
+ height: 100%;
3760
+ margin: 0 8px;
3761
+ margin: 0 var(--space-small);
3762
+ -ms-flex-align: center;
3763
+ align-items: center;
3764
+ }
3765
+
3766
+ .Cflv-yL6aVQ- {
3767
+ position: absolute;
3768
+ top: 0;
3769
+ right: 0;
3770
+ bottom: 0;
3771
+ left: 0;
3772
+ }
3773
+
3774
+ .Cflv-yL6aVQ-::before {
3775
+ content: "";
3776
+ display: block;
3777
+ position: absolute;
3778
+ top: 0;
3779
+ right: 0;
3780
+ bottom: 0;
3781
+ left: 0;
3782
+ border-radius: 100%;
3783
+ border-radius: var(--radius-circle);
3784
+ background-color: hsl(198, 96%, 9%);
3785
+ background-color: var(--color-blue--dark);
3786
+ opacity: 0.3;
3787
+ mix-blend-mode: multiply;
3788
+ }
3789
+
3790
3790
  .fSDkYM-382I- {
3791
3791
  font-size: 0;
3792
3792
  line-height: 0;
@@ -3842,11 +3842,34 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
3842
3842
  height: 100%;
3843
3843
  }
3844
3844
 
3845
- ._8oxipSwiMJQ- {
3846
- color: hsl(107, 58%, 33%);
3847
- color: var(--color-interactive);
3848
- -webkit-text-decoration: underline;
3849
- text-decoration: underline;
3845
+ .fO5j-2U5rfE- {
3846
+ margin-top: 4px;
3847
+ margin-top: var(--space-smaller);
3848
+ }
3849
+
3850
+ .lNpgPQh76MY- {
3851
+ display: -ms-flexbox;
3852
+ display: flex;
3853
+ -ms-flex-align: center;
3854
+ align-items: center;
3855
+ padding: 4px;
3856
+ padding: var(--space-smaller);
3857
+ padding-left: 0;
3858
+ }
3859
+
3860
+ .lNpgPQh76MY- > svg {
3861
+ margin-right: 4px;
3862
+ margin-right: var(--space-smaller);
3863
+ -ms-flex-negative: 0;
3864
+ flex-shrink: 0;
3865
+ -ms-flex-item-align: start;
3866
+ align-self: flex-start;
3867
+ }
3868
+
3869
+ .lNpgPQh76MY-:focus {
3870
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
3871
+ box-shadow: var(--shadow-focus);
3872
+ outline: none;
3850
3873
  }
3851
3874
 
3852
3875
  .RwhScbXCXw0- > *:not(:last-child) {
@@ -3902,6 +3925,13 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
3902
3925
  --public-field--bottom-right-radius: var(--radius-base);
3903
3926
  }
3904
3927
 
3928
+ ._8oxipSwiMJQ- {
3929
+ color: hsl(107, 58%, 33%);
3930
+ color: var(--color-interactive);
3931
+ -webkit-text-decoration: underline;
3932
+ text-decoration: underline;
3933
+ }
3934
+
3905
3935
  /**
3906
3936
  * This class is added to the root html element when opening a LightBox.
3907
3937
  * When the user tries to print the page, this prevents the LightBox content
@@ -4212,36 +4242,6 @@ html.atlantisLightBoxActive {
4212
4242
  margin-right: var(--space-base);
4213
4243
  }
4214
4244
 
4215
- .fO5j-2U5rfE- {
4216
- margin-top: 4px;
4217
- margin-top: var(--space-smaller);
4218
- }
4219
-
4220
- .lNpgPQh76MY- {
4221
- display: -ms-flexbox;
4222
- display: flex;
4223
- -ms-flex-align: center;
4224
- align-items: center;
4225
- padding: 4px;
4226
- padding: var(--space-smaller);
4227
- padding-left: 0;
4228
- }
4229
-
4230
- .lNpgPQh76MY- > svg {
4231
- margin-right: 4px;
4232
- margin-right: var(--space-smaller);
4233
- -ms-flex-negative: 0;
4234
- flex-shrink: 0;
4235
- -ms-flex-item-align: start;
4236
- align-self: flex-start;
4237
- }
4238
-
4239
- .lNpgPQh76MY-:focus {
4240
- box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
4241
- box-shadow: var(--shadow-focus);
4242
- outline: none;
4243
- }
4244
-
4245
4245
  .htH4y2JBFNQ- {
4246
4246
  position: sticky;
4247
4247
  top: 0;
@@ -4251,170 +4251,24 @@ html.atlantisLightBoxActive {
4251
4251
  border-bottom: var(--border-base) solid var(--color-border--section);
4252
4252
  }
4253
4253
 
4254
- :root {
4255
- --modal--width: 600px;
4256
- --modal--padding-horizontal: var(--space-base);
4257
- --modal--padding-vertical: var(--space-base);
4258
- --modal--padding: var(--modal--padding-vertical)
4259
- var(--modal--padding-horizontal);
4260
-
4261
- --modal--shadow: var(--shadow-base);
4254
+ .sFlecO8-wnY- {
4255
+ margin: 0;
4256
+ padding: 0;
4257
+ list-style: none;
4262
4258
  }
4263
4259
 
4264
- @media (min-width: 768px) {
4265
-
4266
- :root {
4267
- --modal--padding-horizontal: var(--space-large);
4268
- --modal--padding-vertical: var(--space-large);
4269
- --modal--padding: var(--modal--padding-vertical)
4270
- var(--modal--padding-horizontal);
4260
+ .dbZy6dviEis-:not(:last-child) {
4261
+ border-bottom: 1px solid hsl(200, 13%, 87%);
4262
+ border-bottom: var(--border-base) solid var(--color-border);
4271
4263
  }
4272
- }
4273
4264
 
4274
- @media (--medium-screens-and-up) {
4265
+ .vz43PAcPYt0- {
4266
+ position: relative;
4267
+ }
4275
4268
 
4276
- :root {
4277
- --modal--padding-horizontal: var(--space-large);
4278
- --modal--padding-vertical: var(--space-large);
4279
- --modal--padding: var(--modal--padding-vertical)
4280
- var(--modal--padding-horizontal);
4281
- }
4282
- }
4283
-
4284
- .y3M-9xoEnk0- {
4285
- display: -ms-flexbox;
4286
- display: flex;
4287
- -ms-flex-direction: column;
4288
- flex-direction: column;
4289
- z-index: 1001;
4290
- z-index: var(--elevation-modal);
4291
- padding: 8px;
4292
- padding: var(--space-small);
4293
- overflow: auto;
4294
- }
4295
-
4296
- .y3M-9xoEnk0-,
4297
- .zkyJp1mib-U- {
4298
- position: fixed;
4299
- top: 0;
4300
- right: 0;
4301
- bottom: 0;
4302
- left: 0;
4303
- }
4304
-
4305
- .zkyJp1mib-U- {
4306
- background-color: rgba(0, 0, 0, 0.32);
4307
- background-color: var(--color-overlay);
4308
- }
4309
-
4310
- .gMPgiggaud8- {
4311
- position: relative;
4312
- width: 100%;
4313
- max-width: 600px;
4314
- max-width: var(--modal--width);
4315
- box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
4316
- box-shadow: var(--modal--shadow);
4317
- margin: auto;
4318
- border: 1px solid hsl(200, 13%, 87%);
4319
- border: var(--border-base) solid var(--color-border);
4320
- border-radius: 8px;
4321
- border-radius: var(--radius-base);
4322
- background-color: rgba(255, 255, 255, 1);
4323
- background-color: var(--color-surface);
4324
- -ms-flex: 0 0 auto;
4325
- flex: 0 0 auto;
4326
- outline-color: hsl(198, 12%, 57%);
4327
- outline-color: var(--color-focus);
4328
- }
4329
-
4330
- /* Adjust `Content` and `Tab` components public padding to match the modal */
4331
-
4332
- .gMPgiggaud8- > * {
4333
- --public-content--padding: var(--modal--padding);
4334
- --public-tab--inset: var(--modal--padding-horizontal);
4335
- }
4336
-
4337
- /* Remove the nested `Content` components public padding */
4338
-
4339
- .gMPgiggaud8- > * > * {
4340
- --public-content--padding: 0;
4341
- }
4342
-
4343
- ._5sBzUnyOqD0- {
4344
- display: -ms-flexbox;
4345
- display: flex;
4346
- -ms-flex-pack: justify;
4347
- justify-content: space-between;
4348
- padding: 16px
4349
- 16px;
4350
- padding: var(--modal--padding);
4351
- background-color: transparent;
4352
- }
4353
-
4354
- /**
4355
- * Ensure there's no extra padding top on the next element. This mostly negates
4356
- * the <Content /> padding
4357
- */
4358
-
4359
- ._5sBzUnyOqD0- + * {
4360
- padding-top: 0;
4361
- }
4362
-
4363
- ._4gw63G7IYG0- {
4364
- margin-top: -6px;
4365
- margin-right: -6px;
4366
- }
4367
-
4368
- .cwVJrrJkNDg- {
4369
- display: -ms-flexbox;
4370
- display: flex;
4371
- padding: 16px
4372
- 16px;
4373
- padding: var(--modal--padding);
4374
- padding-top: 0;
4375
- -ms-flex: 1 1 100%;
4376
- flex: 1 1 100%;
4377
- -ms-flex-pack: end;
4378
- justify-content: flex-end;
4379
- }
4380
-
4381
- /**
4382
- * 1. Use CSS `order` to adjust the buttons position on the UI
4383
- */
4384
-
4385
- .MkD4pNUKeAA- {
4386
- -ms-flex: 1 1 auto;
4387
- flex: 1 1 auto;
4388
- -ms-flex-order: 1;
4389
- order: 1; /* 1 */
4390
- }
4391
-
4392
- .C-yC8JKpQLg- {
4393
- display: -ms-flexbox;
4394
- display: flex;
4395
- -ms-flex: 0 0 auto;
4396
- flex: 0 0 auto;
4397
- -ms-flex-order: 2;
4398
- order: 2; /* 1 */
4399
- }
4400
-
4401
- /* This is in a correct position and order */
4402
-
4403
- /* stylelint-disable-next-line no-descending-specificity */
4404
-
4405
- .C-yC8JKpQLg- > * {
4406
- margin-left: 8px;
4407
- margin-left: var(--space-small);
4408
- }
4409
-
4410
- .C-yC8JKpQLg- > *:first-child {
4411
- -ms-flex-order: 2;
4412
- order: 2; /* 1 */
4413
- }
4414
-
4415
- .C-yC8JKpQLg- > *:nth-child(2) {
4416
- -ms-flex-order: 1;
4417
- order: 1; /* 1 */
4269
+ .vz43PAcPYt0-:not(:last-child) .sFlecO8-wnY- {
4270
+ padding-bottom: 24px;
4271
+ padding-bottom: var(--space-large);
4418
4272
  }
4419
4273
 
4420
4274
  .rJffaV10x20- {
@@ -4516,36 +4370,6 @@ html.atlantisLightBoxActive {
4516
4370
  white-space: nowrap;
4517
4371
  }
4518
4372
 
4519
- .BSZvIAUzFEU- {
4520
- --modal--padding: var(--space-base);
4521
- --public-tab--inset: var(--space-base);
4522
- max-width: 400px;
4523
- }
4524
-
4525
- .-ydIALYVvGg- {
4526
- max-width: 940px;
4527
- }
4528
-
4529
- .sFlecO8-wnY- {
4530
- margin: 0;
4531
- padding: 0;
4532
- list-style: none;
4533
- }
4534
-
4535
- .dbZy6dviEis-:not(:last-child) {
4536
- border-bottom: 1px solid hsl(200, 13%, 87%);
4537
- border-bottom: var(--border-base) solid var(--color-border);
4538
- }
4539
-
4540
- .vz43PAcPYt0- {
4541
- position: relative;
4542
- }
4543
-
4544
- .vz43PAcPYt0-:not(:last-child) .sFlecO8-wnY- {
4545
- padding-bottom: 24px;
4546
- padding-bottom: var(--space-large);
4547
- }
4548
-
4549
4373
  .fpi0W91w2ag- * {
4550
4374
  box-sizing: border-box;
4551
4375
  }
@@ -4734,171 +4558,78 @@ html.atlantisLightBoxActive {
4734
4558
  white-space: nowrap;
4735
4559
  }
4736
4560
 
4737
- :root {
4738
- --modal--width: 600px;
4739
- --modal--padding-horizontal: var(--space-base);
4740
- --modal--padding-vertical: var(--space-base);
4741
- --modal--padding: var(--modal--padding-vertical)
4742
- var(--modal--padding-horizontal);
4743
-
4744
- --modal--shadow: var(--shadow-base);
4561
+ .bR1N0mdMeZU- {
4562
+ position: relative;
4563
+ width: 100%;
4745
4564
  }
4746
4565
 
4747
- @media (min-width: 768px) {
4748
-
4749
- :root {
4750
- --modal--padding-horizontal: var(--space-large);
4751
- --modal--padding-vertical: var(--space-large);
4752
- --modal--padding: var(--modal--padding-vertical)
4753
- var(--modal--padding-horizontal);
4566
+ .bR1N0mdMeZU- * {
4567
+ box-sizing: border-box;
4754
4568
  }
4755
- }
4756
4569
 
4757
- @media (--medium-screens-and-up) {
4570
+ ._7naerR7479Q- {
4571
+ --field--height: var(--space-largest);
4758
4572
 
4759
- :root {
4760
- --modal--padding-horizontal: var(--space-large);
4761
- --modal--padding-vertical: var(--space-large);
4762
- --modal--padding: var(--modal--padding-vertical)
4763
- var(--modal--padding-horizontal);
4764
- }
4765
- }
4573
+ --field--padding-top: calc(var(--space-base) - var(--space-smallest));
4574
+ --field--padding-bottom: calc(var(--space-base) - var(--space-smallest));
4575
+ --field--padding-left: var(--space-base);
4576
+ --field--padding-right: var(--space-base);
4766
4577
 
4767
- .cRhQeXmZobs- {
4768
- display: grid;
4769
- z-index: 1001;
4770
- z-index: var(--elevation-modal);
4578
+ display: -ms-flexbox;
4579
+
4580
+ display: flex;
4581
+ -ms-flex-direction: row;
4582
+ flex-direction: row;
4583
+ -ms-flex-pack: justify;
4584
+ justify-content: space-between;
4771
4585
  -ms-flex-align: center;
4772
4586
  align-items: center;
4773
- justify-items: center;
4774
- place-items: center;
4775
- }
4776
-
4777
- .PO6ZUDxQoFE- {
4778
- position: fixed;
4779
- top: 0;
4780
- right: 0;
4781
- bottom: 0;
4782
- left: 0;
4783
- z-index: 1001;
4784
- z-index: var(--elevation-modal);
4785
- background-color: rgba(0, 0, 0, 0.32);
4786
- background-color: var(--color-overlay);
4787
- opacity: 0.8;
4788
- }
4789
-
4790
- .OiqCKNmbHZ0- {
4791
- position: relative;
4792
- z-index: 1001;
4793
- z-index: var(--elevation-modal);
4794
4587
  width: 100%;
4795
- max-width: 600px;
4796
- max-width: var(--modal--width);
4797
- box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
4798
- box-shadow: var(--modal--shadow);
4799
- margin: auto;
4800
- padding: 8px;
4801
- padding: var(--space-small);
4588
+ height: 48px;
4589
+ height: var(--field--height);
4590
+ padding-top: calc(16px - 2px);
4591
+ padding-top: var(--field--padding-top);
4592
+ padding-bottom: calc(16px - 2px);
4593
+ padding-bottom: var(--field--padding-bottom);
4594
+ padding-left: 16px;
4595
+ padding-left: var(--field--padding-left);
4596
+ padding-right: 16px;
4597
+ padding-right: var(--field--padding-right);
4802
4598
  border: 1px solid hsl(200, 13%, 87%);
4803
4599
  border: var(--border-base) solid var(--color-border);
4804
4600
  border-radius: 8px;
4805
4601
  border-radius: var(--radius-base);
4806
- background-color: rgba(255, 255, 255, 1);
4807
- background-color: var(--color-surface);
4808
- -ms-flex: 0 0 auto;
4809
- flex: 0 0 auto;
4810
- outline-color: hsl(198, 12%, 57%);
4811
- outline-color: var(--color-focus);
4812
4602
  }
4813
4603
 
4814
- /* Adjust `Content` and `Tab` components public padding to match the modal */
4815
-
4816
- .OiqCKNmbHZ0- > * {
4817
- --public-content--padding: var(--modal--padding);
4818
- --public-tab--inset: var(--modal--padding-horizontal);
4819
- }
4820
-
4821
- /* Remove the nested `Content` components public padding */
4822
-
4823
- .OiqCKNmbHZ0- > * > * {
4824
- --public-content--padding: 0;
4825
- }
4826
-
4827
- .GDWGHwmjgAc- {
4828
- display: -ms-flexbox;
4829
- display: flex;
4830
- -ms-flex-pack: justify;
4831
- justify-content: space-between;
4832
- padding: 16px
4833
- 16px;
4834
- padding: var(--modal--padding);
4835
- background-color: transparent;
4836
- }
4837
-
4838
- /**
4839
- * Ensure there's no extra padding top on the next element. This mostly negates
4840
- * the <Content /> padding
4841
- */
4842
-
4843
- .GDWGHwmjgAc- + * {
4844
- padding-top: 0;
4845
- }
4846
-
4847
- .KJlGo4z-E6Q- {
4848
- margin-top: -6px;
4849
- margin-right: -6px;
4850
- }
4851
-
4852
- .ZGrhWCAymCw- {
4853
- display: -ms-flexbox;
4854
- display: flex;
4855
- padding: 16px
4856
- 16px;
4857
- padding: var(--modal--padding);
4858
- padding-top: 0;
4859
- -ms-flex: 1 1 100%;
4860
- flex: 1 1 100%;
4861
- -ms-flex-pack: end;
4862
- justify-content: flex-end;
4863
- }
4864
-
4865
- /**
4866
- * 1. Use CSS `order` to adjust the buttons position on the UI
4867
- */
4868
-
4869
- .hOiEWds2Vq8- {
4870
- -ms-flex: 1 1 auto;
4871
- flex: 1 1 auto;
4872
- -ms-flex-order: 1;
4873
- order: 1; /* 1 */
4604
+ ._7naerR7479Q- p {
4605
+ overflow: hidden;
4606
+ text-overflow: ellipsis;
4607
+ white-space: nowrap;
4874
4608
  }
4875
4609
 
4876
- .K31NzxPZP9s- {
4877
- display: -ms-flexbox;
4878
- display: flex;
4879
- -ms-flex: 0 0 auto;
4880
- flex: 0 0 auto;
4881
- -ms-flex-order: 2;
4882
- order: 2; /* 1 */
4610
+ .bR1N0mdMeZU-:hover,
4611
+ .bR1N0mdMeZU-._7naerR7479Q- {
4612
+ cursor: pointer;
4613
+ caret-color: transparent;
4883
4614
  }
4884
4615
 
4885
- /* This is in a correct position and order */
4886
-
4887
- /* stylelint-disable-next-line no-descending-specificity */
4888
-
4889
- .K31NzxPZP9s- > * {
4890
- margin-left: 8px;
4891
- margin-left: var(--space-small);
4616
+ ._7naerR7479Q-:focus,
4617
+ ._7naerR7479Q-.SpV9TqBIR60- {
4618
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
4619
+ box-shadow: var(--shadow-focus);
4620
+ outline: none;
4892
4621
  }
4893
4622
 
4894
- .K31NzxPZP9s- > *:first-child {
4895
- -ms-flex-order: 2;
4896
- order: 2; /* 1 */
4623
+ .TdyW0RCheH4- {
4624
+ --field--padding-left: calc(var(--space-base) - var(--space-smaller));
4625
+ --field--padding-right: calc(var(--space-base) - var(--space-smaller));
4626
+ --field--height: calc(var(--space-larger) + var(--space-smaller));
4897
4627
  }
4898
4628
 
4899
- .K31NzxPZP9s- > *:nth-child(2) {
4900
- -ms-flex-order: 1;
4901
- order: 1; /* 1 */
4629
+ .eBeKgF0JxEQ- {
4630
+ --field--padding-left: var(--space-large);
4631
+ --field--padding-right: var(--space-large);
4632
+ --field--height: calc(var(--space-extravagant));
4902
4633
  }
4903
4634
 
4904
4635
  .BLYnKItuM3c- {
@@ -5038,9 +4769,364 @@ html.atlantisLightBoxActive {
5038
4769
  margin-left: var(--space-small);
5039
4770
  }
5040
4771
 
5041
- .lbmoDvdtQO4- .EqsNMrZVL-8- {
5042
- margin-bottom: 16px;
5043
- margin-bottom: var(--space-base);
4772
+ .lbmoDvdtQO4- .EqsNMrZVL-8- {
4773
+ margin-bottom: 16px;
4774
+ margin-bottom: var(--space-base);
4775
+ }
4776
+
4777
+ :root {
4778
+ --modal--width: 600px;
4779
+ --modal--padding-horizontal: var(--space-base);
4780
+ --modal--padding-vertical: var(--space-base);
4781
+ --modal--padding: var(--modal--padding-vertical)
4782
+ var(--modal--padding-horizontal);
4783
+
4784
+ --modal--shadow: var(--shadow-base);
4785
+ }
4786
+
4787
+ @media (min-width: 768px) {
4788
+
4789
+ :root {
4790
+ --modal--padding-horizontal: var(--space-large);
4791
+ --modal--padding-vertical: var(--space-large);
4792
+ --modal--padding: var(--modal--padding-vertical)
4793
+ var(--modal--padding-horizontal);
4794
+ }
4795
+ }
4796
+
4797
+ @media (--medium-screens-and-up) {
4798
+
4799
+ :root {
4800
+ --modal--padding-horizontal: var(--space-large);
4801
+ --modal--padding-vertical: var(--space-large);
4802
+ --modal--padding: var(--modal--padding-vertical)
4803
+ var(--modal--padding-horizontal);
4804
+ }
4805
+ }
4806
+
4807
+ .y3M-9xoEnk0- {
4808
+ display: -ms-flexbox;
4809
+ display: flex;
4810
+ -ms-flex-direction: column;
4811
+ flex-direction: column;
4812
+ z-index: 1001;
4813
+ z-index: var(--elevation-modal);
4814
+ padding: 8px;
4815
+ padding: var(--space-small);
4816
+ overflow: auto;
4817
+ }
4818
+
4819
+ .y3M-9xoEnk0-,
4820
+ .zkyJp1mib-U- {
4821
+ position: fixed;
4822
+ top: 0;
4823
+ right: 0;
4824
+ bottom: 0;
4825
+ left: 0;
4826
+ }
4827
+
4828
+ .zkyJp1mib-U- {
4829
+ background-color: rgba(0, 0, 0, 0.32);
4830
+ background-color: var(--color-overlay);
4831
+ }
4832
+
4833
+ .gMPgiggaud8- {
4834
+ position: relative;
4835
+ width: 100%;
4836
+ max-width: 600px;
4837
+ max-width: var(--modal--width);
4838
+ box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
4839
+ box-shadow: var(--modal--shadow);
4840
+ margin: auto;
4841
+ border: 1px solid hsl(200, 13%, 87%);
4842
+ border: var(--border-base) solid var(--color-border);
4843
+ border-radius: 8px;
4844
+ border-radius: var(--radius-base);
4845
+ background-color: rgba(255, 255, 255, 1);
4846
+ background-color: var(--color-surface);
4847
+ -ms-flex: 0 0 auto;
4848
+ flex: 0 0 auto;
4849
+ outline-color: hsl(198, 12%, 57%);
4850
+ outline-color: var(--color-focus);
4851
+ }
4852
+
4853
+ /* Adjust `Content` and `Tab` components public padding to match the modal */
4854
+
4855
+ .gMPgiggaud8- > * {
4856
+ --public-content--padding: var(--modal--padding);
4857
+ --public-tab--inset: var(--modal--padding-horizontal);
4858
+ }
4859
+
4860
+ /* Remove the nested `Content` components public padding */
4861
+
4862
+ .gMPgiggaud8- > * > * {
4863
+ --public-content--padding: 0;
4864
+ }
4865
+
4866
+ ._5sBzUnyOqD0- {
4867
+ display: -ms-flexbox;
4868
+ display: flex;
4869
+ -ms-flex-pack: justify;
4870
+ justify-content: space-between;
4871
+ padding: 16px
4872
+ 16px;
4873
+ padding: var(--modal--padding);
4874
+ background-color: transparent;
4875
+ }
4876
+
4877
+ /**
4878
+ * Ensure there's no extra padding top on the next element. This mostly negates
4879
+ * the <Content /> padding
4880
+ */
4881
+
4882
+ ._5sBzUnyOqD0- + * {
4883
+ padding-top: 0;
4884
+ }
4885
+
4886
+ ._4gw63G7IYG0- {
4887
+ margin-top: -6px;
4888
+ margin-right: -6px;
4889
+ }
4890
+
4891
+ .cwVJrrJkNDg- {
4892
+ display: -ms-flexbox;
4893
+ display: flex;
4894
+ padding: 16px
4895
+ 16px;
4896
+ padding: var(--modal--padding);
4897
+ padding-top: 0;
4898
+ -ms-flex: 1 1 100%;
4899
+ flex: 1 1 100%;
4900
+ -ms-flex-pack: end;
4901
+ justify-content: flex-end;
4902
+ }
4903
+
4904
+ /**
4905
+ * 1. Use CSS `order` to adjust the buttons position on the UI
4906
+ */
4907
+
4908
+ .MkD4pNUKeAA- {
4909
+ -ms-flex: 1 1 auto;
4910
+ flex: 1 1 auto;
4911
+ -ms-flex-order: 1;
4912
+ order: 1; /* 1 */
4913
+ }
4914
+
4915
+ .C-yC8JKpQLg- {
4916
+ display: -ms-flexbox;
4917
+ display: flex;
4918
+ -ms-flex: 0 0 auto;
4919
+ flex: 0 0 auto;
4920
+ -ms-flex-order: 2;
4921
+ order: 2; /* 1 */
4922
+ }
4923
+
4924
+ /* This is in a correct position and order */
4925
+
4926
+ /* stylelint-disable-next-line no-descending-specificity */
4927
+
4928
+ .C-yC8JKpQLg- > * {
4929
+ margin-left: 8px;
4930
+ margin-left: var(--space-small);
4931
+ }
4932
+
4933
+ .C-yC8JKpQLg- > *:first-child {
4934
+ -ms-flex-order: 2;
4935
+ order: 2; /* 1 */
4936
+ }
4937
+
4938
+ .C-yC8JKpQLg- > *:nth-child(2) {
4939
+ -ms-flex-order: 1;
4940
+ order: 1; /* 1 */
4941
+ }
4942
+
4943
+ :root {
4944
+ --modal--width: 600px;
4945
+ --modal--padding-horizontal: var(--space-base);
4946
+ --modal--padding-vertical: var(--space-base);
4947
+ --modal--padding: var(--modal--padding-vertical)
4948
+ var(--modal--padding-horizontal);
4949
+
4950
+ --modal--shadow: var(--shadow-base);
4951
+ }
4952
+
4953
+ @media (min-width: 768px) {
4954
+
4955
+ :root {
4956
+ --modal--padding-horizontal: var(--space-large);
4957
+ --modal--padding-vertical: var(--space-large);
4958
+ --modal--padding: var(--modal--padding-vertical)
4959
+ var(--modal--padding-horizontal);
4960
+ }
4961
+ }
4962
+
4963
+ @media (--medium-screens-and-up) {
4964
+
4965
+ :root {
4966
+ --modal--padding-horizontal: var(--space-large);
4967
+ --modal--padding-vertical: var(--space-large);
4968
+ --modal--padding: var(--modal--padding-vertical)
4969
+ var(--modal--padding-horizontal);
4970
+ }
4971
+ }
4972
+
4973
+ .cRhQeXmZobs- {
4974
+ display: grid;
4975
+ z-index: 1001;
4976
+ z-index: var(--elevation-modal);
4977
+ -ms-flex-align: center;
4978
+ align-items: center;
4979
+ justify-items: center;
4980
+ place-items: center;
4981
+ }
4982
+
4983
+ .PO6ZUDxQoFE- {
4984
+ position: fixed;
4985
+ top: 0;
4986
+ right: 0;
4987
+ bottom: 0;
4988
+ left: 0;
4989
+ z-index: 1001;
4990
+ z-index: var(--elevation-modal);
4991
+ background-color: rgba(0, 0, 0, 0.32);
4992
+ background-color: var(--color-overlay);
4993
+ opacity: 0.8;
4994
+ }
4995
+
4996
+ .OiqCKNmbHZ0- {
4997
+ position: relative;
4998
+ z-index: 1001;
4999
+ z-index: var(--elevation-modal);
5000
+ width: 100%;
5001
+ max-width: 600px;
5002
+ max-width: var(--modal--width);
5003
+ box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
5004
+ box-shadow: var(--modal--shadow);
5005
+ margin: auto;
5006
+ padding: 8px;
5007
+ padding: var(--space-small);
5008
+ border: 1px solid hsl(200, 13%, 87%);
5009
+ border: var(--border-base) solid var(--color-border);
5010
+ border-radius: 8px;
5011
+ border-radius: var(--radius-base);
5012
+ background-color: rgba(255, 255, 255, 1);
5013
+ background-color: var(--color-surface);
5014
+ -ms-flex: 0 0 auto;
5015
+ flex: 0 0 auto;
5016
+ outline-color: hsl(198, 12%, 57%);
5017
+ outline-color: var(--color-focus);
5018
+ }
5019
+
5020
+ /* Adjust `Content` and `Tab` components public padding to match the modal */
5021
+
5022
+ .OiqCKNmbHZ0- > * {
5023
+ --public-content--padding: var(--modal--padding);
5024
+ --public-tab--inset: var(--modal--padding-horizontal);
5025
+ }
5026
+
5027
+ /* Remove the nested `Content` components public padding */
5028
+
5029
+ .OiqCKNmbHZ0- > * > * {
5030
+ --public-content--padding: 0;
5031
+ }
5032
+
5033
+ .GDWGHwmjgAc- {
5034
+ display: -ms-flexbox;
5035
+ display: flex;
5036
+ -ms-flex-pack: justify;
5037
+ justify-content: space-between;
5038
+ padding: 16px
5039
+ 16px;
5040
+ padding: var(--modal--padding);
5041
+ background-color: transparent;
5042
+ }
5043
+
5044
+ /**
5045
+ * Ensure there's no extra padding top on the next element. This mostly negates
5046
+ * the <Content /> padding
5047
+ */
5048
+
5049
+ .GDWGHwmjgAc- + * {
5050
+ padding-top: 0;
5051
+ }
5052
+
5053
+ .KJlGo4z-E6Q- {
5054
+ margin-top: -6px;
5055
+ margin-right: -6px;
5056
+ }
5057
+
5058
+ .ZGrhWCAymCw- {
5059
+ display: -ms-flexbox;
5060
+ display: flex;
5061
+ padding: 16px
5062
+ 16px;
5063
+ padding: var(--modal--padding);
5064
+ padding-top: 0;
5065
+ -ms-flex: 1 1 100%;
5066
+ flex: 1 1 100%;
5067
+ -ms-flex-pack: end;
5068
+ justify-content: flex-end;
5069
+ }
5070
+
5071
+ /**
5072
+ * 1. Use CSS `order` to adjust the buttons position on the UI
5073
+ */
5074
+
5075
+ .hOiEWds2Vq8- {
5076
+ -ms-flex: 1 1 auto;
5077
+ flex: 1 1 auto;
5078
+ -ms-flex-order: 1;
5079
+ order: 1; /* 1 */
5080
+ }
5081
+
5082
+ .K31NzxPZP9s- {
5083
+ display: -ms-flexbox;
5084
+ display: flex;
5085
+ -ms-flex: 0 0 auto;
5086
+ flex: 0 0 auto;
5087
+ -ms-flex-order: 2;
5088
+ order: 2; /* 1 */
5089
+ }
5090
+
5091
+ /* This is in a correct position and order */
5092
+
5093
+ /* stylelint-disable-next-line no-descending-specificity */
5094
+
5095
+ .K31NzxPZP9s- > * {
5096
+ margin-left: 8px;
5097
+ margin-left: var(--space-small);
5098
+ }
5099
+
5100
+ .K31NzxPZP9s- > *:first-child {
5101
+ -ms-flex-order: 2;
5102
+ order: 2; /* 1 */
5103
+ }
5104
+
5105
+ .K31NzxPZP9s- > *:nth-child(2) {
5106
+ -ms-flex-order: 1;
5107
+ order: 1; /* 1 */
5108
+ }
5109
+
5110
+ .BSZvIAUzFEU- {
5111
+ --modal--padding: var(--space-base);
5112
+ --public-tab--inset: var(--space-base);
5113
+ max-width: 400px;
5114
+ }
5115
+
5116
+ .-ydIALYVvGg- {
5117
+ max-width: 940px;
5118
+ }
5119
+
5120
+ .dylWWgubHwM- {
5121
+ --progress-bar--height: 4px;
5122
+ }
5123
+
5124
+ .z92YJQrscvI- {
5125
+ --progress-bar--height: 8px;
5126
+ }
5127
+
5128
+ .DKfNM1to61A- {
5129
+ --progress-bar--height: 16px;
5044
5130
  }
5045
5131
 
5046
5132
  .rY8OtuArIi0- {
@@ -5148,80 +5234,6 @@ html.atlantisLightBoxActive {
5148
5234
  transform: rotate(-45deg);
5149
5235
  }
5150
5236
 
5151
- .bR1N0mdMeZU- {
5152
- position: relative;
5153
- width: 100%;
5154
- }
5155
-
5156
- .bR1N0mdMeZU- * {
5157
- box-sizing: border-box;
5158
- }
5159
-
5160
- ._7naerR7479Q- {
5161
- --field--height: var(--space-largest);
5162
-
5163
- --field--padding-top: calc(var(--space-base) - var(--space-smallest));
5164
- --field--padding-bottom: calc(var(--space-base) - var(--space-smallest));
5165
- --field--padding-left: var(--space-base);
5166
- --field--padding-right: var(--space-base);
5167
-
5168
- display: -ms-flexbox;
5169
-
5170
- display: flex;
5171
- -ms-flex-direction: row;
5172
- flex-direction: row;
5173
- -ms-flex-pack: justify;
5174
- justify-content: space-between;
5175
- -ms-flex-align: center;
5176
- align-items: center;
5177
- width: 100%;
5178
- height: 48px;
5179
- height: var(--field--height);
5180
- padding-top: calc(16px - 2px);
5181
- padding-top: var(--field--padding-top);
5182
- padding-bottom: calc(16px - 2px);
5183
- padding-bottom: var(--field--padding-bottom);
5184
- padding-left: 16px;
5185
- padding-left: var(--field--padding-left);
5186
- padding-right: 16px;
5187
- padding-right: var(--field--padding-right);
5188
- border: 1px solid hsl(200, 13%, 87%);
5189
- border: var(--border-base) solid var(--color-border);
5190
- border-radius: 8px;
5191
- border-radius: var(--radius-base);
5192
- }
5193
-
5194
- ._7naerR7479Q- p {
5195
- overflow: hidden;
5196
- text-overflow: ellipsis;
5197
- white-space: nowrap;
5198
- }
5199
-
5200
- .bR1N0mdMeZU-:hover,
5201
- .bR1N0mdMeZU-._7naerR7479Q- {
5202
- cursor: pointer;
5203
- caret-color: transparent;
5204
- }
5205
-
5206
- ._7naerR7479Q-:focus,
5207
- ._7naerR7479Q-.SpV9TqBIR60- {
5208
- box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
5209
- box-shadow: var(--shadow-focus);
5210
- outline: none;
5211
- }
5212
-
5213
- .TdyW0RCheH4- {
5214
- --field--padding-left: calc(var(--space-base) - var(--space-smaller));
5215
- --field--padding-right: calc(var(--space-base) - var(--space-smaller));
5216
- --field--height: calc(var(--space-larger) + var(--space-smaller));
5217
- }
5218
-
5219
- .eBeKgF0JxEQ- {
5220
- --field--padding-left: var(--space-large);
5221
- --field--padding-right: var(--space-large);
5222
- --field--height: calc(var(--space-extravagant));
5223
- }
5224
-
5225
5237
  .p9AgTzIbTwY- {
5226
5238
  --progress-bar--height: 16px;
5227
5239
  }
@@ -5283,18 +5295,6 @@ progress.w8NAw4ZMB6g-[value]::-webkit-progress-value {
5283
5295
  gap: var(--space-small);
5284
5296
  }
5285
5297
 
5286
- .dylWWgubHwM- {
5287
- --progress-bar--height: 4px;
5288
- }
5289
-
5290
- .z92YJQrscvI- {
5291
- --progress-bar--height: 8px;
5292
- }
5293
-
5294
- .DKfNM1to61A- {
5295
- --progress-bar--height: 16px;
5296
- }
5297
-
5298
5298
  .KZfSK2vhTyI- {
5299
5299
  --radio--checked-thickness: 6px;
5300
5300
  --radio-diameter: 20px;
@@ -5453,181 +5453,24 @@ progress.w8NAw4ZMB6g-[value]::-webkit-progress-value {
5453
5453
  .BQqkfvwFjbQ-.DvGgLdlE8Ac- > :nth-last-child(n + 7) ~ * {
5454
5454
  -ms-flex-preferred-size: 100%;
5455
5455
  flex-basis: 100%;
5456
- }
5457
-
5458
- .BQqkfvwFjbQ-._4PxEtfehh4s- > :nth-last-child(n + 8),
5459
- .BQqkfvwFjbQ-._4PxEtfehh4s- > :nth-last-child(n + 8) ~ * {
5460
- -ms-flex-preferred-size: 100%;
5461
- flex-basis: 100%;
5462
- }
5463
-
5464
- .BQqkfvwFjbQ-.DZPW3Q-N5ik- > :nth-last-child(n + 9),
5465
- .BQqkfvwFjbQ-.DZPW3Q-N5ik- > :nth-last-child(n + 9) ~ * {
5466
- -ms-flex-preferred-size: 100%;
5467
- flex-basis: 100%;
5468
- }
5469
-
5470
- .BQqkfvwFjbQ-._2BL9H-tmzMk- > :nth-last-child(n + 10),
5471
- .BQqkfvwFjbQ-._2BL9H-tmzMk- > :nth-last-child(n + 10) ~ * {
5472
- -ms-flex-preferred-size: 100%;
5473
- flex-basis: 100%;
5474
- }
5475
-
5476
- .Hx--3IsyLgs- {
5477
- display: -ms-flexbox;
5478
- display: flex;
5479
- -ms-flex-wrap: wrap;
5480
- flex-wrap: wrap;
5481
- gap: var(--public-sidekick-space);
5482
- width: var(--public-sidekick-width);
5483
- }
5484
-
5485
- .bevb052oaa4- > :first-child {
5486
- -ms-flex-positive: 1;
5487
- flex-grow: 1;
5488
- }
5489
-
5490
- .v17EfPAcJZI- > :first-child {
5491
- -ms-flex-preferred-size: var(--public-sidekick-min-width);
5492
- flex-basis: var(--public-sidekick-min-width);
5493
- }
5494
-
5495
- .bevb052oaa4- > :last-child {
5496
- -ms-flex-preferred-size: 0;
5497
- flex-basis: 0;
5498
- -ms-flex-positive: 999;
5499
- flex-grow: 999;
5500
- min-width: var(--public-sidekick-side-width);
5501
- }
5502
-
5503
- ._3hUKFPIws6o- > :last-child {
5504
- -ms-flex-preferred-size: var(--public-sidekick-min-width);
5505
- flex-basis: var(--public-sidekick-min-width);
5506
- }
5507
-
5508
- ._22dEgb17I90- > :first-child {
5509
- -ms-flex-preferred-size: 0;
5510
- flex-basis: 0;
5511
- -ms-flex-positive: 999;
5512
- flex-grow: 999;
5513
- min-width: var(--public-sidekick-side-width);
5514
- }
5515
-
5516
- ._22dEgb17I90- > :last-child {
5517
- -ms-flex-positive: 1;
5518
- flex-grow: 1;
5519
- }
5520
-
5521
- ._3yK4CuMFyqw-,
5522
- .lY-7fyPMF6Y-,
5523
- .Ti0avsNfvTw-,
5524
- ._9dXm70WomU8- {
5525
- -ms-flex-direction: column;
5526
- flex-direction: column;
5527
- }
5528
-
5529
- ._3yK4CuMFyqw- > *,
5530
- .lY-7fyPMF6Y- > *,
5531
- .Ti0avsNfvTw- > *,
5532
- ._9dXm70WomU8- > * {
5533
- width: 100%;
5534
- }
5535
-
5536
- @media (min-width: 490px) {
5537
- ._3yK4CuMFyqw- {
5538
- -ms-flex-direction: row;
5539
- flex-direction: row;
5540
- }
5541
-
5542
- ._3yK4CuMFyqw- > * {
5543
- width: auto;
5544
- }
5545
- }
5546
-
5547
- @media (--small-screens-and-up) {
5548
- ._3yK4CuMFyqw- {
5549
- -ms-flex-direction: row;
5550
- flex-direction: row;
5551
- }
5552
-
5553
- ._3yK4CuMFyqw- > * {
5554
- width: auto;
5555
- }
5556
- }
5557
-
5558
- @media (min-width: 768px) {
5559
- .lY-7fyPMF6Y- {
5560
- -ms-flex-direction: row;
5561
- flex-direction: row;
5562
- }
5563
-
5564
- .lY-7fyPMF6Y- > * {
5565
- width: auto;
5566
- }
5567
- }
5568
-
5569
- @media (--medium-screens-and-up) {
5570
- .lY-7fyPMF6Y- {
5571
- -ms-flex-direction: row;
5572
- flex-direction: row;
5573
- }
5574
-
5575
- .lY-7fyPMF6Y- > * {
5576
- width: auto;
5577
- }
5578
- }
5579
-
5580
- @media (min-width: 1080px) {
5581
- .Ti0avsNfvTw- {
5582
- -ms-flex-direction: row;
5583
- flex-direction: row;
5584
- }
5585
-
5586
- .Ti0avsNfvTw- > * {
5587
- width: auto;
5588
- }
5589
- }
5590
-
5591
- @media (--large-screens-and-up) {
5592
- .Ti0avsNfvTw- {
5593
- -ms-flex-direction: row;
5594
- flex-direction: row;
5595
- }
5596
-
5597
- .Ti0avsNfvTw- > * {
5598
- width: auto;
5599
- }
5600
- }
5601
-
5602
- @media (min-width: 1440px) {
5603
- ._9dXm70WomU8- {
5604
- -ms-flex-direction: row;
5605
- flex-direction: row;
5606
- }
5607
-
5608
- ._9dXm70WomU8- > * {
5609
- width: auto;
5610
- }
5611
- }
5612
-
5613
- @media (--extra-large-screens-and-up) {
5614
- ._9dXm70WomU8- {
5615
- -ms-flex-direction: row;
5616
- flex-direction: row;
5617
- }
5456
+ }
5618
5457
 
5619
- ._9dXm70WomU8- > * {
5620
- width: auto;
5621
- }
5458
+ .BQqkfvwFjbQ-._4PxEtfehh4s- > :nth-last-child(n + 8),
5459
+ .BQqkfvwFjbQ-._4PxEtfehh4s- > :nth-last-child(n + 8) ~ * {
5460
+ -ms-flex-preferred-size: 100%;
5461
+ flex-basis: 100%;
5622
5462
  }
5623
5463
 
5624
- .Hx--3IsyLgs-.dN25lKXiqB0- {
5625
- -ms-flex-direction: column;
5626
- flex-direction: column;
5464
+ .BQqkfvwFjbQ-.DZPW3Q-N5ik- > :nth-last-child(n + 9),
5465
+ .BQqkfvwFjbQ-.DZPW3Q-N5ik- > :nth-last-child(n + 9) ~ * {
5466
+ -ms-flex-preferred-size: 100%;
5467
+ flex-basis: 100%;
5627
5468
  }
5628
5469
 
5629
- .Hx--3IsyLgs-.dN25lKXiqB0- > * {
5630
- width: 100%;
5470
+ .BQqkfvwFjbQ-._2BL9H-tmzMk- > :nth-last-child(n + 10),
5471
+ .BQqkfvwFjbQ-._2BL9H-tmzMk- > :nth-last-child(n + 10) ~ * {
5472
+ -ms-flex-preferred-size: 100%;
5473
+ flex-basis: 100%;
5631
5474
  }
5632
5475
 
5633
5476
  .cCwRgRAz4qk- {
@@ -5870,6 +5713,178 @@ progress.w8NAw4ZMB6g-[value]::-webkit-progress-value {
5870
5713
  transform: translateX(0);
5871
5714
  }
5872
5715
 
5716
+ .Hx--3IsyLgs- {
5717
+ display: -ms-flexbox;
5718
+ display: flex;
5719
+ -ms-flex-wrap: wrap;
5720
+ flex-wrap: wrap;
5721
+ gap: var(--public-sidekick-space);
5722
+ width: var(--public-sidekick-width);
5723
+ }
5724
+
5725
+ .bevb052oaa4- > :first-child {
5726
+ -ms-flex-positive: 1;
5727
+ flex-grow: 1;
5728
+ }
5729
+
5730
+ .v17EfPAcJZI- > :first-child {
5731
+ -ms-flex-preferred-size: var(--public-sidekick-min-width);
5732
+ flex-basis: var(--public-sidekick-min-width);
5733
+ }
5734
+
5735
+ .bevb052oaa4- > :last-child {
5736
+ -ms-flex-preferred-size: 0;
5737
+ flex-basis: 0;
5738
+ -ms-flex-positive: 999;
5739
+ flex-grow: 999;
5740
+ min-width: var(--public-sidekick-side-width);
5741
+ }
5742
+
5743
+ ._3hUKFPIws6o- > :last-child {
5744
+ -ms-flex-preferred-size: var(--public-sidekick-min-width);
5745
+ flex-basis: var(--public-sidekick-min-width);
5746
+ }
5747
+
5748
+ ._22dEgb17I90- > :first-child {
5749
+ -ms-flex-preferred-size: 0;
5750
+ flex-basis: 0;
5751
+ -ms-flex-positive: 999;
5752
+ flex-grow: 999;
5753
+ min-width: var(--public-sidekick-side-width);
5754
+ }
5755
+
5756
+ ._22dEgb17I90- > :last-child {
5757
+ -ms-flex-positive: 1;
5758
+ flex-grow: 1;
5759
+ }
5760
+
5761
+ ._3yK4CuMFyqw-,
5762
+ .lY-7fyPMF6Y-,
5763
+ .Ti0avsNfvTw-,
5764
+ ._9dXm70WomU8- {
5765
+ -ms-flex-direction: column;
5766
+ flex-direction: column;
5767
+ }
5768
+
5769
+ ._3yK4CuMFyqw- > *,
5770
+ .lY-7fyPMF6Y- > *,
5771
+ .Ti0avsNfvTw- > *,
5772
+ ._9dXm70WomU8- > * {
5773
+ width: 100%;
5774
+ }
5775
+
5776
+ @media (min-width: 490px) {
5777
+ ._3yK4CuMFyqw- {
5778
+ -ms-flex-direction: row;
5779
+ flex-direction: row;
5780
+ }
5781
+
5782
+ ._3yK4CuMFyqw- > * {
5783
+ width: auto;
5784
+ }
5785
+ }
5786
+
5787
+ @media (--small-screens-and-up) {
5788
+ ._3yK4CuMFyqw- {
5789
+ -ms-flex-direction: row;
5790
+ flex-direction: row;
5791
+ }
5792
+
5793
+ ._3yK4CuMFyqw- > * {
5794
+ width: auto;
5795
+ }
5796
+ }
5797
+
5798
+ @media (min-width: 768px) {
5799
+ .lY-7fyPMF6Y- {
5800
+ -ms-flex-direction: row;
5801
+ flex-direction: row;
5802
+ }
5803
+
5804
+ .lY-7fyPMF6Y- > * {
5805
+ width: auto;
5806
+ }
5807
+ }
5808
+
5809
+ @media (--medium-screens-and-up) {
5810
+ .lY-7fyPMF6Y- {
5811
+ -ms-flex-direction: row;
5812
+ flex-direction: row;
5813
+ }
5814
+
5815
+ .lY-7fyPMF6Y- > * {
5816
+ width: auto;
5817
+ }
5818
+ }
5819
+
5820
+ @media (min-width: 1080px) {
5821
+ .Ti0avsNfvTw- {
5822
+ -ms-flex-direction: row;
5823
+ flex-direction: row;
5824
+ }
5825
+
5826
+ .Ti0avsNfvTw- > * {
5827
+ width: auto;
5828
+ }
5829
+ }
5830
+
5831
+ @media (--large-screens-and-up) {
5832
+ .Ti0avsNfvTw- {
5833
+ -ms-flex-direction: row;
5834
+ flex-direction: row;
5835
+ }
5836
+
5837
+ .Ti0avsNfvTw- > * {
5838
+ width: auto;
5839
+ }
5840
+ }
5841
+
5842
+ @media (min-width: 1440px) {
5843
+ ._9dXm70WomU8- {
5844
+ -ms-flex-direction: row;
5845
+ flex-direction: row;
5846
+ }
5847
+
5848
+ ._9dXm70WomU8- > * {
5849
+ width: auto;
5850
+ }
5851
+ }
5852
+
5853
+ @media (--extra-large-screens-and-up) {
5854
+ ._9dXm70WomU8- {
5855
+ -ms-flex-direction: row;
5856
+ flex-direction: row;
5857
+ }
5858
+
5859
+ ._9dXm70WomU8- > * {
5860
+ width: auto;
5861
+ }
5862
+ }
5863
+
5864
+ .Hx--3IsyLgs-.dN25lKXiqB0- {
5865
+ -ms-flex-direction: column;
5866
+ flex-direction: column;
5867
+ }
5868
+
5869
+ .Hx--3IsyLgs-.dN25lKXiqB0- > * {
5870
+ width: 100%;
5871
+ }
5872
+
5873
+ .WiSIdMrztSU- {
5874
+ --statusLabel-icon-diameter: 8px;
5875
+
5876
+ display: inline-block;
5877
+ width: 8px;
5878
+ width: var(--statusLabel-icon-diameter);
5879
+ height: 8px;
5880
+ height: var(--statusLabel-icon-diameter);
5881
+ border-radius: 50%;
5882
+ background-color: hsl(107, 58%, 33%);
5883
+ background-color: var(--color-success);
5884
+ -ms-flex-negative: 0;
5885
+ flex-shrink: 0;
5886
+ }
5887
+
5873
5888
  ._6hfmGZoXNyg- {
5874
5889
  width: 32px;
5875
5890
  width: var(--space-larger);
@@ -5932,11 +5947,75 @@ progress.w8NAw4ZMB6g-[value]::-webkit-progress-value {
5932
5947
  border-width: var(--space-smaller);
5933
5948
  }
5934
5949
 
5935
- .NA68eWblbLo- {
5936
- display: inline-block;
5937
- margin-top: calc(4px * -1);
5938
- margin-top: calc(var(--space-smaller) * -1);
5939
- vertical-align: middle;
5950
+ .NA68eWblbLo- {
5951
+ display: inline-block;
5952
+ margin-top: calc(4px * -1);
5953
+ margin-top: calc(var(--space-smaller) * -1);
5954
+ vertical-align: middle;
5955
+ }
5956
+
5957
+ .OADGAhZt8dY- {
5958
+ --labelBackgroundColor: var(--color-success--surface);
5959
+ --labelTextColor: var(--color-success--onSurface);
5960
+
5961
+ display: -ms-flexbox;
5962
+
5963
+ display: flex;
5964
+ width: -webkit-fit-content;
5965
+ width: -moz-fit-content;
5966
+ width: fit-content;
5967
+ padding: 0.375rem 0.625rem 0.375rem 0.5rem;
5968
+ border-radius: 0.75rem;
5969
+ -ms-flex-direction: row;
5970
+ flex-direction: row;
5971
+ -ms-flex-wrap: nowrap;
5972
+ flex-wrap: nowrap;
5973
+ gap: 0.375rem;
5974
+ background-color: hsl(109, 28%, 92%);
5975
+ background-color: var(--labelBackgroundColor);
5976
+ }
5977
+
5978
+ .gQdAtJ0BiSk- {
5979
+ --labelBackgroundColor: var(--color-success--surface);
5980
+ --labelTextColor: var(--color-success--onSurface);
5981
+ }
5982
+
5983
+ ._1vqcSM0FTig- {
5984
+ --labelBackgroundColor: var(--color-warning--surface);
5985
+ --labelTextColor: var(--color-warning--onSurface);
5986
+ }
5987
+
5988
+ .maK19lcw4T8- {
5989
+ --labelBackgroundColor: var(--color-critical--surface);
5990
+ --labelTextColor: var(--color-critical--onSurface);
5991
+ }
5992
+
5993
+ .n-xRjfGbWgM- {
5994
+ --labelBackgroundColor: var(--color-inactive--surface);
5995
+ --labelTextColor: var(--color-inactive--onSurface);
5996
+ }
5997
+
5998
+ .d6Y1CRe9qac- {
5999
+ --labelBackgroundColor: var(--color-informative--surface);
6000
+ --labelTextColor: var(--color-informative--onSurface);
6001
+ }
6002
+
6003
+ /* Reset the <Text> line height so we can reliably get 24px tall */
6004
+
6005
+ .OADGAhZt8dY- p {
6006
+ color: var(--labelTextColor);
6007
+ line-height: 1;
6008
+ }
6009
+
6010
+ .PqXUSR-3s4M- {
6011
+ -ms-flex-direction: row-reverse;
6012
+ flex-direction: row-reverse;
6013
+ }
6014
+
6015
+ .RmE4LVHqe60- {
6016
+ display: -ms-flexbox;
6017
+ display: flex;
6018
+ padding-top: 0.125rem;
5940
6019
  }
5941
6020
 
5942
6021
  ._7bHFxCX3jv4- {
@@ -6071,126 +6150,6 @@ If there is a way to loop in the future of use a css custom property, we can use
6071
6150
  margin-bottom: auto;
6072
6151
  }
6073
6152
 
6074
- .WiSIdMrztSU- {
6075
- --statusLabel-icon-diameter: 8px;
6076
-
6077
- display: inline-block;
6078
- width: 8px;
6079
- width: var(--statusLabel-icon-diameter);
6080
- height: 8px;
6081
- height: var(--statusLabel-icon-diameter);
6082
- border-radius: 50%;
6083
- background-color: hsl(107, 58%, 33%);
6084
- background-color: var(--color-success);
6085
- -ms-flex-negative: 0;
6086
- flex-shrink: 0;
6087
- }
6088
-
6089
- .OADGAhZt8dY- {
6090
- --labelBackgroundColor: var(--color-success--surface);
6091
- --labelTextColor: var(--color-success--onSurface);
6092
-
6093
- display: -ms-flexbox;
6094
-
6095
- display: flex;
6096
- width: -webkit-fit-content;
6097
- width: -moz-fit-content;
6098
- width: fit-content;
6099
- padding: 0.375rem 0.625rem 0.375rem 0.5rem;
6100
- border-radius: 0.75rem;
6101
- -ms-flex-direction: row;
6102
- flex-direction: row;
6103
- -ms-flex-wrap: nowrap;
6104
- flex-wrap: nowrap;
6105
- gap: 0.375rem;
6106
- background-color: hsl(109, 28%, 92%);
6107
- background-color: var(--labelBackgroundColor);
6108
- }
6109
-
6110
- .gQdAtJ0BiSk- {
6111
- --labelBackgroundColor: var(--color-success--surface);
6112
- --labelTextColor: var(--color-success--onSurface);
6113
- }
6114
-
6115
- ._1vqcSM0FTig- {
6116
- --labelBackgroundColor: var(--color-warning--surface);
6117
- --labelTextColor: var(--color-warning--onSurface);
6118
- }
6119
-
6120
- .maK19lcw4T8- {
6121
- --labelBackgroundColor: var(--color-critical--surface);
6122
- --labelTextColor: var(--color-critical--onSurface);
6123
- }
6124
-
6125
- .n-xRjfGbWgM- {
6126
- --labelBackgroundColor: var(--color-inactive--surface);
6127
- --labelTextColor: var(--color-inactive--onSurface);
6128
- }
6129
-
6130
- .d6Y1CRe9qac- {
6131
- --labelBackgroundColor: var(--color-informative--surface);
6132
- --labelTextColor: var(--color-informative--onSurface);
6133
- }
6134
-
6135
- /* Reset the <Text> line height so we can reliably get 24px tall */
6136
-
6137
- .OADGAhZt8dY- p {
6138
- color: var(--labelTextColor);
6139
- line-height: 1;
6140
- }
6141
-
6142
- .PqXUSR-3s4M- {
6143
- -ms-flex-direction: row-reverse;
6144
- flex-direction: row-reverse;
6145
- }
6146
-
6147
- .RmE4LVHqe60- {
6148
- display: -ms-flexbox;
6149
- display: flex;
6150
- padding-top: 0.125rem;
6151
- }
6152
-
6153
- ._7PagpWEko2U- {
6154
- --border-color: var(--color-border);
6155
- --header-border-color: var(--color-border--section);
6156
- --horizontal-inset: var(--space-base);
6157
- position: relative;
6158
- width: 100%;
6159
- border-collapse: collapse;
6160
- }
6161
-
6162
- ._7PagpWEko2U-::after {
6163
- content: "";
6164
- position: absolute;
6165
- top: 0;
6166
- left: 0;
6167
- width: 100%;
6168
- height: 100%;
6169
- box-sizing: border-box;
6170
- border: solid 1px var(--border-color);
6171
- border: solid var(--border-base) var(--border-color);
6172
- border-radius: 8px;
6173
- border-radius: var(--radius-base);
6174
- pointer-events: none;
6175
- }
6176
-
6177
- ._9OHT36DJGCo-:not(:last-child) {
6178
- border-bottom: solid 1px var(--border-color);
6179
- border-bottom: solid var(--border-base) var(--border-color);
6180
- }
6181
-
6182
- .YPDzOWGHgkk- ._9OHT36DJGCo- {
6183
- border-bottom: solid 1px var(--header-border-color);
6184
- border-bottom: solid var(--border-base) var(--header-border-color);
6185
- font-weight: bold;
6186
- text-transform: uppercase;
6187
- }
6188
-
6189
- .cv4Izfe0MWI- ._9OHT36DJGCo- {
6190
- border-top: solid 4px var(--border-color);
6191
- border-top: solid var(--border-thicker) var(--border-color);
6192
- }
6193
-
6194
6153
  .rVg6dYYBFN4- {
6195
6154
  --switch--width: 48px;
6196
6155
  --switch--pipSize: 16px;
@@ -6339,6 +6298,47 @@ If there is a way to loop in the future of use a css custom property, we can use
6339
6298
  border-color: var(--color-disabled);
6340
6299
  }
6341
6300
 
6301
+ ._7PagpWEko2U- {
6302
+ --border-color: var(--color-border);
6303
+ --header-border-color: var(--color-border--section);
6304
+ --horizontal-inset: var(--space-base);
6305
+ position: relative;
6306
+ width: 100%;
6307
+ border-collapse: collapse;
6308
+ }
6309
+
6310
+ ._7PagpWEko2U-::after {
6311
+ content: "";
6312
+ position: absolute;
6313
+ top: 0;
6314
+ left: 0;
6315
+ width: 100%;
6316
+ height: 100%;
6317
+ box-sizing: border-box;
6318
+ border: solid 1px var(--border-color);
6319
+ border: solid var(--border-base) var(--border-color);
6320
+ border-radius: 8px;
6321
+ border-radius: var(--radius-base);
6322
+ pointer-events: none;
6323
+ }
6324
+
6325
+ ._9OHT36DJGCo-:not(:last-child) {
6326
+ border-bottom: solid 1px var(--border-color);
6327
+ border-bottom: solid var(--border-base) var(--border-color);
6328
+ }
6329
+
6330
+ .YPDzOWGHgkk- ._9OHT36DJGCo- {
6331
+ border-bottom: solid 1px var(--header-border-color);
6332
+ border-bottom: solid var(--border-base) var(--header-border-color);
6333
+ font-weight: bold;
6334
+ text-transform: uppercase;
6335
+ }
6336
+
6337
+ .cv4Izfe0MWI- ._9OHT36DJGCo- {
6338
+ border-top: solid 4px var(--border-color);
6339
+ border-top: solid var(--border-thicker) var(--border-color);
6340
+ }
6341
+
6342
6342
  :root {
6343
6343
  --public-tab--inset: var(--space-base);
6344
6344
  }
@@ -6460,13 +6460,101 @@ ul.LfIIg9bwrhQ- {
6460
6460
  background-color: var(--color-interactive);
6461
6461
  }
6462
6462
 
6463
- .htdKg6As4bY- {
6464
- padding-top: var(--tab--vertical-inset);
6465
- padding-bottom: var(--tab--vertical-inset);
6466
- padding-left: 16px;
6467
- padding-left: var(--public-tab--inset);
6468
- padding-right: 16px;
6469
- padding-right: var(--public-tab--inset);
6463
+ .htdKg6As4bY- {
6464
+ padding-top: var(--tab--vertical-inset);
6465
+ padding-bottom: var(--tab--vertical-inset);
6466
+ padding-left: 16px;
6467
+ padding-left: var(--public-tab--inset);
6468
+ padding-right: 16px;
6469
+ padding-right: var(--public-tab--inset);
6470
+ }
6471
+
6472
+ .jC1GzRIJp74- {
6473
+ display: grid;
6474
+ grid-gap: var(--public-tile-space);
6475
+ width: var(--public-tiles-width);
6476
+ }
6477
+
6478
+ @supports (width: min(var(--public-tile-min-size), 100%)) {
6479
+ .jC1GzRIJp74- {
6480
+ grid-template-columns: repeat(
6481
+ auto-fill,
6482
+ minmax(min(var(--public-tile-min-size), 100%), 1fr)
6483
+ );
6484
+ }
6485
+ }
6486
+
6487
+ ._0Tvq24WjeX8- {
6488
+ position: relative;
6489
+ z-index: 1003;
6490
+ z-index: var(--elevation-toast);
6491
+ }
6492
+
6493
+ .GznHKPkdb1s- {
6494
+ display: -ms-flexbox;
6495
+ display: flex;
6496
+ position: fixed;
6497
+ right: 0;
6498
+ bottom: 24px;
6499
+ bottom: var(--space-large);
6500
+ left: 0;
6501
+ z-index: 1003;
6502
+ z-index: var(--elevation-toast);
6503
+ width: 100%;
6504
+ box-sizing: border-box;
6505
+ -ms-flex-direction: column;
6506
+ flex-direction: column;
6507
+ -ms-flex-align: center;
6508
+ align-items: center;
6509
+ padding: 0 24px;
6510
+ padding: 0 var(--space-large);
6511
+ color: rgba(255, 255, 255, 1);
6512
+ color: var(--color-text--reverse);
6513
+ font-size: 16px;
6514
+ font-size: var(--typography--fontSize-large);
6515
+ pointer-events: none;
6516
+ }
6517
+
6518
+ .W8zgWZqmIlk- {
6519
+ box-shadow: 0px 16px 16px 0px rgba(0, 0, 0, 0.075), 0px 0px 8px 0px rgba(0, 0, 0, 0.05);
6520
+ box-shadow: var(--shadow-high);
6521
+ overflow: hidden;
6522
+ pointer-events: all;
6523
+ }
6524
+
6525
+ .W8zgWZqmIlk- + .W8zgWZqmIlk- {
6526
+ margin-top: 16px;
6527
+ margin-top: var(--space-base);
6528
+ }
6529
+
6530
+ .ol3srk7PviM- {
6531
+ display: -ms-flexbox;
6532
+ display: flex;
6533
+ gap: 8px;
6534
+ gap: var(--space-small);
6535
+ -ms-flex-align: center;
6536
+ align-items: center;
6537
+ padding: 4px 4px 4px;
6538
+ padding: var(--space-smaller) var(--space-smaller) var(--space-smaller);
6539
+ padding-left: calc(8px + 4px);
6540
+ padding-left: calc(var(--space-small) + var(--space-smaller));
6541
+ border-radius: 8px;
6542
+ border-radius: var(--radius-base);
6543
+ background: hsl(197, 90%, 12%);
6544
+ background: var(--color-surface--reverse);
6545
+ }
6546
+
6547
+ /* Use of !important to make the button icon visible in
6548
+ the reverse color scheme of Toast */
6549
+
6550
+ .ibhpdUt9YLo- * path {
6551
+ fill: hsl(197, 15%, 43%) !important;
6552
+ fill: var(--color-text--secondary) !important;
6553
+ }
6554
+
6555
+ .ibhpdUt9YLo-:hover * path {
6556
+ fill: hsl(197, 15%, 43%) !important;
6557
+ fill: var(--color-greyBlue) !important;
6470
6558
  }
6471
6559
 
6472
6560
  .sZQ1M6tj8-c- {
@@ -6579,94 +6667,6 @@ ul.LfIIg9bwrhQ- {
6579
6667
  line-height: var(--typography--lineHeight-base);
6580
6668
  }
6581
6669
 
6582
- .jC1GzRIJp74- {
6583
- display: grid;
6584
- grid-gap: var(--public-tile-space);
6585
- width: var(--public-tiles-width);
6586
- }
6587
-
6588
- @supports (width: min(var(--public-tile-min-size), 100%)) {
6589
- .jC1GzRIJp74- {
6590
- grid-template-columns: repeat(
6591
- auto-fill,
6592
- minmax(min(var(--public-tile-min-size), 100%), 1fr)
6593
- );
6594
- }
6595
- }
6596
-
6597
- ._0Tvq24WjeX8- {
6598
- position: relative;
6599
- z-index: 1003;
6600
- z-index: var(--elevation-toast);
6601
- }
6602
-
6603
- .GznHKPkdb1s- {
6604
- display: -ms-flexbox;
6605
- display: flex;
6606
- position: fixed;
6607
- right: 0;
6608
- bottom: 24px;
6609
- bottom: var(--space-large);
6610
- left: 0;
6611
- z-index: 1003;
6612
- z-index: var(--elevation-toast);
6613
- width: 100%;
6614
- box-sizing: border-box;
6615
- -ms-flex-direction: column;
6616
- flex-direction: column;
6617
- -ms-flex-align: center;
6618
- align-items: center;
6619
- padding: 0 24px;
6620
- padding: 0 var(--space-large);
6621
- color: rgba(255, 255, 255, 1);
6622
- color: var(--color-text--reverse);
6623
- font-size: 16px;
6624
- font-size: var(--typography--fontSize-large);
6625
- pointer-events: none;
6626
- }
6627
-
6628
- .W8zgWZqmIlk- {
6629
- box-shadow: 0px 16px 16px 0px rgba(0, 0, 0, 0.075), 0px 0px 8px 0px rgba(0, 0, 0, 0.05);
6630
- box-shadow: var(--shadow-high);
6631
- overflow: hidden;
6632
- pointer-events: all;
6633
- }
6634
-
6635
- .W8zgWZqmIlk- + .W8zgWZqmIlk- {
6636
- margin-top: 16px;
6637
- margin-top: var(--space-base);
6638
- }
6639
-
6640
- .ol3srk7PviM- {
6641
- display: -ms-flexbox;
6642
- display: flex;
6643
- gap: 8px;
6644
- gap: var(--space-small);
6645
- -ms-flex-align: center;
6646
- align-items: center;
6647
- padding: 4px 4px 4px;
6648
- padding: var(--space-smaller) var(--space-smaller) var(--space-smaller);
6649
- padding-left: calc(8px + 4px);
6650
- padding-left: calc(var(--space-small) + var(--space-smaller));
6651
- border-radius: 8px;
6652
- border-radius: var(--radius-base);
6653
- background: hsl(197, 90%, 12%);
6654
- background: var(--color-surface--reverse);
6655
- }
6656
-
6657
- /* Use of !important to make the button icon visible in
6658
- the reverse color scheme of Toast */
6659
-
6660
- .ibhpdUt9YLo- * path {
6661
- fill: hsl(197, 15%, 43%) !important;
6662
- fill: var(--color-text--secondary) !important;
6663
- }
6664
-
6665
- .ibhpdUt9YLo-:hover * path {
6666
- fill: hsl(197, 15%, 43%) !important;
6667
- fill: var(--color-greyBlue) !important;
6668
- }
6669
-
6670
6670
  /**
6671
6671
  * Used in the wrapping chips component:
6672
6672
  * - InternalChipSingleSelect
@@ -7255,18 +7255,6 @@ ul.LfIIg9bwrhQ- {
7255
7255
  background: var(--color-disabled);
7256
7256
  }
7257
7257
 
7258
- ._3hq7jJitEgs- {
7259
- display: -ms-flexbox;
7260
- display: flex;
7261
- -ms-flex-direction: column;
7262
- flex-direction: column;
7263
- min-width: 0;
7264
- }
7265
-
7266
- .oWJNe7O1DFI- {
7267
- white-space: pre-wrap;
7268
- }
7269
-
7270
7258
  .QJaShYW08G4- {
7271
7259
  gap: 1px;
7272
7260
  gap: var(--space-minuscule);
@@ -7342,6 +7330,18 @@ ul.LfIIg9bwrhQ- {
7342
7330
  border-radius: var(--radius-circle);
7343
7331
  }
7344
7332
 
7333
+ ._3hq7jJitEgs- {
7334
+ display: -ms-flexbox;
7335
+ display: flex;
7336
+ -ms-flex-direction: column;
7337
+ flex-direction: column;
7338
+ min-width: 0;
7339
+ }
7340
+
7341
+ .oWJNe7O1DFI- {
7342
+ white-space: pre-wrap;
7343
+ }
7344
+
7345
7345
  .CXP1mw5bm-s- {
7346
7346
  height: auto;
7347
7347
  }
@@ -7392,37 +7392,6 @@ ul.LfIIg9bwrhQ- {
7392
7392
  border-left-width: var(--box-border-left);
7393
7393
  }
7394
7394
 
7395
- .pyQJ1Rwtg3Q- {
7396
- padding: 0;
7397
- padding: var(--box-padding, 0);
7398
- }
7399
-
7400
- .J0XrYI95Nwo- {
7401
- padding-left: var(--box-padding-horizontal);
7402
- padding-right: var(--box-padding-horizontal);
7403
- }
7404
-
7405
- .krPrcZ2t1Mg- {
7406
- padding-top: var(--box-padding-vertical);
7407
- padding-bottom: var(--box-padding-vertical);
7408
- }
7409
-
7410
- .Ms36xmpr504- {
7411
- padding-top: var(--box-padding-top);
7412
- }
7413
-
7414
- .HR4tB8Ht7-w- {
7415
- padding-right: var(--box-padding-right);
7416
- }
7417
-
7418
- ._5mybhdcr7f0- {
7419
- padding-bottom: var(--box-padding-bottom);
7420
- }
7421
-
7422
- .eRM9czZkHgE- {
7423
- padding-left: var(--box-padding-left);
7424
- }
7425
-
7426
7395
  .vqVnWscsiIQ- {
7427
7396
  margin: 0;
7428
7397
  margin: var(--box-margin, 0);
@@ -7454,37 +7423,35 @@ ul.LfIIg9bwrhQ- {
7454
7423
  margin-left: var(--box-margin-left);
7455
7424
  }
7456
7425
 
7457
- ._6dlpcG-oxT4- {
7458
- -webkit-animation-duration: var(--duration-base);
7459
- animation-duration: var(--duration-base);
7426
+ .pyQJ1Rwtg3Q- {
7427
+ padding: 0;
7428
+ padding: var(--box-padding, 0);
7460
7429
  }
7461
7430
 
7462
- .NlRB1Xq-sFE- {
7463
- -webkit-animation-duration: calc(var(--duration-fast));
7464
- animation-duration: calc(var(--duration-fast));
7431
+ .J0XrYI95Nwo- {
7432
+ padding-left: var(--box-padding-horizontal);
7433
+ padding-right: var(--box-padding-horizontal);
7465
7434
  }
7466
7435
 
7467
- .vAVS-6e-jJo- {
7468
- width: 100%;
7436
+ .krPrcZ2t1Mg- {
7437
+ padding-top: var(--box-padding-vertical);
7438
+ padding-bottom: var(--box-padding-vertical);
7469
7439
  }
7470
7440
 
7471
- .tZgae6SZ8WA- {
7472
- width: 85%;
7441
+ .Ms36xmpr504- {
7442
+ padding-top: var(--box-padding-top);
7473
7443
  }
7474
7444
 
7475
- .ec-sGgENoOw- {
7476
- width: 70%;
7445
+ .HR4tB8Ht7-w- {
7446
+ padding-right: var(--box-padding-right);
7477
7447
  }
7478
7448
 
7479
- .ONvR3LocsA4-,
7480
- .j-gTsb6UsQs- {
7481
- width: auto;
7482
- aspect-ratio: 1;
7449
+ ._5mybhdcr7f0- {
7450
+ padding-bottom: var(--box-padding-bottom);
7483
7451
  }
7484
7452
 
7485
- .j-gTsb6UsQs- {
7486
- border-radius: 100%;
7487
- border-radius: var(--radius-circle);
7453
+ .eRM9czZkHgE- {
7454
+ padding-left: var(--box-padding-left);
7488
7455
  }
7489
7456
 
7490
7457
  .bjemHBSLuQ0- {
@@ -7520,6 +7487,39 @@ ul.LfIIg9bwrhQ- {
7520
7487
  min-height: var(--space-base);
7521
7488
  }
7522
7489
 
7490
+ ._6dlpcG-oxT4- {
7491
+ -webkit-animation-duration: var(--duration-base);
7492
+ animation-duration: var(--duration-base);
7493
+ }
7494
+
7495
+ .NlRB1Xq-sFE- {
7496
+ -webkit-animation-duration: calc(var(--duration-fast));
7497
+ animation-duration: calc(var(--duration-fast));
7498
+ }
7499
+
7500
+ .vAVS-6e-jJo- {
7501
+ width: 100%;
7502
+ }
7503
+
7504
+ .tZgae6SZ8WA- {
7505
+ width: 85%;
7506
+ }
7507
+
7508
+ .ec-sGgENoOw- {
7509
+ width: 70%;
7510
+ }
7511
+
7512
+ .ONvR3LocsA4-,
7513
+ .j-gTsb6UsQs- {
7514
+ width: auto;
7515
+ aspect-ratio: 1;
7516
+ }
7517
+
7518
+ .j-gTsb6UsQs- {
7519
+ border-radius: 100%;
7520
+ border-radius: var(--radius-circle);
7521
+ }
7522
+
7523
7523
  .EJeK329S0z0- {
7524
7524
  padding: var(--horizontal-inset) calc(var(--horizontal-inset) / 2);
7525
7525
  text-align: left;
@@ -7606,15 +7606,19 @@ ul.LfIIg9bwrhQ- {
7606
7606
  line-height: var(--typography--lineHeight-tight);
7607
7607
  }
7608
7608
 
7609
- .j4h-0Mxa5gk- {
7610
- margin: 0;
7611
- padding: 0;
7612
- font-family: Inter, Helvetica, Arial, sans-serif;
7613
- font-family: var(--typography--fontFamily-normal);
7614
- /* Wrap really long words or URL's */
7615
- word-wrap: break-word;
7616
- overflow-wrap: break-word;
7617
- word-wrap: break-word;
7609
+ .ws2Y0LqNNfk- {
7610
+ font-style: italic;
7611
+ }
7612
+
7613
+ .kw63z71hYYU- {
7614
+ display: inline;
7615
+ font-family: inherit;
7616
+ font-style: normal;
7617
+ font-weight: inherit;
7618
+ 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");
7619
+ background-position: center bottom;
7620
+ background-repeat: no-repeat;
7621
+ background-size: 100% 20%;
7618
7622
  }
7619
7623
 
7620
7624
  .xFJ-FmjV3BE- {
@@ -7669,6 +7673,17 @@ ul.LfIIg9bwrhQ- {
7669
7673
  text-transform: none;
7670
7674
  }
7671
7675
 
7676
+ .j4h-0Mxa5gk- {
7677
+ margin: 0;
7678
+ padding: 0;
7679
+ font-family: Inter, Helvetica, Arial, sans-serif;
7680
+ font-family: var(--typography--fontFamily-normal);
7681
+ /* Wrap really long words or URL's */
7682
+ word-wrap: break-word;
7683
+ overflow-wrap: break-word;
7684
+ word-wrap: break-word;
7685
+ }
7686
+
7672
7687
  /* Base colors for backwards compatability */
7673
7688
 
7674
7689
  .xNqFL54SrGc- {
@@ -8006,19 +8021,12 @@ ul.LfIIg9bwrhQ- {
8006
8021
  color: var(--color-brand);
8007
8022
  }
8008
8023
 
8009
- .ws2Y0LqNNfk- {
8010
- font-style: italic;
8024
+ .bvnCrlndVHs- {
8025
+ display: -webkit-box !important;
8011
8026
  }
8012
-
8013
- .kw63z71hYYU- {
8014
- display: inline;
8015
- font-family: inherit;
8016
- font-style: normal;
8017
- font-weight: inherit;
8018
- 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");
8019
- background-position: center bottom;
8020
- background-repeat: no-repeat;
8021
- background-size: 100% 20%;
8027
+ .bvnCrlndVHs- {
8028
+ -webkit-box-orient: vertical;
8029
+ overflow: hidden;
8022
8030
  }
8023
8031
 
8024
8032
  .r5lyOVfBlMI- {
@@ -8033,21 +8041,6 @@ ul.LfIIg9bwrhQ- {
8033
8041
  text-align: right;
8034
8042
  }
8035
8043
 
8036
- .qp8E5e4q-so- {
8037
- text-decoration-line: underline;
8038
- text-decoration-thickness: 1px;
8039
- text-underline-offset: 4px;
8040
- text-underline-offset: var(--space-smaller);
8041
- }
8042
-
8043
- .bvnCrlndVHs- {
8044
- display: -webkit-box !important;
8045
- }
8046
- .bvnCrlndVHs- {
8047
- -webkit-box-orient: vertical;
8048
- overflow: hidden;
8049
- }
8050
-
8051
8044
  .V9SSKxs15xE- {
8052
8045
  font-family: Inter, Helvetica, Arial, sans-serif;
8053
8046
  font-family: var(--typography--fontFamily-normal);
@@ -8058,6 +8051,13 @@ ul.LfIIg9bwrhQ- {
8058
8051
  font-family: var(--typography--fontFamily-display);
8059
8052
  }
8060
8053
 
8054
+ .qp8E5e4q-so- {
8055
+ text-decoration-line: underline;
8056
+ text-decoration-thickness: 1px;
8057
+ text-underline-offset: 4px;
8058
+ text-underline-offset: var(--space-smaller);
8059
+ }
8060
+
8061
8061
  .XRnU90M2-fs- {
8062
8062
  display: -ms-flexbox;
8063
8063
  display: flex;
@@ -8238,6 +8238,30 @@ ul.LfIIg9bwrhQ- {
8238
8238
  margin-right: var(--space-base);
8239
8239
  }
8240
8240
 
8241
+ .-R-TvZ9aU9g- {
8242
+ display: grid;
8243
+ width: 100%;
8244
+ padding: 4px;
8245
+ padding: var(--space-smaller);
8246
+ border: 1px solid hsl(200, 13%, 87%);
8247
+ border: var(--border-base) solid var(--color-border);
8248
+ border-radius: 16px;
8249
+ border-radius: var(--radius-large);
8250
+ grid-template-columns: repeat(7, 1fr);
8251
+ row-gap: 4px;
8252
+ grid-row-gap: 4px;
8253
+ grid-row-gap: var(--space-smaller);
8254
+ row-gap: var(--space-smaller);
8255
+ -webkit-column-gap: 4px;
8256
+ -webkit-column-gap: var(--space-smaller);
8257
+ -moz-column-gap: 4px;
8258
+ -moz-column-gap: var(--space-smaller);
8259
+ column-gap: 4px;
8260
+ grid-column-gap: 4px;
8261
+ grid-column-gap: var(--space-smaller);
8262
+ column-gap: var(--space-smaller);
8263
+ }
8264
+
8241
8265
  .Qup9qglgfQ8- {
8242
8266
  display: grid;
8243
8267
  grid-template-columns: 48px 1fr;
@@ -8278,30 +8302,6 @@ ul.LfIIg9bwrhQ- {
8278
8302
  border-top-left-radius: 0;
8279
8303
  }
8280
8304
 
8281
- .-R-TvZ9aU9g- {
8282
- display: grid;
8283
- width: 100%;
8284
- padding: 4px;
8285
- padding: var(--space-smaller);
8286
- border: 1px solid hsl(200, 13%, 87%);
8287
- border: var(--border-base) solid var(--color-border);
8288
- border-radius: 16px;
8289
- border-radius: var(--radius-large);
8290
- grid-template-columns: repeat(7, 1fr);
8291
- row-gap: 4px;
8292
- grid-row-gap: 4px;
8293
- grid-row-gap: var(--space-smaller);
8294
- row-gap: var(--space-smaller);
8295
- -webkit-column-gap: 4px;
8296
- -webkit-column-gap: var(--space-smaller);
8297
- -moz-column-gap: 4px;
8298
- -moz-column-gap: var(--space-smaller);
8299
- column-gap: 4px;
8300
- grid-column-gap: 4px;
8301
- grid-column-gap: var(--space-smaller);
8302
- column-gap: var(--space-smaller);
8303
- }
8304
-
8305
8305
  ._4d0IFF7M5S0- {
8306
8306
  display: grid;
8307
8307
  width: 100%;
@@ -8515,12 +8515,6 @@ ul.LfIIg9bwrhQ- {
8515
8515
  margin-left: var(--space-small);
8516
8516
  }
8517
8517
 
8518
- ._9wfZRG5vXI8- {
8519
- min-width: 80px;
8520
- margin-left: 8px;
8521
- margin-left: var(--space-small);
8522
- }
8523
-
8524
8518
  ._85AuDa3YmT4- {
8525
8519
  position: relative;
8526
8520
  }
@@ -8556,6 +8550,12 @@ ul.LfIIg9bwrhQ- {
8556
8550
  min-width: var(--space-largest);
8557
8551
  }
8558
8552
 
8553
+ ._9wfZRG5vXI8- {
8554
+ min-width: 80px;
8555
+ margin-left: 8px;
8556
+ margin-left: var(--space-small);
8557
+ }
8558
+
8559
8559
  .u5YTRL-PlTI- {
8560
8560
  --offset: 1px;
8561
8561
  --sticky-header-transition-properties: var(--timing-base) ease-in-out;
@@ -8611,52 +8611,6 @@ ul.LfIIg9bwrhQ- {
8611
8611
  width var(--sticky-header-transition-properties) var(--timing-quick);
8612
8612
  }
8613
8613
 
8614
- .aJIHa8Q-WbY- {
8615
- position: relative;
8616
- -webkit-transform: translateY(calc(48px * -1));
8617
- -webkit-transform: translateY(calc(var(--space-largest) * -1));
8618
- transform: translateY(calc(48px * -1));
8619
- transform: translateY(calc(var(--space-largest) * -1));
8620
- }
8621
-
8622
- .lLYWNAYcURY-,
8623
- .qA8J2KI6khc- {
8624
- display: -ms-flexbox;
8625
- display: flex;
8626
- -ms-flex-pack: center;
8627
- justify-content: center;
8628
- padding: 8px;
8629
- padding: var(--space-small);
8630
- }
8631
-
8632
- .qA8J2KI6khc- {
8633
- opacity: 0;
8634
- -webkit-animation: WKPuBJINNCg- 200ms ease 200ms forwards;
8635
- -webkit-animation: WKPuBJINNCg- var(--timing-base) ease var(--timing-base) forwards;
8636
- animation: WKPuBJINNCg- 200ms ease 200ms forwards;
8637
- animation: WKPuBJINNCg- var(--timing-base) ease var(--timing-base) forwards;
8638
- }
8639
-
8640
- @-webkit-keyframes WKPuBJINNCg- {
8641
- from {
8642
- opacity: 0;
8643
- }
8644
-
8645
- to {
8646
- opacity: 1;
8647
- }
8648
- }
8649
-
8650
- @keyframes WKPuBJINNCg- {
8651
- from {
8652
- opacity: 0;
8653
- }
8654
-
8655
- to {
8656
- opacity: 1;
8657
- }
8658
- }
8659
-
8660
8614
  .S2Bu0Rv4w-E- {
8661
8615
  display: -ms-flexbox;
8662
8616
  display: flex;
@@ -8794,6 +8748,52 @@ ul.LfIIg9bwrhQ- {
8794
8748
  display: none;
8795
8749
  }
8796
8750
 
8751
+ .aJIHa8Q-WbY- {
8752
+ position: relative;
8753
+ -webkit-transform: translateY(calc(48px * -1));
8754
+ -webkit-transform: translateY(calc(var(--space-largest) * -1));
8755
+ transform: translateY(calc(48px * -1));
8756
+ transform: translateY(calc(var(--space-largest) * -1));
8757
+ }
8758
+
8759
+ .lLYWNAYcURY-,
8760
+ .qA8J2KI6khc- {
8761
+ display: -ms-flexbox;
8762
+ display: flex;
8763
+ -ms-flex-pack: center;
8764
+ justify-content: center;
8765
+ padding: 8px;
8766
+ padding: var(--space-small);
8767
+ }
8768
+
8769
+ .qA8J2KI6khc- {
8770
+ opacity: 0;
8771
+ -webkit-animation: WKPuBJINNCg- 200ms ease 200ms forwards;
8772
+ -webkit-animation: WKPuBJINNCg- var(--timing-base) ease var(--timing-base) forwards;
8773
+ animation: WKPuBJINNCg- 200ms ease 200ms forwards;
8774
+ animation: WKPuBJINNCg- var(--timing-base) ease var(--timing-base) forwards;
8775
+ }
8776
+
8777
+ @-webkit-keyframes WKPuBJINNCg- {
8778
+ from {
8779
+ opacity: 0;
8780
+ }
8781
+
8782
+ to {
8783
+ opacity: 1;
8784
+ }
8785
+ }
8786
+
8787
+ @keyframes WKPuBJINNCg- {
8788
+ from {
8789
+ opacity: 0;
8790
+ }
8791
+
8792
+ to {
8793
+ opacity: 1;
8794
+ }
8795
+ }
8796
+
8797
8797
  .R0MWvfTO9vg- {
8798
8798
  display: -ms-flexbox;
8799
8799
  display: flex;
@@ -8832,10 +8832,6 @@ ul.LfIIg9bwrhQ- {
8832
8832
  gap: var(--space-smallest);
8833
8833
  }
8834
8834
 
8835
- .CwWlXTKCPUg- {
8836
- visibility: hidden;
8837
- }
8838
-
8839
8835
  .zfAZTjk0VNE- {
8840
8836
  display: -ms-flexbox;
8841
8837
  display: flex;
@@ -8890,6 +8886,10 @@ ul.LfIIg9bwrhQ- {
8890
8886
  font-weight: 500;
8891
8887
  }
8892
8888
 
8889
+ .CwWlXTKCPUg- {
8890
+ visibility: hidden;
8891
+ }
8892
+
8893
8893
  .BJxca-StHxg- {
8894
8894
  /* Offset the button's padding so the height of the header bar doesn't change */
8895
8895
  margin: calc(8px * -1) 0;
@@ -8928,31 +8928,6 @@ ul.LfIIg9bwrhQ- {
8928
8928
  cursor: pointer;
8929
8929
  }
8930
8930
 
8931
- ._7-6mnR33fOk- {
8932
- width: 18px;
8933
- height: 24px;
8934
- }
8935
-
8936
- ._7-6mnR33fOk- path {
8937
- fill: hsl(198, 35%, 21%);
8938
- fill: var(--color-interactive--subtle);
8939
- transition: opacity 200ms ease;
8940
- transition: opacity var(--timing-base) ease;
8941
- }
8942
-
8943
- ._7-6mnR33fOk- path.GBbFLBGQDvI- {
8944
- opacity: 0.4;
8945
- }
8946
-
8947
- ._7-6mnR33fOk- path.ADTGMg72Zw4-,
8948
- ._7-6mnR33fOk-:hover path {
8949
- opacity: 1;
8950
- }
8951
-
8952
- ._7-6mnR33fOk-:hover path.GBbFLBGQDvI- {
8953
- opacity: 0.6;
8954
- }
8955
-
8956
8931
  .ld5hWlraYD8- {
8957
8932
  position: relative;
8958
8933
  }
@@ -9027,6 +9002,31 @@ ul.LfIIg9bwrhQ- {
9027
9002
  align-items: center;
9028
9003
  }
9029
9004
 
9005
+ ._7-6mnR33fOk- {
9006
+ width: 18px;
9007
+ height: 24px;
9008
+ }
9009
+
9010
+ ._7-6mnR33fOk- path {
9011
+ fill: hsl(198, 35%, 21%);
9012
+ fill: var(--color-interactive--subtle);
9013
+ transition: opacity 200ms ease;
9014
+ transition: opacity var(--timing-base) ease;
9015
+ }
9016
+
9017
+ ._7-6mnR33fOk- path.GBbFLBGQDvI- {
9018
+ opacity: 0.4;
9019
+ }
9020
+
9021
+ ._7-6mnR33fOk- path.ADTGMg72Zw4-,
9022
+ ._7-6mnR33fOk-:hover path {
9023
+ opacity: 1;
9024
+ }
9025
+
9026
+ ._7-6mnR33fOk-:hover path.GBbFLBGQDvI- {
9027
+ opacity: 0.6;
9028
+ }
9029
+
9030
9030
  .a-KvXvaVQks- {
9031
9031
  --overflow-fade--offset: var(--space-smaller);
9032
9032
  --overflow-fade--negative-offset: calc(var(--overflow-fade--offset) * -1);