@kaizen/components 0.0.0-canary-debug-kaizenprovider-20241223004555 → 0.0.0-canary-debug-kaizen-provider-20241223031700

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/styles.css CHANGED
@@ -640,6 +640,39 @@
640
640
  }
641
641
  }
642
642
 
643
+ .Menu-module_menu__-4FZt {
644
+ background-color: var(--color-white);
645
+ color: var(--color-purple-800);
646
+ width: 248px;
647
+ max-height: 22rem;
648
+ overflow: auto;
649
+ padding-block: var(--spacing-6);
650
+ outline: none;
651
+ border-radius: var(--border-solid-border-radius);
652
+ box-shadow: var(--shadow-large-box-shadow);
653
+ }
654
+
655
+ .Menu-module_menu__-4FZt .react-aria-Header {
656
+ font-family: var(--typography-heading-6-font-family);
657
+ font-size: var(--typography-heading-6-font-size);
658
+ letter-spacing: var(--typography-heading-6-letter-spacing);
659
+ font-weight: var(--typography-heading-6-font-weight);
660
+ line-height: var(--typography-heading-6-line-height);
661
+ padding: var(--spacing-6) 10px;
662
+ margin-inline: var(--spacing-6);
663
+ }
664
+
665
+ .Menu-module_menu__-4FZt section:not(:last-of-type) {
666
+ &::after {
667
+ width: 100%;
668
+ height: 1px;
669
+ background-color: var(--border-solid-border-color);
670
+ content: '';
671
+ display: block;
672
+ margin-block: var(--spacing-6);
673
+ }
674
+ }
675
+
643
676
  .Button-module_button__llv4w {
644
677
  /* RESET */
645
678
  appearance: none;
@@ -945,39 +978,6 @@
945
978
  opacity: 0.3;
946
979
  }
947
980
 
948
- .Menu-module_menu__-4FZt {
949
- background-color: var(--color-white);
950
- color: var(--color-purple-800);
951
- width: 248px;
952
- max-height: 22rem;
953
- overflow: auto;
954
- padding-block: var(--spacing-6);
955
- outline: none;
956
- border-radius: var(--border-solid-border-radius);
957
- box-shadow: var(--shadow-large-box-shadow);
958
- }
959
-
960
- .Menu-module_menu__-4FZt .react-aria-Header {
961
- font-family: var(--typography-heading-6-font-family);
962
- font-size: var(--typography-heading-6-font-size);
963
- letter-spacing: var(--typography-heading-6-letter-spacing);
964
- font-weight: var(--typography-heading-6-font-weight);
965
- line-height: var(--typography-heading-6-line-height);
966
- padding: var(--spacing-6) 10px;
967
- margin-inline: var(--spacing-6);
968
- }
969
-
970
- .Menu-module_menu__-4FZt section:not(:last-of-type) {
971
- &::after {
972
- width: 100%;
973
- height: 1px;
974
- background-color: var(--border-solid-border-color);
975
- content: '';
976
- display: block;
977
- margin-block: var(--spacing-6);
978
- }
979
- }
980
-
981
981
  /*
982
982
  * This is taken from the Material Symbols CDN
983
983
  * font-weight & font-size removed as overridden in .icon
@@ -1028,6 +1028,12 @@
1028
1028
  display: inherit;
1029
1029
  }
1030
1030
 
1031
+ @media (width < 768px) {
1032
+ .Filter-module_filter__u3IkC {
1033
+ flex-basis: 100%;
1034
+ }
1035
+ }
1036
+
1031
1037
  .FilterBar-module_filterBar__JEVKL {
1032
1038
  display: flex;
1033
1039
  padding: var(--spacing-8);
@@ -1048,12 +1054,30 @@
1048
1054
  gap: var(--spacing-8);
1049
1055
  }
1050
1056
 
1057
+ .FilterButton-module_filterButton__Fn1OD {
1058
+ gap: var(--spacing-6);
1059
+ justify-content: space-between;
1060
+ }
1061
+
1051
1062
  @media (width < 768px) {
1052
- .Filter-module_filter__u3IkC {
1053
- flex-basis: 100%;
1063
+ .FilterButton-module_filterButton__Fn1OD {
1064
+ flex-grow: 1;
1054
1065
  }
1055
1066
  }
1056
1067
 
1068
+ .FilterButton-module_labelContainer__sPAcx {
1069
+ display: inline-flex;
1070
+ flex-wrap: wrap;
1071
+ }
1072
+
1073
+ .FilterButton-module_hasSelectedValues__bHR5g {
1074
+ font-weight: bold;
1075
+ }
1076
+
1077
+ .FilterButton-module_labelSeparator__KimZO {
1078
+ margin-inline-end: var(--spacing-6);
1079
+ }
1080
+
1057
1081
  .LiveIcon-module_liveIcon__v6FG- {
1058
1082
  display: inline-block;
1059
1083
  position: relative;
@@ -1146,30 +1170,6 @@
1146
1170
  }
1147
1171
  }
1148
1172
 
1149
- .FilterButton-module_filterButton__Fn1OD {
1150
- gap: var(--spacing-6);
1151
- justify-content: space-between;
1152
- }
1153
-
1154
- @media (width < 768px) {
1155
- .FilterButton-module_filterButton__Fn1OD {
1156
- flex-grow: 1;
1157
- }
1158
- }
1159
-
1160
- .FilterButton-module_labelContainer__sPAcx {
1161
- display: inline-flex;
1162
- flex-wrap: wrap;
1163
- }
1164
-
1165
- .FilterButton-module_hasSelectedValues__bHR5g {
1166
- font-weight: bold;
1167
- }
1168
-
1169
- .FilterButton-module_labelSeparator__KimZO {
1170
- margin-inline-end: var(--spacing-6);
1171
- }
1172
-
1173
1173
  .FilterButtonRemovable-module_filterButtonBase__V4xk8 {
1174
1174
  height: 100%;
1175
1175
  }
@@ -1184,6 +1184,11 @@
1184
1184
  margin: 0 var(--spacing-4);
1185
1185
  }
1186
1186
 
1187
+ .Main-module_main__K9Z0C {
1188
+ /* This is set so children will sit beneath the header and footer when sticky */
1189
+ z-index: 0;
1190
+ }
1191
+
1187
1192
  .NotificationIcon-module_notificationIcon__4xH0m {
1188
1193
  font-size: inherit;
1189
1194
  }
@@ -1196,11 +1201,6 @@
1196
1201
  background: var(--color-gray-100);
1197
1202
  }
1198
1203
 
1199
- .Main-module_main__K9Z0C {
1200
- /* This is set so children will sit beneath the header and footer when sticky */
1201
- z-index: 0;
1202
- }
1203
-
1204
1204
  @media (width < 768px) {
1205
1205
  .FilterBarMultiSelect-module_filterMultiSelect__a4enz {
1206
1206
  flex-basis: 100%;
@@ -1248,67 +1248,6 @@
1248
1248
  width: 100%;
1249
1249
  }
1250
1250
 
1251
- .TabList-module_container__D-QBz {
1252
- position: relative;
1253
- }
1254
-
1255
- .TabList-module_tabList__Akb-i {
1256
- border-bottom: 1px solid rgba(var(--color-gray-600-rgb), 0.1);
1257
- padding: var(--spacing-6) 0 0;
1258
- width: 100%;
1259
- height: 100%;
1260
- overflow-x: scroll;
1261
- white-space: nowrap;
1262
- scrollbar-width: none;
1263
- scroll-behavior: smooth;
1264
- }
1265
-
1266
- .TabList-module_noPadding__nMPln {
1267
- padding: 0;
1268
- }
1269
-
1270
- .TabList-module_leftArrow__4NECq,
1271
- .TabList-module_rightArrow__ig-4P {
1272
- --icon-size: 24;
1273
-
1274
- display: flex;
1275
- align-items: center;
1276
- justify-content: center;
1277
- position: absolute;
1278
- z-index: 10000;
1279
- background: var(--color-white);
1280
- inset-block: 0 1px;
1281
- width: 48px;
1282
- cursor: default;
1283
- user-select: none;
1284
- }
1285
-
1286
- /*
1287
- * Note: we're purposefully using directional properties instead of start/end for positioning and styling related to the carousel arrows
1288
- */
1289
- .TabList-module_leftArrow__4NECq {
1290
- left: 0;
1291
- }
1292
-
1293
- .TabList-module_leftArrow__4NECq,
1294
- .TabList-module_leftArrow__4NECq:hover {
1295
- border-right: 1px solid rgba(var(--color-gray-600-rgb), 0.1);
1296
- }
1297
-
1298
- .TabList-module_rightArrow__ig-4P {
1299
- right: 0;
1300
- }
1301
-
1302
- .TabList-module_rightArrow__ig-4P,
1303
- .TabList-module_rightArrow__ig-4P:hover {
1304
- border-left: 1px solid rgba(var(--color-gray-600-rgb), 0.1);
1305
- }
1306
-
1307
- .TabList-module_leftArrow__4NECq:hover,
1308
- .TabList-module_rightArrow__ig-4P:hover {
1309
- background: var(--color-gray-200);
1310
- }
1311
-
1312
1251
  .Tab-module_tab__wr7-k {
1313
1252
  display: inline-flex;
1314
1253
  align-items: center;
@@ -1405,6 +1344,67 @@
1405
1344
  }
1406
1345
  }
1407
1346
 
1347
+ .TabList-module_container__D-QBz {
1348
+ position: relative;
1349
+ }
1350
+
1351
+ .TabList-module_tabList__Akb-i {
1352
+ border-bottom: 1px solid rgba(var(--color-gray-600-rgb), 0.1);
1353
+ padding: var(--spacing-6) 0 0;
1354
+ width: 100%;
1355
+ height: 100%;
1356
+ overflow-x: scroll;
1357
+ white-space: nowrap;
1358
+ scrollbar-width: none;
1359
+ scroll-behavior: smooth;
1360
+ }
1361
+
1362
+ .TabList-module_noPadding__nMPln {
1363
+ padding: 0;
1364
+ }
1365
+
1366
+ .TabList-module_leftArrow__4NECq,
1367
+ .TabList-module_rightArrow__ig-4P {
1368
+ --icon-size: 24;
1369
+
1370
+ display: flex;
1371
+ align-items: center;
1372
+ justify-content: center;
1373
+ position: absolute;
1374
+ z-index: 10000;
1375
+ background: var(--color-white);
1376
+ inset-block: 0 1px;
1377
+ width: 48px;
1378
+ cursor: default;
1379
+ user-select: none;
1380
+ }
1381
+
1382
+ /*
1383
+ * Note: we're purposefully using directional properties instead of start/end for positioning and styling related to the carousel arrows
1384
+ */
1385
+ .TabList-module_leftArrow__4NECq {
1386
+ left: 0;
1387
+ }
1388
+
1389
+ .TabList-module_leftArrow__4NECq,
1390
+ .TabList-module_leftArrow__4NECq:hover {
1391
+ border-right: 1px solid rgba(var(--color-gray-600-rgb), 0.1);
1392
+ }
1393
+
1394
+ .TabList-module_rightArrow__ig-4P {
1395
+ right: 0;
1396
+ }
1397
+
1398
+ .TabList-module_rightArrow__ig-4P,
1399
+ .TabList-module_rightArrow__ig-4P:hover {
1400
+ border-left: 1px solid rgba(var(--color-gray-600-rgb), 0.1);
1401
+ }
1402
+
1403
+ .TabList-module_leftArrow__4NECq:hover,
1404
+ .TabList-module_rightArrow__ig-4P:hover {
1405
+ background: var(--color-gray-200);
1406
+ }
1407
+
1408
1408
  .TabPanel-module_tabPanel__aBPwQ {
1409
1409
  border: 2px solid transparent;
1410
1410
 
@@ -1422,12 +1422,71 @@
1422
1422
  width: 100%;
1423
1423
  }
1424
1424
 
1425
- .ProgressStepper-module_stepsContainer__7Motj {
1426
- --progress-stepper-indicator-size: 1.25rem;
1427
-
1428
- width: 100%;
1429
- grid-area: stepper;
1430
- }
1425
+ .FooterActions-module_footerAction__szvPs {
1426
+ display: flex;
1427
+ flex-grow: 1;
1428
+ flex-basis: auto;
1429
+ }
1430
+
1431
+ .FooterActions-module_footerActionPrevious__VJ6j1 {
1432
+ grid-area: 'prev';
1433
+ justify-content: start;
1434
+ }
1435
+
1436
+ .FooterActions-module_footerActionNext__koFhj {
1437
+ grid-area: 'next';
1438
+ justify-content: end;
1439
+ }
1440
+
1441
+ .FooterRoot-module_footerRoot__-osuZ {
1442
+ display: grid;
1443
+ grid-template-areas: 'prev stepper next';
1444
+ grid-template-columns: 1fr 2fr 1fr;
1445
+ flex-grow: 1;
1446
+ justify-content: center;
1447
+ align-items: center;
1448
+ padding: var(--spacing-24) var(--spacing-12);
1449
+ background: var(--color-white);
1450
+ gap: var(--spacing-16);
1451
+ border-top: 2px solid rgba(var(--color-gray-600-rgb), 0.1);
1452
+
1453
+ @media (width >= 768px) {
1454
+ grid-template-columns: 1fr 5fr 1fr;
1455
+ padding: var(--spacing-24) var(--spacing-32);
1456
+ position: sticky;
1457
+ bottom: 0;
1458
+ z-index: 1;
1459
+ }
1460
+ }
1461
+
1462
+ .Titles-module_titles__ENQ0C {
1463
+ grid-area: titles;
1464
+ display: flex;
1465
+ flex-direction: column;
1466
+ align-items: center;
1467
+ justify-content: center;
1468
+ flex-grow: 1;
1469
+ }
1470
+
1471
+ .Titles-module_pageTitle__ePjdw {
1472
+ display: flex;
1473
+ flex-direction: column;
1474
+ }
1475
+
1476
+ .Titles-module_prefix__FEtyY {
1477
+ margin-bottom: var(--spacing-4);
1478
+ }
1479
+
1480
+ .Titles-module_statusTag__hmyfK {
1481
+ margin-top: var(--spacing-8);
1482
+ }
1483
+
1484
+ .ProgressStepper-module_stepsContainer__7Motj {
1485
+ --progress-stepper-indicator-size: 1.25rem;
1486
+
1487
+ width: 100%;
1488
+ grid-area: stepper;
1489
+ }
1431
1490
 
1432
1491
  .ProgressStepper-module_stepList__jmArV {
1433
1492
  display: none;
@@ -1540,65 +1599,6 @@
1540
1599
  }
1541
1600
  }
1542
1601
 
1543
- .FooterActions-module_footerAction__szvPs {
1544
- display: flex;
1545
- flex-grow: 1;
1546
- flex-basis: auto;
1547
- }
1548
-
1549
- .FooterActions-module_footerActionPrevious__VJ6j1 {
1550
- grid-area: 'prev';
1551
- justify-content: start;
1552
- }
1553
-
1554
- .FooterActions-module_footerActionNext__koFhj {
1555
- grid-area: 'next';
1556
- justify-content: end;
1557
- }
1558
-
1559
- .Titles-module_titles__ENQ0C {
1560
- grid-area: titles;
1561
- display: flex;
1562
- flex-direction: column;
1563
- align-items: center;
1564
- justify-content: center;
1565
- flex-grow: 1;
1566
- }
1567
-
1568
- .Titles-module_pageTitle__ePjdw {
1569
- display: flex;
1570
- flex-direction: column;
1571
- }
1572
-
1573
- .Titles-module_prefix__FEtyY {
1574
- margin-bottom: var(--spacing-4);
1575
- }
1576
-
1577
- .Titles-module_statusTag__hmyfK {
1578
- margin-top: var(--spacing-8);
1579
- }
1580
-
1581
- .FooterRoot-module_footerRoot__-osuZ {
1582
- display: grid;
1583
- grid-template-areas: 'prev stepper next';
1584
- grid-template-columns: 1fr 2fr 1fr;
1585
- flex-grow: 1;
1586
- justify-content: center;
1587
- align-items: center;
1588
- padding: var(--spacing-24) var(--spacing-12);
1589
- background: var(--color-white);
1590
- gap: var(--spacing-16);
1591
- border-top: 2px solid rgba(var(--color-gray-600-rgb), 0.1);
1592
-
1593
- @media (width >= 768px) {
1594
- grid-template-columns: 1fr 5fr 1fr;
1595
- padding: var(--spacing-24) var(--spacing-32);
1596
- position: sticky;
1597
- bottom: 0;
1598
- z-index: 1;
1599
- }
1600
- }
1601
-
1602
1602
  .Branding-module_branding__g3OoE {
1603
1603
  grid-area: branding;
1604
1604
  display: flex;
@@ -1614,22 +1614,6 @@
1614
1614
  width: 7.5rem;
1615
1615
  }
1616
1616
 
1617
- .Actions-module_actions__JzCWB {
1618
- grid-area: actions;
1619
- display: flex;
1620
- flex-direction: column;
1621
- flex-grow: 1;
1622
- justify-content: center;
1623
- align-items: center;
1624
-
1625
- @media (width >= 768px) {
1626
- flex-direction: row;
1627
- align-items: flex-start;
1628
- justify-content: flex-end;
1629
- margin-top: calc(-1 * var(--spacing-12));
1630
- }
1631
- }
1632
-
1633
1617
  .Root-module_root__-1P72 {
1634
1618
  display: grid;
1635
1619
  background-color: var(--color-white);
@@ -1651,6 +1635,22 @@
1651
1635
  }
1652
1636
  }
1653
1637
 
1638
+ .Actions-module_actions__JzCWB {
1639
+ grid-area: actions;
1640
+ display: flex;
1641
+ flex-direction: column;
1642
+ flex-grow: 1;
1643
+ justify-content: center;
1644
+ align-items: center;
1645
+
1646
+ @media (width >= 768px) {
1647
+ flex-direction: row;
1648
+ align-items: flex-start;
1649
+ justify-content: flex-end;
1650
+ margin-top: calc(-1 * var(--spacing-12));
1651
+ }
1652
+ }
1653
+
1654
1654
  /** THIS IS AN AUTOGENERATED FILE **/
1655
1655
  /** THIS IS AN AUTOGENERATED FILE **/
1656
1656
  /** THIS IS AN AUTOGENERATED FILE **/
@@ -1846,47 +1846,6 @@
1846
1846
  /* stylelint-enable no-descending-specificity */
1847
1847
  /** THIS IS AN AUTOGENERATED FILE **/
1848
1848
  /** THIS IS AN AUTOGENERATED FILE **/
1849
- .ButtonGroup-module_buttonGroup__bsy2X .ButtonGroup-module_child__K6AP-.ButtonGroup-module_firstChild__uEn1j:focus-visible::after, .ButtonGroup-module_buttonGroup__bsy2X .ButtonGroup-module_child__K6AP-.ButtonGroup-module_firstChild__uEn1j {
1850
- border-start-start-radius: var(--border-focus-ring-border-radius, 10px);
1851
- border-end-start-radius: var(--border-focus-ring-border-radius, 10px);
1852
- }
1853
-
1854
- .ButtonGroup-module_buttonGroup__bsy2X .ButtonGroup-module_child__K6AP-.ButtonGroup-module_lastChild__Vicsx:focus-visible::after, .ButtonGroup-module_buttonGroup__bsy2X .ButtonGroup-module_child__K6AP-.ButtonGroup-module_lastChild__Vicsx {
1855
- border-start-end-radius: var(--border-focus-ring-border-radius, 10px);
1856
- border-end-end-radius: var(--border-focus-ring-border-radius, 10px);
1857
- }
1858
-
1859
- .ButtonGroup-module_buttonGroup__bsy2X {
1860
- display: inline-flex;
1861
- }
1862
- .ButtonGroup-module_buttonGroup__bsy2X .ButtonGroup-module_child__K6AP- {
1863
- border-radius: 0;
1864
- }
1865
- .ButtonGroup-module_buttonGroup__bsy2X .ButtonGroup-module_child__K6AP-:focus-visible::after {
1866
- border-radius: 0;
1867
- }
1868
- .ButtonGroup-module_buttonGroup__bsy2X .ButtonGroup-module_child__K6AP-:not(.ButtonGroup-module_firstChild__uEn1j) {
1869
- border-inline-start: 1px solid var(--color-blue-300, #73c0e8);
1870
- }
1871
- .ButtonGroup-module_buttonGroup__bsy2X .ButtonGroup-module_child__K6AP-:not(.ButtonGroup-module_firstChild__uEn1j, .ButtonGroup-module_lastChild__Vicsx):focus-visible::after {
1872
- inset-inline: calc(-1 * 1px) calc(-1 * 1px);
1873
- }
1874
- .ButtonGroup-module_buttonGroup__bsy2X .ButtonGroup-module_child__K6AP-.ButtonGroup-module_firstChild__uEn1j:focus-visible::after {
1875
- inset-inline-end: calc(-1 * 1px);
1876
- }
1877
- .ButtonGroup-module_buttonGroup__bsy2X .ButtonGroup-module_child__K6AP-.ButtonGroup-module_lastChild__Vicsx:focus-visible::after {
1878
- inset-inline-start: calc(-1 * 1px);
1879
- }
1880
- .Container-module_container__jSUGk {
1881
- display: flex;
1882
- width: 100%;
1883
- justify-content: center;
1884
- }
1885
- .Container-module_container__jSUGk *, .Container-module_container__jSUGk *::after, .Container-module_container__jSUGk *::before {
1886
- box-sizing: border-box;
1887
- }
1888
- /** THIS IS AN AUTOGENERATED FILE **/
1889
- /** THIS IS AN AUTOGENERATED FILE **/
1890
1849
  /** THIS IS AN AUTOGENERATED FILE **/
1891
1850
  .BrandMoment-module_body__J4lls {
1892
1851
  width: 100%;
@@ -2069,6 +2028,47 @@
2069
2028
  order: initial;
2070
2029
  }
2071
2030
  }
2031
+ .Container-module_container__jSUGk {
2032
+ display: flex;
2033
+ width: 100%;
2034
+ justify-content: center;
2035
+ }
2036
+ .Container-module_container__jSUGk *, .Container-module_container__jSUGk *::after, .Container-module_container__jSUGk *::before {
2037
+ box-sizing: border-box;
2038
+ }
2039
+ /** THIS IS AN AUTOGENERATED FILE **/
2040
+ /** THIS IS AN AUTOGENERATED FILE **/
2041
+ .ButtonGroup-module_buttonGroup__bsy2X .ButtonGroup-module_child__K6AP-.ButtonGroup-module_firstChild__uEn1j:focus-visible::after, .ButtonGroup-module_buttonGroup__bsy2X .ButtonGroup-module_child__K6AP-.ButtonGroup-module_firstChild__uEn1j {
2042
+ border-start-start-radius: var(--border-focus-ring-border-radius, 10px);
2043
+ border-end-start-radius: var(--border-focus-ring-border-radius, 10px);
2044
+ }
2045
+
2046
+ .ButtonGroup-module_buttonGroup__bsy2X .ButtonGroup-module_child__K6AP-.ButtonGroup-module_lastChild__Vicsx:focus-visible::after, .ButtonGroup-module_buttonGroup__bsy2X .ButtonGroup-module_child__K6AP-.ButtonGroup-module_lastChild__Vicsx {
2047
+ border-start-end-radius: var(--border-focus-ring-border-radius, 10px);
2048
+ border-end-end-radius: var(--border-focus-ring-border-radius, 10px);
2049
+ }
2050
+
2051
+ .ButtonGroup-module_buttonGroup__bsy2X {
2052
+ display: inline-flex;
2053
+ }
2054
+ .ButtonGroup-module_buttonGroup__bsy2X .ButtonGroup-module_child__K6AP- {
2055
+ border-radius: 0;
2056
+ }
2057
+ .ButtonGroup-module_buttonGroup__bsy2X .ButtonGroup-module_child__K6AP-:focus-visible::after {
2058
+ border-radius: 0;
2059
+ }
2060
+ .ButtonGroup-module_buttonGroup__bsy2X .ButtonGroup-module_child__K6AP-:not(.ButtonGroup-module_firstChild__uEn1j) {
2061
+ border-inline-start: 1px solid var(--color-blue-300, #73c0e8);
2062
+ }
2063
+ .ButtonGroup-module_buttonGroup__bsy2X .ButtonGroup-module_child__K6AP-:not(.ButtonGroup-module_firstChild__uEn1j, .ButtonGroup-module_lastChild__Vicsx):focus-visible::after {
2064
+ inset-inline: calc(-1 * 1px) calc(-1 * 1px);
2065
+ }
2066
+ .ButtonGroup-module_buttonGroup__bsy2X .ButtonGroup-module_child__K6AP-.ButtonGroup-module_firstChild__uEn1j:focus-visible::after {
2067
+ inset-inline-end: calc(-1 * 1px);
2068
+ }
2069
+ .ButtonGroup-module_buttonGroup__bsy2X .ButtonGroup-module_child__K6AP-.ButtonGroup-module_lastChild__Vicsx:focus-visible::after {
2070
+ inset-inline-start: calc(-1 * 1px);
2071
+ }
2072
2072
  /** THIS IS AN AUTOGENERATED FILE **/
2073
2073
  /** THIS IS AN AUTOGENERATED FILE **/
2074
2074
  .ClearButton-module_clearButton__CSOIc {
@@ -2248,6 +2248,15 @@
2248
2248
 
2249
2249
  /* stylelint-enable no-descending-specificity */
2250
2250
  /** THIS IS AN AUTOGENERATED FILE **/
2251
+ .LabelledMessage-module_labelledMessage__8hqzY {
2252
+ display: inline-flex;
2253
+ white-space: nowrap;
2254
+ }
2255
+
2256
+ .LabelledMessage-module_labelSeparator__f3zFN {
2257
+ margin-inline-end: var(--spacing-6, 0.375rem);
2258
+ }
2259
+ /** THIS IS AN AUTOGENERATED FILE **/
2251
2260
  /** THIS IS AN AUTOGENERATED FILE **/
2252
2261
  /** THIS IS AN AUTOGENERATED FILE **/
2253
2262
  .FieldMessage-module_message__bKbYp {
@@ -2310,15 +2319,6 @@
2310
2319
  color: var(--color-purple-800, #2f2438);
2311
2320
  }
2312
2321
  /** THIS IS AN AUTOGENERATED FILE **/
2313
- .LabelledMessage-module_labelledMessage__8hqzY {
2314
- display: inline-flex;
2315
- white-space: nowrap;
2316
- }
2317
-
2318
- .LabelledMessage-module_labelSeparator__f3zFN {
2319
- margin-inline-end: var(--spacing-6, 0.375rem);
2320
- }
2321
- /** THIS IS AN AUTOGENERATED FILE **/
2322
2322
  .MultiSelect-module_toggleContainer__AxNnf {
2323
2323
  margin-top: var(--spacing-6, 0.375rem);
2324
2324
  }
@@ -2716,6 +2716,90 @@
2716
2716
  }
2717
2717
  /** THIS IS AN AUTOGENERATED FILE **/
2718
2718
  /** THIS IS AN AUTOGENERATED FILE **/
2719
+ .ProgressBar-module_subtext__eizyu {
2720
+ color: var(--color-purple-800, #2f2438);
2721
+ padding-top: var(--spacing-6, 0.375rem);
2722
+ text-align: center;
2723
+ opacity: 80%;
2724
+ }
2725
+
2726
+ .ProgressBar-module_progressBackground__5qzp5 {
2727
+ width: 100%;
2728
+ background: var(--color-gray-300, #eaeaec);
2729
+ border-radius: 10px;
2730
+ height: 10px;
2731
+ overflow: hidden;
2732
+ position: relative;
2733
+ }
2734
+
2735
+ @keyframes ProgressBar-module_pulse__RGaQm {
2736
+ 0% {
2737
+ transform: translateX(-100%);
2738
+ }
2739
+ 100% {
2740
+ transform: translateX(200%);
2741
+ }
2742
+ }
2743
+ .ProgressBar-module_progress__X1IHw {
2744
+ position: absolute;
2745
+ inset: 0;
2746
+ border-radius: 10px;
2747
+ overflow: hidden;
2748
+ transition: transform 200ms ease;
2749
+ background-color: var(--progressbar-background-color);
2750
+ }
2751
+
2752
+ .ProgressBar-module_positive__12oA1 {
2753
+ --progressbar-background-color: var(--color-green-400);
2754
+ }
2755
+
2756
+ .ProgressBar-module_informative__lrVDM {
2757
+ --progressbar-background-color: var(--color-blue-400);
2758
+ }
2759
+
2760
+ .ProgressBar-module_cautionary__f56gH {
2761
+ --progressbar-background-color: var(--color-yellow-400);
2762
+ }
2763
+
2764
+ .ProgressBar-module_negative__EVWBt {
2765
+ --progressbar-background-color: var(--color-red-400);
2766
+ }
2767
+
2768
+ .ProgressBar-module_blue__WEID8 {
2769
+ --progressbar-background-color: var(--color-blue-400);
2770
+ }
2771
+
2772
+ .ProgressBar-module_green__J1T96 {
2773
+ --progressbar-background-color: var(--color-green-400);
2774
+ }
2775
+
2776
+ .ProgressBar-module_red__Ssd61 {
2777
+ --progressbar-background-color: var(--color-red-400);
2778
+ }
2779
+
2780
+ .ProgressBar-module_yellow__bcHWO {
2781
+ --progressbar-background-color: var(--color-yellow-400);
2782
+ }
2783
+
2784
+ .ProgressBar-module_isAnimating__F6AxQ::after {
2785
+ background: linear-gradient(90deg, transparent, var(--color-white) 75%, transparent);
2786
+ opacity: 25%;
2787
+ content: "";
2788
+ position: absolute;
2789
+ top: 0;
2790
+ bottom: 0;
2791
+ left: 0;
2792
+ width: 50%;
2793
+ animation: ProgressBar-module_pulse__RGaQm 2s infinite;
2794
+ transition: opacity 0.2s;
2795
+ }
2796
+ /** THIS IS AN AUTOGENERATED FILE **/
2797
+ .SearchField-module_label__NxYfn {
2798
+ display: block;
2799
+ margin-bottom: var(--spacing-xs, 0.375rem);
2800
+ }
2801
+ /** THIS IS AN AUTOGENERATED FILE **/
2802
+ /** THIS IS AN AUTOGENERATED FILE **/
2719
2803
  .Popover-module_root__OrmwT {
2720
2804
  width: 220px;
2721
2805
  position: absolute;
@@ -2984,90 +3068,6 @@
2984
3068
 
2985
3069
  /* stylelint-enable no-descending-specificity */
2986
3070
  /** THIS IS AN AUTOGENERATED FILE **/
2987
- /** THIS IS AN AUTOGENERATED FILE **/
2988
- .ProgressBar-module_subtext__eizyu {
2989
- color: var(--color-purple-800, #2f2438);
2990
- padding-top: var(--spacing-6, 0.375rem);
2991
- text-align: center;
2992
- opacity: 80%;
2993
- }
2994
-
2995
- .ProgressBar-module_progressBackground__5qzp5 {
2996
- width: 100%;
2997
- background: var(--color-gray-300, #eaeaec);
2998
- border-radius: 10px;
2999
- height: 10px;
3000
- overflow: hidden;
3001
- position: relative;
3002
- }
3003
-
3004
- @keyframes ProgressBar-module_pulse__RGaQm {
3005
- 0% {
3006
- transform: translateX(-100%);
3007
- }
3008
- 100% {
3009
- transform: translateX(200%);
3010
- }
3011
- }
3012
- .ProgressBar-module_progress__X1IHw {
3013
- position: absolute;
3014
- inset: 0;
3015
- border-radius: 10px;
3016
- overflow: hidden;
3017
- transition: transform 200ms ease;
3018
- background-color: var(--progressbar-background-color);
3019
- }
3020
-
3021
- .ProgressBar-module_positive__12oA1 {
3022
- --progressbar-background-color: var(--color-green-400);
3023
- }
3024
-
3025
- .ProgressBar-module_informative__lrVDM {
3026
- --progressbar-background-color: var(--color-blue-400);
3027
- }
3028
-
3029
- .ProgressBar-module_cautionary__f56gH {
3030
- --progressbar-background-color: var(--color-yellow-400);
3031
- }
3032
-
3033
- .ProgressBar-module_negative__EVWBt {
3034
- --progressbar-background-color: var(--color-red-400);
3035
- }
3036
-
3037
- .ProgressBar-module_blue__WEID8 {
3038
- --progressbar-background-color: var(--color-blue-400);
3039
- }
3040
-
3041
- .ProgressBar-module_green__J1T96 {
3042
- --progressbar-background-color: var(--color-green-400);
3043
- }
3044
-
3045
- .ProgressBar-module_red__Ssd61 {
3046
- --progressbar-background-color: var(--color-red-400);
3047
- }
3048
-
3049
- .ProgressBar-module_yellow__bcHWO {
3050
- --progressbar-background-color: var(--color-yellow-400);
3051
- }
3052
-
3053
- .ProgressBar-module_isAnimating__F6AxQ::after {
3054
- background: linear-gradient(90deg, transparent, var(--color-white) 75%, transparent);
3055
- opacity: 25%;
3056
- content: "";
3057
- position: absolute;
3058
- top: 0;
3059
- bottom: 0;
3060
- left: 0;
3061
- width: 50%;
3062
- animation: ProgressBar-module_pulse__RGaQm 2s infinite;
3063
- transition: opacity 0.2s;
3064
- }
3065
- /** THIS IS AN AUTOGENERATED FILE **/
3066
- .SearchField-module_label__NxYfn {
3067
- display: block;
3068
- margin-bottom: var(--spacing-xs, 0.375rem);
3069
- }
3070
- /** THIS IS AN AUTOGENERATED FILE **/
3071
3071
  .Skirt-module_container__h4J-J {
3072
3072
  position: relative;
3073
3073
  }
@@ -3101,6 +3101,46 @@
3101
3101
  /** THIS IS AN AUTOGENERATED FILE **/
3102
3102
  /** THIS IS AN AUTOGENERATED FILE **/
3103
3103
  /** THIS IS AN AUTOGENERATED FILE **/
3104
+ .Slider-module_wrapper__zVX6g {
3105
+ display: flex;
3106
+ flex-direction: column;
3107
+ }
3108
+
3109
+ .Slider-module_labelWrapper__WuUIw {
3110
+ margin-bottom: var(--spacing-sm, 0.75rem);
3111
+ }
3112
+
3113
+ .Slider-module_label__CfIjh {
3114
+ margin-bottom: var(--spacing-4, 0.25rem);
3115
+ }
3116
+
3117
+ @media (min-width: 768px) {
3118
+ .Slider-module_labelInline__zjINd.Slider-module_wrapper__zVX6g {
3119
+ align-items: center;
3120
+ flex-direction: row;
3121
+ }
3122
+ .Slider-module_labelInline__zjINd .Slider-module_labelWrapper__WuUIw {
3123
+ flex: 1;
3124
+ }
3125
+ .Slider-module_labelInline__zjINd .Slider-module_inputWrapper__n16yj {
3126
+ flex-basis: 50%;
3127
+ }
3128
+ }
3129
+ .Slider-module_descriptionDisabled__8GwiS {
3130
+ opacity: 30%;
3131
+ }
3132
+
3133
+ .Slider-module_readOnlyMessage__Zscoa {
3134
+ text-align: center;
3135
+ font-family: var(--typography-paragraph-small-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
3136
+ font-size: var(--typography-paragraph-small-font-size, 0.875rem);
3137
+ font-weight: var(--typography-paragraph-bold-font-weight, 600);
3138
+ line-height: var(--typography-paragraph-body-line-height, 1.5rem);
3139
+ letter-spacing: var(--typography-paragraph-body-letter-spacing, normal);
3140
+ }
3141
+ /** THIS IS AN AUTOGENERATED FILE **/
3142
+ /** THIS IS AN AUTOGENERATED FILE **/
3143
+ /** THIS IS AN AUTOGENERATED FILE **/
3104
3144
  /** THIS IS AN AUTOGENERATED FILE **/
3105
3145
  .Select-module_specificityIncreaser__cZtQV.Select-module_secondary__0RpOQ.Select-module_default__hKuCo .Select-module_control__ehUuP.Select-module_focusedControl__3AwhP::after, .Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_default__hKuCo .Select-module_control__ehUuP.Select-module_focusedControl__3AwhP::after, .Select-module_specificityIncreaser__cZtQV .Select-module_control__ehUuP:focus-within::after {
3106
3146
  content: "";
@@ -3384,46 +3424,6 @@
3384
3424
  /* stylelint-enable no-descending-specificity */
3385
3425
  /** THIS IS AN AUTOGENERATED FILE **/
3386
3426
  /** THIS IS AN AUTOGENERATED FILE **/
3387
- /** THIS IS AN AUTOGENERATED FILE **/
3388
- .Slider-module_wrapper__zVX6g {
3389
- display: flex;
3390
- flex-direction: column;
3391
- }
3392
-
3393
- .Slider-module_labelWrapper__WuUIw {
3394
- margin-bottom: var(--spacing-sm, 0.75rem);
3395
- }
3396
-
3397
- .Slider-module_label__CfIjh {
3398
- margin-bottom: var(--spacing-4, 0.25rem);
3399
- }
3400
-
3401
- @media (min-width: 768px) {
3402
- .Slider-module_labelInline__zjINd.Slider-module_wrapper__zVX6g {
3403
- align-items: center;
3404
- flex-direction: row;
3405
- }
3406
- .Slider-module_labelInline__zjINd .Slider-module_labelWrapper__WuUIw {
3407
- flex: 1;
3408
- }
3409
- .Slider-module_labelInline__zjINd .Slider-module_inputWrapper__n16yj {
3410
- flex-basis: 50%;
3411
- }
3412
- }
3413
- .Slider-module_descriptionDisabled__8GwiS {
3414
- opacity: 30%;
3415
- }
3416
-
3417
- .Slider-module_readOnlyMessage__Zscoa {
3418
- text-align: center;
3419
- font-family: var(--typography-paragraph-small-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
3420
- font-size: var(--typography-paragraph-small-font-size, 0.875rem);
3421
- font-weight: var(--typography-paragraph-bold-font-weight, 600);
3422
- line-height: var(--typography-paragraph-body-line-height, 1.5rem);
3423
- letter-spacing: var(--typography-paragraph-body-letter-spacing, normal);
3424
- }
3425
- /** THIS IS AN AUTOGENERATED FILE **/
3426
- /** THIS IS AN AUTOGENERATED FILE **/
3427
3427
  .Text-module_text__Byo7R {
3428
3428
  --icon-vertical-align: text-bottom;
3429
3429
  margin: 0;
@@ -4016,173 +4016,6 @@
4016
4016
  .TimeField-module_error__tK2QY {
4017
4017
  border: var(--border-solid-border-width, 2px) var(--border-solid-border-style, solid) var(--color-red-500, #c93b55);
4018
4018
  }
4019
- /* stylelint-disable */
4020
- /* stylelint-enable */
4021
- /* prettier-ignore */
4022
- /* stylelint-disable */
4023
- /* stylelint-enable */
4024
- /* prettier-ignore */
4025
- /* stylelint-disable */
4026
- /* stylelint-enable */
4027
- /* prettier-ignore */
4028
- /* stylelint-disable */
4029
- /* stylelint-enable */
4030
- /* prettier-ignore */
4031
- /* stylelint-disable scss/at-if-no-null */
4032
- /* stylelint-enable scss/at-if-no-null */
4033
- /** THIS IS AN AUTOGENERATED FILE **/
4034
- /** THIS IS AN AUTOGENERATED FILE **/
4035
- /** THIS IS AN AUTOGENERATED FILE **/
4036
- /** THIS IS AN AUTOGENERATED FILE **/
4037
- /** THIS IS AN AUTOGENERATED FILE **/
4038
- /* stylelint-disable */
4039
- /* stylelint-enable */
4040
- /* prettier-ignore */
4041
- /* stylelint-disable */
4042
- /* stylelint-enable */
4043
- /* prettier-ignore */
4044
- /* prettier-ignore */
4045
- /** THIS IS AN AUTOGENERATED FILE **/
4046
- /** THIS IS AN AUTOGENERATED FILE **/
4047
- /* stylelint-disable function-name-case, scss/at-function-pattern */
4048
- /* stylelint-enable function-name-case, scss/at-function-pattern */
4049
- /* prettier-ignore */
4050
- /* prettier-ignore */
4051
- /* prettier-ignore */
4052
- /* prettier-ignore */
4053
- /* prettier-ignore */
4054
- /* prettier-ignore */
4055
- .TextField-module_input__CEokl {
4056
- margin-top: var(--spacing-6);
4057
- }
4058
-
4059
- .TextField-module_icon__wFK4Q {
4060
- color: var(--textfield-icon-color);
4061
- animation-duration: var(--animation-duration-slow, 400ms);
4062
- animation-fill-mode: forwards;
4063
- /* stylelint-disable-next-line scss/function-unquote-no-unquoted-strings-inside */
4064
- animation-name: TextField-module_fade-0-to-1__Ac-99;
4065
- }
4066
- @keyframes TextField-module_fade-0-to-1__Ac-99 {
4067
- 0% {
4068
- opacity: 0;
4069
- }
4070
- 100% {
4071
- opacity: 1;
4072
- }
4073
- }
4074
-
4075
- .TextField-module_success__pMLcV {
4076
- --textfield-icon-color: var(--color-green-500);
4077
- }
4078
- .TextField-module_reversed__qW9r1 .TextField-module_success__pMLcV {
4079
- --textfield-icon-color: var(--color-green-400);
4080
- }
4081
-
4082
- .TextField-module_disabled__gS8tk {
4083
- opacity: 0.3;
4084
- }
4085
- .Well-module_container__pi8-W {
4086
- background-color: var(--background-color);
4087
- border-width: var(--border-width-1);
4088
- border-radius: var(--border-solid-border-radius);
4089
- border-style: var(--border-style);
4090
- margin-bottom: var(--spacing-24);
4091
- color: var(--color-purple-800);
4092
- border-color: var(--border-color);
4093
- }
4094
-
4095
- .Well-module_noMargin__xBvM9 {
4096
- margin: 0;
4097
- }
4098
-
4099
- .Well-module_white__HEVrB {
4100
- --background-color: var(--color-white);
4101
- --border-color: var(--color-gray-500);
4102
- }
4103
-
4104
- .Well-module_gray__ur3Fv {
4105
- --background-color: var(--color-gray-200);
4106
- --border-color: var(--color-gray-500);
4107
- }
4108
-
4109
- .Well-module_blue__H8M0Q {
4110
- --background-color: var(--color-blue-100);
4111
- --border-color: var(--color-blue-400);
4112
- }
4113
-
4114
- .Well-module_yellow__DJAMr {
4115
- --background-color: var(--color-yellow-100);
4116
- --border-color: var(--color-yellow-700);
4117
- }
4118
-
4119
- .Well-module_orange__F0FkU {
4120
- --background-color: var(--color-orange-100);
4121
- --border-color: var(--color-orange-600);
4122
- }
4123
-
4124
- .Well-module_red__40n5z {
4125
- --background-color: var(--color-red-100);
4126
- --border-color: var(--color-red-500);
4127
- }
4128
-
4129
- .Well-module_green__R-zR1 {
4130
- --background-color: var(--color-green-100);
4131
- --border-color: var(--color-green-500);
4132
- }
4133
-
4134
- .Well-module_purple__iXxT8 {
4135
- --background-color: var(--color-purple-100);
4136
- --border-color: var(--color-purple-400);
4137
- }
4138
-
4139
- .Well-module_positive__6ldUu {
4140
- --background-color: var(--color-green-100);
4141
- --border-color: var(--color-green-500);
4142
- }
4143
-
4144
- .Well-module_default__tSiHp {
4145
- --background-color: var(--color-gray-200);
4146
- --border-color: var(--color-gray-500);
4147
- }
4148
-
4149
- .Well-module_negative__mVczy {
4150
- --background-color: var(--color-red-100);
4151
- --border-color: var(--color-red-500);
4152
- }
4153
-
4154
- .Well-module_informative__81djJ {
4155
- --background-color: var(--color-blue-100);
4156
- --border-color: var(--color-blue-400);
4157
- }
4158
-
4159
- .Well-module_cautionary__MSYHT {
4160
- --background-color: var(--color-yellow-100);
4161
- --border-color: var(--color-yellow-700);
4162
- }
4163
-
4164
- .Well-module_assertive__Kl5ql {
4165
- --background-color: var(--color-orange-100);
4166
- --border-color: var(--color-orange-600);
4167
- }
4168
-
4169
- .Well-module_prominent__wdpIQ {
4170
- --background-color: var(--color-purple-100);
4171
- --border-color: var(--color-purple-400);
4172
- }
4173
-
4174
- .Well-module_solid__ianzm {
4175
- --border-style: solid;
4176
- }
4177
-
4178
- .Well-module_dashed__csujS {
4179
- --border-style: dashed;
4180
- }
4181
-
4182
- .Well-module_none__rWwTB {
4183
- --border-color: transparent;
4184
- --border-style: none;
4185
- }
4186
4019
  /** THIS IS AN AUTOGENERATED FILE **/
4187
4020
  /** THIS IS AN AUTOGENERATED FILE **/
4188
4021
  /** THIS IS AN AUTOGENERATED FILE **/
@@ -4329,82 +4162,249 @@
4329
4162
  .Tooltip-module_displayInlineFlex__quEIM {
4330
4163
  display: inline-flex;
4331
4164
  }
4332
- /** THIS IS AN AUTOGENERATED FILE **/
4333
- /** THIS IS AN AUTOGENERATED FILE **/
4334
- /** THIS IS AN AUTOGENERATED FILE **/
4335
- /** THIS IS AN AUTOGENERATED FILE **/
4336
- .baseCalendarClassNames-module_day__4INGw, .baseCalendarClassNames-module_navButton__Socf8 {
4337
- position: relative;
4165
+ .Well-module_container__pi8-W {
4166
+ background-color: var(--background-color);
4167
+ border-width: var(--border-width-1);
4168
+ border-radius: var(--border-solid-border-radius);
4169
+ border-style: var(--border-style);
4170
+ margin-bottom: var(--spacing-24);
4171
+ color: var(--color-purple-800);
4172
+ border-color: var(--border-color);
4338
4173
  }
4339
- .baseCalendarClassNames-module_day__4INGw:focus, .baseCalendarClassNames-module_navButton__Socf8:focus {
4340
- outline: none;
4174
+
4175
+ .Well-module_noMargin__xBvM9 {
4176
+ margin: 0;
4341
4177
  }
4342
- .baseCalendarClassNames-module_day__4INGw:focus-visible, .baseCalendarClassNames-module_navButton__Socf8:focus-visible {
4343
- outline: none;
4178
+
4179
+ .Well-module_white__HEVrB {
4180
+ --background-color: var(--color-white);
4181
+ --border-color: var(--color-gray-500);
4344
4182
  }
4345
- .baseCalendarClassNames-module_day__4INGw:focus-visible::after, .baseCalendarClassNames-module_navButton__Socf8:focus-visible::after {
4346
- z-index: 2;
4347
- content: "";
4348
- position: absolute;
4349
- inset: calc(-1 * (var(--border-focus-ring-border-width, 2px) * 2 + 1px));
4350
- border-radius: 3px;
4183
+
4184
+ .Well-module_gray__ur3Fv {
4185
+ --background-color: var(--color-gray-200);
4186
+ --border-color: var(--color-gray-500);
4351
4187
  }
4352
4188
 
4353
- .baseCalendarClassNames-module_day__4INGw:focus-visible::after, .baseCalendarClassNames-module_navButton__Socf8:focus-visible::after {
4354
- border: var(--border-focus-ring-border-width, 2px) var(--border-focus-ring-border-style, solid) var(--color-blue-500, #0168b3);
4189
+ .Well-module_blue__H8M0Q {
4190
+ --background-color: var(--color-blue-100);
4191
+ --border-color: var(--color-blue-400);
4355
4192
  }
4356
4193
 
4357
- .baseCalendarClassNames-module_root__ZBdgM {
4358
- display: inline-flex;
4194
+ .Well-module_yellow__DJAMr {
4195
+ --background-color: var(--color-yellow-100);
4196
+ --border-color: var(--color-yellow-700);
4359
4197
  }
4360
4198
 
4361
- .baseCalendarClassNames-module_months__ofItC {
4362
- display: flex;
4199
+ .Well-module_orange__F0FkU {
4200
+ --background-color: var(--color-orange-100);
4201
+ --border-color: var(--color-orange-600);
4363
4202
  }
4364
4203
 
4365
- .baseCalendarClassNames-module_buttonReset__uR5sc {
4366
- appearance: none;
4367
- display: inline;
4368
- background: transparent;
4369
- color: inherit;
4370
- font: inherit;
4371
- margin: 0;
4372
- padding: 0;
4373
- border: none;
4204
+ .Well-module_red__40n5z {
4205
+ --background-color: var(--color-red-100);
4206
+ --border-color: var(--color-red-500);
4374
4207
  }
4375
4208
 
4376
- .baseCalendarClassNames-module_button__Jb8RM {
4377
- cursor: pointer;
4209
+ .Well-module_green__R-zR1 {
4210
+ --background-color: var(--color-green-100);
4211
+ --border-color: var(--color-green-500);
4378
4212
  }
4379
4213
 
4380
- .baseCalendarClassNames-module_caption__tzko5 {
4381
- position: relative;
4382
- display: flex;
4383
- align-items: center;
4384
- justify-content: center;
4385
- margin: 0 0 var(--spacing-xs, 0.375rem);
4214
+ .Well-module_purple__iXxT8 {
4215
+ --background-color: var(--color-purple-100);
4216
+ --border-color: var(--color-purple-400);
4386
4217
  }
4387
4218
 
4388
- .baseCalendarClassNames-module_captionLabel__rmlel {
4389
- position: relative;
4390
- z-index: 1;
4391
- display: inline-flex;
4392
- align-items: center;
4393
- margin: 0;
4394
- padding: 0 0.25em;
4395
- white-space: nowrap;
4396
- font-family: var(--typography-heading-4-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
4397
- font-size: var(--typography-heading-4-font-size, 1.125rem);
4398
- font-weight: var(--typography-heading-5-font-weight, 600);
4399
- line-height: var(--typography-heading-4-line-height, 1.5rem);
4400
- letter-spacing: var(--typography-heading-4-letter-spacing, normal);
4401
- color: var(--color-purple-800, #2f2438);
4219
+ .Well-module_positive__6ldUu {
4220
+ --background-color: var(--color-green-100);
4221
+ --border-color: var(--color-green-500);
4402
4222
  }
4403
4223
 
4404
- .baseCalendarClassNames-module_navButton__Socf8 {
4405
- display: inherit;
4406
- padding: 0.25rem var(--spacing-xs, 0.375rem);
4407
- border: var(--border-solid-border-width, 2px) var(--border-solid-border-style, solid) transparent;
4224
+ .Well-module_default__tSiHp {
4225
+ --background-color: var(--color-gray-200);
4226
+ --border-color: var(--color-gray-500);
4227
+ }
4228
+
4229
+ .Well-module_negative__mVczy {
4230
+ --background-color: var(--color-red-100);
4231
+ --border-color: var(--color-red-500);
4232
+ }
4233
+
4234
+ .Well-module_informative__81djJ {
4235
+ --background-color: var(--color-blue-100);
4236
+ --border-color: var(--color-blue-400);
4237
+ }
4238
+
4239
+ .Well-module_cautionary__MSYHT {
4240
+ --background-color: var(--color-yellow-100);
4241
+ --border-color: var(--color-yellow-700);
4242
+ }
4243
+
4244
+ .Well-module_assertive__Kl5ql {
4245
+ --background-color: var(--color-orange-100);
4246
+ --border-color: var(--color-orange-600);
4247
+ }
4248
+
4249
+ .Well-module_prominent__wdpIQ {
4250
+ --background-color: var(--color-purple-100);
4251
+ --border-color: var(--color-purple-400);
4252
+ }
4253
+
4254
+ .Well-module_solid__ianzm {
4255
+ --border-style: solid;
4256
+ }
4257
+
4258
+ .Well-module_dashed__csujS {
4259
+ --border-style: dashed;
4260
+ }
4261
+
4262
+ .Well-module_none__rWwTB {
4263
+ --border-color: transparent;
4264
+ --border-style: none;
4265
+ }
4266
+ /* stylelint-disable */
4267
+ /* stylelint-enable */
4268
+ /* prettier-ignore */
4269
+ /* stylelint-disable */
4270
+ /* stylelint-enable */
4271
+ /* prettier-ignore */
4272
+ /* stylelint-disable */
4273
+ /* stylelint-enable */
4274
+ /* prettier-ignore */
4275
+ /* stylelint-disable */
4276
+ /* stylelint-enable */
4277
+ /* prettier-ignore */
4278
+ /* stylelint-disable scss/at-if-no-null */
4279
+ /* stylelint-enable scss/at-if-no-null */
4280
+ /** THIS IS AN AUTOGENERATED FILE **/
4281
+ /** THIS IS AN AUTOGENERATED FILE **/
4282
+ /** THIS IS AN AUTOGENERATED FILE **/
4283
+ /** THIS IS AN AUTOGENERATED FILE **/
4284
+ /** THIS IS AN AUTOGENERATED FILE **/
4285
+ /* stylelint-disable */
4286
+ /* stylelint-enable */
4287
+ /* prettier-ignore */
4288
+ /* stylelint-disable */
4289
+ /* stylelint-enable */
4290
+ /* prettier-ignore */
4291
+ /* prettier-ignore */
4292
+ /** THIS IS AN AUTOGENERATED FILE **/
4293
+ /** THIS IS AN AUTOGENERATED FILE **/
4294
+ /* stylelint-disable function-name-case, scss/at-function-pattern */
4295
+ /* stylelint-enable function-name-case, scss/at-function-pattern */
4296
+ /* prettier-ignore */
4297
+ /* prettier-ignore */
4298
+ /* prettier-ignore */
4299
+ /* prettier-ignore */
4300
+ /* prettier-ignore */
4301
+ /* prettier-ignore */
4302
+ .TextField-module_input__CEokl {
4303
+ margin-top: var(--spacing-6);
4304
+ }
4305
+
4306
+ .TextField-module_icon__wFK4Q {
4307
+ color: var(--textfield-icon-color);
4308
+ animation-duration: var(--animation-duration-slow, 400ms);
4309
+ animation-fill-mode: forwards;
4310
+ /* stylelint-disable-next-line scss/function-unquote-no-unquoted-strings-inside */
4311
+ animation-name: TextField-module_fade-0-to-1__Ac-99;
4312
+ }
4313
+ @keyframes TextField-module_fade-0-to-1__Ac-99 {
4314
+ 0% {
4315
+ opacity: 0;
4316
+ }
4317
+ 100% {
4318
+ opacity: 1;
4319
+ }
4320
+ }
4321
+
4322
+ .TextField-module_success__pMLcV {
4323
+ --textfield-icon-color: var(--color-green-500);
4324
+ }
4325
+ .TextField-module_reversed__qW9r1 .TextField-module_success__pMLcV {
4326
+ --textfield-icon-color: var(--color-green-400);
4327
+ }
4328
+
4329
+ .TextField-module_disabled__gS8tk {
4330
+ opacity: 0.3;
4331
+ }
4332
+ /** THIS IS AN AUTOGENERATED FILE **/
4333
+ /** THIS IS AN AUTOGENERATED FILE **/
4334
+ /** THIS IS AN AUTOGENERATED FILE **/
4335
+ /** THIS IS AN AUTOGENERATED FILE **/
4336
+ .baseCalendarClassNames-module_day__4INGw, .baseCalendarClassNames-module_navButton__Socf8 {
4337
+ position: relative;
4338
+ }
4339
+ .baseCalendarClassNames-module_day__4INGw:focus, .baseCalendarClassNames-module_navButton__Socf8:focus {
4340
+ outline: none;
4341
+ }
4342
+ .baseCalendarClassNames-module_day__4INGw:focus-visible, .baseCalendarClassNames-module_navButton__Socf8:focus-visible {
4343
+ outline: none;
4344
+ }
4345
+ .baseCalendarClassNames-module_day__4INGw:focus-visible::after, .baseCalendarClassNames-module_navButton__Socf8:focus-visible::after {
4346
+ z-index: 2;
4347
+ content: "";
4348
+ position: absolute;
4349
+ inset: calc(-1 * (var(--border-focus-ring-border-width, 2px) * 2 + 1px));
4350
+ border-radius: 3px;
4351
+ }
4352
+
4353
+ .baseCalendarClassNames-module_day__4INGw:focus-visible::after, .baseCalendarClassNames-module_navButton__Socf8:focus-visible::after {
4354
+ border: var(--border-focus-ring-border-width, 2px) var(--border-focus-ring-border-style, solid) var(--color-blue-500, #0168b3);
4355
+ }
4356
+
4357
+ .baseCalendarClassNames-module_root__ZBdgM {
4358
+ display: inline-flex;
4359
+ }
4360
+
4361
+ .baseCalendarClassNames-module_months__ofItC {
4362
+ display: flex;
4363
+ }
4364
+
4365
+ .baseCalendarClassNames-module_buttonReset__uR5sc {
4366
+ appearance: none;
4367
+ display: inline;
4368
+ background: transparent;
4369
+ color: inherit;
4370
+ font: inherit;
4371
+ margin: 0;
4372
+ padding: 0;
4373
+ border: none;
4374
+ }
4375
+
4376
+ .baseCalendarClassNames-module_button__Jb8RM {
4377
+ cursor: pointer;
4378
+ }
4379
+
4380
+ .baseCalendarClassNames-module_caption__tzko5 {
4381
+ position: relative;
4382
+ display: flex;
4383
+ align-items: center;
4384
+ justify-content: center;
4385
+ margin: 0 0 var(--spacing-xs, 0.375rem);
4386
+ }
4387
+
4388
+ .baseCalendarClassNames-module_captionLabel__rmlel {
4389
+ position: relative;
4390
+ z-index: 1;
4391
+ display: inline-flex;
4392
+ align-items: center;
4393
+ margin: 0;
4394
+ padding: 0 0.25em;
4395
+ white-space: nowrap;
4396
+ font-family: var(--typography-heading-4-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
4397
+ font-size: var(--typography-heading-4-font-size, 1.125rem);
4398
+ font-weight: var(--typography-heading-5-font-weight, 600);
4399
+ line-height: var(--typography-heading-4-line-height, 1.5rem);
4400
+ letter-spacing: var(--typography-heading-4-letter-spacing, normal);
4401
+ color: var(--color-purple-800, #2f2438);
4402
+ }
4403
+
4404
+ .baseCalendarClassNames-module_navButton__Socf8 {
4405
+ display: inherit;
4406
+ padding: 0.25rem var(--spacing-xs, 0.375rem);
4407
+ border: var(--border-solid-border-width, 2px) var(--border-solid-border-style, solid) transparent;
4408
4408
  border-radius: 3px;
4409
4409
  }
4410
4410
  .baseCalendarClassNames-module_navButton__Socf8:hover {
@@ -4505,52 +4505,174 @@
4505
4505
  /** THIS IS AN AUTOGENERATED FILE **/
4506
4506
  /** THIS IS AN AUTOGENERATED FILE **/
4507
4507
  /** THIS IS AN AUTOGENERATED FILE **/
4508
- /* stylelint-disable scss/at-if-no-null, declaration-block-no-redundant-longhand-properties */
4509
- /** THIS IS AN AUTOGENERATED FILE **/
4510
- /** THIS IS AN AUTOGENERATED FILE **/
4511
- /** THIS IS AN AUTOGENERATED FILE **/
4512
- /** THIS IS AN AUTOGENERATED FILE **/
4513
- /** THIS IS AN AUTOGENERATED FILE **/
4514
- /* 16px */
4515
- /* 16px */
4516
- /* 16px */
4517
- /*
4518
- Because these components are deprecated, we've kept any inline/non-token values as values from the Zen theme to prevent any style regressions,
4519
- as this is what consumers would have expected when pulling them in a the time.
4520
- */
4521
- /* stylelint-enable scss/at-if-no-null, declaration-block-no-redundant-longhand-properties */
4522
- /** THIS IS AN AUTOGENERATED FILE **/
4523
4508
  /** THIS IS AN AUTOGENERATED FILE **/
4524
- /* stylelint-disable no-descending-specificity */
4525
- .TitleBlockZen-module_titleBlock__bekbg {
4526
- position: relative;
4509
+ .NavigationTabs-module_container__lK-HH {
4510
+ display: flex;
4527
4511
  -webkit-font-smoothing: antialiased;
4528
4512
  -moz-osx-font-smoothing: grayscale;
4529
- background-color: var(--color-purple-600, #5f3361);
4530
- width: 100%;
4513
+ }
4514
+
4515
+ .NavigationTabs-module_linkAnchor__oUsWX {
4531
4516
  display: flex;
4532
- justify-content: center;
4533
- flex-direction: column;
4517
+ height: 100%;
4518
+ align-items: center;
4519
+ padding: 0 var(--spacing-sm, 0.75rem);
4520
+ position: relative;
4521
+ color: rgba(var(--color-white-rgb, 255, 255, 255), 0.7);
4522
+ font-family: var(--typography-heading-4-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
4523
+ font-weight: var(--typography-heading-4-font-weight, 600);
4524
+ font-size: var(--typography-heading-4-font-size, 1.125rem);
4525
+ line-height: var(--typography-heading-4-line-height, 1.5rem);
4526
+ letter-spacing: var(--typography-heading-4-letter-spacing, normal);
4527
+ text-decoration: none;
4528
+ white-space: nowrap;
4529
+ margin-inline-end: var(--spacing-md, 1.5rem);
4534
4530
  }
4535
- .TitleBlockZen-module_titleBlock__bekbg.TitleBlockZen-module_educationVariant__B3I7P {
4536
- background-color: var(--color-blue-100, #e6f6ff);
4531
+ .NavigationTabs-module_linkAnchor__oUsWX:hover {
4532
+ color: var(--color-white, #ffffff);
4533
+ text-decoration: none;
4537
4534
  }
4538
- .TitleBlockZen-module_titleBlock__bekbg.TitleBlockZen-module_adminVariant__vvIrj {
4539
- background-color: var(--color-gray-100, #f9f9f9);
4535
+ @media (max-width: 1365px) {
4536
+ .NavigationTabs-module_linkAnchor__oUsWX {
4537
+ font-family: var(--typography-heading-5-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
4538
+ font-weight: var(--typography-heading-5-font-weight, 600);
4539
+ font-size: var(--typography-heading-5-font-size, 1rem);
4540
+ line-height: var(--typography-heading-5-line-height, 1.5rem);
4541
+ letter-spacing: var(--typography-heading-5-letter-spacing, normal);
4542
+ }
4540
4543
  }
4541
- @media print {
4542
- .TitleBlockZen-module_titleBlock__bekbg {
4543
- display: none;
4544
+ @media (max-width: 1439px) {
4545
+ .NavigationTabs-module_linkAnchor__oUsWX {
4546
+ margin-inline-end: var(--spacing-xs, 0.375rem);
4544
4547
  }
4545
4548
  }
4546
-
4547
- .TitleBlockZen-module_titleRow__LcreV,
4548
- .TitleBlockZen-module_rowBelowSeparator__ES4X- {
4549
- display: flex;
4550
- width: 100%;
4551
- justify-content: center;
4549
+ @media (max-width: 1189px) {
4550
+ .NavigationTabs-module_linkAnchor__oUsWX {
4551
+ margin: 0;
4552
+ }
4552
4553
  }
4553
-
4554
+ .NavigationTabs-module_linkAnchor__oUsWX.NavigationTabs-module_active__-38QW, .NavigationTabs-module_linkAnchor__oUsWX:focus {
4555
+ color: var(--color-white, #ffffff);
4556
+ }
4557
+ .NavigationTabs-module_linkAnchor__oUsWX.NavigationTabs-module_active__-38QW::before, .NavigationTabs-module_linkAnchor__oUsWX:focus::before {
4558
+ content: "";
4559
+ display: block;
4560
+ height: 5px;
4561
+ position: absolute;
4562
+ top: 0;
4563
+ left: 0;
4564
+ right: 0;
4565
+ background-color: var(--color-white, #ffffff);
4566
+ transition: transform cubic-bezier(0.55, 0.085, 0.68, 0.53) 150ms;
4567
+ border-radius: 0 0 var(--border-solid-border-radius, 7px) var(--border-solid-border-radius, 7px);
4568
+ }
4569
+ @media (max-width: calc(1080px - 1px)) {
4570
+ .NavigationTabs-module_linkAnchor__oUsWX.NavigationTabs-module_active__-38QW::before, .NavigationTabs-module_linkAnchor__oUsWX:focus::before {
4571
+ top: auto;
4572
+ bottom: 0;
4573
+ border-radius: var(--border-solid-border-radius, 7px) var(--border-solid-border-radius, 7px) 0 0;
4574
+ }
4575
+ }
4576
+ .NavigationTabs-module_linkAnchor__oUsWX:focus {
4577
+ outline: none;
4578
+ }
4579
+ .NavigationTabs-module_linkAnchor__oUsWX:focus::before {
4580
+ background-color: var(--color-blue-200, #bde2f5);
4581
+ }
4582
+ .NavigationTabs-module_linkAnchor__oUsWX:focus::after {
4583
+ content: "";
4584
+ position: absolute;
4585
+ background: transparent;
4586
+ border-color: var(--color-blue-200, #bde2f5);
4587
+ border-radius: 0 0 var(--border-focus-ring-border-radius, 10px) var(--border-focus-ring-border-radius, 10px);
4588
+ border-width: var(--border-focus-ring-border-width, 2px);
4589
+ border-style: var(--border-focus-ring-border-style, solid);
4590
+ inset: 0 calc(-1 * var(--border-focus-ring-border-width, 2px)) 5px;
4591
+ }
4592
+ @media (max-width: calc(1080px - 1px)) {
4593
+ .NavigationTabs-module_linkAnchor__oUsWX:focus::after {
4594
+ border-radius: var(--border-focus-ring-border-radius, 10px) var(--border-focus-ring-border-radius, 10px) 0 0;
4595
+ inset: 5px calc(-1 * var(--border-focus-ring-border-width, 2px)) 0 calc(-1 * var(--border-focus-ring-border-width, 2px));
4596
+ }
4597
+ }
4598
+ @media (forced-colors: active) {
4599
+ .NavigationTabs-module_linkAnchor__oUsWX.NavigationTabs-module_active__-38QW::before, .NavigationTabs-module_linkAnchor__oUsWX:focus::before {
4600
+ background: transparent;
4601
+ border: 5px solid transparent;
4602
+ height: 0;
4603
+ }
4604
+ }
4605
+
4606
+ .NavigationTabs-module_linkAnchor__oUsWX.NavigationTabs-module_lightBackground__TR-5T {
4607
+ color: rgba(var(--color-purple-800-rgb, 47, 36, 56), 0.75);
4608
+ }
4609
+ .NavigationTabs-module_linkAnchor__oUsWX.NavigationTabs-module_lightBackground__TR-5T:hover {
4610
+ color: var(--color-blue-500, #0168b3);
4611
+ }
4612
+ .NavigationTabs-module_linkAnchor__oUsWX.NavigationTabs-module_lightBackground__TR-5T.NavigationTabs-module_active__-38QW {
4613
+ color: var(--color-blue-500, #0168b3);
4614
+ }
4615
+ .NavigationTabs-module_linkAnchor__oUsWX.NavigationTabs-module_lightBackground__TR-5T.NavigationTabs-module_active__-38QW::before {
4616
+ background-color: var(--color-blue-500, #0168b3);
4617
+ top: 3px;
4618
+ }
4619
+ @media (max-width: calc(1080px - 1px)) {
4620
+ .NavigationTabs-module_linkAnchor__oUsWX.NavigationTabs-module_lightBackground__TR-5T.NavigationTabs-module_active__-38QW::before {
4621
+ top: auto;
4622
+ bottom: 0;
4623
+ border-radius: var(--border-solid-border-radius, 7px) var(--border-solid-border-radius, 7px) 0 0;
4624
+ }
4625
+ }
4626
+ /** THIS IS AN AUTOGENERATED FILE **/
4627
+ /** THIS IS AN AUTOGENERATED FILE **/
4628
+ /** THIS IS AN AUTOGENERATED FILE **/
4629
+ /** THIS IS AN AUTOGENERATED FILE **/
4630
+ /* stylelint-disable scss/at-if-no-null, declaration-block-no-redundant-longhand-properties */
4631
+ /** THIS IS AN AUTOGENERATED FILE **/
4632
+ /** THIS IS AN AUTOGENERATED FILE **/
4633
+ /** THIS IS AN AUTOGENERATED FILE **/
4634
+ /** THIS IS AN AUTOGENERATED FILE **/
4635
+ /** THIS IS AN AUTOGENERATED FILE **/
4636
+ /* 16px */
4637
+ /* 16px */
4638
+ /* 16px */
4639
+ /*
4640
+ Because these components are deprecated, we've kept any inline/non-token values as values from the Zen theme to prevent any style regressions,
4641
+ as this is what consumers would have expected when pulling them in a the time.
4642
+ */
4643
+ /* stylelint-enable scss/at-if-no-null, declaration-block-no-redundant-longhand-properties */
4644
+ /** THIS IS AN AUTOGENERATED FILE **/
4645
+ /** THIS IS AN AUTOGENERATED FILE **/
4646
+ /* stylelint-disable no-descending-specificity */
4647
+ .TitleBlockZen-module_titleBlock__bekbg {
4648
+ position: relative;
4649
+ -webkit-font-smoothing: antialiased;
4650
+ -moz-osx-font-smoothing: grayscale;
4651
+ background-color: var(--color-purple-600, #5f3361);
4652
+ width: 100%;
4653
+ display: flex;
4654
+ justify-content: center;
4655
+ flex-direction: column;
4656
+ }
4657
+ .TitleBlockZen-module_titleBlock__bekbg.TitleBlockZen-module_educationVariant__B3I7P {
4658
+ background-color: var(--color-blue-100, #e6f6ff);
4659
+ }
4660
+ .TitleBlockZen-module_titleBlock__bekbg.TitleBlockZen-module_adminVariant__vvIrj {
4661
+ background-color: var(--color-gray-100, #f9f9f9);
4662
+ }
4663
+ @media print {
4664
+ .TitleBlockZen-module_titleBlock__bekbg {
4665
+ display: none;
4666
+ }
4667
+ }
4668
+
4669
+ .TitleBlockZen-module_titleRow__LcreV,
4670
+ .TitleBlockZen-module_rowBelowSeparator__ES4X- {
4671
+ display: flex;
4672
+ width: 100%;
4673
+ justify-content: center;
4674
+ }
4675
+
4554
4676
  .TitleBlockZen-module_adminVariant__vvIrj .TitleBlockZen-module_titleRow__LcreV {
4555
4677
  background-color: var(--color-white, #ffffff);
4556
4678
  }
@@ -5182,128 +5304,6 @@
5182
5304
  }
5183
5305
  /** THIS IS AN AUTOGENERATED FILE **/
5184
5306
  /** THIS IS AN AUTOGENERATED FILE **/
5185
- /** THIS IS AN AUTOGENERATED FILE **/
5186
- /** THIS IS AN AUTOGENERATED FILE **/
5187
- /** THIS IS AN AUTOGENERATED FILE **/
5188
- .NavigationTabs-module_container__lK-HH {
5189
- display: flex;
5190
- -webkit-font-smoothing: antialiased;
5191
- -moz-osx-font-smoothing: grayscale;
5192
- }
5193
-
5194
- .NavigationTabs-module_linkAnchor__oUsWX {
5195
- display: flex;
5196
- height: 100%;
5197
- align-items: center;
5198
- padding: 0 var(--spacing-sm, 0.75rem);
5199
- position: relative;
5200
- color: rgba(var(--color-white-rgb, 255, 255, 255), 0.7);
5201
- font-family: var(--typography-heading-4-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
5202
- font-weight: var(--typography-heading-4-font-weight, 600);
5203
- font-size: var(--typography-heading-4-font-size, 1.125rem);
5204
- line-height: var(--typography-heading-4-line-height, 1.5rem);
5205
- letter-spacing: var(--typography-heading-4-letter-spacing, normal);
5206
- text-decoration: none;
5207
- white-space: nowrap;
5208
- margin-inline-end: var(--spacing-md, 1.5rem);
5209
- }
5210
- .NavigationTabs-module_linkAnchor__oUsWX:hover {
5211
- color: var(--color-white, #ffffff);
5212
- text-decoration: none;
5213
- }
5214
- @media (max-width: 1365px) {
5215
- .NavigationTabs-module_linkAnchor__oUsWX {
5216
- font-family: var(--typography-heading-5-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
5217
- font-weight: var(--typography-heading-5-font-weight, 600);
5218
- font-size: var(--typography-heading-5-font-size, 1rem);
5219
- line-height: var(--typography-heading-5-line-height, 1.5rem);
5220
- letter-spacing: var(--typography-heading-5-letter-spacing, normal);
5221
- }
5222
- }
5223
- @media (max-width: 1439px) {
5224
- .NavigationTabs-module_linkAnchor__oUsWX {
5225
- margin-inline-end: var(--spacing-xs, 0.375rem);
5226
- }
5227
- }
5228
- @media (max-width: 1189px) {
5229
- .NavigationTabs-module_linkAnchor__oUsWX {
5230
- margin: 0;
5231
- }
5232
- }
5233
- .NavigationTabs-module_linkAnchor__oUsWX.NavigationTabs-module_active__-38QW, .NavigationTabs-module_linkAnchor__oUsWX:focus {
5234
- color: var(--color-white, #ffffff);
5235
- }
5236
- .NavigationTabs-module_linkAnchor__oUsWX.NavigationTabs-module_active__-38QW::before, .NavigationTabs-module_linkAnchor__oUsWX:focus::before {
5237
- content: "";
5238
- display: block;
5239
- height: 5px;
5240
- position: absolute;
5241
- top: 0;
5242
- left: 0;
5243
- right: 0;
5244
- background-color: var(--color-white, #ffffff);
5245
- transition: transform cubic-bezier(0.55, 0.085, 0.68, 0.53) 150ms;
5246
- border-radius: 0 0 var(--border-solid-border-radius, 7px) var(--border-solid-border-radius, 7px);
5247
- }
5248
- @media (max-width: calc(1080px - 1px)) {
5249
- .NavigationTabs-module_linkAnchor__oUsWX.NavigationTabs-module_active__-38QW::before, .NavigationTabs-module_linkAnchor__oUsWX:focus::before {
5250
- top: auto;
5251
- bottom: 0;
5252
- border-radius: var(--border-solid-border-radius, 7px) var(--border-solid-border-radius, 7px) 0 0;
5253
- }
5254
- }
5255
- .NavigationTabs-module_linkAnchor__oUsWX:focus {
5256
- outline: none;
5257
- }
5258
- .NavigationTabs-module_linkAnchor__oUsWX:focus::before {
5259
- background-color: var(--color-blue-200, #bde2f5);
5260
- }
5261
- .NavigationTabs-module_linkAnchor__oUsWX:focus::after {
5262
- content: "";
5263
- position: absolute;
5264
- background: transparent;
5265
- border-color: var(--color-blue-200, #bde2f5);
5266
- border-radius: 0 0 var(--border-focus-ring-border-radius, 10px) var(--border-focus-ring-border-radius, 10px);
5267
- border-width: var(--border-focus-ring-border-width, 2px);
5268
- border-style: var(--border-focus-ring-border-style, solid);
5269
- inset: 0 calc(-1 * var(--border-focus-ring-border-width, 2px)) 5px;
5270
- }
5271
- @media (max-width: calc(1080px - 1px)) {
5272
- .NavigationTabs-module_linkAnchor__oUsWX:focus::after {
5273
- border-radius: var(--border-focus-ring-border-radius, 10px) var(--border-focus-ring-border-radius, 10px) 0 0;
5274
- inset: 5px calc(-1 * var(--border-focus-ring-border-width, 2px)) 0 calc(-1 * var(--border-focus-ring-border-width, 2px));
5275
- }
5276
- }
5277
- @media (forced-colors: active) {
5278
- .NavigationTabs-module_linkAnchor__oUsWX.NavigationTabs-module_active__-38QW::before, .NavigationTabs-module_linkAnchor__oUsWX:focus::before {
5279
- background: transparent;
5280
- border: 5px solid transparent;
5281
- height: 0;
5282
- }
5283
- }
5284
-
5285
- .NavigationTabs-module_linkAnchor__oUsWX.NavigationTabs-module_lightBackground__TR-5T {
5286
- color: rgba(var(--color-purple-800-rgb, 47, 36, 56), 0.75);
5287
- }
5288
- .NavigationTabs-module_linkAnchor__oUsWX.NavigationTabs-module_lightBackground__TR-5T:hover {
5289
- color: var(--color-blue-500, #0168b3);
5290
- }
5291
- .NavigationTabs-module_linkAnchor__oUsWX.NavigationTabs-module_lightBackground__TR-5T.NavigationTabs-module_active__-38QW {
5292
- color: var(--color-blue-500, #0168b3);
5293
- }
5294
- .NavigationTabs-module_linkAnchor__oUsWX.NavigationTabs-module_lightBackground__TR-5T.NavigationTabs-module_active__-38QW::before {
5295
- background-color: var(--color-blue-500, #0168b3);
5296
- top: 3px;
5297
- }
5298
- @media (max-width: calc(1080px - 1px)) {
5299
- .NavigationTabs-module_linkAnchor__oUsWX.NavigationTabs-module_lightBackground__TR-5T.NavigationTabs-module_active__-38QW::before {
5300
- top: auto;
5301
- bottom: 0;
5302
- border-radius: var(--border-solid-border-radius, 7px) var(--border-solid-border-radius, 7px) 0 0;
5303
- }
5304
- }
5305
- /** THIS IS AN AUTOGENERATED FILE **/
5306
- /** THIS IS AN AUTOGENERATED FILE **/
5307
5307
  .OverlayArrow-module_overlayArrow__iXF0w {
5308
5308
  display: flex;
5309
5309
  padding: 8px;
@@ -5344,18 +5344,124 @@
5344
5344
  }
5345
5345
  /** THIS IS AN AUTOGENERATED FILE **/
5346
5346
  /** THIS IS AN AUTOGENERATED FILE **/
5347
- /** THIS IS AN AUTOGENERATED FILE **/
5348
- /** THIS IS AN AUTOGENERATED FILE **/
5349
- /** THIS IS AN AUTOGENERATED FILE **/
5350
- /* stylelint-disable scss/at-if-no-null, declaration-block-no-redundant-longhand-properties */
5351
- /** THIS IS AN AUTOGENERATED FILE **/
5352
- /** THIS IS AN AUTOGENERATED FILE **/
5353
- /** THIS IS AN AUTOGENERATED FILE **/
5354
- /** THIS IS AN AUTOGENERATED FILE **/
5355
- /** THIS IS AN AUTOGENERATED FILE **/
5356
- /* 16px */
5357
- /* 16px */
5358
- /* 16px */
5347
+ .CalendarRange-module_month__un61w {
5348
+ padding: 0 var(--spacing-sm, 0.75rem);
5349
+ }
5350
+ .CalendarRange-module_month__un61w:first-child {
5351
+ padding-inline-start: 0;
5352
+ }
5353
+ .CalendarRange-module_month__un61w:last-child {
5354
+ padding-inline-end: 0;
5355
+ }
5356
+
5357
+ .CalendarRange-module_monthWithDivider__JY-56 {
5358
+ position: relative;
5359
+ padding: 0 var(--spacing-md, 1.5rem);
5360
+ }
5361
+ .CalendarRange-module_monthWithDivider__JY-56:not(:first-child)::before {
5362
+ position: absolute;
5363
+ content: "";
5364
+ inset: calc(-1 * var(--spacing-md, 1.5rem)) 0;
5365
+ border-inline-start: 1px solid var(--color-gray-300, #eaeaec);
5366
+ }
5367
+ .CalendarRange-module_monthWithDivider__JY-56:first-child {
5368
+ padding-inline-start: 0;
5369
+ }
5370
+ .CalendarRange-module_monthWithDivider__JY-56:last-child {
5371
+ padding-inline-end: 0;
5372
+ }
5373
+
5374
+ .CalendarRange-module_nav__OtaVb {
5375
+ position: absolute;
5376
+ display: flex;
5377
+ justify-content: flex-start;
5378
+ width: 100%;
5379
+ color: var(--color-purple-800, #2f2438);
5380
+ }
5381
+ .CalendarRange-module_captionEnd__GSLQO .CalendarRange-module_nav__OtaVb {
5382
+ flex-direction: row-reverse;
5383
+ }
5384
+
5385
+ .CalendarRange-module_dayRangeStart__TwdDT,
5386
+ .CalendarRange-module_dayRangeEnd__y6dEB {
5387
+ background-color: var(--color-blue-500, #0168b3);
5388
+ color: var(--color-white, #ffffff);
5389
+ }
5390
+
5391
+ .CalendarRange-module_dayRangeMiddle__SybKY {
5392
+ background-color: var(--color-blue-100, #e6f6ff);
5393
+ color: var(--color-blue-500, #0168b3);
5394
+ }
5395
+ /** THIS IS AN AUTOGENERATED FILE **/
5396
+ /** THIS IS AN AUTOGENERATED FILE **/
5397
+ /** THIS IS AN AUTOGENERATED FILE **/
5398
+ /** THIS IS AN AUTOGENERATED FILE **/
5399
+ /** THIS IS AN AUTOGENERATED FILE **/
5400
+ /** THIS IS AN AUTOGENERATED FILE **/
5401
+ .Tooltip-module_tooltip__XhCpu {
5402
+ max-width: 200px;
5403
+ padding: var(--spacing-8, 0.5rem) var(--spacing-12, 0.75rem);
5404
+ color: var(--color-white, #ffffff);
5405
+ text-align: center;
5406
+ font-family: var(--typography-paragraph-extra-small-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
5407
+ font-size: var(--typography-paragraph-extra-small-font-size, 0.75rem);
5408
+ font-weight: var(--typography-paragraph-extra-small-font-weight, 400);
5409
+ letter-spacing: var(--typography-paragraph-extra-small-letter-spacing, normal);
5410
+ line-height: var(--typography-paragraph-extra-small-line-height, 1.125rem);
5411
+ border-radius: var(--border-solid-border-radius, 7px);
5412
+ box-shadow: var(--shadow-small-box-shadow, 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 3px 16px 0 rgba(0, 0, 0, 0.06));
5413
+ background-color: var(--color-purple-800, #2f2438);
5414
+ text-wrap: pretty;
5415
+ /* fixes FF gap */
5416
+ transform: translate3d(0, 0, 0);
5417
+ }
5418
+ .Tooltip-module_tooltip__XhCpu.Tooltip-module_reversed__EEjNF {
5419
+ background-color: var(--color-white, #ffffff);
5420
+ color: var(--color-purple-800, #2f2438);
5421
+ }
5422
+ .Tooltip-module_tooltip__XhCpu[data-placement=top] {
5423
+ --origin: translateY(4px);
5424
+ }
5425
+ .Tooltip-module_tooltip__XhCpu[data-placement=bottom] {
5426
+ --origin: translateY(-4px);
5427
+ }
5428
+ .Tooltip-module_tooltip__XhCpu[data-placement=right] {
5429
+ --origin: translateX(-4px);
5430
+ }
5431
+ .Tooltip-module_tooltip__XhCpu[data-placement=left] {
5432
+ --origin: translateX(4px);
5433
+ }
5434
+ .Tooltip-module_tooltip__XhCpu[data-entering] {
5435
+ animation: Tooltip-module_slide__kSXdP var(--animation-duration-fast, 300ms);
5436
+ }
5437
+ .Tooltip-module_tooltip__XhCpu[data-exiting] {
5438
+ animation: Tooltip-module_slide__kSXdP var(--animation-duration-fast, 300ms) reverse var(--animation-easing-function-ease-in, cubic-bezier(0.55, 0.085, 0.68, 0.53));
5439
+ }
5440
+
5441
+ @keyframes Tooltip-module_slide__kSXdP {
5442
+ from {
5443
+ transform: var(--origin);
5444
+ opacity: 0;
5445
+ }
5446
+ to {
5447
+ transform: translateY(0);
5448
+ opacity: 1;
5449
+ }
5450
+ }
5451
+ /** THIS IS AN AUTOGENERATED FILE **/
5452
+ /** THIS IS AN AUTOGENERATED FILE **/
5453
+ /** THIS IS AN AUTOGENERATED FILE **/
5454
+ /** THIS IS AN AUTOGENERATED FILE **/
5455
+ /** THIS IS AN AUTOGENERATED FILE **/
5456
+ /* stylelint-disable scss/at-if-no-null, declaration-block-no-redundant-longhand-properties */
5457
+ /** THIS IS AN AUTOGENERATED FILE **/
5458
+ /** THIS IS AN AUTOGENERATED FILE **/
5459
+ /** THIS IS AN AUTOGENERATED FILE **/
5460
+ /** THIS IS AN AUTOGENERATED FILE **/
5461
+ /** THIS IS AN AUTOGENERATED FILE **/
5462
+ /* 16px */
5463
+ /* 16px */
5464
+ /* 16px */
5359
5465
  /*
5360
5466
  Because these components are deprecated, we've kept any inline/non-token values as values from the Zen theme to prevent any style regressions,
5361
5467
  as this is what consumers would have expected when pulling them in a the time.
@@ -5543,112 +5649,6 @@
5543
5649
  /** THIS IS AN AUTOGENERATED FILE **/
5544
5650
  /** THIS IS AN AUTOGENERATED FILE **/
5545
5651
  /** THIS IS AN AUTOGENERATED FILE **/
5546
- /** THIS IS AN AUTOGENERATED FILE **/
5547
- /** THIS IS AN AUTOGENERATED FILE **/
5548
- /** THIS IS AN AUTOGENERATED FILE **/
5549
- .Tooltip-module_tooltip__XhCpu {
5550
- max-width: 200px;
5551
- padding: var(--spacing-8, 0.5rem) var(--spacing-12, 0.75rem);
5552
- color: var(--color-white, #ffffff);
5553
- text-align: center;
5554
- font-family: var(--typography-paragraph-extra-small-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
5555
- font-size: var(--typography-paragraph-extra-small-font-size, 0.75rem);
5556
- font-weight: var(--typography-paragraph-extra-small-font-weight, 400);
5557
- letter-spacing: var(--typography-paragraph-extra-small-letter-spacing, normal);
5558
- line-height: var(--typography-paragraph-extra-small-line-height, 1.125rem);
5559
- border-radius: var(--border-solid-border-radius, 7px);
5560
- box-shadow: var(--shadow-small-box-shadow, 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 3px 16px 0 rgba(0, 0, 0, 0.06));
5561
- background-color: var(--color-purple-800, #2f2438);
5562
- text-wrap: pretty;
5563
- /* fixes FF gap */
5564
- transform: translate3d(0, 0, 0);
5565
- }
5566
- .Tooltip-module_tooltip__XhCpu.Tooltip-module_reversed__EEjNF {
5567
- background-color: var(--color-white, #ffffff);
5568
- color: var(--color-purple-800, #2f2438);
5569
- }
5570
- .Tooltip-module_tooltip__XhCpu[data-placement=top] {
5571
- --origin: translateY(4px);
5572
- }
5573
- .Tooltip-module_tooltip__XhCpu[data-placement=bottom] {
5574
- --origin: translateY(-4px);
5575
- }
5576
- .Tooltip-module_tooltip__XhCpu[data-placement=right] {
5577
- --origin: translateX(-4px);
5578
- }
5579
- .Tooltip-module_tooltip__XhCpu[data-placement=left] {
5580
- --origin: translateX(4px);
5581
- }
5582
- .Tooltip-module_tooltip__XhCpu[data-entering] {
5583
- animation: Tooltip-module_slide__kSXdP var(--animation-duration-fast, 300ms);
5584
- }
5585
- .Tooltip-module_tooltip__XhCpu[data-exiting] {
5586
- animation: Tooltip-module_slide__kSXdP var(--animation-duration-fast, 300ms) reverse var(--animation-easing-function-ease-in, cubic-bezier(0.55, 0.085, 0.68, 0.53));
5587
- }
5588
-
5589
- @keyframes Tooltip-module_slide__kSXdP {
5590
- from {
5591
- transform: var(--origin);
5592
- opacity: 0;
5593
- }
5594
- to {
5595
- transform: translateY(0);
5596
- opacity: 1;
5597
- }
5598
- }
5599
- /** THIS IS AN AUTOGENERATED FILE **/
5600
- /** THIS IS AN AUTOGENERATED FILE **/
5601
- .CalendarRange-module_month__un61w {
5602
- padding: 0 var(--spacing-sm, 0.75rem);
5603
- }
5604
- .CalendarRange-module_month__un61w:first-child {
5605
- padding-inline-start: 0;
5606
- }
5607
- .CalendarRange-module_month__un61w:last-child {
5608
- padding-inline-end: 0;
5609
- }
5610
-
5611
- .CalendarRange-module_monthWithDivider__JY-56 {
5612
- position: relative;
5613
- padding: 0 var(--spacing-md, 1.5rem);
5614
- }
5615
- .CalendarRange-module_monthWithDivider__JY-56:not(:first-child)::before {
5616
- position: absolute;
5617
- content: "";
5618
- inset: calc(-1 * var(--spacing-md, 1.5rem)) 0;
5619
- border-inline-start: 1px solid var(--color-gray-300, #eaeaec);
5620
- }
5621
- .CalendarRange-module_monthWithDivider__JY-56:first-child {
5622
- padding-inline-start: 0;
5623
- }
5624
- .CalendarRange-module_monthWithDivider__JY-56:last-child {
5625
- padding-inline-end: 0;
5626
- }
5627
-
5628
- .CalendarRange-module_nav__OtaVb {
5629
- position: absolute;
5630
- display: flex;
5631
- justify-content: flex-start;
5632
- width: 100%;
5633
- color: var(--color-purple-800, #2f2438);
5634
- }
5635
- .CalendarRange-module_captionEnd__GSLQO .CalendarRange-module_nav__OtaVb {
5636
- flex-direction: row-reverse;
5637
- }
5638
-
5639
- .CalendarRange-module_dayRangeStart__TwdDT,
5640
- .CalendarRange-module_dayRangeEnd__y6dEB {
5641
- background-color: var(--color-blue-500, #0168b3);
5642
- color: var(--color-white, #ffffff);
5643
- }
5644
-
5645
- .CalendarRange-module_dayRangeMiddle__SybKY {
5646
- background-color: var(--color-blue-100, #e6f6ff);
5647
- color: var(--color-blue-500, #0168b3);
5648
- }
5649
- /** THIS IS AN AUTOGENERATED FILE **/
5650
- /** THIS IS AN AUTOGENERATED FILE **/
5651
- /** THIS IS AN AUTOGENERATED FILE **/
5652
5652
  /* stylelint-disable no-descending-specificity */
5653
5653
  .TitleBlockMenuItem-module_menuListItem__G3K41 {
5654
5654
  display: flex;
@@ -5738,39 +5738,72 @@
5738
5738
 
5739
5739
  /* stylelint-enable no-descending-specificity */
5740
5740
  /** THIS IS AN AUTOGENERATED FILE **/
5741
- .CheckboxGroup-module_checkboxGroupLabel__a9Iet {
5742
- margin-bottom: var(--spacing-sm, 0.75rem);
5743
- }
5744
-
5745
- .CheckboxGroup-module_checkboxGroupContainer__NTUWc {
5746
- display: flex;
5747
- flex-direction: column;
5748
- margin-bottom: var(--spacing-sm, 0.75rem);
5749
- }
5750
- .CheckboxGroup-module_checkboxGroupContainer__NTUWc.CheckboxGroup-module_noBottomMargin__J7ADb {
5751
- margin-bottom: 0;
5752
- }
5753
- /* stylelint-disable scss/at-if-no-null, declaration-block-no-redundant-longhand-properties */
5754
- /** THIS IS AN AUTOGENERATED FILE **/
5755
- /** THIS IS AN AUTOGENERATED FILE **/
5756
- /** THIS IS AN AUTOGENERATED FILE **/
5757
5741
  /** THIS IS AN AUTOGENERATED FILE **/
5758
5742
  /** THIS IS AN AUTOGENERATED FILE **/
5759
- /* 16px */
5760
- /* 16px */
5761
- /* 16px */
5762
- /*
5763
- Because these components are deprecated, we've kept any inline/non-token values as values from the Zen theme to prevent any style regressions,
5764
- as this is what consumers would have expected when pulling them in a the time.
5765
- */
5766
- /* stylelint-enable scss/at-if-no-null, declaration-block-no-redundant-longhand-properties */
5767
5743
  /** THIS IS AN AUTOGENERATED FILE **/
5768
- .Toolbar-module_toolbar__yhogJ {
5769
- display: flex;
5770
- align-items: center;
5744
+ .CheckboxField-module_container__3J-jG {
5745
+ position: relative;
5746
+ margin-bottom: var(--spacing-xs, 0.375rem);
5771
5747
  }
5772
- .Toolbar-module_toolbar__yhogJ .Toolbar-module_toolbarItem__eekUL {
5773
- margin: 0 calc(1.5rem / 4);
5748
+ .CheckboxField-module_container__3J-jG label {
5749
+ padding-top: 0;
5750
+ -webkit-tap-highlight-color: transparent;
5751
+ }
5752
+ .CheckboxField-module_container__3J-jG.CheckboxField-module_noBottomMargin__vTcJF {
5753
+ margin-bottom: 0;
5754
+ }
5755
+ @media (hover: hover) and (pointer: fine) {
5756
+ .CheckboxField-module_container__3J-jG label:hover input:not([disabled]) + div {
5757
+ border-color: var(--color-gray-500, #878792);
5758
+ background-color: var(--color-gray-100, #f9f9f9);
5759
+ }
5760
+ }
5761
+ .CheckboxField-module_container__3J-jG.CheckboxField-module_checked__uAhcE label, .CheckboxField-module_container__3J-jG.CheckboxField-module_mixed__smfKh label {
5762
+ font-family: var(--typography-paragraph-body-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
5763
+ font-size: var(--typography-paragraph-body-font-size, 1rem);
5764
+ line-height: var(--typography-paragraph-body-line-height, 1.5rem);
5765
+ letter-spacing: var(--typography-paragraph-body-letter-spacing, normal);
5766
+ font-weight: var(--typography-paragraph-bold-font-weight, 600);
5767
+ position: static;
5768
+ }
5769
+
5770
+ .CheckboxField-module_label__KLacF:disabled {
5771
+ pointer-events: none;
5772
+ }
5773
+ /** THIS IS AN AUTOGENERATED FILE **/
5774
+ .CheckboxGroup-module_checkboxGroupLabel__a9Iet {
5775
+ margin-bottom: var(--spacing-sm, 0.75rem);
5776
+ }
5777
+
5778
+ .CheckboxGroup-module_checkboxGroupContainer__NTUWc {
5779
+ display: flex;
5780
+ flex-direction: column;
5781
+ margin-bottom: var(--spacing-sm, 0.75rem);
5782
+ }
5783
+ .CheckboxGroup-module_checkboxGroupContainer__NTUWc.CheckboxGroup-module_noBottomMargin__J7ADb {
5784
+ margin-bottom: 0;
5785
+ }
5786
+ /* stylelint-disable scss/at-if-no-null, declaration-block-no-redundant-longhand-properties */
5787
+ /** THIS IS AN AUTOGENERATED FILE **/
5788
+ /** THIS IS AN AUTOGENERATED FILE **/
5789
+ /** THIS IS AN AUTOGENERATED FILE **/
5790
+ /** THIS IS AN AUTOGENERATED FILE **/
5791
+ /** THIS IS AN AUTOGENERATED FILE **/
5792
+ /* 16px */
5793
+ /* 16px */
5794
+ /* 16px */
5795
+ /*
5796
+ Because these components are deprecated, we've kept any inline/non-token values as values from the Zen theme to prevent any style regressions,
5797
+ as this is what consumers would have expected when pulling them in a the time.
5798
+ */
5799
+ /* stylelint-enable scss/at-if-no-null, declaration-block-no-redundant-longhand-properties */
5800
+ /** THIS IS AN AUTOGENERATED FILE **/
5801
+ .Toolbar-module_toolbar__yhogJ {
5802
+ display: flex;
5803
+ align-items: center;
5804
+ }
5805
+ .Toolbar-module_toolbar__yhogJ .Toolbar-module_toolbarItem__eekUL {
5806
+ margin: 0 calc(1.5rem / 4);
5774
5807
  }
5775
5808
  @media (max-width: 1023px) {
5776
5809
  .Toolbar-module_toolbar__yhogJ .Toolbar-module_toolbarItem__eekUL {
@@ -5910,39 +5943,6 @@
5910
5943
  /** THIS IS AN AUTOGENERATED FILE **/
5911
5944
  /** THIS IS AN AUTOGENERATED FILE **/
5912
5945
  /** THIS IS AN AUTOGENERATED FILE **/
5913
- /** THIS IS AN AUTOGENERATED FILE **/
5914
- .CheckboxField-module_container__3J-jG {
5915
- position: relative;
5916
- margin-bottom: var(--spacing-xs, 0.375rem);
5917
- }
5918
- .CheckboxField-module_container__3J-jG label {
5919
- padding-top: 0;
5920
- -webkit-tap-highlight-color: transparent;
5921
- }
5922
- .CheckboxField-module_container__3J-jG.CheckboxField-module_noBottomMargin__vTcJF {
5923
- margin-bottom: 0;
5924
- }
5925
- @media (hover: hover) and (pointer: fine) {
5926
- .CheckboxField-module_container__3J-jG label:hover input:not([disabled]) + div {
5927
- border-color: var(--color-gray-500, #878792);
5928
- background-color: var(--color-gray-100, #f9f9f9);
5929
- }
5930
- }
5931
- .CheckboxField-module_container__3J-jG.CheckboxField-module_checked__uAhcE label, .CheckboxField-module_container__3J-jG.CheckboxField-module_mixed__smfKh label {
5932
- font-family: var(--typography-paragraph-body-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
5933
- font-size: var(--typography-paragraph-body-font-size, 1rem);
5934
- line-height: var(--typography-paragraph-body-line-height, 1.5rem);
5935
- letter-spacing: var(--typography-paragraph-body-letter-spacing, normal);
5936
- font-weight: var(--typography-paragraph-bold-font-weight, 600);
5937
- position: static;
5938
- }
5939
-
5940
- .CheckboxField-module_label__KLacF:disabled {
5941
- pointer-events: none;
5942
- }
5943
- /** THIS IS AN AUTOGENERATED FILE **/
5944
- /** THIS IS AN AUTOGENERATED FILE **/
5945
- /** THIS IS AN AUTOGENERATED FILE **/
5946
5946
  .ExpertAdviceCollapsible-module_expertAdviceContainer__RIHw4 {
5947
5947
  background-color: var(--color-purple-100, #f4edf8);
5948
5948
  border: var(--border-width-1) var(--border-solid-border-style) var(--color-purple-400);
@@ -5990,24 +5990,6 @@
5990
5990
  border-radius: var(--border-borderless-border-radius, 7px);
5991
5991
  }
5992
5992
  /** THIS IS AN AUTOGENERATED FILE **/
5993
- .DateInputDescription-module_dateInputDescription__dEWv8 {
5994
- display: inline;
5995
- }
5996
-
5997
- .DateInputDescription-module_dateInputFormatContainer__U-zur {
5998
- margin-inline-start: var(--spacing-xs, 0.375rem);
5999
- white-space: nowrap;
6000
- }
6001
-
6002
- .DateInputDescription-module_descriptionInputFormat__rQ-Z5 {
6003
- display: inline-flex;
6004
- white-space: nowrap;
6005
- }
6006
-
6007
- .DateInputDescription-module_labelSeparator__L7Be4 {
6008
- margin-inline-end: var(--spacing-xs, 0.375rem);
6009
- }
6010
- /** THIS IS AN AUTOGENERATED FILE **/
6011
5993
  .DateInput-module_dateInput__f0Rs6 {
6012
5994
  width: 100%;
6013
5995
  }
@@ -6104,6 +6086,24 @@
6104
6086
  display: none;
6105
6087
  }
6106
6088
  /** THIS IS AN AUTOGENERATED FILE **/
6089
+ .DateInputDescription-module_dateInputDescription__dEWv8 {
6090
+ display: inline;
6091
+ }
6092
+
6093
+ .DateInputDescription-module_dateInputFormatContainer__U-zur {
6094
+ margin-inline-start: var(--spacing-xs, 0.375rem);
6095
+ white-space: nowrap;
6096
+ }
6097
+
6098
+ .DateInputDescription-module_descriptionInputFormat__rQ-Z5 {
6099
+ display: inline-flex;
6100
+ white-space: nowrap;
6101
+ }
6102
+
6103
+ .DateInputDescription-module_labelSeparator__L7Be4 {
6104
+ margin-inline-end: var(--spacing-xs, 0.375rem);
6105
+ }
6106
+ /** THIS IS AN AUTOGENERATED FILE **/
6107
6107
  .LegacyCalendarRange-module_nav__DsZpy {
6108
6108
  position: absolute;
6109
6109
  display: flex;
@@ -6136,25 +6136,6 @@
6136
6136
  }
6137
6137
  /** THIS IS AN AUTOGENERATED FILE **/
6138
6138
  /** THIS IS AN AUTOGENERATED FILE **/
6139
- /** THIS IS AN AUTOGENERATED FILE **/
6140
- /** THIS IS AN AUTOGENERATED FILE **/
6141
- /** THIS IS AN AUTOGENERATED FILE **/
6142
- .CalendarPopover-module_calendarPopover__p2xp9 {
6143
- background-color: var(--color-white, #ffffff);
6144
- z-index: 1010;
6145
- box-shadow: var(--shadow-large-box-shadow, 0 3px 9px 0 rgba(0, 0, 0, 0.1), 0 8px 40px 0 rgba(0, 0, 0, 0.08));
6146
- border-radius: var(--border-borderless-border-radius, 7px);
6147
- padding: var(--spacing-12, 0.75rem) var(--spacing-8, 0.5rem);
6148
- box-sizing: border-box;
6149
- overflow: auto;
6150
- }
6151
- @media (min-width: 768px) {
6152
- .CalendarPopover-module_calendarPopover__p2xp9 {
6153
- padding: var(--spacing-24, 1.5rem);
6154
- }
6155
- }
6156
- /** THIS IS AN AUTOGENERATED FILE **/
6157
- /** THIS IS AN AUTOGENERATED FILE **/
6158
6139
  input[type=range].InputRange-module_ratingScaleRange__gI-rs {
6159
6140
  all: unset;
6160
6141
  appearance: none;
@@ -6321,6 +6302,101 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
6321
6302
  /** THIS IS AN AUTOGENERATED FILE **/
6322
6303
  /** THIS IS AN AUTOGENERATED FILE **/
6323
6304
  /** THIS IS AN AUTOGENERATED FILE **/
6305
+ .CalendarPopover-module_calendarPopover__p2xp9 {
6306
+ background-color: var(--color-white, #ffffff);
6307
+ z-index: 1010;
6308
+ box-shadow: var(--shadow-large-box-shadow, 0 3px 9px 0 rgba(0, 0, 0, 0.1), 0 8px 40px 0 rgba(0, 0, 0, 0.08));
6309
+ border-radius: var(--border-borderless-border-radius, 7px);
6310
+ padding: var(--spacing-12, 0.75rem) var(--spacing-8, 0.5rem);
6311
+ box-sizing: border-box;
6312
+ overflow: auto;
6313
+ }
6314
+ @media (min-width: 768px) {
6315
+ .CalendarPopover-module_calendarPopover__p2xp9 {
6316
+ padding: var(--spacing-24, 1.5rem);
6317
+ }
6318
+ }
6319
+ /** THIS IS AN AUTOGENERATED FILE **/
6320
+ /** THIS IS AN AUTOGENERATED FILE **/
6321
+ /** THIS IS AN AUTOGENERATED FILE **/
6322
+ /* stylelint-disable */
6323
+ /* stylelint-enable */
6324
+ /* prettier-ignore */
6325
+ /* stylelint-disable */
6326
+ /* stylelint-enable */
6327
+ /* prettier-ignore */
6328
+ /* stylelint-disable */
6329
+ /* stylelint-enable */
6330
+ /* prettier-ignore */
6331
+ /* stylelint-disable */
6332
+ /* stylelint-enable */
6333
+ /* prettier-ignore */
6334
+ /* stylelint-disable scss/at-if-no-null */
6335
+ /* stylelint-enable scss/at-if-no-null */
6336
+ /** THIS IS AN AUTOGENERATED FILE **/
6337
+ /** THIS IS AN AUTOGENERATED FILE **/
6338
+ /** THIS IS AN AUTOGENERATED FILE **/
6339
+ /** THIS IS AN AUTOGENERATED FILE **/
6340
+ /** THIS IS AN AUTOGENERATED FILE **/
6341
+ /* stylelint-disable */
6342
+ /* stylelint-enable */
6343
+ /* prettier-ignore */
6344
+ /* stylelint-disable */
6345
+ /* stylelint-enable */
6346
+ /* prettier-ignore */
6347
+ /* prettier-ignore */
6348
+ /** THIS IS AN AUTOGENERATED FILE **/
6349
+ /** THIS IS AN AUTOGENERATED FILE **/
6350
+ /* stylelint-disable function-name-case, scss/at-function-pattern */
6351
+ /* stylelint-enable function-name-case, scss/at-function-pattern */
6352
+ /* prettier-ignore */
6353
+ /* prettier-ignore */
6354
+ /* prettier-ignore */
6355
+ /* prettier-ignore */
6356
+ /* prettier-ignore */
6357
+ /* prettier-ignore */
6358
+ .DateInputWithIconButton-module_iconButton__W7YMX {
6359
+ appearance: none;
6360
+ display: inline;
6361
+ background: transparent;
6362
+ color: inherit;
6363
+ font: inherit;
6364
+ margin: 0;
6365
+ padding: 0;
6366
+ border: none;
6367
+ display: flex;
6368
+ padding: var(--spacing-6);
6369
+ border: var(--border-solid-border-width, 2px) var(--border-solid-border-style, solid) transparent;
6370
+ border-radius: var(--border-solid-border-radius, 7px);
6371
+ position: relative;
6372
+ inset-inline-end: -0.35rem;
6373
+ top: -40%;
6374
+ }
6375
+ .DateInputWithIconButton-module_iconButton__W7YMX :focus {
6376
+ outline: none;
6377
+ }
6378
+ .DateInputWithIconButton-module_iconButton__W7YMX:focus-visible {
6379
+ outline-offset: -2px;
6380
+ outline: var(--color-blue-500, #0168b3) var(--border-focus-ring-border-style, solid) var(--border-focus-ring-border-width, 2px);
6381
+ }
6382
+ .DateInputWithIconButton-module_iconButton__W7YMX:hover:not([disabled]) {
6383
+ background-color: var(--color-blue-100, #e6f6ff);
6384
+ color: var(--color-blue-500, #0168b3);
6385
+ }
6386
+
6387
+ .DateInputWithIconButton-module_calendarActive__b2Vze {
6388
+ color: var(--color-blue-500, #0168b3);
6389
+ background-color: var(--color-blue-100, #e6f6ff);
6390
+ }
6391
+
6392
+ .DateInputWithIconButton-module_disabled__0IRHh {
6393
+ opacity: 0.3;
6394
+ }
6395
+ /** THIS IS AN AUTOGENERATED FILE **/
6396
+ /** THIS IS AN AUTOGENERATED FILE **/
6397
+ /** THIS IS AN AUTOGENERATED FILE **/
6398
+ /** THIS IS AN AUTOGENERATED FILE **/
6399
+ /** THIS IS AN AUTOGENERATED FILE **/
6324
6400
  /** THIS IS AN AUTOGENERATED FILE **/
6325
6401
  /** THIS IS AN AUTOGENERATED FILE **/
6326
6402
  /* stylelint-disable selector-no-vendor-prefix */
@@ -6594,82 +6670,6 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
6594
6670
  /** THIS IS AN AUTOGENERATED FILE **/
6595
6671
  /** THIS IS AN AUTOGENERATED FILE **/
6596
6672
  /** THIS IS AN AUTOGENERATED FILE **/
6597
- /* stylelint-disable */
6598
- /* stylelint-enable */
6599
- /* prettier-ignore */
6600
- /* stylelint-disable */
6601
- /* stylelint-enable */
6602
- /* prettier-ignore */
6603
- /* stylelint-disable */
6604
- /* stylelint-enable */
6605
- /* prettier-ignore */
6606
- /* stylelint-disable */
6607
- /* stylelint-enable */
6608
- /* prettier-ignore */
6609
- /* stylelint-disable scss/at-if-no-null */
6610
- /* stylelint-enable scss/at-if-no-null */
6611
- /** THIS IS AN AUTOGENERATED FILE **/
6612
- /** THIS IS AN AUTOGENERATED FILE **/
6613
- /** THIS IS AN AUTOGENERATED FILE **/
6614
- /** THIS IS AN AUTOGENERATED FILE **/
6615
- /** THIS IS AN AUTOGENERATED FILE **/
6616
- /* stylelint-disable */
6617
- /* stylelint-enable */
6618
- /* prettier-ignore */
6619
- /* stylelint-disable */
6620
- /* stylelint-enable */
6621
- /* prettier-ignore */
6622
- /* prettier-ignore */
6623
- /** THIS IS AN AUTOGENERATED FILE **/
6624
- /** THIS IS AN AUTOGENERATED FILE **/
6625
- /* stylelint-disable function-name-case, scss/at-function-pattern */
6626
- /* stylelint-enable function-name-case, scss/at-function-pattern */
6627
- /* prettier-ignore */
6628
- /* prettier-ignore */
6629
- /* prettier-ignore */
6630
- /* prettier-ignore */
6631
- /* prettier-ignore */
6632
- /* prettier-ignore */
6633
- .DateInputWithIconButton-module_iconButton__W7YMX {
6634
- appearance: none;
6635
- display: inline;
6636
- background: transparent;
6637
- color: inherit;
6638
- font: inherit;
6639
- margin: 0;
6640
- padding: 0;
6641
- border: none;
6642
- display: flex;
6643
- padding: var(--spacing-6);
6644
- border: var(--border-solid-border-width, 2px) var(--border-solid-border-style, solid) transparent;
6645
- border-radius: var(--border-solid-border-radius, 7px);
6646
- position: relative;
6647
- inset-inline-end: -0.35rem;
6648
- top: -40%;
6649
- }
6650
- .DateInputWithIconButton-module_iconButton__W7YMX :focus {
6651
- outline: none;
6652
- }
6653
- .DateInputWithIconButton-module_iconButton__W7YMX:focus-visible {
6654
- outline-offset: -2px;
6655
- outline: var(--color-blue-500, #0168b3) var(--border-focus-ring-border-style, solid) var(--border-focus-ring-border-width, 2px);
6656
- }
6657
- .DateInputWithIconButton-module_iconButton__W7YMX:hover:not([disabled]) {
6658
- background-color: var(--color-blue-100, #e6f6ff);
6659
- color: var(--color-blue-500, #0168b3);
6660
- }
6661
-
6662
- .DateInputWithIconButton-module_calendarActive__b2Vze {
6663
- color: var(--color-blue-500, #0168b3);
6664
- background-color: var(--color-blue-100, #e6f6ff);
6665
- }
6666
-
6667
- .DateInputWithIconButton-module_disabled__0IRHh {
6668
- opacity: 0.3;
6669
- }
6670
- /** THIS IS AN AUTOGENERATED FILE **/
6671
- /** THIS IS AN AUTOGENERATED FILE **/
6672
- /** THIS IS AN AUTOGENERATED FILE **/
6673
6673
  /** THIS IS AN AUTOGENERATED FILE **/
6674
6674
  /** THIS IS AN AUTOGENERATED FILE **/
6675
6675
  /** THIS IS AN AUTOGENERATED FILE **/
@@ -7107,12 +7107,12 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
7107
7107
  /* prettier-ignore */
7108
7108
  /* prettier-ignore */
7109
7109
  /* prettier-ignore */
7110
- .ContextModal-module_defaultModalWidth__bgf7L {
7110
+ .InputEditModal-module_defaultModalWidth__My9Eh {
7111
7111
  min-width: 300px;
7112
7112
  max-width: 600px;
7113
7113
  }
7114
7114
 
7115
- .ContextModal-module_backdropLayer__wuj3B {
7115
+ .InputEditModal-module_backdropLayer__aVLSb {
7116
7116
  position: fixed;
7117
7117
  background-color: #000;
7118
7118
  opacity: 50%;
@@ -7123,7 +7123,7 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
7123
7123
  inset-inline-start: 0;
7124
7124
  }
7125
7125
 
7126
- .ContextModal-module_scrollLayer__JANXA {
7126
+ .InputEditModal-module_scrollLayer__isygg {
7127
7127
  position: fixed;
7128
7128
  display: flex;
7129
7129
  align-items: center;
@@ -7135,13 +7135,13 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
7135
7135
  inset-inline-start: 0;
7136
7136
  }
7137
7137
 
7138
- .ContextModal-module_modalLayer__Cx6aX {
7138
+ .InputEditModal-module_modalLayer__r5vqj {
7139
7139
  margin: auto;
7140
7140
  padding: 1.5rem 0;
7141
7141
  width: 100%;
7142
7142
  }
7143
7143
 
7144
- .ContextModal-module_modal__wriV7 {
7144
+ .InputEditModal-module_modal__SbQqp {
7145
7145
  margin: auto;
7146
7146
  background-color: var(--color-white, #ffffff);
7147
7147
  border-radius: var(--border-solid-border-radius, 7px);
@@ -7152,11 +7152,11 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
7152
7152
  color: var(--color-purple-800, #2f2438);
7153
7153
  }
7154
7154
  @media (min-width: 768px) {
7155
- .ContextModal-module_modal__wriV7 {
7155
+ .InputEditModal-module_modal__SbQqp {
7156
7156
  width: 100%;
7157
7157
  }
7158
7158
  }
7159
- .ContextModal-module_modal__wriV7:has([class*="modalLabel"]:focus-visible)::after {
7159
+ .InputEditModal-module_modal__SbQqp:has([class*="modalLabel"]:focus-visible)::after {
7160
7160
  content: "";
7161
7161
  position: absolute;
7162
7162
  background: transparent;
@@ -7167,10 +7167,10 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
7167
7167
  inset: -4px;
7168
7168
  }
7169
7169
 
7170
- .ContextModal-module_animatingEnter__53BlF {
7170
+ .InputEditModal-module_animatingEnter__qZgX2 {
7171
7171
  transition-duration: var(--animation-duration-fast, 300ms);
7172
7172
  }
7173
- .ContextModal-module_animatingEnter__53BlF .ContextModal-module_backdropLayer__wuj3B {
7173
+ .InputEditModal-module_animatingEnter__qZgX2 .InputEditModal-module_backdropLayer__aVLSb {
7174
7174
  /*
7175
7175
  There's a weird bug in Chrome/Blink 102.x that animates the opacity
7176
7176
  all the way to 1 with 200ms ("rapid" token), but is fine with
@@ -7179,9 +7179,9 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
7179
7179
  animation-duration: 201ms;
7180
7180
  animation-fill-mode: forwards;
7181
7181
  /* stylelint-disable-next-line scss/function-unquote-no-unquoted-strings-inside */
7182
- animation-name: ContextModal-module_fade-0-to-0-5__vZx9M;
7182
+ animation-name: InputEditModal-module_fade-0-to-0-5__ywvjR;
7183
7183
  }
7184
- @keyframes ContextModal-module_fade-0-to-0-5__vZx9M {
7184
+ @keyframes InputEditModal-module_fade-0-to-0-5__ywvjR {
7185
7185
  0% {
7186
7186
  opacity: 0;
7187
7187
  }
@@ -7189,14 +7189,14 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
7189
7189
  opacity: 0.5;
7190
7190
  }
7191
7191
  }
7192
- .ContextModal-module_animatingEnter__53BlF [data-modal] {
7192
+ .InputEditModal-module_animatingEnter__qZgX2 [data-modal] {
7193
7193
  animation-duration: var(--animation-duration-fast, 300ms);
7194
7194
  animation-fill-mode: forwards;
7195
7195
  animation-timing-function: var(--animation-easing-function-bounce-in, cubic-bezier(0.485, 0.155, 0.24, 1.245));
7196
7196
  /* stylelint-disable-next-line scss/function-unquote-no-unquoted-strings-inside */
7197
- animation-name: ContextModal-module_custom-1__be8sO;
7197
+ animation-name: InputEditModal-module_custom-1__wSZX6;
7198
7198
  }
7199
- @keyframes ContextModal-module_custom-1__be8sO {
7199
+ @keyframes InputEditModal-module_custom-1__wSZX6 {
7200
7200
  0% {
7201
7201
  opacity: 0;
7202
7202
  transform: scale(0.5);
@@ -7207,16 +7207,16 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
7207
7207
  }
7208
7208
  }
7209
7209
 
7210
- .ContextModal-module_animatingLeave__-JR11 {
7210
+ .InputEditModal-module_animatingLeave__S2HGz {
7211
7211
  transition-duration: var(--animation-duration-rapid, 200ms);
7212
7212
  }
7213
- .ContextModal-module_animatingLeave__-JR11 .ContextModal-module_backdropLayer__wuj3B {
7213
+ .InputEditModal-module_animatingLeave__S2HGz .InputEditModal-module_backdropLayer__aVLSb {
7214
7214
  animation-duration: var(--animation-duration-rapid, 200ms);
7215
7215
  animation-fill-mode: forwards;
7216
7216
  /* stylelint-disable-next-line scss/function-unquote-no-unquoted-strings-inside */
7217
- animation-name: ContextModal-module_fade-0-5-to-0__R4eO-;
7217
+ animation-name: InputEditModal-module_fade-0-5-to-0__s2WmG;
7218
7218
  }
7219
- @keyframes ContextModal-module_fade-0-5-to-0__R4eO- {
7219
+ @keyframes InputEditModal-module_fade-0-5-to-0__s2WmG {
7220
7220
  0% {
7221
7221
  opacity: 0.5;
7222
7222
  }
@@ -7224,14 +7224,14 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
7224
7224
  opacity: 0;
7225
7225
  }
7226
7226
  }
7227
- .ContextModal-module_animatingLeave__-JR11 [data-modal] {
7227
+ .InputEditModal-module_animatingLeave__S2HGz [data-modal] {
7228
7228
  animation-duration: var(--animation-duration-rapid, 200ms);
7229
7229
  animation-fill-mode: forwards;
7230
7230
  animation-timing-function: var(--animation-easing-function-bounce-out, cubic-bezier(0.485, 0.155, 0.515, 0.845));
7231
7231
  /* stylelint-disable-next-line scss/function-unquote-no-unquoted-strings-inside */
7232
- animation-name: ContextModal-module_custom-3__klp3m;
7232
+ animation-name: InputEditModal-module_custom-3__T3riv;
7233
7233
  }
7234
- @keyframes ContextModal-module_custom-3__klp3m {
7234
+ @keyframes InputEditModal-module_custom-3__T3riv {
7235
7235
  0% {
7236
7236
  opacity: 1;
7237
7237
  transform: scale(1);
@@ -7242,38 +7242,33 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
7242
7242
  }
7243
7243
  }
7244
7244
 
7245
- .ContextModal-module_unscrollable__kF7MR {
7245
+ .InputEditModal-module_unscrollable__GN1M2 {
7246
7246
  /* Tech debt - this !important existed before Stylelint rules */
7247
7247
  overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
7248
7248
  }
7249
7249
 
7250
- .ContextModal-module_pseudoScrollbar__6RfHj {
7250
+ .InputEditModal-module_pseudoScrollbar__WCHmn {
7251
7251
  /* Tech debt - this !important existed before Stylelint rules */
7252
7252
  padding-right: 15px !important; /* stylelint-disable-line declaration-no-important */
7253
7253
  }
7254
7254
 
7255
- .ContextModal-module_hide__Sdnsg {
7255
+ .InputEditModal-module_hide__N88RW {
7256
7256
  opacity: 0%;
7257
7257
  pointer-events: none;
7258
7258
  }
7259
7259
 
7260
- .ContextModal-module_modal__wriV7 {
7260
+ .InputEditModal-module_modal__SbQqp {
7261
7261
  min-width: 300px;
7262
- max-width: 840px;
7263
- }
7264
- @media (min-width: 768px) {
7265
- .ContextModal-module_modal__wriV7 {
7266
- width: 90%;
7267
- }
7262
+ max-width: 600px;
7268
7263
  }
7269
- .ContextModal-module_animatingEnter__53BlF .ContextModal-module_modal__wriV7 {
7264
+ .InputEditModal-module_animatingEnter__qZgX2 .InputEditModal-module_modal__SbQqp {
7270
7265
  animation-duration: var(--animation-duration-fast, 300ms);
7271
7266
  animation-fill-mode: forwards;
7272
7267
  animation-timing-function: var(--animation-easing-function-bounce-in, cubic-bezier(0.485, 0.155, 0.24, 1.245));
7273
7268
  /* stylelint-disable-next-line scss/function-unquote-no-unquoted-strings-inside */
7274
- animation-name: ContextModal-module_custom-5__deZpl;
7269
+ animation-name: InputEditModal-module_custom-5__trORr;
7275
7270
  }
7276
- @keyframes ContextModal-module_custom-5__deZpl {
7271
+ @keyframes InputEditModal-module_custom-5__trORr {
7277
7272
  0% {
7278
7273
  opacity: 0;
7279
7274
  transform: scale(0.5);
@@ -7283,14 +7278,14 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
7283
7278
  transform: scale(1);
7284
7279
  }
7285
7280
  }
7286
- .ContextModal-module_animatingLeave__-JR11 .ContextModal-module_modal__wriV7 {
7281
+ .InputEditModal-module_animatingLeave__S2HGz .InputEditModal-module_modal__SbQqp {
7287
7282
  animation-duration: var(--animation-duration-rapid, 200ms);
7288
7283
  animation-fill-mode: forwards;
7289
7284
  animation-timing-function: var(--animation-easing-function-bounce-out, cubic-bezier(0.485, 0.155, 0.515, 0.845));
7290
7285
  /* stylelint-disable-next-line scss/function-unquote-no-unquoted-strings-inside */
7291
- animation-name: ContextModal-module_custom-7__rPmP4;
7286
+ animation-name: InputEditModal-module_custom-7__-98CZ;
7292
7287
  }
7293
- @keyframes ContextModal-module_custom-7__rPmP4 {
7288
+ @keyframes InputEditModal-module_custom-7__-98CZ {
7294
7289
  0% {
7295
7290
  opacity: 1;
7296
7291
  transform: scale(1);
@@ -7301,74 +7296,31 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
7301
7296
  }
7302
7297
  }
7303
7298
 
7304
- .ContextModal-module_header__V4IRF {
7299
+ .InputEditModal-module_header__nivTf {
7305
7300
  color: var(--color-purple-800, #2f2438);
7306
- text-align: start;
7307
- }
7308
- .ContextModal-module_header__V4IRF.ContextModal-module_padded__osmk1 {
7309
- padding: var(--spacing-md, 1.5rem);
7310
- }
7311
- @media (min-width: 768px) {
7312
- .ContextModal-module_header__V4IRF.ContextModal-module_padded__osmk1 {
7313
- padding: var(--spacing-md, 1.5rem) var(--spacing-lg, 2.25rem);
7314
- }
7315
- }
7316
-
7317
- .ContextModal-module_footerWithSecondaryAction__-5sq8, .ContextModal-module_footer__JIwF5 {
7318
- white-space: initial;
7319
- }
7320
- @media (min-width: 768px) {
7321
- .ContextModal-module_footerWithSecondaryAction__-5sq8, .ContextModal-module_footer__JIwF5 {
7322
- white-space: nowrap;
7323
- }
7324
- }
7325
-
7326
- .ContextModal-module_footerWithSecondaryAction__-5sq8 {
7327
- margin-left: calc(-1 * var(--spacing-sm, 0.75rem));
7301
+ text-align: left;
7328
7302
  }
7329
-
7330
- .ContextModal-module_emptyFooter__UHWc- {
7331
- height: var(--spacing-sm, 0.75rem);
7303
+ .InputEditModal-module_header__nivTf.InputEditModal-module_textAlignRTL__5QQP8 {
7304
+ text-align: right;
7332
7305
  }
7333
-
7334
- .ContextModal-module_portraitContentlayout__kqUJG {
7335
- padding: var(--spacing-md, 1.5rem);
7336
- display: block;
7337
- box-sizing: content-box;
7306
+ .InputEditModal-module_header__nivTf.InputEditModal-module_padded__ZdEIS {
7307
+ padding: var(--spacing-md, 1.5rem) var(--spacing-lg, 2.25rem);
7338
7308
  }
7339
- @media (min-width: 768px) {
7340
- .ContextModal-module_portraitContentlayout__kqUJG {
7341
- display: grid;
7342
- max-width: 800px;
7343
- grid-auto-columns: 1fr;
7344
- grid-auto-flow: column;
7345
- column-gap: var(--spacing-xl, 3rem);
7346
- padding: var(--spacing-md, 1.5rem) var(--spacing-lg, 2.25rem);
7309
+ @media (max-width: 768px) {
7310
+ .InputEditModal-module_header__nivTf.InputEditModal-module_padded__ZdEIS {
7311
+ padding: var(--spacing-md, 1.5rem);
7347
7312
  }
7348
7313
  }
7349
7314
 
7350
- .ContextModal-module_landscapeContentlayout__IFqQN {
7351
- display: flex;
7352
- padding: var(--spacing-md, 1.5rem);
7353
- flex-direction: column;
7354
- }
7355
- @media (min-width: 768px) {
7356
- .ContextModal-module_landscapeContentlayout__IFqQN {
7357
- padding: var(--spacing-md, 1.5rem) var(--spacing-lg, 2.25rem);
7358
- }
7359
- }
7360
- .ContextModal-module_landscapeContentlayout__IFqQN .ContextModal-module_image__aEDvK {
7361
- display: flex;
7362
- flex-direction: column;
7363
- align-items: center;
7364
- justify-content: center;
7315
+ .InputEditModal-module_body__LyxBE {
7316
+ background: var(--color-gray-200, #f4f4f5);
7365
7317
  }
7366
- .ContextModal-module_landscapeContentlayout__IFqQN .ContextModal-module_content__-KrFF {
7367
- padding-left: 0;
7318
+ .InputEditModal-module_body__LyxBE.InputEditModal-module_padded__ZdEIS {
7319
+ padding: var(--spacing-md, 1.5rem) var(--spacing-lg, 2.25rem) var(--spacing-md, 1.5rem) var(--spacing-lg, 2.25rem);
7368
7320
  }
7369
- @media (min-width: 768px) {
7370
- .ContextModal-module_landscapeContentlayout__IFqQN .ContextModal-module_content__-KrFF {
7371
- max-width: 100%;
7321
+ @media (max-width: 768px) {
7322
+ .InputEditModal-module_body__LyxBE.InputEditModal-module_padded__ZdEIS {
7323
+ padding: var(--spacing-md, 1.5rem);
7372
7324
  }
7373
7325
  }
7374
7326
  /** THIS IS AN AUTOGENERATED FILE **/
@@ -7902,6 +7854,43 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
7902
7854
  /** THIS IS AN AUTOGENERATED FILE **/
7903
7855
  /** THIS IS AN AUTOGENERATED FILE **/
7904
7856
  /** THIS IS AN AUTOGENERATED FILE **/
7857
+ /** THIS IS AN AUTOGENERATED FILE **/
7858
+ /** THIS IS AN AUTOGENERATED FILE **/
7859
+ .EditableRichTextContent-module_editorLabel__u2Fu9 {
7860
+ margin-bottom: var(--spacing-6, 0.375rem);
7861
+ display: inline-block;
7862
+ }
7863
+
7864
+ .EditableRichTextContent-module_editableContainer__zZEMC .ProseMirror {
7865
+ padding: calc(var(--spacing-12, 0.75rem) - var(--border-solid-border-width, 2px));
7866
+ position: relative;
7867
+ border-radius: var(--border-solid-border-radius, 7px);
7868
+ border: var(--border-solid-border-width, 2px) var(--border-solid-border-style, solid) var(--color-gray-500, #878792);
7869
+ transition: background-color var(--animation-duration-immediate, 100ms), border-color var(--animation-duration-immediate, 100ms);
7870
+ background-color: var(--color-white, #ffffff);
7871
+ min-height: var(--typography-paragraph-body-line-height, 1.5rem);
7872
+ }
7873
+
7874
+ .EditableRichTextContent-module_editableContainer__zZEMC:hover .ProseMirror {
7875
+ background-color: var(--color-gray-200, #f4f4f5);
7876
+ }
7877
+
7878
+ .EditableRichTextContent-module_editableContainer__zZEMC .EditableRichTextContent-module_hiddenButton__Kq3oB:focus-within + * > .ProseMirror {
7879
+ background-color: var(--color-gray-200, #f4f4f5);
7880
+ }
7881
+ .EditableRichTextContent-module_editableContainer__zZEMC .EditableRichTextContent-module_hiddenButton__Kq3oB:focus-within + * > .ProseMirror::before {
7882
+ pointer-events: none;
7883
+ content: "";
7884
+ position: absolute;
7885
+ background: transparent;
7886
+ border: var(--border-focus-ring-border-width, 2px) var(--border-focus-ring-border-style, solid) var(--color-blue-500, #0168b3);
7887
+ border-radius: 10px;
7888
+ inset: calc(-1 * calc(var(--border-focus-ring-border-width, 2px) * 2 + 1px));
7889
+ z-index: 1;
7890
+ }
7891
+ /** THIS IS AN AUTOGENERATED FILE **/
7892
+ /** THIS IS AN AUTOGENERATED FILE **/
7893
+ /** THIS IS AN AUTOGENERATED FILE **/
7905
7894
  .RichTextContent-module_content__vVcWj > .ProseMirror {
7906
7895
  font-family: var(--typography-paragraph-body-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
7907
7896
  font-weight: var(--typography-paragraph-body-font-weight, 400);
@@ -8005,37 +7994,333 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
8005
7994
  /** THIS IS AN AUTOGENERATED FILE **/
8006
7995
  /** THIS IS AN AUTOGENERATED FILE **/
8007
7996
  /** THIS IS AN AUTOGENERATED FILE **/
8008
- .EditableRichTextContent-module_editorLabel__u2Fu9 {
8009
- margin-bottom: var(--spacing-6, 0.375rem);
8010
- display: inline-block;
8011
- }
8012
-
8013
- .EditableRichTextContent-module_editableContainer__zZEMC .ProseMirror {
8014
- padding: calc(var(--spacing-12, 0.75rem) - var(--border-solid-border-width, 2px));
8015
- position: relative;
8016
- border-radius: var(--border-solid-border-radius, 7px);
8017
- border: var(--border-solid-border-width, 2px) var(--border-solid-border-style, solid) var(--color-gray-500, #878792);
8018
- transition: background-color var(--animation-duration-immediate, 100ms), border-color var(--animation-duration-immediate, 100ms);
8019
- background-color: var(--color-white, #ffffff);
8020
- min-height: var(--typography-paragraph-body-line-height, 1.5rem);
7997
+ /** THIS IS AN AUTOGENERATED FILE **/
7998
+ /** THIS IS AN AUTOGENERATED FILE **/
7999
+ /* stylelint-disable scss/at-if-no-null, declaration-block-no-redundant-longhand-properties */
8000
+ /** THIS IS AN AUTOGENERATED FILE **/
8001
+ /** THIS IS AN AUTOGENERATED FILE **/
8002
+ /** THIS IS AN AUTOGENERATED FILE **/
8003
+ /** THIS IS AN AUTOGENERATED FILE **/
8004
+ /** THIS IS AN AUTOGENERATED FILE **/
8005
+ /* 16px */
8006
+ /* 16px */
8007
+ /* 16px */
8008
+ /*
8009
+ Because these components are deprecated, we've kept any inline/non-token values as values from the Zen theme to prevent any style regressions,
8010
+ as this is what consumers would have expected when pulling them in a the time.
8011
+ */
8012
+ /* stylelint-enable scss/at-if-no-null, declaration-block-no-redundant-longhand-properties */
8013
+ /** THIS IS AN AUTOGENERATED FILE **/
8014
+ /** THIS IS AN AUTOGENERATED FILE **/
8015
+ /* stylelint-disable */
8016
+ /* stylelint-enable */
8017
+ /* prettier-ignore */
8018
+ /* stylelint-disable */
8019
+ /* stylelint-enable */
8020
+ /* prettier-ignore */
8021
+ /* stylelint-disable */
8022
+ /* stylelint-enable */
8023
+ /* prettier-ignore */
8024
+ /* stylelint-disable */
8025
+ /* stylelint-enable */
8026
+ /* prettier-ignore */
8027
+ /* stylelint-disable scss/at-if-no-null */
8028
+ /* stylelint-enable scss/at-if-no-null */
8029
+ /** THIS IS AN AUTOGENERATED FILE **/
8030
+ /** THIS IS AN AUTOGENERATED FILE **/
8031
+ /** THIS IS AN AUTOGENERATED FILE **/
8032
+ /** THIS IS AN AUTOGENERATED FILE **/
8033
+ /** THIS IS AN AUTOGENERATED FILE **/
8034
+ /* stylelint-disable */
8035
+ /* stylelint-enable */
8036
+ /* prettier-ignore */
8037
+ /* stylelint-disable */
8038
+ /* stylelint-enable */
8039
+ /* prettier-ignore */
8040
+ /* prettier-ignore */
8041
+ /** THIS IS AN AUTOGENERATED FILE **/
8042
+ /** THIS IS AN AUTOGENERATED FILE **/
8043
+ /* stylelint-disable function-name-case, scss/at-function-pattern */
8044
+ /* stylelint-enable function-name-case, scss/at-function-pattern */
8045
+ /* prettier-ignore */
8046
+ /* prettier-ignore */
8047
+ /* prettier-ignore */
8048
+ /* prettier-ignore */
8049
+ /* prettier-ignore */
8050
+ /* prettier-ignore */
8051
+ .ContextModal-module_defaultModalWidth__bgf7L {
8052
+ min-width: 300px;
8053
+ max-width: 600px;
8021
8054
  }
8022
8055
 
8023
- .EditableRichTextContent-module_editableContainer__zZEMC:hover .ProseMirror {
8024
- background-color: var(--color-gray-200, #f4f4f5);
8056
+ .ContextModal-module_backdropLayer__wuj3B {
8057
+ position: fixed;
8058
+ background-color: #000;
8059
+ opacity: 50%;
8060
+ z-index: 1040;
8061
+ top: 0;
8062
+ bottom: 0;
8063
+ inset-inline-end: 0;
8064
+ inset-inline-start: 0;
8025
8065
  }
8026
8066
 
8027
- .EditableRichTextContent-module_editableContainer__zZEMC .EditableRichTextContent-module_hiddenButton__Kq3oB:focus-within + * > .ProseMirror {
8028
- background-color: var(--color-gray-200, #f4f4f5);
8067
+ .ContextModal-module_scrollLayer__JANXA {
8068
+ position: fixed;
8069
+ display: flex;
8070
+ align-items: center;
8071
+ z-index: 1050;
8072
+ overflow-y: auto;
8073
+ top: 0;
8074
+ bottom: 0;
8075
+ inset-inline-end: 0;
8076
+ inset-inline-start: 0;
8029
8077
  }
8030
- .EditableRichTextContent-module_editableContainer__zZEMC .EditableRichTextContent-module_hiddenButton__Kq3oB:focus-within + * > .ProseMirror::before {
8031
- pointer-events: none;
8078
+
8079
+ .ContextModal-module_modalLayer__Cx6aX {
8080
+ margin: auto;
8081
+ padding: 1.5rem 0;
8082
+ width: 100%;
8083
+ }
8084
+
8085
+ .ContextModal-module_modal__wriV7 {
8086
+ margin: auto;
8087
+ background-color: var(--color-white, #ffffff);
8088
+ border-radius: var(--border-solid-border-radius, 7px);
8089
+ box-shadow: var(--shadow-large-box-shadow, 0 3px 9px 0 rgba(0, 0, 0, 0.1), 0 8px 40px 0 rgba(0, 0, 0, 0.08));
8090
+ position: relative;
8091
+ width: 90%;
8092
+ -webkit-font-smoothing: antialiased;
8093
+ color: var(--color-purple-800, #2f2438);
8094
+ }
8095
+ @media (min-width: 768px) {
8096
+ .ContextModal-module_modal__wriV7 {
8097
+ width: 100%;
8098
+ }
8099
+ }
8100
+ .ContextModal-module_modal__wriV7:has([class*="modalLabel"]:focus-visible)::after {
8032
8101
  content: "";
8033
8102
  position: absolute;
8034
8103
  background: transparent;
8035
- border: var(--border-focus-ring-border-width, 2px) var(--border-focus-ring-border-style, solid) var(--color-blue-500, #0168b3);
8036
- border-radius: 10px;
8037
- inset: calc(-1 * calc(var(--border-focus-ring-border-width, 2px) * 2 + 1px));
8038
- z-index: 1;
8104
+ border-radius: var(--border-focus-ring-border-radius, 10px);
8105
+ border-width: var(--border-focus-ring-border-width, 2px);
8106
+ border-style: var(--border-focus-ring-border-style, solid);
8107
+ border-color: var(--color-blue-300, #73c0e8);
8108
+ inset: -4px;
8109
+ }
8110
+
8111
+ .ContextModal-module_animatingEnter__53BlF {
8112
+ transition-duration: var(--animation-duration-fast, 300ms);
8113
+ }
8114
+ .ContextModal-module_animatingEnter__53BlF .ContextModal-module_backdropLayer__wuj3B {
8115
+ /*
8116
+ There's a weird bug in Chrome/Blink 102.x that animates the opacity
8117
+ all the way to 1 with 200ms ("rapid" token), but is fine with
8118
+ 201ms, see Jira [KDS-523]
8119
+ */
8120
+ animation-duration: 201ms;
8121
+ animation-fill-mode: forwards;
8122
+ /* stylelint-disable-next-line scss/function-unquote-no-unquoted-strings-inside */
8123
+ animation-name: ContextModal-module_fade-0-to-0-5__vZx9M;
8124
+ }
8125
+ @keyframes ContextModal-module_fade-0-to-0-5__vZx9M {
8126
+ 0% {
8127
+ opacity: 0;
8128
+ }
8129
+ 100% {
8130
+ opacity: 0.5;
8131
+ }
8132
+ }
8133
+ .ContextModal-module_animatingEnter__53BlF [data-modal] {
8134
+ animation-duration: var(--animation-duration-fast, 300ms);
8135
+ animation-fill-mode: forwards;
8136
+ animation-timing-function: var(--animation-easing-function-bounce-in, cubic-bezier(0.485, 0.155, 0.24, 1.245));
8137
+ /* stylelint-disable-next-line scss/function-unquote-no-unquoted-strings-inside */
8138
+ animation-name: ContextModal-module_custom-1__be8sO;
8139
+ }
8140
+ @keyframes ContextModal-module_custom-1__be8sO {
8141
+ 0% {
8142
+ opacity: 0;
8143
+ transform: scale(0.5);
8144
+ }
8145
+ 100% {
8146
+ opacity: 1;
8147
+ transform: scale(1);
8148
+ }
8149
+ }
8150
+
8151
+ .ContextModal-module_animatingLeave__-JR11 {
8152
+ transition-duration: var(--animation-duration-rapid, 200ms);
8153
+ }
8154
+ .ContextModal-module_animatingLeave__-JR11 .ContextModal-module_backdropLayer__wuj3B {
8155
+ animation-duration: var(--animation-duration-rapid, 200ms);
8156
+ animation-fill-mode: forwards;
8157
+ /* stylelint-disable-next-line scss/function-unquote-no-unquoted-strings-inside */
8158
+ animation-name: ContextModal-module_fade-0-5-to-0__R4eO-;
8159
+ }
8160
+ @keyframes ContextModal-module_fade-0-5-to-0__R4eO- {
8161
+ 0% {
8162
+ opacity: 0.5;
8163
+ }
8164
+ 100% {
8165
+ opacity: 0;
8166
+ }
8167
+ }
8168
+ .ContextModal-module_animatingLeave__-JR11 [data-modal] {
8169
+ animation-duration: var(--animation-duration-rapid, 200ms);
8170
+ animation-fill-mode: forwards;
8171
+ animation-timing-function: var(--animation-easing-function-bounce-out, cubic-bezier(0.485, 0.155, 0.515, 0.845));
8172
+ /* stylelint-disable-next-line scss/function-unquote-no-unquoted-strings-inside */
8173
+ animation-name: ContextModal-module_custom-3__klp3m;
8174
+ }
8175
+ @keyframes ContextModal-module_custom-3__klp3m {
8176
+ 0% {
8177
+ opacity: 1;
8178
+ transform: scale(1);
8179
+ }
8180
+ 100% {
8181
+ opacity: 0;
8182
+ transform: scale(0.5);
8183
+ }
8184
+ }
8185
+
8186
+ .ContextModal-module_unscrollable__kF7MR {
8187
+ /* Tech debt - this !important existed before Stylelint rules */
8188
+ overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
8189
+ }
8190
+
8191
+ .ContextModal-module_pseudoScrollbar__6RfHj {
8192
+ /* Tech debt - this !important existed before Stylelint rules */
8193
+ padding-right: 15px !important; /* stylelint-disable-line declaration-no-important */
8194
+ }
8195
+
8196
+ .ContextModal-module_hide__Sdnsg {
8197
+ opacity: 0%;
8198
+ pointer-events: none;
8199
+ }
8200
+
8201
+ .ContextModal-module_modal__wriV7 {
8202
+ min-width: 300px;
8203
+ max-width: 840px;
8204
+ }
8205
+ @media (min-width: 768px) {
8206
+ .ContextModal-module_modal__wriV7 {
8207
+ width: 90%;
8208
+ }
8209
+ }
8210
+ .ContextModal-module_animatingEnter__53BlF .ContextModal-module_modal__wriV7 {
8211
+ animation-duration: var(--animation-duration-fast, 300ms);
8212
+ animation-fill-mode: forwards;
8213
+ animation-timing-function: var(--animation-easing-function-bounce-in, cubic-bezier(0.485, 0.155, 0.24, 1.245));
8214
+ /* stylelint-disable-next-line scss/function-unquote-no-unquoted-strings-inside */
8215
+ animation-name: ContextModal-module_custom-5__deZpl;
8216
+ }
8217
+ @keyframes ContextModal-module_custom-5__deZpl {
8218
+ 0% {
8219
+ opacity: 0;
8220
+ transform: scale(0.5);
8221
+ }
8222
+ 100% {
8223
+ opacity: 1;
8224
+ transform: scale(1);
8225
+ }
8226
+ }
8227
+ .ContextModal-module_animatingLeave__-JR11 .ContextModal-module_modal__wriV7 {
8228
+ animation-duration: var(--animation-duration-rapid, 200ms);
8229
+ animation-fill-mode: forwards;
8230
+ animation-timing-function: var(--animation-easing-function-bounce-out, cubic-bezier(0.485, 0.155, 0.515, 0.845));
8231
+ /* stylelint-disable-next-line scss/function-unquote-no-unquoted-strings-inside */
8232
+ animation-name: ContextModal-module_custom-7__rPmP4;
8233
+ }
8234
+ @keyframes ContextModal-module_custom-7__rPmP4 {
8235
+ 0% {
8236
+ opacity: 1;
8237
+ transform: scale(1);
8238
+ }
8239
+ 100% {
8240
+ opacity: 0;
8241
+ transform: scale(0.5);
8242
+ }
8243
+ }
8244
+
8245
+ .ContextModal-module_header__V4IRF {
8246
+ color: var(--color-purple-800, #2f2438);
8247
+ text-align: start;
8248
+ }
8249
+ .ContextModal-module_header__V4IRF.ContextModal-module_padded__osmk1 {
8250
+ padding: var(--spacing-md, 1.5rem);
8251
+ }
8252
+ @media (min-width: 768px) {
8253
+ .ContextModal-module_header__V4IRF.ContextModal-module_padded__osmk1 {
8254
+ padding: var(--spacing-md, 1.5rem) var(--spacing-lg, 2.25rem);
8255
+ }
8256
+ }
8257
+
8258
+ .ContextModal-module_footerWithSecondaryAction__-5sq8, .ContextModal-module_footer__JIwF5 {
8259
+ white-space: initial;
8260
+ }
8261
+ @media (min-width: 768px) {
8262
+ .ContextModal-module_footerWithSecondaryAction__-5sq8, .ContextModal-module_footer__JIwF5 {
8263
+ white-space: nowrap;
8264
+ }
8265
+ }
8266
+
8267
+ .ContextModal-module_footerWithSecondaryAction__-5sq8 {
8268
+ margin-left: calc(-1 * var(--spacing-sm, 0.75rem));
8269
+ }
8270
+
8271
+ .ContextModal-module_emptyFooter__UHWc- {
8272
+ height: var(--spacing-sm, 0.75rem);
8273
+ }
8274
+
8275
+ .ContextModal-module_portraitContentlayout__kqUJG {
8276
+ padding: var(--spacing-md, 1.5rem);
8277
+ display: block;
8278
+ box-sizing: content-box;
8279
+ }
8280
+ @media (min-width: 768px) {
8281
+ .ContextModal-module_portraitContentlayout__kqUJG {
8282
+ display: grid;
8283
+ max-width: 800px;
8284
+ grid-auto-columns: 1fr;
8285
+ grid-auto-flow: column;
8286
+ column-gap: var(--spacing-xl, 3rem);
8287
+ padding: var(--spacing-md, 1.5rem) var(--spacing-lg, 2.25rem);
8288
+ }
8289
+ }
8290
+
8291
+ .ContextModal-module_landscapeContentlayout__IFqQN {
8292
+ display: flex;
8293
+ padding: var(--spacing-md, 1.5rem);
8294
+ flex-direction: column;
8295
+ }
8296
+ @media (min-width: 768px) {
8297
+ .ContextModal-module_landscapeContentlayout__IFqQN {
8298
+ padding: var(--spacing-md, 1.5rem) var(--spacing-lg, 2.25rem);
8299
+ }
8300
+ }
8301
+ .ContextModal-module_landscapeContentlayout__IFqQN .ContextModal-module_image__aEDvK {
8302
+ display: flex;
8303
+ flex-direction: column;
8304
+ align-items: center;
8305
+ justify-content: center;
8306
+ }
8307
+ .ContextModal-module_landscapeContentlayout__IFqQN .ContextModal-module_content__-KrFF {
8308
+ padding-left: 0;
8309
+ }
8310
+ @media (min-width: 768px) {
8311
+ .ContextModal-module_landscapeContentlayout__IFqQN .ContextModal-module_content__-KrFF {
8312
+ max-width: 100%;
8313
+ }
8314
+ }
8315
+ /** THIS IS AN AUTOGENERATED FILE **/
8316
+ /** THIS IS AN AUTOGENERATED FILE **/
8317
+ .TabList-module_tabList__A8Y9H {
8318
+ border-bottom: 1px solid rgba(var(--color-gray-600-rgb, 82, 78, 86), 0.1);
8319
+ padding: var(--spacing-xs, 0.375rem) var(--spacing-md, 1.5rem) 0;
8320
+ }
8321
+
8322
+ .TabList-module_tabList__A8Y9H.TabList-module_noPadding__v073J {
8323
+ padding: 0;
8039
8324
  }
8040
8325
  /** THIS IS AN AUTOGENERATED FILE **/
8041
8326
  /** THIS IS AN AUTOGENERATED FILE **/
@@ -8141,476 +8426,151 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
8141
8426
  .RichTextEditor-module_editor__pVKqW > .ProseMirror ul ul ul ul {
8142
8427
  list-style-type: disc;
8143
8428
  }
8144
- .RichTextEditor-module_editor__pVKqW > .ProseMirror ul ul ul ul ul {
8145
- list-style-type: circle;
8146
- }
8147
- .RichTextEditor-module_editor__pVKqW > .ProseMirror ul ul ul ul ul ul {
8148
- list-style-type: square;
8149
- }
8150
- .RichTextEditor-module_editor__pVKqW > .ProseMirror:hover, .RichTextEditor-module_editor__pVKqW > .ProseMirror:focus-visible {
8151
- border-color: var(--color-gray-600, #524e56);
8152
- background: var(--color-gray-200, #f4f4f5);
8153
- }
8154
- .RichTextEditor-module_editor__pVKqW > .ProseMirror:focus {
8155
- outline: none;
8156
- }
8157
- .RichTextEditor-module_editor__pVKqW > .ProseMirror:focus-visible::after {
8158
- content: "";
8159
- pointer-events: none;
8160
- position: absolute;
8161
- background: transparent;
8162
- border-radius: 2px 2px var(--border-focus-ring-border-radius, 10px) var(--border-focus-ring-border-radius, 10px);
8163
- border-width: var(--border-focus-ring-border-width, 2px);
8164
- border-style: var(--border-focus-ring-border-style, solid);
8165
- border-color: var(--color-blue-500, #0168b3);
8166
- inset: calc(-1 * 5px);
8167
- }
8168
-
8169
- .RichTextEditor-module_editor__pVKqW.RichTextEditor-module_hasToolbar__EBxnG > .ProseMirror {
8170
- border-top-left-radius: 0;
8171
- border-top-right-radius: 0;
8172
- }
8173
-
8174
- .RichTextEditor-module_editorLabel__om-dJ {
8175
- margin-bottom: var(--spacing-6, 0.375rem);
8176
- display: inline-block;
8177
- }
8178
-
8179
- /* stylelint-disable no-descending-specificity */
8180
- .RichTextEditor-module_editorWrapper__5q3mG {
8181
- position: relative;
8182
- border: var(--border-solid-border-width, 2px) var(--border-solid-border-style, solid) var(--color-gray-500, #878792);
8183
- background: var(--color-white, #ffffff);
8184
- border-radius: var(--border-solid-border-radius, 7px);
8185
- word-wrap: break-word;
8186
- /* stylelint-enable no-descending-specificity */
8187
- }
8188
- .RichTextEditor-module_editorWrapper__5q3mG:hover, .RichTextEditor-module_editorWrapper__5q3mG:focus-within {
8189
- border-color: var(--color-gray-600, #524e56);
8190
- }
8191
- .RichTextEditor-module_editorWrapper__5q3mG:hover .RichTextEditor-module_toolbar__ceLvw, .RichTextEditor-module_editorWrapper__5q3mG:focus-within .RichTextEditor-module_toolbar__ceLvw {
8192
- border-color: var(--color-gray-600, #524e56);
8193
- }
8194
- .RichTextEditor-module_editorWrapper__5q3mG.RichTextEditor-module_error__Xugz8,
8195
- .RichTextEditor-module_editorWrapper__5q3mG.RichTextEditor-module_error__Xugz8 .RichTextEditor-module_toolbar__ceLvw {
8196
- border-color: var(--color-red-500, #c93b55);
8197
- }
8198
- .RichTextEditor-module_editorWrapper__5q3mG.RichTextEditor-module_error__Xugz8:hover,
8199
- .RichTextEditor-module_editorWrapper__5q3mG.RichTextEditor-module_error__Xugz8:hover .RichTextEditor-module_toolbar__ceLvw {
8200
- border-color: var(--color-red-600, #a82433);
8201
- }
8202
- .RichTextEditor-module_editorWrapper__5q3mG.RichTextEditor-module_caution__6q0z6,
8203
- .RichTextEditor-module_editorWrapper__5q3mG.RichTextEditor-module_caution__6q0z6 .RichTextEditor-module_toolbar__ceLvw {
8204
- border-color: var(--color-yellow-600, #c68600);
8205
- }
8206
- .RichTextEditor-module_editorWrapper__5q3mG.RichTextEditor-module_caution__6q0z6:hover,
8207
- .RichTextEditor-module_editorWrapper__5q3mG.RichTextEditor-module_caution__6q0z6:hover .RichTextEditor-module_toolbar__ceLvw {
8208
- border-color: var(--color-yellow-700, #876400);
8209
- }
8210
-
8211
- .RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows1__DDEf4 > .ProseMirror {
8212
- min-height: calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem)) * 1 - var(--spacing-16, 1rem));
8213
- }
8214
-
8215
- .RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows2__kzYgh > .ProseMirror {
8216
- min-height: calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem)) * 2 - var(--spacing-16, 1rem));
8217
- }
8218
-
8219
- .RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows3__SA7Zu > .ProseMirror {
8220
- min-height: calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem)) * 3 - var(--spacing-16, 1rem));
8221
- }
8222
-
8223
- .RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows4__gkZry > .ProseMirror {
8224
- min-height: calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem)) * 4 - var(--spacing-16, 1rem));
8225
- }
8226
-
8227
- .RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows5__4Rq2z > .ProseMirror {
8228
- min-height: calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem)) * 5 - var(--spacing-16, 1rem));
8229
- }
8230
-
8231
- .RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows6__SH-4R > .ProseMirror {
8232
- min-height: calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem)) * 6 - var(--spacing-16, 1rem));
8233
- }
8234
-
8235
- .RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows7__z02vY > .ProseMirror {
8236
- min-height: calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem)) * 7 - var(--spacing-16, 1rem));
8237
- }
8238
-
8239
- .RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows8__4j-9e > .ProseMirror {
8240
- min-height: calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem)) * 8 - var(--spacing-16, 1rem));
8241
- }
8242
-
8243
- .RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows9__67hDj > .ProseMirror {
8244
- min-height: calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem)) * 9 - var(--spacing-16, 1rem));
8245
- }
8246
-
8247
- .RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows10__qysh1 > .ProseMirror {
8248
- min-height: calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem)) * 10 - var(--spacing-16, 1rem));
8249
- }
8250
-
8251
- .RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows11__o5iYX > .ProseMirror {
8252
- min-height: calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem)) * 11 - var(--spacing-16, 1rem));
8253
- }
8254
-
8255
- .RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows12__ug-Nv > .ProseMirror {
8256
- min-height: calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem)) * 12 - var(--spacing-16, 1rem));
8257
- }
8258
-
8259
- .RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows13__tFBG7 > .ProseMirror {
8260
- min-height: calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem)) * 13 - var(--spacing-16, 1rem));
8261
- }
8262
-
8263
- .RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows14__xqS6h > .ProseMirror {
8264
- min-height: calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem)) * 14 - var(--spacing-16, 1rem));
8265
- }
8266
-
8267
- .RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows15__dzeUM > .ProseMirror {
8268
- min-height: calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem)) * 15 - var(--spacing-16, 1rem));
8269
- }
8270
-
8271
- .RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows16__GyRco > .ProseMirror {
8272
- min-height: calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem)) * 16 - var(--spacing-16, 1rem));
8273
- }
8274
-
8275
- .RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows17__GyNby > .ProseMirror {
8276
- min-height: calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem)) * 17 - var(--spacing-16, 1rem));
8277
- }
8278
-
8279
- .RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows18__fe-Rb > .ProseMirror {
8280
- min-height: calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem)) * 18 - var(--spacing-16, 1rem));
8281
- }
8282
-
8283
- .RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows19__fc0-T > .ProseMirror {
8284
- min-height: calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem)) * 19 - var(--spacing-16, 1rem));
8285
- }
8286
-
8287
- .RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows20__p9rwF > .ProseMirror {
8288
- min-height: calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem)) * 20 - var(--spacing-16, 1rem));
8289
- }
8290
- /** THIS IS AN AUTOGENERATED FILE **/
8291
- /** THIS IS AN AUTOGENERATED FILE **/
8292
- .TabPanel-module_tabPanel__I7hEK {
8293
- border: 2px solid transparent;
8294
- }
8295
- .TabPanel-module_tabPanel__I7hEK:focus {
8296
- outline: none;
8297
- }
8298
- .TabPanel-module_tabPanel__I7hEK:focus-visible {
8299
- border-color: var(--color-blue-500, #0168b3);
8300
- border-radius: var(--border-focus-ring-border-radius, 10px);
8301
- }
8302
- /** THIS IS AN AUTOGENERATED FILE **/
8303
- /** THIS IS AN AUTOGENERATED FILE **/
8304
- /** THIS IS AN AUTOGENERATED FILE **/
8305
- /** THIS IS AN AUTOGENERATED FILE **/
8306
- /** THIS IS AN AUTOGENERATED FILE **/
8307
- /** THIS IS AN AUTOGENERATED FILE **/
8308
- /** THIS IS AN AUTOGENERATED FILE **/
8309
- /* stylelint-disable scss/at-if-no-null, declaration-block-no-redundant-longhand-properties */
8310
- /** THIS IS AN AUTOGENERATED FILE **/
8311
- /** THIS IS AN AUTOGENERATED FILE **/
8312
- /** THIS IS AN AUTOGENERATED FILE **/
8313
- /** THIS IS AN AUTOGENERATED FILE **/
8314
- /** THIS IS AN AUTOGENERATED FILE **/
8315
- /* 16px */
8316
- /* 16px */
8317
- /* 16px */
8318
- /*
8319
- Because these components are deprecated, we've kept any inline/non-token values as values from the Zen theme to prevent any style regressions,
8320
- as this is what consumers would have expected when pulling them in a the time.
8321
- */
8322
- /* stylelint-enable scss/at-if-no-null, declaration-block-no-redundant-longhand-properties */
8323
- /** THIS IS AN AUTOGENERATED FILE **/
8324
- /** THIS IS AN AUTOGENERATED FILE **/
8325
- /* stylelint-disable */
8326
- /* stylelint-enable */
8327
- /* prettier-ignore */
8328
- /* stylelint-disable */
8329
- /* stylelint-enable */
8330
- /* prettier-ignore */
8331
- /* stylelint-disable */
8332
- /* stylelint-enable */
8333
- /* prettier-ignore */
8334
- /* stylelint-disable */
8335
- /* stylelint-enable */
8336
- /* prettier-ignore */
8337
- /* stylelint-disable scss/at-if-no-null */
8338
- /* stylelint-enable scss/at-if-no-null */
8339
- /** THIS IS AN AUTOGENERATED FILE **/
8340
- /** THIS IS AN AUTOGENERATED FILE **/
8341
- /** THIS IS AN AUTOGENERATED FILE **/
8342
- /** THIS IS AN AUTOGENERATED FILE **/
8343
- /** THIS IS AN AUTOGENERATED FILE **/
8344
- /* stylelint-disable */
8345
- /* stylelint-enable */
8346
- /* prettier-ignore */
8347
- /* stylelint-disable */
8348
- /* stylelint-enable */
8349
- /* prettier-ignore */
8350
- /* prettier-ignore */
8351
- /** THIS IS AN AUTOGENERATED FILE **/
8352
- /** THIS IS AN AUTOGENERATED FILE **/
8353
- /* stylelint-disable function-name-case, scss/at-function-pattern */
8354
- /* stylelint-enable function-name-case, scss/at-function-pattern */
8355
- /* prettier-ignore */
8356
- /* prettier-ignore */
8357
- /* prettier-ignore */
8358
- /* prettier-ignore */
8359
- /* prettier-ignore */
8360
- /* prettier-ignore */
8361
- .InputEditModal-module_defaultModalWidth__My9Eh {
8362
- min-width: 300px;
8363
- max-width: 600px;
8364
- }
8365
-
8366
- .InputEditModal-module_backdropLayer__aVLSb {
8367
- position: fixed;
8368
- background-color: #000;
8369
- opacity: 50%;
8370
- z-index: 1040;
8371
- top: 0;
8372
- bottom: 0;
8373
- inset-inline-end: 0;
8374
- inset-inline-start: 0;
8375
- }
8376
-
8377
- .InputEditModal-module_scrollLayer__isygg {
8378
- position: fixed;
8379
- display: flex;
8380
- align-items: center;
8381
- z-index: 1050;
8382
- overflow-y: auto;
8383
- top: 0;
8384
- bottom: 0;
8385
- inset-inline-end: 0;
8386
- inset-inline-start: 0;
8387
- }
8388
-
8389
- .InputEditModal-module_modalLayer__r5vqj {
8390
- margin: auto;
8391
- padding: 1.5rem 0;
8392
- width: 100%;
8429
+ .RichTextEditor-module_editor__pVKqW > .ProseMirror ul ul ul ul ul {
8430
+ list-style-type: circle;
8393
8431
  }
8394
-
8395
- .InputEditModal-module_modal__SbQqp {
8396
- margin: auto;
8397
- background-color: var(--color-white, #ffffff);
8398
- border-radius: var(--border-solid-border-radius, 7px);
8399
- box-shadow: var(--shadow-large-box-shadow, 0 3px 9px 0 rgba(0, 0, 0, 0.1), 0 8px 40px 0 rgba(0, 0, 0, 0.08));
8400
- position: relative;
8401
- width: 90%;
8402
- -webkit-font-smoothing: antialiased;
8403
- color: var(--color-purple-800, #2f2438);
8432
+ .RichTextEditor-module_editor__pVKqW > .ProseMirror ul ul ul ul ul ul {
8433
+ list-style-type: square;
8404
8434
  }
8405
- @media (min-width: 768px) {
8406
- .InputEditModal-module_modal__SbQqp {
8407
- width: 100%;
8408
- }
8435
+ .RichTextEditor-module_editor__pVKqW > .ProseMirror:hover, .RichTextEditor-module_editor__pVKqW > .ProseMirror:focus-visible {
8436
+ border-color: var(--color-gray-600, #524e56);
8437
+ background: var(--color-gray-200, #f4f4f5);
8409
8438
  }
8410
- .InputEditModal-module_modal__SbQqp:has([class*="modalLabel"]:focus-visible)::after {
8439
+ .RichTextEditor-module_editor__pVKqW > .ProseMirror:focus {
8440
+ outline: none;
8441
+ }
8442
+ .RichTextEditor-module_editor__pVKqW > .ProseMirror:focus-visible::after {
8411
8443
  content: "";
8444
+ pointer-events: none;
8412
8445
  position: absolute;
8413
8446
  background: transparent;
8414
- border-radius: var(--border-focus-ring-border-radius, 10px);
8447
+ border-radius: 2px 2px var(--border-focus-ring-border-radius, 10px) var(--border-focus-ring-border-radius, 10px);
8415
8448
  border-width: var(--border-focus-ring-border-width, 2px);
8416
8449
  border-style: var(--border-focus-ring-border-style, solid);
8417
- border-color: var(--color-blue-300, #73c0e8);
8418
- inset: -4px;
8450
+ border-color: var(--color-blue-500, #0168b3);
8451
+ inset: calc(-1 * 5px);
8419
8452
  }
8420
8453
 
8421
- .InputEditModal-module_animatingEnter__qZgX2 {
8422
- transition-duration: var(--animation-duration-fast, 300ms);
8423
- }
8424
- .InputEditModal-module_animatingEnter__qZgX2 .InputEditModal-module_backdropLayer__aVLSb {
8425
- /*
8426
- There's a weird bug in Chrome/Blink 102.x that animates the opacity
8427
- all the way to 1 with 200ms ("rapid" token), but is fine with
8428
- 201ms, see Jira [KDS-523]
8429
- */
8430
- animation-duration: 201ms;
8431
- animation-fill-mode: forwards;
8432
- /* stylelint-disable-next-line scss/function-unquote-no-unquoted-strings-inside */
8433
- animation-name: InputEditModal-module_fade-0-to-0-5__ywvjR;
8454
+ .RichTextEditor-module_editor__pVKqW.RichTextEditor-module_hasToolbar__EBxnG > .ProseMirror {
8455
+ border-top-left-radius: 0;
8456
+ border-top-right-radius: 0;
8434
8457
  }
8435
- @keyframes InputEditModal-module_fade-0-to-0-5__ywvjR {
8436
- 0% {
8437
- opacity: 0;
8438
- }
8439
- 100% {
8440
- opacity: 0.5;
8441
- }
8458
+
8459
+ .RichTextEditor-module_editorLabel__om-dJ {
8460
+ margin-bottom: var(--spacing-6, 0.375rem);
8461
+ display: inline-block;
8442
8462
  }
8443
- .InputEditModal-module_animatingEnter__qZgX2 [data-modal] {
8444
- animation-duration: var(--animation-duration-fast, 300ms);
8445
- animation-fill-mode: forwards;
8446
- animation-timing-function: var(--animation-easing-function-bounce-in, cubic-bezier(0.485, 0.155, 0.24, 1.245));
8447
- /* stylelint-disable-next-line scss/function-unquote-no-unquoted-strings-inside */
8448
- animation-name: InputEditModal-module_custom-1__wSZX6;
8463
+
8464
+ /* stylelint-disable no-descending-specificity */
8465
+ .RichTextEditor-module_editorWrapper__5q3mG {
8466
+ position: relative;
8467
+ border: var(--border-solid-border-width, 2px) var(--border-solid-border-style, solid) var(--color-gray-500, #878792);
8468
+ background: var(--color-white, #ffffff);
8469
+ border-radius: var(--border-solid-border-radius, 7px);
8470
+ word-wrap: break-word;
8471
+ /* stylelint-enable no-descending-specificity */
8449
8472
  }
8450
- @keyframes InputEditModal-module_custom-1__wSZX6 {
8451
- 0% {
8452
- opacity: 0;
8453
- transform: scale(0.5);
8454
- }
8455
- 100% {
8456
- opacity: 1;
8457
- transform: scale(1);
8458
- }
8473
+ .RichTextEditor-module_editorWrapper__5q3mG:hover, .RichTextEditor-module_editorWrapper__5q3mG:focus-within {
8474
+ border-color: var(--color-gray-600, #524e56);
8459
8475
  }
8460
-
8461
- .InputEditModal-module_animatingLeave__S2HGz {
8462
- transition-duration: var(--animation-duration-rapid, 200ms);
8476
+ .RichTextEditor-module_editorWrapper__5q3mG:hover .RichTextEditor-module_toolbar__ceLvw, .RichTextEditor-module_editorWrapper__5q3mG:focus-within .RichTextEditor-module_toolbar__ceLvw {
8477
+ border-color: var(--color-gray-600, #524e56);
8463
8478
  }
8464
- .InputEditModal-module_animatingLeave__S2HGz .InputEditModal-module_backdropLayer__aVLSb {
8465
- animation-duration: var(--animation-duration-rapid, 200ms);
8466
- animation-fill-mode: forwards;
8467
- /* stylelint-disable-next-line scss/function-unquote-no-unquoted-strings-inside */
8468
- animation-name: InputEditModal-module_fade-0-5-to-0__s2WmG;
8479
+ .RichTextEditor-module_editorWrapper__5q3mG.RichTextEditor-module_error__Xugz8,
8480
+ .RichTextEditor-module_editorWrapper__5q3mG.RichTextEditor-module_error__Xugz8 .RichTextEditor-module_toolbar__ceLvw {
8481
+ border-color: var(--color-red-500, #c93b55);
8469
8482
  }
8470
- @keyframes InputEditModal-module_fade-0-5-to-0__s2WmG {
8471
- 0% {
8472
- opacity: 0.5;
8473
- }
8474
- 100% {
8475
- opacity: 0;
8476
- }
8483
+ .RichTextEditor-module_editorWrapper__5q3mG.RichTextEditor-module_error__Xugz8:hover,
8484
+ .RichTextEditor-module_editorWrapper__5q3mG.RichTextEditor-module_error__Xugz8:hover .RichTextEditor-module_toolbar__ceLvw {
8485
+ border-color: var(--color-red-600, #a82433);
8477
8486
  }
8478
- .InputEditModal-module_animatingLeave__S2HGz [data-modal] {
8479
- animation-duration: var(--animation-duration-rapid, 200ms);
8480
- animation-fill-mode: forwards;
8481
- animation-timing-function: var(--animation-easing-function-bounce-out, cubic-bezier(0.485, 0.155, 0.515, 0.845));
8482
- /* stylelint-disable-next-line scss/function-unquote-no-unquoted-strings-inside */
8483
- animation-name: InputEditModal-module_custom-3__T3riv;
8487
+ .RichTextEditor-module_editorWrapper__5q3mG.RichTextEditor-module_caution__6q0z6,
8488
+ .RichTextEditor-module_editorWrapper__5q3mG.RichTextEditor-module_caution__6q0z6 .RichTextEditor-module_toolbar__ceLvw {
8489
+ border-color: var(--color-yellow-600, #c68600);
8484
8490
  }
8485
- @keyframes InputEditModal-module_custom-3__T3riv {
8486
- 0% {
8487
- opacity: 1;
8488
- transform: scale(1);
8489
- }
8490
- 100% {
8491
- opacity: 0;
8492
- transform: scale(0.5);
8493
- }
8491
+ .RichTextEditor-module_editorWrapper__5q3mG.RichTextEditor-module_caution__6q0z6:hover,
8492
+ .RichTextEditor-module_editorWrapper__5q3mG.RichTextEditor-module_caution__6q0z6:hover .RichTextEditor-module_toolbar__ceLvw {
8493
+ border-color: var(--color-yellow-700, #876400);
8494
8494
  }
8495
8495
 
8496
- .InputEditModal-module_unscrollable__GN1M2 {
8497
- /* Tech debt - this !important existed before Stylelint rules */
8498
- overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
8496
+ .RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows1__DDEf4 > .ProseMirror {
8497
+ min-height: calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem)) * 1 - var(--spacing-16, 1rem));
8499
8498
  }
8500
8499
 
8501
- .InputEditModal-module_pseudoScrollbar__WCHmn {
8502
- /* Tech debt - this !important existed before Stylelint rules */
8503
- padding-right: 15px !important; /* stylelint-disable-line declaration-no-important */
8500
+ .RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows2__kzYgh > .ProseMirror {
8501
+ min-height: calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem)) * 2 - var(--spacing-16, 1rem));
8504
8502
  }
8505
8503
 
8506
- .InputEditModal-module_hide__N88RW {
8507
- opacity: 0%;
8508
- pointer-events: none;
8504
+ .RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows3__SA7Zu > .ProseMirror {
8505
+ min-height: calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem)) * 3 - var(--spacing-16, 1rem));
8509
8506
  }
8510
8507
 
8511
- .InputEditModal-module_modal__SbQqp {
8512
- min-width: 300px;
8513
- max-width: 600px;
8514
- }
8515
- .InputEditModal-module_animatingEnter__qZgX2 .InputEditModal-module_modal__SbQqp {
8516
- animation-duration: var(--animation-duration-fast, 300ms);
8517
- animation-fill-mode: forwards;
8518
- animation-timing-function: var(--animation-easing-function-bounce-in, cubic-bezier(0.485, 0.155, 0.24, 1.245));
8519
- /* stylelint-disable-next-line scss/function-unquote-no-unquoted-strings-inside */
8520
- animation-name: InputEditModal-module_custom-5__trORr;
8521
- }
8522
- @keyframes InputEditModal-module_custom-5__trORr {
8523
- 0% {
8524
- opacity: 0;
8525
- transform: scale(0.5);
8526
- }
8527
- 100% {
8528
- opacity: 1;
8529
- transform: scale(1);
8530
- }
8508
+ .RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows4__gkZry > .ProseMirror {
8509
+ min-height: calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem)) * 4 - var(--spacing-16, 1rem));
8531
8510
  }
8532
- .InputEditModal-module_animatingLeave__S2HGz .InputEditModal-module_modal__SbQqp {
8533
- animation-duration: var(--animation-duration-rapid, 200ms);
8534
- animation-fill-mode: forwards;
8535
- animation-timing-function: var(--animation-easing-function-bounce-out, cubic-bezier(0.485, 0.155, 0.515, 0.845));
8536
- /* stylelint-disable-next-line scss/function-unquote-no-unquoted-strings-inside */
8537
- animation-name: InputEditModal-module_custom-7__-98CZ;
8511
+
8512
+ .RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows5__4Rq2z > .ProseMirror {
8513
+ min-height: calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem)) * 5 - var(--spacing-16, 1rem));
8538
8514
  }
8539
- @keyframes InputEditModal-module_custom-7__-98CZ {
8540
- 0% {
8541
- opacity: 1;
8542
- transform: scale(1);
8543
- }
8544
- 100% {
8545
- opacity: 0;
8546
- transform: scale(0.5);
8547
- }
8515
+
8516
+ .RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows6__SH-4R > .ProseMirror {
8517
+ min-height: calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem)) * 6 - var(--spacing-16, 1rem));
8548
8518
  }
8549
8519
 
8550
- .InputEditModal-module_header__nivTf {
8551
- color: var(--color-purple-800, #2f2438);
8552
- text-align: left;
8520
+ .RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows7__z02vY > .ProseMirror {
8521
+ min-height: calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem)) * 7 - var(--spacing-16, 1rem));
8553
8522
  }
8554
- .InputEditModal-module_header__nivTf.InputEditModal-module_textAlignRTL__5QQP8 {
8555
- text-align: right;
8523
+
8524
+ .RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows8__4j-9e > .ProseMirror {
8525
+ min-height: calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem)) * 8 - var(--spacing-16, 1rem));
8556
8526
  }
8557
- .InputEditModal-module_header__nivTf.InputEditModal-module_padded__ZdEIS {
8558
- padding: var(--spacing-md, 1.5rem) var(--spacing-lg, 2.25rem);
8527
+
8528
+ .RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows9__67hDj > .ProseMirror {
8529
+ min-height: calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem)) * 9 - var(--spacing-16, 1rem));
8559
8530
  }
8560
- @media (max-width: 768px) {
8561
- .InputEditModal-module_header__nivTf.InputEditModal-module_padded__ZdEIS {
8562
- padding: var(--spacing-md, 1.5rem);
8563
- }
8531
+
8532
+ .RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows10__qysh1 > .ProseMirror {
8533
+ min-height: calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem)) * 10 - var(--spacing-16, 1rem));
8564
8534
  }
8565
8535
 
8566
- .InputEditModal-module_body__LyxBE {
8567
- background: var(--color-gray-200, #f4f4f5);
8536
+ .RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows11__o5iYX > .ProseMirror {
8537
+ min-height: calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem)) * 11 - var(--spacing-16, 1rem));
8568
8538
  }
8569
- .InputEditModal-module_body__LyxBE.InputEditModal-module_padded__ZdEIS {
8570
- padding: var(--spacing-md, 1.5rem) var(--spacing-lg, 2.25rem) var(--spacing-md, 1.5rem) var(--spacing-lg, 2.25rem);
8539
+
8540
+ .RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows12__ug-Nv > .ProseMirror {
8541
+ min-height: calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem)) * 12 - var(--spacing-16, 1rem));
8571
8542
  }
8572
- @media (max-width: 768px) {
8573
- .InputEditModal-module_body__LyxBE.InputEditModal-module_padded__ZdEIS {
8574
- padding: var(--spacing-md, 1.5rem);
8575
- }
8543
+
8544
+ .RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows13__tFBG7 > .ProseMirror {
8545
+ min-height: calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem)) * 13 - var(--spacing-16, 1rem));
8576
8546
  }
8577
- /** THIS IS AN AUTOGENERATED FILE **/
8578
- /** THIS IS AN AUTOGENERATED FILE **/
8579
- .TabList-module_tabList__A8Y9H {
8580
- border-bottom: 1px solid rgba(var(--color-gray-600-rgb, 82, 78, 86), 0.1);
8581
- padding: var(--spacing-xs, 0.375rem) var(--spacing-md, 1.5rem) 0;
8547
+
8548
+ .RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows14__xqS6h > .ProseMirror {
8549
+ min-height: calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem)) * 14 - var(--spacing-16, 1rem));
8582
8550
  }
8583
8551
 
8584
- .TabList-module_tabList__A8Y9H.TabList-module_noPadding__v073J {
8585
- padding: 0;
8552
+ .RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows15__dzeUM > .ProseMirror {
8553
+ min-height: calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem)) * 15 - var(--spacing-16, 1rem));
8586
8554
  }
8587
- /** THIS IS AN AUTOGENERATED FILE **/
8588
- .TileGrid-module_grid__1WCNc {
8589
- list-style-type: none;
8590
- display: grid;
8591
- grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
8592
- grid-gap: var(--spacing-md, 1.5rem);
8555
+
8556
+ .RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows16__GyRco > .ProseMirror {
8557
+ min-height: calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem)) * 16 - var(--spacing-16, 1rem));
8593
8558
  }
8594
- @media (max-width: 767px) {
8595
- .TileGrid-module_grid__1WCNc {
8596
- grid-template-columns: repeat(2, minmax(226px, 370px));
8597
- }
8598
- .TileGrid-module_grid__1WCNc > * {
8599
- width: 100%;
8600
- }
8559
+
8560
+ .RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows17__GyNby > .ProseMirror {
8561
+ min-height: calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem)) * 17 - var(--spacing-16, 1rem));
8601
8562
  }
8602
- @media (max-width: 480px) {
8603
- .TileGrid-module_grid__1WCNc {
8604
- grid-template-columns: repeat(1, 100%);
8605
- }
8563
+
8564
+ .RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows18__fe-Rb > .ProseMirror {
8565
+ min-height: calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem)) * 18 - var(--spacing-16, 1rem));
8606
8566
  }
8607
- /** THIS IS AN AUTOGENERATED FILE **/
8608
- .MultiActionTile-module_actions__mntsC {
8609
- display: flex;
8567
+
8568
+ .RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows19__fc0-T > .ProseMirror {
8569
+ min-height: calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem)) * 19 - var(--spacing-16, 1rem));
8610
8570
  }
8611
8571
 
8612
- .MultiActionTile-module_secondaryAction__DuXdD {
8613
- margin-inline-end: var(--spacing-8, 0.5rem);
8572
+ .RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows20__p9rwF > .ProseMirror {
8573
+ min-height: calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem)) * 20 - var(--spacing-16, 1rem));
8614
8574
  }
8615
8575
  /** THIS IS AN AUTOGENERATED FILE **/
8616
8576
  /** THIS IS AN AUTOGENERATED FILE **/
@@ -8704,6 +8664,46 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
8704
8664
  }
8705
8665
  }
8706
8666
  /** THIS IS AN AUTOGENERATED FILE **/
8667
+ .TileGrid-module_grid__1WCNc {
8668
+ list-style-type: none;
8669
+ display: grid;
8670
+ grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
8671
+ grid-gap: var(--spacing-md, 1.5rem);
8672
+ }
8673
+ @media (max-width: 767px) {
8674
+ .TileGrid-module_grid__1WCNc {
8675
+ grid-template-columns: repeat(2, minmax(226px, 370px));
8676
+ }
8677
+ .TileGrid-module_grid__1WCNc > * {
8678
+ width: 100%;
8679
+ }
8680
+ }
8681
+ @media (max-width: 480px) {
8682
+ .TileGrid-module_grid__1WCNc {
8683
+ grid-template-columns: repeat(1, 100%);
8684
+ }
8685
+ }
8686
+ /** THIS IS AN AUTOGENERATED FILE **/
8687
+ .MultiActionTile-module_actions__mntsC {
8688
+ display: flex;
8689
+ }
8690
+
8691
+ .MultiActionTile-module_secondaryAction__DuXdD {
8692
+ margin-inline-end: var(--spacing-8, 0.5rem);
8693
+ }
8694
+ /** THIS IS AN AUTOGENERATED FILE **/
8695
+ /** THIS IS AN AUTOGENERATED FILE **/
8696
+ .TabPanel-module_tabPanel__I7hEK {
8697
+ border: 2px solid transparent;
8698
+ }
8699
+ .TabPanel-module_tabPanel__I7hEK:focus {
8700
+ outline: none;
8701
+ }
8702
+ .TabPanel-module_tabPanel__I7hEK:focus-visible {
8703
+ border-color: var(--color-blue-500, #0168b3);
8704
+ border-radius: var(--border-focus-ring-border-radius, 10px);
8705
+ }
8706
+ /** THIS IS AN AUTOGENERATED FILE **/
8707
8707
  .ToggleSwitchField-module_container__e7TXD {
8708
8708
  display: flex;
8709
8709
  }
@@ -8848,6 +8848,14 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
8848
8848
 
8849
8849
  /* stylelint-enable no-descending-specificity */
8850
8850
  /** THIS IS AN AUTOGENERATED FILE **/
8851
+ .MultiSelectOptions-module_multiSelectOptions__b8hYg {
8852
+ display: flex;
8853
+ flex-direction: column;
8854
+ border: none;
8855
+ padding: 0;
8856
+ margin: 0;
8857
+ }
8858
+ /** THIS IS AN AUTOGENERATED FILE **/
8851
8859
  /** THIS IS AN AUTOGENERATED FILE **/
8852
8860
  /** THIS IS AN AUTOGENERATED FILE **/
8853
8861
  .MultiSelectToggle-module_multiSelectToggle__CeR4G {
@@ -8928,14 +8936,6 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
8928
8936
  margin: 3px 0;
8929
8937
  }
8930
8938
  /** THIS IS AN AUTOGENERATED FILE **/
8931
- .MultiSelectOptions-module_multiSelectOptions__b8hYg {
8932
- display: flex;
8933
- flex-direction: column;
8934
- border: none;
8935
- padding: 0;
8936
- margin: 0;
8937
- }
8938
- /** THIS IS AN AUTOGENERATED FILE **/
8939
8939
  /** THIS IS AN AUTOGENERATED FILE **/
8940
8940
  /** THIS IS AN AUTOGENERATED FILE **/
8941
8941
  .Popover-module_popover__B7k5I {
@@ -8982,106 +8982,12 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
8982
8982
  }
8983
8983
  /** THIS IS AN AUTOGENERATED FILE **/
8984
8984
  /** THIS IS AN AUTOGENERATED FILE **/
8985
- .DropdownButton-module_dropdownButton__PqQH6 {
8986
- display: inline-flex;
8987
- position: relative;
8988
- inset-inline-start: calc(-1 * var(--border-solid-border-width, 2px));
8989
- margin-inline-start: var(--border-solid-border-width, 2px);
8990
- padding: var(--spacing-12, 0.75rem);
8991
- border-start-start-radius: 0;
8992
- border-end-start-radius: 0;
8993
- border-start-end-radius: var(--border-solid-border-radius, 7px);
8994
- border-end-end-radius: var(--border-solid-border-radius, 7px);
8995
- border-inline-start-width: 0;
8996
- }
8997
- .DropdownButton-module_dropdownButton__PqQH6:hover, .DropdownButton-module_dropdownButton__PqQH6:active, .DropdownButton-module_dropdownButton__PqQH6:focus-visible {
8998
- inset-inline-start: calc(-1 * var(--border-solid-border-width, 2px));
8999
- margin-inline-start: unset;
9000
- border-inline-start-width: var(--border-solid-border-width, 2px);
9001
- }
9002
- /** THIS IS AN AUTOGENERATED FILE **/
9003
- /** THIS IS AN AUTOGENERATED FILE **/
9004
8985
  .Label-module_label__zqjpR {
9005
8986
  padding-bottom: var(--spacing-6, 0.375rem);
9006
8987
  color: var(--color-purple-800, #2f2438);
9007
8988
  text-align: center;
9008
8989
  }
9009
8990
  /** THIS IS AN AUTOGENERATED FILE **/
9010
- .ActionButton-module_actionButton__mJRl4 {
9011
- border-start-start-radius: var(--border-solid-border-radius, 7px);
9012
- border-end-start-radius: var(--border-solid-border-radius, 7px);
9013
- border-start-end-radius: 0;
9014
- border-end-end-radius: 0;
9015
- }
9016
- /** THIS IS AN AUTOGENERATED FILE **/
9017
- .TimeSegment-module_timeSegmentWrapper__WYD6y {
9018
- white-space: nowrap;
9019
- }
9020
-
9021
- .TimeSegment-module_timeSegment__eXb0c {
9022
- display: block;
9023
- padding: 0 4px;
9024
- text-align: end;
9025
- background-color: var(--color-gray-300, #eaeaec);
9026
- border-radius: 3px;
9027
- color: var(--color-purple-800, #2f2438);
9028
- }
9029
- .TimeSegment-module_timeSegment__eXb0c:hover {
9030
- background-color: var(--color-white, #ffffff);
9031
- }
9032
- .TimeSegment-module_timeSegment__eXb0c:focus-visible {
9033
- color: white;
9034
- background: var(--color-blue-500, #0168b3);
9035
- outline: none;
9036
- }
9037
-
9038
- .TimeSegment-module_placeholder__j1-gK {
9039
- color: rgba(var(--color-purple-800-rgb, 47, 36, 56), 0.7);
9040
- }
9041
-
9042
- .TimeSegment-module_literal__mOkqz {
9043
- background: none;
9044
- }
9045
- .TimeSegment-module_literal__mOkqz:hover {
9046
- background: none;
9047
- }
9048
-
9049
- .TimeSegment-module_dayPeriod__fzT5I {
9050
- margin-right: 4px;
9051
- }
9052
- .DateInputField-module_disabled__-Y0lJ {
9053
- opacity: 0.3;
9054
- }
9055
- .SVG-module_icon__8J5Ev {
9056
- width: 20px;
9057
- height: 20px;
9058
- display: inline-block;
9059
- }
9060
- .SVG-module_icon__8J5Ev > use {
9061
- pointer-events: none;
9062
- }
9063
- @media screen and (-ms-high-contrast: active) {
9064
- .SVG-module_icon__8J5Ev {
9065
- color: black;
9066
- }
9067
- }
9068
- @media screen and (-ms-high-contrast: white-on-black) {
9069
- .SVG-module_icon__8J5Ev {
9070
- color: white;
9071
- }
9072
- }
9073
- @media screen and (-ms-high-contrast: black-on-white) {
9074
- .SVG-module_icon__8J5Ev {
9075
- color: black;
9076
- }
9077
- }
9078
-
9079
- .SVG-module_inheritSize__Q8iam {
9080
- width: inherit;
9081
- height: inherit;
9082
- display: block;
9083
- }
9084
- /** THIS IS AN AUTOGENERATED FILE **/
9085
8991
  /** THIS IS AN AUTOGENERATED FILE **/
9086
8992
  /** THIS IS AN AUTOGENERATED FILE **/
9087
8993
  /** THIS IS AN AUTOGENERATED FILE **/
@@ -9390,28 +9296,122 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
9390
9296
  background: var(--color-green-100, #e8f8f4);
9391
9297
  border-color: var(--color-green-500);
9392
9298
  color: var(--color-purple-800, #2f2438);
9393
- --icon-color: var(--color-green-500);
9299
+ --icon-color: var(--color-green-500);
9300
+ }
9301
+
9302
+ .GenericNotification-module_informative__WLimi {
9303
+ background: var(--color-blue-100, #e6f6ff);
9304
+ border-color: var(--color-blue-500);
9305
+ color: var(--color-purple-800, #2f2438);
9306
+ --icon-color: var(--color-blue-500);
9307
+ }
9308
+
9309
+ .GenericNotification-module_cautionary__lneFu {
9310
+ background: var(--color-yellow-100, #fff9e4);
9311
+ border-color: var(--color-yellow-700);
9312
+ color: var(--color-purple-800, #2f2438);
9313
+ --icon-color: var(--color-yellow-700);
9314
+ }
9315
+
9316
+ .GenericNotification-module_warning__7275P {
9317
+ background: var(--color-red-100, #fdeaee);
9318
+ border-color: var(--color-red-500);
9319
+ color: var(--color-purple-800, #2f2438);
9320
+ --icon-color: var(--color-red-500);
9321
+ }
9322
+ /** THIS IS AN AUTOGENERATED FILE **/
9323
+ /** THIS IS AN AUTOGENERATED FILE **/
9324
+ .DropdownButton-module_dropdownButton__PqQH6 {
9325
+ display: inline-flex;
9326
+ position: relative;
9327
+ inset-inline-start: calc(-1 * var(--border-solid-border-width, 2px));
9328
+ margin-inline-start: var(--border-solid-border-width, 2px);
9329
+ padding: var(--spacing-12, 0.75rem);
9330
+ border-start-start-radius: 0;
9331
+ border-end-start-radius: 0;
9332
+ border-start-end-radius: var(--border-solid-border-radius, 7px);
9333
+ border-end-end-radius: var(--border-solid-border-radius, 7px);
9334
+ border-inline-start-width: 0;
9335
+ }
9336
+ .DropdownButton-module_dropdownButton__PqQH6:hover, .DropdownButton-module_dropdownButton__PqQH6:active, .DropdownButton-module_dropdownButton__PqQH6:focus-visible {
9337
+ inset-inline-start: calc(-1 * var(--border-solid-border-width, 2px));
9338
+ margin-inline-start: unset;
9339
+ border-inline-start-width: var(--border-solid-border-width, 2px);
9340
+ }
9341
+ /** THIS IS AN AUTOGENERATED FILE **/
9342
+ .ActionButton-module_actionButton__mJRl4 {
9343
+ border-start-start-radius: var(--border-solid-border-radius, 7px);
9344
+ border-end-start-radius: var(--border-solid-border-radius, 7px);
9345
+ border-start-end-radius: 0;
9346
+ border-end-end-radius: 0;
9347
+ }
9348
+ .DateInputField-module_disabled__-Y0lJ {
9349
+ opacity: 0.3;
9350
+ }
9351
+ .SVG-module_icon__8J5Ev {
9352
+ width: 20px;
9353
+ height: 20px;
9354
+ display: inline-block;
9355
+ }
9356
+ .SVG-module_icon__8J5Ev > use {
9357
+ pointer-events: none;
9358
+ }
9359
+ @media screen and (-ms-high-contrast: active) {
9360
+ .SVG-module_icon__8J5Ev {
9361
+ color: black;
9362
+ }
9363
+ }
9364
+ @media screen and (-ms-high-contrast: white-on-black) {
9365
+ .SVG-module_icon__8J5Ev {
9366
+ color: white;
9367
+ }
9368
+ }
9369
+ @media screen and (-ms-high-contrast: black-on-white) {
9370
+ .SVG-module_icon__8J5Ev {
9371
+ color: black;
9372
+ }
9373
+ }
9374
+
9375
+ .SVG-module_inheritSize__Q8iam {
9376
+ width: inherit;
9377
+ height: inherit;
9378
+ display: block;
9379
+ }
9380
+ /** THIS IS AN AUTOGENERATED FILE **/
9381
+ .TimeSegment-module_timeSegmentWrapper__WYD6y {
9382
+ white-space: nowrap;
9383
+ }
9384
+
9385
+ .TimeSegment-module_timeSegment__eXb0c {
9386
+ display: block;
9387
+ padding: 0 4px;
9388
+ text-align: end;
9389
+ background-color: var(--color-gray-300, #eaeaec);
9390
+ border-radius: 3px;
9391
+ color: var(--color-purple-800, #2f2438);
9392
+ }
9393
+ .TimeSegment-module_timeSegment__eXb0c:hover {
9394
+ background-color: var(--color-white, #ffffff);
9395
+ }
9396
+ .TimeSegment-module_timeSegment__eXb0c:focus-visible {
9397
+ color: white;
9398
+ background: var(--color-blue-500, #0168b3);
9399
+ outline: none;
9394
9400
  }
9395
9401
 
9396
- .GenericNotification-module_informative__WLimi {
9397
- background: var(--color-blue-100, #e6f6ff);
9398
- border-color: var(--color-blue-500);
9399
- color: var(--color-purple-800, #2f2438);
9400
- --icon-color: var(--color-blue-500);
9402
+ .TimeSegment-module_placeholder__j1-gK {
9403
+ color: rgba(var(--color-purple-800-rgb, 47, 36, 56), 0.7);
9401
9404
  }
9402
9405
 
9403
- .GenericNotification-module_cautionary__lneFu {
9404
- background: var(--color-yellow-100, #fff9e4);
9405
- border-color: var(--color-yellow-700);
9406
- color: var(--color-purple-800, #2f2438);
9407
- --icon-color: var(--color-yellow-700);
9406
+ .TimeSegment-module_literal__mOkqz {
9407
+ background: none;
9408
+ }
9409
+ .TimeSegment-module_literal__mOkqz:hover {
9410
+ background: none;
9408
9411
  }
9409
9412
 
9410
- .GenericNotification-module_warning__7275P {
9411
- background: var(--color-red-100, #fdeaee);
9412
- border-color: var(--color-red-500);
9413
- color: var(--color-purple-800, #2f2438);
9414
- --icon-color: var(--color-red-500);
9413
+ .TimeSegment-module_dayPeriod__fzT5I {
9414
+ margin-right: 4px;
9415
9415
  }
9416
9416
  /** THIS IS AN AUTOGENERATED FILE **/
9417
9417
  /** THIS IS AN AUTOGENERATED FILE **/
@@ -9910,10 +9910,6 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
9910
9910
  height: var(--spacing-xl, 3rem);
9911
9911
  }
9912
9912
  /** THIS IS AN AUTOGENERATED FILE **/
9913
- .FilterContents-module_filterContents__tQWu8 {
9914
- padding: var(--spacing-md, 1.5rem);
9915
- }
9916
- /** THIS IS AN AUTOGENERATED FILE **/
9917
9913
  /** THIS IS AN AUTOGENERATED FILE **/
9918
9914
  /** THIS IS AN AUTOGENERATED FILE **/
9919
9915
  /** THIS IS AN AUTOGENERATED FILE **/
@@ -9965,6 +9961,10 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
9965
9961
  border-radius: var(--border-focus-ring-border-radius, 10px);
9966
9962
  border: var(--border-focus-ring-border-width, 2px) var(--border-focus-ring-border-style, solid) var(--color-blue-500, #0168b3);
9967
9963
  }
9964
+ /** THIS IS AN AUTOGENERATED FILE **/
9965
+ .FilterContents-module_filterContents__tQWu8 {
9966
+ padding: var(--spacing-md, 1.5rem);
9967
+ }
9968
9968
  .ModalAccessibleDescription-module_modalDescription__gq-Mn {
9969
9969
  grid-column-start: 2;
9970
9970
  }
@@ -10057,12 +10057,6 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
10057
10057
  }
10058
10058
  /** THIS IS AN AUTOGENERATED FILE **/
10059
10059
  /** THIS IS AN AUTOGENERATED FILE **/
10060
- .ModalBody-module_inputEdit__4Krgt {
10061
- background-color: var(--color-gray-200, #f4f4f5);
10062
- border-radius: var(--border-solid-border-radius, 7px);
10063
- }
10064
- /** THIS IS AN AUTOGENERATED FILE **/
10065
- /** THIS IS AN AUTOGENERATED FILE **/
10066
10060
  /** THIS IS AN AUTOGENERATED FILE **/
10067
10061
  @media (max-width: 768px) {
10068
10062
  .ModalAccessibleLabel-module_modalLabel__CQAIs h2 {
@@ -10085,6 +10079,48 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
10085
10079
  }
10086
10080
  /** THIS IS AN AUTOGENERATED FILE **/
10087
10081
  /** THIS IS AN AUTOGENERATED FILE **/
10082
+ .ModalBody-module_inputEdit__4Krgt {
10083
+ background-color: var(--color-gray-200, #f4f4f5);
10084
+ border-radius: var(--border-solid-border-radius, 7px);
10085
+ }
10086
+ /** THIS IS AN AUTOGENERATED FILE **/
10087
+ /* stylelint-disable scss/at-if-no-null, declaration-block-no-redundant-longhand-properties */
10088
+ /** THIS IS AN AUTOGENERATED FILE **/
10089
+ /** THIS IS AN AUTOGENERATED FILE **/
10090
+ /** THIS IS AN AUTOGENERATED FILE **/
10091
+ /** THIS IS AN AUTOGENERATED FILE **/
10092
+ /** THIS IS AN AUTOGENERATED FILE **/
10093
+ /* 16px */
10094
+ /* 16px */
10095
+ /* 16px */
10096
+ /*
10097
+ Because these components are deprecated, we've kept any inline/non-token values as values from the Zen theme to prevent any style regressions,
10098
+ as this is what consumers would have expected when pulling them in a the time.
10099
+ */
10100
+ /* stylelint-enable scss/at-if-no-null, declaration-block-no-redundant-longhand-properties */
10101
+ .ModalHeader-module_dismissButton__YhHZl {
10102
+ position: absolute;
10103
+ z-index: 1060;
10104
+ top: 0;
10105
+ inset-inline-end: 0;
10106
+ inset-inline-start: auto;
10107
+ }
10108
+
10109
+ .ModalHeader-module_layout__K8x4O {
10110
+ width: 100%;
10111
+ }
10112
+
10113
+ .ModalHeader-module_fixed__JEeic {
10114
+ position: absolute;
10115
+ top: 0;
10116
+ left: 0;
10117
+ }
10118
+
10119
+ .ModalHeader-module_filler__w1MCN {
10120
+ visibility: hidden;
10121
+ }
10122
+ /** THIS IS AN AUTOGENERATED FILE **/
10123
+ /** THIS IS AN AUTOGENERATED FILE **/
10088
10124
  .Checkbox-module_checkbox__0LHj5 {
10089
10125
  display: inline-block;
10090
10126
  position: relative;
@@ -10143,68 +10179,6 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
10143
10179
  color: var(--color-white, #ffffff);
10144
10180
  }
10145
10181
  /** THIS IS AN AUTOGENERATED FILE **/
10146
- .Toolbar-module_toolbar__ooRzV {
10147
- display: block;
10148
- border-bottom: 2px solid var(--color-gray-500, #878792);
10149
- }
10150
- /** THIS IS AN AUTOGENERATED FILE **/
10151
- /* stylelint-disable scss/at-if-no-null, declaration-block-no-redundant-longhand-properties */
10152
- /** THIS IS AN AUTOGENERATED FILE **/
10153
- /** THIS IS AN AUTOGENERATED FILE **/
10154
- /** THIS IS AN AUTOGENERATED FILE **/
10155
- /** THIS IS AN AUTOGENERATED FILE **/
10156
- /** THIS IS AN AUTOGENERATED FILE **/
10157
- /* 16px */
10158
- /* 16px */
10159
- /* 16px */
10160
- /*
10161
- Because these components are deprecated, we've kept any inline/non-token values as values from the Zen theme to prevent any style regressions,
10162
- as this is what consumers would have expected when pulling them in a the time.
10163
- */
10164
- /* stylelint-enable scss/at-if-no-null, declaration-block-no-redundant-longhand-properties */
10165
- .ModalHeader-module_dismissButton__YhHZl {
10166
- position: absolute;
10167
- z-index: 1060;
10168
- top: 0;
10169
- inset-inline-end: 0;
10170
- inset-inline-start: auto;
10171
- }
10172
-
10173
- .ModalHeader-module_layout__K8x4O {
10174
- width: 100%;
10175
- }
10176
-
10177
- .ModalHeader-module_fixed__JEeic {
10178
- position: absolute;
10179
- top: 0;
10180
- left: 0;
10181
- }
10182
-
10183
- .ModalHeader-module_filler__w1MCN {
10184
- visibility: hidden;
10185
- }
10186
- /** THIS IS AN AUTOGENERATED FILE **/
10187
- /** THIS IS AN AUTOGENERATED FILE **/
10188
- .ToolbarSection-module_toolbarSection__nCI0O {
10189
- display: inline-flex;
10190
- align-items: center;
10191
- gap: var(--spacing-xs, 0.375rem);
10192
- margin: var(--spacing-xs, 0.375rem) 0;
10193
- padding: 0 var(--spacing-xs, 0.375rem);
10194
- flex-wrap: wrap;
10195
- }
10196
-
10197
- .ToolbarSection-module_toolbarSection__nCI0O + .ToolbarSection-module_toolbarSection__nCI0O {
10198
- border-inline-start: 1px solid rgba(var(--color-gray-600-rgb, 82, 78, 86), 0.1);
10199
- }
10200
- .ClearAllButton-module_clearAllButton__XNkm2 {
10201
- white-space: nowrap;
10202
- }
10203
-
10204
- .ClearAllButton-module_hidden__-L2eA {
10205
- visibility: hidden;
10206
- }
10207
- /** THIS IS AN AUTOGENERATED FILE **/
10208
10182
  /** THIS IS AN AUTOGENERATED FILE **/
10209
10183
  /** THIS IS AN AUTOGENERATED FILE **/
10210
10184
  .ToggleIconButton-module_button__86Iau {
@@ -10301,10 +10275,36 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
10301
10275
  opacity: 100%;
10302
10276
  outline: var(--color-purple-800, #2f2438) var(--border-solid-border-style, solid) var(--border-focus-ring-border-width, 2px);
10303
10277
  }
10278
+ /** THIS IS AN AUTOGENERATED FILE **/
10279
+ /** THIS IS AN AUTOGENERATED FILE **/
10280
+ .ToolbarSection-module_toolbarSection__nCI0O {
10281
+ display: inline-flex;
10282
+ align-items: center;
10283
+ gap: var(--spacing-xs, 0.375rem);
10284
+ margin: var(--spacing-xs, 0.375rem) 0;
10285
+ padding: 0 var(--spacing-xs, 0.375rem);
10286
+ flex-wrap: wrap;
10287
+ }
10288
+
10289
+ .ToolbarSection-module_toolbarSection__nCI0O + .ToolbarSection-module_toolbarSection__nCI0O {
10290
+ border-inline-start: 1px solid rgba(var(--color-gray-600-rgb, 82, 78, 86), 0.1);
10291
+ }
10292
+ .ClearAllButton-module_clearAllButton__XNkm2 {
10293
+ white-space: nowrap;
10294
+ }
10295
+
10296
+ .ClearAllButton-module_hidden__-L2eA {
10297
+ visibility: hidden;
10298
+ }
10304
10299
  .DateInputField-module_disabled__gfago {
10305
10300
  opacity: 0.3;
10306
10301
  }
10307
10302
  /** THIS IS AN AUTOGENERATED FILE **/
10303
+ .Toolbar-module_toolbar__ooRzV {
10304
+ display: block;
10305
+ border-bottom: 2px solid var(--color-gray-500, #878792);
10306
+ }
10307
+ /** THIS IS AN AUTOGENERATED FILE **/
10308
10308
  .FilterDatePickerField-module_filterDatePickerField__ClXMw {
10309
10309
  width: 288px;
10310
10310
  display: grid;
@@ -10364,59 +10364,6 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
10364
10364
  margin-bottom: var(--spacing-24, 1.5rem);
10365
10365
  }
10366
10366
  /** THIS IS AN AUTOGENERATED FILE **/
10367
- .LoadMoreButton-module_container__sXwB6 {
10368
- padding: var(--spacing-sm, 0.75rem) var(--spacing-sm, 0.75rem) 0;
10369
- }
10370
- /** THIS IS AN AUTOGENERATED FILE **/
10371
- /** THIS IS AN AUTOGENERATED FILE **/
10372
- /** THIS IS AN AUTOGENERATED FILE **/
10373
- .ListBoxSection-module_listBoxSection__AMlz- {
10374
- display: grid;
10375
- list-style: none;
10376
- padding: 0;
10377
- }
10378
-
10379
- .ListBoxSection-module_listBoxSectionHeader__N-2Fi {
10380
- font-family: var(--typography-heading-6-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
10381
- font-size: var(--typography-heading-6-font-size, 0.875rem);
10382
- font-weight: var(--typography-heading-6-font-weight, 600);
10383
- line-height: var(--typography-heading-6-line-height, 1.5rem);
10384
- color: rgba(var(--color-purple-800-rgb, 47, 36, 56), 0.7);
10385
- margin: var(--spacing-6, 0.375rem) 0;
10386
- }
10387
- /** THIS IS AN AUTOGENERATED FILE **/
10388
- .ListBox-module_listBox__q95MO {
10389
- list-style: none;
10390
- padding: var(--spacing-sm, 0.75rem);
10391
- margin: 0 var(--spacing-sm, 0.75rem) 0 0;
10392
- display: grid;
10393
- max-height: 22rem;
10394
- overflow-y: auto;
10395
- }
10396
-
10397
- .ListBox-module_overflown__wChQA {
10398
- padding-right: var(--spacing-sm, 0.75rem);
10399
- }
10400
-
10401
- .ListBox-module_hidden__eYdXv {
10402
- display: none;
10403
- }
10404
-
10405
- .ListBox-module_noResultsWrapper__WcLRm {
10406
- list-style: none;
10407
- }
10408
- .NoResults-module_container__2l8Ol {
10409
- padding: 1.125rem;
10410
- }
10411
- .SectionDivider-module_divider__G-itP {
10412
- margin: 0.5rem 0;
10413
- }
10414
- /** THIS IS AN AUTOGENERATED FILE **/
10415
- .SearchInput-module_inputSearchContainer__u9K6k {
10416
- position: relative;
10417
- margin: 0 var(--spacing-sm, 0.75rem);
10418
- }
10419
- /** THIS IS AN AUTOGENERATED FILE **/
10420
10367
  .DateRangeInputField-module_dateRangeInputContainer__zjhqr {
10421
10368
  display: flex;
10422
10369
  margin: 0;
@@ -10449,27 +10396,58 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
10449
10396
  /* stylelint-enable declaration-no-important */
10450
10397
  }
10451
10398
 
10452
- .DateRangeInputField-module_disabled__vOSK8 {
10453
- opacity: 0.3;
10399
+ .DateRangeInputField-module_disabled__vOSK8 {
10400
+ opacity: 0.3;
10401
+ }
10402
+ /** THIS IS AN AUTOGENERATED FILE **/
10403
+ .ListBox-module_listBox__q95MO {
10404
+ list-style: none;
10405
+ padding: var(--spacing-sm, 0.75rem);
10406
+ margin: 0 var(--spacing-sm, 0.75rem) 0 0;
10407
+ display: grid;
10408
+ max-height: 22rem;
10409
+ overflow-y: auto;
10410
+ }
10411
+
10412
+ .ListBox-module_overflown__wChQA {
10413
+ padding-right: var(--spacing-sm, 0.75rem);
10414
+ }
10415
+
10416
+ .ListBox-module_hidden__eYdXv {
10417
+ display: none;
10418
+ }
10419
+
10420
+ .ListBox-module_noResultsWrapper__WcLRm {
10421
+ list-style: none;
10454
10422
  }
10455
- .ListBox-module_listBox__eV6P3 {
10423
+ /** THIS IS AN AUTOGENERATED FILE **/
10424
+ .LoadMoreButton-module_container__sXwB6 {
10425
+ padding: var(--spacing-sm, 0.75rem) var(--spacing-sm, 0.75rem) 0;
10426
+ }
10427
+ /** THIS IS AN AUTOGENERATED FILE **/
10428
+ .SearchInput-module_inputSearchContainer__u9K6k {
10429
+ position: relative;
10430
+ margin: 0 var(--spacing-sm, 0.75rem);
10431
+ }
10432
+ /** THIS IS AN AUTOGENERATED FILE **/
10433
+ /** THIS IS AN AUTOGENERATED FILE **/
10434
+ /** THIS IS AN AUTOGENERATED FILE **/
10435
+ .ListBoxSection-module_listBoxSection__AMlz- {
10436
+ display: grid;
10456
10437
  list-style: none;
10457
- margin-top: 0;
10458
- margin-bottom: 0;
10459
10438
  padding: 0;
10460
- display: grid;
10461
- max-height: 22rem;
10462
10439
  }
10463
10440
 
10464
- .ListBox-module_listBox__eV6P3:focus-visible {
10465
- outline: none;
10466
- }
10467
- /** THIS IS AN AUTOGENERATED FILE **/
10468
- .SectionDivider-module_divider__81AP0 {
10469
- margin: var(--spacing-8, 0.5rem) 0;
10441
+ .ListBoxSection-module_listBoxSectionHeader__N-2Fi {
10442
+ font-family: var(--typography-heading-6-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
10443
+ font-size: var(--typography-heading-6-font-size, 0.875rem);
10444
+ font-weight: var(--typography-heading-6-font-weight, 600);
10445
+ line-height: var(--typography-heading-6-line-height, 1.5rem);
10446
+ color: rgba(var(--color-purple-800-rgb, 47, 36, 56), 0.7);
10447
+ margin: var(--spacing-6, 0.375rem) 0;
10470
10448
  }
10471
- .SectionDivider-module_divider__81AP0:first-child, .SectionDivider-module_divider__81AP0:last-child, .SectionDivider-module_divider__81AP0 + .SectionDivider-module_divider__81AP0 {
10472
- display: none;
10449
+ .NoResults-module_container__2l8Ol {
10450
+ padding: 1.125rem;
10473
10451
  }
10474
10452
  /** THIS IS AN AUTOGENERATED FILE **/
10475
10453
  /** THIS IS AN AUTOGENERATED FILE **/
@@ -10488,6 +10466,9 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
10488
10466
  text-align: start;
10489
10467
  width: 294px;
10490
10468
  }
10469
+ .SectionDivider-module_divider__G-itP {
10470
+ margin: 0.5rem 0;
10471
+ }
10491
10472
  /** THIS IS AN AUTOGENERATED FILE **/
10492
10473
  .ListBoxSection-module_sectionWrapper__mwpFh {
10493
10474
  display: flex;
@@ -10565,10 +10546,121 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
10565
10546
  border-color: var(--color-gray-400, #cdcdd0);
10566
10547
  }
10567
10548
  /** THIS IS AN AUTOGENERATED FILE **/
10549
+ /** THIS IS AN AUTOGENERATED FILE **/
10550
+ /** THIS IS AN AUTOGENERATED FILE **/
10551
+ /** THIS IS AN AUTOGENERATED FILE **/
10552
+ .MultiSelectOption-module_icon__78XCm {
10553
+ line-height: 1;
10554
+ height: calc(var(--spacing-md, 1.5rem) - var(--border-solid-border-width, 2px) * 2);
10555
+ width: calc(var(--spacing-md, 1.5rem) - var(--border-solid-border-width, 2px) * 2);
10556
+ border: var(--border-solid-border-width, 2px) var(--border-solid-border-style, solid);
10557
+ border-color: var(--color-gray-500, #878792);
10558
+ border-radius: var(--border-solid-border-radius, 7px);
10559
+ display: inline-flex;
10560
+ justify-content: center;
10561
+ align-items: center;
10562
+ }
10563
+
10564
+ .MultiSelectOption-module_option__CSJyR {
10565
+ height: fit-content;
10566
+ align-items: flex-start;
10567
+ display: inline-grid;
10568
+ grid-template-columns: var(--spacing-md, 1.5rem) 1fr auto;
10569
+ gap: var(--spacing-xs, 0.375rem);
10570
+ padding: var(--spacing-xs, 0.375rem);
10571
+ position: relative;
10572
+ font-family: var(--typography-paragraph-body-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
10573
+ font-size: var(--typography-paragraph-body-font-size, 1rem);
10574
+ letter-spacing: var(--typography-paragraph-body-letter-spacing, normal);
10575
+ font-weight: var(--typography-paragraph-body-font-weight, 400);
10576
+ line-height: var(--typography-paragraph-body-line-height, 1.5rem);
10577
+ border: var(--border-solid-border-width, 2px) var(--border-solid-border-style, solid);
10578
+ border-color: var(--border-borderless-border-color, transparent);
10579
+ border-radius: var(--border-solid-border-radius, 7px);
10580
+ cursor: default;
10581
+ }
10582
+ .MultiSelectOption-module_option__CSJyR:hover, .MultiSelectOption-module_option__CSJyR:active, .MultiSelectOption-module_option__CSJyR:focus {
10583
+ background-color: var(--color-blue-100, #e6f6ff);
10584
+ }
10585
+ .MultiSelectOption-module_option__CSJyR:hover .MultiSelectOption-module_badge__QqoyV, .MultiSelectOption-module_option__CSJyR:active .MultiSelectOption-module_badge__QqoyV, .MultiSelectOption-module_option__CSJyR:focus .MultiSelectOption-module_badge__QqoyV {
10586
+ background-color: var(--color-white, #ffffff);
10587
+ }
10588
+ .MultiSelectOption-module_option__CSJyR:hover .MultiSelectOption-module_icon__78XCm, .MultiSelectOption-module_option__CSJyR:active .MultiSelectOption-module_icon__78XCm, .MultiSelectOption-module_option__CSJyR:focus .MultiSelectOption-module_icon__78XCm {
10589
+ border-color: var(--color-gray-600, #524e56);
10590
+ background-color: var(--color-gray-200, #f4f4f5);
10591
+ }
10592
+ .MultiSelectOption-module_option__CSJyR.MultiSelectOption-module_isFocused__4WdzT, .MultiSelectOption-module_option__CSJyR:focus-visible {
10593
+ background-color: var(--color-blue-100, #e6f6ff);
10594
+ }
10595
+ .MultiSelectOption-module_option__CSJyR.MultiSelectOption-module_isFocused__4WdzT::after, .MultiSelectOption-module_option__CSJyR:focus-visible::after {
10596
+ content: "";
10597
+ position: absolute;
10598
+ background: transparent;
10599
+ border: var(--border-focus-ring-border-width, 2px) var(--border-focus-ring-border-style, solid) var(--color-blue-500, #0168b3);
10600
+ border-radius: var(--border-focus-ring-border-radius, 10px);
10601
+ inset: calc(-1 * calc(var(--border-focus-ring-border-width, 2px) * 2 + 1px));
10602
+ z-index: 1;
10603
+ }
10604
+ .MultiSelectOption-module_option__CSJyR:focus {
10605
+ outline: none;
10606
+ }
10607
+
10608
+ .MultiSelectOption-module_isDisabled__l--2z {
10609
+ opacity: 30%;
10610
+ background: none;
10611
+ }
10612
+ .MultiSelectOption-module_isDisabled__l--2z:hover .MultiSelectOption-module_icon__78XCm {
10613
+ border-color: var(--color-gray-500, #878792);
10614
+ }
10615
+ .MultiSelectOption-module_isDisabled__l--2z:hover .MultiSelectOption-module_badge__QqoyV {
10616
+ background-color: var(--color-gray-300, #eaeaec);
10617
+ }
10618
+
10619
+ .MultiSelectOption-module_badgeContainer__59fHs {
10620
+ height: var(--spacing-md, 1.5rem);
10621
+ display: flex;
10622
+ align-items: center;
10623
+ }
10624
+
10625
+ .MultiSelectOption-module_isSelected__IZggh {
10626
+ font-weight: var(--typography-paragraph-bold-font-weight, 600);
10627
+ }
10628
+ .MultiSelectOption-module_isSelected__IZggh.MultiSelectOption-module_icon__78XCm {
10629
+ background-color: var(--color-gray-500, #878792);
10630
+ color: var(--color-white, #ffffff);
10631
+ }
10632
+ .MultiSelectOption-module_isSelected__IZggh:hover .MultiSelectOption-module_icon__78XCm, .MultiSelectOption-module_isSelected__IZggh:active .MultiSelectOption-module_icon__78XCm, .MultiSelectOption-module_isSelected__IZggh:focus .MultiSelectOption-module_icon__78XCm {
10633
+ background-color: var(--color-gray-600, #524e56);
10634
+ }
10635
+ .ListBox-module_listBox__eV6P3 {
10636
+ list-style: none;
10637
+ margin-top: 0;
10638
+ margin-bottom: 0;
10639
+ padding: 0;
10640
+ display: grid;
10641
+ max-height: 22rem;
10642
+ }
10643
+
10644
+ .ListBox-module_listBox__eV6P3:focus-visible {
10645
+ outline: none;
10646
+ }
10647
+ /** THIS IS AN AUTOGENERATED FILE **/
10568
10648
  .SelectPopoverContents-module_selectPopoverContents__YyueT {
10569
10649
  padding: var(--spacing-12, 0.75rem);
10570
10650
  }
10571
10651
  /** THIS IS AN AUTOGENERATED FILE **/
10652
+ .SectionDivider-module_divider__81AP0 {
10653
+ margin: var(--spacing-8, 0.5rem) 0;
10654
+ }
10655
+ .SectionDivider-module_divider__81AP0:first-child, .SectionDivider-module_divider__81AP0:last-child, .SectionDivider-module_divider__81AP0 + .SectionDivider-module_divider__81AP0 {
10656
+ display: none;
10657
+ }
10658
+ /** THIS IS AN AUTOGENERATED FILE **/
10659
+ .DateRangeValidationMessage-module_fieldMessageList__4-tJ7 {
10660
+ margin: var(--spacing-0, 0);
10661
+ padding-inline-start: var(--spacing-24, 1.5rem);
10662
+ }
10663
+ /** THIS IS AN AUTOGENERATED FILE **/
10572
10664
  /** THIS IS AN AUTOGENERATED FILE **/
10573
10665
  /** THIS IS AN AUTOGENERATED FILE **/
10574
10666
  /** THIS IS AN AUTOGENERATED FILE **/
@@ -10639,11 +10731,6 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
10639
10731
  color: var(--color-gray-500, #878792);
10640
10732
  }
10641
10733
  /** THIS IS AN AUTOGENERATED FILE **/
10642
- .DateRangeValidationMessage-module_fieldMessageList__4-tJ7 {
10643
- margin: var(--spacing-0, 0);
10644
- padding-inline-start: var(--spacing-24, 1.5rem);
10645
- }
10646
- /** THIS IS AN AUTOGENERATED FILE **/
10647
10734
  /** THIS IS AN AUTOGENERATED FILE **/
10648
10735
  /** THIS IS AN AUTOGENERATED FILE **/
10649
10736
  /** THIS IS AN AUTOGENERATED FILE **/
@@ -10772,90 +10859,14 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
10772
10859
  }
10773
10860
  /** THIS IS AN AUTOGENERATED FILE **/
10774
10861
  /** THIS IS AN AUTOGENERATED FILE **/
10775
- /** THIS IS AN AUTOGENERATED FILE **/
10776
- /** THIS IS AN AUTOGENERATED FILE **/
10777
- .MultiSelectOption-module_icon__78XCm {
10778
- line-height: 1;
10779
- height: calc(var(--spacing-md, 1.5rem) - var(--border-solid-border-width, 2px) * 2);
10780
- width: calc(var(--spacing-md, 1.5rem) - var(--border-solid-border-width, 2px) * 2);
10781
- border: var(--border-solid-border-width, 2px) var(--border-solid-border-style, solid);
10782
- border-color: var(--color-gray-500, #878792);
10783
- border-radius: var(--border-solid-border-radius, 7px);
10784
- display: inline-flex;
10785
- justify-content: center;
10786
- align-items: center;
10787
- }
10788
-
10789
- .MultiSelectOption-module_option__CSJyR {
10790
- height: fit-content;
10791
- align-items: flex-start;
10792
- display: inline-grid;
10793
- grid-template-columns: var(--spacing-md, 1.5rem) 1fr auto;
10862
+ .MenuFooter-module_footer__57a6Y {
10863
+ border-top: 1px solid rgba(var(--color-gray-600-rgb, 82, 78, 86), 0.1);
10794
10864
  gap: var(--spacing-xs, 0.375rem);
10795
- padding: var(--spacing-xs, 0.375rem);
10796
- position: relative;
10797
- font-family: var(--typography-paragraph-body-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
10798
- font-size: var(--typography-paragraph-body-font-size, 1rem);
10799
- letter-spacing: var(--typography-paragraph-body-letter-spacing, normal);
10800
- font-weight: var(--typography-paragraph-body-font-weight, 400);
10801
- line-height: var(--typography-paragraph-body-line-height, 1.5rem);
10802
- border: var(--border-solid-border-width, 2px) var(--border-solid-border-style, solid);
10803
- border-color: var(--border-borderless-border-color, transparent);
10804
- border-radius: var(--border-solid-border-radius, 7px);
10805
- cursor: default;
10806
- }
10807
- .MultiSelectOption-module_option__CSJyR:hover, .MultiSelectOption-module_option__CSJyR:active, .MultiSelectOption-module_option__CSJyR:focus {
10808
- background-color: var(--color-blue-100, #e6f6ff);
10809
- }
10810
- .MultiSelectOption-module_option__CSJyR:hover .MultiSelectOption-module_badge__QqoyV, .MultiSelectOption-module_option__CSJyR:active .MultiSelectOption-module_badge__QqoyV, .MultiSelectOption-module_option__CSJyR:focus .MultiSelectOption-module_badge__QqoyV {
10811
- background-color: var(--color-white, #ffffff);
10812
- }
10813
- .MultiSelectOption-module_option__CSJyR:hover .MultiSelectOption-module_icon__78XCm, .MultiSelectOption-module_option__CSJyR:active .MultiSelectOption-module_icon__78XCm, .MultiSelectOption-module_option__CSJyR:focus .MultiSelectOption-module_icon__78XCm {
10814
- border-color: var(--color-gray-600, #524e56);
10815
- background-color: var(--color-gray-200, #f4f4f5);
10816
- }
10817
- .MultiSelectOption-module_option__CSJyR.MultiSelectOption-module_isFocused__4WdzT, .MultiSelectOption-module_option__CSJyR:focus-visible {
10818
- background-color: var(--color-blue-100, #e6f6ff);
10819
- }
10820
- .MultiSelectOption-module_option__CSJyR.MultiSelectOption-module_isFocused__4WdzT::after, .MultiSelectOption-module_option__CSJyR:focus-visible::after {
10821
- content: "";
10822
- position: absolute;
10823
- background: transparent;
10824
- border: var(--border-focus-ring-border-width, 2px) var(--border-focus-ring-border-style, solid) var(--color-blue-500, #0168b3);
10825
- border-radius: var(--border-focus-ring-border-radius, 10px);
10826
- inset: calc(-1 * calc(var(--border-focus-ring-border-width, 2px) * 2 + 1px));
10827
- z-index: 1;
10828
- }
10829
- .MultiSelectOption-module_option__CSJyR:focus {
10830
- outline: none;
10831
- }
10832
-
10833
- .MultiSelectOption-module_isDisabled__l--2z {
10834
- opacity: 30%;
10835
- background: none;
10836
- }
10837
- .MultiSelectOption-module_isDisabled__l--2z:hover .MultiSelectOption-module_icon__78XCm {
10838
- border-color: var(--color-gray-500, #878792);
10839
- }
10840
- .MultiSelectOption-module_isDisabled__l--2z:hover .MultiSelectOption-module_badge__QqoyV {
10841
- background-color: var(--color-gray-300, #eaeaec);
10842
- }
10843
-
10844
- .MultiSelectOption-module_badgeContainer__59fHs {
10845
- height: var(--spacing-md, 1.5rem);
10846
10865
  display: flex;
10847
- align-items: center;
10848
- }
10849
-
10850
- .MultiSelectOption-module_isSelected__IZggh {
10851
- font-weight: var(--typography-paragraph-bold-font-weight, 600);
10852
- }
10853
- .MultiSelectOption-module_isSelected__IZggh.MultiSelectOption-module_icon__78XCm {
10854
- background-color: var(--color-gray-500, #878792);
10855
- color: var(--color-white, #ffffff);
10866
+ padding: var(--spacing-sm, 0.75rem) var(--spacing-sm, 0.75rem) 0;
10856
10867
  }
10857
- .MultiSelectOption-module_isSelected__IZggh:hover .MultiSelectOption-module_icon__78XCm, .MultiSelectOption-module_isSelected__IZggh:active .MultiSelectOption-module_icon__78XCm, .MultiSelectOption-module_isSelected__IZggh:focus .MultiSelectOption-module_icon__78XCm {
10858
- background-color: var(--color-gray-600, #524e56);
10868
+ .LinkModal-module_validationErrorMessage__APw4U ul {
10869
+ margin-bottom: 0;
10859
10870
  }
10860
10871
  /** THIS IS AN AUTOGENERATED FILE **/
10861
10872
  .MenuLoadingSkeleton-module_loadingInput__-6KsQ {
@@ -10866,17 +10877,6 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
10866
10877
  margin-left: var(--spacing-sm, 0.75rem);
10867
10878
  margin-right: var(--spacing-sm, 0.75rem);
10868
10879
  }
10869
- .LinkModal-module_validationErrorMessage__APw4U ul {
10870
- margin-bottom: 0;
10871
- }
10872
- /** THIS IS AN AUTOGENERATED FILE **/
10873
- /** THIS IS AN AUTOGENERATED FILE **/
10874
- .MenuFooter-module_footer__57a6Y {
10875
- border-top: 1px solid rgba(var(--color-gray-600-rgb, 82, 78, 86), 0.1);
10876
- gap: var(--spacing-xs, 0.375rem);
10877
- display: flex;
10878
- padding: var(--spacing-sm, 0.75rem) var(--spacing-sm, 0.75rem) 0;
10879
- }
10880
10880
  /** THIS IS AN AUTOGENERATED FILE **/
10881
10881
  /** THIS IS AN AUTOGENERATED FILE **/
10882
10882
  .LinkPopover-module_popoverContent__qGPyp {