@jobber/components 6.47.0 → 6.49.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/styles.css CHANGED
@@ -2,206 +2,6 @@
2
2
  display: contents;
3
3
  }
4
4
 
5
- ._7mObJiwfPh4- {
6
- position: relative;
7
- width: 100%;
8
- }
9
-
10
- .dL5JShAJlKM- {
11
- visibility: hidden;
12
- z-index: calc(6 + 1001);
13
- z-index: calc(var(--elevation-menu) + var(--elevation-modal));
14
- width: 0;
15
- height: 0;
16
- box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
17
- box-shadow: var(--shadow-base);
18
- box-sizing: border-box;
19
- margin: 0;
20
- padding: 0;
21
- border: 1px solid var(--color-color-border);
22
- border: var(--border-base) solid var(--color-color-border);
23
- border-radius: 8px;
24
- border-radius: var(--radius-base);
25
- overflow: auto;
26
- background-color: rgba(255, 255, 255, 1);
27
- background-color: var(--color-surface);
28
- scroll-behavior: smooth;
29
- opacity: 0;
30
- }
31
-
32
- .dL5JShAJlKM- .PWZL-94hH7k- {
33
- padding: 8px 0 4px 8px;
34
- padding: var(--space-small) 0 var(--space-smaller) var(--space-small);
35
- border-bottom: 1px solid hsl(200, 13%, 87%);
36
- border-bottom: var(--border-base) solid var(--color-border);
37
- }
38
-
39
- .dL5JShAJlKM-._2RzcnTdaPyc- {
40
- visibility: visible;
41
- width: 100%;
42
- height: auto;
43
- max-height: 300px;
44
- opacity: 1;
45
- }
46
-
47
- .dL5JShAJlKM-._2RzcnTdaPyc-:empty {
48
- visibility: hidden;
49
- opacity: 0;
50
- }
51
-
52
- .y9zhi8Wr8QA- {
53
- display: -ms-flexbox;
54
- display: flex;
55
- width: 100%;
56
- -ms-flex-direction: row;
57
- flex-direction: row;
58
- -ms-flex-wrap: nowrap;
59
- flex-wrap: nowrap;
60
- -ms-flex-pack: start;
61
- justify-content: flex-start;
62
- -ms-flex-line-pack: stretch;
63
- align-content: stretch;
64
- -ms-flex-align: center;
65
- align-items: center;
66
- padding: 8px;
67
- padding: var(--space-small);
68
- border: none;
69
- text-align: left;
70
- list-style: none;
71
- background-color: transparent;
72
- cursor: pointer;
73
- }
74
-
75
- .y9zhi8Wr8QA-:hover,
76
- .y9zhi8Wr8QA-:focus,
77
- .y9zhi8Wr8QA-._3Xg49dtL1Q8- {
78
- background-color: hsl(53, 21%, 93%);
79
- background-color: var(--color-surface--hover);
80
- outline-color: hsl(198, 12%, 57%);
81
- outline-color: var(--color-focus);
82
- }
83
-
84
- .y9zhi8Wr8QA-.LIeh390F3W8-:not(:last-child) {
85
- border-bottom: 1px solid hsl(200, 13%, 87%);
86
- border-bottom: var(--border-base) solid var(--color-border);
87
- }
88
-
89
- .dL5JShAJlKM-:hover .y9zhi8Wr8QA-._3Xg49dtL1Q8-:not(:hover) {
90
- background-color: transparent;
91
- outline-color: transparent;
92
- }
93
-
94
- .dL5JShAJlKM- .PWZL-94hH7k-:not(:first-child) {
95
- padding-top: 16px;
96
- padding-top: var(--space-base);
97
- }
98
-
99
- .y9zhi8Wr8QA- .K2phy6IC3TY- {
100
- -ms-flex: 0 1 auto;
101
- flex: 0 1 auto;
102
- -ms-flex-item-align: auto;
103
- align-self: auto;
104
- width: 24px;
105
- width: var(--space-large);
106
- }
107
-
108
- .y9zhi8Wr8QA- .a6-LbUm5WnY- {
109
- display: -ms-inline-flexbox;
110
- display: inline-flex;
111
- -ms-flex: 1 100%;
112
- flex: 1 100%;
113
- -ms-flex-wrap: wrap;
114
- flex-wrap: wrap;
115
- }
116
-
117
- .y9zhi8Wr8QA- .tQNbuxcE9nU- {
118
- -ms-flex: 2;
119
- flex: 2;
120
- }
121
-
122
- .y9zhi8Wr8QA- .qacStG9-XbE- {
123
- -ms-flex: 1;
124
- flex: 1;
125
- -ms-flex-item-align: end;
126
- align-self: flex-end;
127
- text-align: right;
128
- }
129
-
130
- :root {
131
- --public--avatar-size: 32px;
132
- }
133
-
134
- .QJpdGzG71k8- {
135
- --avatar-size: var(--public--avatar-size);
136
- --avatar-border-size: var(--border-base);
137
-
138
- display: -ms-flexbox;
139
-
140
- display: flex;
141
- -ms-flex-align: center;
142
- align-items: center;
143
- -ms-flex-pack: center;
144
- justify-content: center;
145
- width: 32px;
146
- width: var(--avatar-size);
147
- height: 32px;
148
- height: var(--avatar-size);
149
- min-width: 32px;
150
- min-width: var(--avatar-size);
151
- min-height: 32px;
152
- min-height: var(--avatar-size);
153
- border-radius: 100%;
154
- border-radius: var(--radius-circle);
155
- color: hsl(197, 90%, 12%);
156
- color: var(--color-heading);
157
- font-size: 32px;
158
- font-size: var(--avatar-size);
159
- -webkit-font-smoothing: antialiased;
160
- background: no-repeat center center hsl(197, 15%, 43%);
161
- background: no-repeat center center var(--color-base-blue--600);
162
- background-size: cover;
163
- }
164
-
165
- .QJpdGzG71k8-:focus {
166
- box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
167
- box-shadow: var(--shadow-focus);
168
- outline: none;
169
- }
170
-
171
- .bexrcoi1lZk- {
172
- --avatar-size: 72px;
173
- --avatar-border-size: var(--border-thick);
174
- }
175
-
176
- .xytAyzEap3U- {
177
- --avatar-size: 24px;
178
- }
179
-
180
- /* isDark is dynamic and applies only when background is dark */
181
-
182
- .E0Pgej0H3YA- {
183
- color: rgba(255, 255, 255, 1);
184
- color: var(--color-base-white);
185
- }
186
-
187
- ._85roPa-UvXQ- {
188
- font-size: calc(var(--avatar-size) / 2);
189
- text-transform: uppercase;
190
- }
191
-
192
- .meLH-BCeXWU- {
193
- font-size: calc(var(--avatar-size) / 2.25);
194
- }
195
-
196
- .OsEsZnEnjLc- {
197
- width: calc(var(--avatar-size) - (var(--avatar-border-size) * 2));
198
- height: calc(var(--avatar-size) - (var(--avatar-border-size) * 2));
199
- box-shadow: 0 0 0 2px rgba(255, 255, 255, 1) inset;
200
- box-shadow: 0 0 0 var(--border-thick) var(--color-surface) inset;
201
- border-style: solid;
202
- border-width: var(--avatar-border-size);
203
- }
204
-
205
5
  .ucGelS5nNm0- {
206
6
  --banner-surface: var(--color-surface);
207
7
  --banner-textColor: var(--color-text);
@@ -374,410 +174,277 @@
374
174
  }
375
175
 
376
176
  :root {
377
- --public--button--color-variation: var(--color-interactive);
378
- --public--button--color-variation--hover: var(--color-interactive--hover);
177
+ --public--avatar-size: 32px;
379
178
  }
380
179
 
381
- ._7BLGtYNuJOU- {
382
- --button--color-surface: var(--color-surface);
383
- --button--color-surface--hover: var(--color-surface--hover);
384
- --button--color-primaryLabel: var(--color-surface);
385
- --button--duration-loading: var(--timing-loading--extended);
386
- --button--size: 40px;
180
+ .QJpdGzG71k8- {
181
+ --avatar-size: var(--public--avatar-size);
182
+ --avatar-border-size: var(--border-base);
387
183
 
388
- display: -ms-inline-flexbox;
184
+ display: -ms-flexbox;
389
185
 
390
- display: inline-flex;
391
- min-height: 40px;
392
- min-height: var(--button--size);
393
- box-sizing: border-box;
394
- margin: 0;
395
- border: 1px solid hsl(107, 58%, 33%);
396
- border: var(--border-base) solid var(--public--button--color-variation);
397
- border-radius: 8px;
398
- border-radius: var(--radius-base);
399
- color: hsl(107, 58%, 33%);
400
- color: var(--public--button--color-variation);
401
- -webkit-font-smoothing: antialiased;
402
- line-height: 1;
403
- text-align: center;
404
- -webkit-text-decoration: none;
405
- text-decoration: none;
406
- vertical-align: middle;
407
- background-color: rgba(255, 255, 255, 1);
408
- background-color: var(--button--color-surface);
409
- cursor: pointer;
410
- transition: all 200ms ease-out;
411
- transition: all var(--timing-base) ease-out;
412
- -webkit-appearance: none;
413
- appearance: none;
414
- fill: hsl(107, 58%, 33%);
415
- fill: var(--public--button--color-variation);
186
+ display: flex;
416
187
  -ms-flex-align: center;
417
188
  align-items: center;
418
189
  -ms-flex-pack: center;
419
190
  justify-content: center;
420
- gap: 4px;
421
- gap: var(--space-smaller);
422
- }
423
-
424
- ._7BLGtYNuJOU- * {
425
- fill: inherit !important;
426
- }
427
-
428
- ._7BLGtYNuJOU- * {
429
- color: inherit;
430
- /* required to over-ride very specific fill from <Icon> */
431
- }
432
-
433
- ._7BLGtYNuJOU-:hover,
434
- a._7BLGtYNuJOU-:hover,
435
- ._7BLGtYNuJOU-:focus-visible,
436
- a._7BLGtYNuJOU-:focus-visible,
437
- ._7BLGtYNuJOU-:active,
438
- a._7BLGtYNuJOU-:active {
439
- border-color: hsl(107, 65%, 24%);
440
- border-color: var(--public--button--color-variation--hover);
441
- color: hsl(107, 65%, 24%);
442
- color: var(--public--button--color-variation--hover);
443
- fill: hsl(107, 65%, 24%);
444
- fill: var(--public--button--color-variation--hover);
445
- background-color: var(--button--color-surface--hover);
191
+ width: 32px;
192
+ width: var(--avatar-size);
193
+ height: 32px;
194
+ height: var(--avatar-size);
195
+ min-width: 32px;
196
+ min-width: var(--avatar-size);
197
+ min-height: 32px;
198
+ min-height: var(--avatar-size);
199
+ border-radius: 100%;
200
+ border-radius: var(--radius-circle);
201
+ color: hsl(197, 90%, 12%);
202
+ color: var(--color-heading);
203
+ font-size: 32px;
204
+ font-size: var(--avatar-size);
205
+ -webkit-font-smoothing: antialiased;
206
+ background: no-repeat center center hsl(197, 15%, 43%);
207
+ background: no-repeat center center var(--color-base-blue--600);
208
+ background-size: cover;
446
209
  }
447
210
 
448
- ._7BLGtYNuJOU-:focus-visible,
449
- a._7BLGtYNuJOU-:focus-visible,
450
- ._7BLGtYNuJOU-:active,
451
- a._7BLGtYNuJOU-:active {
211
+ .QJpdGzG71k8-:focus {
452
212
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
453
213
  box-shadow: var(--shadow-focus);
454
- outline: transparent;
455
- }
456
-
457
- /* Variation */
458
-
459
- .amVSJ50CiOo- {
460
- --public--button--color-variation: var(--color-interactive);
461
- --public--button--color-variation--hover: var(--color-interactive--hover);
214
+ outline: none;
462
215
  }
463
216
 
464
- .V4GfDDF1ESI-,
465
- .MVT-qs-bO9M- {
466
- --public--button--color-variation: var(--color-interactive--subtle);
467
- --public--button--color-variation--hover: var(
468
- --color-interactive--subtle--hover
469
- );
217
+ .bexrcoi1lZk- {
218
+ --avatar-size: 72px;
219
+ --avatar-border-size: var(--border-thick);
470
220
  }
471
221
 
472
- ._9YS8IK6Inew- {
473
- --public--button--color-variation: var(--color-destructive);
474
- --public--button--color-variation--hover: var(--color-destructive--hover);
222
+ .xytAyzEap3U- {
223
+ --avatar-size: 24px;
475
224
  }
476
225
 
477
- /* Type */
478
-
479
- .TrzCxs3OEpM-:not(.MVT-qs-bO9M-):not(.zgRx3ehZ2z8-),
480
- .TrzCxs3OEpM-:not(.MVT-qs-bO9M-):not(.zgRx3ehZ2z8-):hover,
481
- .TrzCxs3OEpM-:not(.MVT-qs-bO9M-):not(.zgRx3ehZ2z8-):focus-visible {
482
- color: var(--button--color-primaryLabel);
483
- background-color: hsl(107, 58%, 33%);
484
- background-color: var(--public--button--color-variation);
485
- fill: var(--button--color-primaryLabel);
486
- }
226
+ /* isDark is dynamic and applies only when background is dark */
487
227
 
488
- .TrzCxs3OEpM-:not(.MVT-qs-bO9M-):not(.zgRx3ehZ2z8-):hover,
489
- .TrzCxs3OEpM-:not(.MVT-qs-bO9M-):not(.zgRx3ehZ2z8-):focus-visible {
490
- background-color: hsl(107, 65%, 24%);
491
- background-color: var(--public--button--color-variation--hover);
228
+ .E0Pgej0H3YA- {
229
+ color: rgba(255, 255, 255, 1);
230
+ color: var(--color-base-white);
492
231
  }
493
232
 
494
- .MVT-qs-bO9M-.TrzCxs3OEpM- {
495
- color: hsl(107, 58%, 33%);
496
- color: var(--public--button--color-variation);
497
- fill: hsl(107, 58%, 33%);
498
- fill: var(--public--button--color-variation);
499
- background-color: var(--button--color-surface);
233
+ ._85roPa-UvXQ- {
234
+ font-size: calc(var(--avatar-size) / 2);
235
+ text-transform: uppercase;
500
236
  }
501
237
 
502
- .QaWL8FLJ5Aw-,
503
- .MVT-qs-bO9M-.TrzCxs3OEpM- {
504
- border-color: hsl(200, 13%, 87%);
505
- border-color: var(--color-border--interactive);
238
+ .meLH-BCeXWU- {
239
+ font-size: calc(var(--avatar-size) / 2.25);
506
240
  }
507
241
 
508
- .MVT-qs-bO9M-.TrzCxs3OEpM-:hover,
509
- .MVT-qs-bO9M-.TrzCxs3OEpM-:focus-visible {
510
- color: hsl(107, 65%, 24%);
511
- color: var(--public--button--color-variation--hover);
512
- background-color: var(--button--color-surface--hover);
513
- fill: hsl(107, 65%, 24%);
514
- fill: var(--public--button--color-variation--hover);
242
+ .OsEsZnEnjLc- {
243
+ width: calc(var(--avatar-size) - (var(--avatar-border-size) * 2));
244
+ height: calc(var(--avatar-size) - (var(--avatar-border-size) * 2));
245
+ box-shadow: 0 0 0 2px rgba(255, 255, 255, 1) inset;
246
+ box-shadow: 0 0 0 var(--border-thick) var(--color-surface) inset;
247
+ border-style: solid;
248
+ border-width: var(--avatar-border-size);
515
249
  }
516
250
 
517
- .QaWL8FLJ5Aw-:hover,
518
- .MVT-qs-bO9M-.TrzCxs3OEpM-:hover,
519
- .QaWL8FLJ5Aw-:focus-visible,
520
- .MVT-qs-bO9M-.TrzCxs3OEpM-:focus-visible {
521
- border-color: hsl(107, 65%, 24%);
522
- border-color: var(--public--button--color-variation--hover);
523
- }
251
+ .-PlHaWx00Hw- {
252
+ --card--accent-color: var(--color-grey);
253
+ --card--base-padding: var(--space-base);
254
+ --card--border: var(--border-base) solid var(--color-border);
524
255
 
525
- .MVT-qs-bO9M-.QaWL8FLJ5Aw- {
526
- background-color: var(--button--color-surface);
256
+ display: block;
257
+ width: 100%;
258
+ border: 1px solid hsl(200, 13%, 87%);
259
+ border: var(--card--border);
260
+ border-radius: 8px;
261
+ border-radius: var(--radius-base);
262
+ outline-color: hsl(198, 12%, 57%);
263
+ outline-color: var(--color-focus);
264
+ background-color: rgba(255, 255, 255, 1);
265
+ background-color: var(--color-surface);
527
266
  }
528
267
 
529
- .MhDYVRl8PUc-,
530
- .MVT-qs-bO9M-.QaWL8FLJ5Aw- {
531
- border-color: transparent;
268
+ .-PlHaWx00Hw-:active {
269
+ outline: 0;
532
270
  }
533
271
 
534
- .MhDYVRl8PUc- {
535
- border-color: transparent;
536
- -webkit-text-decoration: underline;
537
- text-decoration: underline;
538
- text-decoration-thickness: 2px;
539
- text-decoration-thickness: var(--border-thick);
540
- text-underline-offset: 2px;
541
- text-underline-offset: var(--space-smallest);
542
- }
272
+ /* Adjust `Content` components public padding to match the cards */
543
273
 
544
- .MVT-qs-bO9M-.QaWL8FLJ5Aw-:hover,
545
- .MVT-qs-bO9M-.QaWL8FLJ5Aw-:focus-visible {
546
- background-color: var(--button--color-surface--hover);
274
+ .-PlHaWx00Hw- > * {
275
+ --public-content--padding: var(--card--base-padding);
547
276
  }
548
277
 
549
- .MVT-qs-bO9M-.QaWL8FLJ5Aw-:hover,
550
- .MVT-qs-bO9M-.QaWL8FLJ5Aw-:focus-visible,
551
- a.MVT-qs-bO9M-.QaWL8FLJ5Aw-:hover,
552
- a.MVT-qs-bO9M-.QaWL8FLJ5Aw-:focus-visible,
553
- .MhDYVRl8PUc-:hover,
554
- .MhDYVRl8PUc-:focus-visible,
555
- a.MhDYVRl8PUc-:hover,
556
- a.MhDYVRl8PUc-:focus-visible {
557
- border-color: transparent;
558
- }
278
+ /* Remove the nested `Content` components public padding */
559
279
 
560
- .MVT-qs-bO9M-.MhDYVRl8PUc- {
561
- border-color: transparent;
562
- background-color: transparent;
280
+ .-PlHaWx00Hw- > * > * {
281
+ --public-content--padding: 0;
563
282
  }
564
283
 
565
- .MVT-qs-bO9M-.MhDYVRl8PUc-:hover,
566
- .MVT-qs-bO9M-.MhDYVRl8PUc-:focus-visible,
567
- a.MVT-qs-bO9M-.MhDYVRl8PUc-:hover,
568
- a.MVT-qs-bO9M-.MhDYVRl8PUc-:focus-visible {
569
- color: hsl(197, 90%, 12%);
570
- color: var(--color-interactive--subtle--hover);
571
- background-color: hsl(53, 21%, 93%);
572
- background-color: var(--color-surface--hover);
573
- fill: hsl(197, 90%, 12%);
574
- fill: var(--color-interactive--subtle--hover);
284
+ .Iilm5Uhxo50- {
285
+ border-top-width: 0;
575
286
  }
576
287
 
577
- /* Disabled */
578
-
579
- ._7BLGtYNuJOU-.zgRx3ehZ2z8-,
580
- a._7BLGtYNuJOU-.zgRx3ehZ2z8-,
581
- ._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover,
582
- a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
583
- border-color: hsl(0, 0%, 93%);
584
- border-color: var(--color-disabled--secondary);
585
- color: hsl(0, 0%, 72%);
586
- color: var(--color-disabled);
587
- -webkit-user-select: none;
588
- -ms-user-select: none;
589
- user-select: none;
590
- background-color: hsl(0, 0%, 93%);
591
- background-color: var(--color-disabled--secondary);
592
- fill: hsl(0, 0%, 72%);
593
- fill: var(--color-disabled);
594
- pointer-events: none;
595
- cursor: not-allowed;
288
+ .Iilm5Uhxo50-::before {
289
+ content: " ";
290
+ display: block;
291
+ margin: 0 calc(-1 * 1px);
292
+ margin: 0 calc(-1 * var(--border-base));
293
+ border-top: 0.375rem solid var(--card--accent-color);
294
+ border-radius: 8px 8px 0 0;
295
+ border-radius: var(--radius-base) var(--radius-base) 0 0;
596
296
  }
597
297
 
598
- /* Sizes */
599
-
600
- .lPPuBfTJl5k- {
601
- --button--size: 32px;
602
- padding: 4px calc(16px - 4px);
603
- padding: var(--space-smaller) calc(var(--space-base) - var(--space-smaller));
298
+ .Vppn4k0fBsc- {
299
+ color: inherit;
300
+ text-decoration: inherit;
301
+ cursor: pointer;
302
+ transition: all 200ms ease-out;
303
+ transition: all var(--timing-base) ease-out;
604
304
  }
605
305
 
606
- .VyMJpVxCrxI- {
607
- padding: 0 16px;
608
- padding: 0 var(--space-base);
306
+ .Vppn4k0fBsc-:hover,
307
+ .Vppn4k0fBsc-:focus {
308
+ background-color: hsl(53, 21%, 93%);
309
+ background-color: var(--color-surface--hover);
609
310
  }
610
311
 
611
- .Uh29dvNk6I0- {
612
- --button--size: 48px;
613
- padding: 0 calc(16px + 4px);
614
- padding: 0 calc(var(--space-base) + var(--space-smaller));
312
+ .l3-Pkynq2zA- {
313
+ display: -ms-flexbox;
314
+ display: flex;
315
+ padding: var(--card--base-padding);
316
+ padding-bottom: 0;
317
+ -ms-flex-pack: justify;
318
+ justify-content: space-between;
319
+ -ms-flex-align: start;
320
+ align-items: flex-start;
321
+ gap: 8px;
322
+ gap: var(--space-small);
615
323
  }
616
324
 
617
- /* Icon */
618
-
619
- ._7BLGtYNuJOU- svg {
620
- -ms-flex-negative: 0;
621
- flex-shrink: 0;
325
+ ._7mObJiwfPh4- {
326
+ position: relative;
327
+ width: 100%;
622
328
  }
623
329
 
624
- .H8uYM7Udc4o-:has(> svg:only-child) {
625
- width: var(--button--size);
330
+ .dL5JShAJlKM- {
331
+ visibility: hidden;
332
+ z-index: calc(6 + 1001);
333
+ z-index: calc(var(--elevation-menu) + var(--elevation-modal));
334
+ width: 0;
335
+ height: 0;
336
+ box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
337
+ box-shadow: var(--shadow-base);
338
+ box-sizing: border-box;
339
+ margin: 0;
626
340
  padding: 0;
341
+ border: 1px solid var(--color-color-border);
342
+ border: var(--border-base) solid var(--color-color-border);
343
+ border-radius: 8px;
344
+ border-radius: var(--radius-base);
345
+ overflow: auto;
346
+ background-color: rgba(255, 255, 255, 1);
347
+ background-color: var(--color-surface);
348
+ scroll-behavior: smooth;
349
+ opacity: 0;
627
350
  }
628
351
 
629
- /** Icon on Right */
630
-
631
- .H8uYM7Udc4o- > span ~ svg {
632
- margin-right: calc(4px * -1);
633
- margin-right: calc(var(--space-smaller) * -1);
634
- }
635
-
636
- /** Icon on Left */
637
-
638
- .H8uYM7Udc4o- > svg:has(+ span:nth-child(2)) {
639
- margin-left: calc(4px * -1);
640
- margin-left: calc(var(--space-smaller) * -1);
352
+ .dL5JShAJlKM- .PWZL-94hH7k- {
353
+ padding: 8px 0 4px 8px;
354
+ padding: var(--space-small) 0 var(--space-smaller) var(--space-small);
355
+ border-bottom: 1px solid hsl(200, 13%, 87%);
356
+ border-bottom: var(--border-base) solid var(--color-border);
641
357
  }
642
358
 
643
- .yBId-F-geAA- {
359
+ .dL5JShAJlKM-._2RzcnTdaPyc- {
360
+ visibility: visible;
644
361
  width: 100%;
362
+ height: auto;
363
+ max-height: 300px;
364
+ opacity: 1;
645
365
  }
646
366
 
647
- .NCs-BISj1XU- {
648
- background-image: linear-gradient(
649
- 135deg,
650
- rgba(0, 0, 0, 0.1) 0%,
651
- rgba(0, 0, 0, 0.1) 25%,
652
- transparent 25%,
653
- transparent 50%,
654
- rgba(0, 0, 0, 0.1) 50%,
655
- rgba(0, 0, 0, 0.1) 75%,
656
- transparent 75%,
657
- transparent 100%
658
- );
659
- background-size: 32px 32px;
660
- background-size: var(--space-larger) var(--space-larger);
661
- pointer-events: none;
662
- cursor: not-allowed;
663
- -webkit-animation-duration: var(--button--duration-loading);
664
- animation-duration: var(--button--duration-loading);
665
- -webkit-animation-iteration-count: infinite;
666
- animation-iteration-count: infinite;
667
- -webkit-animation-name: M0LU-Rdq-MA-;
668
- animation-name: M0LU-Rdq-MA-;
669
- -webkit-animation-timing-function: linear;
670
- animation-timing-function: linear;
671
- }
672
-
673
- .TrzCxs3OEpM-.NCs-BISj1XU-:not(.MVT-qs-bO9M-) {
674
- background-image: linear-gradient(
675
- 135deg,
676
- rgba(255, 255, 255, 0.25) 0%,
677
- rgba(255, 255, 255, 0.25) 25%,
678
- transparent 25%,
679
- transparent 50%,
680
- rgba(255, 255, 255, 0.25) 50%,
681
- rgba(255, 255, 255, 0.25) 75%,
682
- transparent 75%,
683
- transparent 100%
684
- );
685
- }
686
-
687
- @-webkit-keyframes M0LU-Rdq-MA- {
688
- 0% {
689
- background-position: 0 0;
690
- }
691
-
692
- 100% {
693
- background-position: 32px 32px;
694
- background-position: var(--space-larger) var(--space-larger);
695
- }
367
+ .dL5JShAJlKM-._2RzcnTdaPyc-:empty {
368
+ visibility: hidden;
369
+ opacity: 0;
696
370
  }
697
371
 
698
- @keyframes M0LU-Rdq-MA- {
699
- 0% {
700
- background-position: 0 0;
701
- }
702
-
703
- 100% {
704
- background-position: 32px 32px;
705
- background-position: var(--space-larger) var(--space-larger);
706
- }
372
+ .y9zhi8Wr8QA- {
373
+ display: -ms-flexbox;
374
+ display: flex;
375
+ width: 100%;
376
+ -ms-flex-direction: row;
377
+ flex-direction: row;
378
+ -ms-flex-wrap: nowrap;
379
+ flex-wrap: nowrap;
380
+ -ms-flex-pack: start;
381
+ justify-content: flex-start;
382
+ -ms-flex-line-pack: stretch;
383
+ align-content: stretch;
384
+ -ms-flex-align: center;
385
+ align-items: center;
386
+ padding: 8px;
387
+ padding: var(--space-small);
388
+ border: none;
389
+ text-align: left;
390
+ list-style: none;
391
+ background-color: transparent;
392
+ cursor: pointer;
707
393
  }
708
394
 
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);
395
+ .y9zhi8Wr8QA-:hover,
396
+ .y9zhi8Wr8QA-:focus,
397
+ .y9zhi8Wr8QA-._3Xg49dtL1Q8- {
398
+ background-color: hsl(53, 21%, 93%);
399
+ background-color: var(--color-surface--hover);
720
400
  outline-color: hsl(198, 12%, 57%);
721
401
  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
402
  }
729
403
 
730
- /* Adjust `Content` components public padding to match the cards */
731
-
732
- .-PlHaWx00Hw- > * {
733
- --public-content--padding: var(--card--base-padding);
404
+ .y9zhi8Wr8QA-.LIeh390F3W8-:not(:last-child) {
405
+ border-bottom: 1px solid hsl(200, 13%, 87%);
406
+ border-bottom: var(--border-base) solid var(--color-border);
734
407
  }
735
408
 
736
- /* Remove the nested `Content` components public padding */
737
-
738
- .-PlHaWx00Hw- > * > * {
739
- --public-content--padding: 0;
409
+ .dL5JShAJlKM-:hover .y9zhi8Wr8QA-._3Xg49dtL1Q8-:not(:hover) {
410
+ background-color: transparent;
411
+ outline-color: transparent;
740
412
  }
741
413
 
742
- .Iilm5Uhxo50- {
743
- border-top-width: 0;
414
+ .dL5JShAJlKM- .PWZL-94hH7k-:not(:first-child) {
415
+ padding-top: 16px;
416
+ padding-top: var(--space-base);
744
417
  }
745
418
 
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;
419
+ .y9zhi8Wr8QA- .K2phy6IC3TY- {
420
+ -ms-flex: 0 1 auto;
421
+ flex: 0 1 auto;
422
+ -ms-flex-item-align: auto;
423
+ align-self: auto;
424
+ width: 24px;
425
+ width: var(--space-large);
754
426
  }
755
427
 
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;
428
+ .y9zhi8Wr8QA- .a6-LbUm5WnY- {
429
+ display: -ms-inline-flexbox;
430
+ display: inline-flex;
431
+ -ms-flex: 1 100%;
432
+ flex: 1 100%;
433
+ -ms-flex-wrap: wrap;
434
+ flex-wrap: wrap;
762
435
  }
763
436
 
764
- .Vppn4k0fBsc-:hover,
765
- .Vppn4k0fBsc-:focus {
766
- background-color: hsl(53, 21%, 93%);
767
- background-color: var(--color-surface--hover);
437
+ .y9zhi8Wr8QA- .tQNbuxcE9nU- {
438
+ -ms-flex: 2;
439
+ flex: 2;
768
440
  }
769
441
 
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);
442
+ .y9zhi8Wr8QA- .qacStG9-XbE- {
443
+ -ms-flex: 1;
444
+ flex: 1;
445
+ -ms-flex-item-align: end;
446
+ align-self: flex-end;
447
+ text-align: right;
781
448
  }
782
449
 
783
450
  ._5mDLThZ7dBQ- {
@@ -932,192 +599,525 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
932
599
  --card--accent-color: var(--color-grey--lightest);
933
600
  }
934
601
 
935
- .EJoHvQW5sXw- {
936
- --card--accent-color: var(--color-grey--dark);
602
+ .EJoHvQW5sXw- {
603
+ --card--accent-color: var(--color-grey--dark);
604
+ }
605
+
606
+ .ocGhxlAjeA8- {
607
+ --card--accent-color: var(--color-greyBlue);
608
+ }
609
+
610
+ .FC48-U489FM- {
611
+ --card--accent-color: var(--color-greyBlue--light);
612
+ }
613
+
614
+ .Jc5SOCWjD0I- {
615
+ --card--accent-color: var(--color-greyBlue--lighter);
616
+ }
617
+
618
+ .-JQhLuDsLTg- {
619
+ --card--accent-color: var(--color-greyBlue--lightest);
620
+ }
621
+
622
+ .YXdImUdlDwQ- {
623
+ --card--accent-color: var(--color-greyBlue--dark);
624
+ }
625
+
626
+ .hRRwMChk2-k- {
627
+ --card--accent-color: var(--color-lightBlue);
628
+ }
629
+
630
+ .usPlm5p7svg- {
631
+ --card--accent-color: var(--color-lightBlue--light);
632
+ }
633
+
634
+ .jN9BGAMnCLQ- {
635
+ --card--accent-color: var(--color-lightBlue--lighter);
636
+ }
637
+
638
+ .xeJfT0FMKtc- {
639
+ --card--accent-color: var(--color-lightBlue--lightest);
640
+ }
641
+
642
+ .vWSUNAsOB6g- {
643
+ --card--accent-color: var(--color-lightBlue--dark);
644
+ }
645
+
646
+ .Q17e9VQy-kI- {
647
+ --card--accent-color: var(--color-purple);
648
+ }
649
+
650
+ .pKusyI7bMxc- {
651
+ --card--accent-color: var(--color-purple--light);
652
+ }
653
+
654
+ .ceTZn8oUUCg- {
655
+ --card--accent-color: var(--color-purple--lighter);
656
+ }
657
+
658
+ .GYwXWYcZPPc- {
659
+ --card--accent-color: var(--color-purple--lightest);
660
+ }
661
+
662
+ .uXNnhLCRSPc- {
663
+ --card--accent-color: var(--color-purple--dark);
664
+ }
665
+
666
+ .eptfViHsA5o- {
667
+ --card--accent-color: var(--color-pink);
668
+ }
669
+
670
+ ._9mgeBAoZsME- {
671
+ --card--accent-color: var(--color-pink--light);
672
+ }
673
+
674
+ .fCkb0vtBUJY- {
675
+ --card--accent-color: var(--color-pink--lighter);
676
+ }
677
+
678
+ .Nfx7Me6gfew- {
679
+ --card--accent-color: var(--color-pink--lightest);
680
+ }
681
+
682
+ .PXtxWUy1pvk- {
683
+ --card--accent-color: var(--color-pink--dark);
684
+ }
685
+
686
+ .TCIFwV-8jfU- {
687
+ --card--accent-color: var(--color-teal);
688
+ }
689
+
690
+ .QKM3Gc0bQxI- {
691
+ --card--accent-color: var(--color-teal--light);
692
+ }
693
+
694
+ .ILaFINMoSlM- {
695
+ --card--accent-color: var(--color-teal--lighter);
696
+ }
697
+
698
+ .wj7qD0ryDNw- {
699
+ --card--accent-color: var(--color-teal--lightest);
700
+ }
701
+
702
+ .tUjjyB7GN-Q- {
703
+ --card--accent-color: var(--color-teal--dark);
704
+ }
705
+
706
+ .gtKRbI99aQU- {
707
+ --card--accent-color: var(--color-orange);
708
+ }
709
+
710
+ .uUvtDEYmYhE- {
711
+ --card--accent-color: var(--color-orange--light);
712
+ }
713
+
714
+ .UNvUmONc6bM- {
715
+ --card--accent-color: var(--color-orange--lighter);
716
+ }
717
+
718
+ .sBl1hHCnBpA- {
719
+ --card--accent-color: var(--color-orange--lightest);
720
+ }
721
+
722
+ .ceM7ISMCfX4- {
723
+ --card--accent-color: var(--color-orange--dark);
724
+ }
725
+
726
+ .XGl6Iv7N1e0- {
727
+ --card--accent-color: var(--color-brown);
728
+ }
729
+
730
+ .n474Hn3j8es- {
731
+ --card--accent-color: var(--color-brown--light);
732
+ }
733
+
734
+ .UoyCJSsgMI0- {
735
+ --card--accent-color: var(--color-brown--lighter);
736
+ }
737
+
738
+ ._8rrvx00EpUc- {
739
+ --card--accent-color: var(--color-brown--lightest);
740
+ }
741
+
742
+ .JWWWvdngqx4- {
743
+ --card--accent-color: var(--color-brown--dark);
744
+ }
745
+
746
+ .Jfp-dUno4KQ- {
747
+ --card--accent-color: var(--color-navy);
748
+ }
749
+
750
+ ._5SGbQDSEQlE- {
751
+ --card--accent-color: var(--color-navy--light);
752
+ }
753
+
754
+ .DMElPhnEjrM- {
755
+ --card--accent-color: var(--color-navy--lighter);
756
+ }
757
+
758
+ .Nd80Eh7efmo- {
759
+ --card--accent-color: var(--color-navy--lightest);
937
760
  }
938
761
 
939
- .ocGhxlAjeA8- {
940
- --card--accent-color: var(--color-greyBlue);
762
+ .YNxCRirQrH4- {
763
+ --card--accent-color: var(--color-navy--dark);
941
764
  }
942
765
 
943
- .FC48-U489FM- {
944
- --card--accent-color: var(--color-greyBlue--light);
766
+ .oiO69PZN9YQ- {
767
+ --card--accent-color: var(--color-indigo);
945
768
  }
946
769
 
947
- .Jc5SOCWjD0I- {
948
- --card--accent-color: var(--color-greyBlue--lighter);
770
+ ._0IY3-0yi-R8- {
771
+ --card--accent-color: var(--color-indigo--light);
949
772
  }
950
773
 
951
- .-JQhLuDsLTg- {
952
- --card--accent-color: var(--color-greyBlue--lightest);
774
+ .EhlKEc9GoHs- {
775
+ --card--accent-color: var(--color-indigo--lighter);
953
776
  }
954
777
 
955
- .YXdImUdlDwQ- {
956
- --card--accent-color: var(--color-greyBlue--dark);
778
+ .AdDWGn8NI00- {
779
+ --card--accent-color: var(--color-indigo--lightest);
957
780
  }
958
781
 
959
- .hRRwMChk2-k- {
960
- --card--accent-color: var(--color-lightBlue);
782
+ ._2ps4Uk-mog0- {
783
+ --card--accent-color: var(--color-indigo--dark);
961
784
  }
962
785
 
963
- .usPlm5p7svg- {
964
- --card--accent-color: var(--color-lightBlue--light);
786
+ .mflIgpDr82Y- {
787
+ --card--accent-color: var(--color-white);
965
788
  }
966
789
 
967
- .jN9BGAMnCLQ- {
968
- --card--accent-color: var(--color-lightBlue--lighter);
790
+ :root {
791
+ --public--button--color-variation: var(--color-interactive);
792
+ --public--button--color-variation--hover: var(--color-interactive--hover);
969
793
  }
970
794
 
971
- .xeJfT0FMKtc- {
972
- --card--accent-color: var(--color-lightBlue--lightest);
973
- }
795
+ ._7BLGtYNuJOU- {
796
+ --button--color-surface: var(--color-surface);
797
+ --button--color-surface--hover: var(--color-surface--hover);
798
+ --button--color-primaryLabel: var(--color-surface);
799
+ --button--duration-loading: var(--timing-loading--extended);
800
+ --button--size: 40px;
974
801
 
975
- .vWSUNAsOB6g- {
976
- --card--accent-color: var(--color-lightBlue--dark);
802
+ display: -ms-inline-flexbox;
803
+
804
+ display: inline-flex;
805
+ min-height: 40px;
806
+ min-height: var(--button--size);
807
+ box-sizing: border-box;
808
+ margin: 0;
809
+ border: 1px solid hsl(107, 58%, 33%);
810
+ border: var(--border-base) solid var(--public--button--color-variation);
811
+ border-radius: 8px;
812
+ border-radius: var(--radius-base);
813
+ color: hsl(107, 58%, 33%);
814
+ color: var(--public--button--color-variation);
815
+ -webkit-font-smoothing: antialiased;
816
+ line-height: 1;
817
+ text-align: center;
818
+ -webkit-text-decoration: none;
819
+ text-decoration: none;
820
+ vertical-align: middle;
821
+ background-color: rgba(255, 255, 255, 1);
822
+ background-color: var(--button--color-surface);
823
+ cursor: pointer;
824
+ transition: all 200ms ease-out;
825
+ transition: all var(--timing-base) ease-out;
826
+ -webkit-appearance: none;
827
+ appearance: none;
828
+ fill: hsl(107, 58%, 33%);
829
+ fill: var(--public--button--color-variation);
830
+ -ms-flex-align: center;
831
+ align-items: center;
832
+ -ms-flex-pack: center;
833
+ justify-content: center;
834
+ gap: 4px;
835
+ gap: var(--space-smaller);
977
836
  }
978
837
 
979
- .Q17e9VQy-kI- {
980
- --card--accent-color: var(--color-purple);
838
+ ._7BLGtYNuJOU- * {
839
+ fill: inherit !important;
981
840
  }
982
841
 
983
- .pKusyI7bMxc- {
984
- --card--accent-color: var(--color-purple--light);
842
+ ._7BLGtYNuJOU- * {
843
+ color: inherit;
844
+ /* required to over-ride very specific fill from <Icon> */
985
845
  }
986
846
 
987
- .ceTZn8oUUCg- {
988
- --card--accent-color: var(--color-purple--lighter);
847
+ ._7BLGtYNuJOU-:hover,
848
+ a._7BLGtYNuJOU-:hover,
849
+ ._7BLGtYNuJOU-:focus-visible,
850
+ a._7BLGtYNuJOU-:focus-visible,
851
+ ._7BLGtYNuJOU-:active,
852
+ a._7BLGtYNuJOU-:active {
853
+ border-color: hsl(107, 65%, 24%);
854
+ border-color: var(--public--button--color-variation--hover);
855
+ color: hsl(107, 65%, 24%);
856
+ color: var(--public--button--color-variation--hover);
857
+ fill: hsl(107, 65%, 24%);
858
+ fill: var(--public--button--color-variation--hover);
859
+ background-color: var(--button--color-surface--hover);
989
860
  }
990
861
 
991
- .GYwXWYcZPPc- {
992
- --card--accent-color: var(--color-purple--lightest);
862
+ ._7BLGtYNuJOU-:focus-visible,
863
+ a._7BLGtYNuJOU-:focus-visible,
864
+ ._7BLGtYNuJOU-:active,
865
+ a._7BLGtYNuJOU-:active {
866
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
867
+ box-shadow: var(--shadow-focus);
868
+ outline: transparent;
993
869
  }
994
870
 
995
- .uXNnhLCRSPc- {
996
- --card--accent-color: var(--color-purple--dark);
871
+ /* Variation */
872
+
873
+ .amVSJ50CiOo- {
874
+ --public--button--color-variation: var(--color-interactive);
875
+ --public--button--color-variation--hover: var(--color-interactive--hover);
997
876
  }
998
877
 
999
- .eptfViHsA5o- {
1000
- --card--accent-color: var(--color-pink);
878
+ .V4GfDDF1ESI-,
879
+ .MVT-qs-bO9M- {
880
+ --public--button--color-variation: var(--color-interactive--subtle);
881
+ --public--button--color-variation--hover: var(
882
+ --color-interactive--subtle--hover
883
+ );
1001
884
  }
1002
885
 
1003
- ._9mgeBAoZsME- {
1004
- --card--accent-color: var(--color-pink--light);
886
+ ._9YS8IK6Inew- {
887
+ --public--button--color-variation: var(--color-destructive);
888
+ --public--button--color-variation--hover: var(--color-destructive--hover);
1005
889
  }
1006
890
 
1007
- .fCkb0vtBUJY- {
1008
- --card--accent-color: var(--color-pink--lighter);
891
+ /* Type */
892
+
893
+ .TrzCxs3OEpM-:not(.MVT-qs-bO9M-):not(.zgRx3ehZ2z8-),
894
+ .TrzCxs3OEpM-:not(.MVT-qs-bO9M-):not(.zgRx3ehZ2z8-):hover,
895
+ .TrzCxs3OEpM-:not(.MVT-qs-bO9M-):not(.zgRx3ehZ2z8-):focus-visible {
896
+ color: var(--button--color-primaryLabel);
897
+ background-color: hsl(107, 58%, 33%);
898
+ background-color: var(--public--button--color-variation);
899
+ fill: var(--button--color-primaryLabel);
1009
900
  }
1010
901
 
1011
- .Nfx7Me6gfew- {
1012
- --card--accent-color: var(--color-pink--lightest);
902
+ .TrzCxs3OEpM-:not(.MVT-qs-bO9M-):not(.zgRx3ehZ2z8-):hover,
903
+ .TrzCxs3OEpM-:not(.MVT-qs-bO9M-):not(.zgRx3ehZ2z8-):focus-visible {
904
+ background-color: hsl(107, 65%, 24%);
905
+ background-color: var(--public--button--color-variation--hover);
1013
906
  }
1014
907
 
1015
- .PXtxWUy1pvk- {
1016
- --card--accent-color: var(--color-pink--dark);
908
+ .MVT-qs-bO9M-.TrzCxs3OEpM- {
909
+ color: hsl(107, 58%, 33%);
910
+ color: var(--public--button--color-variation);
911
+ fill: hsl(107, 58%, 33%);
912
+ fill: var(--public--button--color-variation);
913
+ background-color: var(--button--color-surface);
1017
914
  }
1018
915
 
1019
- .TCIFwV-8jfU- {
1020
- --card--accent-color: var(--color-teal);
916
+ .QaWL8FLJ5Aw-,
917
+ .MVT-qs-bO9M-.TrzCxs3OEpM- {
918
+ border-color: hsl(200, 13%, 87%);
919
+ border-color: var(--color-border--interactive);
1021
920
  }
1022
921
 
1023
- .QKM3Gc0bQxI- {
1024
- --card--accent-color: var(--color-teal--light);
922
+ .MVT-qs-bO9M-.TrzCxs3OEpM-:hover,
923
+ .MVT-qs-bO9M-.TrzCxs3OEpM-:focus-visible {
924
+ color: hsl(107, 65%, 24%);
925
+ color: var(--public--button--color-variation--hover);
926
+ background-color: var(--button--color-surface--hover);
927
+ fill: hsl(107, 65%, 24%);
928
+ fill: var(--public--button--color-variation--hover);
1025
929
  }
1026
930
 
1027
- .ILaFINMoSlM- {
1028
- --card--accent-color: var(--color-teal--lighter);
931
+ .QaWL8FLJ5Aw-:hover,
932
+ .MVT-qs-bO9M-.TrzCxs3OEpM-:hover,
933
+ .QaWL8FLJ5Aw-:focus-visible,
934
+ .MVT-qs-bO9M-.TrzCxs3OEpM-:focus-visible {
935
+ border-color: hsl(107, 65%, 24%);
936
+ border-color: var(--public--button--color-variation--hover);
1029
937
  }
1030
938
 
1031
- .wj7qD0ryDNw- {
1032
- --card--accent-color: var(--color-teal--lightest);
939
+ .MVT-qs-bO9M-.QaWL8FLJ5Aw- {
940
+ background-color: var(--button--color-surface);
1033
941
  }
1034
942
 
1035
- .tUjjyB7GN-Q- {
1036
- --card--accent-color: var(--color-teal--dark);
943
+ .MhDYVRl8PUc-,
944
+ .MVT-qs-bO9M-.QaWL8FLJ5Aw- {
945
+ border-color: transparent;
1037
946
  }
1038
947
 
1039
- .gtKRbI99aQU- {
1040
- --card--accent-color: var(--color-orange);
948
+ .MhDYVRl8PUc- {
949
+ border-color: transparent;
950
+ -webkit-text-decoration: underline;
951
+ text-decoration: underline;
952
+ text-decoration-thickness: 2px;
953
+ text-decoration-thickness: var(--border-thick);
954
+ text-underline-offset: 2px;
955
+ text-underline-offset: var(--space-smallest);
1041
956
  }
1042
957
 
1043
- .uUvtDEYmYhE- {
1044
- --card--accent-color: var(--color-orange--light);
958
+ .MVT-qs-bO9M-.QaWL8FLJ5Aw-:hover,
959
+ .MVT-qs-bO9M-.QaWL8FLJ5Aw-:focus-visible {
960
+ background-color: var(--button--color-surface--hover);
1045
961
  }
1046
962
 
1047
- .UNvUmONc6bM- {
1048
- --card--accent-color: var(--color-orange--lighter);
963
+ .MVT-qs-bO9M-.QaWL8FLJ5Aw-:hover,
964
+ .MVT-qs-bO9M-.QaWL8FLJ5Aw-:focus-visible,
965
+ a.MVT-qs-bO9M-.QaWL8FLJ5Aw-:hover,
966
+ a.MVT-qs-bO9M-.QaWL8FLJ5Aw-:focus-visible,
967
+ .MhDYVRl8PUc-:hover,
968
+ .MhDYVRl8PUc-:focus-visible,
969
+ a.MhDYVRl8PUc-:hover,
970
+ a.MhDYVRl8PUc-:focus-visible {
971
+ border-color: transparent;
1049
972
  }
1050
973
 
1051
- .sBl1hHCnBpA- {
1052
- --card--accent-color: var(--color-orange--lightest);
974
+ .MVT-qs-bO9M-.MhDYVRl8PUc- {
975
+ border-color: transparent;
976
+ background-color: transparent;
1053
977
  }
1054
978
 
1055
- .ceM7ISMCfX4- {
1056
- --card--accent-color: var(--color-orange--dark);
979
+ .MVT-qs-bO9M-.MhDYVRl8PUc-:hover,
980
+ .MVT-qs-bO9M-.MhDYVRl8PUc-:focus-visible,
981
+ a.MVT-qs-bO9M-.MhDYVRl8PUc-:hover,
982
+ a.MVT-qs-bO9M-.MhDYVRl8PUc-:focus-visible {
983
+ color: hsl(197, 90%, 12%);
984
+ color: var(--color-interactive--subtle--hover);
985
+ background-color: hsl(53, 21%, 93%);
986
+ background-color: var(--color-surface--hover);
987
+ fill: hsl(197, 90%, 12%);
988
+ fill: var(--color-interactive--subtle--hover);
1057
989
  }
1058
990
 
1059
- .XGl6Iv7N1e0- {
1060
- --card--accent-color: var(--color-brown);
991
+ /* Disabled */
992
+
993
+ ._7BLGtYNuJOU-.zgRx3ehZ2z8-,
994
+ a._7BLGtYNuJOU-.zgRx3ehZ2z8-,
995
+ ._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover,
996
+ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
997
+ border-color: hsl(0, 0%, 93%);
998
+ border-color: var(--color-disabled--secondary);
999
+ color: hsl(0, 0%, 72%);
1000
+ color: var(--color-disabled);
1001
+ -webkit-user-select: none;
1002
+ -ms-user-select: none;
1003
+ user-select: none;
1004
+ background-color: hsl(0, 0%, 93%);
1005
+ background-color: var(--color-disabled--secondary);
1006
+ fill: hsl(0, 0%, 72%);
1007
+ fill: var(--color-disabled);
1008
+ pointer-events: none;
1009
+ cursor: not-allowed;
1061
1010
  }
1062
1011
 
1063
- .n474Hn3j8es- {
1064
- --card--accent-color: var(--color-brown--light);
1065
- }
1012
+ /* Sizes */
1066
1013
 
1067
- .UoyCJSsgMI0- {
1068
- --card--accent-color: var(--color-brown--lighter);
1014
+ .lPPuBfTJl5k- {
1015
+ --button--size: 32px;
1016
+ padding: 4px calc(16px - 4px);
1017
+ padding: var(--space-smaller) calc(var(--space-base) - var(--space-smaller));
1069
1018
  }
1070
1019
 
1071
- ._8rrvx00EpUc- {
1072
- --card--accent-color: var(--color-brown--lightest);
1020
+ .VyMJpVxCrxI- {
1021
+ padding: 0 16px;
1022
+ padding: 0 var(--space-base);
1073
1023
  }
1074
1024
 
1075
- .JWWWvdngqx4- {
1076
- --card--accent-color: var(--color-brown--dark);
1025
+ .Uh29dvNk6I0- {
1026
+ --button--size: 48px;
1027
+ padding: 0 calc(16px + 4px);
1028
+ padding: 0 calc(var(--space-base) + var(--space-smaller));
1077
1029
  }
1078
1030
 
1079
- .Jfp-dUno4KQ- {
1080
- --card--accent-color: var(--color-navy);
1081
- }
1031
+ /* Icon */
1082
1032
 
1083
- ._5SGbQDSEQlE- {
1084
- --card--accent-color: var(--color-navy--light);
1033
+ ._7BLGtYNuJOU- svg {
1034
+ -ms-flex-negative: 0;
1035
+ flex-shrink: 0;
1085
1036
  }
1086
1037
 
1087
- .DMElPhnEjrM- {
1088
- --card--accent-color: var(--color-navy--lighter);
1038
+ .H8uYM7Udc4o-:has(> svg:only-child) {
1039
+ width: var(--button--size);
1040
+ padding: 0;
1089
1041
  }
1090
1042
 
1091
- .Nd80Eh7efmo- {
1092
- --card--accent-color: var(--color-navy--lightest);
1093
- }
1043
+ /** Icon on Right */
1094
1044
 
1095
- .YNxCRirQrH4- {
1096
- --card--accent-color: var(--color-navy--dark);
1045
+ .H8uYM7Udc4o- > span ~ svg {
1046
+ margin-right: calc(4px * -1);
1047
+ margin-right: calc(var(--space-smaller) * -1);
1097
1048
  }
1098
1049
 
1099
- .oiO69PZN9YQ- {
1100
- --card--accent-color: var(--color-indigo);
1050
+ /** Icon on Left */
1051
+
1052
+ .H8uYM7Udc4o- > svg:has(+ span:nth-child(2)) {
1053
+ margin-left: calc(4px * -1);
1054
+ margin-left: calc(var(--space-smaller) * -1);
1101
1055
  }
1102
1056
 
1103
- ._0IY3-0yi-R8- {
1104
- --card--accent-color: var(--color-indigo--light);
1057
+ .yBId-F-geAA- {
1058
+ width: 100%;
1105
1059
  }
1106
1060
 
1107
- .EhlKEc9GoHs- {
1108
- --card--accent-color: var(--color-indigo--lighter);
1061
+ .NCs-BISj1XU- {
1062
+ background-image: linear-gradient(
1063
+ 135deg,
1064
+ rgba(0, 0, 0, 0.1) 0%,
1065
+ rgba(0, 0, 0, 0.1) 25%,
1066
+ transparent 25%,
1067
+ transparent 50%,
1068
+ rgba(0, 0, 0, 0.1) 50%,
1069
+ rgba(0, 0, 0, 0.1) 75%,
1070
+ transparent 75%,
1071
+ transparent 100%
1072
+ );
1073
+ background-size: 32px 32px;
1074
+ background-size: var(--space-larger) var(--space-larger);
1075
+ pointer-events: none;
1076
+ cursor: not-allowed;
1077
+ -webkit-animation-duration: var(--button--duration-loading);
1078
+ animation-duration: var(--button--duration-loading);
1079
+ -webkit-animation-iteration-count: infinite;
1080
+ animation-iteration-count: infinite;
1081
+ -webkit-animation-name: M0LU-Rdq-MA-;
1082
+ animation-name: M0LU-Rdq-MA-;
1083
+ -webkit-animation-timing-function: linear;
1084
+ animation-timing-function: linear;
1109
1085
  }
1110
1086
 
1111
- .AdDWGn8NI00- {
1112
- --card--accent-color: var(--color-indigo--lightest);
1087
+ .TrzCxs3OEpM-.NCs-BISj1XU-:not(.MVT-qs-bO9M-) {
1088
+ background-image: linear-gradient(
1089
+ 135deg,
1090
+ rgba(255, 255, 255, 0.25) 0%,
1091
+ rgba(255, 255, 255, 0.25) 25%,
1092
+ transparent 25%,
1093
+ transparent 50%,
1094
+ rgba(255, 255, 255, 0.25) 50%,
1095
+ rgba(255, 255, 255, 0.25) 75%,
1096
+ transparent 75%,
1097
+ transparent 100%
1098
+ );
1113
1099
  }
1114
1100
 
1115
- ._2ps4Uk-mog0- {
1116
- --card--accent-color: var(--color-indigo--dark);
1101
+ @-webkit-keyframes M0LU-Rdq-MA- {
1102
+ 0% {
1103
+ background-position: 0 0;
1104
+ }
1105
+
1106
+ 100% {
1107
+ background-position: 32px 32px;
1108
+ background-position: var(--space-larger) var(--space-larger);
1109
+ }
1117
1110
  }
1118
1111
 
1119
- .mflIgpDr82Y- {
1120
- --card--accent-color: var(--color-white);
1112
+ @keyframes M0LU-Rdq-MA- {
1113
+ 0% {
1114
+ background-position: 0 0;
1115
+ }
1116
+
1117
+ 100% {
1118
+ background-position: 32px 32px;
1119
+ background-position: var(--space-larger) var(--space-larger);
1120
+ }
1121
1121
  }
1122
1122
 
1123
1123
  .bb-VTS0yML8-,
@@ -1290,35 +1290,6 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
1290
1290
  width: var(--public-container-apply-width);
1291
1291
  }
1292
1292
 
1293
- .sGSmxHTsTfA- {
1294
- display: -ms-flexbox;
1295
- display: flex;
1296
- -ms-flex-direction: column;
1297
- flex-direction: column;
1298
- min-height: var(--public-cover-min-height);
1299
- padding: var(--public-cover-space);
1300
- }
1301
-
1302
- .sGSmxHTsTfA- > * {
1303
- margin-top: var(--public-cover-space);
1304
- margin-bottom: var(--public-cover-space);
1305
- }
1306
-
1307
- .sGSmxHTsTfA- > :first-child:not(._6S-jbOw7NEA-) {
1308
- -webkit-margin-before: 0;
1309
- margin-top: 0;
1310
- }
1311
-
1312
- .sGSmxHTsTfA- > :last-child:not(._6S-jbOw7NEA-) {
1313
- -webkit-margin-after: 0;
1314
- margin-bottom: 0;
1315
- }
1316
-
1317
- .sGSmxHTsTfA- > ._6S-jbOw7NEA- {
1318
- margin-top: auto;
1319
- margin-bottom: auto;
1320
- }
1321
-
1322
1293
  :root {
1323
1294
  --public-chip-base-bg-color: var(--color-interactive--background);
1324
1295
  --public-chip-base-hover-bg-color: var(
@@ -1730,58 +1701,38 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
1730
1701
  display: inline-block;
1731
1702
  }
1732
1703
 
1733
- .cftWh-00zXM- {
1734
- padding: 0;
1735
- padding: var(--public-content--padding, 0);
1736
- }
1737
-
1738
- .rJamQZ6fRes- {
1739
- --content-block-max-width: 100ch;
1740
- --content-block-gutters: 0;
1741
- width: 100%;
1742
- box-sizing: content-box;
1743
- margin-left: auto;
1744
- margin-right: auto;
1745
- max-width: 100ch;
1746
- max-width: var(--content-block-max-width);
1747
- }
1748
-
1749
- .bqjXV8MRO-4- {
1750
- -webkit-margin-start: 0;
1751
- margin-left: 0;
1752
- -webkit-margin-end: auto;
1753
- margin-right: auto;
1754
- }
1755
-
1756
- .sCMxIxKkFe0- {
1757
- -webkit-margin-end: 0;
1758
- margin-right: 0;
1759
- -webkit-margin-start: auto;
1760
- margin-left: auto;
1704
+ .sGSmxHTsTfA- {
1705
+ display: -ms-flexbox;
1706
+ display: flex;
1707
+ -ms-flex-direction: column;
1708
+ flex-direction: column;
1709
+ min-height: var(--public-cover-min-height);
1710
+ padding: var(--public-cover-space);
1761
1711
  }
1762
1712
 
1763
- ._2pIQVKvVL1I- {
1764
- margin-left: auto;
1765
- margin-right: auto;
1713
+ .sGSmxHTsTfA- > * {
1714
+ margin-top: var(--public-cover-space);
1715
+ margin-bottom: var(--public-cover-space);
1766
1716
  }
1767
1717
 
1768
- ._6dF2no3aTxw- {
1769
- text-align: center;
1718
+ .sGSmxHTsTfA- > :first-child:not(._6S-jbOw7NEA-) {
1719
+ -webkit-margin-before: 0;
1720
+ margin-top: 0;
1770
1721
  }
1771
1722
 
1772
- .bqjXV8MRO-4-._6dF2no3aTxw- {
1773
- text-align: left;
1723
+ .sGSmxHTsTfA- > :last-child:not(._6S-jbOw7NEA-) {
1724
+ -webkit-margin-after: 0;
1725
+ margin-bottom: 0;
1774
1726
  }
1775
1727
 
1776
- .sCMxIxKkFe0-._6dF2no3aTxw- {
1777
- text-align: right;
1728
+ .sGSmxHTsTfA- > ._6S-jbOw7NEA- {
1729
+ margin-top: auto;
1730
+ margin-bottom: auto;
1778
1731
  }
1779
1732
 
1780
- ._8k8YLsatGag- {
1781
- -webkit-padding-start: var(--content-block-gutters);
1782
- padding-left: var(--content-block-gutters);
1783
- -webkit-padding-end: var(--content-block-gutters);
1784
- padding-right: var(--content-block-gutters);
1733
+ .cftWh-00zXM- {
1734
+ padding: 0;
1735
+ padding: var(--public-content--padding, 0);
1785
1736
  }
1786
1737
 
1787
1738
  .B1cBkstNQhM- > :not(:last-child) {
@@ -1824,9 +1775,58 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
1824
1775
  margin-bottom: var(--space-largest);
1825
1776
  }
1826
1777
 
1827
- .d8bHHzbOHk4- > :not(:last-child) {
1828
- margin-bottom: 64px;
1829
- margin-bottom: var(--space-extravagant);
1778
+ .d8bHHzbOHk4- > :not(:last-child) {
1779
+ margin-bottom: 64px;
1780
+ margin-bottom: var(--space-extravagant);
1781
+ }
1782
+
1783
+ .rJamQZ6fRes- {
1784
+ --content-block-max-width: 100ch;
1785
+ --content-block-gutters: 0;
1786
+ width: 100%;
1787
+ box-sizing: content-box;
1788
+ margin-left: auto;
1789
+ margin-right: auto;
1790
+ max-width: 100ch;
1791
+ max-width: var(--content-block-max-width);
1792
+ }
1793
+
1794
+ .bqjXV8MRO-4- {
1795
+ -webkit-margin-start: 0;
1796
+ margin-left: 0;
1797
+ -webkit-margin-end: auto;
1798
+ margin-right: auto;
1799
+ }
1800
+
1801
+ .sCMxIxKkFe0- {
1802
+ -webkit-margin-end: 0;
1803
+ margin-right: 0;
1804
+ -webkit-margin-start: auto;
1805
+ margin-left: auto;
1806
+ }
1807
+
1808
+ ._2pIQVKvVL1I- {
1809
+ margin-left: auto;
1810
+ margin-right: auto;
1811
+ }
1812
+
1813
+ ._6dF2no3aTxw- {
1814
+ text-align: center;
1815
+ }
1816
+
1817
+ .bqjXV8MRO-4-._6dF2no3aTxw- {
1818
+ text-align: left;
1819
+ }
1820
+
1821
+ .sCMxIxKkFe0-._6dF2no3aTxw- {
1822
+ text-align: right;
1823
+ }
1824
+
1825
+ ._8k8YLsatGag- {
1826
+ -webkit-padding-start: var(--content-block-gutters);
1827
+ padding-left: var(--content-block-gutters);
1828
+ -webkit-padding-end: var(--content-block-gutters);
1829
+ padding-right: var(--content-block-gutters);
1830
1830
  }
1831
1831
 
1832
1832
  .v3oESmhykhE-,
@@ -2481,16 +2481,6 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
2481
2481
  border-right: var(--divider-width) solid var(--divider-color);
2482
2482
  }
2483
2483
 
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;
2492
- }
2493
-
2494
2484
  .LNIwHwCs8gQ- {
2495
2485
  --drawer-width: 280px;
2496
2486
  --drawer--base-padding: var(--space-base);
@@ -2614,6 +2604,16 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
2614
2604
  --public-content--padding: 0;
2615
2605
  }
2616
2606
 
2607
+ ._50Jq09W07gg- {
2608
+ display: grid;
2609
+ width: 100%;
2610
+ height: 100%;
2611
+ overflow: hidden;
2612
+ grid-template-columns: minmax(0, 1fr) minmax(-webkit-min-content, -webkit-max-content);
2613
+ grid-template-columns: minmax(0, 1fr) minmax(min-content, max-content);
2614
+ grid-template-rows: 1fr;
2615
+ }
2616
+
2617
2617
  .o-b2tWQIZvw- {
2618
2618
  display: -ms-flexbox;
2619
2619
  display: flex;
@@ -3787,6 +3787,59 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
3787
3787
  mix-blend-mode: multiply;
3788
3788
  }
3789
3789
 
3790
+ .RwhScbXCXw0- > *:not(:last-child) {
3791
+ margin-bottom: -1px !important;
3792
+ }
3793
+
3794
+ .xxMbKnv30VQ- {
3795
+ display: -ms-flexbox;
3796
+ display: flex;
3797
+ }
3798
+
3799
+ .xxMbKnv30VQ- > *:not(:last-child) {
3800
+ margin-bottom: auto;
3801
+ margin-right: -1px;
3802
+ }
3803
+
3804
+ /* Border corners are rounded on the outside edges of the group */
3805
+
3806
+ .l87dJm2JnlA- {
3807
+ --public-field--top-left-radius: 0;
3808
+ --public-field--top-right-radius: 0;
3809
+ --public-field--bottom-left-radius: 0;
3810
+ --public-field--bottom-right-radius: 0;
3811
+ }
3812
+
3813
+ .RwhScbXCXw0- > :first-child:not(.xxMbKnv30VQ-) {
3814
+ --public-field--top-left-radius: var(--radius-base);
3815
+ --public-field--top-right-radius: var(--radius-base);
3816
+ }
3817
+
3818
+ .RwhScbXCXw0- > :last-child:not(.xxMbKnv30VQ-) {
3819
+ --public-field--bottom-left-radius: var(--radius-base);
3820
+ --public-field--bottom-right-radius: var(--radius-base);
3821
+ }
3822
+
3823
+ /* First Horizontal Input Group */
3824
+
3825
+ .xxMbKnv30VQ-:first-child > :first-child {
3826
+ --public-field--top-left-radius: var(--radius-base);
3827
+ }
3828
+
3829
+ .xxMbKnv30VQ-:first-child > :last-child {
3830
+ --public-field--top-right-radius: var(--radius-base);
3831
+ }
3832
+
3833
+ /* Last Horizontal Input Group */
3834
+
3835
+ .xxMbKnv30VQ-:last-child > :first-child {
3836
+ --public-field--bottom-left-radius: var(--radius-base);
3837
+ }
3838
+
3839
+ .xxMbKnv30VQ-:last-child > :last-child {
3840
+ --public-field--bottom-right-radius: var(--radius-base);
3841
+ }
3842
+
3790
3843
  .fSDkYM-382I- {
3791
3844
  font-size: 0;
3792
3845
  line-height: 0;
@@ -3842,59 +3895,6 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
3842
3895
  height: 100%;
3843
3896
  }
3844
3897
 
3845
- .RwhScbXCXw0- > *:not(:last-child) {
3846
- margin-bottom: -1px !important;
3847
- }
3848
-
3849
- .xxMbKnv30VQ- {
3850
- display: -ms-flexbox;
3851
- display: flex;
3852
- }
3853
-
3854
- .xxMbKnv30VQ- > *:not(:last-child) {
3855
- margin-bottom: auto;
3856
- margin-right: -1px;
3857
- }
3858
-
3859
- /* Border corners are rounded on the outside edges of the group */
3860
-
3861
- .l87dJm2JnlA- {
3862
- --public-field--top-left-radius: 0;
3863
- --public-field--top-right-radius: 0;
3864
- --public-field--bottom-left-radius: 0;
3865
- --public-field--bottom-right-radius: 0;
3866
- }
3867
-
3868
- .RwhScbXCXw0- > :first-child:not(.xxMbKnv30VQ-) {
3869
- --public-field--top-left-radius: var(--radius-base);
3870
- --public-field--top-right-radius: var(--radius-base);
3871
- }
3872
-
3873
- .RwhScbXCXw0- > :last-child:not(.xxMbKnv30VQ-) {
3874
- --public-field--bottom-left-radius: var(--radius-base);
3875
- --public-field--bottom-right-radius: var(--radius-base);
3876
- }
3877
-
3878
- /* First Horizontal Input Group */
3879
-
3880
- .xxMbKnv30VQ-:first-child > :first-child {
3881
- --public-field--top-left-radius: var(--radius-base);
3882
- }
3883
-
3884
- .xxMbKnv30VQ-:first-child > :last-child {
3885
- --public-field--top-right-radius: var(--radius-base);
3886
- }
3887
-
3888
- /* Last Horizontal Input Group */
3889
-
3890
- .xxMbKnv30VQ-:last-child > :first-child {
3891
- --public-field--bottom-left-radius: var(--radius-base);
3892
- }
3893
-
3894
- .xxMbKnv30VQ-:last-child > :last-child {
3895
- --public-field--bottom-right-radius: var(--radius-base);
3896
- }
3897
-
3898
3898
  .fO5j-2U5rfE- {
3899
3899
  margin-top: 4px;
3900
3900
  margin-top: var(--space-smaller);
@@ -3925,6 +3925,13 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
3925
3925
  outline: none;
3926
3926
  }
3927
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
+
3928
3935
  /**
3929
3936
  * This class is added to the root html element when opening a LightBox.
3930
3937
  * When the user tries to print the page, this prevents the LightBox content
@@ -4235,15 +4242,6 @@ html.atlantisLightBoxActive {
4235
4242
  margin-right: var(--space-base);
4236
4243
  }
4237
4244
 
4238
- .htH4y2JBFNQ- {
4239
- position: sticky;
4240
- top: 0;
4241
- padding: 8px 16px;
4242
- padding: var(--space-small) var(--space-base);
4243
- border-bottom: 1px solid hsl(197, 90%, 12%);
4244
- border-bottom: var(--border-base) solid var(--color-border--section);
4245
- }
4246
-
4247
4245
  .sFlecO8-wnY- {
4248
4246
  margin: 0;
4249
4247
  padding: 0;
@@ -4264,6 +4262,15 @@ html.atlantisLightBoxActive {
4264
4262
  padding-bottom: var(--space-large);
4265
4263
  }
4266
4264
 
4265
+ .htH4y2JBFNQ- {
4266
+ position: sticky;
4267
+ top: 0;
4268
+ padding: 8px 16px;
4269
+ padding: var(--space-small) var(--space-base);
4270
+ border-bottom: 1px solid hsl(197, 90%, 12%);
4271
+ border-bottom: var(--border-base) solid var(--color-border--section);
4272
+ }
4273
+
4267
4274
  .rJffaV10x20- {
4268
4275
  width: 100%;
4269
4276
  padding: 0;
@@ -4537,109 +4544,18 @@ html.atlantisLightBoxActive {
4537
4544
  }
4538
4545
  }
4539
4546
 
4540
- ._5OJ7B6mFcwk- {
4541
- width: 100%;
4542
- }
4543
-
4544
- .Bzvkz60bwWE- {
4545
- position: absolute;
4546
- width: 1px;
4547
- height: 1px;
4548
- margin: -1px;
4549
- overflow: hidden;
4550
- clip: rect(0, 0, 0, 0);
4551
- white-space: nowrap;
4552
- }
4553
-
4554
- ._8oxipSwiMJQ- {
4555
- color: hsl(107, 58%, 33%);
4556
- color: var(--color-interactive);
4557
- -webkit-text-decoration: underline;
4558
- text-decoration: underline;
4559
- }
4560
-
4561
- .bR1N0mdMeZU- {
4562
- position: relative;
4563
- width: 100%;
4564
- }
4565
-
4566
- .bR1N0mdMeZU- * {
4567
- box-sizing: border-box;
4568
- }
4569
-
4570
- ._7naerR7479Q- {
4571
- --field--height: var(--space-largest);
4572
-
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);
4577
-
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;
4585
- -ms-flex-align: center;
4586
- align-items: center;
4587
- width: 100%;
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);
4598
- border: 1px solid hsl(200, 13%, 87%);
4599
- border: var(--border-base) solid var(--color-border);
4600
- border-radius: 8px;
4601
- border-radius: var(--radius-base);
4602
- }
4603
-
4604
- ._7naerR7479Q- p {
4605
- overflow: hidden;
4606
- text-overflow: ellipsis;
4607
- white-space: nowrap;
4608
- }
4609
-
4610
- .bR1N0mdMeZU-:hover,
4611
- .bR1N0mdMeZU-._7naerR7479Q- {
4612
- cursor: pointer;
4613
- caret-color: transparent;
4614
- }
4615
-
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;
4621
- }
4622
-
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));
4627
- }
4628
-
4629
- .eBeKgF0JxEQ- {
4630
- --field--padding-left: var(--space-large);
4631
- --field--padding-right: var(--space-large);
4632
- --field--height: calc(var(--space-extravagant));
4633
- }
4634
-
4635
- .BSZvIAUzFEU- {
4636
- --modal--padding: var(--space-base);
4637
- --public-tab--inset: var(--space-base);
4638
- max-width: 400px;
4547
+ ._5OJ7B6mFcwk- {
4548
+ width: 100%;
4639
4549
  }
4640
4550
 
4641
- .-ydIALYVvGg- {
4642
- max-width: 940px;
4551
+ .Bzvkz60bwWE- {
4552
+ position: absolute;
4553
+ width: 1px;
4554
+ height: 1px;
4555
+ margin: -1px;
4556
+ overflow: hidden;
4557
+ clip: rect(0, 0, 0, 0);
4558
+ white-space: nowrap;
4643
4559
  }
4644
4560
 
4645
4561
  :root {
@@ -4672,41 +4588,40 @@ html.atlantisLightBoxActive {
4672
4588
  }
4673
4589
  }
4674
4590
 
4675
- .cRhQeXmZobs- {
4676
- display: grid;
4591
+ .y3M-9xoEnk0- {
4592
+ display: -ms-flexbox;
4593
+ display: flex;
4594
+ -ms-flex-direction: column;
4595
+ flex-direction: column;
4677
4596
  z-index: 1001;
4678
4597
  z-index: var(--elevation-modal);
4679
- -ms-flex-align: center;
4680
- align-items: center;
4681
- justify-items: center;
4682
- place-items: center;
4598
+ padding: 8px;
4599
+ padding: var(--space-small);
4600
+ overflow: auto;
4683
4601
  }
4684
4602
 
4685
- .PO6ZUDxQoFE- {
4603
+ .y3M-9xoEnk0-,
4604
+ .zkyJp1mib-U- {
4686
4605
  position: fixed;
4687
4606
  top: 0;
4688
4607
  right: 0;
4689
4608
  bottom: 0;
4690
4609
  left: 0;
4691
- z-index: 1001;
4692
- z-index: var(--elevation-modal);
4610
+ }
4611
+
4612
+ .zkyJp1mib-U- {
4693
4613
  background-color: rgba(0, 0, 0, 0.32);
4694
4614
  background-color: var(--color-overlay);
4695
- opacity: 0.8;
4696
4615
  }
4697
4616
 
4698
- .OiqCKNmbHZ0- {
4617
+ .gMPgiggaud8- {
4699
4618
  position: relative;
4700
- z-index: 1001;
4701
- z-index: var(--elevation-modal);
4702
4619
  width: 100%;
4703
4620
  max-width: 600px;
4704
4621
  max-width: var(--modal--width);
4705
4622
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
4706
4623
  box-shadow: var(--modal--shadow);
4707
4624
  margin: auto;
4708
- padding: 8px;
4709
- padding: var(--space-small);
4710
4625
  border: 1px solid hsl(200, 13%, 87%);
4711
4626
  border: var(--border-base) solid var(--color-border);
4712
4627
  border-radius: 8px;
@@ -4721,18 +4636,18 @@ html.atlantisLightBoxActive {
4721
4636
 
4722
4637
  /* Adjust `Content` and `Tab` components public padding to match the modal */
4723
4638
 
4724
- .OiqCKNmbHZ0- > * {
4639
+ .gMPgiggaud8- > * {
4725
4640
  --public-content--padding: var(--modal--padding);
4726
4641
  --public-tab--inset: var(--modal--padding-horizontal);
4727
4642
  }
4728
4643
 
4729
4644
  /* Remove the nested `Content` components public padding */
4730
4645
 
4731
- .OiqCKNmbHZ0- > * > * {
4646
+ .gMPgiggaud8- > * > * {
4732
4647
  --public-content--padding: 0;
4733
4648
  }
4734
4649
 
4735
- .GDWGHwmjgAc- {
4650
+ ._5sBzUnyOqD0- {
4736
4651
  display: -ms-flexbox;
4737
4652
  display: flex;
4738
4653
  -ms-flex-pack: justify;
@@ -4748,16 +4663,16 @@ html.atlantisLightBoxActive {
4748
4663
  * the <Content /> padding
4749
4664
  */
4750
4665
 
4751
- .GDWGHwmjgAc- + * {
4666
+ ._5sBzUnyOqD0- + * {
4752
4667
  padding-top: 0;
4753
4668
  }
4754
4669
 
4755
- .KJlGo4z-E6Q- {
4670
+ ._4gw63G7IYG0- {
4756
4671
  margin-top: -6px;
4757
4672
  margin-right: -6px;
4758
4673
  }
4759
4674
 
4760
- .ZGrhWCAymCw- {
4675
+ .cwVJrrJkNDg- {
4761
4676
  display: -ms-flexbox;
4762
4677
  display: flex;
4763
4678
  padding: 16px
@@ -4774,14 +4689,14 @@ html.atlantisLightBoxActive {
4774
4689
  * 1. Use CSS `order` to adjust the buttons position on the UI
4775
4690
  */
4776
4691
 
4777
- .hOiEWds2Vq8- {
4692
+ .MkD4pNUKeAA- {
4778
4693
  -ms-flex: 1 1 auto;
4779
4694
  flex: 1 1 auto;
4780
4695
  -ms-flex-order: 1;
4781
4696
  order: 1; /* 1 */
4782
4697
  }
4783
4698
 
4784
- .K31NzxPZP9s- {
4699
+ .C-yC8JKpQLg- {
4785
4700
  display: -ms-flexbox;
4786
4701
  display: flex;
4787
4702
  -ms-flex: 0 0 auto;
@@ -4794,21 +4709,31 @@ html.atlantisLightBoxActive {
4794
4709
 
4795
4710
  /* stylelint-disable-next-line no-descending-specificity */
4796
4711
 
4797
- .K31NzxPZP9s- > * {
4712
+ .C-yC8JKpQLg- > * {
4798
4713
  margin-left: 8px;
4799
4714
  margin-left: var(--space-small);
4800
4715
  }
4801
4716
 
4802
- .K31NzxPZP9s- > *:first-child {
4717
+ .C-yC8JKpQLg- > *:first-child {
4803
4718
  -ms-flex-order: 2;
4804
4719
  order: 2; /* 1 */
4805
4720
  }
4806
4721
 
4807
- .K31NzxPZP9s- > *:nth-child(2) {
4722
+ .C-yC8JKpQLg- > *:nth-child(2) {
4808
4723
  -ms-flex-order: 1;
4809
4724
  order: 1; /* 1 */
4810
4725
  }
4811
4726
 
4727
+ .BSZvIAUzFEU- {
4728
+ --modal--padding: var(--space-base);
4729
+ --public-tab--inset: var(--space-base);
4730
+ max-width: 400px;
4731
+ }
4732
+
4733
+ .-ydIALYVvGg- {
4734
+ max-width: 940px;
4735
+ }
4736
+
4812
4737
  :root {
4813
4738
  --modal--width: 600px;
4814
4739
  --modal--padding-horizontal: var(--space-base);
@@ -4839,40 +4764,41 @@ html.atlantisLightBoxActive {
4839
4764
  }
4840
4765
  }
4841
4766
 
4842
- .y3M-9xoEnk0- {
4843
- display: -ms-flexbox;
4844
- display: flex;
4845
- -ms-flex-direction: column;
4846
- flex-direction: column;
4767
+ .cRhQeXmZobs- {
4768
+ display: grid;
4847
4769
  z-index: 1001;
4848
4770
  z-index: var(--elevation-modal);
4849
- padding: 8px;
4850
- padding: var(--space-small);
4851
- overflow: auto;
4771
+ -ms-flex-align: center;
4772
+ align-items: center;
4773
+ justify-items: center;
4774
+ place-items: center;
4852
4775
  }
4853
4776
 
4854
- .y3M-9xoEnk0-,
4855
- .zkyJp1mib-U- {
4777
+ .PO6ZUDxQoFE- {
4856
4778
  position: fixed;
4857
4779
  top: 0;
4858
4780
  right: 0;
4859
4781
  bottom: 0;
4860
4782
  left: 0;
4861
- }
4862
-
4863
- .zkyJp1mib-U- {
4783
+ z-index: 1001;
4784
+ z-index: var(--elevation-modal);
4864
4785
  background-color: rgba(0, 0, 0, 0.32);
4865
4786
  background-color: var(--color-overlay);
4787
+ opacity: 0.8;
4866
4788
  }
4867
4789
 
4868
- .gMPgiggaud8- {
4790
+ .OiqCKNmbHZ0- {
4869
4791
  position: relative;
4792
+ z-index: 1001;
4793
+ z-index: var(--elevation-modal);
4870
4794
  width: 100%;
4871
4795
  max-width: 600px;
4872
4796
  max-width: var(--modal--width);
4873
4797
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
4874
4798
  box-shadow: var(--modal--shadow);
4875
4799
  margin: auto;
4800
+ padding: 8px;
4801
+ padding: var(--space-small);
4876
4802
  border: 1px solid hsl(200, 13%, 87%);
4877
4803
  border: var(--border-base) solid var(--color-border);
4878
4804
  border-radius: 8px;
@@ -4887,18 +4813,18 @@ html.atlantisLightBoxActive {
4887
4813
 
4888
4814
  /* Adjust `Content` and `Tab` components public padding to match the modal */
4889
4815
 
4890
- .gMPgiggaud8- > * {
4816
+ .OiqCKNmbHZ0- > * {
4891
4817
  --public-content--padding: var(--modal--padding);
4892
4818
  --public-tab--inset: var(--modal--padding-horizontal);
4893
4819
  }
4894
4820
 
4895
4821
  /* Remove the nested `Content` components public padding */
4896
4822
 
4897
- .gMPgiggaud8- > * > * {
4823
+ .OiqCKNmbHZ0- > * > * {
4898
4824
  --public-content--padding: 0;
4899
4825
  }
4900
4826
 
4901
- ._5sBzUnyOqD0- {
4827
+ .GDWGHwmjgAc- {
4902
4828
  display: -ms-flexbox;
4903
4829
  display: flex;
4904
4830
  -ms-flex-pack: justify;
@@ -4914,16 +4840,16 @@ html.atlantisLightBoxActive {
4914
4840
  * the <Content /> padding
4915
4841
  */
4916
4842
 
4917
- ._5sBzUnyOqD0- + * {
4843
+ .GDWGHwmjgAc- + * {
4918
4844
  padding-top: 0;
4919
4845
  }
4920
4846
 
4921
- ._4gw63G7IYG0- {
4847
+ .KJlGo4z-E6Q- {
4922
4848
  margin-top: -6px;
4923
4849
  margin-right: -6px;
4924
4850
  }
4925
4851
 
4926
- .cwVJrrJkNDg- {
4852
+ .ZGrhWCAymCw- {
4927
4853
  display: -ms-flexbox;
4928
4854
  display: flex;
4929
4855
  padding: 16px
@@ -4940,14 +4866,14 @@ html.atlantisLightBoxActive {
4940
4866
  * 1. Use CSS `order` to adjust the buttons position on the UI
4941
4867
  */
4942
4868
 
4943
- .MkD4pNUKeAA- {
4869
+ .hOiEWds2Vq8- {
4944
4870
  -ms-flex: 1 1 auto;
4945
4871
  flex: 1 1 auto;
4946
4872
  -ms-flex-order: 1;
4947
4873
  order: 1; /* 1 */
4948
4874
  }
4949
4875
 
4950
- .C-yC8JKpQLg- {
4876
+ .K31NzxPZP9s- {
4951
4877
  display: -ms-flexbox;
4952
4878
  display: flex;
4953
4879
  -ms-flex: 0 0 auto;
@@ -4960,21 +4886,95 @@ html.atlantisLightBoxActive {
4960
4886
 
4961
4887
  /* stylelint-disable-next-line no-descending-specificity */
4962
4888
 
4963
- .C-yC8JKpQLg- > * {
4889
+ .K31NzxPZP9s- > * {
4964
4890
  margin-left: 8px;
4965
4891
  margin-left: var(--space-small);
4966
4892
  }
4967
4893
 
4968
- .C-yC8JKpQLg- > *:first-child {
4894
+ .K31NzxPZP9s- > *:first-child {
4969
4895
  -ms-flex-order: 2;
4970
4896
  order: 2; /* 1 */
4971
4897
  }
4972
4898
 
4973
- .C-yC8JKpQLg- > *:nth-child(2) {
4899
+ .K31NzxPZP9s- > *:nth-child(2) {
4974
4900
  -ms-flex-order: 1;
4975
4901
  order: 1; /* 1 */
4976
4902
  }
4977
4903
 
4904
+ .bR1N0mdMeZU- {
4905
+ position: relative;
4906
+ width: 100%;
4907
+ }
4908
+
4909
+ .bR1N0mdMeZU- * {
4910
+ box-sizing: border-box;
4911
+ }
4912
+
4913
+ ._7naerR7479Q- {
4914
+ --field--height: var(--space-largest);
4915
+
4916
+ --field--padding-top: calc(var(--space-base) - var(--space-smallest));
4917
+ --field--padding-bottom: calc(var(--space-base) - var(--space-smallest));
4918
+ --field--padding-left: var(--space-base);
4919
+ --field--padding-right: var(--space-base);
4920
+
4921
+ display: -ms-flexbox;
4922
+
4923
+ display: flex;
4924
+ -ms-flex-direction: row;
4925
+ flex-direction: row;
4926
+ -ms-flex-pack: justify;
4927
+ justify-content: space-between;
4928
+ -ms-flex-align: center;
4929
+ align-items: center;
4930
+ width: 100%;
4931
+ height: 48px;
4932
+ height: var(--field--height);
4933
+ padding-top: calc(16px - 2px);
4934
+ padding-top: var(--field--padding-top);
4935
+ padding-bottom: calc(16px - 2px);
4936
+ padding-bottom: var(--field--padding-bottom);
4937
+ padding-left: 16px;
4938
+ padding-left: var(--field--padding-left);
4939
+ padding-right: 16px;
4940
+ padding-right: var(--field--padding-right);
4941
+ border: 1px solid hsl(200, 13%, 87%);
4942
+ border: var(--border-base) solid var(--color-border);
4943
+ border-radius: 8px;
4944
+ border-radius: var(--radius-base);
4945
+ }
4946
+
4947
+ ._7naerR7479Q- p {
4948
+ overflow: hidden;
4949
+ text-overflow: ellipsis;
4950
+ white-space: nowrap;
4951
+ }
4952
+
4953
+ .bR1N0mdMeZU-:hover,
4954
+ .bR1N0mdMeZU-._7naerR7479Q- {
4955
+ cursor: pointer;
4956
+ caret-color: transparent;
4957
+ }
4958
+
4959
+ ._7naerR7479Q-:focus,
4960
+ ._7naerR7479Q-.SpV9TqBIR60- {
4961
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
4962
+ box-shadow: var(--shadow-focus);
4963
+ outline: none;
4964
+ }
4965
+
4966
+ .TdyW0RCheH4- {
4967
+ --field--padding-left: calc(var(--space-base) - var(--space-smaller));
4968
+ --field--padding-right: calc(var(--space-base) - var(--space-smaller));
4969
+ --field--height: calc(var(--space-larger) + var(--space-smaller));
4970
+ }
4971
+
4972
+ .eBeKgF0JxEQ- {
4973
+ --field--padding-left: var(--space-large);
4974
+ --field--padding-right: var(--space-large);
4975
+ --field--height: calc(var(--space-extravagant));
4976
+ }
4977
+
4978
4978
  .BLYnKItuM3c- {
4979
4979
  width: 100%;
4980
4980
  box-sizing: border-box;
@@ -5117,6 +5117,18 @@ html.atlantisLightBoxActive {
5117
5117
  margin-bottom: var(--space-base);
5118
5118
  }
5119
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;
5130
+ }
5131
+
5120
5132
  .rY8OtuArIi0- {
5121
5133
  --popover--padding: var(--space-base);
5122
5134
  --popover-content--base-padding: var(--space-base);
@@ -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;
@@ -5870,6 +5870,21 @@ progress.w8NAw4ZMB6g-[value]::-webkit-progress-value {
5870
5870
  width: 100%;
5871
5871
  }
5872
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);
@@ -5939,21 +5954,6 @@ progress.w8NAw4ZMB6g-[value]::-webkit-progress-value {
5939
5954
  vertical-align: middle;
5940
5955
  }
5941
5956
 
5942
- .WiSIdMrztSU- {
5943
- --statusLabel-icon-diameter: 8px;
5944
-
5945
- display: inline-block;
5946
- width: 8px;
5947
- width: var(--statusLabel-icon-diameter);
5948
- height: 8px;
5949
- height: var(--statusLabel-icon-diameter);
5950
- border-radius: 50%;
5951
- background-color: hsl(107, 58%, 33%);
5952
- background-color: var(--color-success);
5953
- -ms-flex-negative: 0;
5954
- flex-shrink: 0;
5955
- }
5956
-
5957
5957
  .OADGAhZt8dY- {
5958
5958
  --labelBackgroundColor: var(--color-success--surface);
5959
5959
  --labelTextColor: var(--color-success--onSurface);
@@ -6150,6 +6150,47 @@ If there is a way to loop in the future of use a css custom property, we can use
6150
6150
  margin-bottom: auto;
6151
6151
  }
6152
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
+
6153
6194
  .rVg6dYYBFN4- {
6154
6195
  --switch--width: 48px;
6155
6196
  --switch--pipSize: 16px;
@@ -6298,47 +6339,6 @@ If there is a way to loop in the future of use a css custom property, we can use
6298
6339
  border-color: var(--color-disabled);
6299
6340
  }
6300
6341
 
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
  }
@@ -7267,31 +7267,6 @@ ul.LfIIg9bwrhQ- {
7267
7267
  white-space: pre-wrap;
7268
7268
  }
7269
7269
 
7270
- .kCKg-JJTRO8- {
7271
- border-radius: 4px;
7272
- border-radius: var(--radius-small);
7273
- }
7274
-
7275
- ._235nMwtuWSw- {
7276
- border-radius: 8px;
7277
- border-radius: var(--radius-base);
7278
- }
7279
-
7280
- ._9ppkWehd4QA- {
7281
- border-radius: 16px;
7282
- border-radius: var(--radius-large);
7283
- }
7284
-
7285
- .CsG3cZAn6r0- {
7286
- border-radius: 24px;
7287
- border-radius: var(--radius-larger);
7288
- }
7289
-
7290
- .WWKSAC2020Q- {
7291
- border-radius: 100%;
7292
- border-radius: var(--radius-circle);
7293
- }
7294
-
7295
7270
  .QJaShYW08G4- {
7296
7271
  gap: 1px;
7297
7272
  gap: var(--space-minuscule);
@@ -7342,6 +7317,31 @@ ul.LfIIg9bwrhQ- {
7342
7317
  gap: var(--space-extravagant);
7343
7318
  }
7344
7319
 
7320
+ .kCKg-JJTRO8- {
7321
+ border-radius: 4px;
7322
+ border-radius: var(--radius-small);
7323
+ }
7324
+
7325
+ ._235nMwtuWSw- {
7326
+ border-radius: 8px;
7327
+ border-radius: var(--radius-base);
7328
+ }
7329
+
7330
+ ._9ppkWehd4QA- {
7331
+ border-radius: 16px;
7332
+ border-radius: var(--radius-large);
7333
+ }
7334
+
7335
+ .CsG3cZAn6r0- {
7336
+ border-radius: 24px;
7337
+ border-radius: var(--radius-larger);
7338
+ }
7339
+
7340
+ .WWKSAC2020Q- {
7341
+ border-radius: 100%;
7342
+ border-radius: var(--radius-circle);
7343
+ }
7344
+
7345
7345
  .CXP1mw5bm-s- {
7346
7346
  height: auto;
7347
7347
  }
@@ -7454,16 +7454,6 @@ ul.LfIIg9bwrhQ- {
7454
7454
  padding-left: var(--box-padding-left);
7455
7455
  }
7456
7456
 
7457
- ._6dlpcG-oxT4- {
7458
- -webkit-animation-duration: var(--duration-base);
7459
- animation-duration: var(--duration-base);
7460
- }
7461
-
7462
- .NlRB1Xq-sFE- {
7463
- -webkit-animation-duration: calc(var(--duration-fast));
7464
- animation-duration: calc(var(--duration-fast));
7465
- }
7466
-
7467
7457
  .bjemHBSLuQ0- {
7468
7458
  height: 8px;
7469
7459
  height: var(--space-small);
@@ -7497,6 +7487,16 @@ ul.LfIIg9bwrhQ- {
7497
7487
  min-height: var(--space-base);
7498
7488
  }
7499
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
7500
  .vAVS-6e-jJo- {
7501
7501
  width: 100%;
7502
7502
  }
@@ -7653,6 +7653,21 @@ ul.LfIIg9bwrhQ- {
7653
7653
  font-weight: 900;
7654
7654
  }
7655
7655
 
7656
+ .ws2Y0LqNNfk- {
7657
+ font-style: italic;
7658
+ }
7659
+
7660
+ .kw63z71hYYU- {
7661
+ display: inline;
7662
+ font-family: inherit;
7663
+ font-style: normal;
7664
+ font-weight: inherit;
7665
+ 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");
7666
+ background-position: center bottom;
7667
+ background-repeat: no-repeat;
7668
+ background-size: 100% 20%;
7669
+ }
7670
+
7656
7671
  .S3PyGdaGxok- {
7657
7672
  text-transform: uppercase;
7658
7673
  }
@@ -8006,21 +8021,6 @@ ul.LfIIg9bwrhQ- {
8006
8021
  color: var(--color-brand);
8007
8022
  }
8008
8023
 
8009
- .ws2Y0LqNNfk- {
8010
- font-style: italic;
8011
- }
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%;
8022
- }
8023
-
8024
8024
  .bvnCrlndVHs- {
8025
8025
  display: -webkit-box !important;
8026
8026
  }
@@ -8029,13 +8029,6 @@ ul.LfIIg9bwrhQ- {
8029
8029
  overflow: hidden;
8030
8030
  }
8031
8031
 
8032
- .qp8E5e4q-so- {
8033
- text-decoration-line: underline;
8034
- text-decoration-thickness: 1px;
8035
- text-underline-offset: 4px;
8036
- text-underline-offset: var(--space-smaller);
8037
- }
8038
-
8039
8032
  .r5lyOVfBlMI- {
8040
8033
  text-align: left;
8041
8034
  }
@@ -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;
@@ -8327,30 +8351,6 @@ ul.LfIIg9bwrhQ- {
8327
8351
  }
8328
8352
  }
8329
8353
 
8330
- .-R-TvZ9aU9g- {
8331
- display: grid;
8332
- width: 100%;
8333
- padding: 4px;
8334
- padding: var(--space-smaller);
8335
- border: 1px solid hsl(200, 13%, 87%);
8336
- border: var(--border-base) solid var(--color-border);
8337
- border-radius: 16px;
8338
- border-radius: var(--radius-large);
8339
- grid-template-columns: repeat(7, 1fr);
8340
- row-gap: 4px;
8341
- grid-row-gap: 4px;
8342
- grid-row-gap: var(--space-smaller);
8343
- row-gap: var(--space-smaller);
8344
- -webkit-column-gap: 4px;
8345
- -webkit-column-gap: var(--space-smaller);
8346
- -moz-column-gap: 4px;
8347
- -moz-column-gap: var(--space-smaller);
8348
- column-gap: 4px;
8349
- grid-column-gap: 4px;
8350
- grid-column-gap: var(--space-smaller);
8351
- column-gap: var(--space-smaller);
8352
- }
8353
-
8354
8354
  .HowvTX8-pw4- {
8355
8355
  display: -ms-flexbox;
8356
8356
  display: flex;
@@ -8515,6 +8515,12 @@ 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
+
8518
8524
  ._85AuDa3YmT4- {
8519
8525
  position: relative;
8520
8526
  }
@@ -8550,12 +8556,6 @@ ul.LfIIg9bwrhQ- {
8550
8556
  min-width: var(--space-largest);
8551
8557
  }
8552
8558
 
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;
@@ -8812,26 +8812,6 @@ ul.LfIIg9bwrhQ- {
8812
8812
  }
8813
8813
  }
8814
8814
 
8815
- .SSm2j6d2kYo- {
8816
- display: -ms-flexbox;
8817
- display: flex;
8818
- position: absolute;
8819
- top: -26px;
8820
- right: 0;
8821
- z-index: 6;
8822
- z-index: var(--elevation-menu);
8823
- box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
8824
- box-shadow: var(--shadow-base);
8825
- border: 1px solid hsl(200, 13%, 87%);
8826
- border: var(--border-base) solid var(--color-border);
8827
- border-radius: 8px;
8828
- border-radius: var(--radius-base);
8829
- background-color: rgba(255, 255, 255, 1);
8830
- background-color: var(--color-surface);
8831
- gap: 2px;
8832
- gap: var(--space-smallest);
8833
- }
8834
-
8835
8815
  .zfAZTjk0VNE- {
8836
8816
  display: -ms-flexbox;
8837
8817
  display: flex;
@@ -8890,6 +8870,32 @@ ul.LfIIg9bwrhQ- {
8890
8870
  visibility: hidden;
8891
8871
  }
8892
8872
 
8873
+ .SSm2j6d2kYo- {
8874
+ display: -ms-flexbox;
8875
+ display: flex;
8876
+ position: absolute;
8877
+ top: -26px;
8878
+ right: 0;
8879
+ z-index: 6;
8880
+ z-index: var(--elevation-menu);
8881
+ box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
8882
+ box-shadow: var(--shadow-base);
8883
+ border: 1px solid hsl(200, 13%, 87%);
8884
+ border: var(--border-base) solid var(--color-border);
8885
+ border-radius: 8px;
8886
+ border-radius: var(--radius-base);
8887
+ background-color: rgba(255, 255, 255, 1);
8888
+ background-color: var(--color-surface);
8889
+ gap: 2px;
8890
+ gap: var(--space-smallest);
8891
+ }
8892
+
8893
+ .BJxca-StHxg- {
8894
+ /* Offset the button's padding so the height of the header bar doesn't change */
8895
+ margin: calc(8px * -1) 0;
8896
+ margin: calc(var(--space-small) * -1) 0;
8897
+ }
8898
+
8893
8899
  .kXYd0fpUuek- {
8894
8900
  display: -ms-flexbox;
8895
8901
  display: flex;
@@ -8996,12 +9002,6 @@ ul.LfIIg9bwrhQ- {
8996
9002
  align-items: center;
8997
9003
  }
8998
9004
 
8999
- .BJxca-StHxg- {
9000
- /* Offset the button's padding so the height of the header bar doesn't change */
9001
- margin: calc(8px * -1) 0;
9002
- margin: calc(var(--space-small) * -1) 0;
9003
- }
9004
-
9005
9005
  ._7-6mnR33fOk- {
9006
9006
  width: 18px;
9007
9007
  height: 24px;
@@ -9187,6 +9187,108 @@ ul.LfIIg9bwrhQ- {
9187
9187
  outline: transparent;
9188
9188
  }
9189
9189
 
9190
+ .wFxd-3vJyKo- {
9191
+ position: relative;
9192
+ padding: 8px 0;
9193
+ padding: var(--space-small) 0;
9194
+ }
9195
+
9196
+ .PzwV5qiIgV4- {
9197
+ display: -ms-flexbox;
9198
+ display: flex;
9199
+
9200
+ max-height: calc(8px * 33.33);
9201
+
9202
+ max-height: calc(var(--space-small) * 33.33);
9203
+ margin: 0;
9204
+ padding: 0;
9205
+ overflow: auto;
9206
+ list-style: none;
9207
+ -ms-flex-direction: column;
9208
+ flex-direction: column;
9209
+ gap: 4px;
9210
+ gap: var(--space-smaller);
9211
+ }
9212
+
9213
+ .c6TosVipkmw-,
9214
+ .ZYrg-J4-v2Y- {
9215
+ padding: 8px 16px;
9216
+ padding: var(--space-small) var(--space-base);
9217
+ }
9218
+
9219
+ .wFxd-3vJyKo-::before,
9220
+ .wFxd-3vJyKo-::after {
9221
+ content: "";
9222
+ display: block;
9223
+ position: absolute;
9224
+ right: 0;
9225
+ left: 0;
9226
+ height: 16px;
9227
+ height: var(--space-base);
9228
+ pointer-events: none;
9229
+ transition: opacity 0.3s ease-in-out;
9230
+ }
9231
+
9232
+ .wFxd-3vJyKo-::after {
9233
+ bottom: 8px;
9234
+ bottom: var(--space-small);
9235
+ background: linear-gradient(
9236
+ 180deg,
9237
+ transparent 0%,
9238
+ rgba(255, 255, 255, 1) 100%
9239
+ );
9240
+ background: linear-gradient(
9241
+ 180deg,
9242
+ transparent 0%,
9243
+ var(--color-surface) 100%
9244
+ );
9245
+ }
9246
+
9247
+ .wFxd-3vJyKo-::before {
9248
+ top: 8px;
9249
+ top: var(--space-small);
9250
+ background: linear-gradient(
9251
+ 180deg,
9252
+ rgba(255, 255, 255, 1) 0%,
9253
+ transparent 100%
9254
+ );
9255
+ background: linear-gradient(
9256
+ 180deg,
9257
+ var(--color-surface) 0%,
9258
+ transparent 100%
9259
+ );
9260
+ }
9261
+
9262
+ .FLu6FtihsLo-::before,
9263
+ .-o-v1zjzb48-::before {
9264
+ opacity: 0;
9265
+ }
9266
+
9267
+ ._2iW5DZ16G2U-::after,
9268
+ .-o-v1zjzb48-::after {
9269
+ opacity: 0;
9270
+ }
9271
+
9272
+ .PqwPrWjdB-A- {
9273
+ padding: 16px 16px;
9274
+ padding: var(--space-base) var(--space-base);
9275
+ }
9276
+
9277
+ .PqwPrWjdB-A-.v3cabuEY4Xk- {
9278
+ display: -ms-flexbox;
9279
+ display: flex;
9280
+ -ms-flex-pack: center;
9281
+ justify-content: center;
9282
+ position: sticky;
9283
+ bottom: 0;
9284
+ padding: 16px 0;
9285
+ padding: var(--space-base) 0;
9286
+ }
9287
+
9288
+ .PqwPrWjdB-A-.v3cabuEY4Xk-:empty {
9289
+ display: none;
9290
+ }
9291
+
9190
9292
  .c4B0WFX6K0o- {
9191
9293
  position: relative;
9192
9294
  }
@@ -9292,108 +9394,6 @@ ul.LfIIg9bwrhQ- {
9292
9394
  box-shadow: var(--shadow-focus);
9293
9395
  }
9294
9396
 
9295
- .wFxd-3vJyKo- {
9296
- position: relative;
9297
- padding: 8px 0;
9298
- padding: var(--space-small) 0;
9299
- }
9300
-
9301
- .PzwV5qiIgV4- {
9302
- display: -ms-flexbox;
9303
- display: flex;
9304
-
9305
- max-height: calc(8px * 33.33);
9306
-
9307
- max-height: calc(var(--space-small) * 33.33);
9308
- margin: 0;
9309
- padding: 0;
9310
- overflow: auto;
9311
- list-style: none;
9312
- -ms-flex-direction: column;
9313
- flex-direction: column;
9314
- gap: 4px;
9315
- gap: var(--space-smaller);
9316
- }
9317
-
9318
- .c6TosVipkmw-,
9319
- .ZYrg-J4-v2Y- {
9320
- padding: 8px 16px;
9321
- padding: var(--space-small) var(--space-base);
9322
- }
9323
-
9324
- .wFxd-3vJyKo-::before,
9325
- .wFxd-3vJyKo-::after {
9326
- content: "";
9327
- display: block;
9328
- position: absolute;
9329
- right: 0;
9330
- left: 0;
9331
- height: 16px;
9332
- height: var(--space-base);
9333
- pointer-events: none;
9334
- transition: opacity 0.3s ease-in-out;
9335
- }
9336
-
9337
- .wFxd-3vJyKo-::after {
9338
- bottom: 8px;
9339
- bottom: var(--space-small);
9340
- background: linear-gradient(
9341
- 180deg,
9342
- transparent 0%,
9343
- rgba(255, 255, 255, 1) 100%
9344
- );
9345
- background: linear-gradient(
9346
- 180deg,
9347
- transparent 0%,
9348
- var(--color-surface) 100%
9349
- );
9350
- }
9351
-
9352
- .wFxd-3vJyKo-::before {
9353
- top: 8px;
9354
- top: var(--space-small);
9355
- background: linear-gradient(
9356
- 180deg,
9357
- rgba(255, 255, 255, 1) 0%,
9358
- transparent 100%
9359
- );
9360
- background: linear-gradient(
9361
- 180deg,
9362
- var(--color-surface) 0%,
9363
- transparent 100%
9364
- );
9365
- }
9366
-
9367
- .FLu6FtihsLo-::before,
9368
- .-o-v1zjzb48-::before {
9369
- opacity: 0;
9370
- }
9371
-
9372
- ._2iW5DZ16G2U-::after,
9373
- .-o-v1zjzb48-::after {
9374
- opacity: 0;
9375
- }
9376
-
9377
- .PqwPrWjdB-A- {
9378
- padding: 16px 16px;
9379
- padding: var(--space-base) var(--space-base);
9380
- }
9381
-
9382
- .PqwPrWjdB-A-.v3cabuEY4Xk- {
9383
- display: -ms-flexbox;
9384
- display: flex;
9385
- -ms-flex-pack: center;
9386
- justify-content: center;
9387
- position: sticky;
9388
- bottom: 0;
9389
- padding: 16px 0;
9390
- padding: var(--space-base) 0;
9391
- }
9392
-
9393
- .PqwPrWjdB-A-.v3cabuEY4Xk-:empty {
9394
- display: none;
9395
- }
9396
-
9397
9397
  .nrNh3feibg8- {
9398
9398
  display: -ms-flexbox;
9399
9399
  display: flex;