@jobber/components 6.58.3 → 6.58.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/dist/styles.css +1379 -1366
  2. package/package.json +2 -2
package/dist/styles.css CHANGED
@@ -127,6 +127,81 @@
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
+
130
205
  .ucGelS5nNm0- {
131
206
  --banner-surface: var(--color-surface);
132
207
  --banner-textColor: var(--color-text);
@@ -298,81 +373,6 @@
298
373
  align-self: center;
299
374
  }
300
375
 
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
376
  :root {
377
377
  --public--button--color-variation: var(--color-interactive);
378
378
  --public--button--color-variation--hover: var(--color-interactive--hover);
@@ -780,259 +780,60 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
780
780
  gap: var(--space-small);
781
781
  }
782
782
 
783
- .kub1yKbFFN0- {
784
- display: -ms-flexbox;
785
- display: flex;
786
- -ms-flex-wrap: wrap;
787
- flex-wrap: wrap;
788
- gap: 16px;
789
- gap: var(--public-cluster-space, var(--space-base, 16px));
790
- -ms-flex-pack: flex-start;
791
- -ms-flex-pack: var(--public-cluster-justify, flex-start);
792
- justify-content: flex-start;
793
- justify-content: var(--public-cluster-justify, flex-start);
794
- -ms-flex-align: center;
795
- -ms-flex-align: var(--public-cluster-align, center);
796
- align-items: center;
797
- align-items: var(--public-cluster-align, center);
798
- width: var(--public-cluster-width);
783
+ ._5mDLThZ7dBQ- {
784
+ --card--accent-color: var(--color-request);
799
785
  }
800
786
 
801
- /** When we nest clusters, the clustering stops working because of the 100% width. This prevents nested clusters from fighting **/
802
-
803
- .kub1yKbFFN0- .kub1yKbFFN0- {
804
- width: auto;
787
+ .-n66fUZcIH4- {
788
+ --card--accent-color: var(--color-quote);
805
789
  }
806
790
 
807
- /** For collapse below. If any of the sizes are active, we're in column mode. */
808
-
809
- ._5IaWqMXiMqQ-,
810
- .vCly-qsW6uQ-,
811
- .lmABTs-G-FA-,
812
- .NHrDIukxI-o- {
813
- -ms-flex-direction: column;
814
- flex-direction: column;
791
+ .vfz0wjl-krU- {
792
+ --card--accent-color: var(--color-job);
815
793
  }
816
794
 
817
- ._5IaWqMXiMqQ- > *,
818
- .vCly-qsW6uQ- > *,
819
- .lmABTs-G-FA- > *,
820
- .NHrDIukxI-o- > * {
821
- width: 100%;
795
+ .UnWnEyw0-jY- {
796
+ --card--accent-color: var(--color-invoice);
822
797
  }
823
798
 
824
- @media (min-width: 490px) {
825
- ._5IaWqMXiMqQ- {
826
- -ms-flex-direction: row;
827
- flex-direction: row;
828
- }
799
+ .iRFdI5utAsU- {
800
+ --card--accent-color: var(--color-client);
801
+ }
829
802
 
830
- ._5IaWqMXiMqQ- > * {
831
- width: auto;
832
- }
803
+ ._0f94rfGFhgQ- {
804
+ --card--accent-color: var(--color-blue);
833
805
  }
834
806
 
835
- @media (--small-screens-and-up) {
836
- ._5IaWqMXiMqQ- {
837
- -ms-flex-direction: row;
838
- flex-direction: row;
839
- }
807
+ .UZmLtIoFU0w- {
808
+ --card--accent-color: var(--color-blue--light);
809
+ }
840
810
 
841
- ._5IaWqMXiMqQ- > * {
842
- width: auto;
843
- }
811
+ ._5bsgmHFheR8- {
812
+ --card--accent-color: var(--color-blue--lighter);
844
813
  }
845
814
 
846
- @media (min-width: 768px) {
847
- .vCly-qsW6uQ- {
848
- -ms-flex-direction: row;
849
- flex-direction: row;
850
- }
815
+ .odY4oZL82vc- {
816
+ --card--accent-color: var(--color-blue--lightest);
817
+ }
851
818
 
852
- .vCly-qsW6uQ- > * {
853
- width: auto;
854
- }
819
+ .efMKqzdbpSM- {
820
+ --card--accent-color: var(--color-blue--dark);
855
821
  }
856
822
 
857
- @media (--medium-screens-and-up) {
858
- .vCly-qsW6uQ- {
859
- -ms-flex-direction: row;
860
- flex-direction: row;
861
- }
823
+ .PuLfA1HnrOs- {
824
+ --card--accent-color: var(--color-green);
825
+ }
862
826
 
863
- .vCly-qsW6uQ- > * {
864
- width: auto;
865
- }
827
+ ._9xiJ-MAQiTY- {
828
+ --card--accent-color: var(--color-green--light);
866
829
  }
867
830
 
868
- @media (min-width: 1080px) {
869
- .lmABTs-G-FA- {
870
- -ms-flex-direction: row;
871
- flex-direction: row;
872
- }
831
+ .lmzbPrdLKIM- {
832
+ --card--accent-color: var(--color-green--lighter);
833
+ }
873
834
 
874
- .lmABTs-G-FA- > * {
875
- width: auto;
876
- }
877
- }
878
-
879
- @media (--large-screens-and-up) {
880
- .lmABTs-G-FA- {
881
- -ms-flex-direction: row;
882
- flex-direction: row;
883
- }
884
-
885
- .lmABTs-G-FA- > * {
886
- width: auto;
887
- }
888
- }
889
-
890
- @media (min-width: 1440px) {
891
- .NHrDIukxI-o- {
892
- -ms-flex-direction: row;
893
- flex-direction: row;
894
- }
895
-
896
- .NHrDIukxI-o- > * {
897
- width: auto;
898
- }
899
- }
900
-
901
- @media (--extra-large-screens-and-up) {
902
- .NHrDIukxI-o- {
903
- -ms-flex-direction: row;
904
- flex-direction: row;
905
- }
906
-
907
- .NHrDIukxI-o- > * {
908
- width: auto;
909
- }
910
- }
911
-
912
- .kub1yKbFFN0-.hkpPPbA3sRk- {
913
- -ms-flex-direction: column;
914
- flex-direction: column;
915
- }
916
-
917
- .kub1yKbFFN0-.hkpPPbA3sRk- > * {
918
- width: 100%;
919
- }
920
-
921
- .bb-VTS0yML8-,
922
- ._2BzdFV5LQvM-,
923
- ._60G0BuQ6TY0- {
924
- --card--border: none;
925
- }
926
-
927
- .bb-VTS0yML8- {
928
- box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25), 0px 0px 2px rgba(0, 0, 0, 0.1);
929
- box-shadow: var(--shadow-low);
930
- }
931
-
932
- ._2BzdFV5LQvM- {
933
- box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
934
- box-shadow: var(--shadow-base);
935
- }
936
-
937
- ._60G0BuQ6TY0- {
938
- box-shadow: 0px 16px 16px 0px rgba(0, 0, 0, 0.075), 0px 0px 8px 0px rgba(0, 0, 0, 0.05);
939
- box-shadow: var(--shadow-high);
940
- }
941
-
942
- .Aj6o8FcaKHc- {
943
- container-name: var(--public-container-name);
944
- container-type: inline-size;
945
- width: var(--public-container-width);
946
- }
947
-
948
- .eIsVvlXoWhs- {
949
- container-type: inline-size;
950
- width: var(--public-container-apply-width);
951
- }
952
-
953
- .sGSmxHTsTfA- {
954
- display: -ms-flexbox;
955
- display: flex;
956
- -ms-flex-direction: column;
957
- flex-direction: column;
958
- min-height: var(--public-cover-min-height);
959
- padding: var(--public-cover-space);
960
- }
961
-
962
- .sGSmxHTsTfA- > * {
963
- margin-top: var(--public-cover-space);
964
- margin-bottom: var(--public-cover-space);
965
- }
966
-
967
- .sGSmxHTsTfA- > :first-child:not(._6S-jbOw7NEA-) {
968
- -webkit-margin-before: 0;
969
- margin-top: 0;
970
- }
971
-
972
- .sGSmxHTsTfA- > :last-child:not(._6S-jbOw7NEA-) {
973
- -webkit-margin-after: 0;
974
- margin-bottom: 0;
975
- }
976
-
977
- .sGSmxHTsTfA- > ._6S-jbOw7NEA- {
978
- margin-top: auto;
979
- margin-bottom: auto;
980
- }
981
-
982
- ._5mDLThZ7dBQ- {
983
- --card--accent-color: var(--color-request);
984
- }
985
-
986
- .-n66fUZcIH4- {
987
- --card--accent-color: var(--color-quote);
988
- }
989
-
990
- .vfz0wjl-krU- {
991
- --card--accent-color: var(--color-job);
992
- }
993
-
994
- .UnWnEyw0-jY- {
995
- --card--accent-color: var(--color-invoice);
996
- }
997
-
998
- .iRFdI5utAsU- {
999
- --card--accent-color: var(--color-client);
1000
- }
1001
-
1002
- ._0f94rfGFhgQ- {
1003
- --card--accent-color: var(--color-blue);
1004
- }
1005
-
1006
- .UZmLtIoFU0w- {
1007
- --card--accent-color: var(--color-blue--light);
1008
- }
1009
-
1010
- ._5bsgmHFheR8- {
1011
- --card--accent-color: var(--color-blue--lighter);
1012
- }
1013
-
1014
- .odY4oZL82vc- {
1015
- --card--accent-color: var(--color-blue--lightest);
1016
- }
1017
-
1018
- .efMKqzdbpSM- {
1019
- --card--accent-color: var(--color-blue--dark);
1020
- }
1021
-
1022
- .PuLfA1HnrOs- {
1023
- --card--accent-color: var(--color-green);
1024
- }
1025
-
1026
- ._9xiJ-MAQiTY- {
1027
- --card--accent-color: var(--color-green--light);
1028
- }
1029
-
1030
- .lmzbPrdLKIM- {
1031
- --card--accent-color: var(--color-green--lighter);
1032
- }
1033
-
1034
- .S5ZiMPMgAmo- {
1035
- --card--accent-color: var(--color-green--lightest);
835
+ .S5ZiMPMgAmo- {
836
+ --card--accent-color: var(--color-green--lightest);
1036
837
  }
1037
838
 
1038
839
  .NIwEAXj-xbU- {
@@ -1323,92 +1124,291 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
1323
1124
  --card--accent-color: var(--color-white);
1324
1125
  }
1325
1126
 
1326
- :root {
1327
- --public-chip-base-bg-color: var(--color-interactive--background);
1328
- --public-chip-base-hover-bg-color: var(
1329
- --color-interactive--background--hover
1330
- );
1331
- --public-chip-base-content-color: var(--color-heading);
1332
- }
1333
-
1334
- .FJNLweTKlm4- {
1335
- --chip-base-bg-color: var(--public-chip-base-bg-color);
1336
- --chip-base-hover-bg-color: var(--public-chip-base-hover-bg-color);
1337
- --chip-base-content-color: var(--public-chip-base-content-color);
1338
- --chip-border-color: transparent;
1339
- --chip-height: 40px;
1340
- --chip-radius: 20px;
1341
- display: -ms-inline-flexbox;
1342
- display: inline-flex;
1343
- position: relative;
1344
- height: 40px;
1345
- height: var(--chip-height);
1346
- min-width: 0;
1347
- box-sizing: border-box;
1348
- padding: 0 16px;
1349
- padding: 0 var(--base-unit);
1350
- border: 1px solid transparent;
1351
- border: var(--border-base) solid var(--chip-border-color);
1352
- border-radius: 20px;
1353
- border-radius: var(--chip-radius);
1354
- color: hsl(197, 90%, 12%);
1355
- color: var(--color-heading);
1356
- text-align: left;
1357
- background-color: hsl(51, 17%, 85%);
1358
- background-color: var(--chip-base-bg-color);
1359
- cursor: pointer;
1360
- transition: all 200ms;
1361
- transition: all var(--timing-base);
1362
- -ms-flex-align: center;
1363
- align-items: center;
1127
+ .bb-VTS0yML8-,
1128
+ ._2BzdFV5LQvM-,
1129
+ ._60G0BuQ6TY0- {
1130
+ --card--border: none;
1364
1131
  }
1365
1132
 
1366
- .FJNLweTKlm4-:hover,
1367
- .FJNLweTKlm4-:focus,
1368
- .FJNLweTKlm4-:focus-visible,
1369
- .VI-h7qe-Bl0-:focus-visible {
1370
- border: 1px solid var(--chip-border-color);
1371
- border: var(--border-base) solid var(--chip-border-color);
1372
- outline: transparent;
1373
- background-color: var(--chip-base-hover-bg-color);
1133
+ .bb-VTS0yML8- {
1134
+ box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25), 0px 0px 2px rgba(0, 0, 0, 0.1);
1135
+ box-shadow: var(--shadow-low);
1374
1136
  }
1375
1137
 
1376
- .FJNLweTKlm4- .VI-h7qe-Bl0- {
1377
- padding: 0;
1378
- border: none;
1379
- cursor: pointer;
1138
+ ._2BzdFV5LQvM- {
1139
+ box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
1140
+ box-shadow: var(--shadow-base);
1380
1141
  }
1381
1142
 
1382
- .FJNLweTKlm4- .OufFSBZ4gLc-,
1383
- .FJNLweTKlm4- .VI-h7qe-Bl0- {
1384
- margin-left: 8px;
1385
- margin-left: var(--space-small);
1386
- margin-right: calc(-1 * 8px);
1387
- margin-right: calc(-1 * var(--space-small));
1388
- background-color: rgba(255, 255, 255, 1);
1389
- background-color: var(--color-surface);
1143
+ ._60G0BuQ6TY0- {
1144
+ box-shadow: 0px 16px 16px 0px rgba(0, 0, 0, 0.075), 0px 0px 8px 0px rgba(0, 0, 0, 0.05);
1145
+ box-shadow: var(--shadow-high);
1390
1146
  }
1391
1147
 
1392
- .FJNLweTKlm4- .cmAqSkFDPFA-,
1393
- .FJNLweTKlm4- .OufFSBZ4gLc-,
1394
- .FJNLweTKlm4- .VI-h7qe-Bl0- {
1148
+ .kub1yKbFFN0- {
1395
1149
  display: -ms-flexbox;
1396
1150
  display: flex;
1397
- width: 24px;
1398
- width: var(--space-large);
1399
- height: 24px;
1400
- height: var(--space-large);
1401
- -ms-flex-negative: 0;
1402
- flex-shrink: 0;
1403
- border-radius: 100%;
1404
- border-radius: var(--radius-circle);
1151
+ -ms-flex-wrap: wrap;
1152
+ flex-wrap: wrap;
1153
+ gap: 16px;
1154
+ gap: var(--public-cluster-space, var(--space-base, 16px));
1155
+ -ms-flex-pack: flex-start;
1156
+ -ms-flex-pack: var(--public-cluster-justify, flex-start);
1157
+ justify-content: flex-start;
1158
+ justify-content: var(--public-cluster-justify, flex-start);
1405
1159
  -ms-flex-align: center;
1160
+ -ms-flex-align: var(--public-cluster-align, center);
1406
1161
  align-items: center;
1407
- -ms-flex-pack: center;
1408
- justify-content: center;
1162
+ align-items: var(--public-cluster-align, center);
1163
+ width: var(--public-cluster-width);
1409
1164
  }
1410
1165
 
1411
- .VI-h7qe-Bl0-:hover {
1166
+ /** When we nest clusters, the clustering stops working because of the 100% width. This prevents nested clusters from fighting **/
1167
+
1168
+ .kub1yKbFFN0- .kub1yKbFFN0- {
1169
+ width: auto;
1170
+ }
1171
+
1172
+ /** For collapse below. If any of the sizes are active, we're in column mode. */
1173
+
1174
+ ._5IaWqMXiMqQ-,
1175
+ .vCly-qsW6uQ-,
1176
+ .lmABTs-G-FA-,
1177
+ .NHrDIukxI-o- {
1178
+ -ms-flex-direction: column;
1179
+ flex-direction: column;
1180
+ }
1181
+
1182
+ ._5IaWqMXiMqQ- > *,
1183
+ .vCly-qsW6uQ- > *,
1184
+ .lmABTs-G-FA- > *,
1185
+ .NHrDIukxI-o- > * {
1186
+ width: 100%;
1187
+ }
1188
+
1189
+ @media (min-width: 490px) {
1190
+ ._5IaWqMXiMqQ- {
1191
+ -ms-flex-direction: row;
1192
+ flex-direction: row;
1193
+ }
1194
+
1195
+ ._5IaWqMXiMqQ- > * {
1196
+ width: auto;
1197
+ }
1198
+ }
1199
+
1200
+ @media (--small-screens-and-up) {
1201
+ ._5IaWqMXiMqQ- {
1202
+ -ms-flex-direction: row;
1203
+ flex-direction: row;
1204
+ }
1205
+
1206
+ ._5IaWqMXiMqQ- > * {
1207
+ width: auto;
1208
+ }
1209
+ }
1210
+
1211
+ @media (min-width: 768px) {
1212
+ .vCly-qsW6uQ- {
1213
+ -ms-flex-direction: row;
1214
+ flex-direction: row;
1215
+ }
1216
+
1217
+ .vCly-qsW6uQ- > * {
1218
+ width: auto;
1219
+ }
1220
+ }
1221
+
1222
+ @media (--medium-screens-and-up) {
1223
+ .vCly-qsW6uQ- {
1224
+ -ms-flex-direction: row;
1225
+ flex-direction: row;
1226
+ }
1227
+
1228
+ .vCly-qsW6uQ- > * {
1229
+ width: auto;
1230
+ }
1231
+ }
1232
+
1233
+ @media (min-width: 1080px) {
1234
+ .lmABTs-G-FA- {
1235
+ -ms-flex-direction: row;
1236
+ flex-direction: row;
1237
+ }
1238
+
1239
+ .lmABTs-G-FA- > * {
1240
+ width: auto;
1241
+ }
1242
+ }
1243
+
1244
+ @media (--large-screens-and-up) {
1245
+ .lmABTs-G-FA- {
1246
+ -ms-flex-direction: row;
1247
+ flex-direction: row;
1248
+ }
1249
+
1250
+ .lmABTs-G-FA- > * {
1251
+ width: auto;
1252
+ }
1253
+ }
1254
+
1255
+ @media (min-width: 1440px) {
1256
+ .NHrDIukxI-o- {
1257
+ -ms-flex-direction: row;
1258
+ flex-direction: row;
1259
+ }
1260
+
1261
+ .NHrDIukxI-o- > * {
1262
+ width: auto;
1263
+ }
1264
+ }
1265
+
1266
+ @media (--extra-large-screens-and-up) {
1267
+ .NHrDIukxI-o- {
1268
+ -ms-flex-direction: row;
1269
+ flex-direction: row;
1270
+ }
1271
+
1272
+ .NHrDIukxI-o- > * {
1273
+ width: auto;
1274
+ }
1275
+ }
1276
+
1277
+ .kub1yKbFFN0-.hkpPPbA3sRk- {
1278
+ -ms-flex-direction: column;
1279
+ flex-direction: column;
1280
+ }
1281
+
1282
+ .kub1yKbFFN0-.hkpPPbA3sRk- > * {
1283
+ width: 100%;
1284
+ }
1285
+
1286
+ .Aj6o8FcaKHc- {
1287
+ container-name: var(--public-container-name);
1288
+ container-type: inline-size;
1289
+ width: var(--public-container-width);
1290
+ }
1291
+
1292
+ .eIsVvlXoWhs- {
1293
+ container-type: inline-size;
1294
+ width: var(--public-container-apply-width);
1295
+ }
1296
+
1297
+ .sGSmxHTsTfA- {
1298
+ display: -ms-flexbox;
1299
+ display: flex;
1300
+ -ms-flex-direction: column;
1301
+ flex-direction: column;
1302
+ min-height: var(--public-cover-min-height);
1303
+ padding: var(--public-cover-space);
1304
+ }
1305
+
1306
+ .sGSmxHTsTfA- > * {
1307
+ margin-top: var(--public-cover-space);
1308
+ margin-bottom: var(--public-cover-space);
1309
+ }
1310
+
1311
+ .sGSmxHTsTfA- > :first-child:not(._6S-jbOw7NEA-) {
1312
+ -webkit-margin-before: 0;
1313
+ margin-top: 0;
1314
+ }
1315
+
1316
+ .sGSmxHTsTfA- > :last-child:not(._6S-jbOw7NEA-) {
1317
+ -webkit-margin-after: 0;
1318
+ margin-bottom: 0;
1319
+ }
1320
+
1321
+ .sGSmxHTsTfA- > ._6S-jbOw7NEA- {
1322
+ margin-top: auto;
1323
+ margin-bottom: auto;
1324
+ }
1325
+
1326
+ :root {
1327
+ --public-chip-base-bg-color: var(--color-interactive--background);
1328
+ --public-chip-base-hover-bg-color: var(
1329
+ --color-interactive--background--hover
1330
+ );
1331
+ --public-chip-base-content-color: var(--color-heading);
1332
+ }
1333
+
1334
+ .FJNLweTKlm4- {
1335
+ --chip-base-bg-color: var(--public-chip-base-bg-color);
1336
+ --chip-base-hover-bg-color: var(--public-chip-base-hover-bg-color);
1337
+ --chip-base-content-color: var(--public-chip-base-content-color);
1338
+ --chip-border-color: transparent;
1339
+ --chip-height: 40px;
1340
+ --chip-radius: 20px;
1341
+ display: -ms-inline-flexbox;
1342
+ display: inline-flex;
1343
+ position: relative;
1344
+ height: 40px;
1345
+ height: var(--chip-height);
1346
+ min-width: 0;
1347
+ box-sizing: border-box;
1348
+ padding: 0 16px;
1349
+ padding: 0 var(--base-unit);
1350
+ border: 1px solid transparent;
1351
+ border: var(--border-base) solid var(--chip-border-color);
1352
+ border-radius: 20px;
1353
+ border-radius: var(--chip-radius);
1354
+ color: hsl(197, 90%, 12%);
1355
+ color: var(--color-heading);
1356
+ text-align: left;
1357
+ background-color: hsl(51, 17%, 85%);
1358
+ background-color: var(--chip-base-bg-color);
1359
+ cursor: pointer;
1360
+ transition: all 200ms;
1361
+ transition: all var(--timing-base);
1362
+ -ms-flex-align: center;
1363
+ align-items: center;
1364
+ }
1365
+
1366
+ .FJNLweTKlm4-:hover,
1367
+ .FJNLweTKlm4-:focus,
1368
+ .FJNLweTKlm4-:focus-visible,
1369
+ .VI-h7qe-Bl0-:focus-visible {
1370
+ border: 1px solid var(--chip-border-color);
1371
+ border: var(--border-base) solid var(--chip-border-color);
1372
+ outline: transparent;
1373
+ background-color: var(--chip-base-hover-bg-color);
1374
+ }
1375
+
1376
+ .FJNLweTKlm4- .VI-h7qe-Bl0- {
1377
+ padding: 0;
1378
+ border: none;
1379
+ cursor: pointer;
1380
+ }
1381
+
1382
+ .FJNLweTKlm4- .OufFSBZ4gLc-,
1383
+ .FJNLweTKlm4- .VI-h7qe-Bl0- {
1384
+ margin-left: 8px;
1385
+ margin-left: var(--space-small);
1386
+ margin-right: calc(-1 * 8px);
1387
+ margin-right: calc(-1 * var(--space-small));
1388
+ background-color: rgba(255, 255, 255, 1);
1389
+ background-color: var(--color-surface);
1390
+ }
1391
+
1392
+ .FJNLweTKlm4- .cmAqSkFDPFA-,
1393
+ .FJNLweTKlm4- .OufFSBZ4gLc-,
1394
+ .FJNLweTKlm4- .VI-h7qe-Bl0- {
1395
+ display: -ms-flexbox;
1396
+ display: flex;
1397
+ width: 24px;
1398
+ width: var(--space-large);
1399
+ height: 24px;
1400
+ height: var(--space-large);
1401
+ -ms-flex-negative: 0;
1402
+ flex-shrink: 0;
1403
+ border-radius: 100%;
1404
+ border-radius: var(--radius-circle);
1405
+ -ms-flex-align: center;
1406
+ align-items: center;
1407
+ -ms-flex-pack: center;
1408
+ justify-content: center;
1409
+ }
1410
+
1411
+ .VI-h7qe-Bl0-:hover {
1412
1412
  background-color: hsl(53, 21%, 93%);
1413
1413
  background-color: var(--color-surface--hover);
1414
1414
  }
@@ -1607,66 +1607,6 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
1607
1607
  width: 1px;
1608
1608
  }
1609
1609
 
1610
- .xxU2WqkpXZU- {
1611
- position: fixed;
1612
- top: 0;
1613
- right: 0;
1614
- bottom: 0;
1615
- left: 0;
1616
- z-index: 6;
1617
- z-index: var(--elevation-menu);
1618
- background-color: transparent;
1619
- }
1620
-
1621
- .W-9SMjhEMpI- {
1622
- display: inline-block;
1623
- }
1624
-
1625
- .B1cBkstNQhM- > :not(:last-child) {
1626
- margin-bottom: 1px;
1627
- margin-bottom: var(--space-minuscule);
1628
- }
1629
-
1630
- .rjAxJwaso0s- > :not(:last-child) {
1631
- margin-bottom: 2px;
1632
- margin-bottom: var(--space-smallest);
1633
- }
1634
-
1635
- .Chezd5Sqtmk- > :not(:last-child) {
1636
- margin-bottom: 4px;
1637
- margin-bottom: var(--space-smaller);
1638
- }
1639
-
1640
- .hzVGRy-KUeY- > :not(:last-child) {
1641
- margin-bottom: 8px;
1642
- margin-bottom: var(--space-small);
1643
- }
1644
-
1645
- .XFi-EWH3Rc0- > :not(:last-child) {
1646
- margin-bottom: 16px;
1647
- margin-bottom: var(--space-base);
1648
- }
1649
-
1650
- .JTt98vS-CLk- > :not(:last-child) {
1651
- margin-bottom: 24px;
1652
- margin-bottom: var(--space-large);
1653
- }
1654
-
1655
- .-h5Dm7qvnss- > :not(:last-child) {
1656
- margin-bottom: 32px;
1657
- margin-bottom: var(--space-larger);
1658
- }
1659
-
1660
- .K7DP0lB9veI- > :not(:last-child) {
1661
- margin-bottom: 48px;
1662
- margin-bottom: var(--space-largest);
1663
- }
1664
-
1665
- .d8bHHzbOHk4- > :not(:last-child) {
1666
- margin-bottom: 64px;
1667
- margin-bottom: var(--space-extravagant);
1668
- }
1669
-
1670
1610
  .YxKKPXAU10s- {
1671
1611
  --checkbox--size: 20px;
1672
1612
  --checkbox--border--checked: var(--color-interactive);
@@ -1779,9 +1719,64 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
1779
1719
  padding-left: calc(var(--checkbox--size) + var(--space-small));
1780
1720
  }
1781
1721
 
1782
- .cftWh-00zXM- {
1783
- padding: 0;
1784
- padding: var(--public-content--padding, 0);
1722
+ .xxU2WqkpXZU- {
1723
+ position: fixed;
1724
+ top: 0;
1725
+ right: 0;
1726
+ bottom: 0;
1727
+ left: 0;
1728
+ z-index: 6;
1729
+ z-index: var(--elevation-menu);
1730
+ background-color: transparent;
1731
+ }
1732
+
1733
+ .W-9SMjhEMpI- {
1734
+ display: inline-block;
1735
+ }
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);
1785
1780
  }
1786
1781
 
1787
1782
  .rJamQZ6fRes- {
@@ -1833,6 +1828,11 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
1833
1828
  padding-right: var(--content-block-gutters);
1834
1829
  }
1835
1830
 
1831
+ .cftWh-00zXM- {
1832
+ padding: 0;
1833
+ padding: var(--public-content--padding, 0);
1834
+ }
1835
+
1836
1836
  .v3oESmhykhE-,
1837
1837
  .v3oESmhykhE- * {
1838
1838
  box-sizing: border-box;
@@ -2479,61 +2479,20 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
2479
2479
  }
2480
2480
 
2481
2481
  .qT-G2Sn0Wm8- {
2482
- width: 1px;
2483
- width: var(--space-minuscule);
2484
- height: auto;
2485
- border-right: var(--divider-width) solid var(--divider-color);
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;
2482
+ width: 1px;
2483
+ width: var(--space-minuscule);
2484
+ height: auto;
2485
+ border-right: var(--divider-width) solid var(--divider-color);
2533
2486
  }
2534
2487
 
2535
- .GSDyu-sASro- {
2536
- opacity: 1;
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;
2537
2496
  }
2538
2497
 
2539
2498
  .LNIwHwCs8gQ- {
@@ -2659,6 +2618,47 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
2659
2618
  --public-content--padding: 0;
2660
2619
  }
2661
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 */
@@ -2710,10 +2710,6 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
2710
2710
  align-items: end;
2711
2711
  }
2712
2712
 
2713
- .ViFkIUcS6PM- {
2714
- font-style: normal;
2715
- }
2716
-
2717
2713
  :root {
2718
2714
  /**
2719
2715
  * These `--public-field` properties are used in other components such
@@ -2810,12 +2806,18 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
2810
2806
  margin-right: var(--field--padding-right);
2811
2807
  }
2812
2808
 
2809
+ /* When there's placeholder text on an EMPTY time input
2810
+ - we hide the field value when the input is:
2811
+ - not focused or disabled
2812
+ */
2813
+
2814
+ ._0pmqVa2zSE4- input:disabled,
2813
2815
  ._0pmqVa2zSE4-:not(:focus-within) input {
2814
2816
  color: var(--field--background-color);
2815
2817
  -webkit-text-fill-color: var(--field--background-color);
2816
2818
  }
2817
2819
 
2818
- ._0pmqVa2zSE4-:focus-within,
2820
+ ._0pmqVa2zSE4-:not(.Tz9LK9ABKMk-):focus-within,
2819
2821
  .F1t76G6bDKo- {
2820
2822
  --field--placeholder-color: var(--color-text--secondary);
2821
2823
  --field--placeholder-offset: var(--space-smallest);
@@ -2824,7 +2826,7 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
2824
2826
  --field--padding-bottom: var(--space-small);
2825
2827
  }
2826
2828
 
2827
- ._0pmqVa2zSE4-._9tjyT9QUtP8-:focus-within,
2829
+ ._0pmqVa2zSE4-:not(.Tz9LK9ABKMk-)._9tjyT9QUtP8-:focus-within,
2828
2830
  .F1t76G6bDKo-._9tjyT9QUtP8- {
2829
2831
  --field--padding-top: calc(var(--space-large) + var(--space-smaller));
2830
2832
  }
@@ -3066,12 +3068,15 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
3066
3068
  padding-right: var(--field--padding-right);
3067
3069
  }
3068
3070
 
3069
- .F1t76G6bDKo- .Dgk00tzlODA-,
3070
- ._0pmqVa2zSE4-:focus-within .Dgk00tzlODA- {
3071
+ .F1t76G6bDKo- .Dgk00tzlODA- {
3071
3072
  font-size: 12px;
3072
3073
  font-size: var(--typography--fontSize-small);
3073
3074
  }
3074
3075
 
3076
+ .Sw5O4I0lMJg-.F1t76G6bDKo- .Dgk00tzlODA- {
3077
+ display: none;
3078
+ }
3079
+
3075
3080
  .QmMiyoAWp-g-.F1t76G6bDKo- .Dgk00tzlODA- {
3076
3081
  padding-top: 2px;
3077
3082
  padding-top: var(--space-smallest);
@@ -3081,8 +3086,12 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
3081
3086
  background-color: var(--field--background-color);
3082
3087
  }
3083
3088
 
3084
- .Sw5O4I0lMJg-.F1t76G6bDKo- .Dgk00tzlODA-,
3085
- ._0pmqVa2zSE4-.Sw5O4I0lMJg-.F1t76G6bDKo-:focus-within .Dgk00tzlODA- {
3089
+ ._0pmqVa2zSE4-:focus-within:not(.Tz9LK9ABKMk-) .Dgk00tzlODA- {
3090
+ font-size: 12px;
3091
+ font-size: var(--typography--fontSize-small);
3092
+ }
3093
+
3094
+ ._0pmqVa2zSE4-.Sw5O4I0lMJg-.F1t76G6bDKo-:focus-within:not(.Tz9LK9ABKMk-) .Dgk00tzlODA- {
3086
3095
  display: none;
3087
3096
  }
3088
3097
 
@@ -3091,7 +3100,7 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
3091
3100
  /* stylelint-disable-next-line no-descending-specificity */
3092
3101
 
3093
3102
  ._9tjyT9QUtP8-.F1t76G6bDKo- .Dgk00tzlODA-,
3094
- ._0pmqVa2zSE4-._9tjyT9QUtP8-.F1t76G6bDKo-:focus-within .Dgk00tzlODA- {
3103
+ ._0pmqVa2zSE4-._9tjyT9QUtP8-.F1t76G6bDKo-:focus-within:not(.Tz9LK9ABKMk-) .Dgk00tzlODA- {
3095
3104
  padding-top: 8px;
3096
3105
  padding-top: var(--space-small);
3097
3106
  }
@@ -3191,6 +3200,10 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
3191
3200
  background: linear-gradient(to bottom, transparent, var(--color-surface) 60%);
3192
3201
  }
3193
3202
 
3203
+ .ViFkIUcS6PM- {
3204
+ font-style: normal;
3205
+ }
3206
+
3194
3207
  .y9T1gWK9SHY- {
3195
3208
  --file-card--background-color: var(--color-surface);
3196
3209
  --file-card--base-padding: var(--space-small);
@@ -3404,6 +3417,38 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
3404
3417
  object-fit: cover;
3405
3418
  }
3406
3419
 
3420
+ ._6UhvrmKZdns-,
3421
+ .f0hnJ8v-iHE- {
3422
+ display: -ms-flexbox;
3423
+ display: flex;
3424
+ -ms-flex-wrap: wrap;
3425
+ flex-wrap: wrap;
3426
+ gap: 8px;
3427
+ gap: var(--space-small);
3428
+ }
3429
+
3430
+ .f0hnJ8v-iHE- {
3431
+ gap: 16px;
3432
+ gap: var(--space-base);
3433
+ }
3434
+
3435
+ .EvHA4-Q7O9g- {
3436
+ display: -ms-flexbox;
3437
+ display: flex;
3438
+ }
3439
+
3440
+ .VWW-3mSlumg- {
3441
+ width: 56px;
3442
+ height: 56px;
3443
+ }
3444
+
3445
+ .DNhegGxB75M- {
3446
+ width: 168px;
3447
+ height: 168px;
3448
+ box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
3449
+ box-shadow: var(--shadow-base);
3450
+ }
3451
+
3407
3452
  .-lyJkOGbceo- {
3408
3453
  --glimmer-background: var(--color-surface--reverse);
3409
3454
  --glimmer-background-opacity: 7.5%;
@@ -3512,38 +3557,6 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
3512
3557
  min-width: 100px;
3513
3558
  }
3514
3559
 
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
3560
  ._0X4jj5NERa4- {
3548
3561
  display: grid;
3549
3562
  grid-template-columns: repeat(12, minmax(0, 1fr));
@@ -3588,6 +3601,57 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
3588
3601
  align-items: stretch;
3589
3602
  }
3590
3603
 
3604
+ .CMahTsC0SPE- {
3605
+ display: -ms-flexbox;
3606
+ display: flex;
3607
+ -ms-flex-align: center;
3608
+ align-items: center;
3609
+ }
3610
+
3611
+ .CMahTsC0SPE- > *:not(:last-child) {
3612
+ margin-right: 8px;
3613
+ margin-right: var(--space-small);
3614
+ }
3615
+
3616
+ .VOVr4KEFeVk- {
3617
+ position: relative;
3618
+ }
3619
+
3620
+ .HzGL7-Sfok4- {
3621
+ display: -ms-flexbox;
3622
+ display: flex;
3623
+ position: relative;
3624
+ height: 100%;
3625
+ margin: 0 8px;
3626
+ margin: 0 var(--space-small);
3627
+ -ms-flex-align: center;
3628
+ align-items: center;
3629
+ }
3630
+
3631
+ .Cflv-yL6aVQ- {
3632
+ position: absolute;
3633
+ top: 0;
3634
+ right: 0;
3635
+ bottom: 0;
3636
+ left: 0;
3637
+ }
3638
+
3639
+ .Cflv-yL6aVQ-::before {
3640
+ content: "";
3641
+ display: block;
3642
+ position: absolute;
3643
+ top: 0;
3644
+ right: 0;
3645
+ bottom: 0;
3646
+ left: 0;
3647
+ border-radius: 100%;
3648
+ border-radius: var(--radius-circle);
3649
+ background-color: hsl(198, 96%, 9%);
3650
+ background-color: var(--color-blue--dark);
3651
+ opacity: 0.3;
3652
+ mix-blend-mode: multiply;
3653
+ }
3654
+
3591
3655
  .M01SZy5EYFg- {
3592
3656
  display: -ms-inline-flexbox;
3593
3657
  display: inline-flex;
@@ -3720,75 +3784,24 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
3720
3784
  .PZdC-xYFPok- {
3721
3785
  color: hsl(200, 13%, 87%);
3722
3786
  color: var(--color-text--reverse--secondary);
3723
- background-color: hsl(197, 90%, 12%);
3724
- background-color: var(--color-surface--reverse);
3725
- }
3726
-
3727
- ._3JD9CXbxRQ8-,
3728
- .R-kgbH6qPZU- {
3729
- color: hsl(207, 61%, 34%);
3730
- color: var(--color-informative--onSurface);
3731
- background-color: hsl(207, 87%, 94%);
3732
- background-color: var(--color-informative--surface);
3733
- }
3734
-
3735
- ._6juDApQlcS0-,
3736
- .MGcsvmjHlow- {
3737
- color: hsl(31, 100%, 18%);
3738
- color: var(--color-request--onSurface);
3739
- background-color: hsl(31, 74%, 93%);
3740
- background-color: var(--color-request--surface);
3741
- }
3742
-
3743
- .CMahTsC0SPE- {
3744
- display: -ms-flexbox;
3745
- display: flex;
3746
- -ms-flex-align: center;
3747
- align-items: center;
3748
- }
3749
-
3750
- .CMahTsC0SPE- > *:not(:last-child) {
3751
- margin-right: 8px;
3752
- margin-right: var(--space-small);
3753
- }
3754
-
3755
- .VOVr4KEFeVk- {
3756
- position: relative;
3757
- }
3758
-
3759
- .HzGL7-Sfok4- {
3760
- display: -ms-flexbox;
3761
- display: flex;
3762
- position: relative;
3763
- height: 100%;
3764
- margin: 0 8px;
3765
- margin: 0 var(--space-small);
3766
- -ms-flex-align: center;
3767
- align-items: center;
3768
- }
3769
-
3770
- .Cflv-yL6aVQ- {
3771
- position: absolute;
3772
- top: 0;
3773
- right: 0;
3774
- bottom: 0;
3775
- left: 0;
3776
- }
3777
-
3778
- .Cflv-yL6aVQ-::before {
3779
- content: "";
3780
- display: block;
3781
- position: absolute;
3782
- top: 0;
3783
- right: 0;
3784
- bottom: 0;
3785
- left: 0;
3786
- border-radius: 100%;
3787
- border-radius: var(--radius-circle);
3788
- background-color: hsl(198, 96%, 9%);
3789
- background-color: var(--color-blue--dark);
3790
- opacity: 0.3;
3791
- mix-blend-mode: multiply;
3787
+ background-color: hsl(197, 90%, 12%);
3788
+ background-color: var(--color-surface--reverse);
3789
+ }
3790
+
3791
+ ._3JD9CXbxRQ8-,
3792
+ .R-kgbH6qPZU- {
3793
+ color: hsl(207, 61%, 34%);
3794
+ color: var(--color-informative--onSurface);
3795
+ background-color: hsl(207, 87%, 94%);
3796
+ background-color: var(--color-informative--surface);
3797
+ }
3798
+
3799
+ ._6juDApQlcS0-,
3800
+ .MGcsvmjHlow- {
3801
+ color: hsl(31, 100%, 18%);
3802
+ color: var(--color-request--onSurface);
3803
+ background-color: hsl(31, 74%, 93%);
3804
+ background-color: var(--color-request--surface);
3792
3805
  }
3793
3806
 
3794
3807
  .fSDkYM-382I- {
@@ -3963,6 +3976,13 @@ input.oOrjwubmsVA- {
3963
3976
  outline: none;
3964
3977
  }
3965
3978
 
3979
+ ._8oxipSwiMJQ- {
3980
+ color: hsl(107, 58%, 33%);
3981
+ color: var(--color-interactive);
3982
+ -webkit-text-decoration: underline;
3983
+ text-decoration: underline;
3984
+ }
3985
+
3966
3986
  /**
3967
3987
  * This class is added to the root html element when opening a LightBox.
3968
3988
  * When the user tries to print the page, this prevents the LightBox content
@@ -4272,13 +4292,6 @@ html.atlantisLightBoxActive {
4272
4292
  margin-right: var(--space-base);
4273
4293
  }
4274
4294
 
4275
- ._8oxipSwiMJQ- {
4276
- color: hsl(107, 58%, 33%);
4277
- color: var(--color-interactive);
4278
- -webkit-text-decoration: underline;
4279
- text-decoration: underline;
4280
- }
4281
-
4282
4295
  .htH4y2JBFNQ- {
4283
4296
  position: sticky;
4284
4297
  top: 0;
@@ -4595,80 +4608,6 @@ html.atlantisLightBoxActive {
4595
4608
  white-space: nowrap;
4596
4609
  }
4597
4610
 
4598
- .bR1N0mdMeZU- {
4599
- position: relative;
4600
- width: 100%;
4601
- }
4602
-
4603
- .bR1N0mdMeZU- * {
4604
- box-sizing: border-box;
4605
- }
4606
-
4607
- ._7naerR7479Q- {
4608
- --field--height: var(--space-largest);
4609
-
4610
- --field--padding-top: calc(var(--space-base) - var(--space-smallest));
4611
- --field--padding-bottom: calc(var(--space-base) - var(--space-smallest));
4612
- --field--padding-left: var(--space-base);
4613
- --field--padding-right: var(--space-base);
4614
-
4615
- display: -ms-flexbox;
4616
-
4617
- display: flex;
4618
- -ms-flex-direction: row;
4619
- flex-direction: row;
4620
- -ms-flex-pack: justify;
4621
- justify-content: space-between;
4622
- -ms-flex-align: center;
4623
- align-items: center;
4624
- width: 100%;
4625
- height: 48px;
4626
- height: var(--field--height);
4627
- padding-top: calc(16px - 2px);
4628
- padding-top: var(--field--padding-top);
4629
- padding-bottom: calc(16px - 2px);
4630
- padding-bottom: var(--field--padding-bottom);
4631
- padding-left: 16px;
4632
- padding-left: var(--field--padding-left);
4633
- padding-right: 16px;
4634
- padding-right: var(--field--padding-right);
4635
- border: 1px solid hsl(200, 13%, 87%);
4636
- border: var(--border-base) solid var(--color-border);
4637
- border-radius: 8px;
4638
- border-radius: var(--radius-base);
4639
- }
4640
-
4641
- ._7naerR7479Q- p {
4642
- overflow: hidden;
4643
- text-overflow: ellipsis;
4644
- white-space: nowrap;
4645
- }
4646
-
4647
- .bR1N0mdMeZU-:hover,
4648
- .bR1N0mdMeZU-._7naerR7479Q- {
4649
- cursor: pointer;
4650
- caret-color: transparent;
4651
- }
4652
-
4653
- ._7naerR7479Q-:focus,
4654
- ._7naerR7479Q-.SpV9TqBIR60- {
4655
- box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
4656
- box-shadow: var(--shadow-focus);
4657
- outline: none;
4658
- }
4659
-
4660
- .TdyW0RCheH4- {
4661
- --field--padding-left: var(--space-slim);
4662
- --field--padding-right: var(--space-slim);
4663
- --field--height: calc(var(--space-larger) + var(--space-smaller));
4664
- }
4665
-
4666
- .eBeKgF0JxEQ- {
4667
- --field--padding-left: var(--space-large);
4668
- --field--padding-right: var(--space-large);
4669
- --field--height: calc(var(--space-extravagant));
4670
- }
4671
-
4672
4611
  :root {
4673
4612
  --modal--width: 600px;
4674
4613
  --modal--padding-horizontal: var(--space-base);
@@ -5014,6 +4953,80 @@ html.atlantisLightBoxActive {
5014
4953
  order: 1; /* 1 */
5015
4954
  }
5016
4955
 
4956
+ .bR1N0mdMeZU- {
4957
+ position: relative;
4958
+ width: 100%;
4959
+ }
4960
+
4961
+ .bR1N0mdMeZU- * {
4962
+ box-sizing: border-box;
4963
+ }
4964
+
4965
+ ._7naerR7479Q- {
4966
+ --field--height: var(--space-largest);
4967
+
4968
+ --field--padding-top: calc(var(--space-base) - var(--space-smallest));
4969
+ --field--padding-bottom: calc(var(--space-base) - var(--space-smallest));
4970
+ --field--padding-left: var(--space-base);
4971
+ --field--padding-right: var(--space-base);
4972
+
4973
+ display: -ms-flexbox;
4974
+
4975
+ display: flex;
4976
+ -ms-flex-direction: row;
4977
+ flex-direction: row;
4978
+ -ms-flex-pack: justify;
4979
+ justify-content: space-between;
4980
+ -ms-flex-align: center;
4981
+ align-items: center;
4982
+ width: 100%;
4983
+ height: 48px;
4984
+ height: var(--field--height);
4985
+ padding-top: calc(16px - 2px);
4986
+ padding-top: var(--field--padding-top);
4987
+ padding-bottom: calc(16px - 2px);
4988
+ padding-bottom: var(--field--padding-bottom);
4989
+ padding-left: 16px;
4990
+ padding-left: var(--field--padding-left);
4991
+ padding-right: 16px;
4992
+ padding-right: var(--field--padding-right);
4993
+ border: 1px solid hsl(200, 13%, 87%);
4994
+ border: var(--border-base) solid var(--color-border);
4995
+ border-radius: 8px;
4996
+ border-radius: var(--radius-base);
4997
+ }
4998
+
4999
+ ._7naerR7479Q- p {
5000
+ overflow: hidden;
5001
+ text-overflow: ellipsis;
5002
+ white-space: nowrap;
5003
+ }
5004
+
5005
+ .bR1N0mdMeZU-:hover,
5006
+ .bR1N0mdMeZU-._7naerR7479Q- {
5007
+ cursor: pointer;
5008
+ caret-color: transparent;
5009
+ }
5010
+
5011
+ ._7naerR7479Q-:focus,
5012
+ ._7naerR7479Q-.SpV9TqBIR60- {
5013
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
5014
+ box-shadow: var(--shadow-focus);
5015
+ outline: none;
5016
+ }
5017
+
5018
+ .TdyW0RCheH4- {
5019
+ --field--padding-left: var(--space-slim);
5020
+ --field--padding-right: var(--space-slim);
5021
+ --field--height: calc(var(--space-larger) + var(--space-smaller));
5022
+ }
5023
+
5024
+ .eBeKgF0JxEQ- {
5025
+ --field--padding-left: var(--space-large);
5026
+ --field--padding-right: var(--space-large);
5027
+ --field--height: calc(var(--space-extravagant));
5028
+ }
5029
+
5017
5030
  .BLYnKItuM3c- {
5018
5031
  width: 100%;
5019
5032
  box-sizing: border-box;
@@ -5141,19 +5154,92 @@ html.atlantisLightBoxActive {
5141
5154
  flex: 0 auto;
5142
5155
  }
5143
5156
 
5144
- .lbmoDvdtQO4-.Lc7Z0FsBa6w- .RSP7jHjP-mw- {
5145
- margin-left: 8px;
5146
- margin-left: var(--space-small);
5157
+ .lbmoDvdtQO4-.Lc7Z0FsBa6w- .RSP7jHjP-mw- {
5158
+ margin-left: 8px;
5159
+ margin-left: var(--space-small);
5160
+ }
5161
+
5162
+ .lbmoDvdtQO4-.iF5IA1SYKoA- .RSP7jHjP-mw- + .RSP7jHjP-mw- {
5163
+ margin-left: 8px;
5164
+ margin-left: var(--space-small);
5165
+ }
5166
+
5167
+ .lbmoDvdtQO4- .EqsNMrZVL-8- {
5168
+ margin-bottom: 16px;
5169
+ margin-bottom: var(--space-base);
5170
+ }
5171
+
5172
+ .p9AgTzIbTwY- {
5173
+ --progress-bar--height: 16px;
5174
+ }
5175
+
5176
+ progress.p9AgTzIbTwY-[value] {
5177
+ width: 100%;
5178
+ height: var(--progress-bar--height);
5179
+ border: none;
5180
+ vertical-align: baseline;
5181
+ -webkit-appearance: none;
5182
+ appearance: none;
5183
+ }
5184
+
5185
+ progress.p9AgTzIbTwY-[value],
5186
+ progress.p9AgTzIbTwY-[value]::-webkit-progress-bar {
5187
+ box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.05);
5188
+ border-radius: calc(var(--progress-bar--height) / 2);
5189
+ }
5190
+
5191
+ progress.p9AgTzIbTwY-[value]::-webkit-progress-bar {
5192
+ background-color: hsl(51, 17%, 85%);
5193
+ background-color: var(--color-interactive--background);
5194
+ }
5195
+
5196
+ progress.p9AgTzIbTwY-[value]::-webkit-progress-value {
5197
+ border-radius: calc(var(--progress-bar--height) / 2);
5198
+ background-color: hsl(107, 58%, 33%);
5199
+ background-color: var(--color-interactive);
5200
+ -webkit-transition: all 300ms ease-out;
5201
+ transition: all 300ms ease-out;
5202
+ -webkit-transition: all var(--timing-slow) ease-out;
5203
+ transition: all var(--timing-slow) ease-out;
5204
+ }
5205
+
5206
+ progress.p9AgTzIbTwY-[value]::-moz-progress-bar {
5207
+ border-radius: calc(var(--progress-bar--height) / 2);
5208
+ background-color: hsl(107, 58%, 33%);
5209
+ background-color: var(--color-interactive);
5210
+ -moz-transition: all 300ms ease-out;
5211
+ transition: all 300ms ease-out;
5212
+ -moz-transition: all var(--timing-slow) ease-out;
5213
+ transition: all var(--timing-slow) ease-out;
5214
+ }
5215
+
5216
+ progress.w8NAw4ZMB6g-[value]::-webkit-progress-value {
5217
+ -webkit-transition: all 100ms ease-out;
5218
+ transition: all 100ms ease-out;
5219
+ -webkit-transition: all var(--timing-quick) ease-out;
5220
+ transition: all var(--timing-quick) ease-out;
5221
+ }
5222
+
5223
+ .d4oS-DGtcKA- {
5224
+ display: -ms-flexbox;
5225
+ display: flex;
5226
+ -ms-flex-direction: row;
5227
+ flex-direction: row;
5228
+ width: 100%;
5229
+ gap: 8px;
5230
+ gap: var(--space-small);
5231
+ }
5232
+
5233
+ .dylWWgubHwM- {
5234
+ --progress-bar--height: 4px;
5147
5235
  }
5148
5236
 
5149
- .lbmoDvdtQO4-.iF5IA1SYKoA- .RSP7jHjP-mw- + .RSP7jHjP-mw- {
5150
- margin-left: 8px;
5151
- margin-left: var(--space-small);
5237
+ .z92YJQrscvI- {
5238
+ --progress-bar--height: 8px;
5152
5239
  }
5153
5240
 
5154
- .lbmoDvdtQO4- .EqsNMrZVL-8- {
5155
- margin-bottom: 16px;
5156
- margin-bottom: var(--space-base);
5241
+ .DKfNM1to61A- {
5242
+ --progress-bar--height: 16px;
5157
5243
  }
5158
5244
 
5159
5245
  .rY8OtuArIi0- {
@@ -5261,79 +5347,6 @@ html.atlantisLightBoxActive {
5261
5347
  transform: rotate(-45deg);
5262
5348
  }
5263
5349
 
5264
- .p9AgTzIbTwY- {
5265
- --progress-bar--height: 16px;
5266
- }
5267
-
5268
- progress.p9AgTzIbTwY-[value] {
5269
- width: 100%;
5270
- height: var(--progress-bar--height);
5271
- border: none;
5272
- vertical-align: baseline;
5273
- -webkit-appearance: none;
5274
- appearance: none;
5275
- }
5276
-
5277
- progress.p9AgTzIbTwY-[value],
5278
- progress.p9AgTzIbTwY-[value]::-webkit-progress-bar {
5279
- box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.05);
5280
- border-radius: calc(var(--progress-bar--height) / 2);
5281
- }
5282
-
5283
- progress.p9AgTzIbTwY-[value]::-webkit-progress-bar {
5284
- background-color: hsl(51, 17%, 85%);
5285
- background-color: var(--color-interactive--background);
5286
- }
5287
-
5288
- progress.p9AgTzIbTwY-[value]::-webkit-progress-value {
5289
- border-radius: calc(var(--progress-bar--height) / 2);
5290
- background-color: hsl(107, 58%, 33%);
5291
- background-color: var(--color-interactive);
5292
- -webkit-transition: all 300ms ease-out;
5293
- transition: all 300ms ease-out;
5294
- -webkit-transition: all var(--timing-slow) ease-out;
5295
- transition: all var(--timing-slow) ease-out;
5296
- }
5297
-
5298
- progress.p9AgTzIbTwY-[value]::-moz-progress-bar {
5299
- border-radius: calc(var(--progress-bar--height) / 2);
5300
- background-color: hsl(107, 58%, 33%);
5301
- background-color: var(--color-interactive);
5302
- -moz-transition: all 300ms ease-out;
5303
- transition: all 300ms ease-out;
5304
- -moz-transition: all var(--timing-slow) ease-out;
5305
- transition: all var(--timing-slow) ease-out;
5306
- }
5307
-
5308
- progress.w8NAw4ZMB6g-[value]::-webkit-progress-value {
5309
- -webkit-transition: all 100ms ease-out;
5310
- transition: all 100ms ease-out;
5311
- -webkit-transition: all var(--timing-quick) ease-out;
5312
- transition: all var(--timing-quick) ease-out;
5313
- }
5314
-
5315
- .d4oS-DGtcKA- {
5316
- display: -ms-flexbox;
5317
- display: flex;
5318
- -ms-flex-direction: row;
5319
- flex-direction: row;
5320
- width: 100%;
5321
- gap: 8px;
5322
- gap: var(--space-small);
5323
- }
5324
-
5325
- .dylWWgubHwM- {
5326
- --progress-bar--height: 4px;
5327
- }
5328
-
5329
- .z92YJQrscvI- {
5330
- --progress-bar--height: 8px;
5331
- }
5332
-
5333
- .DKfNM1to61A- {
5334
- --progress-bar--height: 16px;
5335
- }
5336
-
5337
5350
  .KZfSK2vhTyI- {
5338
5351
  --radio--checked-thickness: 6px;
5339
5352
  --radio-diameter: 20px;
@@ -5430,19 +5443,6 @@ progress.w8NAw4ZMB6g-[value]::-webkit-progress-value {
5430
5443
  color: var(--color-disabled);
5431
5444
  }
5432
5445
 
5433
- .v2xMxsPFwcM- {
5434
- display: -ms-flexbox;
5435
- display: flex;
5436
- -ms-flex-align: center;
5437
- align-items: center;
5438
- gap: 16px;
5439
- gap: var(--space-base);
5440
- }
5441
-
5442
- .cfDwOgEkPHQ- {
5443
- width: 100%;
5444
- }
5445
-
5446
5446
  .BQqkfvwFjbQ- {
5447
5447
  display: -ms-flexbox;
5448
5448
  display: flex;
@@ -5466,206 +5466,62 @@ progress.w8NAw4ZMB6g-[value]::-webkit-progress-value {
5466
5466
 
5467
5467
  .BQqkfvwFjbQ-.FC2KY5S6p6E- > :nth-last-child(n + 3),
5468
5468
  .BQqkfvwFjbQ-.FC2KY5S6p6E- > :nth-last-child(n + 3) ~ * {
5469
- -ms-flex-preferred-size: 100%;
5470
- flex-basis: 100%;
5471
- }
5472
-
5473
- .BQqkfvwFjbQ-.XJQ0uo0TZ2w- > :nth-last-child(n + 4),
5474
- .BQqkfvwFjbQ-.XJQ0uo0TZ2w- > :nth-last-child(n + 4) ~ * {
5475
- -ms-flex-preferred-size: 100%;
5476
- flex-basis: 100%;
5477
- }
5478
-
5479
- .BQqkfvwFjbQ-.QmUWX7VCL0A- > :nth-last-child(n + 5),
5480
- .BQqkfvwFjbQ-.QmUWX7VCL0A- > :nth-last-child(n + 5) ~ * {
5481
- -ms-flex-preferred-size: 100%;
5482
- flex-basis: 100%;
5483
- }
5484
-
5485
- .BQqkfvwFjbQ-._0gKXd8nPCKU- > :nth-last-child(n + 6),
5486
- .BQqkfvwFjbQ-._0gKXd8nPCKU- > :nth-last-child(n + 6) ~ * {
5487
- -ms-flex-preferred-size: 100%;
5488
- flex-basis: 100%;
5489
- }
5490
-
5491
- .BQqkfvwFjbQ-.DvGgLdlE8Ac- > :nth-last-child(n + 7),
5492
- .BQqkfvwFjbQ-.DvGgLdlE8Ac- > :nth-last-child(n + 7) ~ * {
5493
- -ms-flex-preferred-size: 100%;
5494
- flex-basis: 100%;
5495
- }
5496
-
5497
- .BQqkfvwFjbQ-._4PxEtfehh4s- > :nth-last-child(n + 8),
5498
- .BQqkfvwFjbQ-._4PxEtfehh4s- > :nth-last-child(n + 8) ~ * {
5499
- -ms-flex-preferred-size: 100%;
5500
- flex-basis: 100%;
5501
- }
5502
-
5503
- .BQqkfvwFjbQ-.DZPW3Q-N5ik- > :nth-last-child(n + 9),
5504
- .BQqkfvwFjbQ-.DZPW3Q-N5ik- > :nth-last-child(n + 9) ~ * {
5505
- -ms-flex-preferred-size: 100%;
5506
- flex-basis: 100%;
5507
- }
5508
-
5509
- .BQqkfvwFjbQ-._2BL9H-tmzMk- > :nth-last-child(n + 10),
5510
- .BQqkfvwFjbQ-._2BL9H-tmzMk- > :nth-last-child(n + 10) ~ * {
5511
- -ms-flex-preferred-size: 100%;
5512
- flex-basis: 100%;
5513
- }
5514
-
5515
- .Hx--3IsyLgs- {
5516
- display: -ms-flexbox;
5517
- display: flex;
5518
- -ms-flex-wrap: wrap;
5519
- flex-wrap: wrap;
5520
- gap: var(--public-sidekick-space);
5521
- width: var(--public-sidekick-width);
5522
- }
5523
-
5524
- .bevb052oaa4- > :first-child {
5525
- -ms-flex-positive: 1;
5526
- flex-grow: 1;
5527
- }
5528
-
5529
- .v17EfPAcJZI- > :first-child {
5530
- -ms-flex-preferred-size: var(--public-sidekick-min-width);
5531
- flex-basis: var(--public-sidekick-min-width);
5532
- }
5533
-
5534
- .bevb052oaa4- > :last-child {
5535
- -ms-flex-preferred-size: 0;
5536
- flex-basis: 0;
5537
- -ms-flex-positive: 999;
5538
- flex-grow: 999;
5539
- min-width: var(--public-sidekick-side-width);
5540
- }
5541
-
5542
- ._3hUKFPIws6o- > :last-child {
5543
- -ms-flex-preferred-size: var(--public-sidekick-min-width);
5544
- flex-basis: var(--public-sidekick-min-width);
5545
- }
5546
-
5547
- ._22dEgb17I90- > :first-child {
5548
- -ms-flex-preferred-size: 0;
5549
- flex-basis: 0;
5550
- -ms-flex-positive: 999;
5551
- flex-grow: 999;
5552
- min-width: var(--public-sidekick-side-width);
5553
- }
5554
-
5555
- ._22dEgb17I90- > :last-child {
5556
- -ms-flex-positive: 1;
5557
- flex-grow: 1;
5558
- }
5559
-
5560
- ._3yK4CuMFyqw-,
5561
- .lY-7fyPMF6Y-,
5562
- .Ti0avsNfvTw-,
5563
- ._9dXm70WomU8- {
5564
- -ms-flex-direction: column;
5565
- flex-direction: column;
5566
- }
5567
-
5568
- ._3yK4CuMFyqw- > *,
5569
- .lY-7fyPMF6Y- > *,
5570
- .Ti0avsNfvTw- > *,
5571
- ._9dXm70WomU8- > * {
5572
- width: 100%;
5573
- }
5574
-
5575
- @media (min-width: 490px) {
5576
- ._3yK4CuMFyqw- {
5577
- -ms-flex-direction: row;
5578
- flex-direction: row;
5579
- }
5580
-
5581
- ._3yK4CuMFyqw- > * {
5582
- width: auto;
5583
- }
5584
- }
5585
-
5586
- @media (--small-screens-and-up) {
5587
- ._3yK4CuMFyqw- {
5588
- -ms-flex-direction: row;
5589
- flex-direction: row;
5590
- }
5591
-
5592
- ._3yK4CuMFyqw- > * {
5593
- width: auto;
5594
- }
5595
- }
5596
-
5597
- @media (min-width: 768px) {
5598
- .lY-7fyPMF6Y- {
5599
- -ms-flex-direction: row;
5600
- flex-direction: row;
5601
- }
5602
-
5603
- .lY-7fyPMF6Y- > * {
5604
- width: auto;
5605
- }
5606
- }
5607
-
5608
- @media (--medium-screens-and-up) {
5609
- .lY-7fyPMF6Y- {
5610
- -ms-flex-direction: row;
5611
- flex-direction: row;
5612
- }
5613
-
5614
- .lY-7fyPMF6Y- > * {
5615
- width: auto;
5616
- }
5617
- }
5618
-
5619
- @media (min-width: 1080px) {
5620
- .Ti0avsNfvTw- {
5621
- -ms-flex-direction: row;
5622
- flex-direction: row;
5623
- }
5469
+ -ms-flex-preferred-size: 100%;
5470
+ flex-basis: 100%;
5471
+ }
5624
5472
 
5625
- .Ti0avsNfvTw- > * {
5626
- width: auto;
5627
- }
5473
+ .BQqkfvwFjbQ-.XJQ0uo0TZ2w- > :nth-last-child(n + 4),
5474
+ .BQqkfvwFjbQ-.XJQ0uo0TZ2w- > :nth-last-child(n + 4) ~ * {
5475
+ -ms-flex-preferred-size: 100%;
5476
+ flex-basis: 100%;
5628
5477
  }
5629
5478
 
5630
- @media (--large-screens-and-up) {
5631
- .Ti0avsNfvTw- {
5632
- -ms-flex-direction: row;
5633
- flex-direction: row;
5634
- }
5479
+ .BQqkfvwFjbQ-.QmUWX7VCL0A- > :nth-last-child(n + 5),
5480
+ .BQqkfvwFjbQ-.QmUWX7VCL0A- > :nth-last-child(n + 5) ~ * {
5481
+ -ms-flex-preferred-size: 100%;
5482
+ flex-basis: 100%;
5483
+ }
5635
5484
 
5636
- .Ti0avsNfvTw- > * {
5637
- width: auto;
5638
- }
5485
+ .BQqkfvwFjbQ-._0gKXd8nPCKU- > :nth-last-child(n + 6),
5486
+ .BQqkfvwFjbQ-._0gKXd8nPCKU- > :nth-last-child(n + 6) ~ * {
5487
+ -ms-flex-preferred-size: 100%;
5488
+ flex-basis: 100%;
5639
5489
  }
5640
5490
 
5641
- @media (min-width: 1440px) {
5642
- ._9dXm70WomU8- {
5643
- -ms-flex-direction: row;
5644
- flex-direction: row;
5645
- }
5491
+ .BQqkfvwFjbQ-.DvGgLdlE8Ac- > :nth-last-child(n + 7),
5492
+ .BQqkfvwFjbQ-.DvGgLdlE8Ac- > :nth-last-child(n + 7) ~ * {
5493
+ -ms-flex-preferred-size: 100%;
5494
+ flex-basis: 100%;
5495
+ }
5646
5496
 
5647
- ._9dXm70WomU8- > * {
5648
- width: auto;
5649
- }
5497
+ .BQqkfvwFjbQ-._4PxEtfehh4s- > :nth-last-child(n + 8),
5498
+ .BQqkfvwFjbQ-._4PxEtfehh4s- > :nth-last-child(n + 8) ~ * {
5499
+ -ms-flex-preferred-size: 100%;
5500
+ flex-basis: 100%;
5650
5501
  }
5651
5502
 
5652
- @media (--extra-large-screens-and-up) {
5653
- ._9dXm70WomU8- {
5654
- -ms-flex-direction: row;
5655
- flex-direction: row;
5656
- }
5503
+ .BQqkfvwFjbQ-.DZPW3Q-N5ik- > :nth-last-child(n + 9),
5504
+ .BQqkfvwFjbQ-.DZPW3Q-N5ik- > :nth-last-child(n + 9) ~ * {
5505
+ -ms-flex-preferred-size: 100%;
5506
+ flex-basis: 100%;
5507
+ }
5657
5508
 
5658
- ._9dXm70WomU8- > * {
5659
- width: auto;
5660
- }
5509
+ .BQqkfvwFjbQ-._2BL9H-tmzMk- > :nth-last-child(n + 10),
5510
+ .BQqkfvwFjbQ-._2BL9H-tmzMk- > :nth-last-child(n + 10) ~ * {
5511
+ -ms-flex-preferred-size: 100%;
5512
+ flex-basis: 100%;
5661
5513
  }
5662
5514
 
5663
- .Hx--3IsyLgs-.dN25lKXiqB0- {
5664
- -ms-flex-direction: column;
5665
- flex-direction: column;
5515
+ .v2xMxsPFwcM- {
5516
+ display: -ms-flexbox;
5517
+ display: flex;
5518
+ -ms-flex-align: center;
5519
+ align-items: center;
5520
+ gap: 16px;
5521
+ gap: var(--space-base);
5666
5522
  }
5667
5523
 
5668
- .Hx--3IsyLgs-.dN25lKXiqB0- > * {
5524
+ .cfDwOgEkPHQ- {
5669
5525
  width: 100%;
5670
5526
  }
5671
5527
 
@@ -5857,57 +5713,214 @@ progress.w8NAw4ZMB6g-[value]::-webkit-progress-value {
5857
5713
  flex-direction: column-reverse;
5858
5714
  }
5859
5715
 
5860
- .gSN5nWDwGm4- .tMeBAjf4vEA- {
5861
- -ms-flex-order: 1;
5862
- order: 1;
5716
+ .gSN5nWDwGm4- .tMeBAjf4vEA- {
5717
+ -ms-flex-order: 1;
5718
+ order: 1;
5719
+ }
5720
+
5721
+ .gSN5nWDwGm4- .-lPSZVGIIAs- {
5722
+ -ms-flex-order: -1;
5723
+ order: -1;
5724
+ }
5725
+
5726
+ .XOqA4Hw6S6g- {
5727
+ --transition: var(--timing-base) ease-in-out;
5728
+
5729
+ width: 0;
5730
+ opacity: 0;
5731
+ -webkit-transform: translateX(-8px);
5732
+ transform: translateX(-8px);
5733
+ transition:
5734
+ width 200ms ease-in-out,
5735
+ opacity 200ms ease-in-out,
5736
+ -webkit-transform 200ms ease-in-out;
5737
+ transition:
5738
+ width var(--transition),
5739
+ opacity var(--transition),
5740
+ -webkit-transform var(--transition);
5741
+ transition:
5742
+ width 200ms ease-in-out,
5743
+ transform 200ms ease-in-out,
5744
+ opacity 200ms ease-in-out;
5745
+ transition:
5746
+ width var(--transition),
5747
+ transform var(--transition),
5748
+ opacity var(--transition);
5749
+ transition:
5750
+ width 200ms ease-in-out,
5751
+ transform 200ms ease-in-out,
5752
+ opacity 200ms ease-in-out,
5753
+ -webkit-transform 200ms ease-in-out;
5754
+ transition:
5755
+ width var(--transition),
5756
+ transform var(--transition),
5757
+ opacity var(--transition),
5758
+ -webkit-transform var(--transition);
5759
+ }
5760
+
5761
+ .XOqA4Hw6S6g-.b4VHPS-RG34- {
5762
+ width: 40px;
5763
+ opacity: 1;
5764
+ -webkit-transform: translateX(0);
5765
+ transform: translateX(0);
5766
+ }
5767
+
5768
+ .Hx--3IsyLgs- {
5769
+ display: -ms-flexbox;
5770
+ display: flex;
5771
+ -ms-flex-wrap: wrap;
5772
+ flex-wrap: wrap;
5773
+ gap: var(--public-sidekick-space);
5774
+ width: var(--public-sidekick-width);
5775
+ }
5776
+
5777
+ .bevb052oaa4- > :first-child {
5778
+ -ms-flex-positive: 1;
5779
+ flex-grow: 1;
5780
+ }
5781
+
5782
+ .v17EfPAcJZI- > :first-child {
5783
+ -ms-flex-preferred-size: var(--public-sidekick-min-width);
5784
+ flex-basis: var(--public-sidekick-min-width);
5785
+ }
5786
+
5787
+ .bevb052oaa4- > :last-child {
5788
+ -ms-flex-preferred-size: 0;
5789
+ flex-basis: 0;
5790
+ -ms-flex-positive: 999;
5791
+ flex-grow: 999;
5792
+ min-width: var(--public-sidekick-side-width);
5793
+ }
5794
+
5795
+ ._3hUKFPIws6o- > :last-child {
5796
+ -ms-flex-preferred-size: var(--public-sidekick-min-width);
5797
+ flex-basis: var(--public-sidekick-min-width);
5798
+ }
5799
+
5800
+ ._22dEgb17I90- > :first-child {
5801
+ -ms-flex-preferred-size: 0;
5802
+ flex-basis: 0;
5803
+ -ms-flex-positive: 999;
5804
+ flex-grow: 999;
5805
+ min-width: var(--public-sidekick-side-width);
5806
+ }
5807
+
5808
+ ._22dEgb17I90- > :last-child {
5809
+ -ms-flex-positive: 1;
5810
+ flex-grow: 1;
5811
+ }
5812
+
5813
+ ._3yK4CuMFyqw-,
5814
+ .lY-7fyPMF6Y-,
5815
+ .Ti0avsNfvTw-,
5816
+ ._9dXm70WomU8- {
5817
+ -ms-flex-direction: column;
5818
+ flex-direction: column;
5819
+ }
5820
+
5821
+ ._3yK4CuMFyqw- > *,
5822
+ .lY-7fyPMF6Y- > *,
5823
+ .Ti0avsNfvTw- > *,
5824
+ ._9dXm70WomU8- > * {
5825
+ width: 100%;
5826
+ }
5827
+
5828
+ @media (min-width: 490px) {
5829
+ ._3yK4CuMFyqw- {
5830
+ -ms-flex-direction: row;
5831
+ flex-direction: row;
5832
+ }
5833
+
5834
+ ._3yK4CuMFyqw- > * {
5835
+ width: auto;
5836
+ }
5837
+ }
5838
+
5839
+ @media (--small-screens-and-up) {
5840
+ ._3yK4CuMFyqw- {
5841
+ -ms-flex-direction: row;
5842
+ flex-direction: row;
5843
+ }
5844
+
5845
+ ._3yK4CuMFyqw- > * {
5846
+ width: auto;
5847
+ }
5848
+ }
5849
+
5850
+ @media (min-width: 768px) {
5851
+ .lY-7fyPMF6Y- {
5852
+ -ms-flex-direction: row;
5853
+ flex-direction: row;
5854
+ }
5855
+
5856
+ .lY-7fyPMF6Y- > * {
5857
+ width: auto;
5858
+ }
5859
+ }
5860
+
5861
+ @media (--medium-screens-and-up) {
5862
+ .lY-7fyPMF6Y- {
5863
+ -ms-flex-direction: row;
5864
+ flex-direction: row;
5865
+ }
5866
+
5867
+ .lY-7fyPMF6Y- > * {
5868
+ width: auto;
5869
+ }
5870
+ }
5871
+
5872
+ @media (min-width: 1080px) {
5873
+ .Ti0avsNfvTw- {
5874
+ -ms-flex-direction: row;
5875
+ flex-direction: row;
5876
+ }
5877
+
5878
+ .Ti0avsNfvTw- > * {
5879
+ width: auto;
5880
+ }
5881
+ }
5882
+
5883
+ @media (--large-screens-and-up) {
5884
+ .Ti0avsNfvTw- {
5885
+ -ms-flex-direction: row;
5886
+ flex-direction: row;
5887
+ }
5888
+
5889
+ .Ti0avsNfvTw- > * {
5890
+ width: auto;
5891
+ }
5892
+ }
5893
+
5894
+ @media (min-width: 1440px) {
5895
+ ._9dXm70WomU8- {
5896
+ -ms-flex-direction: row;
5897
+ flex-direction: row;
5898
+ }
5899
+
5900
+ ._9dXm70WomU8- > * {
5901
+ width: auto;
5863
5902
  }
5903
+ }
5864
5904
 
5865
- .gSN5nWDwGm4- .-lPSZVGIIAs- {
5866
- -ms-flex-order: -1;
5867
- order: -1;
5905
+ @media (--extra-large-screens-and-up) {
5906
+ ._9dXm70WomU8- {
5907
+ -ms-flex-direction: row;
5908
+ flex-direction: row;
5868
5909
  }
5869
5910
 
5870
- .XOqA4Hw6S6g- {
5871
- --transition: var(--timing-base) ease-in-out;
5911
+ ._9dXm70WomU8- > * {
5912
+ width: auto;
5913
+ }
5914
+ }
5872
5915
 
5873
- width: 0;
5874
- opacity: 0;
5875
- -webkit-transform: translateX(-8px);
5876
- transform: translateX(-8px);
5877
- transition:
5878
- width 200ms ease-in-out,
5879
- opacity 200ms ease-in-out,
5880
- -webkit-transform 200ms ease-in-out;
5881
- transition:
5882
- width var(--transition),
5883
- opacity var(--transition),
5884
- -webkit-transform var(--transition);
5885
- transition:
5886
- width 200ms ease-in-out,
5887
- transform 200ms ease-in-out,
5888
- opacity 200ms ease-in-out;
5889
- transition:
5890
- width var(--transition),
5891
- transform var(--transition),
5892
- opacity var(--transition);
5893
- transition:
5894
- width 200ms ease-in-out,
5895
- transform 200ms ease-in-out,
5896
- opacity 200ms ease-in-out,
5897
- -webkit-transform 200ms ease-in-out;
5898
- transition:
5899
- width var(--transition),
5900
- transform var(--transition),
5901
- opacity var(--transition),
5902
- -webkit-transform var(--transition);
5916
+ .Hx--3IsyLgs-.dN25lKXiqB0- {
5917
+ -ms-flex-direction: column;
5918
+ flex-direction: column;
5903
5919
  }
5904
5920
 
5905
- .XOqA4Hw6S6g-.b4VHPS-RG34- {
5906
- width: 40px;
5907
- opacity: 1;
5908
- -webkit-transform: translateX(0);
5909
- transform: translateX(0);
5910
- }
5921
+ .Hx--3IsyLgs-.dN25lKXiqB0- > * {
5922
+ width: 100%;
5923
+ }
5911
5924
 
5912
5925
  ._6hfmGZoXNyg- {
5913
5926
  width: 32px;
@@ -5993,6 +6006,70 @@ progress.w8NAw4ZMB6g-[value]::-webkit-progress-value {
5993
6006
  flex-shrink: 0;
5994
6007
  }
5995
6008
 
6009
+ .OADGAhZt8dY- {
6010
+ --labelBackgroundColor: var(--color-success--surface);
6011
+ --labelTextColor: var(--color-success--onSurface);
6012
+
6013
+ display: -ms-flexbox;
6014
+
6015
+ display: flex;
6016
+ width: -webkit-fit-content;
6017
+ width: -moz-fit-content;
6018
+ width: fit-content;
6019
+ padding: 0.375rem 0.625rem 0.375rem 0.5rem;
6020
+ border-radius: 0.75rem;
6021
+ -ms-flex-direction: row;
6022
+ flex-direction: row;
6023
+ -ms-flex-wrap: nowrap;
6024
+ flex-wrap: nowrap;
6025
+ gap: 0.375rem;
6026
+ background-color: hsl(109, 28%, 92%);
6027
+ background-color: var(--labelBackgroundColor);
6028
+ }
6029
+
6030
+ .gQdAtJ0BiSk- {
6031
+ --labelBackgroundColor: var(--color-success--surface);
6032
+ --labelTextColor: var(--color-success--onSurface);
6033
+ }
6034
+
6035
+ ._1vqcSM0FTig- {
6036
+ --labelBackgroundColor: var(--color-warning--surface);
6037
+ --labelTextColor: var(--color-warning--onSurface);
6038
+ }
6039
+
6040
+ .maK19lcw4T8- {
6041
+ --labelBackgroundColor: var(--color-critical--surface);
6042
+ --labelTextColor: var(--color-critical--onSurface);
6043
+ }
6044
+
6045
+ .n-xRjfGbWgM- {
6046
+ --labelBackgroundColor: var(--color-inactive--surface);
6047
+ --labelTextColor: var(--color-inactive--onSurface);
6048
+ }
6049
+
6050
+ .d6Y1CRe9qac- {
6051
+ --labelBackgroundColor: var(--color-informative--surface);
6052
+ --labelTextColor: var(--color-informative--onSurface);
6053
+ }
6054
+
6055
+ /* Reset the <Text> line height so we can reliably get 24px tall */
6056
+
6057
+ .OADGAhZt8dY- p {
6058
+ color: var(--labelTextColor);
6059
+ line-height: 1;
6060
+ }
6061
+
6062
+ .PqXUSR-3s4M- {
6063
+ -ms-flex-direction: row-reverse;
6064
+ flex-direction: row-reverse;
6065
+ }
6066
+
6067
+ .RmE4LVHqe60- {
6068
+ display: -ms-flexbox;
6069
+ display: flex;
6070
+ padding-top: 0.125rem;
6071
+ }
6072
+
5996
6073
  ._7bHFxCX3jv4- {
5997
6074
  display: -ms-flexbox;
5998
6075
  display: flex;
@@ -6125,70 +6202,6 @@ If there is a way to loop in the future of use a css custom property, we can use
6125
6202
  margin-bottom: auto;
6126
6203
  }
6127
6204
 
6128
- .OADGAhZt8dY- {
6129
- --labelBackgroundColor: var(--color-success--surface);
6130
- --labelTextColor: var(--color-success--onSurface);
6131
-
6132
- display: -ms-flexbox;
6133
-
6134
- display: flex;
6135
- width: -webkit-fit-content;
6136
- width: -moz-fit-content;
6137
- width: fit-content;
6138
- padding: 0.375rem 0.625rem 0.375rem 0.5rem;
6139
- border-radius: 0.75rem;
6140
- -ms-flex-direction: row;
6141
- flex-direction: row;
6142
- -ms-flex-wrap: nowrap;
6143
- flex-wrap: nowrap;
6144
- gap: 0.375rem;
6145
- background-color: hsl(109, 28%, 92%);
6146
- background-color: var(--labelBackgroundColor);
6147
- }
6148
-
6149
- .gQdAtJ0BiSk- {
6150
- --labelBackgroundColor: var(--color-success--surface);
6151
- --labelTextColor: var(--color-success--onSurface);
6152
- }
6153
-
6154
- ._1vqcSM0FTig- {
6155
- --labelBackgroundColor: var(--color-warning--surface);
6156
- --labelTextColor: var(--color-warning--onSurface);
6157
- }
6158
-
6159
- .maK19lcw4T8- {
6160
- --labelBackgroundColor: var(--color-critical--surface);
6161
- --labelTextColor: var(--color-critical--onSurface);
6162
- }
6163
-
6164
- .n-xRjfGbWgM- {
6165
- --labelBackgroundColor: var(--color-inactive--surface);
6166
- --labelTextColor: var(--color-inactive--onSurface);
6167
- }
6168
-
6169
- .d6Y1CRe9qac- {
6170
- --labelBackgroundColor: var(--color-informative--surface);
6171
- --labelTextColor: var(--color-informative--onSurface);
6172
- }
6173
-
6174
- /* Reset the <Text> line height so we can reliably get 24px tall */
6175
-
6176
- .OADGAhZt8dY- p {
6177
- color: var(--labelTextColor);
6178
- line-height: 1;
6179
- }
6180
-
6181
- .PqXUSR-3s4M- {
6182
- -ms-flex-direction: row-reverse;
6183
- flex-direction: row-reverse;
6184
- }
6185
-
6186
- .RmE4LVHqe60- {
6187
- display: -ms-flexbox;
6188
- display: flex;
6189
- padding-top: 0.125rem;
6190
- }
6191
-
6192
6205
  .rVg6dYYBFN4- {
6193
6206
  --switch--width: 48px;
6194
6207
  --switch--pipSize: 16px;
@@ -6548,23 +6561,6 @@ ul.LfIIg9bwrhQ- {
6548
6561
  font-size: var(--typography--fontSize-small);
6549
6562
  }
6550
6563
 
6551
- .jC1GzRIJp74- {
6552
- display: grid;
6553
- grid-gap: var(--public-tile-space);
6554
- width: var(--public-tiles-width);
6555
- -ms-flex-align: var(--public-tiles-align);
6556
- align-items: var(--public-tiles-align);
6557
- }
6558
-
6559
- @supports (width: min(var(--public-tile-min-size), 100%)) {
6560
- .jC1GzRIJp74- {
6561
- grid-template-columns: repeat(
6562
- auto-fill,
6563
- minmax(min(var(--public-tile-min-size), 100%), 1fr)
6564
- );
6565
- }
6566
- }
6567
-
6568
6564
  ._0Tvq24WjeX8- {
6569
6565
  position: relative;
6570
6566
  z-index: 1003;
@@ -6638,6 +6634,23 @@ ul.LfIIg9bwrhQ- {
6638
6634
  fill: var(--color-greyBlue) !important;
6639
6635
  }
6640
6636
 
6637
+ .jC1GzRIJp74- {
6638
+ display: grid;
6639
+ grid-gap: var(--public-tile-space);
6640
+ width: var(--public-tiles-width);
6641
+ -ms-flex-align: var(--public-tiles-align);
6642
+ align-items: var(--public-tiles-align);
6643
+ }
6644
+
6645
+ @supports (width: min(var(--public-tile-min-size), 100%)) {
6646
+ .jC1GzRIJp74- {
6647
+ grid-template-columns: repeat(
6648
+ auto-fill,
6649
+ minmax(min(var(--public-tile-min-size), 100%), 1fr)
6650
+ );
6651
+ }
6652
+ }
6653
+
6641
6654
  .sZQ1M6tj8-c- {
6642
6655
  display: none;
6643
6656
  }
@@ -7267,6 +7280,43 @@ ul.LfIIg9bwrhQ- {
7267
7280
  background: var(--color-disabled);
7268
7281
  }
7269
7282
 
7283
+ ._3hq7jJitEgs- {
7284
+ display: -ms-flexbox;
7285
+ display: flex;
7286
+ -ms-flex-direction: column;
7287
+ flex-direction: column;
7288
+ min-width: 0;
7289
+ }
7290
+
7291
+ .oWJNe7O1DFI- {
7292
+ white-space: pre-wrap;
7293
+ }
7294
+
7295
+ .kCKg-JJTRO8- {
7296
+ border-radius: 4px;
7297
+ border-radius: var(--radius-small);
7298
+ }
7299
+
7300
+ ._235nMwtuWSw- {
7301
+ border-radius: 8px;
7302
+ border-radius: var(--radius-base);
7303
+ }
7304
+
7305
+ ._9ppkWehd4QA- {
7306
+ border-radius: 16px;
7307
+ border-radius: var(--radius-large);
7308
+ }
7309
+
7310
+ .CsG3cZAn6r0- {
7311
+ border-radius: 24px;
7312
+ border-radius: var(--radius-larger);
7313
+ }
7314
+
7315
+ .WWKSAC2020Q- {
7316
+ border-radius: 100%;
7317
+ border-radius: var(--radius-circle);
7318
+ }
7319
+
7270
7320
  .QJaShYW08G4- {
7271
7321
  gap: 1px;
7272
7322
  gap: var(--space-minuscule);
@@ -7317,65 +7367,35 @@ ul.LfIIg9bwrhQ- {
7317
7367
  gap: var(--space-extravagant);
7318
7368
  }
7319
7369
 
7320
- .kCKg-JJTRO8- {
7321
- border-radius: 4px;
7322
- border-radius: var(--radius-small);
7323
- }
7324
-
7325
- ._235nMwtuWSw- {
7326
- border-radius: 8px;
7327
- border-radius: var(--radius-base);
7328
- }
7329
-
7330
- ._9ppkWehd4QA- {
7331
- border-radius: 16px;
7332
- border-radius: var(--radius-large);
7333
- }
7334
-
7335
- .CsG3cZAn6r0- {
7336
- border-radius: 24px;
7337
- border-radius: var(--radius-larger);
7338
- }
7339
-
7340
- .WWKSAC2020Q- {
7341
- border-radius: 100%;
7342
- border-radius: var(--radius-circle);
7370
+ .vqVnWscsiIQ- {
7371
+ margin: 0;
7372
+ margin: var(--box-margin, 0);
7343
7373
  }
7344
7374
 
7345
- ._3hq7jJitEgs- {
7346
- display: -ms-flexbox;
7347
- display: flex;
7348
- -ms-flex-direction: column;
7349
- flex-direction: column;
7350
- min-width: 0;
7375
+ .DhS09-lwkTc- {
7376
+ margin-left: var(--box-margin-horizontal);
7377
+ margin-right: var(--box-margin-horizontal);
7351
7378
  }
7352
7379
 
7353
- .oWJNe7O1DFI- {
7354
- white-space: pre-wrap;
7380
+ .W69ryAzdUzg- {
7381
+ margin-top: var(--box-margin-vertical);
7382
+ margin-bottom: var(--box-margin-vertical);
7355
7383
  }
7356
7384
 
7357
- .CXP1mw5bm-s- {
7358
- height: auto;
7385
+ .HvTuGXdMjIs- {
7386
+ margin-top: var(--box-margin-top);
7359
7387
  }
7360
7388
 
7361
- .WF3F8955azY- {
7362
- width: auto;
7389
+ .I6vE31JlhII- {
7390
+ margin-right: var(--box-margin-right);
7363
7391
  }
7364
7392
 
7365
- .FvQEC-mLWg0-,
7366
- .V-mgShFUOdU- {
7367
- min-width: 0;
7368
- min-height: 0;
7369
- -ms-flex: 0 0 auto;
7370
- flex: 0 0 auto;
7393
+ .q8t-vPsvy5g- {
7394
+ margin-bottom: var(--box-margin-bottom);
7371
7395
  }
7372
7396
 
7373
- .QpiuEE5kvzA-,
7374
- .gKgsOLA5xGU- {
7375
- min-width: 0;
7376
- min-height: 0;
7377
- -ms-flex: 1 1 auto;
7378
- flex: 1 1 auto;
7397
+ ._1KNYdnJlOLE- {
7398
+ margin-left: var(--box-margin-left);
7379
7399
  }
7380
7400
 
7381
7401
  .Y4Fm1wA7Z6c- {
@@ -7404,6 +7424,30 @@ ul.LfIIg9bwrhQ- {
7404
7424
  border-left-width: var(--box-border-left);
7405
7425
  }
7406
7426
 
7427
+ .CXP1mw5bm-s- {
7428
+ height: auto;
7429
+ }
7430
+
7431
+ .WF3F8955azY- {
7432
+ width: auto;
7433
+ }
7434
+
7435
+ .FvQEC-mLWg0-,
7436
+ .V-mgShFUOdU- {
7437
+ min-width: 0;
7438
+ min-height: 0;
7439
+ -ms-flex: 0 0 auto;
7440
+ flex: 0 0 auto;
7441
+ }
7442
+
7443
+ .QpiuEE5kvzA-,
7444
+ .gKgsOLA5xGU- {
7445
+ min-width: 0;
7446
+ min-height: 0;
7447
+ -ms-flex: 1 1 auto;
7448
+ flex: 1 1 auto;
7449
+ }
7450
+
7407
7451
  .pyQJ1Rwtg3Q- {
7408
7452
  padding: 0;
7409
7453
  padding: var(--box-padding, 0);
@@ -7435,35 +7479,37 @@ ul.LfIIg9bwrhQ- {
7435
7479
  padding-left: var(--box-padding-left);
7436
7480
  }
7437
7481
 
7438
- .vqVnWscsiIQ- {
7439
- margin: 0;
7440
- margin: var(--box-margin, 0);
7441
- }
7442
-
7443
- .DhS09-lwkTc- {
7444
- margin-left: var(--box-margin-horizontal);
7445
- margin-right: var(--box-margin-horizontal);
7482
+ .bjemHBSLuQ0- {
7483
+ height: 8px;
7484
+ height: var(--space-small);
7446
7485
  }
7447
7486
 
7448
- .W69ryAzdUzg- {
7449
- margin-top: var(--box-margin-vertical);
7450
- margin-bottom: var(--box-margin-vertical);
7487
+ .MXFqgzJq5jw- {
7488
+ height: 16px;
7489
+ height: var(--space-base);
7451
7490
  }
7452
7491
 
7453
- .HvTuGXdMjIs- {
7454
- margin-top: var(--box-margin-top);
7492
+ .B2DzIy8pibk- {
7493
+ height: 24px;
7494
+ height: var(--space-large);
7455
7495
  }
7456
7496
 
7457
- .I6vE31JlhII- {
7458
- margin-right: var(--box-margin-right);
7497
+ .-ll1bKXJm9s- {
7498
+ height: 32px;
7499
+ height: var(--space-larger);
7459
7500
  }
7460
7501
 
7461
- .q8t-vPsvy5g- {
7462
- margin-bottom: var(--box-margin-bottom);
7502
+ .jieKjQ6-Scs- {
7503
+ height: 48px;
7504
+ height: var(--space-largest);
7463
7505
  }
7464
7506
 
7465
- ._1KNYdnJlOLE- {
7466
- margin-left: var(--box-margin-left);
7507
+ ._8qp0RoxJfHE- {
7508
+ height: 100%;
7509
+ min-width: 16px;
7510
+ min-width: var(--space-base);
7511
+ min-height: 16px;
7512
+ min-height: var(--space-base);
7467
7513
  }
7468
7514
 
7469
7515
  .vAVS-6e-jJo- {
@@ -7489,39 +7535,6 @@ ul.LfIIg9bwrhQ- {
7489
7535
  border-radius: var(--radius-circle);
7490
7536
  }
7491
7537
 
7492
- .bjemHBSLuQ0- {
7493
- height: 8px;
7494
- height: var(--space-small);
7495
- }
7496
-
7497
- .MXFqgzJq5jw- {
7498
- height: 16px;
7499
- height: var(--space-base);
7500
- }
7501
-
7502
- .B2DzIy8pibk- {
7503
- height: 24px;
7504
- height: var(--space-large);
7505
- }
7506
-
7507
- .-ll1bKXJm9s- {
7508
- height: 32px;
7509
- height: var(--space-larger);
7510
- }
7511
-
7512
- .jieKjQ6-Scs- {
7513
- height: 48px;
7514
- height: var(--space-largest);
7515
- }
7516
-
7517
- ._8qp0RoxJfHE- {
7518
- height: 100%;
7519
- min-width: 16px;
7520
- min-width: var(--space-base);
7521
- min-height: 16px;
7522
- min-height: var(--space-base);
7523
- }
7524
-
7525
7538
  ._6dlpcG-oxT4- {
7526
7539
  -webkit-animation-duration: var(--duration-base);
7527
7540
  animation-duration: var(--duration-base);
@@ -7681,6 +7694,21 @@ ul.LfIIg9bwrhQ- {
7681
7694
  text-transform: none;
7682
7695
  }
7683
7696
 
7697
+ .ws2Y0LqNNfk- {
7698
+ font-style: italic;
7699
+ }
7700
+
7701
+ .kw63z71hYYU- {
7702
+ display: inline;
7703
+ font-family: inherit;
7704
+ font-style: normal;
7705
+ font-weight: inherit;
7706
+ 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");
7707
+ background-position: center bottom;
7708
+ background-repeat: no-repeat;
7709
+ background-size: 100% 20%;
7710
+ }
7711
+
7684
7712
  /* Base colors for backwards compatability */
7685
7713
 
7686
7714
  .xNqFL54SrGc- {
@@ -8018,21 +8046,6 @@ ul.LfIIg9bwrhQ- {
8018
8046
  color: var(--color-brand);
8019
8047
  }
8020
8048
 
8021
- .ws2Y0LqNNfk- {
8022
- font-style: italic;
8023
- }
8024
-
8025
- .kw63z71hYYU- {
8026
- display: inline;
8027
- font-family: inherit;
8028
- font-style: normal;
8029
- font-weight: inherit;
8030
- 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");
8031
- background-position: center bottom;
8032
- background-repeat: no-repeat;
8033
- background-size: 100% 20%;
8034
- }
8035
-
8036
8049
  .bvnCrlndVHs- {
8037
8050
  display: -webkit-box !important;
8038
8051
  }
@@ -8041,6 +8054,18 @@ ul.LfIIg9bwrhQ- {
8041
8054
  overflow: hidden;
8042
8055
  }
8043
8056
 
8057
+ .r5lyOVfBlMI- {
8058
+ text-align: left;
8059
+ }
8060
+
8061
+ .w1MIwv35jXA- {
8062
+ text-align: center;
8063
+ }
8064
+
8065
+ .oOJPwUQFllQ- {
8066
+ text-align: right;
8067
+ }
8068
+
8044
8069
  .V9SSKxs15xE- {
8045
8070
  font-family: Inter, Helvetica, Arial, sans-serif;
8046
8071
  font-family: var(--typography--fontFamily-normal);
@@ -8058,18 +8083,6 @@ ul.LfIIg9bwrhQ- {
8058
8083
  text-underline-offset: var(--space-smaller);
8059
8084
  }
8060
8085
 
8061
- .r5lyOVfBlMI- {
8062
- text-align: left;
8063
- }
8064
-
8065
- .w1MIwv35jXA- {
8066
- text-align: center;
8067
- }
8068
-
8069
- .oOJPwUQFllQ- {
8070
- text-align: right;
8071
- }
8072
-
8073
8086
  .XRnU90M2-fs- {
8074
8087
  display: -ms-flexbox;
8075
8088
  display: flex;
@@ -8898,16 +8911,16 @@ ul.LfIIg9bwrhQ- {
8898
8911
  font-weight: 500;
8899
8912
  }
8900
8913
 
8914
+ .CwWlXTKCPUg- {
8915
+ visibility: hidden;
8916
+ }
8917
+
8901
8918
  .BJxca-StHxg- {
8902
8919
  /* Offset the button's padding so the height of the header bar doesn't change */
8903
8920
  margin: calc(8px * -1) 0;
8904
8921
  margin: calc(var(--space-small) * -1) 0;
8905
8922
  }
8906
8923
 
8907
- .CwWlXTKCPUg- {
8908
- visibility: hidden;
8909
- }
8910
-
8911
8924
  .kXYd0fpUuek- {
8912
8925
  display: -ms-flexbox;
8913
8926
  display: flex;
@@ -8926,43 +8939,18 @@ ul.LfIIg9bwrhQ- {
8926
8939
  transition: all var(--timing-base) ease-out;
8927
8940
  }
8928
8941
 
8929
- .kXYd0fpUuek-:focus,
8930
- .kXYd0fpUuek-:focus-visible {
8931
- outline: transparent;
8932
- }
8933
-
8934
- .kXYd0fpUuek-:focus-visible {
8935
- box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
8936
- box-shadow: var(--shadow-focus);
8937
- }
8938
-
8939
- .kryUPRHDUcs- {
8940
- cursor: pointer;
8941
- }
8942
-
8943
- ._7-6mnR33fOk- {
8944
- width: 18px;
8945
- height: 24px;
8946
- }
8947
-
8948
- ._7-6mnR33fOk- path {
8949
- fill: hsl(198, 35%, 21%);
8950
- fill: var(--color-interactive--subtle);
8951
- transition: opacity 200ms ease;
8952
- transition: opacity var(--timing-base) ease;
8953
- }
8954
-
8955
- ._7-6mnR33fOk- path.GBbFLBGQDvI- {
8956
- opacity: 0.4;
8942
+ .kXYd0fpUuek-:focus,
8943
+ .kXYd0fpUuek-:focus-visible {
8944
+ outline: transparent;
8957
8945
  }
8958
8946
 
8959
- ._7-6mnR33fOk- path.ADTGMg72Zw4-,
8960
- ._7-6mnR33fOk-:hover path {
8961
- opacity: 1;
8947
+ .kXYd0fpUuek-:focus-visible {
8948
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
8949
+ box-shadow: var(--shadow-focus);
8962
8950
  }
8963
8951
 
8964
- ._7-6mnR33fOk-:hover path.GBbFLBGQDvI- {
8965
- opacity: 0.6;
8952
+ .kryUPRHDUcs- {
8953
+ cursor: pointer;
8966
8954
  }
8967
8955
 
8968
8956
  .ld5hWlraYD8- {
@@ -9039,6 +9027,31 @@ ul.LfIIg9bwrhQ- {
9039
9027
  align-items: center;
9040
9028
  }
9041
9029
 
9030
+ ._7-6mnR33fOk- {
9031
+ width: 18px;
9032
+ height: 24px;
9033
+ }
9034
+
9035
+ ._7-6mnR33fOk- path {
9036
+ fill: hsl(198, 35%, 21%);
9037
+ fill: var(--color-interactive--subtle);
9038
+ transition: opacity 200ms ease;
9039
+ transition: opacity var(--timing-base) ease;
9040
+ }
9041
+
9042
+ ._7-6mnR33fOk- path.GBbFLBGQDvI- {
9043
+ opacity: 0.4;
9044
+ }
9045
+
9046
+ ._7-6mnR33fOk- path.ADTGMg72Zw4-,
9047
+ ._7-6mnR33fOk-:hover path {
9048
+ opacity: 1;
9049
+ }
9050
+
9051
+ ._7-6mnR33fOk-:hover path.GBbFLBGQDvI- {
9052
+ opacity: 0.6;
9053
+ }
9054
+
9042
9055
  .a-KvXvaVQks- {
9043
9056
  --overflow-fade--offset: var(--space-smaller);
9044
9057
  --overflow-fade--negative-offset: calc(var(--overflow-fade--offset) * -1);
@@ -9199,108 +9212,6 @@ ul.LfIIg9bwrhQ- {
9199
9212
  outline: transparent;
9200
9213
  }
9201
9214
 
9202
- .wFxd-3vJyKo- {
9203
- position: relative;
9204
- padding: 8px 0;
9205
- padding: var(--space-small) 0;
9206
- }
9207
-
9208
- .PzwV5qiIgV4- {
9209
- display: -ms-flexbox;
9210
- display: flex;
9211
-
9212
- max-height: calc(8px * 33.33);
9213
-
9214
- max-height: calc(var(--space-small) * 33.33);
9215
- margin: 0;
9216
- padding: 0;
9217
- overflow: auto;
9218
- list-style: none;
9219
- -ms-flex-direction: column;
9220
- flex-direction: column;
9221
- gap: 4px;
9222
- gap: var(--space-smaller);
9223
- }
9224
-
9225
- .c6TosVipkmw-,
9226
- .ZYrg-J4-v2Y- {
9227
- padding: 8px 16px;
9228
- padding: var(--space-small) var(--space-base);
9229
- }
9230
-
9231
- .wFxd-3vJyKo-::before,
9232
- .wFxd-3vJyKo-::after {
9233
- content: "";
9234
- display: block;
9235
- position: absolute;
9236
- right: 0;
9237
- left: 0;
9238
- height: 16px;
9239
- height: var(--space-base);
9240
- pointer-events: none;
9241
- transition: opacity 0.3s ease-in-out;
9242
- }
9243
-
9244
- .wFxd-3vJyKo-::after {
9245
- bottom: 8px;
9246
- bottom: var(--space-small);
9247
- background: linear-gradient(
9248
- 180deg,
9249
- transparent 0%,
9250
- rgba(255, 255, 255, 1) 100%
9251
- );
9252
- background: linear-gradient(
9253
- 180deg,
9254
- transparent 0%,
9255
- var(--color-surface) 100%
9256
- );
9257
- }
9258
-
9259
- .wFxd-3vJyKo-::before {
9260
- top: 8px;
9261
- top: var(--space-small);
9262
- background: linear-gradient(
9263
- 180deg,
9264
- rgba(255, 255, 255, 1) 0%,
9265
- transparent 100%
9266
- );
9267
- background: linear-gradient(
9268
- 180deg,
9269
- var(--color-surface) 0%,
9270
- transparent 100%
9271
- );
9272
- }
9273
-
9274
- .FLu6FtihsLo-::before,
9275
- .-o-v1zjzb48-::before {
9276
- opacity: 0;
9277
- }
9278
-
9279
- ._2iW5DZ16G2U-::after,
9280
- .-o-v1zjzb48-::after {
9281
- opacity: 0;
9282
- }
9283
-
9284
- .PqwPrWjdB-A- {
9285
- padding: 16px 16px;
9286
- padding: var(--space-base) var(--space-base);
9287
- }
9288
-
9289
- .PqwPrWjdB-A-.v3cabuEY4Xk- {
9290
- display: -ms-flexbox;
9291
- display: flex;
9292
- -ms-flex-pack: center;
9293
- justify-content: center;
9294
- position: sticky;
9295
- bottom: 0;
9296
- padding: 16px 0;
9297
- padding: var(--space-base) 0;
9298
- }
9299
-
9300
- .PqwPrWjdB-A-.v3cabuEY4Xk-:empty {
9301
- display: none;
9302
- }
9303
-
9304
9215
  .c4B0WFX6K0o- {
9305
9216
  position: relative;
9306
9217
  }
@@ -9406,19 +9317,108 @@ ul.LfIIg9bwrhQ- {
9406
9317
  box-shadow: var(--shadow-focus);
9407
9318
  }
9408
9319
 
9409
- .nrNh3feibg8- {
9320
+ .wFxd-3vJyKo- {
9321
+ position: relative;
9322
+ padding: 8px 0;
9323
+ padding: var(--space-small) 0;
9324
+ }
9325
+
9326
+ .PzwV5qiIgV4- {
9410
9327
  display: -ms-flexbox;
9411
9328
  display: flex;
9412
- padding: 16px 8px 0 16px;
9413
- padding: var(--space-base) var(--space-small) 0 var(--space-base);
9414
- -ms-flex-pack: justify;
9415
- justify-content: space-between;
9416
- -ms-flex-align: baseline;
9417
- align-items: baseline;
9329
+
9330
+ max-height: calc(8px * 33.33);
9331
+
9332
+ max-height: calc(var(--space-small) * 33.33);
9333
+ margin: 0;
9334
+ padding: 0;
9335
+ overflow: auto;
9336
+ list-style: none;
9337
+ -ms-flex-direction: column;
9338
+ flex-direction: column;
9418
9339
  gap: 4px;
9419
9340
  gap: var(--space-smaller);
9420
9341
  }
9421
9342
 
9343
+ .c6TosVipkmw-,
9344
+ .ZYrg-J4-v2Y- {
9345
+ padding: 8px 16px;
9346
+ padding: var(--space-small) var(--space-base);
9347
+ }
9348
+
9349
+ .wFxd-3vJyKo-::before,
9350
+ .wFxd-3vJyKo-::after {
9351
+ content: "";
9352
+ display: block;
9353
+ position: absolute;
9354
+ right: 0;
9355
+ left: 0;
9356
+ height: 16px;
9357
+ height: var(--space-base);
9358
+ pointer-events: none;
9359
+ transition: opacity 0.3s ease-in-out;
9360
+ }
9361
+
9362
+ .wFxd-3vJyKo-::after {
9363
+ bottom: 8px;
9364
+ bottom: var(--space-small);
9365
+ background: linear-gradient(
9366
+ 180deg,
9367
+ transparent 0%,
9368
+ rgba(255, 255, 255, 1) 100%
9369
+ );
9370
+ background: linear-gradient(
9371
+ 180deg,
9372
+ transparent 0%,
9373
+ var(--color-surface) 100%
9374
+ );
9375
+ }
9376
+
9377
+ .wFxd-3vJyKo-::before {
9378
+ top: 8px;
9379
+ top: var(--space-small);
9380
+ background: linear-gradient(
9381
+ 180deg,
9382
+ rgba(255, 255, 255, 1) 0%,
9383
+ transparent 100%
9384
+ );
9385
+ background: linear-gradient(
9386
+ 180deg,
9387
+ var(--color-surface) 0%,
9388
+ transparent 100%
9389
+ );
9390
+ }
9391
+
9392
+ .FLu6FtihsLo-::before,
9393
+ .-o-v1zjzb48-::before {
9394
+ opacity: 0;
9395
+ }
9396
+
9397
+ ._2iW5DZ16G2U-::after,
9398
+ .-o-v1zjzb48-::after {
9399
+ opacity: 0;
9400
+ }
9401
+
9402
+ .PqwPrWjdB-A- {
9403
+ padding: 16px 16px;
9404
+ padding: var(--space-base) var(--space-base);
9405
+ }
9406
+
9407
+ .PqwPrWjdB-A-.v3cabuEY4Xk- {
9408
+ display: -ms-flexbox;
9409
+ display: flex;
9410
+ -ms-flex-pack: center;
9411
+ justify-content: center;
9412
+ position: sticky;
9413
+ bottom: 0;
9414
+ padding: 16px 0;
9415
+ padding: var(--space-base) 0;
9416
+ }
9417
+
9418
+ .PqwPrWjdB-A-.v3cabuEY4Xk-:empty {
9419
+ display: none;
9420
+ }
9421
+
9422
9422
  .jPB--ZCYNNI- {
9423
9423
  -webkit-transform: translateY(calc(48px * -1));
9424
9424
  -webkit-transform: translateY(calc(var(--space-largest) * -1));
@@ -9426,6 +9426,19 @@ ul.LfIIg9bwrhQ- {
9426
9426
  transform: translateY(calc(var(--space-largest) * -1));
9427
9427
  }
9428
9428
 
9429
+ .nrNh3feibg8- {
9430
+ display: -ms-flexbox;
9431
+ display: flex;
9432
+ padding: 16px 8px 0 16px;
9433
+ padding: var(--space-base) var(--space-small) 0 var(--space-base);
9434
+ -ms-flex-pack: justify;
9435
+ justify-content: space-between;
9436
+ -ms-flex-align: baseline;
9437
+ align-items: baseline;
9438
+ gap: 4px;
9439
+ gap: var(--space-smaller);
9440
+ }
9441
+
9429
9442
  @charset "UTF-8";
9430
9443
  /* stylelint-disable */
9431
9444
  .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow, .react-datepicker__navigation-icon::before {