@jobber/components 6.56.0 → 6.56.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/DatePicker/DatePickerActivator.d.ts +3 -2
  2. package/dist/DatePicker-cjs.js +1 -2
  3. package/dist/DatePicker-es.js +2 -2
  4. package/dist/InputDate/index.cjs +5 -9
  5. package/dist/InputDate/index.mjs +6 -10
  6. package/dist/styles.css +1833 -1833
  7. package/package.json +2 -2
package/dist/styles.css CHANGED
@@ -127,81 +127,6 @@
127
127
  text-align: right;
128
128
  }
129
129
 
130
- :root {
131
- --public--avatar-size: 32px;
132
- }
133
-
134
- .QJpdGzG71k8- {
135
- --avatar-size: var(--public--avatar-size);
136
- --avatar-border-size: var(--border-base);
137
-
138
- display: -ms-flexbox;
139
-
140
- display: flex;
141
- -ms-flex-align: center;
142
- align-items: center;
143
- -ms-flex-pack: center;
144
- justify-content: center;
145
- width: 32px;
146
- width: var(--avatar-size);
147
- height: 32px;
148
- height: var(--avatar-size);
149
- min-width: 32px;
150
- min-width: var(--avatar-size);
151
- min-height: 32px;
152
- min-height: var(--avatar-size);
153
- border-radius: 100%;
154
- border-radius: var(--radius-circle);
155
- color: hsl(197, 90%, 12%);
156
- color: var(--color-heading);
157
- font-size: 32px;
158
- font-size: var(--avatar-size);
159
- -webkit-font-smoothing: antialiased;
160
- background: no-repeat center center hsl(197, 15%, 43%);
161
- background: no-repeat center center var(--color-base-blue--600);
162
- background-size: cover;
163
- }
164
-
165
- .QJpdGzG71k8-:focus {
166
- box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
167
- box-shadow: var(--shadow-focus);
168
- outline: none;
169
- }
170
-
171
- .bexrcoi1lZk- {
172
- --avatar-size: 72px;
173
- --avatar-border-size: var(--border-thick);
174
- }
175
-
176
- .xytAyzEap3U- {
177
- --avatar-size: 24px;
178
- }
179
-
180
- /* isDark is dynamic and applies only when background is dark */
181
-
182
- .E0Pgej0H3YA- {
183
- color: rgba(255, 255, 255, 1);
184
- color: var(--color-base-white);
185
- }
186
-
187
- ._85roPa-UvXQ- {
188
- font-size: calc(var(--avatar-size) / 2);
189
- text-transform: uppercase;
190
- }
191
-
192
- .meLH-BCeXWU- {
193
- font-size: calc(var(--avatar-size) / 2.25);
194
- }
195
-
196
- .OsEsZnEnjLc- {
197
- width: calc(var(--avatar-size) - (var(--avatar-border-size) * 2));
198
- height: calc(var(--avatar-size) - (var(--avatar-border-size) * 2));
199
- box-shadow: 0 0 0 2px rgba(255, 255, 255, 1) inset;
200
- box-shadow: 0 0 0 var(--border-thick) var(--color-surface) inset;
201
- border-style: solid;
202
- border-width: var(--avatar-border-size);
203
- }
204
-
205
130
  .ucGelS5nNm0- {
206
131
  --banner-surface: var(--color-surface);
207
132
  --banner-textColor: var(--color-text);
@@ -373,6 +298,155 @@
373
298
  align-self: center;
374
299
  }
375
300
 
301
+ :root {
302
+ --public--avatar-size: 32px;
303
+ }
304
+
305
+ .QJpdGzG71k8- {
306
+ --avatar-size: var(--public--avatar-size);
307
+ --avatar-border-size: var(--border-base);
308
+
309
+ display: -ms-flexbox;
310
+
311
+ display: flex;
312
+ -ms-flex-align: center;
313
+ align-items: center;
314
+ -ms-flex-pack: center;
315
+ justify-content: center;
316
+ width: 32px;
317
+ width: var(--avatar-size);
318
+ height: 32px;
319
+ height: var(--avatar-size);
320
+ min-width: 32px;
321
+ min-width: var(--avatar-size);
322
+ min-height: 32px;
323
+ min-height: var(--avatar-size);
324
+ border-radius: 100%;
325
+ border-radius: var(--radius-circle);
326
+ color: hsl(197, 90%, 12%);
327
+ color: var(--color-heading);
328
+ font-size: 32px;
329
+ font-size: var(--avatar-size);
330
+ -webkit-font-smoothing: antialiased;
331
+ background: no-repeat center center hsl(197, 15%, 43%);
332
+ background: no-repeat center center var(--color-base-blue--600);
333
+ background-size: cover;
334
+ }
335
+
336
+ .QJpdGzG71k8-:focus {
337
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
338
+ box-shadow: var(--shadow-focus);
339
+ outline: none;
340
+ }
341
+
342
+ .bexrcoi1lZk- {
343
+ --avatar-size: 72px;
344
+ --avatar-border-size: var(--border-thick);
345
+ }
346
+
347
+ .xytAyzEap3U- {
348
+ --avatar-size: 24px;
349
+ }
350
+
351
+ /* isDark is dynamic and applies only when background is dark */
352
+
353
+ .E0Pgej0H3YA- {
354
+ color: rgba(255, 255, 255, 1);
355
+ color: var(--color-base-white);
356
+ }
357
+
358
+ ._85roPa-UvXQ- {
359
+ font-size: calc(var(--avatar-size) / 2);
360
+ text-transform: uppercase;
361
+ }
362
+
363
+ .meLH-BCeXWU- {
364
+ font-size: calc(var(--avatar-size) / 2.25);
365
+ }
366
+
367
+ .OsEsZnEnjLc- {
368
+ width: calc(var(--avatar-size) - (var(--avatar-border-size) * 2));
369
+ height: calc(var(--avatar-size) - (var(--avatar-border-size) * 2));
370
+ box-shadow: 0 0 0 2px rgba(255, 255, 255, 1) inset;
371
+ box-shadow: 0 0 0 var(--border-thick) var(--color-surface) inset;
372
+ border-style: solid;
373
+ border-width: var(--avatar-border-size);
374
+ }
375
+
376
+ .-PlHaWx00Hw- {
377
+ --card--accent-color: var(--color-grey);
378
+ --card--base-padding: var(--space-base);
379
+ --card--border: var(--border-base) solid var(--color-border);
380
+
381
+ display: block;
382
+ width: 100%;
383
+ border: 1px solid hsl(200, 13%, 87%);
384
+ border: var(--card--border);
385
+ border-radius: 8px;
386
+ border-radius: var(--radius-base);
387
+ outline-color: hsl(198, 12%, 57%);
388
+ outline-color: var(--color-focus);
389
+ background-color: rgba(255, 255, 255, 1);
390
+ background-color: var(--color-surface);
391
+ }
392
+
393
+ .-PlHaWx00Hw-:active {
394
+ outline: 0;
395
+ }
396
+
397
+ /* Adjust `Content` components public padding to match the cards */
398
+
399
+ .-PlHaWx00Hw- > * {
400
+ --public-content--padding: var(--card--base-padding);
401
+ }
402
+
403
+ /* Remove the nested `Content` components public padding */
404
+
405
+ .-PlHaWx00Hw- > * > * {
406
+ --public-content--padding: 0;
407
+ }
408
+
409
+ .Iilm5Uhxo50- {
410
+ border-top-width: 0;
411
+ }
412
+
413
+ .Iilm5Uhxo50-::before {
414
+ content: " ";
415
+ display: block;
416
+ margin: 0 calc(-1 * 1px);
417
+ margin: 0 calc(-1 * var(--border-base));
418
+ border-top: 0.375rem solid var(--card--accent-color);
419
+ border-radius: 8px 8px 0 0;
420
+ border-radius: var(--radius-base) var(--radius-base) 0 0;
421
+ }
422
+
423
+ .Vppn4k0fBsc- {
424
+ color: inherit;
425
+ text-decoration: inherit;
426
+ cursor: pointer;
427
+ transition: all 200ms ease-out;
428
+ transition: all var(--timing-base) ease-out;
429
+ }
430
+
431
+ .Vppn4k0fBsc-:hover,
432
+ .Vppn4k0fBsc-:focus {
433
+ background-color: hsl(53, 21%, 93%);
434
+ background-color: var(--color-surface--hover);
435
+ }
436
+
437
+ .l3-Pkynq2zA- {
438
+ display: -ms-flexbox;
439
+ display: flex;
440
+ padding: var(--card--base-padding);
441
+ padding-bottom: 0;
442
+ -ms-flex-pack: justify;
443
+ justify-content: space-between;
444
+ -ms-flex-align: start;
445
+ align-items: flex-start;
446
+ gap: 8px;
447
+ gap: var(--space-small);
448
+ }
449
+
376
450
  :root {
377
451
  --public--button--color-variation: var(--color-interactive);
378
452
  --public--button--color-variation--hover: var(--color-interactive--hover);
@@ -706,782 +780,659 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
706
780
  }
707
781
  }
708
782
 
709
- .bb-VTS0yML8-,
710
- ._2BzdFV5LQvM-,
711
- ._60G0BuQ6TY0- {
712
- --card--border: none;
783
+ ._5mDLThZ7dBQ- {
784
+ --card--accent-color: var(--color-request);
713
785
  }
714
786
 
715
- .bb-VTS0yML8- {
716
- box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25), 0px 0px 2px rgba(0, 0, 0, 0.1);
717
- box-shadow: var(--shadow-low);
787
+ .-n66fUZcIH4- {
788
+ --card--accent-color: var(--color-quote);
718
789
  }
719
790
 
720
- ._2BzdFV5LQvM- {
721
- box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
722
- box-shadow: var(--shadow-base);
791
+ .vfz0wjl-krU- {
792
+ --card--accent-color: var(--color-job);
723
793
  }
724
794
 
725
- ._60G0BuQ6TY0- {
726
- box-shadow: 0px 16px 16px 0px rgba(0, 0, 0, 0.075), 0px 0px 8px 0px rgba(0, 0, 0, 0.05);
727
- box-shadow: var(--shadow-high);
795
+ .UnWnEyw0-jY- {
796
+ --card--accent-color: var(--color-invoice);
728
797
  }
729
798
 
730
- .sGSmxHTsTfA- {
731
- display: -ms-flexbox;
732
- display: flex;
733
- -ms-flex-direction: column;
734
- flex-direction: column;
735
- min-height: var(--public-cover-min-height);
736
- padding: var(--public-cover-space);
799
+ .iRFdI5utAsU- {
800
+ --card--accent-color: var(--color-client);
737
801
  }
738
802
 
739
- .sGSmxHTsTfA- > * {
740
- margin-top: var(--public-cover-space);
741
- margin-bottom: var(--public-cover-space);
803
+ ._0f94rfGFhgQ- {
804
+ --card--accent-color: var(--color-blue);
742
805
  }
743
806
 
744
- .sGSmxHTsTfA- > :first-child:not(._6S-jbOw7NEA-) {
745
- -webkit-margin-before: 0;
746
- margin-top: 0;
807
+ .UZmLtIoFU0w- {
808
+ --card--accent-color: var(--color-blue--light);
747
809
  }
748
810
 
749
- .sGSmxHTsTfA- > :last-child:not(._6S-jbOw7NEA-) {
750
- -webkit-margin-after: 0;
751
- margin-bottom: 0;
811
+ ._5bsgmHFheR8- {
812
+ --card--accent-color: var(--color-blue--lighter);
752
813
  }
753
814
 
754
- .sGSmxHTsTfA- > ._6S-jbOw7NEA- {
755
- margin-top: auto;
756
- margin-bottom: auto;
815
+ .odY4oZL82vc- {
816
+ --card--accent-color: var(--color-blue--lightest);
757
817
  }
758
818
 
759
- .-PlHaWx00Hw- {
760
- --card--accent-color: var(--color-grey);
761
- --card--base-padding: var(--space-base);
762
- --card--border: var(--border-base) solid var(--color-border);
819
+ .efMKqzdbpSM- {
820
+ --card--accent-color: var(--color-blue--dark);
821
+ }
763
822
 
764
- display: block;
765
- width: 100%;
766
- border: 1px solid hsl(200, 13%, 87%);
767
- border: var(--card--border);
768
- border-radius: 8px;
769
- border-radius: var(--radius-base);
770
- outline-color: hsl(198, 12%, 57%);
771
- outline-color: var(--color-focus);
772
- background-color: rgba(255, 255, 255, 1);
773
- background-color: var(--color-surface);
823
+ .PuLfA1HnrOs- {
824
+ --card--accent-color: var(--color-green);
774
825
  }
775
826
 
776
- .-PlHaWx00Hw-:active {
777
- outline: 0;
827
+ ._9xiJ-MAQiTY- {
828
+ --card--accent-color: var(--color-green--light);
778
829
  }
779
830
 
780
- /* Adjust `Content` components public padding to match the cards */
831
+ .lmzbPrdLKIM- {
832
+ --card--accent-color: var(--color-green--lighter);
833
+ }
781
834
 
782
- .-PlHaWx00Hw- > * {
783
- --public-content--padding: var(--card--base-padding);
835
+ .S5ZiMPMgAmo- {
836
+ --card--accent-color: var(--color-green--lightest);
784
837
  }
785
838
 
786
- /* Remove the nested `Content` components public padding */
839
+ .NIwEAXj-xbU- {
840
+ --card--accent-color: var(--color-green--dark);
841
+ }
787
842
 
788
- .-PlHaWx00Hw- > * > * {
789
- --public-content--padding: 0;
843
+ ._4rexkfLqzOk- {
844
+ --card--accent-color: var(--color-lime);
790
845
  }
791
846
 
792
- .Iilm5Uhxo50- {
793
- border-top-width: 0;
847
+ .H3c6K82o178- {
848
+ --card--accent-color: var(--color-lime--light);
794
849
  }
795
850
 
796
- .Iilm5Uhxo50-::before {
797
- content: " ";
798
- display: block;
799
- margin: 0 calc(-1 * 1px);
800
- margin: 0 calc(-1 * var(--border-base));
801
- border-top: 0.375rem solid var(--card--accent-color);
802
- border-radius: 8px 8px 0 0;
803
- border-radius: var(--radius-base) var(--radius-base) 0 0;
851
+ ._7-lMfROnQU8- {
852
+ --card--accent-color: var(--color-lime--lighter);
804
853
  }
805
854
 
806
- .Vppn4k0fBsc- {
807
- color: inherit;
808
- text-decoration: inherit;
809
- cursor: pointer;
810
- transition: all 200ms ease-out;
811
- transition: all var(--timing-base) ease-out;
855
+ .Ula38LO3Ays- {
856
+ --card--accent-color: var(--color-lime--lightest);
812
857
  }
813
858
 
814
- .Vppn4k0fBsc-:hover,
815
- .Vppn4k0fBsc-:focus {
816
- background-color: hsl(53, 21%, 93%);
817
- background-color: var(--color-surface--hover);
859
+ .GQCFMOlKqhw- {
860
+ --card--accent-color: var(--color-lime--lightest);
818
861
  }
819
862
 
820
- .l3-Pkynq2zA- {
821
- display: -ms-flexbox;
822
- display: flex;
823
- padding: var(--card--base-padding);
824
- padding-bottom: 0;
825
- -ms-flex-pack: justify;
826
- justify-content: space-between;
827
- -ms-flex-align: start;
828
- align-items: flex-start;
829
- gap: 8px;
830
- gap: var(--space-small);
863
+ .WxVa9PUSqNk- {
864
+ --card--accent-color: var(--color-yellowGreen);
831
865
  }
832
866
 
833
- .kub1yKbFFN0- {
834
- display: -ms-flexbox;
835
- display: flex;
836
- -ms-flex-wrap: wrap;
837
- flex-wrap: wrap;
838
- gap: 16px;
839
- gap: var(--public-cluster-space, var(--space-base, 16px));
840
- -ms-flex-pack: flex-start;
841
- -ms-flex-pack: var(--public-cluster-justify, flex-start);
842
- justify-content: flex-start;
843
- justify-content: var(--public-cluster-justify, flex-start);
844
- -ms-flex-align: center;
845
- -ms-flex-align: var(--public-cluster-align, center);
846
- align-items: center;
847
- align-items: var(--public-cluster-align, center);
848
- width: var(--public-cluster-width);
867
+ .-XIQhBSotwA- {
868
+ --card--accent-color: var(--color-yellowGreen--light);
849
869
  }
850
870
 
851
- /** When we nest clusters, the clustering stops working because of the 100% width. This prevents nested clusters from fighting **/
871
+ .r9f1ybI7SeU- {
872
+ --card--accent-color: var(--color-yellowGreen--lighter);
873
+ }
852
874
 
853
- .kub1yKbFFN0- .kub1yKbFFN0- {
854
- width: auto;
875
+ .JgtJf0Qh1sg- {
876
+ --card--accent-color: var(--color-yellowGreen--lightest);
855
877
  }
856
878
 
857
- /** For collapse below. If any of the sizes are active, we're in column mode. */
879
+ .ON15q9QZXPA- {
880
+ --card--accent-color: var(--color-yellowGreen--dark);
881
+ }
858
882
 
859
- ._5IaWqMXiMqQ-,
860
- .vCly-qsW6uQ-,
861
- .lmABTs-G-FA-,
862
- .NHrDIukxI-o- {
863
- -ms-flex-direction: column;
864
- flex-direction: column;
883
+ .Oi95vpOkcj4- {
884
+ --card--accent-color: var(--color-yellow);
865
885
  }
866
886
 
867
- ._5IaWqMXiMqQ- > *,
868
- .vCly-qsW6uQ- > *,
869
- .lmABTs-G-FA- > *,
870
- .NHrDIukxI-o- > * {
871
- width: 100%;
887
+ .hTJPhQ2V8RM- {
888
+ --card--accent-color: var(--color-yellow--light);
872
889
  }
873
890
 
874
- @media (min-width: 490px) {
875
- ._5IaWqMXiMqQ- {
876
- -ms-flex-direction: row;
877
- flex-direction: row;
878
- }
891
+ .YLRdqtxcY5g- {
892
+ --card--accent-color: var(--color-yellow--lighter);
893
+ }
879
894
 
880
- ._5IaWqMXiMqQ- > * {
881
- width: auto;
882
- }
895
+ .WiyLCwtXnPg- {
896
+ --card--accent-color: var(--color-yellow--lightest);
883
897
  }
884
898
 
885
- @media (--small-screens-and-up) {
886
- ._5IaWqMXiMqQ- {
887
- -ms-flex-direction: row;
888
- flex-direction: row;
889
- }
899
+ .ujxwIinNJ0A- {
900
+ --card--accent-color: var(--color-yellow--dark);
901
+ }
890
902
 
891
- ._5IaWqMXiMqQ- > * {
892
- width: auto;
893
- }
903
+ .yL4o-89200k- {
904
+ --card--accent-color: var(--color-red);
894
905
  }
895
906
 
896
- @media (min-width: 768px) {
897
- .vCly-qsW6uQ- {
898
- -ms-flex-direction: row;
899
- flex-direction: row;
900
- }
907
+ ._1C9So1tlmCo- {
908
+ --card--accent-color: var(--color-red--light);
909
+ }
901
910
 
902
- .vCly-qsW6uQ- > * {
903
- width: auto;
904
- }
911
+ .AVKIKX3Jk2Y- {
912
+ --card--accent-color: var(--color-red--light);
905
913
  }
906
914
 
907
- @media (--medium-screens-and-up) {
908
- .vCly-qsW6uQ- {
909
- -ms-flex-direction: row;
910
- flex-direction: row;
911
- }
915
+ .NtJ7t9sNRxY- {
916
+ --card--accent-color: var(--color-red--lightest);
917
+ }
912
918
 
913
- .vCly-qsW6uQ- > * {
914
- width: auto;
915
- }
919
+ .nuliwU-1NCI- {
920
+ --card--accent-color: var(--color-red--dark);
916
921
  }
917
922
 
918
- @media (min-width: 1080px) {
919
- .lmABTs-G-FA- {
920
- -ms-flex-direction: row;
921
- flex-direction: row;
922
- }
923
+ .WPvwxb8gzwI- {
924
+ --card--accent-color: var(--color-grey);
925
+ }
923
926
 
924
- .lmABTs-G-FA- > * {
925
- width: auto;
926
- }
927
+ .O8FMSwoZOog- {
928
+ --card--accent-color: var(--color-grey--light);
927
929
  }
928
930
 
929
- @media (--large-screens-and-up) {
930
- .lmABTs-G-FA- {
931
- -ms-flex-direction: row;
932
- flex-direction: row;
933
- }
931
+ .M4Ag1a-ThKE- {
932
+ --card--accent-color: var(--color-grey--lighter);
933
+ }
934
934
 
935
- .lmABTs-G-FA- > * {
936
- width: auto;
937
- }
935
+ .adtwz9eEtbE- {
936
+ --card--accent-color: var(--color-grey--lightest);
938
937
  }
939
938
 
940
- @media (min-width: 1440px) {
941
- .NHrDIukxI-o- {
942
- -ms-flex-direction: row;
943
- flex-direction: row;
944
- }
939
+ .EJoHvQW5sXw- {
940
+ --card--accent-color: var(--color-grey--dark);
941
+ }
945
942
 
946
- .NHrDIukxI-o- > * {
947
- width: auto;
948
- }
943
+ .ocGhxlAjeA8- {
944
+ --card--accent-color: var(--color-greyBlue);
949
945
  }
950
946
 
951
- @media (--extra-large-screens-and-up) {
952
- .NHrDIukxI-o- {
953
- -ms-flex-direction: row;
954
- flex-direction: row;
955
- }
947
+ .FC48-U489FM- {
948
+ --card--accent-color: var(--color-greyBlue--light);
949
+ }
956
950
 
957
- .NHrDIukxI-o- > * {
958
- width: auto;
959
- }
951
+ .Jc5SOCWjD0I- {
952
+ --card--accent-color: var(--color-greyBlue--lighter);
960
953
  }
961
954
 
962
- .kub1yKbFFN0-.hkpPPbA3sRk- {
963
- -ms-flex-direction: column;
964
- flex-direction: column;
955
+ .-JQhLuDsLTg- {
956
+ --card--accent-color: var(--color-greyBlue--lightest);
965
957
  }
966
958
 
967
- .kub1yKbFFN0-.hkpPPbA3sRk- > * {
968
- width: 100%;
959
+ .YXdImUdlDwQ- {
960
+ --card--accent-color: var(--color-greyBlue--dark);
969
961
  }
970
962
 
971
- .Aj6o8FcaKHc- {
972
- container-name: var(--public-container-name);
973
- container-type: inline-size;
974
- width: var(--public-container-width);
963
+ .hRRwMChk2-k- {
964
+ --card--accent-color: var(--color-lightBlue);
975
965
  }
976
966
 
977
- .eIsVvlXoWhs- {
978
- container-type: inline-size;
979
- width: var(--public-container-apply-width);
967
+ .usPlm5p7svg- {
968
+ --card--accent-color: var(--color-lightBlue--light);
980
969
  }
981
970
 
982
- .YxKKPXAU10s- {
983
- --checkbox--size: 20px;
984
- --checkbox--border--checked: var(--color-interactive);
985
- --checkbox--border--unchecked: var(--color-border--interactive);
986
- --checkbox--border--hover: var(--color-interactive);
987
- display: inline-block;
971
+ .jN9BGAMnCLQ- {
972
+ --card--accent-color: var(--color-lightBlue--lighter);
988
973
  }
989
974
 
990
- .KxWx-msbH9c- {
991
- display: -ms-flexbox;
992
- display: flex;
993
- -ms-flex-align: start;
994
- align-items: flex-start;
995
- -webkit-user-select: none;
996
- -ms-user-select: none;
997
- user-select: none;
998
- cursor: pointer;
975
+ .xeJfT0FMKtc- {
976
+ --card--accent-color: var(--color-lightBlue--lightest);
999
977
  }
1000
978
 
1001
- .TKr3J-6ARFo- {
1002
- --checkbox--border--checked: var(--color-disabled--secondary);
1003
- --checkbox--border--unchecked: var(--color-disabled--secondary);
1004
- --checkbox--border--hover: var(--color-disabled--secondary);
1005
- cursor: not-allowed;
979
+ .vWSUNAsOB6g- {
980
+ --card--accent-color: var(--color-lightBlue--dark);
1006
981
  }
1007
982
 
1008
- .NO34ZbhNqhI- {
1009
- position: relative;
983
+ .Q17e9VQy-kI- {
984
+ --card--accent-color: var(--color-purple);
1010
985
  }
1011
986
 
1012
- .XnCmS-EzK2M- {
1013
- /* Hide checkbox on UI but not screen readers and still allow focus state */
1014
- position: absolute;
1015
- width: 1px;
1016
- height: 1px;
1017
- overflow: hidden;
1018
- clip: rect(0 0 0 0);
1019
- clip-path: inset(100%);
1020
- white-space: nowrap;
987
+ .pKusyI7bMxc- {
988
+ --card--accent-color: var(--color-purple--light);
1021
989
  }
1022
990
 
1023
- ._-8JCQE6SA9s- {
1024
- display: -ms-flexbox;
1025
- display: flex;
1026
- width: var(--checkbox--size);
1027
- height: var(--checkbox--size);
1028
- box-sizing: border-box;
1029
- border: 2px solid var(--checkbox--border--unchecked);
1030
- border: var(--border-thick) solid var(--checkbox--border--unchecked);
1031
- border-radius: 4px;
1032
- border-radius: var(--radius-small);
1033
- background-color: rgba(255, 255, 255, 1);
1034
- background-color: var(--color-surface);
1035
- transition: all 100ms ease-out;
1036
- transition: all var(--timing-quick) ease-out;
1037
- -ms-flex-pack: center;
1038
- justify-content: center;
1039
- -ms-flex-align: center;
1040
- align-items: center;
991
+ .ceTZn8oUUCg- {
992
+ --card--accent-color: var(--color-purple--lighter);
1041
993
  }
1042
994
 
1043
- ._-8JCQE6SA9s-:hover,
1044
- .YxKKPXAU10s-:hover ._-8JCQE6SA9s- {
1045
- border-color: var(--checkbox--border--hover);
995
+ .GYwXWYcZPPc- {
996
+ --card--accent-color: var(--color-purple--lightest);
1046
997
  }
1047
998
 
1048
- .XnCmS-EzK2M-.rqHq3ff9In0- + ._-8JCQE6SA9s-,
1049
- .XnCmS-EzK2M-:checked + ._-8JCQE6SA9s- {
1050
- border-color: var(--checkbox--border--checked);
1051
- background-color: hsl(107, 58%, 33%);
1052
- background-color: var(--color-interactive);
999
+ .uXNnhLCRSPc- {
1000
+ --card--accent-color: var(--color-purple--dark);
1053
1001
  }
1054
1002
 
1055
- .XnCmS-EzK2M-:focus-visible + ._-8JCQE6SA9s- {
1056
- box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
1057
- box-shadow: var(--shadow-focus);
1003
+ .eptfViHsA5o- {
1004
+ --card--accent-color: var(--color-pink);
1058
1005
  }
1059
1006
 
1060
- .TKr3J-6ARFo- p {
1061
- color: hsl(0, 0%, 72%);
1062
- color: var(--color-disabled);
1007
+ ._9mgeBAoZsME- {
1008
+ --card--accent-color: var(--color-pink--light);
1063
1009
  }
1064
1010
 
1065
- .TKr3J-6ARFo- ._-8JCQE6SA9s- > * {
1066
- opacity: 0;
1011
+ .fCkb0vtBUJY- {
1012
+ --card--accent-color: var(--color-pink--lighter);
1067
1013
  }
1068
1014
 
1069
- .TKr3J-6ARFo- .XnCmS-EzK2M-.rqHq3ff9In0- + ._-8JCQE6SA9s-,
1070
- .TKr3J-6ARFo- .XnCmS-EzK2M-:checked + ._-8JCQE6SA9s- {
1071
- background-color: hsl(0, 0%, 93%);
1072
- background-color: var(--color-disabled--secondary);
1015
+ .Nfx7Me6gfew- {
1016
+ --card--accent-color: var(--color-pink--lightest);
1073
1017
  }
1074
1018
 
1075
- .TKr3J-6ARFo- .XnCmS-EzK2M-.rqHq3ff9In0- + ._-8JCQE6SA9s- > *,
1076
- .TKr3J-6ARFo- .XnCmS-EzK2M-:checked + ._-8JCQE6SA9s- > * {
1077
- opacity: 1;
1019
+ .PXtxWUy1pvk- {
1020
+ --card--accent-color: var(--color-pink--dark);
1078
1021
  }
1079
1022
 
1080
- .l8z5TxzVvqA- {
1081
- margin: 0 8px;
1082
- margin: 0 var(--space-small);
1083
- margin-top: 2px;
1084
- margin-top: var(--space-smallest);
1023
+ .TCIFwV-8jfU- {
1024
+ --card--accent-color: var(--color-teal);
1085
1025
  }
1086
1026
 
1087
- .DcBfVgpiWa4- {
1088
- margin-bottom: 8px;
1089
- margin-bottom: var(--space-small);
1090
- padding-left: calc(var(--checkbox--size) + 8px);
1091
- padding-left: calc(var(--checkbox--size) + var(--space-small));
1027
+ .QKM3Gc0bQxI- {
1028
+ --card--accent-color: var(--color-teal--light);
1092
1029
  }
1093
1030
 
1094
- ._5mDLThZ7dBQ- {
1095
- --card--accent-color: var(--color-request);
1031
+ .ILaFINMoSlM- {
1032
+ --card--accent-color: var(--color-teal--lighter);
1096
1033
  }
1097
1034
 
1098
- .-n66fUZcIH4- {
1099
- --card--accent-color: var(--color-quote);
1035
+ .wj7qD0ryDNw- {
1036
+ --card--accent-color: var(--color-teal--lightest);
1100
1037
  }
1101
1038
 
1102
- .vfz0wjl-krU- {
1103
- --card--accent-color: var(--color-job);
1039
+ .tUjjyB7GN-Q- {
1040
+ --card--accent-color: var(--color-teal--dark);
1104
1041
  }
1105
1042
 
1106
- .UnWnEyw0-jY- {
1107
- --card--accent-color: var(--color-invoice);
1043
+ .gtKRbI99aQU- {
1044
+ --card--accent-color: var(--color-orange);
1108
1045
  }
1109
1046
 
1110
- .iRFdI5utAsU- {
1111
- --card--accent-color: var(--color-client);
1047
+ .uUvtDEYmYhE- {
1048
+ --card--accent-color: var(--color-orange--light);
1112
1049
  }
1113
1050
 
1114
- ._0f94rfGFhgQ- {
1115
- --card--accent-color: var(--color-blue);
1051
+ .UNvUmONc6bM- {
1052
+ --card--accent-color: var(--color-orange--lighter);
1116
1053
  }
1117
1054
 
1118
- .UZmLtIoFU0w- {
1119
- --card--accent-color: var(--color-blue--light);
1055
+ .sBl1hHCnBpA- {
1056
+ --card--accent-color: var(--color-orange--lightest);
1120
1057
  }
1121
1058
 
1122
- ._5bsgmHFheR8- {
1123
- --card--accent-color: var(--color-blue--lighter);
1059
+ .ceM7ISMCfX4- {
1060
+ --card--accent-color: var(--color-orange--dark);
1124
1061
  }
1125
1062
 
1126
- .odY4oZL82vc- {
1127
- --card--accent-color: var(--color-blue--lightest);
1063
+ .XGl6Iv7N1e0- {
1064
+ --card--accent-color: var(--color-brown);
1128
1065
  }
1129
1066
 
1130
- .efMKqzdbpSM- {
1131
- --card--accent-color: var(--color-blue--dark);
1067
+ .n474Hn3j8es- {
1068
+ --card--accent-color: var(--color-brown--light);
1132
1069
  }
1133
1070
 
1134
- .PuLfA1HnrOs- {
1135
- --card--accent-color: var(--color-green);
1071
+ .UoyCJSsgMI0- {
1072
+ --card--accent-color: var(--color-brown--lighter);
1136
1073
  }
1137
1074
 
1138
- ._9xiJ-MAQiTY- {
1139
- --card--accent-color: var(--color-green--light);
1075
+ ._8rrvx00EpUc- {
1076
+ --card--accent-color: var(--color-brown--lightest);
1140
1077
  }
1141
1078
 
1142
- .lmzbPrdLKIM- {
1143
- --card--accent-color: var(--color-green--lighter);
1079
+ .JWWWvdngqx4- {
1080
+ --card--accent-color: var(--color-brown--dark);
1144
1081
  }
1145
1082
 
1146
- .S5ZiMPMgAmo- {
1147
- --card--accent-color: var(--color-green--lightest);
1083
+ .Jfp-dUno4KQ- {
1084
+ --card--accent-color: var(--color-navy);
1148
1085
  }
1149
1086
 
1150
- .NIwEAXj-xbU- {
1151
- --card--accent-color: var(--color-green--dark);
1087
+ ._5SGbQDSEQlE- {
1088
+ --card--accent-color: var(--color-navy--light);
1152
1089
  }
1153
1090
 
1154
- ._4rexkfLqzOk- {
1155
- --card--accent-color: var(--color-lime);
1091
+ .DMElPhnEjrM- {
1092
+ --card--accent-color: var(--color-navy--lighter);
1156
1093
  }
1157
1094
 
1158
- .H3c6K82o178- {
1159
- --card--accent-color: var(--color-lime--light);
1095
+ .Nd80Eh7efmo- {
1096
+ --card--accent-color: var(--color-navy--lightest);
1160
1097
  }
1161
1098
 
1162
- ._7-lMfROnQU8- {
1163
- --card--accent-color: var(--color-lime--lighter);
1099
+ .YNxCRirQrH4- {
1100
+ --card--accent-color: var(--color-navy--dark);
1164
1101
  }
1165
1102
 
1166
- .Ula38LO3Ays- {
1167
- --card--accent-color: var(--color-lime--lightest);
1103
+ .oiO69PZN9YQ- {
1104
+ --card--accent-color: var(--color-indigo);
1168
1105
  }
1169
1106
 
1170
- .GQCFMOlKqhw- {
1171
- --card--accent-color: var(--color-lime--lightest);
1107
+ ._0IY3-0yi-R8- {
1108
+ --card--accent-color: var(--color-indigo--light);
1172
1109
  }
1173
1110
 
1174
- .WxVa9PUSqNk- {
1175
- --card--accent-color: var(--color-yellowGreen);
1111
+ .EhlKEc9GoHs- {
1112
+ --card--accent-color: var(--color-indigo--lighter);
1176
1113
  }
1177
1114
 
1178
- .-XIQhBSotwA- {
1179
- --card--accent-color: var(--color-yellowGreen--light);
1115
+ .AdDWGn8NI00- {
1116
+ --card--accent-color: var(--color-indigo--lightest);
1180
1117
  }
1181
1118
 
1182
- .r9f1ybI7SeU- {
1183
- --card--accent-color: var(--color-yellowGreen--lighter);
1119
+ ._2ps4Uk-mog0- {
1120
+ --card--accent-color: var(--color-indigo--dark);
1184
1121
  }
1185
1122
 
1186
- .JgtJf0Qh1sg- {
1187
- --card--accent-color: var(--color-yellowGreen--lightest);
1123
+ .mflIgpDr82Y- {
1124
+ --card--accent-color: var(--color-white);
1188
1125
  }
1189
1126
 
1190
- .ON15q9QZXPA- {
1191
- --card--accent-color: var(--color-yellowGreen--dark);
1127
+ .bb-VTS0yML8-,
1128
+ ._2BzdFV5LQvM-,
1129
+ ._60G0BuQ6TY0- {
1130
+ --card--border: none;
1192
1131
  }
1193
1132
 
1194
- .Oi95vpOkcj4- {
1195
- --card--accent-color: var(--color-yellow);
1133
+ .bb-VTS0yML8- {
1134
+ box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25), 0px 0px 2px rgba(0, 0, 0, 0.1);
1135
+ box-shadow: var(--shadow-low);
1196
1136
  }
1197
1137
 
1198
- .hTJPhQ2V8RM- {
1199
- --card--accent-color: var(--color-yellow--light);
1138
+ ._2BzdFV5LQvM- {
1139
+ box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
1140
+ box-shadow: var(--shadow-base);
1200
1141
  }
1201
1142
 
1202
- .YLRdqtxcY5g- {
1203
- --card--accent-color: var(--color-yellow--lighter);
1143
+ ._60G0BuQ6TY0- {
1144
+ box-shadow: 0px 16px 16px 0px rgba(0, 0, 0, 0.075), 0px 0px 8px 0px rgba(0, 0, 0, 0.05);
1145
+ box-shadow: var(--shadow-high);
1204
1146
  }
1205
1147
 
1206
- .WiyLCwtXnPg- {
1207
- --card--accent-color: var(--color-yellow--lightest);
1148
+ .sGSmxHTsTfA- {
1149
+ display: -ms-flexbox;
1150
+ display: flex;
1151
+ -ms-flex-direction: column;
1152
+ flex-direction: column;
1153
+ min-height: var(--public-cover-min-height);
1154
+ padding: var(--public-cover-space);
1208
1155
  }
1209
1156
 
1210
- .ujxwIinNJ0A- {
1211
- --card--accent-color: var(--color-yellow--dark);
1157
+ .sGSmxHTsTfA- > * {
1158
+ margin-top: var(--public-cover-space);
1159
+ margin-bottom: var(--public-cover-space);
1212
1160
  }
1213
1161
 
1214
- .yL4o-89200k- {
1215
- --card--accent-color: var(--color-red);
1216
- }
1217
-
1218
- ._1C9So1tlmCo- {
1219
- --card--accent-color: var(--color-red--light);
1220
- }
1221
-
1222
- .AVKIKX3Jk2Y- {
1223
- --card--accent-color: var(--color-red--light);
1224
- }
1225
-
1226
- .NtJ7t9sNRxY- {
1227
- --card--accent-color: var(--color-red--lightest);
1228
- }
1229
-
1230
- .nuliwU-1NCI- {
1231
- --card--accent-color: var(--color-red--dark);
1232
- }
1233
-
1234
- .WPvwxb8gzwI- {
1235
- --card--accent-color: var(--color-grey);
1236
- }
1237
-
1238
- .O8FMSwoZOog- {
1239
- --card--accent-color: var(--color-grey--light);
1240
- }
1241
-
1242
- .M4Ag1a-ThKE- {
1243
- --card--accent-color: var(--color-grey--lighter);
1244
- }
1245
-
1246
- .adtwz9eEtbE- {
1247
- --card--accent-color: var(--color-grey--lightest);
1248
- }
1249
-
1250
- .EJoHvQW5sXw- {
1251
- --card--accent-color: var(--color-grey--dark);
1252
- }
1253
-
1254
- .ocGhxlAjeA8- {
1255
- --card--accent-color: var(--color-greyBlue);
1256
- }
1257
-
1258
- .FC48-U489FM- {
1259
- --card--accent-color: var(--color-greyBlue--light);
1260
- }
1261
-
1262
- .Jc5SOCWjD0I- {
1263
- --card--accent-color: var(--color-greyBlue--lighter);
1264
- }
1265
-
1266
- .-JQhLuDsLTg- {
1267
- --card--accent-color: var(--color-greyBlue--lightest);
1268
- }
1269
-
1270
- .YXdImUdlDwQ- {
1271
- --card--accent-color: var(--color-greyBlue--dark);
1272
- }
1273
-
1274
- .hRRwMChk2-k- {
1275
- --card--accent-color: var(--color-lightBlue);
1276
- }
1277
-
1278
- .usPlm5p7svg- {
1279
- --card--accent-color: var(--color-lightBlue--light);
1280
- }
1281
-
1282
- .jN9BGAMnCLQ- {
1283
- --card--accent-color: var(--color-lightBlue--lighter);
1284
- }
1285
-
1286
- .xeJfT0FMKtc- {
1287
- --card--accent-color: var(--color-lightBlue--lightest);
1288
- }
1289
-
1290
- .vWSUNAsOB6g- {
1291
- --card--accent-color: var(--color-lightBlue--dark);
1292
- }
1293
-
1294
- .Q17e9VQy-kI- {
1295
- --card--accent-color: var(--color-purple);
1162
+ .sGSmxHTsTfA- > :first-child:not(._6S-jbOw7NEA-) {
1163
+ -webkit-margin-before: 0;
1164
+ margin-top: 0;
1296
1165
  }
1297
1166
 
1298
- .pKusyI7bMxc- {
1299
- --card--accent-color: var(--color-purple--light);
1167
+ .sGSmxHTsTfA- > :last-child:not(._6S-jbOw7NEA-) {
1168
+ -webkit-margin-after: 0;
1169
+ margin-bottom: 0;
1300
1170
  }
1301
1171
 
1302
- .ceTZn8oUUCg- {
1303
- --card--accent-color: var(--color-purple--lighter);
1172
+ .sGSmxHTsTfA- > ._6S-jbOw7NEA- {
1173
+ margin-top: auto;
1174
+ margin-bottom: auto;
1304
1175
  }
1305
1176
 
1306
- .GYwXWYcZPPc- {
1307
- --card--accent-color: var(--color-purple--lightest);
1177
+ .Aj6o8FcaKHc- {
1178
+ container-name: var(--public-container-name);
1179
+ container-type: inline-size;
1180
+ width: var(--public-container-width);
1308
1181
  }
1309
1182
 
1310
- .uXNnhLCRSPc- {
1311
- --card--accent-color: var(--color-purple--dark);
1183
+ .eIsVvlXoWhs- {
1184
+ container-type: inline-size;
1185
+ width: var(--public-container-apply-width);
1312
1186
  }
1313
1187
 
1314
- .eptfViHsA5o- {
1315
- --card--accent-color: var(--color-pink);
1188
+ .kub1yKbFFN0- {
1189
+ display: -ms-flexbox;
1190
+ display: flex;
1191
+ -ms-flex-wrap: wrap;
1192
+ flex-wrap: wrap;
1193
+ gap: 16px;
1194
+ gap: var(--public-cluster-space, var(--space-base, 16px));
1195
+ -ms-flex-pack: flex-start;
1196
+ -ms-flex-pack: var(--public-cluster-justify, flex-start);
1197
+ justify-content: flex-start;
1198
+ justify-content: var(--public-cluster-justify, flex-start);
1199
+ -ms-flex-align: center;
1200
+ -ms-flex-align: var(--public-cluster-align, center);
1201
+ align-items: center;
1202
+ align-items: var(--public-cluster-align, center);
1203
+ width: var(--public-cluster-width);
1316
1204
  }
1317
1205
 
1318
- ._9mgeBAoZsME- {
1319
- --card--accent-color: var(--color-pink--light);
1320
- }
1206
+ /** When we nest clusters, the clustering stops working because of the 100% width. This prevents nested clusters from fighting **/
1321
1207
 
1322
- .fCkb0vtBUJY- {
1323
- --card--accent-color: var(--color-pink--lighter);
1208
+ .kub1yKbFFN0- .kub1yKbFFN0- {
1209
+ width: auto;
1324
1210
  }
1325
1211
 
1326
- .Nfx7Me6gfew- {
1327
- --card--accent-color: var(--color-pink--lightest);
1328
- }
1212
+ /** For collapse below. If any of the sizes are active, we're in column mode. */
1329
1213
 
1330
- .PXtxWUy1pvk- {
1331
- --card--accent-color: var(--color-pink--dark);
1214
+ ._5IaWqMXiMqQ-,
1215
+ .vCly-qsW6uQ-,
1216
+ .lmABTs-G-FA-,
1217
+ .NHrDIukxI-o- {
1218
+ -ms-flex-direction: column;
1219
+ flex-direction: column;
1332
1220
  }
1333
1221
 
1334
- .TCIFwV-8jfU- {
1335
- --card--accent-color: var(--color-teal);
1222
+ ._5IaWqMXiMqQ- > *,
1223
+ .vCly-qsW6uQ- > *,
1224
+ .lmABTs-G-FA- > *,
1225
+ .NHrDIukxI-o- > * {
1226
+ width: 100%;
1336
1227
  }
1337
1228
 
1338
- .QKM3Gc0bQxI- {
1339
- --card--accent-color: var(--color-teal--light);
1340
- }
1229
+ @media (min-width: 490px) {
1230
+ ._5IaWqMXiMqQ- {
1231
+ -ms-flex-direction: row;
1232
+ flex-direction: row;
1233
+ }
1341
1234
 
1342
- .ILaFINMoSlM- {
1343
- --card--accent-color: var(--color-teal--lighter);
1235
+ ._5IaWqMXiMqQ- > * {
1236
+ width: auto;
1237
+ }
1344
1238
  }
1345
1239
 
1346
- .wj7qD0ryDNw- {
1347
- --card--accent-color: var(--color-teal--lightest);
1348
- }
1240
+ @media (--small-screens-and-up) {
1241
+ ._5IaWqMXiMqQ- {
1242
+ -ms-flex-direction: row;
1243
+ flex-direction: row;
1244
+ }
1349
1245
 
1350
- .tUjjyB7GN-Q- {
1351
- --card--accent-color: var(--color-teal--dark);
1246
+ ._5IaWqMXiMqQ- > * {
1247
+ width: auto;
1248
+ }
1352
1249
  }
1353
1250
 
1354
- .gtKRbI99aQU- {
1355
- --card--accent-color: var(--color-orange);
1356
- }
1251
+ @media (min-width: 768px) {
1252
+ .vCly-qsW6uQ- {
1253
+ -ms-flex-direction: row;
1254
+ flex-direction: row;
1255
+ }
1357
1256
 
1358
- .uUvtDEYmYhE- {
1359
- --card--accent-color: var(--color-orange--light);
1257
+ .vCly-qsW6uQ- > * {
1258
+ width: auto;
1259
+ }
1360
1260
  }
1361
1261
 
1362
- .UNvUmONc6bM- {
1363
- --card--accent-color: var(--color-orange--lighter);
1364
- }
1262
+ @media (--medium-screens-and-up) {
1263
+ .vCly-qsW6uQ- {
1264
+ -ms-flex-direction: row;
1265
+ flex-direction: row;
1266
+ }
1365
1267
 
1366
- .sBl1hHCnBpA- {
1367
- --card--accent-color: var(--color-orange--lightest);
1268
+ .vCly-qsW6uQ- > * {
1269
+ width: auto;
1270
+ }
1368
1271
  }
1369
1272
 
1370
- .ceM7ISMCfX4- {
1371
- --card--accent-color: var(--color-orange--dark);
1372
- }
1273
+ @media (min-width: 1080px) {
1274
+ .lmABTs-G-FA- {
1275
+ -ms-flex-direction: row;
1276
+ flex-direction: row;
1277
+ }
1373
1278
 
1374
- .XGl6Iv7N1e0- {
1375
- --card--accent-color: var(--color-brown);
1279
+ .lmABTs-G-FA- > * {
1280
+ width: auto;
1281
+ }
1376
1282
  }
1377
1283
 
1378
- .n474Hn3j8es- {
1379
- --card--accent-color: var(--color-brown--light);
1380
- }
1284
+ @media (--large-screens-and-up) {
1285
+ .lmABTs-G-FA- {
1286
+ -ms-flex-direction: row;
1287
+ flex-direction: row;
1288
+ }
1381
1289
 
1382
- .UoyCJSsgMI0- {
1383
- --card--accent-color: var(--color-brown--lighter);
1290
+ .lmABTs-G-FA- > * {
1291
+ width: auto;
1292
+ }
1384
1293
  }
1385
1294
 
1386
- ._8rrvx00EpUc- {
1387
- --card--accent-color: var(--color-brown--lightest);
1388
- }
1295
+ @media (min-width: 1440px) {
1296
+ .NHrDIukxI-o- {
1297
+ -ms-flex-direction: row;
1298
+ flex-direction: row;
1299
+ }
1389
1300
 
1390
- .JWWWvdngqx4- {
1391
- --card--accent-color: var(--color-brown--dark);
1301
+ .NHrDIukxI-o- > * {
1302
+ width: auto;
1303
+ }
1392
1304
  }
1393
1305
 
1394
- .Jfp-dUno4KQ- {
1395
- --card--accent-color: var(--color-navy);
1396
- }
1306
+ @media (--extra-large-screens-and-up) {
1307
+ .NHrDIukxI-o- {
1308
+ -ms-flex-direction: row;
1309
+ flex-direction: row;
1310
+ }
1397
1311
 
1398
- ._5SGbQDSEQlE- {
1399
- --card--accent-color: var(--color-navy--light);
1312
+ .NHrDIukxI-o- > * {
1313
+ width: auto;
1314
+ }
1400
1315
  }
1401
1316
 
1402
- .DMElPhnEjrM- {
1403
- --card--accent-color: var(--color-navy--lighter);
1317
+ .kub1yKbFFN0-.hkpPPbA3sRk- {
1318
+ -ms-flex-direction: column;
1319
+ flex-direction: column;
1404
1320
  }
1405
1321
 
1406
- .Nd80Eh7efmo- {
1407
- --card--accent-color: var(--color-navy--lightest);
1322
+ .kub1yKbFFN0-.hkpPPbA3sRk- > * {
1323
+ width: 100%;
1408
1324
  }
1409
1325
 
1410
- .YNxCRirQrH4- {
1411
- --card--accent-color: var(--color-navy--dark);
1326
+ .YxKKPXAU10s- {
1327
+ --checkbox--size: 20px;
1328
+ --checkbox--border--checked: var(--color-interactive);
1329
+ --checkbox--border--unchecked: var(--color-border--interactive);
1330
+ --checkbox--border--hover: var(--color-interactive);
1331
+ display: inline-block;
1412
1332
  }
1413
1333
 
1414
- .oiO69PZN9YQ- {
1415
- --card--accent-color: var(--color-indigo);
1334
+ .KxWx-msbH9c- {
1335
+ display: -ms-flexbox;
1336
+ display: flex;
1337
+ -ms-flex-align: start;
1338
+ align-items: flex-start;
1339
+ -webkit-user-select: none;
1340
+ -ms-user-select: none;
1341
+ user-select: none;
1342
+ cursor: pointer;
1416
1343
  }
1417
1344
 
1418
- ._0IY3-0yi-R8- {
1419
- --card--accent-color: var(--color-indigo--light);
1345
+ .TKr3J-6ARFo- {
1346
+ --checkbox--border--checked: var(--color-disabled--secondary);
1347
+ --checkbox--border--unchecked: var(--color-disabled--secondary);
1348
+ --checkbox--border--hover: var(--color-disabled--secondary);
1349
+ cursor: not-allowed;
1420
1350
  }
1421
1351
 
1422
- .EhlKEc9GoHs- {
1423
- --card--accent-color: var(--color-indigo--lighter);
1352
+ .NO34ZbhNqhI- {
1353
+ position: relative;
1424
1354
  }
1425
1355
 
1426
- .AdDWGn8NI00- {
1427
- --card--accent-color: var(--color-indigo--lightest);
1356
+ .XnCmS-EzK2M- {
1357
+ /* Hide checkbox on UI but not screen readers and still allow focus state */
1358
+ position: absolute;
1359
+ width: 1px;
1360
+ height: 1px;
1361
+ overflow: hidden;
1362
+ clip: rect(0 0 0 0);
1363
+ clip-path: inset(100%);
1364
+ white-space: nowrap;
1428
1365
  }
1429
1366
 
1430
- ._2ps4Uk-mog0- {
1431
- --card--accent-color: var(--color-indigo--dark);
1367
+ ._-8JCQE6SA9s- {
1368
+ display: -ms-flexbox;
1369
+ display: flex;
1370
+ width: var(--checkbox--size);
1371
+ height: var(--checkbox--size);
1372
+ box-sizing: border-box;
1373
+ border: 2px solid var(--checkbox--border--unchecked);
1374
+ border: var(--border-thick) solid var(--checkbox--border--unchecked);
1375
+ border-radius: 4px;
1376
+ border-radius: var(--radius-small);
1377
+ background-color: rgba(255, 255, 255, 1);
1378
+ background-color: var(--color-surface);
1379
+ transition: all 100ms ease-out;
1380
+ transition: all var(--timing-quick) ease-out;
1381
+ -ms-flex-pack: center;
1382
+ justify-content: center;
1383
+ -ms-flex-align: center;
1384
+ align-items: center;
1432
1385
  }
1433
1386
 
1434
- .mflIgpDr82Y- {
1435
- --card--accent-color: var(--color-white);
1387
+ ._-8JCQE6SA9s-:hover,
1388
+ .YxKKPXAU10s-:hover ._-8JCQE6SA9s- {
1389
+ border-color: var(--checkbox--border--hover);
1436
1390
  }
1437
1391
 
1438
- .rJamQZ6fRes- {
1439
- --content-block-max-width: 100ch;
1440
- --content-block-gutters: 0;
1441
- width: 100%;
1442
- box-sizing: content-box;
1443
- margin-left: auto;
1444
- margin-right: auto;
1445
- max-width: 100ch;
1446
- max-width: var(--content-block-max-width);
1392
+ .XnCmS-EzK2M-.rqHq3ff9In0- + ._-8JCQE6SA9s-,
1393
+ .XnCmS-EzK2M-:checked + ._-8JCQE6SA9s- {
1394
+ border-color: var(--checkbox--border--checked);
1395
+ background-color: hsl(107, 58%, 33%);
1396
+ background-color: var(--color-interactive);
1447
1397
  }
1448
1398
 
1449
- .bqjXV8MRO-4- {
1450
- -webkit-margin-start: 0;
1451
- margin-left: 0;
1452
- -webkit-margin-end: auto;
1453
- margin-right: auto;
1399
+ .XnCmS-EzK2M-:focus-visible + ._-8JCQE6SA9s- {
1400
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
1401
+ box-shadow: var(--shadow-focus);
1454
1402
  }
1455
1403
 
1456
- .sCMxIxKkFe0- {
1457
- -webkit-margin-end: 0;
1458
- margin-right: 0;
1459
- -webkit-margin-start: auto;
1460
- margin-left: auto;
1404
+ .TKr3J-6ARFo- p {
1405
+ color: hsl(0, 0%, 72%);
1406
+ color: var(--color-disabled);
1461
1407
  }
1462
1408
 
1463
- ._2pIQVKvVL1I- {
1464
- margin-left: auto;
1465
- margin-right: auto;
1409
+ .TKr3J-6ARFo- ._-8JCQE6SA9s- > * {
1410
+ opacity: 0;
1466
1411
  }
1467
1412
 
1468
- ._6dF2no3aTxw- {
1469
- text-align: center;
1413
+ .TKr3J-6ARFo- .XnCmS-EzK2M-.rqHq3ff9In0- + ._-8JCQE6SA9s-,
1414
+ .TKr3J-6ARFo- .XnCmS-EzK2M-:checked + ._-8JCQE6SA9s- {
1415
+ background-color: hsl(0, 0%, 93%);
1416
+ background-color: var(--color-disabled--secondary);
1470
1417
  }
1471
1418
 
1472
- .bqjXV8MRO-4-._6dF2no3aTxw- {
1473
- text-align: left;
1419
+ .TKr3J-6ARFo- .XnCmS-EzK2M-.rqHq3ff9In0- + ._-8JCQE6SA9s- > *,
1420
+ .TKr3J-6ARFo- .XnCmS-EzK2M-:checked + ._-8JCQE6SA9s- > * {
1421
+ opacity: 1;
1474
1422
  }
1475
1423
 
1476
- .sCMxIxKkFe0-._6dF2no3aTxw- {
1477
- text-align: right;
1424
+ .l8z5TxzVvqA- {
1425
+ margin: 0 8px;
1426
+ margin: 0 var(--space-small);
1427
+ margin-top: 2px;
1428
+ margin-top: var(--space-smallest);
1478
1429
  }
1479
1430
 
1480
- ._8k8YLsatGag- {
1481
- -webkit-padding-start: var(--content-block-gutters);
1482
- padding-left: var(--content-block-gutters);
1483
- -webkit-padding-end: var(--content-block-gutters);
1484
- padding-right: var(--content-block-gutters);
1431
+ .DcBfVgpiWa4- {
1432
+ margin-bottom: 8px;
1433
+ margin-bottom: var(--space-small);
1434
+ padding-left: calc(var(--checkbox--size) + 8px);
1435
+ padding-left: calc(var(--checkbox--size) + var(--space-small));
1485
1436
  }
1486
1437
 
1487
1438
  :root {
@@ -1783,6 +1734,105 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
1783
1734
  display: inline-block;
1784
1735
  }
1785
1736
 
1737
+ .B1cBkstNQhM- > :not(:last-child) {
1738
+ margin-bottom: 1px;
1739
+ margin-bottom: var(--space-minuscule);
1740
+ }
1741
+
1742
+ .rjAxJwaso0s- > :not(:last-child) {
1743
+ margin-bottom: 2px;
1744
+ margin-bottom: var(--space-smallest);
1745
+ }
1746
+
1747
+ .Chezd5Sqtmk- > :not(:last-child) {
1748
+ margin-bottom: 4px;
1749
+ margin-bottom: var(--space-smaller);
1750
+ }
1751
+
1752
+ .hzVGRy-KUeY- > :not(:last-child) {
1753
+ margin-bottom: 8px;
1754
+ margin-bottom: var(--space-small);
1755
+ }
1756
+
1757
+ .XFi-EWH3Rc0- > :not(:last-child) {
1758
+ margin-bottom: 16px;
1759
+ margin-bottom: var(--space-base);
1760
+ }
1761
+
1762
+ .JTt98vS-CLk- > :not(:last-child) {
1763
+ margin-bottom: 24px;
1764
+ margin-bottom: var(--space-large);
1765
+ }
1766
+
1767
+ .-h5Dm7qvnss- > :not(:last-child) {
1768
+ margin-bottom: 32px;
1769
+ margin-bottom: var(--space-larger);
1770
+ }
1771
+
1772
+ .K7DP0lB9veI- > :not(:last-child) {
1773
+ margin-bottom: 48px;
1774
+ margin-bottom: var(--space-largest);
1775
+ }
1776
+
1777
+ .d8bHHzbOHk4- > :not(:last-child) {
1778
+ margin-bottom: 64px;
1779
+ margin-bottom: var(--space-extravagant);
1780
+ }
1781
+
1782
+ .cftWh-00zXM- {
1783
+ padding: 0;
1784
+ padding: var(--public-content--padding, 0);
1785
+ }
1786
+
1787
+ .rJamQZ6fRes- {
1788
+ --content-block-max-width: 100ch;
1789
+ --content-block-gutters: 0;
1790
+ width: 100%;
1791
+ box-sizing: content-box;
1792
+ margin-left: auto;
1793
+ margin-right: auto;
1794
+ max-width: 100ch;
1795
+ max-width: var(--content-block-max-width);
1796
+ }
1797
+
1798
+ .bqjXV8MRO-4- {
1799
+ -webkit-margin-start: 0;
1800
+ margin-left: 0;
1801
+ -webkit-margin-end: auto;
1802
+ margin-right: auto;
1803
+ }
1804
+
1805
+ .sCMxIxKkFe0- {
1806
+ -webkit-margin-end: 0;
1807
+ margin-right: 0;
1808
+ -webkit-margin-start: auto;
1809
+ margin-left: auto;
1810
+ }
1811
+
1812
+ ._2pIQVKvVL1I- {
1813
+ margin-left: auto;
1814
+ margin-right: auto;
1815
+ }
1816
+
1817
+ ._6dF2no3aTxw- {
1818
+ text-align: center;
1819
+ }
1820
+
1821
+ .bqjXV8MRO-4-._6dF2no3aTxw- {
1822
+ text-align: left;
1823
+ }
1824
+
1825
+ .sCMxIxKkFe0-._6dF2no3aTxw- {
1826
+ text-align: right;
1827
+ }
1828
+
1829
+ ._8k8YLsatGag- {
1830
+ -webkit-padding-start: var(--content-block-gutters);
1831
+ padding-left: var(--content-block-gutters);
1832
+ -webkit-padding-end: var(--content-block-gutters);
1833
+ padding-right: var(--content-block-gutters);
1834
+ }
1835
+
1786
1836
  .v3oESmhykhE-,
1787
1837
  .v3oESmhykhE- * {
1788
1838
  box-sizing: border-box;
@@ -2086,56 +2136,6 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
2086
2136
  text-indent: -10000px;
2087
2137
  }
2088
2138
 
2089
- .B1cBkstNQhM- > :not(:last-child) {
2090
- margin-bottom: 1px;
2091
- margin-bottom: var(--space-minuscule);
2092
- }
2093
-
2094
- .rjAxJwaso0s- > :not(:last-child) {
2095
- margin-bottom: 2px;
2096
- margin-bottom: var(--space-smallest);
2097
- }
2098
-
2099
- .Chezd5Sqtmk- > :not(:last-child) {
2100
- margin-bottom: 4px;
2101
- margin-bottom: var(--space-smaller);
2102
- }
2103
-
2104
- .hzVGRy-KUeY- > :not(:last-child) {
2105
- margin-bottom: 8px;
2106
- margin-bottom: var(--space-small);
2107
- }
2108
-
2109
- .XFi-EWH3Rc0- > :not(:last-child) {
2110
- margin-bottom: 16px;
2111
- margin-bottom: var(--space-base);
2112
- }
2113
-
2114
- .JTt98vS-CLk- > :not(:last-child) {
2115
- margin-bottom: 24px;
2116
- margin-bottom: var(--space-large);
2117
- }
2118
-
2119
- .-h5Dm7qvnss- > :not(:last-child) {
2120
- margin-bottom: 32px;
2121
- margin-bottom: var(--space-larger);
2122
- }
2123
-
2124
- .K7DP0lB9veI- > :not(:last-child) {
2125
- margin-bottom: 48px;
2126
- margin-bottom: var(--space-largest);
2127
- }
2128
-
2129
- .d8bHHzbOHk4- > :not(:last-child) {
2130
- margin-bottom: 64px;
2131
- margin-bottom: var(--space-extravagant);
2132
- }
2133
-
2134
- .cftWh-00zXM- {
2135
- padding: 0;
2136
- padding: var(--public-content--padding, 0);
2137
- }
2138
-
2139
2139
  ._3IHK46TSBOI- {
2140
2140
  position: relative;
2141
2141
  border: 1px solid hsl(200, 13%, 87%);
@@ -2476,64 +2476,13 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
2476
2476
  }
2477
2477
 
2478
2478
  .D9ovrKetww8- {
2479
- --divider-width: var(--border-thicker);
2480
- opacity: 0.625;
2481
- }
2482
-
2483
- ._8uEysWndSQc- {
2484
- --divider-width: var(--border-thickest);
2485
- opacity: 0.375;
2486
- }
2487
-
2488
- ._50Jq09W07gg- {
2489
- display: grid;
2490
- width: 100%;
2491
- height: 100%;
2492
- overflow: hidden;
2493
- grid-template-columns: minmax(0, 1fr) minmax(-webkit-min-content, -webkit-max-content);
2494
- grid-template-columns: minmax(0, 1fr) minmax(min-content, max-content);
2495
- grid-template-rows: 1fr;
2496
- }
2497
-
2498
- .o-b2tWQIZvw- {
2499
- display: -ms-flexbox;
2500
- display: flex;
2501
- }
2502
-
2503
- .NZtPT-dXFeQ- {
2504
- -ms-flex: 1 1 auto;
2505
- flex: 1 1 auto;
2506
- -ms-flex-item-align: center;
2507
- align-self: center;
2508
- padding-right: 16px;
2509
- padding-right: var(--space-base);
2510
- transition: opacity 200ms;
2511
- transition: opacity var(--timing-base);
2512
- }
2513
-
2514
- .tDW-yhISuqQ- {
2515
- -ms-flex: 0 0 auto;
2516
- flex: 0 0 auto;
2517
- -ms-flex-item-align: start;
2518
- align-self: flex-start;
2519
- position: relative;
2520
- }
2521
-
2522
- .Y-aeIDV1dL4- {
2523
- position: absolute;
2524
- top: 100%;
2525
- width: 100%;
2526
- margin-top: 2px;
2527
- margin-top: var(--space-smallest);
2528
- text-align: center;
2529
- }
2530
-
2531
- .iXr88Nr7vpk- {
2532
- opacity: 0.5;
2479
+ --divider-width: var(--border-thicker);
2480
+ opacity: 0.625;
2533
2481
  }
2534
2482
 
2535
- .GSDyu-sASro- {
2536
- opacity: 1;
2483
+ ._8uEysWndSQc- {
2484
+ --divider-width: var(--border-thickest);
2485
+ opacity: 0.375;
2537
2486
  }
2538
2487
 
2539
2488
  .LNIwHwCs8gQ- {
@@ -2659,6 +2608,57 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
2659
2608
  --public-content--padding: 0;
2660
2609
  }
2661
2610
 
2611
+ ._50Jq09W07gg- {
2612
+ display: grid;
2613
+ width: 100%;
2614
+ height: 100%;
2615
+ overflow: hidden;
2616
+ grid-template-columns: minmax(0, 1fr) minmax(-webkit-min-content, -webkit-max-content);
2617
+ grid-template-columns: minmax(0, 1fr) minmax(min-content, max-content);
2618
+ grid-template-rows: 1fr;
2619
+ }
2620
+
2621
+ .o-b2tWQIZvw- {
2622
+ display: -ms-flexbox;
2623
+ display: flex;
2624
+ }
2625
+
2626
+ .NZtPT-dXFeQ- {
2627
+ -ms-flex: 1 1 auto;
2628
+ flex: 1 1 auto;
2629
+ -ms-flex-item-align: center;
2630
+ align-self: center;
2631
+ padding-right: 16px;
2632
+ padding-right: var(--space-base);
2633
+ transition: opacity 200ms;
2634
+ transition: opacity var(--timing-base);
2635
+ }
2636
+
2637
+ .tDW-yhISuqQ- {
2638
+ -ms-flex: 0 0 auto;
2639
+ flex: 0 0 auto;
2640
+ -ms-flex-item-align: start;
2641
+ align-self: flex-start;
2642
+ position: relative;
2643
+ }
2644
+
2645
+ .Y-aeIDV1dL4- {
2646
+ position: absolute;
2647
+ top: 100%;
2648
+ width: 100%;
2649
+ margin-top: 2px;
2650
+ margin-top: var(--space-smallest);
2651
+ text-align: center;
2652
+ }
2653
+
2654
+ .iXr88Nr7vpk- {
2655
+ opacity: 0.5;
2656
+ }
2657
+
2658
+ .GSDyu-sASro- {
2659
+ opacity: 1;
2660
+ }
2661
+
2662
2662
  .pEdV7Oo29SE- {
2663
2663
  display: grid;
2664
2664
  /* If this gets wrapped in a flex container, it should take the remaining space */
@@ -2691,217 +2691,23 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
2691
2691
  gap: var(--space-large);
2692
2692
  }
2693
2693
 
2694
- .VZokN5bjMl0- {
2695
- gap: 0;
2696
- }
2697
-
2698
- ._9CW5WRJdMFo- {
2699
- -ms-flex-align: start;
2700
- align-items: start;
2701
- }
2702
-
2703
- .zVzX2gVWEGw- {
2704
- -ms-flex-align: center;
2705
- align-items: center;
2706
- }
2707
-
2708
- .cnhrFSJxBCo- {
2709
- -ms-flex-align: end;
2710
- align-items: end;
2711
- }
2712
-
2713
- .y9T1gWK9SHY- {
2714
- --file-card--background-color: var(--color-surface);
2715
- --file-card--base-padding: var(--space-small);
2716
- }
2717
-
2718
- ._6qcLC0nLki0- {
2719
- display: grid;
2720
- grid-template-columns: auto -webkit-max-content;
2721
- grid-template-columns: auto max-content;
2722
- grid-gap: var(--file-card--base-padding);
2723
- gap: var(--file-card--base-padding);
2724
- -ms-flex-align: center;
2725
- align-items: center;
2726
- padding-right: 8px;
2727
- padding-right: var(--space-small);
2728
- border: 1px solid hsl(200, 13%, 87%);
2729
- border: var(--border-base) solid var(--color-border);
2730
- border-radius: 8px;
2731
- border-radius: var(--radius-base);
2732
- background-color: var(--file-card--background-color);
2733
- }
2734
-
2735
- .cSm0ukEQcOU-,
2736
- ._6qcLC0nLki0- {
2737
- position: relative;
2738
- }
2739
-
2740
- .TEarBLxe1QY- {
2741
- display: grid;
2742
- grid-template-columns: -webkit-max-content auto;
2743
- grid-template-columns: max-content auto;
2744
- grid-gap: var(--file-card--base-padding);
2745
- gap: var(--file-card--base-padding);
2746
- -ms-flex-align: center;
2747
- align-items: center;
2748
- padding: 0;
2749
- border: none;
2750
- text-align: left;
2751
- background-color: transparent;
2752
- }
2753
-
2754
- .rha7bX0NCtI- {
2755
- width: 168px;
2756
- height: 168px;
2757
- }
2758
-
2759
- ._7kv4ujgaxNk- {
2760
- width: 56px;
2761
- height: 56px;
2762
- }
2763
-
2764
- .Km0E9H-xb-M- {
2765
- display: -ms-flexbox;
2766
- display: flex;
2767
- position: relative;
2768
- box-sizing: border-box;
2769
- padding: 0;
2770
- overflow: hidden;
2771
- background-color: hsl(51, 17%, 85%);
2772
- background-color: var(--color-interactive--background);
2773
- -ms-flex-negative: 0;
2774
- flex-shrink: 0;
2775
- -ms-flex-align: center;
2776
- align-items: center;
2777
- -ms-flex-pack: center;
2778
- justify-content: center;
2779
- }
2780
-
2781
- ._6qcLC0nLki0- .TEarBLxe1QY- {
2782
- outline: none;
2783
- }
2784
-
2785
- .cSm0ukEQcOU- .TEarBLxe1QY-:focus {
2786
- box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
2787
- box-shadow: var(--shadow-focus);
2788
- outline: none;
2789
- }
2790
-
2791
- .cSm0ukEQcOU- .Km0E9H-xb-M- {
2792
- border: 1px solid hsl(200, 13%, 87%);
2793
- border: var(--border-base) solid var(--color-border);
2794
- border-radius: 8px;
2795
- border-radius: var(--radius-base);
2796
- }
2797
-
2798
- ._6qcLC0nLki0- .TEarBLxe1QY-:focus::after {
2799
- content: "";
2800
- display: block;
2801
- position: absolute;
2802
- top: 0;
2803
- left: 0;
2804
- width: 100%;
2805
- height: 100%;
2806
- box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
2807
- box-shadow: var(--shadow-focus);
2808
- }
2809
-
2810
- .d2l80-AKBiU- {
2811
- z-index: 1;
2812
- z-index: var(--elevation-base);
2813
- }
2814
-
2815
- ._6qcLC0nLki0- .Km0E9H-xb-M- {
2816
- border-right: none;
2817
- border-bottom-left-radius: 8px;
2818
- border-bottom-left-radius: var(--radius-base);
2819
- border-top-left-radius: 8px;
2820
- border-top-left-radius: var(--radius-base);
2821
- }
2822
-
2823
- .f7xR4ZcqlLo- {
2824
- cursor: pointer;
2825
- }
2826
-
2827
- .LxLX5kFFkfI- .Km0E9H-xb-M-::after,
2828
- ._121nzRvOA-0- {
2829
- content: "";
2830
- display: block;
2831
- position: absolute;
2832
- top: 0;
2833
- left: 0;
2834
- width: 100%;
2835
- height: 100%;
2836
- background-color: rgba(0, 0, 0, 0.32);
2837
- background-color: var(--color-overlay);
2838
- opacity: 0;
2839
- transition: all 200ms;
2840
- transition: all var(--timing-base);
2841
- }
2842
-
2843
- .LxLX5kFFkfI-:hover .Km0E9H-xb-M-::after,
2844
- .LxLX5kFFkfI-:focus .Km0E9H-xb-M-::after,
2845
- ._121nzRvOA-0- {
2846
- opacity: 1;
2847
- }
2848
-
2849
- ._121nzRvOA-0- {
2850
- display: -ms-flexbox;
2851
- display: flex;
2852
- -ms-flex-align: center;
2853
- align-items: center;
2854
- box-sizing: border-box;
2855
- padding: var(--file-card--base-padding);
2856
- }
2857
-
2858
- .cyiC2EalTkQ- {
2859
- display: -ms-flexbox;
2860
- display: flex;
2861
- -ms-flex-direction: column;
2862
- flex-direction: column;
2863
- min-width: 0;
2864
- }
2865
-
2866
- .cyiC2EalTkQ- p {
2867
- margin: 0;
2868
- overflow: hidden;
2869
- text-overflow: ellipsis;
2870
- white-space: nowrap;
2871
- }
2872
-
2873
- .cSm0ukEQcOU- .d2l80-AKBiU- {
2874
- position: absolute;
2875
- top: 4px;
2876
- top: var(--space-smaller);
2877
- right: 4px;
2878
- right: var(--space-smaller);
2879
- }
2880
-
2881
- @media (min-width: 768px) {
2882
- .qwQuqw4uODY- ~ .d2l80-AKBiU- {
2883
- visibility: hidden;
2884
- }
2885
-
2886
- .d2l80-AKBiU-:focus-within,
2887
- .d2l80-AKBiU-:hover,
2888
- .qwQuqw4uODY-:hover ~ .d2l80-AKBiU-,
2889
- .qwQuqw4uODY-:focus ~ .d2l80-AKBiU- {
2890
- visibility: visible;
2891
- }
2694
+ .VZokN5bjMl0- {
2695
+ gap: 0;
2892
2696
  }
2893
2697
 
2894
- @media (--medium-screens-and-up) {
2895
- .qwQuqw4uODY- ~ .d2l80-AKBiU- {
2896
- visibility: hidden;
2897
- }
2698
+ ._9CW5WRJdMFo- {
2699
+ -ms-flex-align: start;
2700
+ align-items: start;
2701
+ }
2898
2702
 
2899
- .d2l80-AKBiU-:focus-within,
2900
- .d2l80-AKBiU-:hover,
2901
- .qwQuqw4uODY-:hover ~ .d2l80-AKBiU-,
2902
- .qwQuqw4uODY-:focus ~ .d2l80-AKBiU- {
2903
- visibility: visible;
2904
- }
2703
+ .zVzX2gVWEGw- {
2704
+ -ms-flex-align: center;
2705
+ align-items: center;
2706
+ }
2707
+
2708
+ .cnhrFSJxBCo- {
2709
+ -ms-flex-align: end;
2710
+ align-items: end;
2905
2711
  }
2906
2712
 
2907
2713
  :root {
@@ -3262,123 +3068,372 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
3262
3068
  font-size: var(--typography--fontSize-small);
3263
3069
  }
3264
3070
 
3265
- .QmMiyoAWp-g-.F1t76G6bDKo- .Dgk00tzlODA- {
3266
- padding-top: 2px;
3267
- padding-top: var(--space-smallest);
3071
+ .QmMiyoAWp-g-.F1t76G6bDKo- .Dgk00tzlODA- {
3072
+ padding-top: 2px;
3073
+ padding-top: var(--space-smallest);
3074
+ }
3075
+
3076
+ .hGr6YW4AeLM-.F1t76G6bDKo- .Dgk00tzlODA- {
3077
+ background-color: var(--field--background-color);
3078
+ }
3079
+
3080
+ .Sw5O4I0lMJg-.F1t76G6bDKo- .Dgk00tzlODA-,
3081
+ ._0pmqVa2zSE4-.Sw5O4I0lMJg-.F1t76G6bDKo-:focus-within .Dgk00tzlODA- {
3082
+ display: none;
3083
+ }
3084
+
3085
+ /**This is valid cascading order **/
3086
+
3087
+ /* stylelint-disable-next-line no-descending-specificity */
3088
+
3089
+ ._9tjyT9QUtP8-.F1t76G6bDKo- .Dgk00tzlODA-,
3090
+ ._0pmqVa2zSE4-._9tjyT9QUtP8-.F1t76G6bDKo-:focus-within .Dgk00tzlODA- {
3091
+ padding-top: 8px;
3092
+ padding-top: var(--space-small);
3093
+ }
3094
+
3095
+ /**
3096
+ * Postfix
3097
+ **/
3098
+
3099
+ .yTDzs9h1otI- {
3100
+ position: absolute;
3101
+ top: 50%;
3102
+ right: 16px;
3103
+ right: var(--postfix-right);
3104
+ z-index: var(--field--postfix-elevation);
3105
+ -webkit-transform: translateY(-50%);
3106
+ transform: translateY(-50%);
3107
+ }
3108
+
3109
+ /**
3110
+ * Affix
3111
+ **/
3112
+
3113
+ .m0YpdssD2dY- {
3114
+ display: -ms-flexbox;
3115
+ display: flex;
3116
+ -ms-flex-align: center;
3117
+ align-items: center;
3118
+ -ms-flex-pack: center;
3119
+ justify-content: center;
3120
+ margin: 0 calc(var(--field--padding-left) * -1) 0 0;
3121
+ padding: 0 var(--field--padding-right) 0 var(--field--padding-left);
3122
+ }
3123
+
3124
+ .m0YpdssD2dY-._-3mMnjSh6ok- {
3125
+ margin: 0 0 0 calc(var(--field--padding-right) * -1);
3126
+ padding-left: 8px;
3127
+ padding-left: var(--space-small);
3128
+ }
3129
+
3130
+ .m0YpdssD2dY-.OLE9N3Uem4o- {
3131
+ position: relative;
3132
+ z-index: var(--field--postfix-action-elevation);
3133
+ }
3134
+
3135
+ .-Wzcb0pBh5I- {
3136
+ display: -ms-flexbox;
3137
+ display: flex;
3138
+ margin: 0 calc((var(--field--padding-left) - 2px) * -1) 0 0;
3139
+ margin: 0 calc((var(--field--padding-left) - var(--space-smallest)) * -1) 0 0;
3140
+ padding: 0 0 0 var(--field--padding-left);
3141
+ line-height: var(--field--value-lineHeight);
3142
+ -ms-flex-align: center;
3143
+ align-items: center;
3144
+ -ms-flex: 0 0 auto;
3145
+ flex: 0 0 auto;
3146
+ }
3147
+
3148
+ .-Wzcb0pBh5I-._-3mMnjSh6ok- {
3149
+ margin: 0 0 0 calc((var(--field--padding-left) - 2px) * -1);
3150
+ margin: 0 0 0 calc((var(--field--padding-left) - var(--space-smallest)) * -1);
3151
+ padding: 0 var(--field--padding-left) 0 0;
3152
+ }
3153
+
3154
+ .F1t76G6bDKo-:not(.Sw5O4I0lMJg-) .-Wzcb0pBh5I- {
3155
+ padding-top: var(--field--padding-top);
3156
+ padding-bottom: var(--field--padding-bottom);
3157
+ }
3158
+
3159
+ .DHX5ijY3xIw- {
3160
+ margin-top: 4px;
3161
+ margin-top: var(--space-smaller);
3162
+ }
3163
+
3164
+ .AL-2brNI7dk- {
3165
+ display: -ms-flexbox;
3166
+ display: flex;
3167
+ position: relative;
3168
+ margin: 8px var(--field--padding-right) 16px
3169
+ var(--field--padding-left);
3170
+ margin: var(--space-small) var(--field--padding-right) var(--space-base)
3171
+ var(--field--padding-left);
3172
+ }
3173
+
3174
+ .AL-2brNI7dk-::before {
3175
+ content: "";
3176
+ display: block;
3177
+ position: absolute;
3178
+ top: calc(-1.25 * 16px);
3179
+ top: calc(-1.25 * var(--space-base));
3180
+ right: 0;
3181
+ left: 0;
3182
+ z-index: 1;
3183
+ z-index: var(--elevation-base);
3184
+ height: 16px;
3185
+ height: var(--space-base);
3186
+ background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 1) 60%);
3187
+ background: linear-gradient(to bottom, transparent, var(--color-surface) 60%);
3188
+ }
3189
+
3190
+ .ViFkIUcS6PM- {
3191
+ font-style: normal;
3192
+ }
3193
+
3194
+ .y9T1gWK9SHY- {
3195
+ --file-card--background-color: var(--color-surface);
3196
+ --file-card--base-padding: var(--space-small);
3197
+ }
3198
+
3199
+ ._6qcLC0nLki0- {
3200
+ display: grid;
3201
+ grid-template-columns: auto -webkit-max-content;
3202
+ grid-template-columns: auto max-content;
3203
+ grid-gap: var(--file-card--base-padding);
3204
+ gap: var(--file-card--base-padding);
3205
+ -ms-flex-align: center;
3206
+ align-items: center;
3207
+ padding-right: 8px;
3208
+ padding-right: var(--space-small);
3209
+ border: 1px solid hsl(200, 13%, 87%);
3210
+ border: var(--border-base) solid var(--color-border);
3211
+ border-radius: 8px;
3212
+ border-radius: var(--radius-base);
3213
+ background-color: var(--file-card--background-color);
3214
+ }
3215
+
3216
+ .cSm0ukEQcOU-,
3217
+ ._6qcLC0nLki0- {
3218
+ position: relative;
3219
+ }
3220
+
3221
+ .TEarBLxe1QY- {
3222
+ display: grid;
3223
+ grid-template-columns: -webkit-max-content auto;
3224
+ grid-template-columns: max-content auto;
3225
+ grid-gap: var(--file-card--base-padding);
3226
+ gap: var(--file-card--base-padding);
3227
+ -ms-flex-align: center;
3228
+ align-items: center;
3229
+ padding: 0;
3230
+ border: none;
3231
+ text-align: left;
3232
+ background-color: transparent;
3233
+ }
3234
+
3235
+ .rha7bX0NCtI- {
3236
+ width: 168px;
3237
+ height: 168px;
3238
+ }
3239
+
3240
+ ._7kv4ujgaxNk- {
3241
+ width: 56px;
3242
+ height: 56px;
3243
+ }
3244
+
3245
+ .Km0E9H-xb-M- {
3246
+ display: -ms-flexbox;
3247
+ display: flex;
3248
+ position: relative;
3249
+ box-sizing: border-box;
3250
+ padding: 0;
3251
+ overflow: hidden;
3252
+ background-color: hsl(51, 17%, 85%);
3253
+ background-color: var(--color-interactive--background);
3254
+ -ms-flex-negative: 0;
3255
+ flex-shrink: 0;
3256
+ -ms-flex-align: center;
3257
+ align-items: center;
3258
+ -ms-flex-pack: center;
3259
+ justify-content: center;
3260
+ }
3261
+
3262
+ ._6qcLC0nLki0- .TEarBLxe1QY- {
3263
+ outline: none;
3264
+ }
3265
+
3266
+ .cSm0ukEQcOU- .TEarBLxe1QY-:focus {
3267
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
3268
+ box-shadow: var(--shadow-focus);
3269
+ outline: none;
3270
+ }
3271
+
3272
+ .cSm0ukEQcOU- .Km0E9H-xb-M- {
3273
+ border: 1px solid hsl(200, 13%, 87%);
3274
+ border: var(--border-base) solid var(--color-border);
3275
+ border-radius: 8px;
3276
+ border-radius: var(--radius-base);
3277
+ }
3278
+
3279
+ ._6qcLC0nLki0- .TEarBLxe1QY-:focus::after {
3280
+ content: "";
3281
+ display: block;
3282
+ position: absolute;
3283
+ top: 0;
3284
+ left: 0;
3285
+ width: 100%;
3286
+ height: 100%;
3287
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
3288
+ box-shadow: var(--shadow-focus);
3289
+ }
3290
+
3291
+ .d2l80-AKBiU- {
3292
+ z-index: 1;
3293
+ z-index: var(--elevation-base);
3294
+ }
3295
+
3296
+ ._6qcLC0nLki0- .Km0E9H-xb-M- {
3297
+ border-right: none;
3298
+ border-bottom-left-radius: 8px;
3299
+ border-bottom-left-radius: var(--radius-base);
3300
+ border-top-left-radius: 8px;
3301
+ border-top-left-radius: var(--radius-base);
3302
+ }
3303
+
3304
+ .f7xR4ZcqlLo- {
3305
+ cursor: pointer;
3268
3306
  }
3269
3307
 
3270
- .hGr6YW4AeLM-.F1t76G6bDKo- .Dgk00tzlODA- {
3271
- background-color: var(--field--background-color);
3308
+ .LxLX5kFFkfI- .Km0E9H-xb-M-::after,
3309
+ ._121nzRvOA-0- {
3310
+ content: "";
3311
+ display: block;
3312
+ position: absolute;
3313
+ top: 0;
3314
+ left: 0;
3315
+ width: 100%;
3316
+ height: 100%;
3317
+ background-color: rgba(0, 0, 0, 0.32);
3318
+ background-color: var(--color-overlay);
3319
+ opacity: 0;
3320
+ transition: all 200ms;
3321
+ transition: all var(--timing-base);
3272
3322
  }
3273
3323
 
3274
- .Sw5O4I0lMJg-.F1t76G6bDKo- .Dgk00tzlODA-,
3275
- ._0pmqVa2zSE4-.Sw5O4I0lMJg-.F1t76G6bDKo-:focus-within .Dgk00tzlODA- {
3276
- display: none;
3324
+ .LxLX5kFFkfI-:hover .Km0E9H-xb-M-::after,
3325
+ .LxLX5kFFkfI-:focus .Km0E9H-xb-M-::after,
3326
+ ._121nzRvOA-0- {
3327
+ opacity: 1;
3277
3328
  }
3278
3329
 
3279
- /**This is valid cascading order **/
3280
-
3281
- /* stylelint-disable-next-line no-descending-specificity */
3330
+ ._121nzRvOA-0- {
3331
+ display: -ms-flexbox;
3332
+ display: flex;
3333
+ -ms-flex-align: center;
3334
+ align-items: center;
3335
+ box-sizing: border-box;
3336
+ padding: var(--file-card--base-padding);
3337
+ }
3282
3338
 
3283
- ._9tjyT9QUtP8-.F1t76G6bDKo- .Dgk00tzlODA-,
3284
- ._0pmqVa2zSE4-._9tjyT9QUtP8-.F1t76G6bDKo-:focus-within .Dgk00tzlODA- {
3285
- padding-top: 8px;
3286
- padding-top: var(--space-small);
3339
+ .cyiC2EalTkQ- {
3340
+ display: -ms-flexbox;
3341
+ display: flex;
3342
+ -ms-flex-direction: column;
3343
+ flex-direction: column;
3344
+ min-width: 0;
3287
3345
  }
3288
3346
 
3289
- /**
3290
- * Postfix
3291
- **/
3347
+ .cyiC2EalTkQ- p {
3348
+ margin: 0;
3349
+ overflow: hidden;
3350
+ text-overflow: ellipsis;
3351
+ white-space: nowrap;
3352
+ }
3292
3353
 
3293
- .yTDzs9h1otI- {
3354
+ .cSm0ukEQcOU- .d2l80-AKBiU- {
3294
3355
  position: absolute;
3295
- top: 50%;
3296
- right: 16px;
3297
- right: var(--postfix-right);
3298
- z-index: var(--field--postfix-elevation);
3299
- -webkit-transform: translateY(-50%);
3300
- transform: translateY(-50%);
3356
+ top: 4px;
3357
+ top: var(--space-smaller);
3358
+ right: 4px;
3359
+ right: var(--space-smaller);
3301
3360
  }
3302
3361
 
3303
- /**
3304
- * Affix
3305
- **/
3362
+ @media (min-width: 768px) {
3363
+ .qwQuqw4uODY- ~ .d2l80-AKBiU- {
3364
+ visibility: hidden;
3365
+ }
3306
3366
 
3307
- .m0YpdssD2dY- {
3308
- display: -ms-flexbox;
3309
- display: flex;
3310
- -ms-flex-align: center;
3311
- align-items: center;
3312
- -ms-flex-pack: center;
3313
- justify-content: center;
3314
- margin: 0 calc(var(--field--padding-left) * -1) 0 0;
3315
- padding: 0 var(--field--padding-right) 0 var(--field--padding-left);
3367
+ .d2l80-AKBiU-:focus-within,
3368
+ .d2l80-AKBiU-:hover,
3369
+ .qwQuqw4uODY-:hover ~ .d2l80-AKBiU-,
3370
+ .qwQuqw4uODY-:focus ~ .d2l80-AKBiU- {
3371
+ visibility: visible;
3372
+ }
3316
3373
  }
3317
3374
 
3318
- .m0YpdssD2dY-._-3mMnjSh6ok- {
3319
- margin: 0 0 0 calc(var(--field--padding-right) * -1);
3320
- padding-left: 8px;
3321
- padding-left: var(--space-small);
3322
- }
3375
+ @media (--medium-screens-and-up) {
3376
+ .qwQuqw4uODY- ~ .d2l80-AKBiU- {
3377
+ visibility: hidden;
3378
+ }
3323
3379
 
3324
- .m0YpdssD2dY-.OLE9N3Uem4o- {
3325
- position: relative;
3326
- z-index: var(--field--postfix-action-elevation);
3380
+ .d2l80-AKBiU-:focus-within,
3381
+ .d2l80-AKBiU-:hover,
3382
+ .qwQuqw4uODY-:hover ~ .d2l80-AKBiU-,
3383
+ .qwQuqw4uODY-:focus ~ .d2l80-AKBiU- {
3384
+ visibility: visible;
3385
+ }
3327
3386
  }
3328
3387
 
3329
- .-Wzcb0pBh5I- {
3388
+ .S15iRxwj9UU- {
3330
3389
  display: -ms-flexbox;
3331
3390
  display: flex;
3332
- margin: 0 calc((var(--field--padding-left) - 2px) * -1) 0 0;
3333
- margin: 0 calc((var(--field--padding-left) - var(--space-smallest)) * -1) 0 0;
3334
- padding: 0 0 0 var(--field--padding-left);
3335
- line-height: var(--field--value-lineHeight);
3391
+ overflow: hidden;
3392
+ aspect-ratio: var(--public-frame-numerator) / var(--public-frame-denominator);
3393
+ -ms-flex-pack: center;
3394
+ justify-content: center;
3336
3395
  -ms-flex-align: center;
3337
3396
  align-items: center;
3338
- -ms-flex: 0 0 auto;
3339
- flex: 0 0 auto;
3340
3397
  }
3341
3398
 
3342
- .-Wzcb0pBh5I-._-3mMnjSh6ok- {
3343
- margin: 0 0 0 calc((var(--field--padding-left) - 2px) * -1);
3344
- margin: 0 0 0 calc((var(--field--padding-left) - var(--space-smallest)) * -1);
3345
- padding: 0 var(--field--padding-left) 0 0;
3399
+ .S15iRxwj9UU- img,
3400
+ .S15iRxwj9UU- video {
3401
+ width: 100%;
3402
+ height: 100%;
3403
+ -o-object-fit: cover;
3404
+ object-fit: cover;
3346
3405
  }
3347
3406
 
3348
- .F1t76G6bDKo-:not(.Sw5O4I0lMJg-) .-Wzcb0pBh5I- {
3349
- padding-top: var(--field--padding-top);
3350
- padding-bottom: var(--field--padding-bottom);
3407
+ ._6UhvrmKZdns-,
3408
+ .f0hnJ8v-iHE- {
3409
+ display: -ms-flexbox;
3410
+ display: flex;
3411
+ -ms-flex-wrap: wrap;
3412
+ flex-wrap: wrap;
3413
+ gap: 8px;
3414
+ gap: var(--space-small);
3351
3415
  }
3352
3416
 
3353
- .DHX5ijY3xIw- {
3354
- margin-top: 4px;
3355
- margin-top: var(--space-smaller);
3417
+ .f0hnJ8v-iHE- {
3418
+ gap: 16px;
3419
+ gap: var(--space-base);
3356
3420
  }
3357
3421
 
3358
- .AL-2brNI7dk- {
3422
+ .EvHA4-Q7O9g- {
3359
3423
  display: -ms-flexbox;
3360
3424
  display: flex;
3361
- position: relative;
3362
- margin: 8px var(--field--padding-right) 16px
3363
- var(--field--padding-left);
3364
- margin: var(--space-small) var(--field--padding-right) var(--space-base)
3365
- var(--field--padding-left);
3366
3425
  }
3367
3426
 
3368
- .AL-2brNI7dk-::before {
3369
- content: "";
3370
- display: block;
3371
- position: absolute;
3372
- top: calc(-1.25 * 16px);
3373
- top: calc(-1.25 * var(--space-base));
3374
- right: 0;
3375
- left: 0;
3376
- z-index: 1;
3377
- z-index: var(--elevation-base);
3378
- height: 16px;
3379
- height: var(--space-base);
3380
- background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 1) 60%);
3381
- background: linear-gradient(to bottom, transparent, var(--color-surface) 60%);
3427
+ .VWW-3mSlumg- {
3428
+ width: 56px;
3429
+ height: 56px;
3430
+ }
3431
+
3432
+ .DNhegGxB75M- {
3433
+ width: 168px;
3434
+ height: 168px;
3435
+ box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
3436
+ box-shadow: var(--shadow-base);
3382
3437
  }
3383
3438
 
3384
3439
  .-lyJkOGbceo- {
@@ -3489,61 +3544,6 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
3489
3544
  min-width: 100px;
3490
3545
  }
3491
3546
 
3492
- .ViFkIUcS6PM- {
3493
- font-style: normal;
3494
- }
3495
-
3496
- .S15iRxwj9UU- {
3497
- display: -ms-flexbox;
3498
- display: flex;
3499
- overflow: hidden;
3500
- aspect-ratio: var(--public-frame-numerator) / var(--public-frame-denominator);
3501
- -ms-flex-pack: center;
3502
- justify-content: center;
3503
- -ms-flex-align: center;
3504
- align-items: center;
3505
- }
3506
-
3507
- .S15iRxwj9UU- img,
3508
- .S15iRxwj9UU- video {
3509
- width: 100%;
3510
- height: 100%;
3511
- -o-object-fit: cover;
3512
- object-fit: cover;
3513
- }
3514
-
3515
- ._6UhvrmKZdns-,
3516
- .f0hnJ8v-iHE- {
3517
- display: -ms-flexbox;
3518
- display: flex;
3519
- -ms-flex-wrap: wrap;
3520
- flex-wrap: wrap;
3521
- gap: 8px;
3522
- gap: var(--space-small);
3523
- }
3524
-
3525
- .f0hnJ8v-iHE- {
3526
- gap: 16px;
3527
- gap: var(--space-base);
3528
- }
3529
-
3530
- .EvHA4-Q7O9g- {
3531
- display: -ms-flexbox;
3532
- display: flex;
3533
- }
3534
-
3535
- .VWW-3mSlumg- {
3536
- width: 56px;
3537
- height: 56px;
3538
- }
3539
-
3540
- .DNhegGxB75M- {
3541
- width: 168px;
3542
- height: 168px;
3543
- box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
3544
- box-shadow: var(--shadow-base);
3545
- }
3546
-
3547
3547
  ._0X4jj5NERa4- {
3548
3548
  display: grid;
3549
3549
  grid-template-columns: repeat(12, minmax(0, 1fr));
@@ -3568,26 +3568,6 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
3568
3568
  }
3569
3569
  }
3570
3570
 
3571
- .V-24AGDyie4- {
3572
- -ms-flex-align: center;
3573
- align-items: center;
3574
- }
3575
-
3576
- .H0zdYNTapmM- {
3577
- -ms-flex-align: start;
3578
- align-items: start;
3579
- }
3580
-
3581
- .O5VtcGWRV3M- {
3582
- -ms-flex-align: end;
3583
- align-items: end;
3584
- }
3585
-
3586
- .wVv5gaWrouI- {
3587
- -ms-flex-align: stretch;
3588
- align-items: stretch;
3589
- }
3590
-
3591
3571
  .M01SZy5EYFg- {
3592
3572
  display: -ms-inline-flexbox;
3593
3573
  display: inline-flex;
@@ -3740,6 +3720,26 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
3740
3720
  background-color: var(--color-request--surface);
3741
3721
  }
3742
3722
 
3723
+ .V-24AGDyie4- {
3724
+ -ms-flex-align: center;
3725
+ align-items: center;
3726
+ }
3727
+
3728
+ .H0zdYNTapmM- {
3729
+ -ms-flex-align: start;
3730
+ align-items: start;
3731
+ }
3732
+
3733
+ .O5VtcGWRV3M- {
3734
+ -ms-flex-align: end;
3735
+ align-items: end;
3736
+ }
3737
+
3738
+ .wVv5gaWrouI- {
3739
+ -ms-flex-align: stretch;
3740
+ align-items: stretch;
3741
+ }
3742
+
3743
3743
  .CMahTsC0SPE- {
3744
3744
  display: -ms-flexbox;
3745
3745
  display: flex;
@@ -3880,36 +3880,6 @@ input.oOrjwubmsVA- {
3880
3880
  padding-left: calc(var(--field--padding-left) + var(--space-smaller));
3881
3881
  }
3882
3882
 
3883
- .fO5j-2U5rfE- {
3884
- margin-top: 4px;
3885
- margin-top: var(--space-smaller);
3886
- }
3887
-
3888
- .lNpgPQh76MY- {
3889
- display: -ms-flexbox;
3890
- display: flex;
3891
- -ms-flex-align: center;
3892
- align-items: center;
3893
- padding: 4px;
3894
- padding: var(--space-smaller);
3895
- padding-left: 0;
3896
- }
3897
-
3898
- .lNpgPQh76MY- > svg {
3899
- margin-right: 4px;
3900
- margin-right: var(--space-smaller);
3901
- -ms-flex-negative: 0;
3902
- flex-shrink: 0;
3903
- -ms-flex-item-align: start;
3904
- align-self: flex-start;
3905
- }
3906
-
3907
- .lNpgPQh76MY-:focus {
3908
- box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
3909
- box-shadow: var(--shadow-focus);
3910
- outline: none;
3911
- }
3912
-
3913
3883
  .RwhScbXCXw0- > *:not(:last-child) {
3914
3884
  margin-bottom: -1px !important;
3915
3885
  }
@@ -3963,11 +3933,34 @@ input.oOrjwubmsVA- {
3963
3933
  --public-field--bottom-right-radius: var(--radius-base);
3964
3934
  }
3965
3935
 
3966
- ._8oxipSwiMJQ- {
3967
- color: hsl(107, 58%, 33%);
3968
- color: var(--color-interactive);
3969
- -webkit-text-decoration: underline;
3970
- text-decoration: underline;
3936
+ .fO5j-2U5rfE- {
3937
+ margin-top: 4px;
3938
+ margin-top: var(--space-smaller);
3939
+ }
3940
+
3941
+ .lNpgPQh76MY- {
3942
+ display: -ms-flexbox;
3943
+ display: flex;
3944
+ -ms-flex-align: center;
3945
+ align-items: center;
3946
+ padding: 4px;
3947
+ padding: var(--space-smaller);
3948
+ padding-left: 0;
3949
+ }
3950
+
3951
+ .lNpgPQh76MY- > svg {
3952
+ margin-right: 4px;
3953
+ margin-right: var(--space-smaller);
3954
+ -ms-flex-negative: 0;
3955
+ flex-shrink: 0;
3956
+ -ms-flex-item-align: start;
3957
+ align-self: flex-start;
3958
+ }
3959
+
3960
+ .lNpgPQh76MY-:focus {
3961
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
3962
+ box-shadow: var(--shadow-focus);
3963
+ outline: none;
3971
3964
  }
3972
3965
 
3973
3966
  /**
@@ -4280,6 +4273,13 @@ html.atlantisLightBoxActive {
4280
4273
  margin-right: var(--space-base);
4281
4274
  }
4282
4275
 
4276
+ ._8oxipSwiMJQ- {
4277
+ color: hsl(107, 58%, 33%);
4278
+ color: var(--color-interactive);
4279
+ -webkit-text-decoration: underline;
4280
+ text-decoration: underline;
4281
+ }
4282
+
4283
4283
  .htH4y2JBFNQ- {
4284
4284
  position: sticky;
4285
4285
  top: 0;
@@ -5440,77 +5440,234 @@ progress.w8NAw4ZMB6g-[value]::-webkit-progress-value {
5440
5440
  gap: var(--space-base);
5441
5441
  }
5442
5442
 
5443
- .cfDwOgEkPHQ- {
5444
- width: 100%;
5445
- }
5443
+ .cfDwOgEkPHQ- {
5444
+ width: 100%;
5445
+ }
5446
+
5447
+ .BQqkfvwFjbQ- {
5448
+ display: -ms-flexbox;
5449
+ display: flex;
5450
+ -ms-flex-wrap: wrap;
5451
+ flex-wrap: wrap;
5452
+ gap: var(--public-responsive-switcher-space);
5453
+ }
5454
+
5455
+ .BQqkfvwFjbQ- > * {
5456
+ -ms-flex-positive: 1;
5457
+ flex-grow: 1;
5458
+ -ms-flex-preferred-size: calc((var(--public-responsive-switcher-threshold) - 100%) * 999);
5459
+ flex-basis: calc((var(--public-responsive-switcher-threshold) - 100%) * 999);
5460
+ }
5461
+
5462
+ .BQqkfvwFjbQ-.zpPbVPrtiLc- > :nth-last-child(n + 2),
5463
+ .BQqkfvwFjbQ-.zpPbVPrtiLc- > :nth-last-child(n + 2) ~ * {
5464
+ -ms-flex-preferred-size: 100%;
5465
+ flex-basis: 100%;
5466
+ }
5467
+
5468
+ .BQqkfvwFjbQ-.FC2KY5S6p6E- > :nth-last-child(n + 3),
5469
+ .BQqkfvwFjbQ-.FC2KY5S6p6E- > :nth-last-child(n + 3) ~ * {
5470
+ -ms-flex-preferred-size: 100%;
5471
+ flex-basis: 100%;
5472
+ }
5473
+
5474
+ .BQqkfvwFjbQ-.XJQ0uo0TZ2w- > :nth-last-child(n + 4),
5475
+ .BQqkfvwFjbQ-.XJQ0uo0TZ2w- > :nth-last-child(n + 4) ~ * {
5476
+ -ms-flex-preferred-size: 100%;
5477
+ flex-basis: 100%;
5478
+ }
5479
+
5480
+ .BQqkfvwFjbQ-.QmUWX7VCL0A- > :nth-last-child(n + 5),
5481
+ .BQqkfvwFjbQ-.QmUWX7VCL0A- > :nth-last-child(n + 5) ~ * {
5482
+ -ms-flex-preferred-size: 100%;
5483
+ flex-basis: 100%;
5484
+ }
5485
+
5486
+ .BQqkfvwFjbQ-._0gKXd8nPCKU- > :nth-last-child(n + 6),
5487
+ .BQqkfvwFjbQ-._0gKXd8nPCKU- > :nth-last-child(n + 6) ~ * {
5488
+ -ms-flex-preferred-size: 100%;
5489
+ flex-basis: 100%;
5490
+ }
5491
+
5492
+ .BQqkfvwFjbQ-.DvGgLdlE8Ac- > :nth-last-child(n + 7),
5493
+ .BQqkfvwFjbQ-.DvGgLdlE8Ac- > :nth-last-child(n + 7) ~ * {
5494
+ -ms-flex-preferred-size: 100%;
5495
+ flex-basis: 100%;
5496
+ }
5497
+
5498
+ .BQqkfvwFjbQ-._4PxEtfehh4s- > :nth-last-child(n + 8),
5499
+ .BQqkfvwFjbQ-._4PxEtfehh4s- > :nth-last-child(n + 8) ~ * {
5500
+ -ms-flex-preferred-size: 100%;
5501
+ flex-basis: 100%;
5502
+ }
5503
+
5504
+ .BQqkfvwFjbQ-.DZPW3Q-N5ik- > :nth-last-child(n + 9),
5505
+ .BQqkfvwFjbQ-.DZPW3Q-N5ik- > :nth-last-child(n + 9) ~ * {
5506
+ -ms-flex-preferred-size: 100%;
5507
+ flex-basis: 100%;
5508
+ }
5509
+
5510
+ .BQqkfvwFjbQ-._2BL9H-tmzMk- > :nth-last-child(n + 10),
5511
+ .BQqkfvwFjbQ-._2BL9H-tmzMk- > :nth-last-child(n + 10) ~ * {
5512
+ -ms-flex-preferred-size: 100%;
5513
+ flex-basis: 100%;
5514
+ }
5515
+
5516
+ .Hx--3IsyLgs- {
5517
+ display: -ms-flexbox;
5518
+ display: flex;
5519
+ -ms-flex-wrap: wrap;
5520
+ flex-wrap: wrap;
5521
+ gap: var(--public-sidekick-space);
5522
+ width: var(--public-sidekick-width);
5523
+ }
5524
+
5525
+ .bevb052oaa4- > :first-child {
5526
+ -ms-flex-positive: 1;
5527
+ flex-grow: 1;
5528
+ }
5529
+
5530
+ .v17EfPAcJZI- > :first-child {
5531
+ -ms-flex-preferred-size: var(--public-sidekick-min-width);
5532
+ flex-basis: var(--public-sidekick-min-width);
5533
+ }
5534
+
5535
+ .bevb052oaa4- > :last-child {
5536
+ -ms-flex-preferred-size: 0;
5537
+ flex-basis: 0;
5538
+ -ms-flex-positive: 999;
5539
+ flex-grow: 999;
5540
+ min-width: var(--public-sidekick-side-width);
5541
+ }
5542
+
5543
+ ._3hUKFPIws6o- > :last-child {
5544
+ -ms-flex-preferred-size: var(--public-sidekick-min-width);
5545
+ flex-basis: var(--public-sidekick-min-width);
5546
+ }
5547
+
5548
+ ._22dEgb17I90- > :first-child {
5549
+ -ms-flex-preferred-size: 0;
5550
+ flex-basis: 0;
5551
+ -ms-flex-positive: 999;
5552
+ flex-grow: 999;
5553
+ min-width: var(--public-sidekick-side-width);
5554
+ }
5555
+
5556
+ ._22dEgb17I90- > :last-child {
5557
+ -ms-flex-positive: 1;
5558
+ flex-grow: 1;
5559
+ }
5560
+
5561
+ ._3yK4CuMFyqw-,
5562
+ .lY-7fyPMF6Y-,
5563
+ .Ti0avsNfvTw-,
5564
+ ._9dXm70WomU8- {
5565
+ -ms-flex-direction: column;
5566
+ flex-direction: column;
5567
+ }
5568
+
5569
+ ._3yK4CuMFyqw- > *,
5570
+ .lY-7fyPMF6Y- > *,
5571
+ .Ti0avsNfvTw- > *,
5572
+ ._9dXm70WomU8- > * {
5573
+ width: 100%;
5574
+ }
5575
+
5576
+ @media (min-width: 490px) {
5577
+ ._3yK4CuMFyqw- {
5578
+ -ms-flex-direction: row;
5579
+ flex-direction: row;
5580
+ }
5581
+
5582
+ ._3yK4CuMFyqw- > * {
5583
+ width: auto;
5584
+ }
5585
+ }
5586
+
5587
+ @media (--small-screens-and-up) {
5588
+ ._3yK4CuMFyqw- {
5589
+ -ms-flex-direction: row;
5590
+ flex-direction: row;
5591
+ }
5592
+
5593
+ ._3yK4CuMFyqw- > * {
5594
+ width: auto;
5595
+ }
5596
+ }
5597
+
5598
+ @media (min-width: 768px) {
5599
+ .lY-7fyPMF6Y- {
5600
+ -ms-flex-direction: row;
5601
+ flex-direction: row;
5602
+ }
5603
+
5604
+ .lY-7fyPMF6Y- > * {
5605
+ width: auto;
5606
+ }
5607
+ }
5608
+
5609
+ @media (--medium-screens-and-up) {
5610
+ .lY-7fyPMF6Y- {
5611
+ -ms-flex-direction: row;
5612
+ flex-direction: row;
5613
+ }
5446
5614
 
5447
- .BQqkfvwFjbQ- {
5448
- display: -ms-flexbox;
5449
- display: flex;
5450
- -ms-flex-wrap: wrap;
5451
- flex-wrap: wrap;
5452
- gap: var(--public-responsive-switcher-space);
5615
+ .lY-7fyPMF6Y- > * {
5616
+ width: auto;
5617
+ }
5453
5618
  }
5454
5619
 
5455
- .BQqkfvwFjbQ- > * {
5456
- -ms-flex-positive: 1;
5457
- flex-grow: 1;
5458
- -ms-flex-preferred-size: calc((var(--public-responsive-switcher-threshold) - 100%) * 999);
5459
- flex-basis: calc((var(--public-responsive-switcher-threshold) - 100%) * 999);
5460
- }
5620
+ @media (min-width: 1080px) {
5621
+ .Ti0avsNfvTw- {
5622
+ -ms-flex-direction: row;
5623
+ flex-direction: row;
5624
+ }
5461
5625
 
5462
- .BQqkfvwFjbQ-.zpPbVPrtiLc- > :nth-last-child(n + 2),
5463
- .BQqkfvwFjbQ-.zpPbVPrtiLc- > :nth-last-child(n + 2) ~ * {
5464
- -ms-flex-preferred-size: 100%;
5465
- flex-basis: 100%;
5626
+ .Ti0avsNfvTw- > * {
5627
+ width: auto;
5628
+ }
5466
5629
  }
5467
5630
 
5468
- .BQqkfvwFjbQ-.FC2KY5S6p6E- > :nth-last-child(n + 3),
5469
- .BQqkfvwFjbQ-.FC2KY5S6p6E- > :nth-last-child(n + 3) ~ * {
5470
- -ms-flex-preferred-size: 100%;
5471
- flex-basis: 100%;
5472
- }
5631
+ @media (--large-screens-and-up) {
5632
+ .Ti0avsNfvTw- {
5633
+ -ms-flex-direction: row;
5634
+ flex-direction: row;
5635
+ }
5473
5636
 
5474
- .BQqkfvwFjbQ-.XJQ0uo0TZ2w- > :nth-last-child(n + 4),
5475
- .BQqkfvwFjbQ-.XJQ0uo0TZ2w- > :nth-last-child(n + 4) ~ * {
5476
- -ms-flex-preferred-size: 100%;
5477
- flex-basis: 100%;
5637
+ .Ti0avsNfvTw- > * {
5638
+ width: auto;
5639
+ }
5478
5640
  }
5479
5641
 
5480
- .BQqkfvwFjbQ-.QmUWX7VCL0A- > :nth-last-child(n + 5),
5481
- .BQqkfvwFjbQ-.QmUWX7VCL0A- > :nth-last-child(n + 5) ~ * {
5482
- -ms-flex-preferred-size: 100%;
5483
- flex-basis: 100%;
5484
- }
5642
+ @media (min-width: 1440px) {
5643
+ ._9dXm70WomU8- {
5644
+ -ms-flex-direction: row;
5645
+ flex-direction: row;
5646
+ }
5485
5647
 
5486
- .BQqkfvwFjbQ-._0gKXd8nPCKU- > :nth-last-child(n + 6),
5487
- .BQqkfvwFjbQ-._0gKXd8nPCKU- > :nth-last-child(n + 6) ~ * {
5488
- -ms-flex-preferred-size: 100%;
5489
- flex-basis: 100%;
5648
+ ._9dXm70WomU8- > * {
5649
+ width: auto;
5650
+ }
5490
5651
  }
5491
5652
 
5492
- .BQqkfvwFjbQ-.DvGgLdlE8Ac- > :nth-last-child(n + 7),
5493
- .BQqkfvwFjbQ-.DvGgLdlE8Ac- > :nth-last-child(n + 7) ~ * {
5494
- -ms-flex-preferred-size: 100%;
5495
- flex-basis: 100%;
5496
- }
5653
+ @media (--extra-large-screens-and-up) {
5654
+ ._9dXm70WomU8- {
5655
+ -ms-flex-direction: row;
5656
+ flex-direction: row;
5657
+ }
5497
5658
 
5498
- .BQqkfvwFjbQ-._4PxEtfehh4s- > :nth-last-child(n + 8),
5499
- .BQqkfvwFjbQ-._4PxEtfehh4s- > :nth-last-child(n + 8) ~ * {
5500
- -ms-flex-preferred-size: 100%;
5501
- flex-basis: 100%;
5659
+ ._9dXm70WomU8- > * {
5660
+ width: auto;
5661
+ }
5502
5662
  }
5503
5663
 
5504
- .BQqkfvwFjbQ-.DZPW3Q-N5ik- > :nth-last-child(n + 9),
5505
- .BQqkfvwFjbQ-.DZPW3Q-N5ik- > :nth-last-child(n + 9) ~ * {
5506
- -ms-flex-preferred-size: 100%;
5507
- flex-basis: 100%;
5664
+ .Hx--3IsyLgs-.dN25lKXiqB0- {
5665
+ -ms-flex-direction: column;
5666
+ flex-direction: column;
5508
5667
  }
5509
5668
 
5510
- .BQqkfvwFjbQ-._2BL9H-tmzMk- > :nth-last-child(n + 10),
5511
- .BQqkfvwFjbQ-._2BL9H-tmzMk- > :nth-last-child(n + 10) ~ * {
5512
- -ms-flex-preferred-size: 100%;
5513
- flex-basis: 100%;
5669
+ .Hx--3IsyLgs-.dN25lKXiqB0- > * {
5670
+ width: 100%;
5514
5671
  }
5515
5672
 
5516
5673
  .cCwRgRAz4qk- {
@@ -5822,163 +5979,6 @@ progress.w8NAw4ZMB6g-[value]::-webkit-progress-value {
5822
5979
  vertical-align: middle;
5823
5980
  }
5824
5981
 
5825
- .Hx--3IsyLgs- {
5826
- display: -ms-flexbox;
5827
- display: flex;
5828
- -ms-flex-wrap: wrap;
5829
- flex-wrap: wrap;
5830
- gap: var(--public-sidekick-space);
5831
- width: var(--public-sidekick-width);
5832
- }
5833
-
5834
- .bevb052oaa4- > :first-child {
5835
- -ms-flex-positive: 1;
5836
- flex-grow: 1;
5837
- }
5838
-
5839
- .v17EfPAcJZI- > :first-child {
5840
- -ms-flex-preferred-size: var(--public-sidekick-min-width);
5841
- flex-basis: var(--public-sidekick-min-width);
5842
- }
5843
-
5844
- .bevb052oaa4- > :last-child {
5845
- -ms-flex-preferred-size: 0;
5846
- flex-basis: 0;
5847
- -ms-flex-positive: 999;
5848
- flex-grow: 999;
5849
- min-width: var(--public-sidekick-side-width);
5850
- }
5851
-
5852
- ._3hUKFPIws6o- > :last-child {
5853
- -ms-flex-preferred-size: var(--public-sidekick-min-width);
5854
- flex-basis: var(--public-sidekick-min-width);
5855
- }
5856
-
5857
- ._22dEgb17I90- > :first-child {
5858
- -ms-flex-preferred-size: 0;
5859
- flex-basis: 0;
5860
- -ms-flex-positive: 999;
5861
- flex-grow: 999;
5862
- min-width: var(--public-sidekick-side-width);
5863
- }
5864
-
5865
- ._22dEgb17I90- > :last-child {
5866
- -ms-flex-positive: 1;
5867
- flex-grow: 1;
5868
- }
5869
-
5870
- ._3yK4CuMFyqw-,
5871
- .lY-7fyPMF6Y-,
5872
- .Ti0avsNfvTw-,
5873
- ._9dXm70WomU8- {
5874
- -ms-flex-direction: column;
5875
- flex-direction: column;
5876
- }
5877
-
5878
- ._3yK4CuMFyqw- > *,
5879
- .lY-7fyPMF6Y- > *,
5880
- .Ti0avsNfvTw- > *,
5881
- ._9dXm70WomU8- > * {
5882
- width: 100%;
5883
- }
5884
-
5885
- @media (min-width: 490px) {
5886
- ._3yK4CuMFyqw- {
5887
- -ms-flex-direction: row;
5888
- flex-direction: row;
5889
- }
5890
-
5891
- ._3yK4CuMFyqw- > * {
5892
- width: auto;
5893
- }
5894
- }
5895
-
5896
- @media (--small-screens-and-up) {
5897
- ._3yK4CuMFyqw- {
5898
- -ms-flex-direction: row;
5899
- flex-direction: row;
5900
- }
5901
-
5902
- ._3yK4CuMFyqw- > * {
5903
- width: auto;
5904
- }
5905
- }
5906
-
5907
- @media (min-width: 768px) {
5908
- .lY-7fyPMF6Y- {
5909
- -ms-flex-direction: row;
5910
- flex-direction: row;
5911
- }
5912
-
5913
- .lY-7fyPMF6Y- > * {
5914
- width: auto;
5915
- }
5916
- }
5917
-
5918
- @media (--medium-screens-and-up) {
5919
- .lY-7fyPMF6Y- {
5920
- -ms-flex-direction: row;
5921
- flex-direction: row;
5922
- }
5923
-
5924
- .lY-7fyPMF6Y- > * {
5925
- width: auto;
5926
- }
5927
- }
5928
-
5929
- @media (min-width: 1080px) {
5930
- .Ti0avsNfvTw- {
5931
- -ms-flex-direction: row;
5932
- flex-direction: row;
5933
- }
5934
-
5935
- .Ti0avsNfvTw- > * {
5936
- width: auto;
5937
- }
5938
- }
5939
-
5940
- @media (--large-screens-and-up) {
5941
- .Ti0avsNfvTw- {
5942
- -ms-flex-direction: row;
5943
- flex-direction: row;
5944
- }
5945
-
5946
- .Ti0avsNfvTw- > * {
5947
- width: auto;
5948
- }
5949
- }
5950
-
5951
- @media (min-width: 1440px) {
5952
- ._9dXm70WomU8- {
5953
- -ms-flex-direction: row;
5954
- flex-direction: row;
5955
- }
5956
-
5957
- ._9dXm70WomU8- > * {
5958
- width: auto;
5959
- }
5960
- }
5961
-
5962
- @media (--extra-large-screens-and-up) {
5963
- ._9dXm70WomU8- {
5964
- -ms-flex-direction: row;
5965
- flex-direction: row;
5966
- }
5967
-
5968
- ._9dXm70WomU8- > * {
5969
- width: auto;
5970
- }
5971
- }
5972
-
5973
- .Hx--3IsyLgs-.dN25lKXiqB0- {
5974
- -ms-flex-direction: column;
5975
- flex-direction: column;
5976
- }
5977
-
5978
- .Hx--3IsyLgs-.dN25lKXiqB0- > * {
5979
- width: 100%;
5980
- }
5981
-
5982
5982
  .OADGAhZt8dY- {
5983
5983
  --labelBackgroundColor: var(--color-success--surface);
5984
5984
  --labelTextColor: var(--color-success--onSurface);
@@ -6058,154 +6058,6 @@ progress.w8NAw4ZMB6g-[value]::-webkit-progress-value {
6058
6058
  flex-shrink: 0;
6059
6059
  }
6060
6060
 
6061
- .rVg6dYYBFN4- {
6062
- --switch--width: 48px;
6063
- --switch--pipSize: 16px;
6064
- --switch--labelWidth: calc(var(--switch--pipSize) * 1.3);
6065
- --switch--borderOffset: var(--border-thick);
6066
- }
6067
-
6068
- .yyISARGmmJo-,
6069
- .yyISARGmmJo- * {
6070
- box-sizing: border-box;
6071
- transition: all 200ms;
6072
- transition: all var(--timing-base);
6073
- }
6074
-
6075
- .yyISARGmmJo- {
6076
- display: -ms-inline-flexbox;
6077
- display: inline-flex;
6078
- width: var(--switch--width);
6079
- height: calc(var(--switch--width) / 2);
6080
- padding: 0;
6081
- border: 2px solid hsl(200, 13%, 87%);
6082
- border: var(--border-thick) solid var(--color-border--interactive);
6083
- border-radius: var(--switch--pipSize);
6084
- overflow: hidden;
6085
- line-height: normal;
6086
- background-color: rgba(255, 255, 255, 1);
6087
- background-color: var(--color-surface);
6088
- cursor: pointer;
6089
- -webkit-appearance: none;
6090
- appearance: none;
6091
- -ms-flex-align: center;
6092
- align-items: center;
6093
- }
6094
-
6095
- .yyISARGmmJo-:focus-visible {
6096
- box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
6097
- box-shadow: var(--shadow-focus);
6098
- outline: none;
6099
- }
6100
-
6101
- .yyISARGmmJo-:hover,
6102
- .yyISARGmmJo-:focus-visible {
6103
- border-color: hsl(107, 58%, 33%);
6104
- border-color: var(--color-interactive);
6105
- }
6106
-
6107
- ._40c6OIH33p8- {
6108
- border-color: hsl(107, 58%, 33%);
6109
- border-color: var(--color-interactive);
6110
- background-color: hsl(107, 58%, 33%);
6111
- background-color: var(--color-interactive);
6112
- }
6113
-
6114
- .zA0Fmn8IIZI- {
6115
- display: -ms-flexbox;
6116
- display: flex;
6117
- position: relative;
6118
- margin-left: calc(var(--switch--width) / -2);
6119
- pointer-events: none;
6120
- -ms-flex: 1 1 100%;
6121
- flex: 1 1 100%;
6122
- -ms-flex-align: center;
6123
- align-items: center;
6124
- }
6125
-
6126
- ._40c6OIH33p8- .zA0Fmn8IIZI- {
6127
- margin-left: 0;
6128
- }
6129
-
6130
- .HLUIVXs3n5w- {
6131
- display: -ms-flexbox;
6132
- display: flex;
6133
- position: relative;
6134
- min-width: var(--switch--labelWidth);
6135
- margin-top: 1px;
6136
- margin-top: var(--space-minuscule);
6137
- -webkit-user-select: none;
6138
- -ms-user-select: none;
6139
- user-select: none;
6140
- pointer-events: none;
6141
- -ms-flex-align: center;
6142
- align-items: center;
6143
- -ms-flex-pack: center;
6144
- justify-content: center;
6145
- opacity: 0;
6146
- }
6147
-
6148
- .HLUIVXs3n5w-:first-of-type {
6149
- padding-left: 8px;
6150
- padding-left: var(--space-small);
6151
- }
6152
-
6153
- .HLUIVXs3n5w-:last-of-type {
6154
- padding-right: 8px;
6155
- padding-right: var(--space-small);
6156
- }
6157
-
6158
- .PiwOCJz7Zto- {
6159
- -ms-flex: 0 0 auto;
6160
- flex: 0 0 auto;
6161
- width: var(--switch--pipSize);
6162
- height: var(--switch--pipSize);
6163
- border: none;
6164
- border-radius: 100%;
6165
- border-radius: var(--radius-circle);
6166
- background-color: hsl(198, 35%, 21%);
6167
- background-color: var(--color-interactive--subtle);
6168
- transition: all 100ms ease-out;
6169
- transition: all var(--timing-quick) ease-out;
6170
- }
6171
-
6172
- ._40c6OIH33p8- .PiwOCJz7Zto- {
6173
- border-color: hsl(107, 58%, 33%);
6174
- border-color: var(--color-interactive);
6175
- background-color: rgba(255, 255, 255, 1);
6176
- background-color: var(--color-surface);
6177
- }
6178
-
6179
- .e-cSZjkHGw8- .PiwOCJz7Zto- {
6180
- border-color: hsl(0, 0%, 93%);
6181
- border-color: var(--color-disabled--secondary);
6182
- background-color: hsl(0, 0%, 72%);
6183
- background-color: var(--color-disabled);
6184
- }
6185
-
6186
- .e-cSZjkHGw8- {
6187
- border-color: hsl(0, 0%, 72%);
6188
- border-color: var(--color-disabled);
6189
- background-color: rgba(255, 255, 255, 1);
6190
- background-color: var(--color-surface);
6191
- cursor: not-allowed;
6192
- }
6193
-
6194
- ._40c6OIH33p8-.e-cSZjkHGw8- {
6195
- background-color: hsl(0, 0%, 72%);
6196
- background-color: var(--color-disabled);
6197
- }
6198
-
6199
- ._40c6OIH33p8-.e-cSZjkHGw8- .PiwOCJz7Zto- {
6200
- background-color: rgba(255, 255, 255, 1);
6201
- background-color: var(--color-surface);
6202
- }
6203
-
6204
- .e-cSZjkHGw8-:hover {
6205
- border-color: hsl(0, 0%, 72%);
6206
- border-color: var(--color-disabled);
6207
- }
6208
-
6209
6061
  ._7bHFxCX3jv4- {
6210
6062
  display: -ms-flexbox;
6211
6063
  display: flex;
@@ -6283,59 +6135,207 @@ If there is a way to loop in the future of use a css custom property, we can use
6283
6135
  margin-bottom: auto;
6284
6136
  }
6285
6137
 
6286
- ._7bHFxCX3jv4-.IjFGwSc9hoQ- > :nth-child(5) {
6287
- -webkit-margin-after: auto;
6288
- margin-bottom: auto;
6138
+ ._7bHFxCX3jv4-.IjFGwSc9hoQ- > :nth-child(5) {
6139
+ -webkit-margin-after: auto;
6140
+ margin-bottom: auto;
6141
+ }
6142
+
6143
+ ._7bHFxCX3jv4-.xUe57aXJOOk- > :nth-child(6) {
6144
+ -webkit-margin-after: auto;
6145
+ margin-bottom: auto;
6146
+ }
6147
+
6148
+ ._7bHFxCX3jv4-.pSWCwyHJBsk- > :nth-child(7) {
6149
+ -webkit-margin-after: auto;
6150
+ margin-bottom: auto;
6151
+ }
6152
+
6153
+ ._7bHFxCX3jv4-.GAlopfCh8a8- > :nth-child(8) {
6154
+ -webkit-margin-after: auto;
6155
+ margin-bottom: auto;
6156
+ }
6157
+
6158
+ ._7bHFxCX3jv4-.WMC8WPjJ8TA- > :nth-child(9) {
6159
+ -webkit-margin-after: auto;
6160
+ margin-bottom: auto;
6161
+ }
6162
+
6163
+ ._7bHFxCX3jv4-.PxqAnvgqC24- > :nth-child(10) {
6164
+ -webkit-margin-after: auto;
6165
+ margin-bottom: auto;
6166
+ }
6167
+
6168
+ ._7bHFxCX3jv4-.fEFj-rRg7pw- > :nth-child(11) {
6169
+ -webkit-margin-after: auto;
6170
+ margin-bottom: auto;
6171
+ }
6172
+
6173
+ ._7bHFxCX3jv4-.eN-ykUdJrAU- > :nth-child(12) {
6174
+ -webkit-margin-after: auto;
6175
+ margin-bottom: auto;
6176
+ }
6177
+
6178
+ ._7bHFxCX3jv4-.Jic7p-x-iKg- > :nth-child(13) {
6179
+ -webkit-margin-after: auto;
6180
+ margin-bottom: auto;
6181
+ }
6182
+
6183
+ ._7bHFxCX3jv4-.PaC-tFnXMh8- > :nth-child(14) {
6184
+ -webkit-margin-after: auto;
6185
+ margin-bottom: auto;
6186
+ }
6187
+
6188
+ ._7bHFxCX3jv4-.isuG1fzSWMs- > :nth-child(15) {
6189
+ -webkit-margin-after: auto;
6190
+ margin-bottom: auto;
6191
+ }
6192
+
6193
+ .rVg6dYYBFN4- {
6194
+ --switch--width: 48px;
6195
+ --switch--pipSize: 16px;
6196
+ --switch--labelWidth: calc(var(--switch--pipSize) * 1.3);
6197
+ --switch--borderOffset: var(--border-thick);
6198
+ }
6199
+
6200
+ .yyISARGmmJo-,
6201
+ .yyISARGmmJo- * {
6202
+ box-sizing: border-box;
6203
+ transition: all 200ms;
6204
+ transition: all var(--timing-base);
6205
+ }
6206
+
6207
+ .yyISARGmmJo- {
6208
+ display: -ms-inline-flexbox;
6209
+ display: inline-flex;
6210
+ width: var(--switch--width);
6211
+ height: calc(var(--switch--width) / 2);
6212
+ padding: 0;
6213
+ border: 2px solid hsl(200, 13%, 87%);
6214
+ border: var(--border-thick) solid var(--color-border--interactive);
6215
+ border-radius: var(--switch--pipSize);
6216
+ overflow: hidden;
6217
+ line-height: normal;
6218
+ background-color: rgba(255, 255, 255, 1);
6219
+ background-color: var(--color-surface);
6220
+ cursor: pointer;
6221
+ -webkit-appearance: none;
6222
+ appearance: none;
6223
+ -ms-flex-align: center;
6224
+ align-items: center;
6225
+ }
6226
+
6227
+ .yyISARGmmJo-:focus-visible {
6228
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
6229
+ box-shadow: var(--shadow-focus);
6230
+ outline: none;
6231
+ }
6232
+
6233
+ .yyISARGmmJo-:hover,
6234
+ .yyISARGmmJo-:focus-visible {
6235
+ border-color: hsl(107, 58%, 33%);
6236
+ border-color: var(--color-interactive);
6237
+ }
6238
+
6239
+ ._40c6OIH33p8- {
6240
+ border-color: hsl(107, 58%, 33%);
6241
+ border-color: var(--color-interactive);
6242
+ background-color: hsl(107, 58%, 33%);
6243
+ background-color: var(--color-interactive);
6244
+ }
6245
+
6246
+ .zA0Fmn8IIZI- {
6247
+ display: -ms-flexbox;
6248
+ display: flex;
6249
+ position: relative;
6250
+ margin-left: calc(var(--switch--width) / -2);
6251
+ pointer-events: none;
6252
+ -ms-flex: 1 1 100%;
6253
+ flex: 1 1 100%;
6254
+ -ms-flex-align: center;
6255
+ align-items: center;
6289
6256
  }
6290
6257
 
6291
- ._7bHFxCX3jv4-.xUe57aXJOOk- > :nth-child(6) {
6292
- -webkit-margin-after: auto;
6293
- margin-bottom: auto;
6258
+ ._40c6OIH33p8- .zA0Fmn8IIZI- {
6259
+ margin-left: 0;
6294
6260
  }
6295
6261
 
6296
- ._7bHFxCX3jv4-.pSWCwyHJBsk- > :nth-child(7) {
6297
- -webkit-margin-after: auto;
6298
- margin-bottom: auto;
6262
+ .HLUIVXs3n5w- {
6263
+ display: -ms-flexbox;
6264
+ display: flex;
6265
+ position: relative;
6266
+ min-width: var(--switch--labelWidth);
6267
+ margin-top: 1px;
6268
+ margin-top: var(--space-minuscule);
6269
+ -webkit-user-select: none;
6270
+ -ms-user-select: none;
6271
+ user-select: none;
6272
+ pointer-events: none;
6273
+ -ms-flex-align: center;
6274
+ align-items: center;
6275
+ -ms-flex-pack: center;
6276
+ justify-content: center;
6277
+ opacity: 0;
6299
6278
  }
6300
6279
 
6301
- ._7bHFxCX3jv4-.GAlopfCh8a8- > :nth-child(8) {
6302
- -webkit-margin-after: auto;
6303
- margin-bottom: auto;
6280
+ .HLUIVXs3n5w-:first-of-type {
6281
+ padding-left: 8px;
6282
+ padding-left: var(--space-small);
6304
6283
  }
6305
6284
 
6306
- ._7bHFxCX3jv4-.WMC8WPjJ8TA- > :nth-child(9) {
6307
- -webkit-margin-after: auto;
6308
- margin-bottom: auto;
6285
+ .HLUIVXs3n5w-:last-of-type {
6286
+ padding-right: 8px;
6287
+ padding-right: var(--space-small);
6309
6288
  }
6310
6289
 
6311
- ._7bHFxCX3jv4-.PxqAnvgqC24- > :nth-child(10) {
6312
- -webkit-margin-after: auto;
6313
- margin-bottom: auto;
6290
+ .PiwOCJz7Zto- {
6291
+ -ms-flex: 0 0 auto;
6292
+ flex: 0 0 auto;
6293
+ width: var(--switch--pipSize);
6294
+ height: var(--switch--pipSize);
6295
+ border: none;
6296
+ border-radius: 100%;
6297
+ border-radius: var(--radius-circle);
6298
+ background-color: hsl(198, 35%, 21%);
6299
+ background-color: var(--color-interactive--subtle);
6300
+ transition: all 100ms ease-out;
6301
+ transition: all var(--timing-quick) ease-out;
6314
6302
  }
6315
6303
 
6316
- ._7bHFxCX3jv4-.fEFj-rRg7pw- > :nth-child(11) {
6317
- -webkit-margin-after: auto;
6318
- margin-bottom: auto;
6304
+ ._40c6OIH33p8- .PiwOCJz7Zto- {
6305
+ border-color: hsl(107, 58%, 33%);
6306
+ border-color: var(--color-interactive);
6307
+ background-color: rgba(255, 255, 255, 1);
6308
+ background-color: var(--color-surface);
6319
6309
  }
6320
6310
 
6321
- ._7bHFxCX3jv4-.eN-ykUdJrAU- > :nth-child(12) {
6322
- -webkit-margin-after: auto;
6323
- margin-bottom: auto;
6311
+ .e-cSZjkHGw8- .PiwOCJz7Zto- {
6312
+ border-color: hsl(0, 0%, 93%);
6313
+ border-color: var(--color-disabled--secondary);
6314
+ background-color: hsl(0, 0%, 72%);
6315
+ background-color: var(--color-disabled);
6324
6316
  }
6325
6317
 
6326
- ._7bHFxCX3jv4-.Jic7p-x-iKg- > :nth-child(13) {
6327
- -webkit-margin-after: auto;
6328
- margin-bottom: auto;
6318
+ .e-cSZjkHGw8- {
6319
+ border-color: hsl(0, 0%, 72%);
6320
+ border-color: var(--color-disabled);
6321
+ background-color: rgba(255, 255, 255, 1);
6322
+ background-color: var(--color-surface);
6323
+ cursor: not-allowed;
6329
6324
  }
6330
6325
 
6331
- ._7bHFxCX3jv4-.PaC-tFnXMh8- > :nth-child(14) {
6332
- -webkit-margin-after: auto;
6333
- margin-bottom: auto;
6326
+ ._40c6OIH33p8-.e-cSZjkHGw8- {
6327
+ background-color: hsl(0, 0%, 72%);
6328
+ background-color: var(--color-disabled);
6334
6329
  }
6335
6330
 
6336
- ._7bHFxCX3jv4-.isuG1fzSWMs- > :nth-child(15) {
6337
- -webkit-margin-after: auto;
6338
- margin-bottom: auto;
6331
+ ._40c6OIH33p8-.e-cSZjkHGw8- .PiwOCJz7Zto- {
6332
+ background-color: rgba(255, 255, 255, 1);
6333
+ background-color: var(--color-surface);
6334
+ }
6335
+
6336
+ .e-cSZjkHGw8-:hover {
6337
+ border-color: hsl(0, 0%, 72%);
6338
+ border-color: var(--color-disabled);
6339
6339
  }
6340
6340
 
6341
6341
  ._7PagpWEko2U- {
@@ -6818,36 +6818,6 @@ ul.LfIIg9bwrhQ- {
6818
6818
  display: flex;
6819
6819
  }
6820
6820
 
6821
- .wMM6V80Rt-w- {
6822
- padding: 16px;
6823
- padding: var(--space-base);
6824
- border-top: 2px solid hsl(200, 13%, 87%);
6825
- border-top: var(--border-thick) solid var(--color-border);
6826
- }
6827
-
6828
- .HAoSIniVNvI- {
6829
- display: -ms-flexbox;
6830
- display: flex;
6831
- -ms-flex-pack: justify;
6832
- justify-content: space-between;
6833
- font-weight: bold;
6834
- }
6835
-
6836
- .HAoSIniVNvI- * {
6837
- text-align: left;
6838
- }
6839
-
6840
- .mNGvTIKaQIA-,
6841
- .mNGvTIKaQIA- * {
6842
- font-weight: normal;
6843
- text-align: right;
6844
- }
6845
-
6846
- .HAoSIniVNvI-:not(:last-child) {
6847
- padding-bottom: 8px;
6848
- padding-bottom: var(--space-small);
6849
- }
6850
-
6851
6821
  ._5TLZRabskzI- {
6852
6822
  display: -ms-flexbox;
6853
6823
  display: flex;
@@ -6936,6 +6906,36 @@ ul.LfIIg9bwrhQ- {
6936
6906
  }
6937
6907
  }
6938
6908
 
6909
+ .wMM6V80Rt-w- {
6910
+ padding: 16px;
6911
+ padding: var(--space-base);
6912
+ border-top: 2px solid hsl(200, 13%, 87%);
6913
+ border-top: var(--border-thick) solid var(--color-border);
6914
+ }
6915
+
6916
+ .HAoSIniVNvI- {
6917
+ display: -ms-flexbox;
6918
+ display: flex;
6919
+ -ms-flex-pack: justify;
6920
+ justify-content: space-between;
6921
+ font-weight: bold;
6922
+ }
6923
+
6924
+ .HAoSIniVNvI- * {
6925
+ text-align: left;
6926
+ }
6927
+
6928
+ .mNGvTIKaQIA-,
6929
+ .mNGvTIKaQIA- * {
6930
+ font-weight: normal;
6931
+ text-align: right;
6932
+ }
6933
+
6934
+ .HAoSIniVNvI-:not(:last-child) {
6935
+ padding-bottom: 8px;
6936
+ padding-bottom: var(--space-small);
6937
+ }
6938
+
6939
6939
  .GlvUe-y47J8- {
6940
6940
  display: grid;
6941
6941
  grid-template-columns: auto;
@@ -7379,6 +7379,37 @@ ul.LfIIg9bwrhQ- {
7379
7379
  flex: 1 1 auto;
7380
7380
  }
7381
7381
 
7382
+ .vqVnWscsiIQ- {
7383
+ margin: 0;
7384
+ margin: var(--box-margin, 0);
7385
+ }
7386
+
7387
+ .DhS09-lwkTc- {
7388
+ margin-left: var(--box-margin-horizontal);
7389
+ margin-right: var(--box-margin-horizontal);
7390
+ }
7391
+
7392
+ .W69ryAzdUzg- {
7393
+ margin-top: var(--box-margin-vertical);
7394
+ margin-bottom: var(--box-margin-vertical);
7395
+ }
7396
+
7397
+ .HvTuGXdMjIs- {
7398
+ margin-top: var(--box-margin-top);
7399
+ }
7400
+
7401
+ .I6vE31JlhII- {
7402
+ margin-right: var(--box-margin-right);
7403
+ }
7404
+
7405
+ .q8t-vPsvy5g- {
7406
+ margin-bottom: var(--box-margin-bottom);
7407
+ }
7408
+
7409
+ ._1KNYdnJlOLE- {
7410
+ margin-left: var(--box-margin-left);
7411
+ }
7412
+
7382
7413
  .Y4Fm1wA7Z6c- {
7383
7414
  border-color: hsl(200, 13%, 87%);
7384
7415
  border-color: var(--color-border);
@@ -7436,47 +7467,6 @@ ul.LfIIg9bwrhQ- {
7436
7467
  padding-left: var(--box-padding-left);
7437
7468
  }
7438
7469
 
7439
- .vqVnWscsiIQ- {
7440
- margin: 0;
7441
- margin: var(--box-margin, 0);
7442
- }
7443
-
7444
- .DhS09-lwkTc- {
7445
- margin-left: var(--box-margin-horizontal);
7446
- margin-right: var(--box-margin-horizontal);
7447
- }
7448
-
7449
- .W69ryAzdUzg- {
7450
- margin-top: var(--box-margin-vertical);
7451
- margin-bottom: var(--box-margin-vertical);
7452
- }
7453
-
7454
- .HvTuGXdMjIs- {
7455
- margin-top: var(--box-margin-top);
7456
- }
7457
-
7458
- .I6vE31JlhII- {
7459
- margin-right: var(--box-margin-right);
7460
- }
7461
-
7462
- .q8t-vPsvy5g- {
7463
- margin-bottom: var(--box-margin-bottom);
7464
- }
7465
-
7466
- ._1KNYdnJlOLE- {
7467
- margin-left: var(--box-margin-left);
7468
- }
7469
-
7470
- ._6dlpcG-oxT4- {
7471
- -webkit-animation-duration: var(--duration-base);
7472
- animation-duration: var(--duration-base);
7473
- }
7474
-
7475
- .NlRB1Xq-sFE- {
7476
- -webkit-animation-duration: calc(var(--duration-fast));
7477
- animation-duration: calc(var(--duration-fast));
7478
- }
7479
-
7480
7470
  .bjemHBSLuQ0- {
7481
7471
  height: 8px;
7482
7472
  height: var(--space-small);
@@ -7533,6 +7523,16 @@ ul.LfIIg9bwrhQ- {
7533
7523
  border-radius: var(--radius-circle);
7534
7524
  }
7535
7525
 
7526
+ ._6dlpcG-oxT4- {
7527
+ -webkit-animation-duration: var(--duration-base);
7528
+ animation-duration: var(--duration-base);
7529
+ }
7530
+
7531
+ .NlRB1Xq-sFE- {
7532
+ -webkit-animation-duration: calc(var(--duration-fast));
7533
+ animation-duration: calc(var(--duration-fast));
7534
+ }
7535
+
7536
7536
  .EJeK329S0z0- {
7537
7537
  padding: var(--horizontal-inset) calc(var(--horizontal-inset) / 2);
7538
7538
  text-align: left;
@@ -7574,6 +7574,22 @@ ul.LfIIg9bwrhQ- {
7574
7574
  word-wrap: break-word;
7575
7575
  }
7576
7576
 
7577
+ .S3PyGdaGxok- {
7578
+ text-transform: uppercase;
7579
+ }
7580
+
7581
+ .lVlhmM5z9HI- {
7582
+ text-transform: lowercase;
7583
+ }
7584
+
7585
+ .l9xfdEljFWk- {
7586
+ text-transform: capitalize;
7587
+ }
7588
+
7589
+ .WYUkes21iUI- {
7590
+ text-transform: none;
7591
+ }
7592
+
7577
7593
  ._1CXlSTO0w8g- {
7578
7594
  font-size: 48px;
7579
7595
  font-size: var(--typography--fontSize-extravagant);
@@ -7666,37 +7682,6 @@ ul.LfIIg9bwrhQ- {
7666
7682
  font-weight: 900;
7667
7683
  }
7668
7684
 
7669
- .S3PyGdaGxok- {
7670
- text-transform: uppercase;
7671
- }
7672
-
7673
- .lVlhmM5z9HI- {
7674
- text-transform: lowercase;
7675
- }
7676
-
7677
- .l9xfdEljFWk- {
7678
- text-transform: capitalize;
7679
- }
7680
-
7681
- .WYUkes21iUI- {
7682
- text-transform: none;
7683
- }
7684
-
7685
- .ws2Y0LqNNfk- {
7686
- font-style: italic;
7687
- }
7688
-
7689
- .kw63z71hYYU- {
7690
- display: inline;
7691
- font-family: inherit;
7692
- font-style: normal;
7693
- font-weight: inherit;
7694
- 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");
7695
- background-position: center bottom;
7696
- background-repeat: no-repeat;
7697
- background-size: 100% 20%;
7698
- }
7699
-
7700
7685
  /* Base colors for backwards compatability */
7701
7686
 
7702
7687
  .xNqFL54SrGc- {
@@ -8034,6 +8019,29 @@ ul.LfIIg9bwrhQ- {
8034
8019
  color: var(--color-brand);
8035
8020
  }
8036
8021
 
8022
+ .ws2Y0LqNNfk- {
8023
+ font-style: italic;
8024
+ }
8025
+
8026
+ .kw63z71hYYU- {
8027
+ display: inline;
8028
+ font-family: inherit;
8029
+ font-style: normal;
8030
+ font-weight: inherit;
8031
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 84 8' fill='none' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 6.50004C14.6667 4.50004 49.3 0.900038 82.5 2.50004' stroke='%2384EA00' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
8032
+ background-position: center bottom;
8033
+ background-repeat: no-repeat;
8034
+ background-size: 100% 20%;
8035
+ }
8036
+
8037
+ .bvnCrlndVHs- {
8038
+ display: -webkit-box !important;
8039
+ }
8040
+ .bvnCrlndVHs- {
8041
+ -webkit-box-orient: vertical;
8042
+ overflow: hidden;
8043
+ }
8044
+
8037
8045
  .r5lyOVfBlMI- {
8038
8046
  text-align: left;
8039
8047
  }
@@ -8063,14 +8071,6 @@ ul.LfIIg9bwrhQ- {
8063
8071
  text-underline-offset: var(--space-smaller);
8064
8072
  }
8065
8073
 
8066
- .bvnCrlndVHs- {
8067
- display: -webkit-box !important;
8068
- }
8069
- .bvnCrlndVHs- {
8070
- -webkit-box-orient: vertical;
8071
- overflow: hidden;
8072
- }
8073
-
8074
8074
  .XRnU90M2-fs- {
8075
8075
  display: -ms-flexbox;
8076
8076
  display: flex;
@@ -8169,35 +8169,6 @@ ul.LfIIg9bwrhQ- {
8169
8169
  justify-content: center;
8170
8170
  }
8171
8171
 
8172
- .U0IgyTjmtnU- {
8173
- grid-column: initial;
8174
- grid-column-end: span var(--gridCell--size-xs);
8175
- }@media (min-width: 490px) {.U0IgyTjmtnU- {
8176
- grid-column-end: span var(--gridCell--size-sm);
8177
- }
8178
- }@media (--small-screens-and-up) {.U0IgyTjmtnU- {
8179
- grid-column-end: span var(--gridCell--size-sm);
8180
- }
8181
- }@media (min-width: 768px) {.U0IgyTjmtnU- {
8182
- grid-column-end: span var(--gridCell--size-md);
8183
- }
8184
- }@media (--medium-screens-and-up) {.U0IgyTjmtnU- {
8185
- grid-column-end: span var(--gridCell--size-md);
8186
- }
8187
- }@media (min-width: 1080px) {.U0IgyTjmtnU- {
8188
- grid-column-end: span var(--gridCell--size-lg);
8189
- }
8190
- }@media (--large-screens-and-up) {.U0IgyTjmtnU- {
8191
- grid-column-end: span var(--gridCell--size-lg);
8192
- }
8193
- }@media (min-width: 1440px) {.U0IgyTjmtnU- {
8194
- grid-column-end: span var(--gridCell--size-xl);
8195
- }
8196
- }@media (--extra-large-screens-and-up) {.U0IgyTjmtnU- {
8197
- grid-column-end: span var(--gridCell--size-xl);
8198
- }
8199
- }
8200
-
8201
8172
  .YmRTd-KeXv4- {
8202
8173
  display: -ms-flexbox;
8203
8174
  display: flex;
@@ -8241,6 +8212,59 @@ ul.LfIIg9bwrhQ- {
8241
8212
  box-shadow: var(--shadow-focus);
8242
8213
  }
8243
8214
 
8215
+ .U0IgyTjmtnU- {
8216
+ grid-column: initial;
8217
+ grid-column-end: span var(--gridCell--size-xs);
8218
+ }@media (min-width: 490px) {.U0IgyTjmtnU- {
8219
+ grid-column-end: span var(--gridCell--size-sm);
8220
+ }
8221
+ }@media (--small-screens-and-up) {.U0IgyTjmtnU- {
8222
+ grid-column-end: span var(--gridCell--size-sm);
8223
+ }
8224
+ }@media (min-width: 768px) {.U0IgyTjmtnU- {
8225
+ grid-column-end: span var(--gridCell--size-md);
8226
+ }
8227
+ }@media (--medium-screens-and-up) {.U0IgyTjmtnU- {
8228
+ grid-column-end: span var(--gridCell--size-md);
8229
+ }
8230
+ }@media (min-width: 1080px) {.U0IgyTjmtnU- {
8231
+ grid-column-end: span var(--gridCell--size-lg);
8232
+ }
8233
+ }@media (--large-screens-and-up) {.U0IgyTjmtnU- {
8234
+ grid-column-end: span var(--gridCell--size-lg);
8235
+ }
8236
+ }@media (min-width: 1440px) {.U0IgyTjmtnU- {
8237
+ grid-column-end: span var(--gridCell--size-xl);
8238
+ }
8239
+ }@media (--extra-large-screens-and-up) {.U0IgyTjmtnU- {
8240
+ grid-column-end: span var(--gridCell--size-xl);
8241
+ }
8242
+ }
8243
+
8244
+ .-R-TvZ9aU9g- {
8245
+ display: grid;
8246
+ width: 100%;
8247
+ padding: 4px;
8248
+ padding: var(--space-smaller);
8249
+ border: 1px solid hsl(200, 13%, 87%);
8250
+ border: var(--border-base) solid var(--color-border);
8251
+ border-radius: 16px;
8252
+ border-radius: var(--radius-large);
8253
+ grid-template-columns: repeat(7, 1fr);
8254
+ row-gap: 4px;
8255
+ grid-row-gap: 4px;
8256
+ grid-row-gap: var(--space-smaller);
8257
+ row-gap: var(--space-smaller);
8258
+ -webkit-column-gap: 4px;
8259
+ -webkit-column-gap: var(--space-smaller);
8260
+ -moz-column-gap: 4px;
8261
+ -moz-column-gap: var(--space-smaller);
8262
+ column-gap: 4px;
8263
+ grid-column-gap: 4px;
8264
+ grid-column-gap: var(--space-smaller);
8265
+ column-gap: var(--space-smaller);
8266
+ }
8267
+
8244
8268
  .Qup9qglgfQ8- {
8245
8269
  display: grid;
8246
8270
  grid-template-columns: 48px 1fr;
@@ -8340,30 +8364,6 @@ ul.LfIIg9bwrhQ- {
8340
8364
  }
8341
8365
  }
8342
8366
 
8343
- .-R-TvZ9aU9g- {
8344
- display: grid;
8345
- width: 100%;
8346
- padding: 4px;
8347
- padding: var(--space-smaller);
8348
- border: 1px solid hsl(200, 13%, 87%);
8349
- border: var(--border-base) solid var(--color-border);
8350
- border-radius: 16px;
8351
- border-radius: var(--radius-large);
8352
- grid-template-columns: repeat(7, 1fr);
8353
- row-gap: 4px;
8354
- grid-row-gap: 4px;
8355
- grid-row-gap: var(--space-smaller);
8356
- row-gap: var(--space-smaller);
8357
- -webkit-column-gap: 4px;
8358
- -webkit-column-gap: var(--space-smaller);
8359
- -moz-column-gap: 4px;
8360
- -moz-column-gap: var(--space-smaller);
8361
- column-gap: 4px;
8362
- grid-column-gap: 4px;
8363
- grid-column-gap: var(--space-smaller);
8364
- column-gap: var(--space-smaller);
8365
- }
8366
-
8367
8367
  .HowvTX8-pw4- {
8368
8368
  display: -ms-flexbox;
8369
8369
  display: flex;
@@ -8534,6 +8534,41 @@ ul.LfIIg9bwrhQ- {
8534
8534
  margin-left: var(--space-small);
8535
8535
  }
8536
8536
 
8537
+ ._85AuDa3YmT4- {
8538
+ position: relative;
8539
+ }
8540
+
8541
+ ._85AuDa3YmT4-::after {
8542
+ content: "";
8543
+ display: block;
8544
+ position: absolute;
8545
+ right: 0;
8546
+ bottom: 0;
8547
+ left: 0;
8548
+ height: 100px;
8549
+ background-image: linear-gradient(
8550
+ to top,
8551
+ rgba(255, 255, 255, 1) 0%,
8552
+ rgba(255, 255, 255, 0) 100%
8553
+ );
8554
+ background-image: linear-gradient(
8555
+ to top,
8556
+ var(--color-surface) 0%,
8557
+ rgba(var(--color-white--rgb), 0) 100%
8558
+ );
8559
+ }
8560
+
8561
+ ._7DSXt2KpxYc- {
8562
+ padding: 16px 8px;
8563
+ padding: var(--space-base) var(--space-small);
8564
+ }
8565
+
8566
+ ._80Ger-sdJDc- {
8567
+ width: 100%;
8568
+ min-width: 48px;
8569
+ min-width: var(--space-largest);
8570
+ }
8571
+
8537
8572
  .u5YTRL-PlTI- {
8538
8573
  --offset: 1px;
8539
8574
  --sticky-header-transition-properties: var(--timing-base) ease-in-out;
@@ -8589,41 +8624,6 @@ ul.LfIIg9bwrhQ- {
8589
8624
  width var(--sticky-header-transition-properties) var(--timing-quick);
8590
8625
  }
8591
8626
 
8592
- ._85AuDa3YmT4- {
8593
- position: relative;
8594
- }
8595
-
8596
- ._85AuDa3YmT4-::after {
8597
- content: "";
8598
- display: block;
8599
- position: absolute;
8600
- right: 0;
8601
- bottom: 0;
8602
- left: 0;
8603
- height: 100px;
8604
- background-image: linear-gradient(
8605
- to top,
8606
- rgba(255, 255, 255, 1) 0%,
8607
- rgba(255, 255, 255, 0) 100%
8608
- );
8609
- background-image: linear-gradient(
8610
- to top,
8611
- var(--color-surface) 0%,
8612
- rgba(var(--color-white--rgb), 0) 100%
8613
- );
8614
- }
8615
-
8616
- ._7DSXt2KpxYc- {
8617
- padding: 16px 8px;
8618
- padding: var(--space-base) var(--space-small);
8619
- }
8620
-
8621
- ._80Ger-sdJDc- {
8622
- width: 100%;
8623
- min-width: 48px;
8624
- min-width: var(--space-largest);
8625
- }
8626
-
8627
8627
  .S2Bu0Rv4w-E- {
8628
8628
  display: -ms-flexbox;
8629
8629
  display: flex;
@@ -8899,16 +8899,16 @@ ul.LfIIg9bwrhQ- {
8899
8899
  font-weight: 500;
8900
8900
  }
8901
8901
 
8902
- .BJxca-StHxg- {
8903
- /* Offset the button's padding so the height of the header bar doesn't change */
8904
- margin: calc(8px * -1) 0;
8905
- margin: calc(var(--space-small) * -1) 0;
8906
- }
8907
-
8908
8902
  .CwWlXTKCPUg- {
8909
8903
  visibility: hidden;
8910
8904
  }
8911
8905
 
8906
+ .BJxca-StHxg- {
8907
+ /* Offset the button's padding so the height of the header bar doesn't change */
8908
+ margin: calc(8px * -1) 0;
8909
+ margin: calc(var(--space-small) * -1) 0;
8910
+ }
8911
+
8912
8912
  .kXYd0fpUuek- {
8913
8913
  display: -ms-flexbox;
8914
8914
  display: flex;
@@ -9015,6 +9015,31 @@ ul.LfIIg9bwrhQ- {
9015
9015
  align-items: center;
9016
9016
  }
9017
9017
 
9018
+ ._7-6mnR33fOk- {
9019
+ width: 18px;
9020
+ height: 24px;
9021
+ }
9022
+
9023
+ ._7-6mnR33fOk- path {
9024
+ fill: hsl(198, 35%, 21%);
9025
+ fill: var(--color-interactive--subtle);
9026
+ transition: opacity 200ms ease;
9027
+ transition: opacity var(--timing-base) ease;
9028
+ }
9029
+
9030
+ ._7-6mnR33fOk- path.GBbFLBGQDvI- {
9031
+ opacity: 0.4;
9032
+ }
9033
+
9034
+ ._7-6mnR33fOk- path.ADTGMg72Zw4-,
9035
+ ._7-6mnR33fOk-:hover path {
9036
+ opacity: 1;
9037
+ }
9038
+
9039
+ ._7-6mnR33fOk-:hover path.GBbFLBGQDvI- {
9040
+ opacity: 0.6;
9041
+ }
9042
+
9018
9043
  .a-KvXvaVQks- {
9019
9044
  --overflow-fade--offset: var(--space-smaller);
9020
9045
  --overflow-fade--negative-offset: calc(var(--overflow-fade--offset) * -1);
@@ -9082,31 +9107,6 @@ ul.LfIIg9bwrhQ- {
9082
9107
  right: var(--overflow-fade--negative-offset);
9083
9108
  }
9084
9109
 
9085
- ._7-6mnR33fOk- {
9086
- width: 18px;
9087
- height: 24px;
9088
- }
9089
-
9090
- ._7-6mnR33fOk- path {
9091
- fill: hsl(198, 35%, 21%);
9092
- fill: var(--color-interactive--subtle);
9093
- transition: opacity 200ms ease;
9094
- transition: opacity var(--timing-base) ease;
9095
- }
9096
-
9097
- ._7-6mnR33fOk- path.GBbFLBGQDvI- {
9098
- opacity: 0.4;
9099
- }
9100
-
9101
- ._7-6mnR33fOk- path.ADTGMg72Zw4-,
9102
- ._7-6mnR33fOk-:hover path {
9103
- opacity: 1;
9104
- }
9105
-
9106
- ._7-6mnR33fOk-:hover path.GBbFLBGQDvI- {
9107
- opacity: 0.6;
9108
- }
9109
-
9110
9110
  .e1ztw2-YxtM- {
9111
9111
  position: fixed;
9112
9112
  top: 0;
@@ -9200,6 +9200,108 @@ ul.LfIIg9bwrhQ- {
9200
9200
  outline: transparent;
9201
9201
  }
9202
9202
 
9203
+ .wFxd-3vJyKo- {
9204
+ position: relative;
9205
+ padding: 8px 0;
9206
+ padding: var(--space-small) 0;
9207
+ }
9208
+
9209
+ .PzwV5qiIgV4- {
9210
+ display: -ms-flexbox;
9211
+ display: flex;
9212
+
9213
+ max-height: calc(8px * 33.33);
9214
+
9215
+ max-height: calc(var(--space-small) * 33.33);
9216
+ margin: 0;
9217
+ padding: 0;
9218
+ overflow: auto;
9219
+ list-style: none;
9220
+ -ms-flex-direction: column;
9221
+ flex-direction: column;
9222
+ gap: 4px;
9223
+ gap: var(--space-smaller);
9224
+ }
9225
+
9226
+ .c6TosVipkmw-,
9227
+ .ZYrg-J4-v2Y- {
9228
+ padding: 8px 16px;
9229
+ padding: var(--space-small) var(--space-base);
9230
+ }
9231
+
9232
+ .wFxd-3vJyKo-::before,
9233
+ .wFxd-3vJyKo-::after {
9234
+ content: "";
9235
+ display: block;
9236
+ position: absolute;
9237
+ right: 0;
9238
+ left: 0;
9239
+ height: 16px;
9240
+ height: var(--space-base);
9241
+ pointer-events: none;
9242
+ transition: opacity 0.3s ease-in-out;
9243
+ }
9244
+
9245
+ .wFxd-3vJyKo-::after {
9246
+ bottom: 8px;
9247
+ bottom: var(--space-small);
9248
+ background: linear-gradient(
9249
+ 180deg,
9250
+ transparent 0%,
9251
+ rgba(255, 255, 255, 1) 100%
9252
+ );
9253
+ background: linear-gradient(
9254
+ 180deg,
9255
+ transparent 0%,
9256
+ var(--color-surface) 100%
9257
+ );
9258
+ }
9259
+
9260
+ .wFxd-3vJyKo-::before {
9261
+ top: 8px;
9262
+ top: var(--space-small);
9263
+ background: linear-gradient(
9264
+ 180deg,
9265
+ rgba(255, 255, 255, 1) 0%,
9266
+ transparent 100%
9267
+ );
9268
+ background: linear-gradient(
9269
+ 180deg,
9270
+ var(--color-surface) 0%,
9271
+ transparent 100%
9272
+ );
9273
+ }
9274
+
9275
+ .FLu6FtihsLo-::before,
9276
+ .-o-v1zjzb48-::before {
9277
+ opacity: 0;
9278
+ }
9279
+
9280
+ ._2iW5DZ16G2U-::after,
9281
+ .-o-v1zjzb48-::after {
9282
+ opacity: 0;
9283
+ }
9284
+
9285
+ .PqwPrWjdB-A- {
9286
+ padding: 16px 16px;
9287
+ padding: var(--space-base) var(--space-base);
9288
+ }
9289
+
9290
+ .PqwPrWjdB-A-.v3cabuEY4Xk- {
9291
+ display: -ms-flexbox;
9292
+ display: flex;
9293
+ -ms-flex-pack: center;
9294
+ justify-content: center;
9295
+ position: sticky;
9296
+ bottom: 0;
9297
+ padding: 16px 0;
9298
+ padding: var(--space-base) 0;
9299
+ }
9300
+
9301
+ .PqwPrWjdB-A-.v3cabuEY4Xk-:empty {
9302
+ display: none;
9303
+ }
9304
+
9203
9305
  .c4B0WFX6K0o- {
9204
9306
  position: relative;
9205
9307
  }
@@ -9318,108 +9420,6 @@ ul.LfIIg9bwrhQ- {
9318
9420
  gap: var(--space-smaller);
9319
9421
  }
9320
9422
 
9321
- .wFxd-3vJyKo- {
9322
- position: relative;
9323
- padding: 8px 0;
9324
- padding: var(--space-small) 0;
9325
- }
9326
-
9327
- .PzwV5qiIgV4- {
9328
- display: -ms-flexbox;
9329
- display: flex;
9330
-
9331
- max-height: calc(8px * 33.33);
9332
-
9333
- max-height: calc(var(--space-small) * 33.33);
9334
- margin: 0;
9335
- padding: 0;
9336
- overflow: auto;
9337
- list-style: none;
9338
- -ms-flex-direction: column;
9339
- flex-direction: column;
9340
- gap: 4px;
9341
- gap: var(--space-smaller);
9342
- }
9343
-
9344
- .c6TosVipkmw-,
9345
- .ZYrg-J4-v2Y- {
9346
- padding: 8px 16px;
9347
- padding: var(--space-small) var(--space-base);
9348
- }
9349
-
9350
- .wFxd-3vJyKo-::before,
9351
- .wFxd-3vJyKo-::after {
9352
- content: "";
9353
- display: block;
9354
- position: absolute;
9355
- right: 0;
9356
- left: 0;
9357
- height: 16px;
9358
- height: var(--space-base);
9359
- pointer-events: none;
9360
- transition: opacity 0.3s ease-in-out;
9361
- }
9362
-
9363
- .wFxd-3vJyKo-::after {
9364
- bottom: 8px;
9365
- bottom: var(--space-small);
9366
- background: linear-gradient(
9367
- 180deg,
9368
- transparent 0%,
9369
- rgba(255, 255, 255, 1) 100%
9370
- );
9371
- background: linear-gradient(
9372
- 180deg,
9373
- transparent 0%,
9374
- var(--color-surface) 100%
9375
- );
9376
- }
9377
-
9378
- .wFxd-3vJyKo-::before {
9379
- top: 8px;
9380
- top: var(--space-small);
9381
- background: linear-gradient(
9382
- 180deg,
9383
- rgba(255, 255, 255, 1) 0%,
9384
- transparent 100%
9385
- );
9386
- background: linear-gradient(
9387
- 180deg,
9388
- var(--color-surface) 0%,
9389
- transparent 100%
9390
- );
9391
- }
9392
-
9393
- .FLu6FtihsLo-::before,
9394
- .-o-v1zjzb48-::before {
9395
- opacity: 0;
9396
- }
9397
-
9398
- ._2iW5DZ16G2U-::after,
9399
- .-o-v1zjzb48-::after {
9400
- opacity: 0;
9401
- }
9402
-
9403
- .PqwPrWjdB-A- {
9404
- padding: 16px 16px;
9405
- padding: var(--space-base) var(--space-base);
9406
- }
9407
-
9408
- .PqwPrWjdB-A-.v3cabuEY4Xk- {
9409
- display: -ms-flexbox;
9410
- display: flex;
9411
- -ms-flex-pack: center;
9412
- justify-content: center;
9413
- position: sticky;
9414
- bottom: 0;
9415
- padding: 16px 0;
9416
- padding: var(--space-base) 0;
9417
- }
9418
-
9419
- .PqwPrWjdB-A-.v3cabuEY4Xk-:empty {
9420
- display: none;
9421
- }
9422
-
9423
9423
  .jPB--ZCYNNI- {
9424
9424
  -webkit-transform: translateY(calc(48px * -1));
9425
9425
  -webkit-transform: translateY(calc(var(--space-largest) * -1));