@jobber/components 6.58.2 → 6.58.3-JOB-124341-e089490.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 (8) hide show
  1. package/dist/Autocomplete/index.cjs +26 -16
  2. package/dist/Autocomplete/index.mjs +26 -16
  3. package/dist/Autocomplete-cjs.js +19 -0
  4. package/dist/Autocomplete-es.js +19 -0
  5. package/dist/Modal/useModal.d.ts +1 -1
  6. package/dist/Tooltip/useTooltipPositioning.d.ts +1 -1
  7. package/dist/styles.css +1455 -1455
  8. package/package.json +2 -2
package/dist/styles.css CHANGED
@@ -1,7 +1,3 @@
1
- .P6HrDSaI0Ac- {
2
- display: contents;
3
- }
4
-
5
1
  ._7mObJiwfPh4- {
6
2
  position: relative;
7
3
  width: 100%;
@@ -127,79 +123,8 @@
127
123
  text-align: right;
128
124
  }
129
125
 
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);
126
+ .P6HrDSaI0Ac- {
127
+ display: contents;
203
128
  }
204
129
 
205
130
  .ucGelS5nNm0- {
@@ -373,78 +298,79 @@
373
298
  align-self: center;
374
299
  }
375
300
 
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);
301
+ :root {
302
+ --public--avatar-size: 32px;
391
303
  }
392
304
 
393
- .-PlHaWx00Hw-:active {
394
- outline: 0;
395
- }
305
+ .QJpdGzG71k8- {
306
+ --avatar-size: var(--public--avatar-size);
307
+ --avatar-border-size: var(--border-base);
396
308
 
397
- /* Adjust `Content` components public padding to match the cards */
309
+ display: -ms-flexbox;
398
310
 
399
- .-PlHaWx00Hw- > * {
400
- --public-content--padding: var(--card--base-padding);
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;
401
334
  }
402
335
 
403
- /* Remove the nested `Content` components public padding */
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
+ }
404
341
 
405
- .-PlHaWx00Hw- > * > * {
406
- --public-content--padding: 0;
342
+ .bexrcoi1lZk- {
343
+ --avatar-size: 72px;
344
+ --avatar-border-size: var(--border-thick);
407
345
  }
408
346
 
409
- .Iilm5Uhxo50- {
410
- border-top-width: 0;
347
+ .xytAyzEap3U- {
348
+ --avatar-size: 24px;
411
349
  }
412
350
 
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;
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);
421
356
  }
422
357
 
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;
358
+ ._85roPa-UvXQ- {
359
+ font-size: calc(var(--avatar-size) / 2);
360
+ text-transform: uppercase;
429
361
  }
430
362
 
431
- .Vppn4k0fBsc-:hover,
432
- .Vppn4k0fBsc-:focus {
433
- background-color: hsl(53, 21%, 93%);
434
- background-color: var(--color-surface--hover);
363
+ .meLH-BCeXWU- {
364
+ font-size: calc(var(--avatar-size) / 2.25);
435
365
  }
436
366
 
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);
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);
448
374
  }
449
375
 
450
376
  ._5mDLThZ7dBQ- {
@@ -791,6 +717,27 @@
791
717
  --card--accent-color: var(--color-white);
792
718
  }
793
719
 
720
+ .bb-VTS0yML8-,
721
+ ._2BzdFV5LQvM-,
722
+ ._60G0BuQ6TY0- {
723
+ --card--border: none;
724
+ }
725
+
726
+ .bb-VTS0yML8- {
727
+ box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25), 0px 0px 2px rgba(0, 0, 0, 0.1);
728
+ box-shadow: var(--shadow-low);
729
+ }
730
+
731
+ ._2BzdFV5LQvM- {
732
+ box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
733
+ box-shadow: var(--shadow-base);
734
+ }
735
+
736
+ ._60G0BuQ6TY0- {
737
+ box-shadow: 0px 16px 16px 0px rgba(0, 0, 0, 0.075), 0px 0px 8px 0px rgba(0, 0, 0, 0.05);
738
+ box-shadow: var(--shadow-high);
739
+ }
740
+
794
741
  :root {
795
742
  --public--button--color-variation: var(--color-interactive);
796
743
  --public--button--color-variation--hover: var(--color-interactive--hover);
@@ -1124,38 +1071,6 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
1124
1071
  }
1125
1072
  }
1126
1073
 
1127
- .bb-VTS0yML8-,
1128
- ._2BzdFV5LQvM-,
1129
- ._60G0BuQ6TY0- {
1130
- --card--border: none;
1131
- }
1132
-
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);
1136
- }
1137
-
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);
1141
- }
1142
-
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);
1146
- }
1147
-
1148
- .Aj6o8FcaKHc- {
1149
- container-name: var(--public-container-name);
1150
- container-type: inline-size;
1151
- width: var(--public-container-width);
1152
- }
1153
-
1154
- .eIsVvlXoWhs- {
1155
- container-type: inline-size;
1156
- width: var(--public-container-apply-width);
1157
- }
1158
-
1159
1074
  .kub1yKbFFN0- {
1160
1075
  display: -ms-flexbox;
1161
1076
  display: flex;
@@ -1294,16 +1209,90 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
1294
1209
  width: 100%;
1295
1210
  }
1296
1211
 
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
- }
1212
+ .-PlHaWx00Hw- {
1213
+ --card--accent-color: var(--color-grey);
1214
+ --card--base-padding: var(--space-base);
1215
+ --card--border: var(--border-base) solid var(--color-border);
1305
1216
 
1306
- .sGSmxHTsTfA- > * {
1217
+ display: block;
1218
+ width: 100%;
1219
+ border: 1px solid hsl(200, 13%, 87%);
1220
+ border: var(--card--border);
1221
+ border-radius: 8px;
1222
+ border-radius: var(--radius-base);
1223
+ outline-color: hsl(198, 12%, 57%);
1224
+ outline-color: var(--color-focus);
1225
+ background-color: rgba(255, 255, 255, 1);
1226
+ background-color: var(--color-surface);
1227
+ }
1228
+
1229
+ .-PlHaWx00Hw-:active {
1230
+ outline: 0;
1231
+ }
1232
+
1233
+ /* Adjust `Content` components public padding to match the cards */
1234
+
1235
+ .-PlHaWx00Hw- > * {
1236
+ --public-content--padding: var(--card--base-padding);
1237
+ }
1238
+
1239
+ /* Remove the nested `Content` components public padding */
1240
+
1241
+ .-PlHaWx00Hw- > * > * {
1242
+ --public-content--padding: 0;
1243
+ }
1244
+
1245
+ .Iilm5Uhxo50- {
1246
+ border-top-width: 0;
1247
+ }
1248
+
1249
+ .Iilm5Uhxo50-::before {
1250
+ content: " ";
1251
+ display: block;
1252
+ margin: 0 calc(-1 * 1px);
1253
+ margin: 0 calc(-1 * var(--border-base));
1254
+ border-top: 0.375rem solid var(--card--accent-color);
1255
+ border-radius: 8px 8px 0 0;
1256
+ border-radius: var(--radius-base) var(--radius-base) 0 0;
1257
+ }
1258
+
1259
+ .Vppn4k0fBsc- {
1260
+ color: inherit;
1261
+ text-decoration: inherit;
1262
+ cursor: pointer;
1263
+ transition: all 200ms ease-out;
1264
+ transition: all var(--timing-base) ease-out;
1265
+ }
1266
+
1267
+ .Vppn4k0fBsc-:hover,
1268
+ .Vppn4k0fBsc-:focus {
1269
+ background-color: hsl(53, 21%, 93%);
1270
+ background-color: var(--color-surface--hover);
1271
+ }
1272
+
1273
+ .l3-Pkynq2zA- {
1274
+ display: -ms-flexbox;
1275
+ display: flex;
1276
+ padding: var(--card--base-padding);
1277
+ padding-bottom: 0;
1278
+ -ms-flex-pack: justify;
1279
+ justify-content: space-between;
1280
+ -ms-flex-align: start;
1281
+ align-items: flex-start;
1282
+ gap: 8px;
1283
+ gap: var(--space-small);
1284
+ }
1285
+
1286
+ .sGSmxHTsTfA- {
1287
+ display: -ms-flexbox;
1288
+ display: flex;
1289
+ -ms-flex-direction: column;
1290
+ flex-direction: column;
1291
+ min-height: var(--public-cover-min-height);
1292
+ padding: var(--public-cover-space);
1293
+ }
1294
+
1295
+ .sGSmxHTsTfA- > * {
1307
1296
  margin-top: var(--public-cover-space);
1308
1297
  margin-bottom: var(--public-cover-space);
1309
1298
  }
@@ -1323,6 +1312,129 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
1323
1312
  margin-bottom: auto;
1324
1313
  }
1325
1314
 
1315
+ .YxKKPXAU10s- {
1316
+ --checkbox--size: 20px;
1317
+ --checkbox--border--checked: var(--color-interactive);
1318
+ --checkbox--border--unchecked: var(--color-border--interactive);
1319
+ --checkbox--border--hover: var(--color-interactive);
1320
+ display: inline-block;
1321
+ }
1322
+
1323
+ .KxWx-msbH9c- {
1324
+ display: -ms-flexbox;
1325
+ display: flex;
1326
+ -ms-flex-align: start;
1327
+ align-items: flex-start;
1328
+ -webkit-user-select: none;
1329
+ -ms-user-select: none;
1330
+ user-select: none;
1331
+ cursor: pointer;
1332
+ }
1333
+
1334
+ .TKr3J-6ARFo- {
1335
+ --checkbox--border--checked: var(--color-disabled--secondary);
1336
+ --checkbox--border--unchecked: var(--color-disabled--secondary);
1337
+ --checkbox--border--hover: var(--color-disabled--secondary);
1338
+ cursor: not-allowed;
1339
+ }
1340
+
1341
+ .NO34ZbhNqhI- {
1342
+ position: relative;
1343
+ }
1344
+
1345
+ .XnCmS-EzK2M- {
1346
+ /* Hide checkbox on UI but not screen readers and still allow focus state */
1347
+ position: absolute;
1348
+ width: 1px;
1349
+ height: 1px;
1350
+ overflow: hidden;
1351
+ clip: rect(0 0 0 0);
1352
+ clip-path: inset(100%);
1353
+ white-space: nowrap;
1354
+ }
1355
+
1356
+ ._-8JCQE6SA9s- {
1357
+ display: -ms-flexbox;
1358
+ display: flex;
1359
+ width: var(--checkbox--size);
1360
+ height: var(--checkbox--size);
1361
+ box-sizing: border-box;
1362
+ border: 2px solid var(--checkbox--border--unchecked);
1363
+ border: var(--border-thick) solid var(--checkbox--border--unchecked);
1364
+ border-radius: 4px;
1365
+ border-radius: var(--radius-small);
1366
+ background-color: rgba(255, 255, 255, 1);
1367
+ background-color: var(--color-surface);
1368
+ transition: all 100ms ease-out;
1369
+ transition: all var(--timing-quick) ease-out;
1370
+ -ms-flex-pack: center;
1371
+ justify-content: center;
1372
+ -ms-flex-align: center;
1373
+ align-items: center;
1374
+ }
1375
+
1376
+ ._-8JCQE6SA9s-:hover,
1377
+ .YxKKPXAU10s-:hover ._-8JCQE6SA9s- {
1378
+ border-color: var(--checkbox--border--hover);
1379
+ }
1380
+
1381
+ .XnCmS-EzK2M-.rqHq3ff9In0- + ._-8JCQE6SA9s-,
1382
+ .XnCmS-EzK2M-:checked + ._-8JCQE6SA9s- {
1383
+ border-color: var(--checkbox--border--checked);
1384
+ background-color: hsl(107, 58%, 33%);
1385
+ background-color: var(--color-interactive);
1386
+ }
1387
+
1388
+ .XnCmS-EzK2M-:focus-visible + ._-8JCQE6SA9s- {
1389
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
1390
+ box-shadow: var(--shadow-focus);
1391
+ }
1392
+
1393
+ .TKr3J-6ARFo- p {
1394
+ color: hsl(0, 0%, 72%);
1395
+ color: var(--color-disabled);
1396
+ }
1397
+
1398
+ .TKr3J-6ARFo- ._-8JCQE6SA9s- > * {
1399
+ opacity: 0;
1400
+ }
1401
+
1402
+ .TKr3J-6ARFo- .XnCmS-EzK2M-.rqHq3ff9In0- + ._-8JCQE6SA9s-,
1403
+ .TKr3J-6ARFo- .XnCmS-EzK2M-:checked + ._-8JCQE6SA9s- {
1404
+ background-color: hsl(0, 0%, 93%);
1405
+ background-color: var(--color-disabled--secondary);
1406
+ }
1407
+
1408
+ .TKr3J-6ARFo- .XnCmS-EzK2M-.rqHq3ff9In0- + ._-8JCQE6SA9s- > *,
1409
+ .TKr3J-6ARFo- .XnCmS-EzK2M-:checked + ._-8JCQE6SA9s- > * {
1410
+ opacity: 1;
1411
+ }
1412
+
1413
+ .l8z5TxzVvqA- {
1414
+ margin: 0 8px;
1415
+ margin: 0 var(--space-small);
1416
+ margin-top: 2px;
1417
+ margin-top: var(--space-smallest);
1418
+ }
1419
+
1420
+ .DcBfVgpiWa4- {
1421
+ margin-bottom: 8px;
1422
+ margin-bottom: var(--space-small);
1423
+ padding-left: calc(var(--checkbox--size) + 8px);
1424
+ padding-left: calc(var(--checkbox--size) + var(--space-small));
1425
+ }
1426
+
1427
+ .Aj6o8FcaKHc- {
1428
+ container-name: var(--public-container-name);
1429
+ container-type: inline-size;
1430
+ width: var(--public-container-width);
1431
+ }
1432
+
1433
+ .eIsVvlXoWhs- {
1434
+ container-type: inline-size;
1435
+ width: var(--public-container-apply-width);
1436
+ }
1437
+
1326
1438
  :root {
1327
1439
  --public-chip-base-bg-color: var(--color-interactive--background);
1328
1440
  --public-chip-base-hover-bg-color: var(
@@ -1607,151 +1719,34 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
1607
1719
  width: 1px;
1608
1720
  }
1609
1721
 
1610
- .cftWh-00zXM- {
1611
- padding: 0;
1612
- 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;
1613
1731
  }
1614
1732
 
1615
- .YxKKPXAU10s- {
1616
- --checkbox--size: 20px;
1617
- --checkbox--border--checked: var(--color-interactive);
1618
- --checkbox--border--unchecked: var(--color-border--interactive);
1619
- --checkbox--border--hover: var(--color-interactive);
1733
+ .W-9SMjhEMpI- {
1620
1734
  display: inline-block;
1621
1735
  }
1622
1736
 
1623
- .KxWx-msbH9c- {
1624
- display: -ms-flexbox;
1625
- display: flex;
1626
- -ms-flex-align: start;
1627
- align-items: flex-start;
1628
- -webkit-user-select: none;
1629
- -ms-user-select: none;
1630
- user-select: none;
1631
- cursor: pointer;
1632
- }
1633
-
1634
- .TKr3J-6ARFo- {
1635
- --checkbox--border--checked: var(--color-disabled--secondary);
1636
- --checkbox--border--unchecked: var(--color-disabled--secondary);
1637
- --checkbox--border--hover: var(--color-disabled--secondary);
1638
- cursor: not-allowed;
1737
+ .B1cBkstNQhM- > :not(:last-child) {
1738
+ margin-bottom: 1px;
1739
+ margin-bottom: var(--space-minuscule);
1639
1740
  }
1640
1741
 
1641
- .NO34ZbhNqhI- {
1642
- position: relative;
1742
+ .rjAxJwaso0s- > :not(:last-child) {
1743
+ margin-bottom: 2px;
1744
+ margin-bottom: var(--space-smallest);
1643
1745
  }
1644
1746
 
1645
- .XnCmS-EzK2M- {
1646
- /* Hide checkbox on UI but not screen readers and still allow focus state */
1647
- position: absolute;
1648
- width: 1px;
1649
- height: 1px;
1650
- overflow: hidden;
1651
- clip: rect(0 0 0 0);
1652
- clip-path: inset(100%);
1653
- white-space: nowrap;
1654
- }
1655
-
1656
- ._-8JCQE6SA9s- {
1657
- display: -ms-flexbox;
1658
- display: flex;
1659
- width: var(--checkbox--size);
1660
- height: var(--checkbox--size);
1661
- box-sizing: border-box;
1662
- border: 2px solid var(--checkbox--border--unchecked);
1663
- border: var(--border-thick) solid var(--checkbox--border--unchecked);
1664
- border-radius: 4px;
1665
- border-radius: var(--radius-small);
1666
- background-color: rgba(255, 255, 255, 1);
1667
- background-color: var(--color-surface);
1668
- transition: all 100ms ease-out;
1669
- transition: all var(--timing-quick) ease-out;
1670
- -ms-flex-pack: center;
1671
- justify-content: center;
1672
- -ms-flex-align: center;
1673
- align-items: center;
1674
- }
1675
-
1676
- ._-8JCQE6SA9s-:hover,
1677
- .YxKKPXAU10s-:hover ._-8JCQE6SA9s- {
1678
- border-color: var(--checkbox--border--hover);
1679
- }
1680
-
1681
- .XnCmS-EzK2M-.rqHq3ff9In0- + ._-8JCQE6SA9s-,
1682
- .XnCmS-EzK2M-:checked + ._-8JCQE6SA9s- {
1683
- border-color: var(--checkbox--border--checked);
1684
- background-color: hsl(107, 58%, 33%);
1685
- background-color: var(--color-interactive);
1686
- }
1687
-
1688
- .XnCmS-EzK2M-:focus-visible + ._-8JCQE6SA9s- {
1689
- box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
1690
- box-shadow: var(--shadow-focus);
1691
- }
1692
-
1693
- .TKr3J-6ARFo- p {
1694
- color: hsl(0, 0%, 72%);
1695
- color: var(--color-disabled);
1696
- }
1697
-
1698
- .TKr3J-6ARFo- ._-8JCQE6SA9s- > * {
1699
- opacity: 0;
1700
- }
1701
-
1702
- .TKr3J-6ARFo- .XnCmS-EzK2M-.rqHq3ff9In0- + ._-8JCQE6SA9s-,
1703
- .TKr3J-6ARFo- .XnCmS-EzK2M-:checked + ._-8JCQE6SA9s- {
1704
- background-color: hsl(0, 0%, 93%);
1705
- background-color: var(--color-disabled--secondary);
1706
- }
1707
-
1708
- .TKr3J-6ARFo- .XnCmS-EzK2M-.rqHq3ff9In0- + ._-8JCQE6SA9s- > *,
1709
- .TKr3J-6ARFo- .XnCmS-EzK2M-:checked + ._-8JCQE6SA9s- > * {
1710
- opacity: 1;
1711
- }
1712
-
1713
- .l8z5TxzVvqA- {
1714
- margin: 0 8px;
1715
- margin: 0 var(--space-small);
1716
- margin-top: 2px;
1717
- margin-top: var(--space-smallest);
1718
- }
1719
-
1720
- .DcBfVgpiWa4- {
1721
- margin-bottom: 8px;
1722
- margin-bottom: var(--space-small);
1723
- padding-left: calc(var(--checkbox--size) + 8px);
1724
- padding-left: calc(var(--checkbox--size) + var(--space-small));
1725
- }
1726
-
1727
- .xxU2WqkpXZU- {
1728
- position: fixed;
1729
- top: 0;
1730
- right: 0;
1731
- bottom: 0;
1732
- left: 0;
1733
- z-index: 6;
1734
- z-index: var(--elevation-menu);
1735
- background-color: transparent;
1736
- }
1737
-
1738
- .W-9SMjhEMpI- {
1739
- display: inline-block;
1740
- }
1741
-
1742
- .B1cBkstNQhM- > :not(:last-child) {
1743
- margin-bottom: 1px;
1744
- margin-bottom: var(--space-minuscule);
1745
- }
1746
-
1747
- .rjAxJwaso0s- > :not(:last-child) {
1748
- margin-bottom: 2px;
1749
- margin-bottom: var(--space-smallest);
1750
- }
1751
-
1752
- .Chezd5Sqtmk- > :not(:last-child) {
1753
- margin-bottom: 4px;
1754
- margin-bottom: var(--space-smaller);
1747
+ .Chezd5Sqtmk- > :not(:last-child) {
1748
+ margin-bottom: 4px;
1749
+ margin-bottom: var(--space-smaller);
1755
1750
  }
1756
1751
 
1757
1752
  .hzVGRy-KUeY- > :not(:last-child) {
@@ -1784,6 +1779,11 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
1784
1779
  margin-bottom: var(--space-extravagant);
1785
1780
  }
1786
1781
 
1782
+ .cftWh-00zXM- {
1783
+ padding: 0;
1784
+ padding: var(--public-content--padding, 0);
1785
+ }
1786
+
1787
1787
  .rJamQZ6fRes- {
1788
1788
  --content-block-max-width: 100ch;
1789
1789
  --content-block-gutters: 0;
@@ -2446,6 +2446,29 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
2446
2446
  }
2447
2447
  }
2448
2448
 
2449
+ ._50Jq09W07gg- {
2450
+ display: grid;
2451
+ width: 100%;
2452
+ height: 100%;
2453
+ overflow: hidden;
2454
+ grid-template-columns: minmax(0, 1fr) minmax(-webkit-min-content, -webkit-max-content);
2455
+ grid-template-columns: minmax(0, 1fr) minmax(min-content, max-content);
2456
+ grid-template-rows: 1fr;
2457
+ }
2458
+
2459
+ .evwHY54TitY- {
2460
+ height: 1px;
2461
+ height: var(--space-minuscule);
2462
+ border-bottom: var(--divider-width) solid var(--divider-color);
2463
+ }
2464
+
2465
+ .qT-G2Sn0Wm8- {
2466
+ width: 1px;
2467
+ width: var(--space-minuscule);
2468
+ height: auto;
2469
+ border-right: var(--divider-width) solid var(--divider-color);
2470
+ }
2471
+
2449
2472
  .t44-9xW2xyI- {
2450
2473
  --divider-width: var(--border-base);
2451
2474
  }
@@ -2472,70 +2495,6 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
2472
2495
  border: none;
2473
2496
  }
2474
2497
 
2475
- .evwHY54TitY- {
2476
- height: 1px;
2477
- height: var(--space-minuscule);
2478
- border-bottom: var(--divider-width) solid var(--divider-color);
2479
- }
2480
-
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;
2533
- }
2534
-
2535
- .GSDyu-sASro- {
2536
- opacity: 1;
2537
- }
2538
-
2539
2498
  .LNIwHwCs8gQ- {
2540
2499
  --drawer-width: 280px;
2541
2500
  --drawer--base-padding: var(--space-base);
@@ -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 */
@@ -3385,23 +3385,36 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
3385
3385
  }
3386
3386
  }
3387
3387
 
3388
- .S15iRxwj9UU- {
3388
+ ._6UhvrmKZdns-,
3389
+ .f0hnJ8v-iHE- {
3389
3390
  display: -ms-flexbox;
3390
3391
  display: flex;
3391
- overflow: hidden;
3392
- aspect-ratio: var(--public-frame-numerator) / var(--public-frame-denominator);
3393
- -ms-flex-pack: center;
3394
- justify-content: center;
3395
- -ms-flex-align: center;
3396
- align-items: center;
3392
+ -ms-flex-wrap: wrap;
3393
+ flex-wrap: wrap;
3394
+ gap: 8px;
3395
+ gap: var(--space-small);
3397
3396
  }
3398
3397
 
3399
- .S15iRxwj9UU- img,
3400
- .S15iRxwj9UU- video {
3401
- width: 100%;
3402
- height: 100%;
3403
- -o-object-fit: cover;
3404
- object-fit: cover;
3398
+ .f0hnJ8v-iHE- {
3399
+ gap: 16px;
3400
+ gap: var(--space-base);
3401
+ }
3402
+
3403
+ .EvHA4-Q7O9g- {
3404
+ display: -ms-flexbox;
3405
+ display: flex;
3406
+ }
3407
+
3408
+ .VWW-3mSlumg- {
3409
+ width: 56px;
3410
+ height: 56px;
3411
+ }
3412
+
3413
+ .DNhegGxB75M- {
3414
+ width: 168px;
3415
+ height: 168px;
3416
+ box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
3417
+ box-shadow: var(--shadow-base);
3405
3418
  }
3406
3419
 
3407
3420
  .-lyJkOGbceo- {
@@ -3512,36 +3525,43 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
3512
3525
  min-width: 100px;
3513
3526
  }
3514
3527
 
3515
- ._6UhvrmKZdns-,
3516
- .f0hnJ8v-iHE- {
3528
+ .S15iRxwj9UU- {
3517
3529
  display: -ms-flexbox;
3518
3530
  display: flex;
3519
- -ms-flex-wrap: wrap;
3520
- flex-wrap: wrap;
3521
- gap: 8px;
3522
- gap: var(--space-small);
3531
+ overflow: hidden;
3532
+ aspect-ratio: var(--public-frame-numerator) / var(--public-frame-denominator);
3533
+ -ms-flex-pack: center;
3534
+ justify-content: center;
3535
+ -ms-flex-align: center;
3536
+ align-items: center;
3523
3537
  }
3524
3538
 
3525
- .f0hnJ8v-iHE- {
3526
- gap: 16px;
3527
- gap: var(--space-base);
3539
+ .S15iRxwj9UU- img,
3540
+ .S15iRxwj9UU- video {
3541
+ width: 100%;
3542
+ height: 100%;
3543
+ -o-object-fit: cover;
3544
+ object-fit: cover;
3528
3545
  }
3529
3546
 
3530
- .EvHA4-Q7O9g- {
3531
- display: -ms-flexbox;
3532
- display: flex;
3547
+ .V-24AGDyie4- {
3548
+ -ms-flex-align: center;
3549
+ align-items: center;
3533
3550
  }
3534
3551
 
3535
- .VWW-3mSlumg- {
3536
- width: 56px;
3537
- height: 56px;
3552
+ .H0zdYNTapmM- {
3553
+ -ms-flex-align: start;
3554
+ align-items: start;
3538
3555
  }
3539
3556
 
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);
3557
+ .O5VtcGWRV3M- {
3558
+ -ms-flex-align: end;
3559
+ align-items: end;
3560
+ }
3561
+
3562
+ .wVv5gaWrouI- {
3563
+ -ms-flex-align: stretch;
3564
+ align-items: stretch;
3545
3565
  }
3546
3566
 
3547
3567
  ._0X4jj5NERa4- {
@@ -3568,26 +3588,6 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
3568
3588
  }
3569
3589
  }
3570
3590
 
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
3591
  .M01SZy5EYFg- {
3592
3592
  display: -ms-inline-flexbox;
3593
3593
  display: inline-flex;
@@ -3846,59 +3846,6 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
3846
3846
  height: 100%;
3847
3847
  }
3848
3848
 
3849
- .RwhScbXCXw0- > *:not(:last-child) {
3850
- margin-bottom: -1px !important;
3851
- }
3852
-
3853
- .xxMbKnv30VQ- {
3854
- display: -ms-flexbox;
3855
- display: flex;
3856
- }
3857
-
3858
- .xxMbKnv30VQ- > *:not(:last-child) {
3859
- margin-bottom: auto;
3860
- margin-right: -1px;
3861
- }
3862
-
3863
- /* Border corners are rounded on the outside edges of the group */
3864
-
3865
- .l87dJm2JnlA- {
3866
- --public-field--top-left-radius: 0;
3867
- --public-field--top-right-radius: 0;
3868
- --public-field--bottom-left-radius: 0;
3869
- --public-field--bottom-right-radius: 0;
3870
- }
3871
-
3872
- .RwhScbXCXw0- > :first-child:not(.xxMbKnv30VQ-) {
3873
- --public-field--top-left-radius: var(--radius-base);
3874
- --public-field--top-right-radius: var(--radius-base);
3875
- }
3876
-
3877
- .RwhScbXCXw0- > :last-child:not(.xxMbKnv30VQ-) {
3878
- --public-field--bottom-left-radius: var(--radius-base);
3879
- --public-field--bottom-right-radius: var(--radius-base);
3880
- }
3881
-
3882
- /* First Horizontal Input Group */
3883
-
3884
- .xxMbKnv30VQ-:first-child > :first-child {
3885
- --public-field--top-left-radius: var(--radius-base);
3886
- }
3887
-
3888
- .xxMbKnv30VQ-:first-child > :last-child {
3889
- --public-field--top-right-radius: var(--radius-base);
3890
- }
3891
-
3892
- /* Last Horizontal Input Group */
3893
-
3894
- .xxMbKnv30VQ-:last-child > :first-child {
3895
- --public-field--bottom-left-radius: var(--radius-base);
3896
- }
3897
-
3898
- .xxMbKnv30VQ-:last-child > :last-child {
3899
- --public-field--bottom-right-radius: var(--radius-base);
3900
- }
3901
-
3902
3849
  ._78-Lxj78xPg- {
3903
3850
  display: -ms-flexbox;
3904
3851
  display: flex;
@@ -3933,43 +3880,6 @@ input.oOrjwubmsVA- {
3933
3880
  padding-left: calc(var(--field--padding-left) + var(--space-smaller));
3934
3881
  }
3935
3882
 
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;
3964
- }
3965
-
3966
- ._8oxipSwiMJQ- {
3967
- color: hsl(107, 58%, 33%);
3968
- color: var(--color-interactive);
3969
- -webkit-text-decoration: underline;
3970
- text-decoration: underline;
3971
- }
3972
-
3973
3883
  /**
3974
3884
  * This class is added to the root html element when opening a LightBox.
3975
3885
  * When the user tries to print the page, this prevents the LightBox content
@@ -4279,75 +4189,185 @@ html.atlantisLightBoxActive {
4279
4189
  margin-right: var(--space-base);
4280
4190
  }
4281
4191
 
4282
- .htH4y2JBFNQ- {
4283
- position: sticky;
4284
- top: 0;
4285
- padding: 8px 16px;
4286
- padding: var(--space-small) var(--space-base);
4287
- border-bottom: 1px solid hsl(197, 90%, 12%);
4288
- border-bottom: var(--border-base) solid var(--color-border--section);
4192
+ .RwhScbXCXw0- > *:not(:last-child) {
4193
+ margin-bottom: -1px !important;
4289
4194
  }
4290
4195
 
4291
- .rJffaV10x20- {
4292
- width: 100%;
4293
- padding: 0;
4294
- border: none;
4295
- text-align: left;
4296
- background-color: transparent;
4297
- -webkit-appearance: none;
4298
- appearance: none;
4196
+ .xxMbKnv30VQ- {
4197
+ display: -ms-flexbox;
4198
+ display: flex;
4299
4199
  }
4300
4200
 
4301
- .rJffaV10x20- > * {
4302
- transition: background-color 200ms;
4303
- transition: background-color var(--timing-base);
4201
+ .xxMbKnv30VQ- > *:not(:last-child) {
4202
+ margin-bottom: auto;
4203
+ margin-right: -1px;
4304
4204
  }
4305
4205
 
4306
- .LeWPz4r-I1o- > * {
4307
- padding: 16px;
4308
- padding: var(--space-base);
4206
+ /* Border corners are rounded on the outside edges of the group */
4207
+
4208
+ .l87dJm2JnlA- {
4209
+ --public-field--top-left-radius: 0;
4210
+ --public-field--top-right-radius: 0;
4211
+ --public-field--bottom-left-radius: 0;
4212
+ --public-field--bottom-right-radius: 0;
4309
4213
  }
4310
4214
 
4311
- ._6vjT92J6tm0- {
4312
- display: -ms-flexbox;
4313
- display: flex;
4314
- box-sizing: border-box;
4315
- -ms-flex: 1;
4316
- flex: 1;
4317
- -ms-flex-align: start;
4318
- align-items: flex-start;
4319
- padding: 8px;
4320
- padding: var(--space-small);
4215
+ .RwhScbXCXw0- > :first-child:not(.xxMbKnv30VQ-) {
4216
+ --public-field--top-left-radius: var(--radius-base);
4217
+ --public-field--top-right-radius: var(--radius-base);
4321
4218
  }
4322
4219
 
4323
- ._6vjT92J6tm0- > * {
4324
- padding: 8px;
4325
- padding: var(--space-small);
4220
+ .RwhScbXCXw0- > :last-child:not(.xxMbKnv30VQ-) {
4221
+ --public-field--bottom-left-radius: var(--radius-base);
4222
+ --public-field--bottom-right-radius: var(--radius-base);
4326
4223
  }
4327
4224
 
4328
- .rwfzPbhL5qI- {
4329
- cursor: pointer;
4225
+ /* First Horizontal Input Group */
4226
+
4227
+ .xxMbKnv30VQ-:first-child > :first-child {
4228
+ --public-field--top-left-radius: var(--radius-base);
4330
4229
  }
4331
4230
 
4332
- .rwfzPbhL5qI-:hover,
4333
- .rwfzPbhL5qI-:focus {
4334
- outline: none;
4231
+ .xxMbKnv30VQ-:first-child > :last-child {
4232
+ --public-field--top-right-radius: var(--radius-base);
4335
4233
  }
4336
4234
 
4337
- .h6M4H38O32Y- > * {
4338
- background-color: hsl(53, 21%, 93%);
4339
- background-color: var(--color-surface--background);
4235
+ /* Last Horizontal Input Group */
4236
+
4237
+ .xxMbKnv30VQ-:last-child > :first-child {
4238
+ --public-field--bottom-left-radius: var(--radius-base);
4340
4239
  }
4341
4240
 
4342
- .rwfzPbhL5qI-:hover > *,
4343
- .rwfzPbhL5qI-:focus > * {
4344
- background-color: hsl(53, 21%, 93%);
4345
- background-color: var(--color-surface--hover);
4241
+ .xxMbKnv30VQ-:last-child > :last-child {
4242
+ --public-field--bottom-right-radius: var(--radius-base);
4346
4243
  }
4347
4244
 
4348
- .rQFprs7TrMI- {
4349
- display: -ms-flexbox;
4350
- display: flex;
4245
+ .fO5j-2U5rfE- {
4246
+ margin-top: 4px;
4247
+ margin-top: var(--space-smaller);
4248
+ }
4249
+
4250
+ .lNpgPQh76MY- {
4251
+ display: -ms-flexbox;
4252
+ display: flex;
4253
+ -ms-flex-align: center;
4254
+ align-items: center;
4255
+ padding: 4px;
4256
+ padding: var(--space-smaller);
4257
+ padding-left: 0;
4258
+ }
4259
+
4260
+ .lNpgPQh76MY- > svg {
4261
+ margin-right: 4px;
4262
+ margin-right: var(--space-smaller);
4263
+ -ms-flex-negative: 0;
4264
+ flex-shrink: 0;
4265
+ -ms-flex-item-align: start;
4266
+ align-self: flex-start;
4267
+ }
4268
+
4269
+ .lNpgPQh76MY-:focus {
4270
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
4271
+ box-shadow: var(--shadow-focus);
4272
+ outline: none;
4273
+ }
4274
+
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
+ .sFlecO8-wnY- {
4283
+ margin: 0;
4284
+ padding: 0;
4285
+ list-style: none;
4286
+ }
4287
+
4288
+ .dbZy6dviEis-:not(:last-child) {
4289
+ border-bottom: 1px solid hsl(200, 13%, 87%);
4290
+ border-bottom: var(--border-base) solid var(--color-border);
4291
+ }
4292
+
4293
+ .vz43PAcPYt0- {
4294
+ position: relative;
4295
+ }
4296
+
4297
+ .vz43PAcPYt0-:not(:last-child) .sFlecO8-wnY- {
4298
+ padding-bottom: 24px;
4299
+ padding-bottom: var(--space-large);
4300
+ }
4301
+
4302
+ .htH4y2JBFNQ- {
4303
+ position: sticky;
4304
+ top: 0;
4305
+ padding: 8px 16px;
4306
+ padding: var(--space-small) var(--space-base);
4307
+ border-bottom: 1px solid hsl(197, 90%, 12%);
4308
+ border-bottom: var(--border-base) solid var(--color-border--section);
4309
+ }
4310
+
4311
+ .rJffaV10x20- {
4312
+ width: 100%;
4313
+ padding: 0;
4314
+ border: none;
4315
+ text-align: left;
4316
+ background-color: transparent;
4317
+ -webkit-appearance: none;
4318
+ appearance: none;
4319
+ }
4320
+
4321
+ .rJffaV10x20- > * {
4322
+ transition: background-color 200ms;
4323
+ transition: background-color var(--timing-base);
4324
+ }
4325
+
4326
+ .LeWPz4r-I1o- > * {
4327
+ padding: 16px;
4328
+ padding: var(--space-base);
4329
+ }
4330
+
4331
+ ._6vjT92J6tm0- {
4332
+ display: -ms-flexbox;
4333
+ display: flex;
4334
+ box-sizing: border-box;
4335
+ -ms-flex: 1;
4336
+ flex: 1;
4337
+ -ms-flex-align: start;
4338
+ align-items: flex-start;
4339
+ padding: 8px;
4340
+ padding: var(--space-small);
4341
+ }
4342
+
4343
+ ._6vjT92J6tm0- > * {
4344
+ padding: 8px;
4345
+ padding: var(--space-small);
4346
+ }
4347
+
4348
+ .rwfzPbhL5qI- {
4349
+ cursor: pointer;
4350
+ }
4351
+
4352
+ .rwfzPbhL5qI-:hover,
4353
+ .rwfzPbhL5qI-:focus {
4354
+ outline: none;
4355
+ }
4356
+
4357
+ .h6M4H38O32Y- > * {
4358
+ background-color: hsl(53, 21%, 93%);
4359
+ background-color: var(--color-surface--background);
4360
+ }
4361
+
4362
+ .rwfzPbhL5qI-:hover > *,
4363
+ .rwfzPbhL5qI-:focus > * {
4364
+ background-color: hsl(53, 21%, 93%);
4365
+ background-color: var(--color-surface--hover);
4366
+ }
4367
+
4368
+ .rQFprs7TrMI- {
4369
+ display: -ms-flexbox;
4370
+ display: flex;
4351
4371
  -ms-flex: 0 0 auto;
4352
4372
  flex: 0 0 auto;
4353
4373
  width: 24px;
@@ -4387,26 +4407,6 @@ html.atlantisLightBoxActive {
4387
4407
  white-space: nowrap;
4388
4408
  }
4389
4409
 
4390
- .sFlecO8-wnY- {
4391
- margin: 0;
4392
- padding: 0;
4393
- list-style: none;
4394
- }
4395
-
4396
- .dbZy6dviEis-:not(:last-child) {
4397
- border-bottom: 1px solid hsl(200, 13%, 87%);
4398
- border-bottom: var(--border-base) solid var(--color-border);
4399
- }
4400
-
4401
- .vz43PAcPYt0- {
4402
- position: relative;
4403
- }
4404
-
4405
- .vz43PAcPYt0-:not(:last-child) .sFlecO8-wnY- {
4406
- padding-bottom: 24px;
4407
- padding-bottom: var(--space-large);
4408
- }
4409
-
4410
4410
  .fpi0W91w2ag- * {
4411
4411
  box-sizing: border-box;
4412
4412
  }
@@ -4595,6 +4595,18 @@ html.atlantisLightBoxActive {
4595
4595
  white-space: nowrap;
4596
4596
  }
4597
4597
 
4598
+ .BSZvIAUzFEU- {
4599
+ --modal--padding: var(--space-base);
4600
+ --public-tab--inset: var(--space-base);
4601
+ --modal--width: 400px;
4602
+ max-width: 400px;
4603
+ }
4604
+
4605
+ .-ydIALYVvGg- {
4606
+ --modal--width: 940px;
4607
+ max-width: 940px;
4608
+ }
4609
+
4598
4610
  :root {
4599
4611
  --modal--width: 600px;
4600
4612
  --modal--padding-horizontal: var(--space-base);
@@ -4761,174 +4773,57 @@ html.atlantisLightBoxActive {
4761
4773
  order: 1; /* 1 */
4762
4774
  }
4763
4775
 
4764
- .BSZvIAUzFEU- {
4765
- --modal--padding: var(--space-base);
4766
- --public-tab--inset: var(--space-base);
4767
- --modal--width: 400px;
4768
- max-width: 400px;
4769
- }
4776
+ :root {
4777
+ --modal--width: 600px;
4778
+ --modal--padding-horizontal: var(--space-base);
4779
+ --modal--padding-vertical: var(--space-base);
4780
+ --modal--padding: var(--modal--padding-vertical)
4781
+ var(--modal--padding-horizontal);
4770
4782
 
4771
- .-ydIALYVvGg- {
4772
- --modal--width: 940px;
4773
- max-width: 940px;
4783
+ --modal--shadow: var(--shadow-base);
4774
4784
  }
4775
4785
 
4776
- .rY8OtuArIi0- {
4777
- --popover--padding: var(--space-base);
4778
- --popover-content--base-padding: var(--space-base);
4779
- --popover--width: 350px;
4780
- --dismiss--button-padding: calc(var(--base-unit) / 4);
4781
- --popover--position--offset: -7px;
4782
-
4783
- z-index: 1002;
4786
+ @media (min-width: 768px) {
4784
4787
 
4785
- z-index: var(--elevation-tooltip);
4786
- width: -webkit-max-content;
4787
- width: max-content;
4788
- max-width: 350px;
4789
- max-width: var(--popover--width);
4790
- box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
4791
- box-shadow: var(--shadow-base);
4792
- border: 1px solid hsl(200, 13%, 87%);
4793
- border: var(--border-base) solid var(--color-border);
4794
- border-radius: 8px;
4795
- border-radius: var(--radius-base);
4796
- font-size: 14px;
4797
- font-size: var(--typography--fontSize-base);
4798
- line-height: normal;
4799
- background: rgba(255, 255, 255, 1);
4800
- background: var(--color-surface);
4788
+ :root {
4789
+ --modal--padding-horizontal: var(--space-large);
4790
+ --modal--padding-vertical: var(--space-large);
4791
+ --modal--padding: var(--modal--padding-vertical)
4792
+ var(--modal--padding-horizontal);
4801
4793
  }
4794
+ }
4802
4795
 
4803
- .UI1AohefbSo- {
4804
- display: -ms-flexbox;
4805
- display: flex;
4806
- position: "relative";
4807
- padding: var(--popover--padding);
4808
- -ms-flex-pack: justify;
4809
- justify-content: space-between;
4810
- -ms-flex-align: center;
4811
- align-items: center;
4812
- }
4796
+ @media (--medium-screens-and-up) {
4813
4797
 
4814
- .HyA0TM5soDM- {
4815
- float: right;
4816
- padding: var(--dismiss--button-padding);
4817
- text-align: right;
4798
+ :root {
4799
+ --modal--padding-horizontal: var(--space-large);
4800
+ --modal--padding-vertical: var(--space-large);
4801
+ --modal--padding: var(--modal--padding-vertical)
4802
+ var(--modal--padding-horizontal);
4818
4803
  }
4804
+ }
4819
4805
 
4820
- .rY8OtuArIi0- > * {
4821
- --public-content--padding: var(--popover-content--base-padding);
4806
+ .cRhQeXmZobs- {
4807
+ display: grid;
4808
+ z-index: 1001;
4809
+ z-index: var(--elevation-modal);
4810
+ -ms-flex-align: center;
4811
+ align-items: center;
4812
+ justify-items: center;
4813
+ place-items: center;
4822
4814
  }
4823
4815
 
4824
- .uClo-5-xhAc- {
4825
- visibility: hidden;
4826
- }
4827
-
4828
- .uClo-5-xhAc-,
4829
- .uClo-5-xhAc-::before {
4830
- position: absolute;
4831
- width: 16px;
4832
- width: var(--base-unit);
4833
- height: 16px;
4834
- height: var(--base-unit);
4835
- background: inherit;
4836
- }
4837
-
4838
- .uClo-5-xhAc-::before {
4839
- content: "";
4840
- visibility: visible;
4841
- border: 1px solid hsl(200, 13%, 87%);
4842
- border: var(--border-base) solid var(--color-border);
4843
- -webkit-transform: rotate(45deg);
4844
- transform: rotate(45deg);
4845
- -webkit-transform-origin: center;
4846
- transform-origin: center;
4847
- clip-path: polygon(-4px -4px, 15.3px 0, 0 15.3px);
4848
- }
4849
-
4850
- .rY8OtuArIi0-[data-popper-placement^="top"] > .uClo-5-xhAc- {
4851
- bottom: var(--popover--position--offset);
4852
- }
4853
-
4854
- .rY8OtuArIi0-[data-popper-placement^="top"] > .uClo-5-xhAc-::before {
4855
- -webkit-transform: rotate(-135deg);
4856
- transform: rotate(-135deg);
4857
- }
4858
-
4859
- .rY8OtuArIi0-[data-popper-placement^="bottom"] > .uClo-5-xhAc- {
4860
- top: var(--popover--position--offset);
4861
- }
4862
-
4863
- .rY8OtuArIi0-[data-popper-placement^="left"] > .uClo-5-xhAc- {
4864
- right: var(--popover--position--offset);
4865
- }
4866
-
4867
- .rY8OtuArIi0-[data-popper-placement^="left"] > .uClo-5-xhAc-::before {
4868
- -webkit-transform: rotate(135deg);
4869
- transform: rotate(135deg);
4870
- }
4871
-
4872
- .rY8OtuArIi0-[data-popper-placement^="right"] > .uClo-5-xhAc- {
4873
- left: var(--popover--position--offset);
4874
- }
4875
-
4876
- .rY8OtuArIi0-[data-popper-placement^="right"] > .uClo-5-xhAc-::before {
4877
- -webkit-transform: rotate(-45deg);
4878
- transform: rotate(-45deg);
4879
- }
4880
-
4881
- :root {
4882
- --modal--width: 600px;
4883
- --modal--padding-horizontal: var(--space-base);
4884
- --modal--padding-vertical: var(--space-base);
4885
- --modal--padding: var(--modal--padding-vertical)
4886
- var(--modal--padding-horizontal);
4887
-
4888
- --modal--shadow: var(--shadow-base);
4889
- }
4890
-
4891
- @media (min-width: 768px) {
4892
-
4893
- :root {
4894
- --modal--padding-horizontal: var(--space-large);
4895
- --modal--padding-vertical: var(--space-large);
4896
- --modal--padding: var(--modal--padding-vertical)
4897
- var(--modal--padding-horizontal);
4898
- }
4899
- }
4900
-
4901
- @media (--medium-screens-and-up) {
4902
-
4903
- :root {
4904
- --modal--padding-horizontal: var(--space-large);
4905
- --modal--padding-vertical: var(--space-large);
4906
- --modal--padding: var(--modal--padding-vertical)
4907
- var(--modal--padding-horizontal);
4908
- }
4909
- }
4910
-
4911
- .cRhQeXmZobs- {
4912
- display: grid;
4913
- z-index: 1001;
4914
- z-index: var(--elevation-modal);
4915
- -ms-flex-align: center;
4916
- align-items: center;
4917
- justify-items: center;
4918
- place-items: center;
4919
- }
4920
-
4921
- .PO6ZUDxQoFE- {
4922
- position: fixed;
4923
- top: 0;
4924
- right: 0;
4925
- bottom: 0;
4926
- left: 0;
4927
- z-index: 1001;
4928
- z-index: var(--elevation-modal);
4929
- background-color: rgba(0, 0, 0, 0.32);
4930
- background-color: var(--color-overlay);
4931
- opacity: 0.8;
4816
+ .PO6ZUDxQoFE- {
4817
+ position: fixed;
4818
+ top: 0;
4819
+ right: 0;
4820
+ bottom: 0;
4821
+ left: 0;
4822
+ z-index: 1001;
4823
+ z-index: var(--elevation-modal);
4824
+ background-color: rgba(0, 0, 0, 0.32);
4825
+ background-color: var(--color-overlay);
4826
+ opacity: 0.8;
4932
4827
  }
4933
4828
 
4934
4829
  .OiqCKNmbHZ0- {
@@ -5261,6 +5156,123 @@ html.atlantisLightBoxActive {
5261
5156
  margin-bottom: var(--space-base);
5262
5157
  }
5263
5158
 
5159
+ .rY8OtuArIi0- {
5160
+ --popover--padding: var(--space-base);
5161
+ --popover-content--base-padding: var(--space-base);
5162
+ --popover--width: 350px;
5163
+ --dismiss--button-padding: calc(var(--base-unit) / 4);
5164
+ --popover--position--offset: -7px;
5165
+
5166
+ z-index: 1002;
5167
+
5168
+ z-index: var(--elevation-tooltip);
5169
+ width: -webkit-max-content;
5170
+ width: max-content;
5171
+ max-width: 350px;
5172
+ max-width: var(--popover--width);
5173
+ box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
5174
+ box-shadow: var(--shadow-base);
5175
+ border: 1px solid hsl(200, 13%, 87%);
5176
+ border: var(--border-base) solid var(--color-border);
5177
+ border-radius: 8px;
5178
+ border-radius: var(--radius-base);
5179
+ font-size: 14px;
5180
+ font-size: var(--typography--fontSize-base);
5181
+ line-height: normal;
5182
+ background: rgba(255, 255, 255, 1);
5183
+ background: var(--color-surface);
5184
+ }
5185
+
5186
+ .UI1AohefbSo- {
5187
+ display: -ms-flexbox;
5188
+ display: flex;
5189
+ position: "relative";
5190
+ padding: var(--popover--padding);
5191
+ -ms-flex-pack: justify;
5192
+ justify-content: space-between;
5193
+ -ms-flex-align: center;
5194
+ align-items: center;
5195
+ }
5196
+
5197
+ .HyA0TM5soDM- {
5198
+ float: right;
5199
+ padding: var(--dismiss--button-padding);
5200
+ text-align: right;
5201
+ }
5202
+
5203
+ .rY8OtuArIi0- > * {
5204
+ --public-content--padding: var(--popover-content--base-padding);
5205
+ }
5206
+
5207
+ .uClo-5-xhAc- {
5208
+ visibility: hidden;
5209
+ }
5210
+
5211
+ .uClo-5-xhAc-,
5212
+ .uClo-5-xhAc-::before {
5213
+ position: absolute;
5214
+ width: 16px;
5215
+ width: var(--base-unit);
5216
+ height: 16px;
5217
+ height: var(--base-unit);
5218
+ background: inherit;
5219
+ }
5220
+
5221
+ .uClo-5-xhAc-::before {
5222
+ content: "";
5223
+ visibility: visible;
5224
+ border: 1px solid hsl(200, 13%, 87%);
5225
+ border: var(--border-base) solid var(--color-border);
5226
+ -webkit-transform: rotate(45deg);
5227
+ transform: rotate(45deg);
5228
+ -webkit-transform-origin: center;
5229
+ transform-origin: center;
5230
+ clip-path: polygon(-4px -4px, 15.3px 0, 0 15.3px);
5231
+ }
5232
+
5233
+ .rY8OtuArIi0-[data-popper-placement^="top"] > .uClo-5-xhAc- {
5234
+ bottom: var(--popover--position--offset);
5235
+ }
5236
+
5237
+ .rY8OtuArIi0-[data-popper-placement^="top"] > .uClo-5-xhAc-::before {
5238
+ -webkit-transform: rotate(-135deg);
5239
+ transform: rotate(-135deg);
5240
+ }
5241
+
5242
+ .rY8OtuArIi0-[data-popper-placement^="bottom"] > .uClo-5-xhAc- {
5243
+ top: var(--popover--position--offset);
5244
+ }
5245
+
5246
+ .rY8OtuArIi0-[data-popper-placement^="left"] > .uClo-5-xhAc- {
5247
+ right: var(--popover--position--offset);
5248
+ }
5249
+
5250
+ .rY8OtuArIi0-[data-popper-placement^="left"] > .uClo-5-xhAc-::before {
5251
+ -webkit-transform: rotate(135deg);
5252
+ transform: rotate(135deg);
5253
+ }
5254
+
5255
+ .rY8OtuArIi0-[data-popper-placement^="right"] > .uClo-5-xhAc- {
5256
+ left: var(--popover--position--offset);
5257
+ }
5258
+
5259
+ .rY8OtuArIi0-[data-popper-placement^="right"] > .uClo-5-xhAc-::before {
5260
+ -webkit-transform: rotate(-45deg);
5261
+ transform: rotate(-45deg);
5262
+ }
5263
+
5264
+ .dylWWgubHwM- {
5265
+ --progress-bar--height: 4px;
5266
+ }
5267
+
5268
+ .z92YJQrscvI- {
5269
+ --progress-bar--height: 8px;
5270
+ }
5271
+
5272
+ .DKfNM1to61A- {
5273
+ --progress-bar--height: 16px;
5274
+ }
5275
+
5264
5276
  .p9AgTzIbTwY- {
5265
5277
  --progress-bar--height: 16px;
5266
5278
  }
@@ -5322,124 +5334,30 @@ progress.w8NAw4ZMB6g-[value]::-webkit-progress-value {
5322
5334
  gap: var(--space-small);
5323
5335
  }
5324
5336
 
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;
5337
+ .KZfSK2vhTyI- {
5338
+ --radio--checked-thickness: 6px;
5339
+ --radio-diameter: 20px;
5340
+ --radio--checked-shadow: 0px 0px 0px var(--space-minuscule) transparent;
5341
+ display: -ms-inline-flexbox;
5342
+ display: inline-flex;
5343
+ -ms-flex-direction: column;
5344
+ flex-direction: column;
5335
5345
  }
5336
5346
 
5337
- .v2xMxsPFwcM- {
5338
- display: -ms-flexbox;
5339
- display: flex;
5340
- -ms-flex-align: center;
5341
- align-items: center;
5342
- gap: 16px;
5343
- gap: var(--space-base);
5347
+ .w1Rr3bk2t5g- {
5348
+ /* Hide checkbox on UI but not screen readers and still allow focus state */
5349
+ position: absolute;
5350
+ left: -999vw;
5344
5351
  }
5345
5352
 
5346
- .cfDwOgEkPHQ- {
5347
- width: 100%;
5348
- }
5349
-
5350
- .BQqkfvwFjbQ- {
5351
- display: -ms-flexbox;
5352
- display: flex;
5353
- -ms-flex-wrap: wrap;
5354
- flex-wrap: wrap;
5355
- gap: var(--public-responsive-switcher-space);
5356
- }
5357
-
5358
- .BQqkfvwFjbQ- > * {
5359
- -ms-flex-positive: 1;
5360
- flex-grow: 1;
5361
- -ms-flex-preferred-size: calc((var(--public-responsive-switcher-threshold) - 100%) * 999);
5362
- flex-basis: calc((var(--public-responsive-switcher-threshold) - 100%) * 999);
5363
- }
5364
-
5365
- .BQqkfvwFjbQ-.zpPbVPrtiLc- > :nth-last-child(n + 2),
5366
- .BQqkfvwFjbQ-.zpPbVPrtiLc- > :nth-last-child(n + 2) ~ * {
5367
- -ms-flex-preferred-size: 100%;
5368
- flex-basis: 100%;
5369
- }
5370
-
5371
- .BQqkfvwFjbQ-.FC2KY5S6p6E- > :nth-last-child(n + 3),
5372
- .BQqkfvwFjbQ-.FC2KY5S6p6E- > :nth-last-child(n + 3) ~ * {
5373
- -ms-flex-preferred-size: 100%;
5374
- flex-basis: 100%;
5375
- }
5376
-
5377
- .BQqkfvwFjbQ-.XJQ0uo0TZ2w- > :nth-last-child(n + 4),
5378
- .BQqkfvwFjbQ-.XJQ0uo0TZ2w- > :nth-last-child(n + 4) ~ * {
5379
- -ms-flex-preferred-size: 100%;
5380
- flex-basis: 100%;
5381
- }
5382
-
5383
- .BQqkfvwFjbQ-.QmUWX7VCL0A- > :nth-last-child(n + 5),
5384
- .BQqkfvwFjbQ-.QmUWX7VCL0A- > :nth-last-child(n + 5) ~ * {
5385
- -ms-flex-preferred-size: 100%;
5386
- flex-basis: 100%;
5387
- }
5388
-
5389
- .BQqkfvwFjbQ-._0gKXd8nPCKU- > :nth-last-child(n + 6),
5390
- .BQqkfvwFjbQ-._0gKXd8nPCKU- > :nth-last-child(n + 6) ~ * {
5391
- -ms-flex-preferred-size: 100%;
5392
- flex-basis: 100%;
5393
- }
5394
-
5395
- .BQqkfvwFjbQ-.DvGgLdlE8Ac- > :nth-last-child(n + 7),
5396
- .BQqkfvwFjbQ-.DvGgLdlE8Ac- > :nth-last-child(n + 7) ~ * {
5397
- -ms-flex-preferred-size: 100%;
5398
- flex-basis: 100%;
5399
- }
5400
-
5401
- .BQqkfvwFjbQ-._4PxEtfehh4s- > :nth-last-child(n + 8),
5402
- .BQqkfvwFjbQ-._4PxEtfehh4s- > :nth-last-child(n + 8) ~ * {
5403
- -ms-flex-preferred-size: 100%;
5404
- flex-basis: 100%;
5405
- }
5406
-
5407
- .BQqkfvwFjbQ-.DZPW3Q-N5ik- > :nth-last-child(n + 9),
5408
- .BQqkfvwFjbQ-.DZPW3Q-N5ik- > :nth-last-child(n + 9) ~ * {
5409
- -ms-flex-preferred-size: 100%;
5410
- flex-basis: 100%;
5411
- }
5412
-
5413
- .BQqkfvwFjbQ-._2BL9H-tmzMk- > :nth-last-child(n + 10),
5414
- .BQqkfvwFjbQ-._2BL9H-tmzMk- > :nth-last-child(n + 10) ~ * {
5415
- -ms-flex-preferred-size: 100%;
5416
- flex-basis: 100%;
5417
- }
5418
-
5419
- .KZfSK2vhTyI- {
5420
- --radio--checked-thickness: 6px;
5421
- --radio-diameter: 20px;
5422
- --radio--checked-shadow: 0px 0px 0px var(--space-minuscule) transparent;
5423
- display: -ms-inline-flexbox;
5424
- display: inline-flex;
5425
- -ms-flex-direction: column;
5426
- flex-direction: column;
5427
- }
5428
-
5429
- .w1Rr3bk2t5g- {
5430
- /* Hide checkbox on UI but not screen readers and still allow focus state */
5431
- position: absolute;
5432
- left: -999vw;
5433
- }
5434
-
5435
- .gN41T07x0l0- {
5436
- display: -ms-inline-flexbox;
5437
- display: inline-flex;
5438
- font-size: 14px;
5439
- font-size: var(--typography--fontSize-base);
5440
- cursor: pointer;
5441
- -ms-flex-align: start;
5442
- align-items: flex-start;
5353
+ .gN41T07x0l0- {
5354
+ display: -ms-inline-flexbox;
5355
+ display: inline-flex;
5356
+ font-size: 14px;
5357
+ font-size: var(--typography--fontSize-base);
5358
+ cursor: pointer;
5359
+ -ms-flex-align: start;
5360
+ align-items: flex-start;
5443
5361
  }
5444
5362
 
5445
5363
  .w1Rr3bk2t5g- + .gN41T07x0l0-::before {
@@ -5512,6 +5430,19 @@ progress.w8NAw4ZMB6g-[value]::-webkit-progress-value {
5512
5430
  color: var(--color-disabled);
5513
5431
  }
5514
5432
 
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
+
5515
5446
  .cCwRgRAz4qk- {
5516
5447
  --sideDrawer--base-padding: var(--space-base);
5517
5448
  --sideDrawer--background: var(--color-surface);
@@ -5909,73 +5840,73 @@ progress.w8NAw4ZMB6g-[value]::-webkit-progress-value {
5909
5840
  width: 100%;
5910
5841
  }
5911
5842
 
5912
- ._6hfmGZoXNyg- {
5913
- width: 32px;
5914
- width: var(--space-larger);
5915
- height: 32px;
5916
- height: var(--space-larger);
5917
- box-shadow: 0px 0px 4px 2px rgba(1, 41, 57, 0.4);
5918
- border: solid hsl(198, 25%, 33%);
5919
- border: solid var(--color-inactive);
5920
- border-top-color: rgba(255, 255, 255, 1);
5921
- border-top-color: var(--color-white);
5922
- border-width: calc(8px * 0.75);
5923
- border-width: calc(var(--space-small) * 0.75);
5924
- border-radius: 100%;
5925
- border-radius: var(--radius-circle);
5926
- background-color: hsl(195, 12%, 94%);
5927
- background-color: var(--color-inactive--surface);
5928
- -webkit-animation-duration: calc(500ms * 2);
5929
- -webkit-animation-duration: calc(var(--timing-slowest) * 2);
5930
- animation-duration: calc(500ms * 2);
5931
- animation-duration: calc(var(--timing-slowest) * 2);
5932
- -webkit-animation-iteration-count: infinite;
5933
- animation-iteration-count: infinite;
5934
- -webkit-animation-name: aT3CETCJ4hQ-;
5935
- animation-name: aT3CETCJ4hQ-;
5936
- -webkit-animation-timing-function: linear;
5937
- animation-timing-function: linear;
5938
- will-change: transform;
5843
+ .BQqkfvwFjbQ- {
5844
+ display: -ms-flexbox;
5845
+ display: flex;
5846
+ -ms-flex-wrap: wrap;
5847
+ flex-wrap: wrap;
5848
+ gap: var(--public-responsive-switcher-space);
5939
5849
  }
5940
5850
 
5941
- @-webkit-keyframes aT3CETCJ4hQ- {
5942
- 0% {
5943
- -webkit-transform: rotate(0deg);
5944
- transform: rotate(0deg);
5945
- }
5851
+ .BQqkfvwFjbQ- > * {
5852
+ -ms-flex-positive: 1;
5853
+ flex-grow: 1;
5854
+ -ms-flex-preferred-size: calc((var(--public-responsive-switcher-threshold) - 100%) * 999);
5855
+ flex-basis: calc((var(--public-responsive-switcher-threshold) - 100%) * 999);
5856
+ }
5946
5857
 
5947
- 100% {
5948
- -webkit-transform: rotate(359deg);
5949
- transform: rotate(359deg);
5950
- }
5858
+ .BQqkfvwFjbQ-.zpPbVPrtiLc- > :nth-last-child(n + 2),
5859
+ .BQqkfvwFjbQ-.zpPbVPrtiLc- > :nth-last-child(n + 2) ~ * {
5860
+ -ms-flex-preferred-size: 100%;
5861
+ flex-basis: 100%;
5951
5862
  }
5952
5863
 
5953
- @keyframes aT3CETCJ4hQ- {
5954
- 0% {
5955
- -webkit-transform: rotate(0deg);
5956
- transform: rotate(0deg);
5957
- }
5864
+ .BQqkfvwFjbQ-.FC2KY5S6p6E- > :nth-last-child(n + 3),
5865
+ .BQqkfvwFjbQ-.FC2KY5S6p6E- > :nth-last-child(n + 3) ~ * {
5866
+ -ms-flex-preferred-size: 100%;
5867
+ flex-basis: 100%;
5868
+ }
5958
5869
 
5959
- 100% {
5960
- -webkit-transform: rotate(359deg);
5961
- transform: rotate(359deg);
5962
- }
5870
+ .BQqkfvwFjbQ-.XJQ0uo0TZ2w- > :nth-last-child(n + 4),
5871
+ .BQqkfvwFjbQ-.XJQ0uo0TZ2w- > :nth-last-child(n + 4) ~ * {
5872
+ -ms-flex-preferred-size: 100%;
5873
+ flex-basis: 100%;
5963
5874
  }
5964
5875
 
5965
- .bMfynkzmlL4- {
5966
- width: 16px;
5967
- width: var(--space-base);
5968
- height: 16px;
5969
- height: var(--space-base);
5970
- border-width: 4px;
5971
- border-width: var(--space-smaller);
5876
+ .BQqkfvwFjbQ-.QmUWX7VCL0A- > :nth-last-child(n + 5),
5877
+ .BQqkfvwFjbQ-.QmUWX7VCL0A- > :nth-last-child(n + 5) ~ * {
5878
+ -ms-flex-preferred-size: 100%;
5879
+ flex-basis: 100%;
5972
5880
  }
5973
5881
 
5974
- .NA68eWblbLo- {
5975
- display: inline-block;
5976
- margin-top: calc(4px * -1);
5977
- margin-top: calc(var(--space-smaller) * -1);
5978
- vertical-align: middle;
5882
+ .BQqkfvwFjbQ-._0gKXd8nPCKU- > :nth-last-child(n + 6),
5883
+ .BQqkfvwFjbQ-._0gKXd8nPCKU- > :nth-last-child(n + 6) ~ * {
5884
+ -ms-flex-preferred-size: 100%;
5885
+ flex-basis: 100%;
5886
+ }
5887
+
5888
+ .BQqkfvwFjbQ-.DvGgLdlE8Ac- > :nth-last-child(n + 7),
5889
+ .BQqkfvwFjbQ-.DvGgLdlE8Ac- > :nth-last-child(n + 7) ~ * {
5890
+ -ms-flex-preferred-size: 100%;
5891
+ flex-basis: 100%;
5892
+ }
5893
+
5894
+ .BQqkfvwFjbQ-._4PxEtfehh4s- > :nth-last-child(n + 8),
5895
+ .BQqkfvwFjbQ-._4PxEtfehh4s- > :nth-last-child(n + 8) ~ * {
5896
+ -ms-flex-preferred-size: 100%;
5897
+ flex-basis: 100%;
5898
+ }
5899
+
5900
+ .BQqkfvwFjbQ-.DZPW3Q-N5ik- > :nth-last-child(n + 9),
5901
+ .BQqkfvwFjbQ-.DZPW3Q-N5ik- > :nth-last-child(n + 9) ~ * {
5902
+ -ms-flex-preferred-size: 100%;
5903
+ flex-basis: 100%;
5904
+ }
5905
+
5906
+ .BQqkfvwFjbQ-._2BL9H-tmzMk- > :nth-last-child(n + 10),
5907
+ .BQqkfvwFjbQ-._2BL9H-tmzMk- > :nth-last-child(n + 10) ~ * {
5908
+ -ms-flex-preferred-size: 100%;
5909
+ flex-basis: 100%;
5979
5910
  }
5980
5911
 
5981
5912
  .OADGAhZt8dY- {
@@ -6042,167 +5973,129 @@ progress.w8NAw4ZMB6g-[value]::-webkit-progress-value {
6042
5973
  padding-top: 0.125rem;
6043
5974
  }
6044
5975
 
6045
- .WiSIdMrztSU- {
6046
- --statusLabel-icon-diameter: 8px;
5976
+ ._6hfmGZoXNyg- {
5977
+ width: 32px;
5978
+ width: var(--space-larger);
5979
+ height: 32px;
5980
+ height: var(--space-larger);
5981
+ box-shadow: 0px 0px 4px 2px rgba(1, 41, 57, 0.4);
5982
+ border: solid hsl(198, 25%, 33%);
5983
+ border: solid var(--color-inactive);
5984
+ border-top-color: rgba(255, 255, 255, 1);
5985
+ border-top-color: var(--color-white);
5986
+ border-width: calc(8px * 0.75);
5987
+ border-width: calc(var(--space-small) * 0.75);
5988
+ border-radius: 100%;
5989
+ border-radius: var(--radius-circle);
5990
+ background-color: hsl(195, 12%, 94%);
5991
+ background-color: var(--color-inactive--surface);
5992
+ -webkit-animation-duration: calc(500ms * 2);
5993
+ -webkit-animation-duration: calc(var(--timing-slowest) * 2);
5994
+ animation-duration: calc(500ms * 2);
5995
+ animation-duration: calc(var(--timing-slowest) * 2);
5996
+ -webkit-animation-iteration-count: infinite;
5997
+ animation-iteration-count: infinite;
5998
+ -webkit-animation-name: aT3CETCJ4hQ-;
5999
+ animation-name: aT3CETCJ4hQ-;
6000
+ -webkit-animation-timing-function: linear;
6001
+ animation-timing-function: linear;
6002
+ will-change: transform;
6003
+ }
6047
6004
 
6048
- display: inline-block;
6049
- width: 8px;
6050
- width: var(--statusLabel-icon-diameter);
6051
- height: 8px;
6052
- height: var(--statusLabel-icon-diameter);
6053
- border-radius: 50%;
6054
- background-color: hsl(107, 58%, 33%);
6055
- background-color: var(--color-success);
6056
- -ms-flex-negative: 0;
6057
- flex-shrink: 0;
6058
- }
6005
+ @-webkit-keyframes aT3CETCJ4hQ- {
6006
+ 0% {
6007
+ -webkit-transform: rotate(0deg);
6008
+ transform: rotate(0deg);
6009
+ }
6059
6010
 
6060
- .rVg6dYYBFN4- {
6061
- --switch--width: 48px;
6062
- --switch--pipSize: 16px;
6063
- --switch--labelWidth: calc(var(--switch--pipSize) * 1.3);
6064
- --switch--borderOffset: var(--border-thick);
6011
+ 100% {
6012
+ -webkit-transform: rotate(359deg);
6013
+ transform: rotate(359deg);
6014
+ }
6065
6015
  }
6066
6016
 
6067
- .yyISARGmmJo-,
6068
- .yyISARGmmJo- * {
6069
- box-sizing: border-box;
6070
- transition: all 200ms;
6071
- transition: all var(--timing-base);
6072
- }
6017
+ @keyframes aT3CETCJ4hQ- {
6018
+ 0% {
6019
+ -webkit-transform: rotate(0deg);
6020
+ transform: rotate(0deg);
6021
+ }
6073
6022
 
6074
- .yyISARGmmJo- {
6075
- display: -ms-inline-flexbox;
6076
- display: inline-flex;
6077
- width: var(--switch--width);
6078
- height: calc(var(--switch--width) / 2);
6079
- padding: 0;
6080
- border: 2px solid hsl(200, 13%, 87%);
6081
- border: var(--border-thick) solid var(--color-border--interactive);
6082
- border-radius: var(--switch--pipSize);
6083
- overflow: hidden;
6084
- line-height: normal;
6085
- background-color: rgba(255, 255, 255, 1);
6086
- background-color: var(--color-surface);
6087
- cursor: pointer;
6088
- -webkit-appearance: none;
6089
- appearance: none;
6090
- -ms-flex-align: center;
6091
- align-items: center;
6023
+ 100% {
6024
+ -webkit-transform: rotate(359deg);
6025
+ transform: rotate(359deg);
6026
+ }
6092
6027
  }
6093
6028
 
6094
- .yyISARGmmJo-:focus-visible {
6095
- box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
6096
- box-shadow: var(--shadow-focus);
6097
- outline: none;
6029
+ .bMfynkzmlL4- {
6030
+ width: 16px;
6031
+ width: var(--space-base);
6032
+ height: 16px;
6033
+ height: var(--space-base);
6034
+ border-width: 4px;
6035
+ border-width: var(--space-smaller);
6098
6036
  }
6099
6037
 
6100
- .yyISARGmmJo-:hover,
6101
- .yyISARGmmJo-:focus-visible {
6102
- border-color: hsl(107, 58%, 33%);
6103
- border-color: var(--color-interactive);
6038
+ .NA68eWblbLo- {
6039
+ display: inline-block;
6040
+ margin-top: calc(4px * -1);
6041
+ margin-top: calc(var(--space-smaller) * -1);
6042
+ vertical-align: middle;
6104
6043
  }
6105
6044
 
6106
- ._40c6OIH33p8- {
6107
- border-color: hsl(107, 58%, 33%);
6108
- border-color: var(--color-interactive);
6045
+ .WiSIdMrztSU- {
6046
+ --statusLabel-icon-diameter: 8px;
6047
+
6048
+ display: inline-block;
6049
+ width: 8px;
6050
+ width: var(--statusLabel-icon-diameter);
6051
+ height: 8px;
6052
+ height: var(--statusLabel-icon-diameter);
6053
+ border-radius: 50%;
6109
6054
  background-color: hsl(107, 58%, 33%);
6110
- background-color: var(--color-interactive);
6055
+ background-color: var(--color-success);
6056
+ -ms-flex-negative: 0;
6057
+ flex-shrink: 0;
6111
6058
  }
6112
6059
 
6113
- .zA0Fmn8IIZI- {
6114
- display: -ms-flexbox;
6115
- display: flex;
6060
+ ._7PagpWEko2U- {
6061
+ --border-color: var(--color-border);
6062
+ --header-border-color: var(--color-border--section);
6063
+ --horizontal-inset: var(--space-base);
6116
6064
  position: relative;
6117
- margin-left: calc(var(--switch--width) / -2);
6118
- pointer-events: none;
6119
- -ms-flex: 1 1 100%;
6120
- flex: 1 1 100%;
6121
- -ms-flex-align: center;
6122
- align-items: center;
6123
- }
6124
-
6125
- ._40c6OIH33p8- .zA0Fmn8IIZI- {
6126
- margin-left: 0;
6065
+ width: 100%;
6066
+ border-collapse: collapse;
6127
6067
  }
6128
6068
 
6129
- .HLUIVXs3n5w- {
6130
- display: -ms-flexbox;
6131
- display: flex;
6132
- position: relative;
6133
- min-width: var(--switch--labelWidth);
6134
- margin-top: 1px;
6135
- margin-top: var(--space-minuscule);
6136
- -webkit-user-select: none;
6137
- -ms-user-select: none;
6138
- user-select: none;
6069
+ ._7PagpWEko2U-::after {
6070
+ content: "";
6071
+ position: absolute;
6072
+ top: 0;
6073
+ left: 0;
6074
+ width: 100%;
6075
+ height: 100%;
6076
+ box-sizing: border-box;
6077
+ border: solid 1px var(--border-color);
6078
+ border: solid var(--border-base) var(--border-color);
6079
+ border-radius: 8px;
6080
+ border-radius: var(--radius-base);
6139
6081
  pointer-events: none;
6140
- -ms-flex-align: center;
6141
- align-items: center;
6142
- -ms-flex-pack: center;
6143
- justify-content: center;
6144
- opacity: 0;
6145
- }
6146
-
6147
- .HLUIVXs3n5w-:first-of-type {
6148
- padding-left: 8px;
6149
- padding-left: var(--space-small);
6150
- }
6151
-
6152
- .HLUIVXs3n5w-:last-of-type {
6153
- padding-right: 8px;
6154
- padding-right: var(--space-small);
6155
- }
6156
-
6157
- .PiwOCJz7Zto- {
6158
- -ms-flex: 0 0 auto;
6159
- flex: 0 0 auto;
6160
- width: var(--switch--pipSize);
6161
- height: var(--switch--pipSize);
6162
- border: none;
6163
- border-radius: 100%;
6164
- border-radius: var(--radius-circle);
6165
- background-color: hsl(198, 35%, 21%);
6166
- background-color: var(--color-interactive--subtle);
6167
- transition: all 100ms ease-out;
6168
- transition: all var(--timing-quick) ease-out;
6169
- }
6170
-
6171
- ._40c6OIH33p8- .PiwOCJz7Zto- {
6172
- border-color: hsl(107, 58%, 33%);
6173
- border-color: var(--color-interactive);
6174
- background-color: rgba(255, 255, 255, 1);
6175
- background-color: var(--color-surface);
6176
- }
6177
-
6178
- .e-cSZjkHGw8- .PiwOCJz7Zto- {
6179
- border-color: hsl(0, 0%, 93%);
6180
- border-color: var(--color-disabled--secondary);
6181
- background-color: hsl(0, 0%, 72%);
6182
- background-color: var(--color-disabled);
6183
- }
6184
-
6185
- .e-cSZjkHGw8- {
6186
- border-color: hsl(0, 0%, 72%);
6187
- border-color: var(--color-disabled);
6188
- background-color: rgba(255, 255, 255, 1);
6189
- background-color: var(--color-surface);
6190
- cursor: not-allowed;
6191
6082
  }
6192
6083
 
6193
- ._40c6OIH33p8-.e-cSZjkHGw8- {
6194
- background-color: hsl(0, 0%, 72%);
6195
- background-color: var(--color-disabled);
6084
+ ._9OHT36DJGCo-:not(:last-child) {
6085
+ border-bottom: solid 1px var(--border-color);
6086
+ border-bottom: solid var(--border-base) var(--border-color);
6196
6087
  }
6197
6088
 
6198
- ._40c6OIH33p8-.e-cSZjkHGw8- .PiwOCJz7Zto- {
6199
- background-color: rgba(255, 255, 255, 1);
6200
- background-color: var(--color-surface);
6089
+ .YPDzOWGHgkk- ._9OHT36DJGCo- {
6090
+ border-bottom: solid 1px var(--header-border-color);
6091
+ border-bottom: solid var(--border-base) var(--header-border-color);
6092
+ font-weight: bold;
6093
+ text-transform: uppercase;
6201
6094
  }
6202
6095
 
6203
- .e-cSZjkHGw8-:hover {
6204
- border-color: hsl(0, 0%, 72%);
6205
- border-color: var(--color-disabled);
6096
+ .cv4Izfe0MWI- ._9OHT36DJGCo- {
6097
+ border-top: solid 4px var(--border-color);
6098
+ border-top: solid var(--border-thicker) var(--border-color);
6206
6099
  }
6207
6100
 
6208
6101
  ._7bHFxCX3jv4- {
@@ -6317,65 +6210,212 @@ If there is a way to loop in the future of use a css custom property, we can use
6317
6210
  margin-bottom: auto;
6318
6211
  }
6319
6212
 
6320
- ._7bHFxCX3jv4-.eN-ykUdJrAU- > :nth-child(12) {
6321
- -webkit-margin-after: auto;
6322
- margin-bottom: auto;
6213
+ ._7bHFxCX3jv4-.eN-ykUdJrAU- > :nth-child(12) {
6214
+ -webkit-margin-after: auto;
6215
+ margin-bottom: auto;
6216
+ }
6217
+
6218
+ ._7bHFxCX3jv4-.Jic7p-x-iKg- > :nth-child(13) {
6219
+ -webkit-margin-after: auto;
6220
+ margin-bottom: auto;
6221
+ }
6222
+
6223
+ ._7bHFxCX3jv4-.PaC-tFnXMh8- > :nth-child(14) {
6224
+ -webkit-margin-after: auto;
6225
+ margin-bottom: auto;
6226
+ }
6227
+
6228
+ ._7bHFxCX3jv4-.isuG1fzSWMs- > :nth-child(15) {
6229
+ -webkit-margin-after: auto;
6230
+ margin-bottom: auto;
6231
+ }
6232
+
6233
+ .rVg6dYYBFN4- {
6234
+ --switch--width: 48px;
6235
+ --switch--pipSize: 16px;
6236
+ --switch--labelWidth: calc(var(--switch--pipSize) * 1.3);
6237
+ --switch--borderOffset: var(--border-thick);
6238
+ }
6239
+
6240
+ .yyISARGmmJo-,
6241
+ .yyISARGmmJo- * {
6242
+ box-sizing: border-box;
6243
+ transition: all 200ms;
6244
+ transition: all var(--timing-base);
6245
+ }
6246
+
6247
+ .yyISARGmmJo- {
6248
+ display: -ms-inline-flexbox;
6249
+ display: inline-flex;
6250
+ width: var(--switch--width);
6251
+ height: calc(var(--switch--width) / 2);
6252
+ padding: 0;
6253
+ border: 2px solid hsl(200, 13%, 87%);
6254
+ border: var(--border-thick) solid var(--color-border--interactive);
6255
+ border-radius: var(--switch--pipSize);
6256
+ overflow: hidden;
6257
+ line-height: normal;
6258
+ background-color: rgba(255, 255, 255, 1);
6259
+ background-color: var(--color-surface);
6260
+ cursor: pointer;
6261
+ -webkit-appearance: none;
6262
+ appearance: none;
6263
+ -ms-flex-align: center;
6264
+ align-items: center;
6265
+ }
6266
+
6267
+ .yyISARGmmJo-:focus-visible {
6268
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
6269
+ box-shadow: var(--shadow-focus);
6270
+ outline: none;
6271
+ }
6272
+
6273
+ .yyISARGmmJo-:hover,
6274
+ .yyISARGmmJo-:focus-visible {
6275
+ border-color: hsl(107, 58%, 33%);
6276
+ border-color: var(--color-interactive);
6277
+ }
6278
+
6279
+ ._40c6OIH33p8- {
6280
+ border-color: hsl(107, 58%, 33%);
6281
+ border-color: var(--color-interactive);
6282
+ background-color: hsl(107, 58%, 33%);
6283
+ background-color: var(--color-interactive);
6284
+ }
6285
+
6286
+ .zA0Fmn8IIZI- {
6287
+ display: -ms-flexbox;
6288
+ display: flex;
6289
+ position: relative;
6290
+ margin-left: calc(var(--switch--width) / -2);
6291
+ pointer-events: none;
6292
+ -ms-flex: 1 1 100%;
6293
+ flex: 1 1 100%;
6294
+ -ms-flex-align: center;
6295
+ align-items: center;
6296
+ }
6297
+
6298
+ ._40c6OIH33p8- .zA0Fmn8IIZI- {
6299
+ margin-left: 0;
6300
+ }
6301
+
6302
+ .HLUIVXs3n5w- {
6303
+ display: -ms-flexbox;
6304
+ display: flex;
6305
+ position: relative;
6306
+ min-width: var(--switch--labelWidth);
6307
+ margin-top: 1px;
6308
+ margin-top: var(--space-minuscule);
6309
+ -webkit-user-select: none;
6310
+ -ms-user-select: none;
6311
+ user-select: none;
6312
+ pointer-events: none;
6313
+ -ms-flex-align: center;
6314
+ align-items: center;
6315
+ -ms-flex-pack: center;
6316
+ justify-content: center;
6317
+ opacity: 0;
6318
+ }
6319
+
6320
+ .HLUIVXs3n5w-:first-of-type {
6321
+ padding-left: 8px;
6322
+ padding-left: var(--space-small);
6323
+ }
6324
+
6325
+ .HLUIVXs3n5w-:last-of-type {
6326
+ padding-right: 8px;
6327
+ padding-right: var(--space-small);
6328
+ }
6329
+
6330
+ .PiwOCJz7Zto- {
6331
+ -ms-flex: 0 0 auto;
6332
+ flex: 0 0 auto;
6333
+ width: var(--switch--pipSize);
6334
+ height: var(--switch--pipSize);
6335
+ border: none;
6336
+ border-radius: 100%;
6337
+ border-radius: var(--radius-circle);
6338
+ background-color: hsl(198, 35%, 21%);
6339
+ background-color: var(--color-interactive--subtle);
6340
+ transition: all 100ms ease-out;
6341
+ transition: all var(--timing-quick) ease-out;
6342
+ }
6343
+
6344
+ ._40c6OIH33p8- .PiwOCJz7Zto- {
6345
+ border-color: hsl(107, 58%, 33%);
6346
+ border-color: var(--color-interactive);
6347
+ background-color: rgba(255, 255, 255, 1);
6348
+ background-color: var(--color-surface);
6349
+ }
6350
+
6351
+ .e-cSZjkHGw8- .PiwOCJz7Zto- {
6352
+ border-color: hsl(0, 0%, 93%);
6353
+ border-color: var(--color-disabled--secondary);
6354
+ background-color: hsl(0, 0%, 72%);
6355
+ background-color: var(--color-disabled);
6356
+ }
6357
+
6358
+ .e-cSZjkHGw8- {
6359
+ border-color: hsl(0, 0%, 72%);
6360
+ border-color: var(--color-disabled);
6361
+ background-color: rgba(255, 255, 255, 1);
6362
+ background-color: var(--color-surface);
6363
+ cursor: not-allowed;
6364
+ }
6365
+
6366
+ ._40c6OIH33p8-.e-cSZjkHGw8- {
6367
+ background-color: hsl(0, 0%, 72%);
6368
+ background-color: var(--color-disabled);
6323
6369
  }
6324
6370
 
6325
- ._7bHFxCX3jv4-.Jic7p-x-iKg- > :nth-child(13) {
6326
- -webkit-margin-after: auto;
6327
- margin-bottom: auto;
6371
+ ._40c6OIH33p8-.e-cSZjkHGw8- .PiwOCJz7Zto- {
6372
+ background-color: rgba(255, 255, 255, 1);
6373
+ background-color: var(--color-surface);
6328
6374
  }
6329
6375
 
6330
- ._7bHFxCX3jv4-.PaC-tFnXMh8- > :nth-child(14) {
6331
- -webkit-margin-after: auto;
6332
- margin-bottom: auto;
6376
+ .e-cSZjkHGw8-:hover {
6377
+ border-color: hsl(0, 0%, 72%);
6378
+ border-color: var(--color-disabled);
6333
6379
  }
6334
6380
 
6335
- ._7bHFxCX3jv4-.isuG1fzSWMs- > :nth-child(15) {
6336
- -webkit-margin-after: auto;
6337
- margin-bottom: auto;
6381
+ .b9lhF-BkUnI- {
6382
+ display: grid;
6383
+ grid-template-columns: auto;
6384
+ grid-template-rows: auto -webkit-max-content;
6385
+ grid-template-rows: auto max-content;
6386
+ width: inherit;
6387
+ height: inherit;
6388
+ -ms-flex-align: center;
6389
+ align-items: center;
6390
+ justify-items: center;
6338
6391
  }
6339
6392
 
6340
- ._7PagpWEko2U- {
6341
- --border-color: var(--color-border);
6342
- --header-border-color: var(--color-border--section);
6343
- --horizontal-inset: var(--space-base);
6344
- position: relative;
6345
- width: 100%;
6346
- border-collapse: collapse;
6393
+ .BJLJeUxloeQ-:not(.t5IzWH6-Sy0-) {
6394
+ -ms-flex-align: end;
6395
+ align-items: end;
6347
6396
  }
6348
6397
 
6349
- ._7PagpWEko2U-::after {
6350
- content: "";
6351
- position: absolute;
6352
- top: 0;
6353
- left: 0;
6398
+ .tj--cPRjQfI- {
6354
6399
  width: 100%;
6355
- height: 100%;
6400
+ min-width: 0;
6356
6401
  box-sizing: border-box;
6357
- border: solid 1px var(--border-color);
6358
- border: solid var(--border-base) var(--border-color);
6359
- border-radius: 8px;
6360
- border-radius: var(--radius-base);
6361
- pointer-events: none;
6362
- }
6363
-
6364
- ._9OHT36DJGCo-:not(:last-child) {
6365
- border-bottom: solid 1px var(--border-color);
6366
- border-bottom: solid var(--border-base) var(--border-color);
6367
6402
  }
6368
6403
 
6369
- .YPDzOWGHgkk- ._9OHT36DJGCo- {
6370
- border-bottom: solid 1px var(--header-border-color);
6371
- border-bottom: solid var(--border-base) var(--header-border-color);
6372
- font-weight: bold;
6373
- text-transform: uppercase;
6404
+ .l2Vxo1qaR8U- .tj--cPRjQfI- {
6405
+ padding: 4px;
6406
+ padding: var(--space-smaller);
6407
+ font-size: 10px;
6408
+ font-size: var(--typography--fontSize-smaller);
6374
6409
  }
6375
6410
 
6376
- .cv4Izfe0MWI- ._9OHT36DJGCo- {
6377
- border-top: solid 4px var(--border-color);
6378
- border-top: solid var(--border-thicker) var(--border-color);
6411
+ .t5IzWH6-Sy0- .tj--cPRjQfI- {
6412
+ position: absolute;
6413
+ bottom: 0;
6414
+ left: 0;
6415
+ padding: 8px;
6416
+ padding: var(--space-small);
6417
+ font-size: 12px;
6418
+ font-size: var(--typography--fontSize-small);
6379
6419
  }
6380
6420
 
6381
6421
  :root {
@@ -6508,61 +6548,77 @@ ul.LfIIg9bwrhQ- {
6508
6548
  padding-right: var(--public-tab--inset);
6509
6549
  }
6510
6550
 
6511
- .b9lhF-BkUnI- {
6512
- display: grid;
6513
- grid-template-columns: auto;
6514
- grid-template-rows: auto -webkit-max-content;
6515
- grid-template-rows: auto max-content;
6516
- width: inherit;
6517
- height: inherit;
6551
+ ._0Tvq24WjeX8- {
6552
+ position: relative;
6553
+ z-index: 1003;
6554
+ z-index: var(--elevation-toast);
6555
+ }
6556
+
6557
+ .GznHKPkdb1s- {
6558
+ display: -ms-flexbox;
6559
+ display: flex;
6560
+ position: fixed;
6561
+ right: 0;
6562
+ bottom: 24px;
6563
+ bottom: var(--space-large);
6564
+ left: 0;
6565
+ z-index: 1003;
6566
+ z-index: var(--elevation-toast);
6567
+ width: 100%;
6568
+ box-sizing: border-box;
6569
+ -ms-flex-direction: column;
6570
+ flex-direction: column;
6518
6571
  -ms-flex-align: center;
6519
6572
  align-items: center;
6520
- justify-items: center;
6573
+ padding: 0 24px;
6574
+ padding: 0 var(--space-large);
6575
+ color: rgba(255, 255, 255, 1);
6576
+ color: var(--color-text--reverse);
6577
+ font-size: 16px;
6578
+ font-size: var(--typography--fontSize-large);
6579
+ pointer-events: none;
6521
6580
  }
6522
6581
 
6523
- .BJLJeUxloeQ-:not(.t5IzWH6-Sy0-) {
6524
- -ms-flex-align: end;
6525
- align-items: end;
6582
+ .W8zgWZqmIlk- {
6583
+ box-shadow: 0px 16px 16px 0px rgba(0, 0, 0, 0.075), 0px 0px 8px 0px rgba(0, 0, 0, 0.05);
6584
+ box-shadow: var(--shadow-high);
6585
+ overflow: hidden;
6586
+ pointer-events: all;
6526
6587
  }
6527
6588
 
6528
- .tj--cPRjQfI- {
6529
- width: 100%;
6530
- min-width: 0;
6531
- box-sizing: border-box;
6589
+ .W8zgWZqmIlk- + .W8zgWZqmIlk- {
6590
+ margin-top: 16px;
6591
+ margin-top: var(--space-base);
6532
6592
  }
6533
6593
 
6534
- .l2Vxo1qaR8U- .tj--cPRjQfI- {
6535
- padding: 4px;
6536
- padding: var(--space-smaller);
6537
- font-size: 10px;
6538
- font-size: var(--typography--fontSize-smaller);
6594
+ .ol3srk7PviM- {
6595
+ display: -ms-flexbox;
6596
+ display: flex;
6597
+ gap: 8px;
6598
+ gap: var(--space-small);
6599
+ -ms-flex-align: center;
6600
+ align-items: center;
6601
+ padding: 4px 4px 4px;
6602
+ padding: var(--space-smaller) var(--space-smaller) var(--space-smaller);
6603
+ padding-left: calc(8px + 4px);
6604
+ padding-left: calc(var(--space-small) + var(--space-smaller));
6605
+ border-radius: 8px;
6606
+ border-radius: var(--radius-base);
6607
+ background: hsl(197, 90%, 12%);
6608
+ background: var(--color-surface--reverse);
6539
6609
  }
6540
6610
 
6541
- .t5IzWH6-Sy0- .tj--cPRjQfI- {
6542
- position: absolute;
6543
- bottom: 0;
6544
- left: 0;
6545
- padding: 8px;
6546
- padding: var(--space-small);
6547
- font-size: 12px;
6548
- font-size: var(--typography--fontSize-small);
6549
- }
6611
+ /* Use of !important to make the button icon visible in
6612
+ the reverse color scheme of Toast */
6550
6613
 
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);
6614
+ .ibhpdUt9YLo- * path {
6615
+ fill: hsl(197, 15%, 43%) !important;
6616
+ fill: var(--color-text--secondary) !important;
6557
6617
  }
6558
6618
 
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
- }
6619
+ .ibhpdUt9YLo-:hover * path {
6620
+ fill: hsl(197, 15%, 43%) !important;
6621
+ fill: var(--color-greyBlue) !important;
6566
6622
  }
6567
6623
 
6568
6624
  .sZQ1M6tj8-c- {
@@ -6661,91 +6717,35 @@ ul.LfIIg9bwrhQ- {
6661
6717
  }
6662
6718
 
6663
6719
  .-tDm6lNCCic- .Q1YfFqI71cw- .ZP3ev-wT-OI- {
6664
- left: var(--tooltip--offset);
6665
- }
6666
-
6667
- .djrmr4mADlA- {
6668
- margin: 0;
6669
- color: rgba(255, 255, 255, 1);
6670
- color: var(--color-text--reverse);
6671
- font-size: 12px;
6672
- font-size: var(--typography--fontSize-small);
6673
- font-weight: 500;
6674
- line-height: 1.25;
6675
- line-height: var(--typography--lineHeight-base);
6676
- }
6677
-
6678
- ._0Tvq24WjeX8- {
6679
- position: relative;
6680
- z-index: 1003;
6681
- z-index: var(--elevation-toast);
6682
- }
6683
-
6684
- .GznHKPkdb1s- {
6685
- display: -ms-flexbox;
6686
- display: flex;
6687
- position: fixed;
6688
- right: 0;
6689
- bottom: 24px;
6690
- bottom: var(--space-large);
6691
- left: 0;
6692
- z-index: 1003;
6693
- z-index: var(--elevation-toast);
6694
- width: 100%;
6695
- box-sizing: border-box;
6696
- -ms-flex-direction: column;
6697
- flex-direction: column;
6698
- -ms-flex-align: center;
6699
- align-items: center;
6700
- padding: 0 24px;
6701
- padding: 0 var(--space-large);
6702
- color: rgba(255, 255, 255, 1);
6703
- color: var(--color-text--reverse);
6704
- font-size: 16px;
6705
- font-size: var(--typography--fontSize-large);
6706
- pointer-events: none;
6707
- }
6708
-
6709
- .W8zgWZqmIlk- {
6710
- box-shadow: 0px 16px 16px 0px rgba(0, 0, 0, 0.075), 0px 0px 8px 0px rgba(0, 0, 0, 0.05);
6711
- box-shadow: var(--shadow-high);
6712
- overflow: hidden;
6713
- pointer-events: all;
6714
- }
6715
-
6716
- .W8zgWZqmIlk- + .W8zgWZqmIlk- {
6717
- margin-top: 16px;
6718
- margin-top: var(--space-base);
6719
- }
6720
-
6721
- .ol3srk7PviM- {
6722
- display: -ms-flexbox;
6723
- display: flex;
6724
- gap: 8px;
6725
- gap: var(--space-small);
6726
- -ms-flex-align: center;
6727
- align-items: center;
6728
- padding: 4px 4px 4px;
6729
- padding: var(--space-smaller) var(--space-smaller) var(--space-smaller);
6730
- padding-left: calc(8px + 4px);
6731
- padding-left: calc(var(--space-small) + var(--space-smaller));
6732
- border-radius: 8px;
6733
- border-radius: var(--radius-base);
6734
- background: hsl(197, 90%, 12%);
6735
- background: var(--color-surface--reverse);
6720
+ left: var(--tooltip--offset);
6736
6721
  }
6737
6722
 
6738
- /* Use of !important to make the button icon visible in
6739
- the reverse color scheme of Toast */
6723
+ .djrmr4mADlA- {
6724
+ margin: 0;
6725
+ color: rgba(255, 255, 255, 1);
6726
+ color: var(--color-text--reverse);
6727
+ font-size: 12px;
6728
+ font-size: var(--typography--fontSize-small);
6729
+ font-weight: 500;
6730
+ line-height: 1.25;
6731
+ line-height: var(--typography--lineHeight-base);
6732
+ }
6740
6733
 
6741
- .ibhpdUt9YLo- * path {
6742
- fill: hsl(197, 15%, 43%) !important;
6743
- fill: var(--color-text--secondary) !important;
6734
+ .jC1GzRIJp74- {
6735
+ display: grid;
6736
+ grid-gap: var(--public-tile-space);
6737
+ width: var(--public-tiles-width);
6738
+ -ms-flex-align: var(--public-tiles-align);
6739
+ align-items: var(--public-tiles-align);
6744
6740
  }
6745
6741
 
6746
- .ibhpdUt9YLo-:hover * path {
6747
- fill: hsl(197, 15%, 43%) !important;
6748
- fill: var(--color-greyBlue) !important;
6742
+ @supports (width: min(var(--public-tile-min-size), 100%)) {
6743
+ .jC1GzRIJp74- {
6744
+ grid-template-columns: repeat(
6745
+ auto-fill,
6746
+ minmax(min(var(--public-tile-min-size), 100%), 1fr)
6747
+ );
6748
+ }
6749
6749
  }
6750
6750
 
6751
6751
  /**
@@ -7267,16 +7267,29 @@ ul.LfIIg9bwrhQ- {
7267
7267
  background: var(--color-disabled);
7268
7268
  }
7269
7269
 
7270
- ._3hq7jJitEgs- {
7271
- display: -ms-flexbox;
7272
- display: flex;
7273
- -ms-flex-direction: column;
7274
- flex-direction: column;
7275
- min-width: 0;
7270
+ .kCKg-JJTRO8- {
7271
+ border-radius: 4px;
7272
+ border-radius: var(--radius-small);
7276
7273
  }
7277
7274
 
7278
- .oWJNe7O1DFI- {
7279
- white-space: pre-wrap;
7275
+ ._235nMwtuWSw- {
7276
+ border-radius: 8px;
7277
+ border-radius: var(--radius-base);
7278
+ }
7279
+
7280
+ ._9ppkWehd4QA- {
7281
+ border-radius: 16px;
7282
+ border-radius: var(--radius-large);
7283
+ }
7284
+
7285
+ .CsG3cZAn6r0- {
7286
+ border-radius: 24px;
7287
+ border-radius: var(--radius-larger);
7288
+ }
7289
+
7290
+ .WWKSAC2020Q- {
7291
+ border-radius: 100%;
7292
+ border-radius: var(--radius-circle);
7280
7293
  }
7281
7294
 
7282
7295
  .QJaShYW08G4- {
@@ -7329,29 +7342,30 @@ ul.LfIIg9bwrhQ- {
7329
7342
  gap: var(--space-extravagant);
7330
7343
  }
7331
7344
 
7332
- .kCKg-JJTRO8- {
7333
- border-radius: 4px;
7334
- border-radius: var(--radius-small);
7345
+ .Y4Fm1wA7Z6c- {
7346
+ border-color: hsl(200, 13%, 87%);
7347
+ border-color: var(--color-border);
7348
+ border-style: solid;
7335
7349
  }
7336
7350
 
7337
- ._235nMwtuWSw- {
7338
- border-radius: 8px;
7339
- border-radius: var(--radius-base);
7351
+ .GWX6qFcouh8- {
7352
+ border-width: var(--box-border);
7340
7353
  }
7341
7354
 
7342
- ._9ppkWehd4QA- {
7343
- border-radius: 16px;
7344
- border-radius: var(--radius-large);
7355
+ ._20qfwUymZHI- {
7356
+ border-top-width: var(--box-border-top);
7345
7357
  }
7346
7358
 
7347
- .CsG3cZAn6r0- {
7348
- border-radius: 24px;
7349
- border-radius: var(--radius-larger);
7359
+ ._80vVV1kYAXU- {
7360
+ border-right-width: var(--box-border-right);
7350
7361
  }
7351
7362
 
7352
- .WWKSAC2020Q- {
7353
- border-radius: 100%;
7354
- border-radius: var(--radius-circle);
7363
+ ._3yLCo9rAEyY- {
7364
+ border-bottom-width: var(--box-border-bottom);
7365
+ }
7366
+
7367
+ .Sejzll1Lw3U- {
7368
+ border-left-width: var(--box-border-left);
7355
7369
  }
7356
7370
 
7357
7371
  .CXP1mw5bm-s- {
@@ -7409,30 +7423,16 @@ ul.LfIIg9bwrhQ- {
7409
7423
  padding-left: var(--box-padding-left);
7410
7424
  }
7411
7425
 
7412
- .Y4Fm1wA7Z6c- {
7413
- border-color: hsl(200, 13%, 87%);
7414
- border-color: var(--color-border);
7415
- border-style: solid;
7416
- }
7417
-
7418
- .GWX6qFcouh8- {
7419
- border-width: var(--box-border);
7420
- }
7421
-
7422
- ._20qfwUymZHI- {
7423
- border-top-width: var(--box-border-top);
7424
- }
7425
-
7426
- ._80vVV1kYAXU- {
7427
- border-right-width: var(--box-border-right);
7428
- }
7429
-
7430
- ._3yLCo9rAEyY- {
7431
- border-bottom-width: var(--box-border-bottom);
7426
+ ._3hq7jJitEgs- {
7427
+ display: -ms-flexbox;
7428
+ display: flex;
7429
+ -ms-flex-direction: column;
7430
+ flex-direction: column;
7431
+ min-width: 0;
7432
7432
  }
7433
7433
 
7434
- .Sejzll1Lw3U- {
7435
- border-left-width: var(--box-border-left);
7434
+ .oWJNe7O1DFI- {
7435
+ white-space: pre-wrap;
7436
7436
  }
7437
7437
 
7438
7438
  .vqVnWscsiIQ- {
@@ -7499,6 +7499,16 @@ ul.LfIIg9bwrhQ- {
7499
7499
  min-height: var(--space-base);
7500
7500
  }
7501
7501
 
7502
+ ._6dlpcG-oxT4- {
7503
+ -webkit-animation-duration: var(--duration-base);
7504
+ animation-duration: var(--duration-base);
7505
+ }
7506
+
7507
+ .NlRB1Xq-sFE- {
7508
+ -webkit-animation-duration: calc(var(--duration-fast));
7509
+ animation-duration: calc(var(--duration-fast));
7510
+ }
7511
+
7502
7512
  .vAVS-6e-jJo- {
7503
7513
  width: 100%;
7504
7514
  }
@@ -7522,16 +7532,6 @@ ul.LfIIg9bwrhQ- {
7522
7532
  border-radius: var(--radius-circle);
7523
7533
  }
7524
7534
 
7525
- ._6dlpcG-oxT4- {
7526
- -webkit-animation-duration: var(--duration-base);
7527
- animation-duration: var(--duration-base);
7528
- }
7529
-
7530
- .NlRB1Xq-sFE- {
7531
- -webkit-animation-duration: calc(var(--duration-fast));
7532
- animation-duration: calc(var(--duration-fast));
7533
- }
7534
-
7535
7535
  .EJeK329S0z0- {
7536
7536
  padding: var(--horizontal-inset) calc(var(--horizontal-inset) / 2);
7537
7537
  text-align: left;
@@ -7562,60 +7562,51 @@ ul.LfIIg9bwrhQ- {
7562
7562
  padding-right: var(--horizontal-inset);
7563
7563
  }
7564
7564
 
7565
- ._1CXlSTO0w8g- {
7566
- font-size: 48px;
7567
- font-size: var(--typography--fontSize-extravagant);
7568
- line-height: 1.08;
7569
- line-height: var(--typography--lineHeight-minuscule);
7570
- }
7571
-
7572
- .v5TK2OwNTaI- {
7573
- font-size: 36px;
7574
- font-size: var(--typography--fontSize-jumbo);
7575
- line-height: 1.08;
7576
- line-height: var(--typography--lineHeight-minuscule);
7565
+ .j4h-0Mxa5gk- {
7566
+ margin: 0;
7567
+ padding: 0;
7568
+ font-family: Inter, Helvetica, Arial, sans-serif;
7569
+ font-family: var(--typography--fontFamily-normal);
7570
+ /* Wrap really long words or URL's */
7571
+ word-wrap: break-word;
7572
+ overflow-wrap: break-word;
7573
+ word-wrap: break-word;
7577
7574
  }
7578
7575
 
7579
- .CcGPmsMUVfg- {
7580
- font-size: 24px;
7581
- font-size: var(--typography--fontSize-largest);
7582
- line-height: 1.12;
7583
- line-height: var(--typography--lineHeight-tightest);
7576
+ .xFJ-FmjV3BE- {
7577
+ font-family: Inter, Helvetica, Arial, sans-serif;
7578
+ font-family: var(--typography--fontFamily-normal);
7579
+ font-weight: 400;
7584
7580
  }
7585
7581
 
7586
- .ETyC5vbbImA- {
7587
- font-size: 20px;
7588
- font-size: var(--typography--fontSize-larger);
7589
- line-height: 1.2;
7590
- line-height: var(--typography--lineHeight-tight);
7582
+ .lY4vnCuusH8- {
7583
+ font-family: Inter, Helvetica, Arial, sans-serif;
7584
+ font-family: var(--typography--fontFamily-normal);
7585
+ font-weight: 500;
7591
7586
  }
7592
7587
 
7593
- .ejYSlnHYn2U- {
7594
- font-size: 16px;
7595
- font-size: var(--typography--fontSize-large);
7596
- line-height: 1.34;
7597
- line-height: var(--typography--lineHeight-large);
7588
+ .Ed96FZ8bmYo- {
7589
+ font-family: Inter, Helvetica, Arial, sans-serif;
7590
+ font-family: var(--typography--fontFamily-normal);
7591
+ font-weight: 600;
7598
7592
  }
7599
7593
 
7600
- .e9lFMke1PNs- {
7601
- font-size: 14px;
7602
- font-size: var(--typography--fontSize-base);
7603
- line-height: 1.25;
7604
- line-height: var(--typography--lineHeight-base);
7594
+ .-bqxOwZMSDo- {
7595
+ font-family: Inter, Helvetica, Arial, sans-serif;
7596
+ font-family: var(--typography--fontFamily-normal);
7597
+ font-weight: 700;
7605
7598
  }
7606
7599
 
7607
- .MiITdlbzofc- {
7608
- font-size: 12px;
7609
- font-size: var(--typography--fontSize-small);
7610
- line-height: 1.143;
7611
- line-height: var(--typography--lineHeight-tighter);
7600
+ .l5JkUWFite8- {
7601
+ font-family: Jobber Pro, Poppins, Helvetica, Arial, sans-serif;
7602
+ font-family: var(--typography--fontFamily-display);
7603
+ font-weight: 800;
7612
7604
  }
7613
7605
 
7614
- .hs1hcOgrK1s- {
7615
- font-size: 10px;
7616
- font-size: var(--typography--fontSize-smaller);
7617
- line-height: 1.2;
7618
- line-height: var(--typography--lineHeight-tight);
7606
+ .HvKryt1SNY8- {
7607
+ font-family: Jobber Pro, Poppins, Helvetica, Arial, sans-serif;
7608
+ font-family: var(--typography--fontFamily-display);
7609
+ font-weight: 900;
7619
7610
  }
7620
7611
 
7621
7612
  /* Base colors for backwards compatability */
@@ -7947,75 +7938,28 @@ ul.LfIIg9bwrhQ- {
7947
7938
 
7948
7939
  .gqwEwru23Xk- {
7949
7940
  color: hsl(198, 35%, 21%);
7950
- color: var(--color-icon);
7951
- }
7952
-
7953
- ._1O41QsHJDwo- {
7954
- color: hsl(79, 85%, 34%);
7955
- color: var(--color-brand);
7956
- }
7957
-
7958
- .j4h-0Mxa5gk- {
7959
- margin: 0;
7960
- padding: 0;
7961
- font-family: Inter, Helvetica, Arial, sans-serif;
7962
- font-family: var(--typography--fontFamily-normal);
7963
- /* Wrap really long words or URL's */
7964
- word-wrap: break-word;
7965
- overflow-wrap: break-word;
7966
- word-wrap: break-word;
7967
- }
7968
-
7969
- .S3PyGdaGxok- {
7970
- text-transform: uppercase;
7971
- }
7972
-
7973
- .lVlhmM5z9HI- {
7974
- text-transform: lowercase;
7975
- }
7976
-
7977
- .l9xfdEljFWk- {
7978
- text-transform: capitalize;
7979
- }
7980
-
7981
- .WYUkes21iUI- {
7982
- text-transform: none;
7983
- }
7984
-
7985
- .xFJ-FmjV3BE- {
7986
- font-family: Inter, Helvetica, Arial, sans-serif;
7987
- font-family: var(--typography--fontFamily-normal);
7988
- font-weight: 400;
7941
+ color: var(--color-icon);
7989
7942
  }
7990
7943
 
7991
- .lY4vnCuusH8- {
7992
- font-family: Inter, Helvetica, Arial, sans-serif;
7993
- font-family: var(--typography--fontFamily-normal);
7994
- font-weight: 500;
7944
+ ._1O41QsHJDwo- {
7945
+ color: hsl(79, 85%, 34%);
7946
+ color: var(--color-brand);
7995
7947
  }
7996
7948
 
7997
- .Ed96FZ8bmYo- {
7998
- font-family: Inter, Helvetica, Arial, sans-serif;
7999
- font-family: var(--typography--fontFamily-normal);
8000
- font-weight: 600;
7949
+ .S3PyGdaGxok- {
7950
+ text-transform: uppercase;
8001
7951
  }
8002
7952
 
8003
- .-bqxOwZMSDo- {
8004
- font-family: Inter, Helvetica, Arial, sans-serif;
8005
- font-family: var(--typography--fontFamily-normal);
8006
- font-weight: 700;
7953
+ .lVlhmM5z9HI- {
7954
+ text-transform: lowercase;
8007
7955
  }
8008
7956
 
8009
- .l5JkUWFite8- {
8010
- font-family: Jobber Pro, Poppins, Helvetica, Arial, sans-serif;
8011
- font-family: var(--typography--fontFamily-display);
8012
- font-weight: 800;
7957
+ .l9xfdEljFWk- {
7958
+ text-transform: capitalize;
8013
7959
  }
8014
7960
 
8015
- .HvKryt1SNY8- {
8016
- font-family: Jobber Pro, Poppins, Helvetica, Arial, sans-serif;
8017
- font-family: var(--typography--fontFamily-display);
8018
- font-weight: 900;
7961
+ .WYUkes21iUI- {
7962
+ text-transform: none;
8019
7963
  }
8020
7964
 
8021
7965
  .ws2Y0LqNNfk- {
@@ -8045,6 +7989,13 @@ ul.LfIIg9bwrhQ- {
8045
7989
  text-align: right;
8046
7990
  }
8047
7991
 
7992
+ .qp8E5e4q-so- {
7993
+ text-decoration-line: underline;
7994
+ text-decoration-thickness: 1px;
7995
+ text-underline-offset: 4px;
7996
+ text-underline-offset: var(--space-smaller);
7997
+ }
7998
+
8048
7999
  .V9SSKxs15xE- {
8049
8000
  font-family: Inter, Helvetica, Arial, sans-serif;
8050
8001
  font-family: var(--typography--fontFamily-normal);
@@ -8055,6 +8006,62 @@ ul.LfIIg9bwrhQ- {
8055
8006
  font-family: var(--typography--fontFamily-display);
8056
8007
  }
8057
8008
 
8009
+ ._1CXlSTO0w8g- {
8010
+ font-size: 48px;
8011
+ font-size: var(--typography--fontSize-extravagant);
8012
+ line-height: 1.08;
8013
+ line-height: var(--typography--lineHeight-minuscule);
8014
+ }
8015
+
8016
+ .v5TK2OwNTaI- {
8017
+ font-size: 36px;
8018
+ font-size: var(--typography--fontSize-jumbo);
8019
+ line-height: 1.08;
8020
+ line-height: var(--typography--lineHeight-minuscule);
8021
+ }
8022
+
8023
+ .CcGPmsMUVfg- {
8024
+ font-size: 24px;
8025
+ font-size: var(--typography--fontSize-largest);
8026
+ line-height: 1.12;
8027
+ line-height: var(--typography--lineHeight-tightest);
8028
+ }
8029
+
8030
+ .ETyC5vbbImA- {
8031
+ font-size: 20px;
8032
+ font-size: var(--typography--fontSize-larger);
8033
+ line-height: 1.2;
8034
+ line-height: var(--typography--lineHeight-tight);
8035
+ }
8036
+
8037
+ .ejYSlnHYn2U- {
8038
+ font-size: 16px;
8039
+ font-size: var(--typography--fontSize-large);
8040
+ line-height: 1.34;
8041
+ line-height: var(--typography--lineHeight-large);
8042
+ }
8043
+
8044
+ .e9lFMke1PNs- {
8045
+ font-size: 14px;
8046
+ font-size: var(--typography--fontSize-base);
8047
+ line-height: 1.25;
8048
+ line-height: var(--typography--lineHeight-base);
8049
+ }
8050
+
8051
+ .MiITdlbzofc- {
8052
+ font-size: 12px;
8053
+ font-size: var(--typography--fontSize-small);
8054
+ line-height: 1.143;
8055
+ line-height: var(--typography--lineHeight-tighter);
8056
+ }
8057
+
8058
+ .hs1hcOgrK1s- {
8059
+ font-size: 10px;
8060
+ font-size: var(--typography--fontSize-smaller);
8061
+ line-height: 1.2;
8062
+ line-height: var(--typography--lineHeight-tight);
8063
+ }
8064
+
8058
8065
  .bvnCrlndVHs- {
8059
8066
  display: -webkit-box !important;
8060
8067
  }
@@ -8063,13 +8070,6 @@ ul.LfIIg9bwrhQ- {
8063
8070
  overflow: hidden;
8064
8071
  }
8065
8072
 
8066
- .qp8E5e4q-so- {
8067
- text-decoration-line: underline;
8068
- text-decoration-thickness: 1px;
8069
- text-underline-offset: 4px;
8070
- text-underline-offset: var(--space-smaller);
8071
- }
8072
-
8073
8073
  .XRnU90M2-fs- {
8074
8074
  display: -ms-flexbox;
8075
8075
  display: flex;
@@ -8240,16 +8240,6 @@ ul.LfIIg9bwrhQ- {
8240
8240
  }
8241
8241
  }
8242
8242
 
8243
- .cr0irYOHA5k- div[role="radiogroup"] {
8244
- -ms-flex-direction: row;
8245
- flex-direction: row;
8246
- }
8247
-
8248
- .cr0irYOHA5k- label {
8249
- margin-right: 16px;
8250
- margin-right: var(--space-base);
8251
- }
8252
-
8253
8243
  .-R-TvZ9aU9g- {
8254
8244
  display: grid;
8255
8245
  width: 100%;
@@ -8274,6 +8264,16 @@ ul.LfIIg9bwrhQ- {
8274
8264
  column-gap: var(--space-smaller);
8275
8265
  }
8276
8266
 
8267
+ .cr0irYOHA5k- div[role="radiogroup"] {
8268
+ -ms-flex-direction: row;
8269
+ flex-direction: row;
8270
+ }
8271
+
8272
+ .cr0irYOHA5k- label {
8273
+ margin-right: 16px;
8274
+ margin-right: var(--space-base);
8275
+ }
8276
+
8277
8277
  .Qup9qglgfQ8- {
8278
8278
  display: grid;
8279
8279
  grid-template-columns: 48px 1fr;
@@ -8363,26 +8363,6 @@ ul.LfIIg9bwrhQ- {
8363
8363
  }
8364
8364
  }
8365
8365
 
8366
- .RRQ5CQj05jU- {
8367
- background-color: hsl(107, 58%, 33%);
8368
- background-color: var(--color-success);
8369
- }
8370
-
8371
- .rLsOR1QiHC8- {
8372
- background-color: hsl(6, 64%, 51%);
8373
- background-color: var(--color-destructive);
8374
- }
8375
-
8376
- .KqPf0zuN2fg- {
8377
- background-color: hsl(51, 64%, 49%);
8378
- background-color: var(--color-warning);
8379
- }
8380
-
8381
- .M3q29PUUYRM- {
8382
- background-color: hsl(207, 79%, 57%);
8383
- background-color: var(--color-informative);
8384
- }
8385
-
8386
8366
  .HowvTX8-pw4- {
8387
8367
  display: -ms-flexbox;
8388
8368
  display: flex;
@@ -8425,6 +8405,26 @@ ul.LfIIg9bwrhQ- {
8425
8405
  box-shadow: var(--shadow-focus);
8426
8406
  }
8427
8407
 
8408
+ .RRQ5CQj05jU- {
8409
+ background-color: hsl(107, 58%, 33%);
8410
+ background-color: var(--color-success);
8411
+ }
8412
+
8413
+ .rLsOR1QiHC8- {
8414
+ background-color: hsl(6, 64%, 51%);
8415
+ background-color: var(--color-destructive);
8416
+ }
8417
+
8418
+ .KqPf0zuN2fg- {
8419
+ background-color: hsl(51, 64%, 49%);
8420
+ background-color: var(--color-warning);
8421
+ }
8422
+
8423
+ .M3q29PUUYRM- {
8424
+ background-color: hsl(207, 79%, 57%);
8425
+ background-color: var(--color-informative);
8426
+ }
8427
+
8428
8428
  .QsRc49DHSgA- {
8429
8429
  z-index: 1002;
8430
8430
  z-index: var(--elevation-tooltip);
@@ -8623,24 +8623,6 @@ ul.LfIIg9bwrhQ- {
8623
8623
  width var(--sticky-header-transition-properties) var(--timing-quick);
8624
8624
  }
8625
8625
 
8626
- .R0MWvfTO9vg- {
8627
- display: -ms-flexbox;
8628
- display: flex;
8629
- box-sizing: border-box;
8630
- padding: 16px;
8631
- padding: var(--space-base);
8632
- -ms-flex-pack: center;
8633
- justify-content: center;
8634
- -ms-flex-direction: column;
8635
- flex-direction: column;
8636
- row-gap: 16px;
8637
- row-gap: var(--space-base);
8638
- -ms-flex-align: center;
8639
- align-items: center;
8640
- -ms-flex: 1;
8641
- flex: 1;
8642
- }
8643
-
8644
8626
  .S2Bu0Rv4w-E- {
8645
8627
  display: -ms-flexbox;
8646
8628
  display: flex;
@@ -8824,6 +8806,24 @@ ul.LfIIg9bwrhQ- {
8824
8806
  }
8825
8807
  }
8826
8808
 
8809
+ .R0MWvfTO9vg- {
8810
+ display: -ms-flexbox;
8811
+ display: flex;
8812
+ box-sizing: border-box;
8813
+ padding: 16px;
8814
+ padding: var(--space-base);
8815
+ -ms-flex-pack: center;
8816
+ justify-content: center;
8817
+ -ms-flex-direction: column;
8818
+ flex-direction: column;
8819
+ row-gap: 16px;
8820
+ row-gap: var(--space-base);
8821
+ -ms-flex-align: center;
8822
+ align-items: center;
8823
+ -ms-flex: 1;
8824
+ flex: 1;
8825
+ }
8826
+
8827
8827
  .SSm2j6d2kYo- {
8828
8828
  display: -ms-flexbox;
8829
8829
  display: flex;
@@ -8844,6 +8844,10 @@ ul.LfIIg9bwrhQ- {
8844
8844
  gap: var(--space-smallest);
8845
8845
  }
8846
8846
 
8847
+ .CwWlXTKCPUg- {
8848
+ visibility: hidden;
8849
+ }
8850
+
8847
8851
  .zfAZTjk0VNE- {
8848
8852
  display: -ms-flexbox;
8849
8853
  display: flex;
@@ -8898,10 +8902,6 @@ ul.LfIIg9bwrhQ- {
8898
8902
  font-weight: 500;
8899
8903
  }
8900
8904
 
8901
- .CwWlXTKCPUg- {
8902
- visibility: hidden;
8903
- }
8904
-
8905
8905
  .BJxca-StHxg- {
8906
8906
  /* Offset the button's padding so the height of the header bar doesn't change */
8907
8907
  margin: calc(8px * -1) 0;
@@ -9014,6 +9014,31 @@ ul.LfIIg9bwrhQ- {
9014
9014
  align-items: center;
9015
9015
  }
9016
9016
 
9017
+ ._7-6mnR33fOk- {
9018
+ width: 18px;
9019
+ height: 24px;
9020
+ }
9021
+
9022
+ ._7-6mnR33fOk- path {
9023
+ fill: hsl(198, 35%, 21%);
9024
+ fill: var(--color-interactive--subtle);
9025
+ transition: opacity 200ms ease;
9026
+ transition: opacity var(--timing-base) ease;
9027
+ }
9028
+
9029
+ ._7-6mnR33fOk- path.GBbFLBGQDvI- {
9030
+ opacity: 0.4;
9031
+ }
9032
+
9033
+ ._7-6mnR33fOk- path.ADTGMg72Zw4-,
9034
+ ._7-6mnR33fOk-:hover path {
9035
+ opacity: 1;
9036
+ }
9037
+
9038
+ ._7-6mnR33fOk-:hover path.GBbFLBGQDvI- {
9039
+ opacity: 0.6;
9040
+ }
9041
+
9017
9042
  .a-KvXvaVQks- {
9018
9043
  --overflow-fade--offset: var(--space-smaller);
9019
9044
  --overflow-fade--negative-offset: calc(var(--overflow-fade--offset) * -1);
@@ -9081,31 +9106,6 @@ ul.LfIIg9bwrhQ- {
9081
9106
  right: var(--overflow-fade--negative-offset);
9082
9107
  }
9083
9108
 
9084
- ._7-6mnR33fOk- {
9085
- width: 18px;
9086
- height: 24px;
9087
- }
9088
-
9089
- ._7-6mnR33fOk- path {
9090
- fill: hsl(198, 35%, 21%);
9091
- fill: var(--color-interactive--subtle);
9092
- transition: opacity 200ms ease;
9093
- transition: opacity var(--timing-base) ease;
9094
- }
9095
-
9096
- ._7-6mnR33fOk- path.GBbFLBGQDvI- {
9097
- opacity: 0.4;
9098
- }
9099
-
9100
- ._7-6mnR33fOk- path.ADTGMg72Zw4-,
9101
- ._7-6mnR33fOk-:hover path {
9102
- opacity: 1;
9103
- }
9104
-
9105
- ._7-6mnR33fOk-:hover path.GBbFLBGQDvI- {
9106
- opacity: 0.6;
9107
- }
9108
-
9109
9109
  .e1ztw2-YxtM- {
9110
9110
  position: fixed;
9111
9111
  top: 0;