@jobber/components 6.48.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,131 +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
5
  .ucGelS5nNm0- {
131
6
  --banner-surface: var(--color-surface);
132
7
  --banner-textColor: var(--color-text);
@@ -373,422 +248,203 @@
373
248
  border-width: var(--avatar-border-size);
374
249
  }
375
250
 
376
- :root {
377
- --public--button--color-variation: var(--color-interactive);
378
- --public--button--color-variation--hover: var(--color-interactive--hover);
379
- }
380
-
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;
387
-
388
- display: -ms-inline-flexbox;
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);
389
255
 
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);
256
+ display: block;
257
+ width: 100%;
258
+ border: 1px solid hsl(200, 13%, 87%);
259
+ border: var(--card--border);
397
260
  border-radius: 8px;
398
261
  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;
262
+ outline-color: hsl(198, 12%, 57%);
263
+ outline-color: var(--color-focus);
407
264
  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);
416
- -ms-flex-align: center;
417
- align-items: center;
418
- -ms-flex-pack: center;
419
- justify-content: center;
420
- gap: 4px;
421
- gap: var(--space-smaller);
422
- }
423
-
424
- ._7BLGtYNuJOU- * {
425
- fill: inherit !important;
265
+ background-color: var(--color-surface);
426
266
  }
427
267
 
428
- ._7BLGtYNuJOU- * {
429
- color: inherit;
430
- /* required to over-ride very specific fill from <Icon> */
268
+ .-PlHaWx00Hw-:active {
269
+ outline: 0;
431
270
  }
432
271
 
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);
446
- }
272
+ /* Adjust `Content` components public padding to match the cards */
447
273
 
448
- ._7BLGtYNuJOU-:focus-visible,
449
- a._7BLGtYNuJOU-:focus-visible,
450
- ._7BLGtYNuJOU-:active,
451
- a._7BLGtYNuJOU-:active {
452
- box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
453
- box-shadow: var(--shadow-focus);
454
- outline: transparent;
274
+ .-PlHaWx00Hw- > * {
275
+ --public-content--padding: var(--card--base-padding);
455
276
  }
456
277
 
457
- /* Variation */
278
+ /* Remove the nested `Content` components public padding */
458
279
 
459
- .amVSJ50CiOo- {
460
- --public--button--color-variation: var(--color-interactive);
461
- --public--button--color-variation--hover: var(--color-interactive--hover);
280
+ .-PlHaWx00Hw- > * > * {
281
+ --public-content--padding: 0;
462
282
  }
463
283
 
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
- );
284
+ .Iilm5Uhxo50- {
285
+ border-top-width: 0;
470
286
  }
471
287
 
472
- ._9YS8IK6Inew- {
473
- --public--button--color-variation: var(--color-destructive);
474
- --public--button--color-variation--hover: var(--color-destructive--hover);
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;
475
296
  }
476
297
 
477
- /* Type */
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;
304
+ }
478
305
 
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);
306
+ .Vppn4k0fBsc-:hover,
307
+ .Vppn4k0fBsc-:focus {
308
+ background-color: hsl(53, 21%, 93%);
309
+ background-color: var(--color-surface--hover);
486
310
  }
487
311
 
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);
492
- }
493
-
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);
500
- }
501
-
502
- .QaWL8FLJ5Aw-,
503
- .MVT-qs-bO9M-.TrzCxs3OEpM- {
504
- border-color: hsl(200, 13%, 87%);
505
- border-color: var(--color-border--interactive);
506
- }
507
-
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);
515
- }
516
-
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);
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);
523
323
  }
524
324
 
525
- .MVT-qs-bO9M-.QaWL8FLJ5Aw- {
526
- background-color: var(--button--color-surface);
325
+ ._7mObJiwfPh4- {
326
+ position: relative;
327
+ width: 100%;
527
328
  }
528
329
 
529
- .MhDYVRl8PUc-,
530
- .MVT-qs-bO9M-.QaWL8FLJ5Aw- {
531
- border-color: transparent;
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;
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;
532
350
  }
533
351
 
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);
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);
542
357
  }
543
358
 
544
- .MVT-qs-bO9M-.QaWL8FLJ5Aw-:hover,
545
- .MVT-qs-bO9M-.QaWL8FLJ5Aw-:focus-visible {
546
- background-color: var(--button--color-surface--hover);
359
+ .dL5JShAJlKM-._2RzcnTdaPyc- {
360
+ visibility: visible;
361
+ width: 100%;
362
+ height: auto;
363
+ max-height: 300px;
364
+ opacity: 1;
547
365
  }
548
366
 
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;
367
+ .dL5JShAJlKM-._2RzcnTdaPyc-:empty {
368
+ visibility: hidden;
369
+ opacity: 0;
558
370
  }
559
371
 
560
- .MVT-qs-bO9M-.MhDYVRl8PUc- {
561
- border-color: transparent;
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;
562
391
  background-color: transparent;
392
+ cursor: pointer;
563
393
  }
564
394
 
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);
395
+ .y9zhi8Wr8QA-:hover,
396
+ .y9zhi8Wr8QA-:focus,
397
+ .y9zhi8Wr8QA-._3Xg49dtL1Q8- {
571
398
  background-color: hsl(53, 21%, 93%);
572
399
  background-color: var(--color-surface--hover);
573
- fill: hsl(197, 90%, 12%);
574
- fill: var(--color-interactive--subtle--hover);
575
- }
576
-
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;
596
- }
597
-
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));
604
- }
605
-
606
- .VyMJpVxCrxI- {
607
- padding: 0 16px;
608
- padding: 0 var(--space-base);
609
- }
610
-
611
- .Uh29dvNk6I0- {
612
- --button--size: 48px;
613
- padding: 0 calc(16px + 4px);
614
- padding: 0 calc(var(--space-base) + var(--space-smaller));
615
- }
616
-
617
- /* Icon */
618
-
619
- ._7BLGtYNuJOU- svg {
620
- -ms-flex-negative: 0;
621
- flex-shrink: 0;
622
- }
623
-
624
- .H8uYM7Udc4o-:has(> svg:only-child) {
625
- width: var(--button--size);
626
- padding: 0;
627
- }
628
-
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);
641
- }
642
-
643
- .yBId-F-geAA- {
644
- width: 100%;
645
- }
646
-
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
- }
696
- }
697
-
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
- }
707
- }
708
-
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
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
402
  }
725
403
 
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;
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);
744
407
  }
745
408
 
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;
409
+ .dL5JShAJlKM-:hover .y9zhi8Wr8QA-._3Xg49dtL1Q8-:not(:hover) {
410
+ background-color: transparent;
411
+ outline-color: transparent;
754
412
  }
755
413
 
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;
414
+ .dL5JShAJlKM- .PWZL-94hH7k-:not(:first-child) {
415
+ padding-top: 16px;
416
+ padding-top: var(--space-base);
762
417
  }
763
418
 
764
- .Vppn4k0fBsc-:hover,
765
- .Vppn4k0fBsc-:focus {
766
- background-color: hsl(53, 21%, 93%);
767
- background-color: var(--color-surface--hover);
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);
768
426
  }
769
427
 
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);
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;
781
435
  }
782
436
 
783
- .Aj6o8FcaKHc- {
784
- container-name: var(--public-container-name);
785
- container-type: inline-size;
786
- width: var(--public-container-width);
437
+ .y9zhi8Wr8QA- .tQNbuxcE9nU- {
438
+ -ms-flex: 2;
439
+ flex: 2;
787
440
  }
788
441
 
789
- .eIsVvlXoWhs- {
790
- container-type: inline-size;
791
- width: var(--public-container-apply-width);
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;
792
448
  }
793
449
 
794
450
  ._5mDLThZ7dBQ- {
@@ -1019,145 +675,470 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
1019
675
  --card--accent-color: var(--color-pink--lighter);
1020
676
  }
1021
677
 
1022
- .Nfx7Me6gfew- {
1023
- --card--accent-color: var(--color-pink--lightest);
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);
760
+ }
761
+
762
+ .YNxCRirQrH4- {
763
+ --card--accent-color: var(--color-navy--dark);
764
+ }
765
+
766
+ .oiO69PZN9YQ- {
767
+ --card--accent-color: var(--color-indigo);
768
+ }
769
+
770
+ ._0IY3-0yi-R8- {
771
+ --card--accent-color: var(--color-indigo--light);
772
+ }
773
+
774
+ .EhlKEc9GoHs- {
775
+ --card--accent-color: var(--color-indigo--lighter);
776
+ }
777
+
778
+ .AdDWGn8NI00- {
779
+ --card--accent-color: var(--color-indigo--lightest);
780
+ }
781
+
782
+ ._2ps4Uk-mog0- {
783
+ --card--accent-color: var(--color-indigo--dark);
784
+ }
785
+
786
+ .mflIgpDr82Y- {
787
+ --card--accent-color: var(--color-white);
788
+ }
789
+
790
+ :root {
791
+ --public--button--color-variation: var(--color-interactive);
792
+ --public--button--color-variation--hover: var(--color-interactive--hover);
793
+ }
794
+
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;
801
+
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);
836
+ }
837
+
838
+ ._7BLGtYNuJOU- * {
839
+ fill: inherit !important;
840
+ }
841
+
842
+ ._7BLGtYNuJOU- * {
843
+ color: inherit;
844
+ /* required to over-ride very specific fill from <Icon> */
845
+ }
846
+
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);
860
+ }
861
+
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;
869
+ }
870
+
871
+ /* Variation */
872
+
873
+ .amVSJ50CiOo- {
874
+ --public--button--color-variation: var(--color-interactive);
875
+ --public--button--color-variation--hover: var(--color-interactive--hover);
876
+ }
877
+
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
+ );
884
+ }
885
+
886
+ ._9YS8IK6Inew- {
887
+ --public--button--color-variation: var(--color-destructive);
888
+ --public--button--color-variation--hover: var(--color-destructive--hover);
889
+ }
890
+
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);
900
+ }
901
+
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);
906
+ }
907
+
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);
914
+ }
915
+
916
+ .QaWL8FLJ5Aw-,
917
+ .MVT-qs-bO9M-.TrzCxs3OEpM- {
918
+ border-color: hsl(200, 13%, 87%);
919
+ border-color: var(--color-border--interactive);
920
+ }
921
+
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);
1024
929
  }
1025
930
 
1026
- .PXtxWUy1pvk- {
1027
- --card--accent-color: var(--color-pink--dark);
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);
1028
937
  }
1029
938
 
1030
- .TCIFwV-8jfU- {
1031
- --card--accent-color: var(--color-teal);
939
+ .MVT-qs-bO9M-.QaWL8FLJ5Aw- {
940
+ background-color: var(--button--color-surface);
1032
941
  }
1033
942
 
1034
- .QKM3Gc0bQxI- {
1035
- --card--accent-color: var(--color-teal--light);
943
+ .MhDYVRl8PUc-,
944
+ .MVT-qs-bO9M-.QaWL8FLJ5Aw- {
945
+ border-color: transparent;
1036
946
  }
1037
947
 
1038
- .ILaFINMoSlM- {
1039
- --card--accent-color: var(--color-teal--lighter);
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);
1040
956
  }
1041
957
 
1042
- .wj7qD0ryDNw- {
1043
- --card--accent-color: var(--color-teal--lightest);
958
+ .MVT-qs-bO9M-.QaWL8FLJ5Aw-:hover,
959
+ .MVT-qs-bO9M-.QaWL8FLJ5Aw-:focus-visible {
960
+ background-color: var(--button--color-surface--hover);
1044
961
  }
1045
962
 
1046
- .tUjjyB7GN-Q- {
1047
- --card--accent-color: var(--color-teal--dark);
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;
1048
972
  }
1049
973
 
1050
- .gtKRbI99aQU- {
1051
- --card--accent-color: var(--color-orange);
974
+ .MVT-qs-bO9M-.MhDYVRl8PUc- {
975
+ border-color: transparent;
976
+ background-color: transparent;
1052
977
  }
1053
978
 
1054
- .uUvtDEYmYhE- {
1055
- --card--accent-color: var(--color-orange--light);
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);
1056
989
  }
1057
990
 
1058
- .UNvUmONc6bM- {
1059
- --card--accent-color: var(--color-orange--lighter);
1060
- }
991
+ /* Disabled */
1061
992
 
1062
- .sBl1hHCnBpA- {
1063
- --card--accent-color: var(--color-orange--lightest);
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;
1064
1010
  }
1065
1011
 
1066
- .ceM7ISMCfX4- {
1067
- --card--accent-color: var(--color-orange--dark);
1068
- }
1012
+ /* Sizes */
1069
1013
 
1070
- .XGl6Iv7N1e0- {
1071
- --card--accent-color: var(--color-brown);
1014
+ .lPPuBfTJl5k- {
1015
+ --button--size: 32px;
1016
+ padding: 4px calc(16px - 4px);
1017
+ padding: var(--space-smaller) calc(var(--space-base) - var(--space-smaller));
1072
1018
  }
1073
1019
 
1074
- .n474Hn3j8es- {
1075
- --card--accent-color: var(--color-brown--light);
1020
+ .VyMJpVxCrxI- {
1021
+ padding: 0 16px;
1022
+ padding: 0 var(--space-base);
1076
1023
  }
1077
1024
 
1078
- .UoyCJSsgMI0- {
1079
- --card--accent-color: var(--color-brown--lighter);
1025
+ .Uh29dvNk6I0- {
1026
+ --button--size: 48px;
1027
+ padding: 0 calc(16px + 4px);
1028
+ padding: 0 calc(var(--space-base) + var(--space-smaller));
1080
1029
  }
1081
1030
 
1082
- ._8rrvx00EpUc- {
1083
- --card--accent-color: var(--color-brown--lightest);
1084
- }
1031
+ /* Icon */
1085
1032
 
1086
- .JWWWvdngqx4- {
1087
- --card--accent-color: var(--color-brown--dark);
1033
+ ._7BLGtYNuJOU- svg {
1034
+ -ms-flex-negative: 0;
1035
+ flex-shrink: 0;
1088
1036
  }
1089
1037
 
1090
- .Jfp-dUno4KQ- {
1091
- --card--accent-color: var(--color-navy);
1038
+ .H8uYM7Udc4o-:has(> svg:only-child) {
1039
+ width: var(--button--size);
1040
+ padding: 0;
1092
1041
  }
1093
1042
 
1094
- ._5SGbQDSEQlE- {
1095
- --card--accent-color: var(--color-navy--light);
1096
- }
1043
+ /** Icon on Right */
1097
1044
 
1098
- .DMElPhnEjrM- {
1099
- --card--accent-color: var(--color-navy--lighter);
1045
+ .H8uYM7Udc4o- > span ~ svg {
1046
+ margin-right: calc(4px * -1);
1047
+ margin-right: calc(var(--space-smaller) * -1);
1100
1048
  }
1101
1049
 
1102
- .Nd80Eh7efmo- {
1103
- --card--accent-color: var(--color-navy--lightest);
1104
- }
1050
+ /** Icon on Left */
1105
1051
 
1106
- .YNxCRirQrH4- {
1107
- --card--accent-color: var(--color-navy--dark);
1052
+ .H8uYM7Udc4o- > svg:has(+ span:nth-child(2)) {
1053
+ margin-left: calc(4px * -1);
1054
+ margin-left: calc(var(--space-smaller) * -1);
1108
1055
  }
1109
1056
 
1110
- .oiO69PZN9YQ- {
1111
- --card--accent-color: var(--color-indigo);
1057
+ .yBId-F-geAA- {
1058
+ width: 100%;
1112
1059
  }
1113
1060
 
1114
- ._0IY3-0yi-R8- {
1115
- --card--accent-color: var(--color-indigo--light);
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;
1116
1085
  }
1117
1086
 
1118
- .EhlKEc9GoHs- {
1119
- --card--accent-color: var(--color-indigo--lighter);
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
+ );
1120
1099
  }
1121
1100
 
1122
- .AdDWGn8NI00- {
1123
- --card--accent-color: var(--color-indigo--lightest);
1124
- }
1101
+ @-webkit-keyframes M0LU-Rdq-MA- {
1102
+ 0% {
1103
+ background-position: 0 0;
1104
+ }
1125
1105
 
1126
- ._2ps4Uk-mog0- {
1127
- --card--accent-color: var(--color-indigo--dark);
1106
+ 100% {
1107
+ background-position: 32px 32px;
1108
+ background-position: var(--space-larger) var(--space-larger);
1109
+ }
1128
1110
  }
1129
1111
 
1130
- .mflIgpDr82Y- {
1131
- --card--accent-color: var(--color-white);
1132
- }
1112
+ @keyframes M0LU-Rdq-MA- {
1113
+ 0% {
1114
+ background-position: 0 0;
1115
+ }
1133
1116
 
1134
- .sGSmxHTsTfA- {
1135
- display: -ms-flexbox;
1136
- display: flex;
1137
- -ms-flex-direction: column;
1138
- flex-direction: column;
1139
- min-height: var(--public-cover-min-height);
1140
- padding: var(--public-cover-space);
1117
+ 100% {
1118
+ background-position: 32px 32px;
1119
+ background-position: var(--space-larger) var(--space-larger);
1120
+ }
1141
1121
  }
1142
1122
 
1143
- .sGSmxHTsTfA- > * {
1144
- margin-top: var(--public-cover-space);
1145
- margin-bottom: var(--public-cover-space);
1123
+ .bb-VTS0yML8-,
1124
+ ._2BzdFV5LQvM-,
1125
+ ._60G0BuQ6TY0- {
1126
+ --card--border: none;
1146
1127
  }
1147
1128
 
1148
- .sGSmxHTsTfA- > :first-child:not(._6S-jbOw7NEA-) {
1149
- -webkit-margin-before: 0;
1150
- margin-top: 0;
1129
+ .bb-VTS0yML8- {
1130
+ box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25), 0px 0px 2px rgba(0, 0, 0, 0.1);
1131
+ box-shadow: var(--shadow-low);
1151
1132
  }
1152
1133
 
1153
- .sGSmxHTsTfA- > :last-child:not(._6S-jbOw7NEA-) {
1154
- -webkit-margin-after: 0;
1155
- margin-bottom: 0;
1134
+ ._2BzdFV5LQvM- {
1135
+ box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
1136
+ box-shadow: var(--shadow-base);
1156
1137
  }
1157
1138
 
1158
- .sGSmxHTsTfA- > ._6S-jbOw7NEA- {
1159
- margin-top: auto;
1160
- margin-bottom: auto;
1139
+ ._60G0BuQ6TY0- {
1140
+ box-shadow: 0px 16px 16px 0px rgba(0, 0, 0, 0.075), 0px 0px 8px 0px rgba(0, 0, 0, 0.05);
1141
+ box-shadow: var(--shadow-high);
1161
1142
  }
1162
1143
 
1163
1144
  .kub1yKbFFN0- {
@@ -1298,6 +1279,17 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
1298
1279
  width: 100%;
1299
1280
  }
1300
1281
 
1282
+ .Aj6o8FcaKHc- {
1283
+ container-name: var(--public-container-name);
1284
+ container-type: inline-size;
1285
+ width: var(--public-container-width);
1286
+ }
1287
+
1288
+ .eIsVvlXoWhs- {
1289
+ container-type: inline-size;
1290
+ width: var(--public-container-apply-width);
1291
+ }
1292
+
1301
1293
  :root {
1302
1294
  --public-chip-base-bg-color: var(--color-interactive--background);
1303
1295
  --public-chip-base-hover-bg-color: var(
@@ -1582,126 +1574,6 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
1582
1574
  width: 1px;
1583
1575
  }
1584
1576
 
1585
- .bb-VTS0yML8-,
1586
- ._2BzdFV5LQvM-,
1587
- ._60G0BuQ6TY0- {
1588
- --card--border: none;
1589
- }
1590
-
1591
- .bb-VTS0yML8- {
1592
- box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25), 0px 0px 2px rgba(0, 0, 0, 0.1);
1593
- box-shadow: var(--shadow-low);
1594
- }
1595
-
1596
- ._2BzdFV5LQvM- {
1597
- box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
1598
- box-shadow: var(--shadow-base);
1599
- }
1600
-
1601
- ._60G0BuQ6TY0- {
1602
- box-shadow: 0px 16px 16px 0px rgba(0, 0, 0, 0.075), 0px 0px 8px 0px rgba(0, 0, 0, 0.05);
1603
- box-shadow: var(--shadow-high);
1604
- }
1605
-
1606
- .B1cBkstNQhM- > :not(:last-child) {
1607
- margin-bottom: 1px;
1608
- margin-bottom: var(--space-minuscule);
1609
- }
1610
-
1611
- .rjAxJwaso0s- > :not(:last-child) {
1612
- margin-bottom: 2px;
1613
- margin-bottom: var(--space-smallest);
1614
- }
1615
-
1616
- .Chezd5Sqtmk- > :not(:last-child) {
1617
- margin-bottom: 4px;
1618
- margin-bottom: var(--space-smaller);
1619
- }
1620
-
1621
- .hzVGRy-KUeY- > :not(:last-child) {
1622
- margin-bottom: 8px;
1623
- margin-bottom: var(--space-small);
1624
- }
1625
-
1626
- .XFi-EWH3Rc0- > :not(:last-child) {
1627
- margin-bottom: 16px;
1628
- margin-bottom: var(--space-base);
1629
- }
1630
-
1631
- .JTt98vS-CLk- > :not(:last-child) {
1632
- margin-bottom: 24px;
1633
- margin-bottom: var(--space-large);
1634
- }
1635
-
1636
- .-h5Dm7qvnss- > :not(:last-child) {
1637
- margin-bottom: 32px;
1638
- margin-bottom: var(--space-larger);
1639
- }
1640
-
1641
- .K7DP0lB9veI- > :not(:last-child) {
1642
- margin-bottom: 48px;
1643
- margin-bottom: var(--space-largest);
1644
- }
1645
-
1646
- .d8bHHzbOHk4- > :not(:last-child) {
1647
- margin-bottom: 64px;
1648
- margin-bottom: var(--space-extravagant);
1649
- }
1650
-
1651
- .rJamQZ6fRes- {
1652
- --content-block-max-width: 100ch;
1653
- --content-block-gutters: 0;
1654
- width: 100%;
1655
- box-sizing: content-box;
1656
- margin-left: auto;
1657
- margin-right: auto;
1658
- max-width: 100ch;
1659
- max-width: var(--content-block-max-width);
1660
- }
1661
-
1662
- .bqjXV8MRO-4- {
1663
- -webkit-margin-start: 0;
1664
- margin-left: 0;
1665
- -webkit-margin-end: auto;
1666
- margin-right: auto;
1667
- }
1668
-
1669
- .sCMxIxKkFe0- {
1670
- -webkit-margin-end: 0;
1671
- margin-right: 0;
1672
- -webkit-margin-start: auto;
1673
- margin-left: auto;
1674
- }
1675
-
1676
- ._2pIQVKvVL1I- {
1677
- margin-left: auto;
1678
- margin-right: auto;
1679
- }
1680
-
1681
- ._6dF2no3aTxw- {
1682
- text-align: center;
1683
- }
1684
-
1685
- .bqjXV8MRO-4-._6dF2no3aTxw- {
1686
- text-align: left;
1687
- }
1688
-
1689
- .sCMxIxKkFe0-._6dF2no3aTxw- {
1690
- text-align: right;
1691
- }
1692
-
1693
- ._8k8YLsatGag- {
1694
- -webkit-padding-start: var(--content-block-gutters);
1695
- padding-left: var(--content-block-gutters);
1696
- -webkit-padding-end: var(--content-block-gutters);
1697
- padding-right: var(--content-block-gutters);
1698
- }
1699
-
1700
- .cftWh-00zXM- {
1701
- padding: 0;
1702
- padding: var(--public-content--padding, 0);
1703
- }
1704
-
1705
1577
  .YxKKPXAU10s- {
1706
1578
  --checkbox--size: 20px;
1707
1579
  --checkbox--border--checked: var(--color-interactive);
@@ -1795,38 +1667,166 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
1795
1667
  background-color: var(--color-disabled--secondary);
1796
1668
  }
1797
1669
 
1798
- .TKr3J-6ARFo- .XnCmS-EzK2M-.rqHq3ff9In0- + ._-8JCQE6SA9s- > *,
1799
- .TKr3J-6ARFo- .XnCmS-EzK2M-:checked + ._-8JCQE6SA9s- > * {
1800
- opacity: 1;
1670
+ .TKr3J-6ARFo- .XnCmS-EzK2M-.rqHq3ff9In0- + ._-8JCQE6SA9s- > *,
1671
+ .TKr3J-6ARFo- .XnCmS-EzK2M-:checked + ._-8JCQE6SA9s- > * {
1672
+ opacity: 1;
1673
+ }
1674
+
1675
+ .l8z5TxzVvqA- {
1676
+ margin: 0 8px;
1677
+ margin: 0 var(--space-small);
1678
+ margin-top: 2px;
1679
+ margin-top: var(--space-smallest);
1680
+ }
1681
+
1682
+ .DcBfVgpiWa4- {
1683
+ margin-bottom: 8px;
1684
+ margin-bottom: var(--space-small);
1685
+ padding-left: calc(var(--checkbox--size) + 8px);
1686
+ padding-left: calc(var(--checkbox--size) + var(--space-small));
1687
+ }
1688
+
1689
+ .xxU2WqkpXZU- {
1690
+ position: fixed;
1691
+ top: 0;
1692
+ right: 0;
1693
+ bottom: 0;
1694
+ left: 0;
1695
+ z-index: 6;
1696
+ z-index: var(--elevation-menu);
1697
+ background-color: transparent;
1698
+ }
1699
+
1700
+ .W-9SMjhEMpI- {
1701
+ display: inline-block;
1702
+ }
1703
+
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);
1711
+ }
1712
+
1713
+ .sGSmxHTsTfA- > * {
1714
+ margin-top: var(--public-cover-space);
1715
+ margin-bottom: var(--public-cover-space);
1716
+ }
1717
+
1718
+ .sGSmxHTsTfA- > :first-child:not(._6S-jbOw7NEA-) {
1719
+ -webkit-margin-before: 0;
1720
+ margin-top: 0;
1721
+ }
1722
+
1723
+ .sGSmxHTsTfA- > :last-child:not(._6S-jbOw7NEA-) {
1724
+ -webkit-margin-after: 0;
1725
+ margin-bottom: 0;
1726
+ }
1727
+
1728
+ .sGSmxHTsTfA- > ._6S-jbOw7NEA- {
1729
+ margin-top: auto;
1730
+ margin-bottom: auto;
1731
+ }
1732
+
1733
+ .cftWh-00zXM- {
1734
+ padding: 0;
1735
+ padding: var(--public-content--padding, 0);
1736
+ }
1737
+
1738
+ .B1cBkstNQhM- > :not(:last-child) {
1739
+ margin-bottom: 1px;
1740
+ margin-bottom: var(--space-minuscule);
1741
+ }
1742
+
1743
+ .rjAxJwaso0s- > :not(:last-child) {
1744
+ margin-bottom: 2px;
1745
+ margin-bottom: var(--space-smallest);
1746
+ }
1747
+
1748
+ .Chezd5Sqtmk- > :not(:last-child) {
1749
+ margin-bottom: 4px;
1750
+ margin-bottom: var(--space-smaller);
1751
+ }
1752
+
1753
+ .hzVGRy-KUeY- > :not(:last-child) {
1754
+ margin-bottom: 8px;
1755
+ margin-bottom: var(--space-small);
1756
+ }
1757
+
1758
+ .XFi-EWH3Rc0- > :not(:last-child) {
1759
+ margin-bottom: 16px;
1760
+ margin-bottom: var(--space-base);
1761
+ }
1762
+
1763
+ .JTt98vS-CLk- > :not(:last-child) {
1764
+ margin-bottom: 24px;
1765
+ margin-bottom: var(--space-large);
1766
+ }
1767
+
1768
+ .-h5Dm7qvnss- > :not(:last-child) {
1769
+ margin-bottom: 32px;
1770
+ margin-bottom: var(--space-larger);
1771
+ }
1772
+
1773
+ .K7DP0lB9veI- > :not(:last-child) {
1774
+ margin-bottom: 48px;
1775
+ margin-bottom: var(--space-largest);
1776
+ }
1777
+
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;
1801
1811
  }
1802
1812
 
1803
- .l8z5TxzVvqA- {
1804
- margin: 0 8px;
1805
- margin: 0 var(--space-small);
1806
- margin-top: 2px;
1807
- margin-top: var(--space-smallest);
1813
+ ._6dF2no3aTxw- {
1814
+ text-align: center;
1808
1815
  }
1809
1816
 
1810
- .DcBfVgpiWa4- {
1811
- margin-bottom: 8px;
1812
- margin-bottom: var(--space-small);
1813
- padding-left: calc(var(--checkbox--size) + 8px);
1814
- padding-left: calc(var(--checkbox--size) + var(--space-small));
1817
+ .bqjXV8MRO-4-._6dF2no3aTxw- {
1818
+ text-align: left;
1815
1819
  }
1816
1820
 
1817
- .xxU2WqkpXZU- {
1818
- position: fixed;
1819
- top: 0;
1820
- right: 0;
1821
- bottom: 0;
1822
- left: 0;
1823
- z-index: 6;
1824
- z-index: var(--elevation-menu);
1825
- background-color: transparent;
1821
+ .sCMxIxKkFe0-._6dF2no3aTxw- {
1822
+ text-align: right;
1826
1823
  }
1827
1824
 
1828
- .W-9SMjhEMpI- {
1829
- display: inline-block;
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-,
@@ -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,13 @@ 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
2452
  .t44-9xW2xyI- {
2453
2453
  --divider-width: var(--border-base);
2454
2454
  }
@@ -2481,47 +2481,6 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
2481
2481
  border-right: var(--divider-width) solid var(--divider-color);
2482
2482
  }
2483
2483
 
2484
- .o-b2tWQIZvw- {
2485
- display: -ms-flexbox;
2486
- display: flex;
2487
- }
2488
-
2489
- .NZtPT-dXFeQ- {
2490
- -ms-flex: 1 1 auto;
2491
- flex: 1 1 auto;
2492
- -ms-flex-item-align: center;
2493
- align-self: center;
2494
- padding-right: 16px;
2495
- padding-right: var(--space-base);
2496
- transition: opacity 200ms;
2497
- transition: opacity var(--timing-base);
2498
- }
2499
-
2500
- .tDW-yhISuqQ- {
2501
- -ms-flex: 0 0 auto;
2502
- flex: 0 0 auto;
2503
- -ms-flex-item-align: start;
2504
- align-self: flex-start;
2505
- position: relative;
2506
- }
2507
-
2508
- .Y-aeIDV1dL4- {
2509
- position: absolute;
2510
- top: 100%;
2511
- width: 100%;
2512
- margin-top: 2px;
2513
- margin-top: var(--space-smallest);
2514
- text-align: center;
2515
- }
2516
-
2517
- .iXr88Nr7vpk- {
2518
- opacity: 0.5;
2519
- }
2520
-
2521
- .GSDyu-sASro- {
2522
- opacity: 1;
2523
- }
2524
-
2525
2484
  .LNIwHwCs8gQ- {
2526
2485
  --drawer-width: 280px;
2527
2486
  --drawer--base-padding: var(--space-base);
@@ -2645,6 +2604,57 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
2645
2604
  --public-content--padding: 0;
2646
2605
  }
2647
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
+ .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
+
2648
2658
  .pEdV7Oo29SE- {
2649
2659
  display: grid;
2650
2660
  /* If this gets wrapped in a flex container, it should take the remaining space */
@@ -2696,20 +2706,6 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
2696
2706
  align-items: end;
2697
2707
  }
2698
2708
 
2699
- ._50Jq09W07gg- {
2700
- display: grid;
2701
- width: 100%;
2702
- height: 100%;
2703
- overflow: hidden;
2704
- grid-template-columns: minmax(0, 1fr) minmax(-webkit-min-content, -webkit-max-content);
2705
- grid-template-columns: minmax(0, 1fr) minmax(min-content, max-content);
2706
- grid-template-rows: 1fr;
2707
- }
2708
-
2709
- .ViFkIUcS6PM- {
2710
- font-style: normal;
2711
- }
2712
-
2713
2709
  :root {
2714
2710
  /**
2715
2711
  * These `--public-field` properties are used in other components such
@@ -3187,6 +3183,10 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
3187
3183
  background: linear-gradient(to bottom, transparent, var(--color-surface) 60%);
3188
3184
  }
3189
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);
@@ -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,22 +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
- ._8oxipSwiMJQ- {
4248
- color: hsl(107, 58%, 33%);
4249
- color: var(--color-interactive);
4250
- -webkit-text-decoration: underline;
4251
- text-decoration: underline;
4252
- }
4253
-
4254
4245
  .sFlecO8-wnY- {
4255
4246
  margin: 0;
4256
4247
  padding: 0;
@@ -4268,81 +4259,16 @@ html.atlantisLightBoxActive {
4268
4259
 
4269
4260
  .vz43PAcPYt0-:not(:last-child) .sFlecO8-wnY- {
4270
4261
  padding-bottom: 24px;
4271
- padding-bottom: var(--space-large);
4272
- }
4273
-
4274
- .bR1N0mdMeZU- {
4275
- position: relative;
4276
- width: 100%;
4277
- }
4278
-
4279
- .bR1N0mdMeZU- * {
4280
- box-sizing: border-box;
4281
- }
4282
-
4283
- ._7naerR7479Q- {
4284
- --field--height: var(--space-largest);
4285
-
4286
- --field--padding-top: calc(var(--space-base) - var(--space-smallest));
4287
- --field--padding-bottom: calc(var(--space-base) - var(--space-smallest));
4288
- --field--padding-left: var(--space-base);
4289
- --field--padding-right: var(--space-base);
4290
-
4291
- display: -ms-flexbox;
4292
-
4293
- display: flex;
4294
- -ms-flex-direction: row;
4295
- flex-direction: row;
4296
- -ms-flex-pack: justify;
4297
- justify-content: space-between;
4298
- -ms-flex-align: center;
4299
- align-items: center;
4300
- width: 100%;
4301
- height: 48px;
4302
- height: var(--field--height);
4303
- padding-top: calc(16px - 2px);
4304
- padding-top: var(--field--padding-top);
4305
- padding-bottom: calc(16px - 2px);
4306
- padding-bottom: var(--field--padding-bottom);
4307
- padding-left: 16px;
4308
- padding-left: var(--field--padding-left);
4309
- padding-right: 16px;
4310
- padding-right: var(--field--padding-right);
4311
- border: 1px solid hsl(200, 13%, 87%);
4312
- border: var(--border-base) solid var(--color-border);
4313
- border-radius: 8px;
4314
- border-radius: var(--radius-base);
4315
- }
4316
-
4317
- ._7naerR7479Q- p {
4318
- overflow: hidden;
4319
- text-overflow: ellipsis;
4320
- white-space: nowrap;
4321
- }
4322
-
4323
- .bR1N0mdMeZU-:hover,
4324
- .bR1N0mdMeZU-._7naerR7479Q- {
4325
- cursor: pointer;
4326
- caret-color: transparent;
4327
- }
4328
-
4329
- ._7naerR7479Q-:focus,
4330
- ._7naerR7479Q-.SpV9TqBIR60- {
4331
- box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
4332
- box-shadow: var(--shadow-focus);
4333
- outline: none;
4334
- }
4335
-
4336
- .TdyW0RCheH4- {
4337
- --field--padding-left: calc(var(--space-base) - var(--space-smaller));
4338
- --field--padding-right: calc(var(--space-base) - var(--space-smaller));
4339
- --field--height: calc(var(--space-larger) + var(--space-smaller));
4262
+ padding-bottom: var(--space-large);
4340
4263
  }
4341
4264
 
4342
- .eBeKgF0JxEQ- {
4343
- --field--padding-left: var(--space-large);
4344
- --field--padding-right: var(--space-large);
4345
- --field--height: calc(var(--space-extravagant));
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);
4346
4272
  }
4347
4273
 
4348
4274
  .rJffaV10x20- {
@@ -4975,6 +4901,80 @@ html.atlantisLightBoxActive {
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);
@@ -6119,206 +6119,76 @@ If there is a way to loop in the future of use a css custom property, we can use
6119
6119
  -webkit-margin-after: auto;
6120
6120
  margin-bottom: auto;
6121
6121
  }
6122
-
6123
- ._7bHFxCX3jv4-.PxqAnvgqC24- > :nth-child(10) {
6124
- -webkit-margin-after: auto;
6125
- margin-bottom: auto;
6126
- }
6127
-
6128
- ._7bHFxCX3jv4-.fEFj-rRg7pw- > :nth-child(11) {
6129
- -webkit-margin-after: auto;
6130
- margin-bottom: auto;
6131
- }
6132
-
6133
- ._7bHFxCX3jv4-.eN-ykUdJrAU- > :nth-child(12) {
6134
- -webkit-margin-after: auto;
6135
- margin-bottom: auto;
6136
- }
6137
-
6138
- ._7bHFxCX3jv4-.Jic7p-x-iKg- > :nth-child(13) {
6139
- -webkit-margin-after: auto;
6140
- margin-bottom: auto;
6141
- }
6142
-
6143
- ._7bHFxCX3jv4-.PaC-tFnXMh8- > :nth-child(14) {
6144
- -webkit-margin-after: auto;
6145
- margin-bottom: auto;
6146
- }
6147
-
6148
- ._7bHFxCX3jv4-.isuG1fzSWMs- > :nth-child(15) {
6149
- -webkit-margin-after: auto;
6150
- margin-bottom: auto;
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
- :root {
6195
- --public-tab--inset: var(--space-base);
6196
- }
6197
-
6198
- .cHJe2HsBNic- {
6199
- --tab--height: 40px;
6200
- --tab--vertical-inset: var(--space-base);
6201
-
6202
- display: block;
6203
- width: 100%;
6204
- }
6205
-
6206
- .eQt1Jis30lo- {
6207
- position: relative;
6208
- padding-left: 16px;
6209
- padding-left: var(--public-tab--inset);
6210
- padding-right: 16px;
6211
- padding-right: var(--public-tab--inset);
6212
- }
6213
-
6214
- ._6Vf7pQfyKKk-:after,
6215
- .jyevrJK7Bcg-:before {
6216
- content: "";
6217
- position: absolute;
6218
- top: 0;
6219
- bottom: 0;
6220
- z-index: 1;
6221
- z-index: var(--elevation-base);
6222
- width: 24px;
6223
- width: var(--space-large);
6224
- }
6225
-
6226
- ._6Vf7pQfyKKk-:after {
6227
- right: 16px;
6228
- right: var(--public-tab--inset);
6229
- box-shadow: inset -16px 0 16px -16px rgba(0, 0, 0, 0.25);
6230
- box-shadow: inset -16px 0 16px -16px rgba(var(--color-black--rgb), 0.25);
6231
- }
6232
-
6233
- .jyevrJK7Bcg-:before {
6234
- left: 16px;
6235
- left: var(--public-tab--inset);
6236
- box-shadow: inset 16px 0 16px -16px rgba(0, 0, 0, 0.25);
6237
- box-shadow: inset 16px 0 16px -16px rgba(var(--color-black--rgb), 0.25);
6122
+
6123
+ ._7bHFxCX3jv4-.PxqAnvgqC24- > :nth-child(10) {
6124
+ -webkit-margin-after: auto;
6125
+ margin-bottom: auto;
6238
6126
  }
6239
6127
 
6240
- .LfIIg9bwrhQ- {
6241
- display: -ms-flexbox;
6242
- display: flex;
6243
- margin: 0;
6244
- margin-bottom: calc(-1 * 1px);
6245
- margin-bottom: calc(-1 * var(--border-base));
6246
- padding: 0;
6247
- border-bottom: solid 1px hsl(200, 13%, 87%);
6248
- border-bottom: solid var(--border-base) var(--color-border);
6249
- overflow-x: auto;
6250
- -webkit-overflow-scrolling: touch;
6251
- gap: 24px;
6252
- gap: var(--space-large);
6128
+ ._7bHFxCX3jv4-.fEFj-rRg7pw- > :nth-child(11) {
6129
+ -webkit-margin-after: auto;
6130
+ margin-bottom: auto;
6253
6131
  }
6254
6132
 
6255
- ul.LfIIg9bwrhQ- {
6256
- -webkit-padding-start: 0;
6257
- padding-left: 0;
6133
+ ._7bHFxCX3jv4-.eN-ykUdJrAU- > :nth-child(12) {
6134
+ -webkit-margin-after: auto;
6135
+ margin-bottom: auto;
6258
6136
  }
6259
6137
 
6260
- .LfIIg9bwrhQ- li {
6261
- display: -ms-flexbox;
6262
- display: flex;
6263
- position: relative;
6264
- list-style: none;
6265
- -ms-flex: 0 0 fit-content;
6266
- flex: 0 0 fit-content;
6138
+ ._7bHFxCX3jv4-.Jic7p-x-iKg- > :nth-child(13) {
6139
+ -webkit-margin-after: auto;
6140
+ margin-bottom: auto;
6267
6141
  }
6268
6142
 
6269
- .DEdzikxlAkw- {
6270
- height: var(--tab--height);
6271
- margin: 0;
6272
- padding: 4px 8px;
6273
- padding: var(--space-smaller) var(--space-small);
6274
- border: none;
6275
- border-radius: 8px 8px 0 0;
6276
- border-radius: var(--radius-base) var(--radius-base) 0 0;
6277
- outline: none;
6278
- color: hsl(197, 15%, 43%);
6279
- color: var(--color-text--secondary);
6280
- background-color: rgba(255, 255, 255, 1);
6281
- background-color: var(--color-surface);
6282
- cursor: pointer;
6283
- transition: all 200ms ease;
6284
- transition: all var(--timing-base) ease;
6285
- -ms-flex: 0 0 auto;
6286
- flex: 0 0 auto;
6143
+ ._7bHFxCX3jv4-.PaC-tFnXMh8- > :nth-child(14) {
6144
+ -webkit-margin-after: auto;
6145
+ margin-bottom: auto;
6287
6146
  }
6288
6147
 
6289
- .DEdzikxlAkw-:focus-visible {
6290
- outline: transparent;
6291
- background-color: hsl(53, 21%, 93%);
6292
- background-color: var(--color-surface--hover);
6148
+ ._7bHFxCX3jv4-.isuG1fzSWMs- > :nth-child(15) {
6149
+ -webkit-margin-after: auto;
6150
+ margin-bottom: auto;
6293
6151
  }
6294
6152
 
6295
- .DEdzikxlAkw-.VDB94VYoyB0-,
6296
- .DEdzikxlAkw-:not(.VDB94VYoyB0-):hover,
6297
- .DEdzikxlAkw-:not(.VDB94VYoyB0-):focus {
6298
- color: hsl(197, 90%, 12%);
6299
- color: var(--color-heading);
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;
6300
6160
  }
6301
6161
 
6302
- .VDB94VYoyB0-::after {
6303
- content: " ";
6304
- display: block;
6162
+ ._7PagpWEko2U-::after {
6163
+ content: "";
6305
6164
  position: absolute;
6306
- right: 0;
6307
- bottom: 0;
6165
+ top: 0;
6308
6166
  left: 0;
6309
- height: 4px;
6310
- height: var(--space-smaller);
6311
- background-color: hsl(107, 58%, 33%);
6312
- background-color: var(--color-interactive);
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;
6313
6175
  }
6314
6176
 
6315
- .htdKg6As4bY- {
6316
- padding-top: var(--tab--vertical-inset);
6317
- padding-bottom: var(--tab--vertical-inset);
6318
- padding-left: 16px;
6319
- padding-left: var(--public-tab--inset);
6320
- padding-right: 16px;
6321
- padding-right: var(--public-tab--inset);
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);
6322
6192
  }
6323
6193
 
6324
6194
  .rVg6dYYBFN4- {
@@ -6459,14 +6329,159 @@ ul.LfIIg9bwrhQ- {
6459
6329
  background-color: var(--color-disabled);
6460
6330
  }
6461
6331
 
6462
- ._40c6OIH33p8-.e-cSZjkHGw8- .PiwOCJz7Zto- {
6463
- background-color: rgba(255, 255, 255, 1);
6464
- background-color: var(--color-surface);
6332
+ ._40c6OIH33p8-.e-cSZjkHGw8- .PiwOCJz7Zto- {
6333
+ background-color: rgba(255, 255, 255, 1);
6334
+ background-color: var(--color-surface);
6335
+ }
6336
+
6337
+ .e-cSZjkHGw8-:hover {
6338
+ border-color: hsl(0, 0%, 72%);
6339
+ border-color: var(--color-disabled);
6340
+ }
6341
+
6342
+ :root {
6343
+ --public-tab--inset: var(--space-base);
6344
+ }
6345
+
6346
+ .cHJe2HsBNic- {
6347
+ --tab--height: 40px;
6348
+ --tab--vertical-inset: var(--space-base);
6349
+
6350
+ display: block;
6351
+ width: 100%;
6352
+ }
6353
+
6354
+ .eQt1Jis30lo- {
6355
+ position: relative;
6356
+ padding-left: 16px;
6357
+ padding-left: var(--public-tab--inset);
6358
+ padding-right: 16px;
6359
+ padding-right: var(--public-tab--inset);
6360
+ }
6361
+
6362
+ ._6Vf7pQfyKKk-:after,
6363
+ .jyevrJK7Bcg-:before {
6364
+ content: "";
6365
+ position: absolute;
6366
+ top: 0;
6367
+ bottom: 0;
6368
+ z-index: 1;
6369
+ z-index: var(--elevation-base);
6370
+ width: 24px;
6371
+ width: var(--space-large);
6372
+ }
6373
+
6374
+ ._6Vf7pQfyKKk-:after {
6375
+ right: 16px;
6376
+ right: var(--public-tab--inset);
6377
+ box-shadow: inset -16px 0 16px -16px rgba(0, 0, 0, 0.25);
6378
+ box-shadow: inset -16px 0 16px -16px rgba(var(--color-black--rgb), 0.25);
6379
+ }
6380
+
6381
+ .jyevrJK7Bcg-:before {
6382
+ left: 16px;
6383
+ left: var(--public-tab--inset);
6384
+ box-shadow: inset 16px 0 16px -16px rgba(0, 0, 0, 0.25);
6385
+ box-shadow: inset 16px 0 16px -16px rgba(var(--color-black--rgb), 0.25);
6386
+ }
6387
+
6388
+ .LfIIg9bwrhQ- {
6389
+ display: -ms-flexbox;
6390
+ display: flex;
6391
+ margin: 0;
6392
+ margin-bottom: calc(-1 * 1px);
6393
+ margin-bottom: calc(-1 * var(--border-base));
6394
+ padding: 0;
6395
+ border-bottom: solid 1px hsl(200, 13%, 87%);
6396
+ border-bottom: solid var(--border-base) var(--color-border);
6397
+ overflow-x: auto;
6398
+ -webkit-overflow-scrolling: touch;
6399
+ gap: 24px;
6400
+ gap: var(--space-large);
6401
+ }
6402
+
6403
+ ul.LfIIg9bwrhQ- {
6404
+ -webkit-padding-start: 0;
6405
+ padding-left: 0;
6406
+ }
6407
+
6408
+ .LfIIg9bwrhQ- li {
6409
+ display: -ms-flexbox;
6410
+ display: flex;
6411
+ position: relative;
6412
+ list-style: none;
6413
+ -ms-flex: 0 0 fit-content;
6414
+ flex: 0 0 fit-content;
6415
+ }
6416
+
6417
+ .DEdzikxlAkw- {
6418
+ height: var(--tab--height);
6419
+ margin: 0;
6420
+ padding: 4px 8px;
6421
+ padding: var(--space-smaller) var(--space-small);
6422
+ border: none;
6423
+ border-radius: 8px 8px 0 0;
6424
+ border-radius: var(--radius-base) var(--radius-base) 0 0;
6425
+ outline: none;
6426
+ color: hsl(197, 15%, 43%);
6427
+ color: var(--color-text--secondary);
6428
+ background-color: rgba(255, 255, 255, 1);
6429
+ background-color: var(--color-surface);
6430
+ cursor: pointer;
6431
+ transition: all 200ms ease;
6432
+ transition: all var(--timing-base) ease;
6433
+ -ms-flex: 0 0 auto;
6434
+ flex: 0 0 auto;
6435
+ }
6436
+
6437
+ .DEdzikxlAkw-:focus-visible {
6438
+ outline: transparent;
6439
+ background-color: hsl(53, 21%, 93%);
6440
+ background-color: var(--color-surface--hover);
6441
+ }
6442
+
6443
+ .DEdzikxlAkw-.VDB94VYoyB0-,
6444
+ .DEdzikxlAkw-:not(.VDB94VYoyB0-):hover,
6445
+ .DEdzikxlAkw-:not(.VDB94VYoyB0-):focus {
6446
+ color: hsl(197, 90%, 12%);
6447
+ color: var(--color-heading);
6448
+ }
6449
+
6450
+ .VDB94VYoyB0-::after {
6451
+ content: " ";
6452
+ display: block;
6453
+ position: absolute;
6454
+ right: 0;
6455
+ bottom: 0;
6456
+ left: 0;
6457
+ height: 4px;
6458
+ height: var(--space-smaller);
6459
+ background-color: hsl(107, 58%, 33%);
6460
+ background-color: var(--color-interactive);
6461
+ }
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);
6470
+ }
6471
+
6472
+ .jC1GzRIJp74- {
6473
+ display: grid;
6474
+ grid-gap: var(--public-tile-space);
6475
+ width: var(--public-tiles-width);
6465
6476
  }
6466
6477
 
6467
- .e-cSZjkHGw8-:hover {
6468
- border-color: hsl(0, 0%, 72%);
6469
- border-color: var(--color-disabled);
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
+ }
6470
6485
  }
6471
6486
 
6472
6487
  ._0Tvq24WjeX8- {
@@ -6542,21 +6557,6 @@ ul.LfIIg9bwrhQ- {
6542
6557
  fill: var(--color-greyBlue) !important;
6543
6558
  }
6544
6559
 
6545
- .jC1GzRIJp74- {
6546
- display: grid;
6547
- grid-gap: var(--public-tile-space);
6548
- width: var(--public-tiles-width);
6549
- }
6550
-
6551
- @supports (width: min(var(--public-tile-min-size), 100%)) {
6552
- .jC1GzRIJp74- {
6553
- grid-template-columns: repeat(
6554
- auto-fill,
6555
- minmax(min(var(--public-tile-min-size), 100%), 1fr)
6556
- );
6557
- }
6558
- }
6559
-
6560
6560
  .sZQ1M6tj8-c- {
6561
6561
  display: none;
6562
6562
  }
@@ -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,30 +7317,29 @@ ul.LfIIg9bwrhQ- {
7342
7317
  gap: var(--space-extravagant);
7343
7318
  }
7344
7319
 
7345
- .Y4Fm1wA7Z6c- {
7346
- border-color: hsl(200, 13%, 87%);
7347
- border-color: var(--color-border);
7348
- border-style: solid;
7349
- }
7350
-
7351
- .GWX6qFcouh8- {
7352
- border-width: var(--box-border);
7320
+ .kCKg-JJTRO8- {
7321
+ border-radius: 4px;
7322
+ border-radius: var(--radius-small);
7353
7323
  }
7354
7324
 
7355
- ._20qfwUymZHI- {
7356
- border-top-width: var(--box-border-top);
7325
+ ._235nMwtuWSw- {
7326
+ border-radius: 8px;
7327
+ border-radius: var(--radius-base);
7357
7328
  }
7358
7329
 
7359
- ._80vVV1kYAXU- {
7360
- border-right-width: var(--box-border-right);
7330
+ ._9ppkWehd4QA- {
7331
+ border-radius: 16px;
7332
+ border-radius: var(--radius-large);
7361
7333
  }
7362
7334
 
7363
- ._3yLCo9rAEyY- {
7364
- border-bottom-width: var(--box-border-bottom);
7335
+ .CsG3cZAn6r0- {
7336
+ border-radius: 24px;
7337
+ border-radius: var(--radius-larger);
7365
7338
  }
7366
7339
 
7367
- .Sejzll1Lw3U- {
7368
- border-left-width: var(--box-border-left);
7340
+ .WWKSAC2020Q- {
7341
+ border-radius: 100%;
7342
+ border-radius: var(--radius-circle);
7369
7343
  }
7370
7344
 
7371
7345
  .CXP1mw5bm-s- {
@@ -7423,6 +7397,32 @@ ul.LfIIg9bwrhQ- {
7423
7397
  margin-left: var(--box-margin-left);
7424
7398
  }
7425
7399
 
7400
+ .Y4Fm1wA7Z6c- {
7401
+ border-color: hsl(200, 13%, 87%);
7402
+ border-color: var(--color-border);
7403
+ border-style: solid;
7404
+ }
7405
+
7406
+ .GWX6qFcouh8- {
7407
+ border-width: var(--box-border);
7408
+ }
7409
+
7410
+ ._20qfwUymZHI- {
7411
+ border-top-width: var(--box-border-top);
7412
+ }
7413
+
7414
+ ._80vVV1kYAXU- {
7415
+ border-right-width: var(--box-border-right);
7416
+ }
7417
+
7418
+ ._3yLCo9rAEyY- {
7419
+ border-bottom-width: var(--box-border-bottom);
7420
+ }
7421
+
7422
+ .Sejzll1Lw3U- {
7423
+ border-left-width: var(--box-border-left);
7424
+ }
7425
+
7426
7426
  .pyQJ1Rwtg3Q- {
7427
7427
  padding: 0;
7428
7428
  padding: var(--box-padding, 0);
@@ -7550,6 +7550,17 @@ ul.LfIIg9bwrhQ- {
7550
7550
  padding-right: var(--horizontal-inset);
7551
7551
  }
7552
7552
 
7553
+ .j4h-0Mxa5gk- {
7554
+ margin: 0;
7555
+ padding: 0;
7556
+ font-family: Inter, Helvetica, Arial, sans-serif;
7557
+ font-family: var(--typography--fontFamily-normal);
7558
+ /* Wrap really long words or URL's */
7559
+ word-wrap: break-word;
7560
+ overflow-wrap: break-word;
7561
+ word-wrap: break-word;
7562
+ }
7563
+
7553
7564
  ._1CXlSTO0w8g- {
7554
7565
  font-size: 48px;
7555
7566
  font-size: var(--typography--fontSize-extravagant);
@@ -7606,48 +7617,6 @@ ul.LfIIg9bwrhQ- {
7606
7617
  line-height: var(--typography--lineHeight-tight);
7607
7618
  }
7608
7619
 
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;
7618
- }
7619
-
7620
- .S3PyGdaGxok- {
7621
- text-transform: uppercase;
7622
- }
7623
-
7624
- .lVlhmM5z9HI- {
7625
- text-transform: lowercase;
7626
- }
7627
-
7628
- .l9xfdEljFWk- {
7629
- text-transform: capitalize;
7630
- }
7631
-
7632
- .WYUkes21iUI- {
7633
- text-transform: none;
7634
- }
7635
-
7636
- .ws2Y0LqNNfk- {
7637
- font-style: italic;
7638
- }
7639
-
7640
- .kw63z71hYYU- {
7641
- display: inline;
7642
- font-family: inherit;
7643
- font-style: normal;
7644
- font-weight: inherit;
7645
- 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");
7646
- background-position: center bottom;
7647
- background-repeat: no-repeat;
7648
- background-size: 100% 20%;
7649
- }
7650
-
7651
7620
  .xFJ-FmjV3BE- {
7652
7621
  font-family: Inter, Helvetica, Arial, sans-serif;
7653
7622
  font-family: var(--typography--fontFamily-normal);
@@ -7684,14 +7653,35 @@ ul.LfIIg9bwrhQ- {
7684
7653
  font-weight: 900;
7685
7654
  }
7686
7655
 
7687
- .V9SSKxs15xE- {
7688
- font-family: Inter, Helvetica, Arial, sans-serif;
7689
- font-family: var(--typography--fontFamily-normal);
7656
+ .ws2Y0LqNNfk- {
7657
+ font-style: italic;
7690
7658
  }
7691
7659
 
7692
- .dvw7zxC9s9g- {
7693
- font-family: Jobber Pro, Poppins, Helvetica, Arial, sans-serif;
7694
- font-family: var(--typography--fontFamily-display);
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
+
7671
+ .S3PyGdaGxok- {
7672
+ text-transform: uppercase;
7673
+ }
7674
+
7675
+ .lVlhmM5z9HI- {
7676
+ text-transform: lowercase;
7677
+ }
7678
+
7679
+ .l9xfdEljFWk- {
7680
+ text-transform: capitalize;
7681
+ }
7682
+
7683
+ .WYUkes21iUI- {
7684
+ text-transform: none;
7695
7685
  }
7696
7686
 
7697
7687
  /* Base colors for backwards compatability */
@@ -8051,6 +8041,16 @@ ul.LfIIg9bwrhQ- {
8051
8041
  text-align: right;
8052
8042
  }
8053
8043
 
8044
+ .V9SSKxs15xE- {
8045
+ font-family: Inter, Helvetica, Arial, sans-serif;
8046
+ font-family: var(--typography--fontFamily-normal);
8047
+ }
8048
+
8049
+ .dvw7zxC9s9g- {
8050
+ font-family: Jobber Pro, Poppins, Helvetica, Arial, sans-serif;
8051
+ font-family: var(--typography--fontFamily-display);
8052
+ }
8053
+
8054
8054
  .qp8E5e4q-so- {
8055
8055
  text-decoration-line: underline;
8056
8056
  text-decoration-thickness: 1px;
@@ -8228,6 +8228,16 @@ ul.LfIIg9bwrhQ- {
8228
8228
  }
8229
8229
  }
8230
8230
 
8231
+ .cr0irYOHA5k- div[role="radiogroup"] {
8232
+ -ms-flex-direction: row;
8233
+ flex-direction: row;
8234
+ }
8235
+
8236
+ .cr0irYOHA5k- label {
8237
+ margin-right: 16px;
8238
+ margin-right: var(--space-base);
8239
+ }
8240
+
8231
8241
  .-R-TvZ9aU9g- {
8232
8242
  display: grid;
8233
8243
  width: 100%;
@@ -8252,16 +8262,6 @@ ul.LfIIg9bwrhQ- {
8252
8262
  column-gap: var(--space-smaller);
8253
8263
  }
8254
8264
 
8255
- .cr0irYOHA5k- div[role="radiogroup"] {
8256
- -ms-flex-direction: row;
8257
- flex-direction: row;
8258
- }
8259
-
8260
- .cr0irYOHA5k- label {
8261
- margin-right: 16px;
8262
- margin-right: var(--space-base);
8263
- }
8264
-
8265
8265
  .Qup9qglgfQ8- {
8266
8266
  display: grid;
8267
8267
  grid-template-columns: 48px 1fr;
@@ -8866,6 +8866,10 @@ ul.LfIIg9bwrhQ- {
8866
8866
  font-weight: 500;
8867
8867
  }
8868
8868
 
8869
+ .CwWlXTKCPUg- {
8870
+ visibility: hidden;
8871
+ }
8872
+
8869
8873
  .SSm2j6d2kYo- {
8870
8874
  display: -ms-flexbox;
8871
8875
  display: flex;
@@ -8886,14 +8890,42 @@ ul.LfIIg9bwrhQ- {
8886
8890
  gap: var(--space-smallest);
8887
8891
  }
8888
8892
 
8889
- .CwWlXTKCPUg- {
8890
- visibility: hidden;
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
+
8899
+ .kXYd0fpUuek- {
8900
+ display: -ms-flexbox;
8901
+ display: flex;
8902
+ position: relative;
8903
+ -ms-flex-align: center;
8904
+ align-items: center;
8905
+ margin: 0 calc(-1 * 2px);
8906
+ margin: 0 calc(-1 * var(--space-smallest));
8907
+ padding: 0 2px;
8908
+ padding: 0 var(--space-smallest);
8909
+ border: none;
8910
+ border-radius: 4px;
8911
+ border-radius: var(--radius-small);
8912
+ background-color: transparent;
8913
+ transition: all 200ms ease-out;
8914
+ transition: all var(--timing-base) ease-out;
8915
+ }
8916
+
8917
+ .kXYd0fpUuek-:focus,
8918
+ .kXYd0fpUuek-:focus-visible {
8919
+ outline: transparent;
8891
8920
  }
8892
8921
 
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;
8922
+ .kXYd0fpUuek-:focus-visible {
8923
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
8924
+ box-shadow: var(--shadow-focus);
8925
+ }
8926
+
8927
+ .kryUPRHDUcs- {
8928
+ cursor: pointer;
8897
8929
  }
8898
8930
 
8899
8931
  .ld5hWlraYD8- {
@@ -8970,38 +9002,6 @@ ul.LfIIg9bwrhQ- {
8970
9002
  align-items: center;
8971
9003
  }
8972
9004
 
8973
- .kXYd0fpUuek- {
8974
- display: -ms-flexbox;
8975
- display: flex;
8976
- position: relative;
8977
- -ms-flex-align: center;
8978
- align-items: center;
8979
- margin: 0 calc(-1 * 2px);
8980
- margin: 0 calc(-1 * var(--space-smallest));
8981
- padding: 0 2px;
8982
- padding: 0 var(--space-smallest);
8983
- border: none;
8984
- border-radius: 4px;
8985
- border-radius: var(--radius-small);
8986
- background-color: transparent;
8987
- transition: all 200ms ease-out;
8988
- transition: all var(--timing-base) ease-out;
8989
- }
8990
-
8991
- .kXYd0fpUuek-:focus,
8992
- .kXYd0fpUuek-:focus-visible {
8993
- outline: transparent;
8994
- }
8995
-
8996
- .kXYd0fpUuek-:focus-visible {
8997
- box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
8998
- box-shadow: var(--shadow-focus);
8999
- }
9000
-
9001
- .kryUPRHDUcs- {
9002
- cursor: pointer;
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;