@stackoverflow/stacks 2.1.1 → 2.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (31) hide show
  1. package/dist/css/stacks.css +2242 -774
  2. package/dist/css/stacks.min.css +1 -1
  3. package/lib/atomic/__snapshots__/misc.less.test.ts.snap +893 -0
  4. package/lib/atomic/__snapshots__/spacing.less.test.ts.snap +1928 -0
  5. package/lib/atomic/misc.less +30 -0
  6. package/lib/atomic/misc.less.test.ts +12 -0
  7. package/lib/atomic/spacing.less +59 -303
  8. package/lib/atomic/spacing.less.test.ts +12 -0
  9. package/lib/components/badge/badge.a11y.test.ts +59 -18
  10. package/lib/components/badge/badge.less +16 -1
  11. package/lib/components/badge/badge.visual.test.ts +44 -16
  12. package/lib/components/button/button.a11y.test.ts +14 -18
  13. package/lib/components/button/button.less +16 -22
  14. package/lib/components/button/button.test.setup.ts +36 -0
  15. package/lib/components/button/button.visual.test.ts +3 -33
  16. package/lib/components/button-group/button-group.a11y.test.ts +12 -0
  17. package/lib/components/button-group/button-group.less +43 -49
  18. package/lib/components/button-group/button-group.test.setup.ts +77 -0
  19. package/lib/components/button-group/button-group.visual.test.ts +7 -0
  20. package/lib/components/input_textarea/input_textarea.less +3 -1
  21. package/lib/components/post-summary/post-summary.a11y.test.ts +25 -0
  22. package/lib/components/post-summary/post-summary.test.setup.ts +435 -0
  23. package/lib/components/post-summary/post-summary.visual.test.ts +17 -0
  24. package/lib/components/topbar/topbar.less +365 -335
  25. package/lib/components/topbar/topbar.visual.test.ts +28 -0
  26. package/lib/exports/__snapshots__/color.less.test.ts.snap +24 -24
  27. package/lib/exports/color-sets.less +12 -12
  28. package/lib/exports/spacing-mixins.less +67 -0
  29. package/lib/tsconfig.build.json +1 -1
  30. package/lib/tsconfig.json +3 -3
  31. package/package.json +13 -13
@@ -662,17 +662,18 @@ body.theme-highcontrast .s-avatar .s-avatar--letter {
662
662
  height: var(--su8);
663
663
  width: var(--su8);
664
664
  }
665
- .s-badge,
666
- .s-topbar--notice {
665
+ .s-badge {
667
666
  --_ba-as: unset;
668
667
  --_ba-bc: var(--bc-medium);
669
668
  --_ba-bg: var(--black-150);
670
669
  --_ba-fc: var(--black-500);
671
670
  --_ba-fs: var(--fs-caption);
671
+ --_ba-fw: normal;
672
672
  --_ba-g: 0.3em;
673
673
  --_ba-lh: 2;
674
674
  --_ba-px: var(--su6);
675
675
  --_ba-py: 0;
676
+ --_ba-tt: unset;
676
677
  --_ba-wmn: 0;
677
678
  align-self: var(--_ba-as);
678
679
  background-color: var(--_ba-bg);
@@ -680,13 +681,14 @@ body.theme-highcontrast .s-avatar .s-avatar--letter {
680
681
  color: var(--_ba-fc);
681
682
  font-size: var(--_ba-fs);
682
683
  gap: var(--_ba-g);
684
+ font-weight: var(--_ba-fw);
683
685
  line-height: var(--_ba-lh);
684
686
  min-width: var(--_ba-wmn);
685
687
  padding: var(--_ba-py) var(--_ba-px);
688
+ text-transform: var(--_ba-tt);
686
689
  align-items: center;
687
690
  border-radius: var(--br-sm);
688
691
  display: inline-flex;
689
- font-weight: normal;
690
692
  justify-content: center;
691
693
  text-decoration: none;
692
694
  vertical-align: middle;
@@ -703,6 +705,9 @@ body.theme-highcontrast .s-badge__moderator,
703
705
  body.theme-highcontrast .s-badge__staff {
704
706
  --_ba-bc: currentColor;
705
707
  }
708
+ body.theme-highcontrast .s-badge__new {
709
+ --_ba-fc: var(--purple-600);
710
+ }
706
711
  .s-badge.s-badge__xs,
707
712
  .s-badge.s-badge__sm {
708
713
  --_ba-as: flex-start;
@@ -844,6 +849,13 @@ body.theme-highcontrast .s-badge__staff {
844
849
  --_ba-bg: var(--black-500);
845
850
  --_ba-fc: var(--white);
846
851
  }
852
+ .s-badge.s-badge__new {
853
+ --_ba-bc: var(--_ba-bg);
854
+ --_ba-bg: var(--purple-100);
855
+ --_ba-fc: var(--purple-400);
856
+ --_ba-fw: bold;
857
+ --_ba-tt: uppercase;
858
+ }
847
859
  .s-badge--image,
848
860
  .s-badge .s-badge--image {
849
861
  align-self: center;
@@ -1193,7 +1205,7 @@ body.theme-highcontrast .s-breadcrumbs .s-breadcrumbs--divider {
1193
1205
  box-shadow: none;
1194
1206
  color: var(--_bu-fc);
1195
1207
  font-size: var(--_bu-fs);
1196
- padding: var(--_bu-p);
1208
+ padding: var(--_bu-py, var(--_bu-p)) var(--_bu-px, var(--_bu-p));
1197
1209
  cursor: pointer;
1198
1210
  display: inline-block;
1199
1211
  font-family: inherit;
@@ -1277,6 +1289,12 @@ body.theme-highcontrast .s-btn--radio:checked + .s-btn.s-btn__outlined.s-btn__mu
1277
1289
  border-color: var(--_bu-outlined-bc);
1278
1290
  background-color: var(--_bu-outlined-bg, inherit);
1279
1291
  }
1292
+ .s-btn.s-btn__link,
1293
+ .s-btn.s-btn__unset {
1294
+ --_bu-baw: 0;
1295
+ --_bu-br: 0;
1296
+ --_bu-p: 0;
1297
+ }
1280
1298
  .s-btn.s-btn__link:focus,
1281
1299
  .s-btn.s-btn__unset:focus,
1282
1300
  .s-btn.s-btn__link:focus-visible,
@@ -1284,9 +1302,6 @@ body.theme-highcontrast .s-btn--radio:checked + .s-btn.s-btn__outlined.s-btn__mu
1284
1302
  outline-style: auto;
1285
1303
  }
1286
1304
  .s-btn.s-btn__link {
1287
- --_bu-baw: 0;
1288
- --_bu-br: 0;
1289
- --_bu-p: 0;
1290
1305
  --_li-fc: var(--theme-link-color, var(--theme-secondary-400));
1291
1306
  --_li-fc-hover: var(--theme-link-color-hover, var(--theme-secondary-500));
1292
1307
  --_li-fc-visited: var(--theme-link-color-visited, var(--theme-secondary-600));
@@ -1405,17 +1420,14 @@ button.s-btn.s-btn__link:focus {
1405
1420
  .s-btn.s-btn__unset:hover,
1406
1421
  .s-btn.s-btn__unset:active,
1407
1422
  .s-btn.s-btn__unset:focus {
1408
- --_bu-baw: 0;
1409
1423
  --_bu-bg: none;
1410
- --_bu-br: 0;
1411
1424
  --_bu-fc: unset;
1412
- --_bu-p: 0;
1413
1425
  cursor: default;
1414
1426
  font: unset;
1415
1427
  user-select: auto;
1416
1428
  }
1417
1429
  .s-btn.s-btn__dropdown {
1418
- padding-right: calc(var(--_bu-p) * 2.5);
1430
+ padding-right: calc(var(--_bu-px, var(--_bu-p)) * 2.5);
1419
1431
  }
1420
1432
  .s-btn.s-btn__dropdown:after {
1421
1433
  border-color: currentColor transparent;
@@ -1425,7 +1437,7 @@ button.s-btn.s-btn__link:focus {
1425
1437
  content: "";
1426
1438
  pointer-events: none;
1427
1439
  position: absolute;
1428
- right: var(--_bu-p);
1440
+ right: var(--_bu-px, var(--_bu-p));
1429
1441
  top: calc(50% - var(--su-static2));
1430
1442
  z-index: var(--zi-active);
1431
1443
  }
@@ -1592,114 +1604,109 @@ body.theme-highcontrast .s-btn.s-btn__github {
1592
1604
  }
1593
1605
  .s-btn:not(.s-btn__link):not(.s-btn__unset):focus-visible,
1594
1606
  .s-btn--radio:focus-visible + .s-btn {
1595
- border-color: var(--theme-secondary-400) !important;
1596
1607
  border-color: var(--focus-theme) !important;
1597
1608
  box-shadow: inset 0 0 0 var(--su-static1) var(--focus-theme), inset 0 0 0 calc(var(--su-static4) - var(--su-static1)) var(--focus-neutral);
1598
1609
  outline: var(--su-static2) solid transparent !important;
1599
1610
  }
1600
- .s-btn:not(.s-btn__link):not(.s-btn__unset):not(.s-btn__facebook):not(.s-btn__github):not(.s-btn__google):not(.is-selected):focus-visible,
1601
- .s-btn--radio:focus-visible + .s-btn,
1602
- .s-btn:not(.s-btn__link):not(.s-btn__unset):not(.s-btn__facebook):not(.s-btn__github):not(.s-btn__google):not(.is-selected):focus-visible.s-btn__filled,
1603
- .s-btn--radio:focus-visible + .s-btn.s-btn__filled {
1611
+ .s-btn:not(.s-btn--radio:checked + label):not(.s-btn__link):not(.s-btn__unset):not(.s-btn__facebook):not(.s-btn__github):not(.s-btn__google):not(.is-selected):focus-visible.s-btn__filled {
1604
1612
  background-color: var(--_bu-bg-focus, var(--_bu-filled-bg));
1605
1613
  color: var(--_bu-fc-focus, var(--_bu-filled-fc));
1606
1614
  }
1607
- .s-btn:not(.s-btn__link):not(.s-btn__unset):not(.s-btn__facebook):not(.s-btn__github):not(.s-btn__google):not(.is-selected):focus-visible:not(:hover) .s-btn--number,
1608
- .s-btn--radio:focus-visible + .s-btn:not(:hover) .s-btn--number,
1609
- .s-btn:not(.s-btn__link):not(.s-btn__unset):not(.s-btn__facebook):not(.s-btn__github):not(.s-btn__google):not(.is-selected):focus-visible.s-btn__filled:not(:hover) .s-btn--number,
1610
- .s-btn--radio:focus-visible + .s-btn.s-btn__filled:not(:hover) .s-btn--number {
1615
+ .s-btn:not(.s-btn--radio:checked + label):not(.s-btn__link):not(.s-btn__unset):not(.s-btn__facebook):not(.s-btn__github):not(.s-btn__google):not(.is-selected):focus-visible.s-btn__filled:not(:hover) .s-btn--number {
1611
1616
  color: var(--_bu-number-fc-focus, var(--_bu-number-fc-filled));
1612
1617
  }
1613
- .s-btn:not(.s-btn__link):not(.s-btn__unset):not(.s-btn__facebook):not(.s-btn__github):not(.s-btn__google):not(.is-selected):hover {
1618
+ .s-btn:not(.s-btn--radio:checked + label):not(.s-btn__link):not(.s-btn__unset):not(.s-btn__facebook):not(.s-btn__github):not(.s-btn__google):not(.is-selected):hover {
1614
1619
  background-color: var(--_bu-bg-hover);
1615
1620
  color: var(--_bu-fc-hover);
1616
1621
  }
1617
- .s-btn:not(.s-btn__link):not(.s-btn__unset):not(.s-btn__facebook):not(.s-btn__github):not(.s-btn__google):not(.is-selected):hover.s-btn__filled {
1622
+ .s-btn:not(.s-btn--radio:checked + label):not(.s-btn__link):not(.s-btn__unset):not(.s-btn__facebook):not(.s-btn__github):not(.s-btn__google):not(.is-selected):hover.s-btn__filled {
1618
1623
  background-color: var(--_bu-filled-bg-hover);
1619
1624
  border-color: var(--_bu-filled-bc-hover);
1620
1625
  color: var(--_bu-filled-fc-hover);
1621
1626
  }
1622
- .s-btn:not(.s-btn__link):not(.s-btn__unset):not(.s-btn__facebook):not(.s-btn__github):not(.s-btn__google):not(.is-selected):hover:not(.s-btn__outlined) {
1627
+ .s-btn:not(.s-btn--radio:checked + label):not(.s-btn__link):not(.s-btn__unset):not(.s-btn__facebook):not(.s-btn__github):not(.s-btn__google):not(.is-selected):hover:not(.s-btn__outlined) {
1623
1628
  border-color: var(--_bu-bc-hover);
1624
1629
  }
1625
- .s-btn:not(.s-btn__link):not(.s-btn__unset):not(.s-btn__facebook):not(.s-btn__github):not(.s-btn__google):not(.is-selected):hover:visited:not(:hover):not(:focus) {
1630
+ .s-btn:not(.s-btn--radio:checked + label):not(.s-btn__link):not(.s-btn__unset):not(.s-btn__facebook):not(.s-btn__github):not(.s-btn__google):not(.is-selected):hover:visited:not(:hover):not(:focus) {
1626
1631
  background-color: var(--_bu-bg);
1627
1632
  border-color: var(--_bu-bc);
1628
1633
  color: var(--_bu-fc);
1629
1634
  }
1630
- .s-btn:not(.s-btn__link):not(.s-btn__unset):not(.s-btn__facebook):not(.s-btn__github):not(.s-btn__google):not(.is-selected):hover:visited:not(:hover):not(:focus).s-btn__filled {
1635
+ .s-btn:not(.s-btn--radio:checked + label):not(.s-btn__link):not(.s-btn__unset):not(.s-btn__facebook):not(.s-btn__github):not(.s-btn__google):not(.is-selected):hover:visited:not(:hover):not(:focus).s-btn__filled {
1631
1636
  background-color: var(--_bu-filled-bg);
1632
1637
  border-color: var(--_bu-filled-bc);
1633
1638
  color: var(--_bu-filled-fc);
1634
1639
  }
1635
- .s-btn:not(.s-btn__link):not(.s-btn__unset):not(.s-btn__facebook):not(.s-btn__github):not(.s-btn__google):not(.is-selected):active {
1640
+ .s-btn:not(.s-btn--radio:checked + label):not(.s-btn__link):not(.s-btn__unset):not(.s-btn__facebook):not(.s-btn__github):not(.s-btn__google):not(.is-selected):active {
1636
1641
  background-color: var(--_bu-bg-active);
1637
1642
  border-color: var(--_bu-bc-active);
1638
1643
  color: var(--_bu-fc-active);
1639
1644
  }
1640
- .s-btn:not(.s-btn__link):not(.s-btn__unset):not(.s-btn__facebook):not(.s-btn__github):not(.s-btn__google):not(.is-selected):active.s-btn__filled {
1645
+ .s-btn:not(.s-btn--radio:checked + label):not(.s-btn__link):not(.s-btn__unset):not(.s-btn__facebook):not(.s-btn__github):not(.s-btn__google):not(.is-selected):active.s-btn__filled {
1641
1646
  background-color: var(--_bu-filled-bg-active);
1642
1647
  border-color: var(--_bu-filled-bc-active);
1643
1648
  color: var(--_bu-filled-fc-active);
1644
1649
  }
1645
1650
  .s-btn-group {
1646
- display: flex;
1651
+ border: var(--su-static1) solid var(--black-300);
1652
+ border-radius: var(--br-md);
1653
+ display: inline-flex;
1647
1654
  flex-wrap: wrap;
1648
1655
  margin-bottom: var(--su-static1);
1656
+ padding: calc(var(--su-static4) - var(--su-static1));
1649
1657
  }
1650
1658
  @media (max-width: 640px) {
1651
1659
  html .s-btn-group .s-btn {
1652
- padding-left: 0.4em;
1653
- padding-right: 0.4em;
1660
+ --_bu-px: 0.4em;
1654
1661
  }
1655
1662
  html .s-btn-group .s-btn.s-btn__dropdown {
1656
1663
  padding-right: 1.2em;
1657
1664
  }
1658
1665
  html .s-btn-group .s-btn.s-btn__dropdown:after {
1659
- right: 0.4em;
1666
+ right: var(--_bu-px);
1660
1667
  }
1661
1668
  }
1662
- .s-btn-group:not(.s-btn-group--radio) .s-btn:not(:first-child):not(:last-child),
1663
- .s-btn-group.s-btn-group--radio .s-btn:not(:first-of-type):not(:last-of-type) {
1664
- border-radius: 0;
1665
- }
1666
- .s-btn-group:not(.s-btn-group--radio) .s-btn:first-child:not(:only-child),
1667
- .s-btn-group.s-btn-group--radio .s-btn:first-of-type:not(:last-of-type) {
1668
- border-top-right-radius: 0;
1669
- border-bottom-right-radius: 0;
1670
- }
1671
- .s-btn-group:not(.s-btn-group--radio) .s-btn:last-child:not(:only-child),
1672
- .s-btn-group.s-btn-group--radio .s-btn:last-of-type:not(:first-of-type) {
1673
- border-top-left-radius: 0;
1674
- border-bottom-left-radius: 0;
1675
- }
1676
- .s-btn-group:not(.s-btn-group--radio) .s-btn:not(:last-child),
1677
- .s-btn-group.s-btn-group--radio .s-btn:not(:last-of-type) {
1678
- margin-right: calc(var(--su-static1) * -1);
1679
- }
1680
1669
  .s-btn-group form {
1681
1670
  display: flex;
1682
1671
  margin-right: calc(var(--su-static1) * -1);
1683
1672
  }
1684
- .s-btn-group form:not(:first-child):not(:last-child) .s-btn {
1685
- border-radius: 0;
1686
- }
1687
- .s-btn-group form:last-child:not(:only-child) .s-btn:not(:last-child) {
1688
- border-radius: 0;
1689
- }
1690
- .s-btn-group form:first-child:not(:only-child) .s-btn:not(:first-child) {
1691
- border-radius: 0;
1692
- }
1693
1673
  .s-btn-group .s-btn {
1694
- margin-bottom: calc(var(--su-static1) * -1);
1674
+ --_bu-br: var(--br-sm);
1675
+ --_bu-bc-hover: transparent;
1695
1676
  white-space: nowrap;
1696
1677
  }
1697
- .s-btn-group .s-btn:active {
1698
- z-index: var(--zi-active);
1678
+ .s-btn-group .s-btn,
1679
+ .s-btn-group .s-btn.s-btn__md {
1680
+ --_bu-px: var(--su12);
1681
+ --_bu-py: var(--su8);
1682
+ }
1683
+ .s-btn-group .s-btn.s-btn___xs {
1684
+ --_bu-px: var(--su8);
1685
+ --_bu-py: var(--su4);
1686
+ }
1687
+ .s-btn-group .s-btn.s-btn___sm {
1688
+ --_bu-px: calc(var(--su8) + var(--su2));
1689
+ --_bu-py: var(--su6);
1699
1690
  }
1700
1691
  .s-btn-group .s-btn.is-selected,
1701
1692
  .s-btn-group .s-btn--radio:checked + .s-btn {
1702
- z-index: var(--zi-selected);
1693
+ font-weight: bold;
1694
+ }
1695
+ .s-btn-group .s-btn .s-btn--badge {
1696
+ font-weight: normal;
1697
+ }
1698
+ .s-btn-group .s-btn .s-btn--text {
1699
+ display: inline-flex;
1700
+ flex-direction: column;
1701
+ }
1702
+ .s-btn-group .s-btn .s-btn--text:before {
1703
+ content: attr(data-text);
1704
+ content: attr(data-text) / "";
1705
+ font-weight: bold;
1706
+ height: 0;
1707
+ pointer-events: none;
1708
+ user-select: none;
1709
+ visibility: hidden;
1703
1710
  }
1704
1711
  .s-card {
1705
1712
  --_ca-bc: var(--bc-medium);
@@ -2327,7 +2334,9 @@ body.theme-highcontrast .has-warning .s-textarea {
2327
2334
  --_in-pl: var(--su-static32);
2328
2335
  }
2329
2336
  .s-input:focus,
2330
- .s-textarea:focus {
2337
+ .s-textarea:focus,
2338
+ .s-input:focus-within,
2339
+ .s-textarea:focus-within {
2331
2340
  box-shadow: 0 0 0 var(--su-static2) var(--focus-neutral), 0 0 0 var(--su-static4) var(--focus-theme);
2332
2341
  outline: var(--su-static2) solid transparent !important;
2333
2342
  }
@@ -5727,18 +5736,52 @@ input[type="checkbox"].s-toggle-switch[disabled] {
5727
5736
  cursor: default;
5728
5737
  }
5729
5738
  .s-topbar {
5730
- min-width: auto;
5731
- width: 100%;
5732
- z-index: var(--zi-navigation-fixed);
5739
+ --_tb-item-bg: unset;
5740
+ --_tb-item-fc: var(--theme-topbar-item-color, var(--black-400));
5741
+ --_tb-item-ai-bs: 0 0 0 var(--su-static2) var(--theme-topbar-background-color, var(--white));
5742
+ --_tb-item-ai-t: calc(50% - calc(var(--su12) + var(--su2)));
5743
+ --_tb-logo-bg: transparent;
5744
+ --_tb-menu-btn-bg: unset;
5745
+ --_tb-menu-btn-bg-hover: unset;
5746
+ --_tb-menu-btn-fc-hover: unset;
5747
+ --_tb-menu-btn-span-bg: var(--theme-topbar-item-color, var(--black-400));
5748
+ --_tb-menu-btn-span-fc: unset;
5749
+ --_tb-menu-btn-span-after-t: calc(var(--su-static6) - var(--su-static1));
5750
+ --_tb-menu-btn-span-after-rotate: 0deg;
5751
+ --_tb-menu-btn-span-before-t: calc(var(--su-static1) - var(--su-static6));
5752
+ --_tb-menu-btn-span-before-rotate: 0deg;
5753
+ --_tb-notice-bg: transparent;
5754
+ --_tb-notice-fc: var(--theme-topbar-item-color, var(--black-400));
5755
+ --_tb-notice-bg-hover: var(--theme-topbar-item-background-hover, var(--black-200));
5756
+ --_tb-notice-fc-hover: var(--theme-topbar-item-color-hover, var(--black-600));
5757
+ --_tb-notice-td: none;
5758
+ --_tb-searchbar-d: flex;
5759
+ --_tb-searchbar-p: 0 var(--su8);
5760
+ --_tb-searchbar-open-d: unset;
5761
+ --_tb-searchbar-open-mxw: 0;
5762
+ align-items: center;
5733
5763
  background-color: var(--theme-topbar-background-color, var(--white));
5734
- height: var(--theme-topbar-height, calc(var(--su-static48) + var(--su-static8)));
5735
- display: flex;
5764
+ border-bottom: var(--theme-topbar-bottom-border, var(--su-static1) solid var(--black-225));
5736
5765
  border-top: var(--theme-topbar-accent-border, 3px solid var(--theme-primary));
5737
- border-bottom: var(--theme-topbar-bottom-border, 1px solid var(--black-225));
5766
+ display: flex;
5767
+ height: var(--theme-topbar-height, calc(var(--su-static48) + var(--su-static8)));
5768
+ min-width: auto;
5738
5769
  position: relative;
5739
- align-items: center;
5770
+ width: 100%;
5771
+ z-index: var(--zi-navigation-fixed);
5772
+ }
5773
+ @media (prefers-color-scheme: dark) {
5774
+ body.theme-system .s-topbar.s-topbar__light {
5775
+ --focus-theme: var(--theme-dark-secondary-custom-200, var(--blue-200));
5776
+ }
5777
+ }
5778
+ body.theme-dark .s-topbar.s-topbar__light,
5779
+ .theme-dark__forced .s-topbar.s-topbar__light,
5780
+ body.theme-system .theme-dark__forced .s-topbar.s-topbar__light {
5781
+ --focus-theme: var(--theme-dark-secondary-custom-200, var(--blue-200));
5740
5782
  }
5741
5783
  body.theme-highcontrast .s-topbar {
5784
+ --_tb-notice-td: underline;
5742
5785
  --theme-topbar-search-color: var(--theme-topbar-item-color, var(--black-400));
5743
5786
  --theme-topbar-search-background: var(--theme-topbar-background-color, var(--white));
5744
5787
  --theme-topbar-search-placeholder: var(--theme-topbar-item-color, var(--black-400));
@@ -5749,22 +5792,25 @@ body.theme-highcontrast .s-topbar {
5749
5792
  --theme-topbar-item-color-hover: var(--black-600);
5750
5793
  --theme-topbar-item-background-hover: var(--black-300);
5751
5794
  --theme-topbar-item-color-current: var(--black);
5795
+ border-bottom: var(--su-static1) solid currentColor;
5752
5796
  }
5753
- body.theme-highcontrast .s-topbar {
5754
- border-bottom: 1px solid currentColor;
5797
+ body.theme-highcontrast .s-topbar.s-topbar__dark {
5798
+ --focus-theme: hsl(210, 89%, 77%);
5755
5799
  }
5756
- .s-topbar.s-topbar__light {
5757
- --focus-neutral: hsl(0, 0%, 100%);
5800
+ body.theme-highcontrast .s-topbar__dark {
5801
+ --theme-topbar-item-color: var(--_white-static);
5802
+ --theme-topbar-item-color-hover: var(--_white-static);
5803
+ --theme-topbar-item-background-hover: hsl(210, 8%, 25%);
5804
+ --theme-topbar-item-color-current: var(--_white-static);
5758
5805
  }
5759
- @media (prefers-color-scheme: dark) {
5760
- body.theme-system .s-topbar.s-topbar__light {
5761
- --focus-theme: var(--theme-dark-secondary-custom-200, var(--blue-200));
5762
- }
5806
+ body.theme-highcontrast .s-topbar__dark .s-badge {
5807
+ border-color: currentColor;
5763
5808
  }
5764
- body.theme-dark .s-topbar.s-topbar__light,
5765
- .theme-dark__forced .s-topbar.s-topbar__light,
5766
- body.theme-system .theme-dark__forced .s-topbar.s-topbar__light {
5767
- --focus-theme: var(--theme-dark-secondary-custom-200, var(--blue-200));
5809
+ body.theme-highcontrast .s-topbar__light {
5810
+ --theme-topbar-item-color: hsl(210, 8%, 5%);
5811
+ --theme-topbar-item-color-hover: hsl(210, 8%, 5%);
5812
+ --theme-topbar-item-background-hover: hsl(210, 8%, 90%);
5813
+ --theme-topbar-item-color-current: var(--_black-static);
5768
5814
  }
5769
5815
  @media (prefers-color-scheme: dark) {
5770
5816
  body.theme-highcontrast.theme-system .s-topbar.s-topbar__light {
@@ -5774,182 +5820,55 @@ body.theme-system .theme-dark__forced .s-topbar.s-topbar__light {
5774
5820
  body.theme-highcontrast.theme-dark .s-topbar.s-topbar__light {
5775
5821
  --focus-theme: var(--blue-200);
5776
5822
  }
5777
- body.theme-highcontrast .s-topbar.s-topbar__dark {
5778
- --focus-theme: hsl(210, 89%, 77%);
5823
+ @media (max-width: 640px) {
5824
+ .s-topbar .s-topbar--searchbar {
5825
+ --_tb-searchbar-d: none;
5826
+ --_tb-searchbar-p: var(--su8) var(--su12);
5827
+ --_tb-searchbar-open-d: flex;
5828
+ --_tb-searchbar-open-mxw: none;
5829
+ background: var(--theme-topbar-item-background-hover, var(--black-200));
5830
+ left: 0;
5831
+ max-width: 100%;
5832
+ position: absolute;
5833
+ right: 0;
5834
+ top: 100%;
5835
+ }
5836
+ .s-topbar .s-topbar--searchbar .s-select {
5837
+ width: 25% !important;
5838
+ }
5839
+ }
5840
+ .s-topbar.s-topbar__light {
5841
+ --focus-neutral: hsl(0, 0%, 100%);
5779
5842
  }
5780
5843
  .s-topbar.s-topbar__dark {
5781
5844
  --focus-neutral: hsl(210, 8%, 5%);
5782
5845
  --focus-theme: var(--theme-dark-secondary-custom-400, hsl(210, 89%, 77%));
5783
5846
  }
5784
- a.s-topbar--logo:focus-visible,
5785
- .s-topbar .s-topbar--content .s-topbar--item:not(.s-topbar--item__unset):focus-visible,
5786
- .s-topbar--notice:focus-visible {
5847
+ .s-topbar a.s-topbar--logo:focus-visible {
5787
5848
  box-shadow: inset 0 0 0 var(--su-static2) var(--focus-theme), inset 0 0 0 var(--su-static4) var(--focus-neutral);
5788
5849
  outline: var(--su-static2) solid transparent !important;
5789
5850
  }
5790
- .s-topbar .s-topbar--container {
5791
- width: var(--s-full);
5792
- max-width: 100%;
5793
- height: 100%;
5794
- display: flex;
5795
- margin: 0 auto;
5796
- align-items: center;
5797
- }
5798
- .s-topbar .s-topbar--logo {
5799
- padding: 0 var(--su8);
5800
- height: 100%;
5801
- display: flex;
5802
- align-items: center;
5803
- background-color: transparent;
5804
- border-radius: var(--br-sm);
5805
- }
5806
- .s-topbar a.s-topbar--logo:hover {
5807
- background-color: var(--theme-topbar-item-background-hover, var(--black-200));
5808
- }
5851
+ .s-topbar a.s-topbar--logo:hover,
5809
5852
  .s-topbar a.s-topbar--logo.is-selected {
5810
- background-color: var(--theme-topbar-item-background-hover, var(--black-200));
5853
+ --_tb-logo-bg: var(--theme-topbar-item-background-hover, var(--black-200));
5811
5854
  }
5812
- .s-topbar .s-topbar--menu-btn {
5813
- display: flex;
5814
- height: 100%;
5815
- padding: 0 var(--su16);
5816
- flex-shrink: 0;
5855
+ .s-topbar .s-topbar--container {
5817
5856
  align-items: center;
5818
- justify-content: center;
5819
- }
5820
- .s-topbar .s-topbar--menu-btn span,
5821
- .s-topbar .s-topbar--menu-btn span:before,
5822
- .s-topbar .s-topbar--menu-btn span:after {
5823
- width: var(--su-static16);
5824
- height: var(--su-static2);
5825
- background-color: var(--theme-topbar-item-color, var(--black-400));
5826
- position: relative;
5827
- }
5828
- .s-topbar .s-topbar--menu-btn span:before,
5829
- .s-topbar .s-topbar--menu-btn span:after {
5830
- position: absolute;
5831
- content: '';
5832
- left: 0;
5833
- top: calc(var(--su-static1) - var(--su-static6));
5834
- transition: top, transform;
5835
- transition-duration: 0.1s;
5836
- transition-timing-function: ease-in-out;
5837
- }
5838
- .s-topbar .s-topbar--menu-btn span:after {
5839
- top: calc(var(--su-static6) - var(--su-static1));
5840
- }
5841
- .s-topbar .s-topbar--menu-btn.is-selected {
5842
- color: var(--theme-topbar-item-color-current, var(--black));
5843
- background-color: var(--theme-topbar-item-background-current);
5844
- }
5845
- .s-topbar .s-topbar--menu-btn.is-selected span {
5846
- background-color: transparent;
5847
- }
5848
- .s-topbar .s-topbar--menu-btn.is-selected span:before,
5849
- .s-topbar .s-topbar--menu-btn.is-selected span:after {
5850
- top: 0;
5851
- transform: rotate(-45deg);
5852
- }
5853
- .s-topbar .s-topbar--menu-btn.is-selected span:after {
5854
- transform: rotate(45deg);
5855
- }
5856
- .s-topbar .s-topbar--menu-btn:hover {
5857
- color: var(--theme-topbar-item-color-hover, var(--black-400));
5858
- background-color: var(--theme-topbar-item-background-hover, var(--black-200));
5859
- }
5860
- .s-topbar .s-navigation .s-navigation--item:not(.is-selected) {
5861
- color: var(--theme-topbar-item-color, var(--black-400));
5862
- }
5863
- .s-topbar .s-navigation .s-navigation--item:not(.is-selected):hover {
5864
- color: var(--theme-topbar-item-color-hover, var(--black-400));
5865
- background-color: var(--theme-topbar-item-background-hover, var(--black-200));
5866
- }
5867
- .s-topbar .s-popover .s-navigation .s-navigation--item:not(.is-selected) {
5868
- color: var(--black-500);
5869
- }
5870
- .s-topbar .s-popover .s-navigation .s-navigation--item:not(.is-selected):hover {
5871
- color: var(--black-600);
5872
- background-color: var(--black-200);
5873
- }
5874
- .s-topbar__light {
5875
- --theme-topbar-background-color: var(--_white-static);
5876
- --theme-topbar-bottom-border: 1px solid hsl(210, 8%, 85%);
5877
- --theme-topbar-search-color: hsl(210, 8%, 25%);
5878
- --theme-topbar-search-background: var(--_white-static);
5879
- --theme-topbar-search-placeholder: hsl(210, 8%, 42%);
5880
- --theme-topbar-search-border: hsl(210, 9%, 75%);
5881
- --theme-topbar-select-color: hsl(210, 8%, 25%);
5882
- --theme-topbar-select-background: hsl(210, 8%, 90%);
5883
- --theme-topbar-item-color: hsl(210, 8%, 42%);
5884
- --theme-topbar-item-color-hover: hsl(210, 8%, 25%);
5885
- --theme-topbar-item-background-hover: hsl(210, 8%, 90%);
5886
- --theme-topbar-item-color-current: var(--_black-static);
5887
- --scrollbar: hsla(0, 0%, 0%, 0.2);
5888
- }
5889
- body.theme-highcontrast .s-topbar__light {
5890
- --theme-topbar-item-color: hsl(210, 8%, 5%);
5891
- --theme-topbar-item-color-hover: hsl(210, 8%, 5%);
5892
- --theme-topbar-item-background-hover: hsl(210, 8%, 90%);
5893
- --theme-topbar-item-color-current: var(--_black-static);
5894
- }
5895
- .s-topbar__dark {
5896
- --theme-topbar-background-color: hsl(210, 8%, 5%);
5897
- --theme-topbar-bottom-border: 1px solid hsl(210, 8%, 5%);
5898
- --theme-topbar-search-color: hsl(0, 0%, 100%);
5899
- --theme-topbar-search-background: hsl(210, 8%, 25%);
5900
- --theme-topbar-search-placeholder: hsl(210, 8%, 85%);
5901
- --theme-topbar-search-border: hsl(210, 8%, 45%);
5902
- --theme-topbar-select-color: hsl(210, 8%, 85%);
5903
- --theme-topbar-select-background: hsl(210, 8%, 35%);
5904
- --theme-topbar-item-color: hsl(210, 8%, 85%);
5905
- --theme-topbar-item-color-hover: var(--_white-static);
5906
- --theme-topbar-item-background-hover: hsl(210, 8%, 25%);
5907
- --theme-topbar-item-color-current: var(--_white-static);
5908
- --theme-topbar-accent-border: none;
5909
- --scrollbar: hsla(0, 0%, 100%, 0.2);
5910
- }
5911
- body.theme-highcontrast .s-topbar__dark {
5912
- --theme-topbar-item-color: var(--_white-static);
5913
- --theme-topbar-item-color-hover: var(--_white-static);
5914
- --theme-topbar-item-background-hover: hsl(210, 8%, 25%);
5915
- --theme-topbar-item-color-current: var(--_white-static);
5916
- }
5917
- body.theme-highcontrast .s-topbar__dark .s-badge {
5918
- border-color: currentColor;
5919
- }
5920
- .s-topbar--navigation {
5921
5857
  display: flex;
5922
5858
  height: 100%;
5923
- overflow-x: auto;
5924
- scrollbar-color: var(--scrollbar) transparent;
5925
- margin-left: auto;
5926
- }
5927
- .s-topbar--navigation::-webkit-scrollbar {
5928
- width: calc(var(--su-static12) - var(--su-static2));
5929
- height: calc(var(--su-static12) - var(--su-static2));
5930
- background-color: transparent;
5931
- }
5932
- .s-topbar--navigation::-webkit-scrollbar-track {
5933
- border-radius: calc(var(--su-static12) - var(--su-static2));
5934
- background-color: transparent;
5935
- }
5936
- .s-topbar--navigation::-webkit-scrollbar-thumb {
5937
- border-radius: calc(var(--su-static12) - var(--su-static2));
5938
- background-color: var(--scrollbar);
5939
- }
5940
- .s-topbar--navigation::-webkit-scrollbar-corner {
5941
- background-color: transparent;
5942
- border-color: transparent;
5859
+ margin: 0 auto;
5860
+ max-width: 100%;
5861
+ width: var(--s-full);
5943
5862
  }
5944
5863
  .s-topbar .s-topbar--content {
5945
- display: flex;
5946
- height: 100%;
5947
5864
  list-style: none;
5948
5865
  margin: 0;
5949
5866
  padding: 0;
5950
- overflow-x: auto;
5951
5867
  scrollbar-color: var(--scrollbar) transparent;
5868
+ display: flex;
5869
+ height: 100%;
5952
5870
  margin-left: auto;
5871
+ overflow-x: auto;
5953
5872
  }
5954
5873
  .s-topbar .s-topbar--content > li {
5955
5874
  display: inline-flex;
@@ -5971,80 +5890,176 @@ body.theme-highcontrast .s-topbar__dark .s-badge {
5971
5890
  background-color: transparent;
5972
5891
  border-color: transparent;
5973
5892
  }
5974
- .s-topbar .s-topbar--content .s-topbar--item:not(.s-topbar--item__unset) {
5975
- color: var(--theme-topbar-item-color, var(--black-400));
5976
- display: inline-flex;
5893
+ .s-topbar .s-topbar--item:not(.s-topbar--item__unset) {
5894
+ background-color: var(--_tb-item-bg);
5895
+ color: var(--_tb-item-fc);
5977
5896
  align-items: center;
5897
+ border-radius: var(--br-sm);
5898
+ display: inline-flex;
5978
5899
  padding: 0 calc(var(--su12) - var(--su2));
5900
+ position: relative;
5979
5901
  text-decoration: none;
5980
5902
  white-space: nowrap;
5981
- position: relative;
5982
- border-radius: var(--br-sm);
5983
5903
  }
5984
- .s-topbar .s-topbar--content .s-topbar--item:not(.s-topbar--item__unset):hover,
5985
- .s-topbar .s-topbar--content .s-topbar--item:not(.s-topbar--item__unset).is-selected,
5986
- .s-topbar .s-topbar--content .s-topbar--item:not(.s-topbar--item__unset).is-selected:hover {
5987
- color: var(--theme-topbar-item-color-hover, var(--black-600));
5988
- background-color: var(--theme-topbar-item-background-hover, var(--black-200));
5989
- text-decoration: none;
5904
+ .s-topbar .s-topbar--item:not(.s-topbar--item__unset) .svg-icon {
5905
+ vertical-align: text-top;
5990
5906
  }
5991
- .s-topbar .s-topbar--content .s-topbar--item:not(.s-topbar--item__unset):hover .s-activity-indicator,
5992
- .s-topbar .s-topbar--content .s-topbar--item:not(.s-topbar--item__unset).is-selected .s-activity-indicator,
5993
- .s-topbar .s-topbar--content .s-topbar--item:not(.s-topbar--item__unset).is-selected:hover .s-activity-indicator {
5994
- top: calc(50% - calc(var(--su16) + var(--su2)));
5995
- box-shadow: 0 0 0 var(--su-static2) var(--theme-topbar-item-background-hover, var(--black-200));
5907
+ .s-topbar .s-topbar--item:not(.s-topbar--item__unset):focus-visible {
5908
+ box-shadow: inset 0 0 0 var(--su-static2) var(--focus-theme), inset 0 0 0 var(--su-static4) var(--focus-neutral);
5909
+ outline: var(--su-static2) solid transparent !important;
5996
5910
  }
5997
- .s-topbar .s-topbar--content .s-topbar--item:not(.s-topbar--item__unset) .svg-icon {
5998
- vertical-align: text-top;
5911
+ .s-topbar .s-topbar--item:not(.s-topbar--item__unset):hover,
5912
+ .s-topbar .s-topbar--item:not(.s-topbar--item__unset).is-selected,
5913
+ .s-topbar .s-topbar--item:not(.s-topbar--item__unset).is-selected:hover {
5914
+ --_tb-item-bg: var(--theme-topbar-item-background-hover, var(--black-200));
5915
+ --_tb-item-fc: var(--theme-topbar-item-color-hover, var(--black-600));
5916
+ --_tb-item-ai-bs: 0 0 0 var(--su-static2) var(--theme-topbar-item-background-hover, var(--black-200));
5917
+ --_tb-item-ai-t: calc(50% - calc(var(--su16) + var(--su2)));
5918
+ outline: none;
5999
5919
  }
6000
- .s-topbar .s-topbar--content .s-topbar--item:not(.s-topbar--item__unset) .s-activity-indicator {
5920
+ .s-topbar .s-topbar--item:not(.s-topbar--item__unset) .s-activity-indicator {
5921
+ box-shadow: var(--_tb-item-ai-bs);
5922
+ top: var(--_tb-item-ai-t);
6001
5923
  position: absolute;
6002
- top: calc(50% - calc(var(--su12) + var(--su2)));
6003
5924
  right: var(--su-static2);
6004
5925
  transition: top var(--te-smooth) 0.15s;
6005
- box-shadow: 0 0 0 var(--su-static2) var(--theme-topbar-background-color, var(--white));
6006
5926
  }
6007
- .s-topbar .s-topbar--content .s-topbar--item__unset {
5927
+ .s-topbar .s-topbar--item.s-topbar--item__unset {
6008
5928
  align-self: center;
6009
5929
  padding-top: var(--su8);
6010
5930
  padding-bottom: var(--su8);
6011
5931
  }
6012
- .s-topbar--notice {
6013
- text-transform: uppercase;
5932
+ .s-topbar .s-topbar--logo {
5933
+ background-color: var(--_tb-logo-bg);
5934
+ align-items: center;
5935
+ border-radius: var(--br-sm);
5936
+ display: flex;
5937
+ height: 100%;
5938
+ padding: 0 var(--su8);
5939
+ }
5940
+ .s-topbar .s-topbar--menu-btn {
5941
+ background-color: var(--_tb-menu-btn-bg);
5942
+ color: var(--_tb-menu-btn-fc);
5943
+ align-items: center;
5944
+ display: flex;
5945
+ flex-shrink: 0;
5946
+ height: 100%;
5947
+ justify-content: center;
5948
+ padding: 0 var(--su16);
5949
+ }
5950
+ .s-topbar .s-topbar--menu-btn.is-selected {
5951
+ --_tb-menu-btn-bg: var(--theme-topbar-item-background-current);
5952
+ --_tb-menu-btn-bg-hover: var(--theme-topbar-item-background-hover, var(--black-200));
5953
+ --_tb-menu-btn-fc: var(--theme-topbar-item-color-current, var(--black));
5954
+ --_tb-menu-btn-fc-hover: var(--theme-topbar-item-color-hover, var(--black-400));
5955
+ --_tb-menu-btn-span-bg: transparent;
5956
+ --_tb-menu-btn-span-after-t: 0;
5957
+ --_tb-menu-btn-span-after-rotate: 45deg;
5958
+ --_tb-menu-btn-span-before-t: 0;
5959
+ --_tb-menu-btn-span-before-rotate: -45deg;
5960
+ }
5961
+ .s-topbar .s-topbar--menu-btn:not(.is-selected) span {
5962
+ transition: background-color;
5963
+ transition-duration: 0.1s;
5964
+ }
5965
+ .s-topbar .s-topbar--menu-btn span {
5966
+ background-color: var(--_tb-menu-btn-span-bg);
5967
+ }
5968
+ .s-topbar .s-topbar--menu-btn span,
5969
+ .s-topbar .s-topbar--menu-btn span:after,
5970
+ .s-topbar .s-topbar--menu-btn span:before {
5971
+ height: var(--su-static2);
5972
+ position: relative;
5973
+ width: var(--su-static16);
5974
+ }
5975
+ .s-topbar .s-topbar--menu-btn span:after,
5976
+ .s-topbar .s-topbar--menu-btn span:before {
5977
+ background-color: var(--theme-topbar-item-color, var(--black-400));
5978
+ content: '';
5979
+ left: 0;
5980
+ position: absolute;
5981
+ transition: top, transform;
5982
+ transition-duration: 0.1s;
5983
+ transition-timing-function: ease-in-out;
5984
+ }
5985
+ .s-topbar .s-topbar--menu-btn span:after {
5986
+ top: var(--_tb-menu-btn-span-after-t);
5987
+ transform: rotate(var(--_tb-menu-btn-span-after-rotate));
5988
+ }
5989
+ .s-topbar .s-topbar--menu-btn span:before {
5990
+ top: var(--_tb-menu-btn-span-before-t);
5991
+ transform: rotate(var(--_tb-menu-btn-span-before-rotate));
5992
+ }
5993
+ .s-topbar .s-topbar--menu-btn:hover {
5994
+ background-color: var(--_tb-menu-btn-bg-hover);
5995
+ color: var(--_tb-menu-btn-fc-hover);
5996
+ }
5997
+ .s-topbar .s-topbar--navigation {
5998
+ scrollbar-color: var(--scrollbar) transparent;
5999
+ display: flex;
6000
+ height: 100%;
6001
+ margin-left: auto;
6002
+ overflow-x: auto;
6003
+ }
6004
+ .s-topbar .s-topbar--navigation::-webkit-scrollbar {
6005
+ width: calc(var(--su-static12) - var(--su-static2));
6006
+ height: calc(var(--su-static12) - var(--su-static2));
6007
+ background-color: transparent;
6008
+ }
6009
+ .s-topbar .s-topbar--navigation::-webkit-scrollbar-track {
6010
+ border-radius: calc(var(--su-static12) - var(--su-static2));
6011
+ background-color: transparent;
6012
+ }
6013
+ .s-topbar .s-topbar--navigation::-webkit-scrollbar-thumb {
6014
+ border-radius: calc(var(--su-static12) - var(--su-static2));
6015
+ background-color: var(--scrollbar);
6016
+ }
6017
+ .s-topbar .s-topbar--navigation::-webkit-scrollbar-corner {
6018
+ background-color: transparent;
6019
+ border-color: transparent;
6020
+ }
6021
+ .s-topbar .s-topbar--notice {
6022
+ background-color: var(--_tb-notice-bg);
6023
+ border: var(--su-static1) solid var(--_tb-notice-bg);
6024
+ color: var(--_tb-notice-fc);
6025
+ text-decoration: var(--_tb-notice-td);
6026
+ border-radius: var(--br-sm);
6027
+ display: inline-flex;
6028
+ flex-shrink: 0;
6014
6029
  font-size: var(--fs-fine);
6015
6030
  font-weight: 700;
6016
6031
  margin-left: var(--su8);
6017
6032
  margin-right: var(--su8);
6018
- flex-shrink: 0;
6019
- border-color: transparent;
6020
- background-color: transparent;
6021
- color: var(--theme-topbar-item-color, var(--black-400));
6033
+ line-height: var(--lh-xxl);
6034
+ padding: 0 var(--su6);
6035
+ text-transform: uppercase;
6022
6036
  }
6023
- .s-topbar--notice:hover {
6024
- border-color: var(--theme-topbar-item-background-hover, var(--black-200));
6025
- background-color: var(--theme-topbar-item-background-hover, var(--black-200));
6026
- color: var(--theme-topbar-item-color-hover, var(--black-600));
6037
+ .s-topbar .s-topbar--notice.is-unread {
6038
+ --_tb-notice-bg: var(--theme-primary-400);
6039
+ --_tb-notice-fc: var(--white);
6040
+ --_tb-notice-bg-hover: var(--theme-primary-500);
6041
+ --_tb-notice-fc-hover: var(--white);
6027
6042
  }
6028
- .s-topbar--notice.is-unread {
6029
- border-color: var(--theme-primary);
6030
- background-color: var(--theme-primary);
6031
- color: var(--white);
6043
+ .s-topbar .s-topbar--notice:focus-visible {
6044
+ border-color: var(--focus-theme) !important;
6045
+ box-shadow: inset 0 0 0 var(--su-static1) var(--focus-theme), inset 0 0 0 calc(var(--su-static4) - var(--su-static1)) var(--focus-neutral);
6046
+ outline: var(--su-static2) solid transparent !important;
6032
6047
  }
6033
- .s-topbar--notice.is-unread:hover {
6034
- border-color: var(--theme-primary-500);
6035
- background-color: var(--theme-primary-500);
6036
- color: var(--white);
6048
+ .s-topbar .s-topbar--notice:hover {
6049
+ background-color: var(--_tb-notice-bg-hover);
6050
+ border-color: var(--_tb-notice-bg-hover);
6051
+ color: var(--_tb-notice-fc-hover);
6037
6052
  }
6038
6053
  .s-topbar .s-topbar--searchbar {
6039
- padding: 0 var(--su8);
6040
- display: flex;
6054
+ display: var(--_tb-searchbar-d);
6041
6055
  align-items: center;
6042
- flex-shrink: 10000;
6043
6056
  flex-grow: 1;
6057
+ flex-shrink: 10000;
6058
+ padding: var(--_tb-searchbar-p);
6044
6059
  }
6045
6060
  .s-topbar .s-topbar--searchbar .s-topbar--searchbar--input-group {
6046
- position: relative;
6047
6061
  flex-grow: 1;
6062
+ position: relative;
6048
6063
  }
6049
6064
  .s-topbar .s-topbar--searchbar .s-topbar--searchbar--input-group .s-input {
6050
6065
  background-color: var(--theme-topbar-search-background, var(--white));
@@ -6053,60 +6068,90 @@ body.theme-highcontrast .s-topbar__dark .s-badge {
6053
6068
  display: block;
6054
6069
  line-height: var(--lh-sm);
6055
6070
  }
6056
- .s-topbar .s-topbar--searchbar .s-topbar--searchbar--input-group .s-input:not(:focus-visible) {
6057
- box-shadow: var(--theme-topbar-search-shadow);
6058
- }
6059
6071
  .s-topbar .s-topbar--searchbar .s-topbar--searchbar--input-group .s-input::placeholder {
6060
6072
  color: var(--theme-topbar-search-placeholder, var(--black-400));
6061
6073
  font-style: normal;
6062
6074
  }
6075
+ .s-topbar .s-topbar--searchbar .s-topbar--searchbar--input-group .s-input:not(:focus-visible) {
6076
+ box-shadow: var(--theme-topbar-search-shadow);
6077
+ }
6063
6078
  .s-topbar .s-topbar--searchbar .s-topbar--searchbar--input-group .s-input-icon {
6064
6079
  color: var(--theme-topbar-search-placeholder, var(--black-400));
6065
6080
  }
6066
6081
  .s-topbar .s-topbar--searchbar .s-select {
6067
- max-width: calc(var(--s-step) * 2) !important;
6068
6082
  align-self: stretch;
6069
- margin-right: calc(var(--su-static1) * -1);
6070
6083
  color: var(--theme-topbar-select-color, var(--black-500));
6071
- }
6072
- .s-topbar .s-topbar--searchbar .s-select:before,
6073
- .s-topbar .s-topbar--searchbar .s-select:after {
6074
- z-index: var(--zi-active);
6084
+ margin-right: calc(var(--su-static1) * -1);
6085
+ max-width: calc(var(--s-step) * 2) !important;
6075
6086
  }
6076
6087
  .s-topbar .s-topbar--searchbar .s-select > select {
6088
+ background-color: var(--theme-topbar-select-background, var(--black-200));
6089
+ border-bottom-right-radius: 0 !important;
6077
6090
  border-color: var(--theme-topbar-search-border, var(--black-300));
6078
6091
  border-top-right-radius: 0 !important;
6079
- border-bottom-right-radius: 0 !important;
6092
+ color: var(--theme-topbar-select-color, var(--black-500));
6080
6093
  height: 100%;
6081
6094
  line-height: var(--lh-sm);
6082
- background-color: var(--theme-topbar-select-background, var(--black-200));
6083
- color: var(--theme-topbar-select-color, var(--black-500));
6084
6095
  }
6085
6096
  .s-topbar .s-topbar--searchbar .s-select > select:focus-visible {
6086
6097
  z-index: var(--zi-selected);
6087
6098
  }
6088
6099
  .s-topbar .s-topbar--searchbar .s-select + .s-topbar--searchbar--input-group > .s-input {
6089
- border-top-left-radius: 0 !important;
6090
6100
  border-bottom-left-radius: 0 !important;
6101
+ border-top-left-radius: 0 !important;
6091
6102
  }
6092
- @media (max-width: 640px) {
6093
- .s-topbar .s-topbar--searchbar {
6094
- display: none;
6095
- position: absolute;
6096
- left: 0;
6097
- right: 0;
6098
- top: 100%;
6099
- max-width: 100%;
6100
- padding: var(--su8) var(--su12);
6101
- background: var(--theme-topbar-item-background-hover, var(--black-200));
6102
- }
6103
- .s-topbar .s-topbar--searchbar.s-topbar--searchbar__open {
6104
- display: flex;
6105
- max-width: none;
6106
- }
6107
- .s-topbar .s-topbar--searchbar .s-select {
6108
- width: 25% !important;
6109
- }
6103
+ .s-topbar .s-topbar--searchbar .s-select:before,
6104
+ .s-topbar .s-topbar--searchbar .s-select:after {
6105
+ z-index: var(--zi-active);
6106
+ }
6107
+ .s-topbar .s-topbar--searchbar.s-topbar--searchbar__open {
6108
+ display: var(--_tb-searchbar-open-d);
6109
+ max-width: var(--_tb-searchbar-open-mxw);
6110
+ }
6111
+ .s-topbar .s-navigation .s-navigation--item:not(.is-selected) {
6112
+ color: var(--theme-topbar-item-color, var(--black-400));
6113
+ }
6114
+ .s-topbar .s-navigation .s-navigation--item:not(.is-selected):hover {
6115
+ background-color: var(--theme-topbar-item-background-hover, var(--black-200));
6116
+ color: var(--theme-topbar-item-color-hover, var(--black-400));
6117
+ }
6118
+ .s-topbar .s-popover .s-navigation .s-navigation--item:not(.is-selected) {
6119
+ color: var(--black-500);
6120
+ }
6121
+ .s-topbar .s-popover .s-navigation .s-navigation--item:not(.is-selected):hover {
6122
+ background-color: var(--black-200);
6123
+ color: var(--black-600);
6124
+ }
6125
+ .s-topbar__dark {
6126
+ --theme-topbar-background-color: hsl(210, 8%, 5%);
6127
+ --theme-topbar-bottom-border: var(--su-static1) solid hsl(210, 8%, 5%);
6128
+ --theme-topbar-search-color: hsl(0, 0%, 100%);
6129
+ --theme-topbar-search-background: hsl(210, 8%, 25%);
6130
+ --theme-topbar-search-placeholder: hsl(210, 8%, 85%);
6131
+ --theme-topbar-search-border: hsl(210, 8%, 45%);
6132
+ --theme-topbar-select-color: hsl(210, 8%, 85%);
6133
+ --theme-topbar-select-background: hsl(210, 8%, 35%);
6134
+ --theme-topbar-item-color: hsl(210, 8%, 85%);
6135
+ --theme-topbar-item-color-hover: var(--_white-static);
6136
+ --theme-topbar-item-background-hover: hsl(210, 8%, 25%);
6137
+ --theme-topbar-item-color-current: var(--_white-static);
6138
+ --theme-topbar-accent-border: none;
6139
+ --scrollbar: hsla(0, 0%, 100%, 0.2);
6140
+ }
6141
+ .s-topbar__light {
6142
+ --theme-topbar-background-color: var(--_white-static);
6143
+ --theme-topbar-bottom-border: var(--su-static1) solid hsl(210, 8%, 85%);
6144
+ --theme-topbar-search-color: hsl(210, 8%, 25%);
6145
+ --theme-topbar-search-background: var(--_white-static);
6146
+ --theme-topbar-search-placeholder: hsl(210, 8%, 42%);
6147
+ --theme-topbar-search-border: hsl(210, 9%, 75%);
6148
+ --theme-topbar-select-color: hsl(210, 8%, 25%);
6149
+ --theme-topbar-select-background: hsl(210, 8%, 90%);
6150
+ --theme-topbar-item-color: hsl(210, 8%, 42%);
6151
+ --theme-topbar-item-color-hover: hsl(210, 8%, 25%);
6152
+ --theme-topbar-item-background-hover: hsl(210, 8%, 90%);
6153
+ --theme-topbar-item-color-current: var(--_black-static);
6154
+ --scrollbar: hsla(0, 0%, 0%, 0.2);
6110
6155
  }
6111
6156
  .s-uploader {
6112
6157
  --_up-bg-b-image: url("data:image/svg+xml;,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='5' ry='5' stroke='%23000000' stroke-width='8' stroke-dasharray='7%2c 22' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
@@ -7633,12 +7678,12 @@ body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced .themed {
7633
7678
  --yellow-400: hsl(43, 90%, 75%);
7634
7679
  --yellow-500: hsl(43, 90%, 82%);
7635
7680
  --yellow-600: hsl(43, 90%, 91%);
7636
- --purple-100: hsl(237, 43%, 37%);
7637
- --purple-200: hsl(237, 51%, 52%);
7638
- --purple-300: hsl(237, 63%, 62%);
7639
- --purple-400: hsl(237, 89%, 83%);
7640
- --purple-500: hsl(237, 89%, 89%);
7641
- --purple-600: hsl(237, 89%, 94%);
7681
+ --purple-100: hsl(237, 26%, 23%);
7682
+ --purple-200: hsl(237, 26%, 44%);
7683
+ --purple-300: hsl(237, 26%, 56%);
7684
+ --purple-400: hsl(237, 98%, 87%);
7685
+ --purple-500: hsl(237, 98%, 92%);
7686
+ --purple-600: hsl(237, 98%, 96%);
7642
7687
  --gold-100: hsl(45, 29%, 24%);
7643
7688
  --gold-200: hsl(45, 47%, 37%);
7644
7689
  --gold-300: hsl(45, 92%, 62%);
@@ -7765,12 +7810,12 @@ body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced .themed {
7765
7810
  --yellow-400: hsl(43, 90%, 75%);
7766
7811
  --yellow-500: hsl(43, 90%, 82%);
7767
7812
  --yellow-600: hsl(43, 90%, 91%);
7768
- --purple-100: hsl(237, 43%, 37%);
7769
- --purple-200: hsl(237, 51%, 52%);
7770
- --purple-300: hsl(237, 63%, 62%);
7771
- --purple-400: hsl(237, 89%, 83%);
7772
- --purple-500: hsl(237, 89%, 89%);
7773
- --purple-600: hsl(237, 89%, 94%);
7813
+ --purple-100: hsl(237, 26%, 23%);
7814
+ --purple-200: hsl(237, 26%, 44%);
7815
+ --purple-300: hsl(237, 26%, 56%);
7816
+ --purple-400: hsl(237, 98%, 87%);
7817
+ --purple-500: hsl(237, 98%, 92%);
7818
+ --purple-600: hsl(237, 98%, 96%);
7774
7819
  --gold-100: hsl(45, 29%, 24%);
7775
7820
  --gold-200: hsl(45, 47%, 37%);
7776
7821
  --gold-300: hsl(45, 92%, 62%);
@@ -8011,12 +8056,12 @@ body.theme-highcontrast:not(.theme-dark) .theme-dark__forced {
8011
8056
  --yellow-400: hsl(43, 75%, 75%);
8012
8057
  --yellow-500: hsl(48, 74%, 91%);
8013
8058
  --yellow-600: hsl(44, 74%, 91%);
8014
- --purple-100: hsl(237, 24%, 23%);
8015
- --purple-200: hsl(237, 24%, 23%);
8016
- --purple-300: hsl(237, 60%, 82%);
8017
- --purple-400: hsl(237, 60%, 82%);
8018
- --purple-500: hsl(237, 62%, 96%);
8019
- --purple-600: hsl(237, 62%, 96%);
8059
+ --purple-100: hsl(237, 26%, 23%);
8060
+ --purple-200: hsl(237, 26%, 23%);
8061
+ --purple-300: hsl(237, 98%, 87%);
8062
+ --purple-400: hsl(237, 98%, 87%);
8063
+ --purple-500: hsl(237, 98%, 96%);
8064
+ --purple-600: hsl(237, 98%, 96%);
8020
8065
  --gold-100: hsl(45, 22%, 25%);
8021
8066
  --gold-200: hsl(45, 22%, 25%);
8022
8067
  --gold-300: hsl(45, 92%, 62%);
@@ -8125,12 +8170,12 @@ body.theme-highcontrast:not(.theme-dark) .theme-dark__forced {
8125
8170
  --yellow-400: hsl(43, 75%, 75%);
8126
8171
  --yellow-500: hsl(48, 74%, 91%);
8127
8172
  --yellow-600: hsl(44, 74%, 91%);
8128
- --purple-100: hsl(237, 24%, 23%);
8129
- --purple-200: hsl(237, 24%, 23%);
8130
- --purple-300: hsl(237, 60%, 82%);
8131
- --purple-400: hsl(237, 60%, 82%);
8132
- --purple-500: hsl(237, 62%, 96%);
8133
- --purple-600: hsl(237, 62%, 96%);
8173
+ --purple-100: hsl(237, 26%, 23%);
8174
+ --purple-200: hsl(237, 26%, 23%);
8175
+ --purple-300: hsl(237, 98%, 87%);
8176
+ --purple-400: hsl(237, 98%, 87%);
8177
+ --purple-500: hsl(237, 98%, 96%);
8178
+ --purple-600: hsl(237, 98%, 96%);
8134
8179
  --gold-100: hsl(45, 22%, 25%);
8135
8180
  --gold-200: hsl(45, 22%, 25%);
8136
8181
  --gold-300: hsl(45, 92%, 62%);
@@ -18403,6 +18448,7 @@ body.theme-system .theme-dark__forced .f\:bc-inherit:focus-within {
18403
18448
  }
18404
18449
  body {
18405
18450
  --su-base: 1;
18451
+ --su-static0: 0px;
18406
18452
  --su-static1: 1px;
18407
18453
  --su-static2: 2px;
18408
18454
  --su-static4: 4px;
@@ -18416,6 +18462,7 @@ body {
18416
18462
  --su-static64: 64px;
18417
18463
  --su-static96: 96px;
18418
18464
  --su-static128: 128px;
18465
+ --su0: var(--su-static0);
18419
18466
  --su1: clamp(var(--su-static1), calc(var(--su-static1) * var(--su-base)), calc(var(--su-static1) * var(--su-base)));
18420
18467
  --su2: calc(var(--su-static2) * var(--su-base));
18421
18468
  --su4: calc(var(--su-static4) * var(--su-base));
@@ -18430,51 +18477,11 @@ body {
18430
18477
  --su96: calc(var(--su-static96) * var(--su-base));
18431
18478
  --su128: calc(var(--su-static128) * var(--su-base));
18432
18479
  }
18433
- .m0 {
18434
- margin: 0 !important;
18435
- }
18436
- .mt0 {
18437
- margin-top: 0 !important;
18438
- }
18439
- .mr0 {
18440
- margin-right: 0 !important;
18441
- }
18442
- .mb0 {
18443
- margin-bottom: 0 !important;
18444
- }
18445
- .ml0 {
18446
- margin-left: 0 !important;
18447
- }
18448
- .mx0 {
18449
- margin-left: 0 !important;
18450
- margin-right: 0 !important;
18451
- }
18452
- .my0 {
18453
- margin-top: 0 !important;
18454
- margin-bottom: 0 !important;
18455
- }
18456
18480
  .m-auto {
18457
18481
  margin: auto !important;
18458
18482
  }
18459
- .mt-auto {
18460
- margin-top: auto !important;
18461
- }
18462
- .mr-auto {
18463
- margin-right: auto !important;
18464
- }
18465
- .mb-auto {
18466
- margin-bottom: auto !important;
18467
- }
18468
- .ml-auto {
18469
- margin-left: auto !important;
18470
- }
18471
- .mx-auto {
18472
- margin-left: auto !important;
18473
- margin-right: auto !important;
18474
- }
18475
- .my-auto {
18476
- margin-top: auto !important;
18477
- margin-bottom: auto !important;
18483
+ .m0 {
18484
+ margin: var(--su0) !important;
18478
18485
  }
18479
18486
  .m1 {
18480
18487
  margin: var(--su1) !important;
@@ -18515,9 +18522,6 @@ body {
18515
18522
  .m128 {
18516
18523
  margin: var(--su128) !important;
18517
18524
  }
18518
- .m0 {
18519
- margin: 0 !important;
18520
- }
18521
18525
  .mn1 {
18522
18526
  margin: calc(var(--su1) * -1) !important;
18523
18527
  }
@@ -18557,6 +18561,24 @@ body {
18557
18561
  .mn128 {
18558
18562
  margin: calc(var(--su128) * -1) !important;
18559
18563
  }
18564
+ .m50 {
18565
+ margin: 50% !important;
18566
+ }
18567
+ .m100 {
18568
+ margin: 100% !important;
18569
+ }
18570
+ .mn50 {
18571
+ margin: -50% !important;
18572
+ }
18573
+ .mn100 {
18574
+ margin: -100% !important;
18575
+ }
18576
+ .mt-auto {
18577
+ margin-top: auto !important;
18578
+ }
18579
+ .mt0 {
18580
+ margin-top: var(--su0) !important;
18581
+ }
18560
18582
  .mt1 {
18561
18583
  margin-top: var(--su1) !important;
18562
18584
  }
@@ -18596,9 +18618,6 @@ body {
18596
18618
  .mt128 {
18597
18619
  margin-top: var(--su128) !important;
18598
18620
  }
18599
- .mt0 {
18600
- margin-top: 0 !important;
18601
- }
18602
18621
  .mtn1 {
18603
18622
  margin-top: calc(var(--su1) * -1) !important;
18604
18623
  }
@@ -18638,6 +18657,24 @@ body {
18638
18657
  .mtn128 {
18639
18658
  margin-top: calc(var(--su128) * -1) !important;
18640
18659
  }
18660
+ .mt50 {
18661
+ margin-top: 50% !important;
18662
+ }
18663
+ .mt100 {
18664
+ margin-top: 100% !important;
18665
+ }
18666
+ .mtn50 {
18667
+ margin-top: -50% !important;
18668
+ }
18669
+ .mtn100 {
18670
+ margin-top: -100% !important;
18671
+ }
18672
+ .mr-auto {
18673
+ margin-right: auto !important;
18674
+ }
18675
+ .mr0 {
18676
+ margin-right: var(--su0) !important;
18677
+ }
18641
18678
  .mr1 {
18642
18679
  margin-right: var(--su1) !important;
18643
18680
  }
@@ -18677,9 +18714,6 @@ body {
18677
18714
  .mr128 {
18678
18715
  margin-right: var(--su128) !important;
18679
18716
  }
18680
- .mr0 {
18681
- margin-right: 0 !important;
18682
- }
18683
18717
  .mrn1 {
18684
18718
  margin-right: calc(var(--su1) * -1) !important;
18685
18719
  }
@@ -18719,6 +18753,24 @@ body {
18719
18753
  .mrn128 {
18720
18754
  margin-right: calc(var(--su128) * -1) !important;
18721
18755
  }
18756
+ .mr50 {
18757
+ margin-right: 50% !important;
18758
+ }
18759
+ .mr100 {
18760
+ margin-right: 100% !important;
18761
+ }
18762
+ .mrn50 {
18763
+ margin-right: -50% !important;
18764
+ }
18765
+ .mrn100 {
18766
+ margin-right: -100% !important;
18767
+ }
18768
+ .mb-auto {
18769
+ margin-bottom: auto !important;
18770
+ }
18771
+ .mb0 {
18772
+ margin-bottom: var(--su0) !important;
18773
+ }
18722
18774
  .mb1 {
18723
18775
  margin-bottom: var(--su1) !important;
18724
18776
  }
@@ -18758,9 +18810,6 @@ body {
18758
18810
  .mb128 {
18759
18811
  margin-bottom: var(--su128) !important;
18760
18812
  }
18761
- .mb0 {
18762
- margin-bottom: 0 !important;
18763
- }
18764
18813
  .mbn1 {
18765
18814
  margin-bottom: calc(var(--su1) * -1) !important;
18766
18815
  }
@@ -18800,6 +18849,24 @@ body {
18800
18849
  .mbn128 {
18801
18850
  margin-bottom: calc(var(--su128) * -1) !important;
18802
18851
  }
18852
+ .mb50 {
18853
+ margin-bottom: 50% !important;
18854
+ }
18855
+ .mb100 {
18856
+ margin-bottom: 100% !important;
18857
+ }
18858
+ .mbn50 {
18859
+ margin-bottom: -50% !important;
18860
+ }
18861
+ .mbn100 {
18862
+ margin-bottom: -100% !important;
18863
+ }
18864
+ .ml-auto {
18865
+ margin-left: auto !important;
18866
+ }
18867
+ .ml0 {
18868
+ margin-left: var(--su0) !important;
18869
+ }
18803
18870
  .ml1 {
18804
18871
  margin-left: var(--su1) !important;
18805
18872
  }
@@ -18839,9 +18906,6 @@ body {
18839
18906
  .ml128 {
18840
18907
  margin-left: var(--su128) !important;
18841
18908
  }
18842
- .ml0 {
18843
- margin-left: 0 !important;
18844
- }
18845
18909
  .mln1 {
18846
18910
  margin-left: calc(var(--su1) * -1) !important;
18847
18911
  }
@@ -18881,15 +18945,39 @@ body {
18881
18945
  .mln128 {
18882
18946
  margin-left: calc(var(--su128) * -1) !important;
18883
18947
  }
18884
- .mx1 {
18885
- margin-left: var(--su1) !important;
18886
- margin-right: var(--su1) !important;
18948
+ .ml50 {
18949
+ margin-left: 50% !important;
18887
18950
  }
18888
- .mx2 {
18889
- margin-left: var(--su2) !important;
18890
- margin-right: var(--su2) !important;
18951
+ .ml100 {
18952
+ margin-left: 100% !important;
18891
18953
  }
18892
- .mx4 {
18954
+ .mln50 {
18955
+ margin-left: -50% !important;
18956
+ }
18957
+ .mln100 {
18958
+ margin-left: -100% !important;
18959
+ }
18960
+ .mx-auto {
18961
+ margin-left: auto !important;
18962
+ margin-right: auto !important;
18963
+ }
18964
+ .my-auto {
18965
+ margin-top: auto !important;
18966
+ margin-bottom: auto !important;
18967
+ }
18968
+ .mx0 {
18969
+ margin-left: var(--su0) !important;
18970
+ margin-right: var(--su0) !important;
18971
+ }
18972
+ .mx1 {
18973
+ margin-left: var(--su1) !important;
18974
+ margin-right: var(--su1) !important;
18975
+ }
18976
+ .mx2 {
18977
+ margin-left: var(--su2) !important;
18978
+ margin-right: var(--su2) !important;
18979
+ }
18980
+ .mx4 {
18893
18981
  margin-left: var(--su4) !important;
18894
18982
  margin-right: var(--su4) !important;
18895
18983
  }
@@ -18985,6 +19073,10 @@ body {
18985
19073
  margin-left: calc(var(--su128) * -1) !important;
18986
19074
  margin-right: calc(var(--su128) * -1) !important;
18987
19075
  }
19076
+ .my0 {
19077
+ margin-top: var(--su0) !important;
19078
+ margin-bottom: var(--su0) !important;
19079
+ }
18988
19080
  .my1 {
18989
19081
  margin-top: var(--su1) !important;
18990
19082
  margin-bottom: var(--su1) !important;
@@ -19090,27 +19182,7 @@ body {
19090
19182
  margin-bottom: calc(var(--su128) * -1) !important;
19091
19183
  }
19092
19184
  .p0 {
19093
- padding: 0 !important;
19094
- }
19095
- .pt0 {
19096
- padding-top: 0 !important;
19097
- }
19098
- .pr0 {
19099
- padding-right: 0 !important;
19100
- }
19101
- .pb0 {
19102
- padding-bottom: 0 !important;
19103
- }
19104
- .pl0 {
19105
- padding-left: 0 !important;
19106
- }
19107
- .px0 {
19108
- padding-left: 0 !important;
19109
- padding-right: 0 !important;
19110
- }
19111
- .py0 {
19112
- padding-top: 0 !important;
19113
- padding-bottom: 0 !important;
19185
+ padding: var(--su0) !important;
19114
19186
  }
19115
19187
  .p1 {
19116
19188
  padding: var(--su1) !important;
@@ -19151,8 +19223,8 @@ body {
19151
19223
  .p128 {
19152
19224
  padding: var(--su128) !important;
19153
19225
  }
19154
- .p0 {
19155
- padding: 0 !important;
19226
+ .pt0 {
19227
+ padding-top: var(--su0) !important;
19156
19228
  }
19157
19229
  .pt1 {
19158
19230
  padding-top: var(--su1) !important;
@@ -19193,8 +19265,8 @@ body {
19193
19265
  .pt128 {
19194
19266
  padding-top: var(--su128) !important;
19195
19267
  }
19196
- .pt0 {
19197
- padding-top: 0 !important;
19268
+ .pr0 {
19269
+ padding-right: var(--su0) !important;
19198
19270
  }
19199
19271
  .pr1 {
19200
19272
  padding-right: var(--su1) !important;
@@ -19235,6 +19307,9 @@ body {
19235
19307
  .pr128 {
19236
19308
  padding-right: var(--su128) !important;
19237
19309
  }
19310
+ .pb0 {
19311
+ padding-bottom: var(--su0) !important;
19312
+ }
19238
19313
  .pb1 {
19239
19314
  padding-bottom: var(--su1) !important;
19240
19315
  }
@@ -19274,8 +19349,8 @@ body {
19274
19349
  .pb128 {
19275
19350
  padding-bottom: var(--su128) !important;
19276
19351
  }
19277
- .pr0 {
19278
- padding-right: 0 !important;
19352
+ .pl0 {
19353
+ padding-left: var(--su0) !important;
19279
19354
  }
19280
19355
  .pl1 {
19281
19356
  padding-left: var(--su1) !important;
@@ -19316,8 +19391,9 @@ body {
19316
19391
  .pl128 {
19317
19392
  padding-left: var(--su128) !important;
19318
19393
  }
19319
- .pl0 {
19320
- padding-left: 0 !important;
19394
+ .px0 {
19395
+ padding-left: var(--su0) !important;
19396
+ padding-right: var(--su0) !important;
19321
19397
  }
19322
19398
  .px1 {
19323
19399
  padding-left: var(--su1) !important;
@@ -19371,6 +19447,10 @@ body {
19371
19447
  padding-left: var(--su128) !important;
19372
19448
  padding-right: var(--su128) !important;
19373
19449
  }
19450
+ .py0 {
19451
+ padding-top: var(--su0) !important;
19452
+ padding-bottom: var(--su0) !important;
19453
+ }
19374
19454
  .py1 {
19375
19455
  padding-top: var(--su1) !important;
19376
19456
  padding-bottom: var(--su1) !important;
@@ -19423,6 +19503,51 @@ body {
19423
19503
  padding-top: var(--su128) !important;
19424
19504
  padding-bottom: var(--su128) !important;
19425
19505
  }
19506
+ .i0 {
19507
+ inset: var(--su0) !important;
19508
+ }
19509
+ .i1 {
19510
+ inset: var(--su1) !important;
19511
+ }
19512
+ .i2 {
19513
+ inset: var(--su2) !important;
19514
+ }
19515
+ .i4 {
19516
+ inset: var(--su4) !important;
19517
+ }
19518
+ .i6 {
19519
+ inset: var(--su6) !important;
19520
+ }
19521
+ .i8 {
19522
+ inset: var(--su8) !important;
19523
+ }
19524
+ .i12 {
19525
+ inset: var(--su12) !important;
19526
+ }
19527
+ .i16 {
19528
+ inset: var(--su16) !important;
19529
+ }
19530
+ .i24 {
19531
+ inset: var(--su24) !important;
19532
+ }
19533
+ .i32 {
19534
+ inset: var(--su32) !important;
19535
+ }
19536
+ .i48 {
19537
+ inset: var(--su48) !important;
19538
+ }
19539
+ .i64 {
19540
+ inset: var(--su64) !important;
19541
+ }
19542
+ .i96 {
19543
+ inset: var(--su96) !important;
19544
+ }
19545
+ .i128 {
19546
+ inset: var(--su128) !important;
19547
+ }
19548
+ .t0 {
19549
+ top: var(--su0) !important;
19550
+ }
19426
19551
  .t1 {
19427
19552
  top: var(--su1) !important;
19428
19553
  }
@@ -19462,21 +19587,6 @@ body {
19462
19587
  .t128 {
19463
19588
  top: var(--su128) !important;
19464
19589
  }
19465
- .t0 {
19466
- top: 0 !important;
19467
- }
19468
- .t50 {
19469
- top: 50% !important;
19470
- }
19471
- .tn50 {
19472
- top: -50% !important;
19473
- }
19474
- .t100 {
19475
- top: 100% !important;
19476
- }
19477
- .tn100 {
19478
- top: -100% !important;
19479
- }
19480
19590
  .tn1 {
19481
19591
  top: calc(var(--su1) * -1) !important;
19482
19592
  }
@@ -19516,6 +19626,21 @@ body {
19516
19626
  .tn128 {
19517
19627
  top: calc(var(--su128) * -1) !important;
19518
19628
  }
19629
+ .t50 {
19630
+ top: 50% !important;
19631
+ }
19632
+ .t100 {
19633
+ top: 100% !important;
19634
+ }
19635
+ .tn50 {
19636
+ top: -50% !important;
19637
+ }
19638
+ .tn100 {
19639
+ top: -100% !important;
19640
+ }
19641
+ .r0 {
19642
+ right: var(--su0) !important;
19643
+ }
19519
19644
  .r1 {
19520
19645
  right: var(--su1) !important;
19521
19646
  }
@@ -19555,21 +19680,6 @@ body {
19555
19680
  .r128 {
19556
19681
  right: var(--su128) !important;
19557
19682
  }
19558
- .r0 {
19559
- right: 0 !important;
19560
- }
19561
- .r50 {
19562
- right: 50% !important;
19563
- }
19564
- .rn50 {
19565
- right: -50% !important;
19566
- }
19567
- .r100 {
19568
- right: 100% !important;
19569
- }
19570
- .rn100 {
19571
- right: -100% !important;
19572
- }
19573
19683
  .rn1 {
19574
19684
  right: calc(var(--su1) * -1) !important;
19575
19685
  }
@@ -19609,6 +19719,21 @@ body {
19609
19719
  .rn128 {
19610
19720
  right: calc(var(--su128) * -1) !important;
19611
19721
  }
19722
+ .r50 {
19723
+ right: 50% !important;
19724
+ }
19725
+ .r100 {
19726
+ right: 100% !important;
19727
+ }
19728
+ .rn50 {
19729
+ right: -50% !important;
19730
+ }
19731
+ .rn100 {
19732
+ right: -100% !important;
19733
+ }
19734
+ .b0 {
19735
+ bottom: var(--su0) !important;
19736
+ }
19612
19737
  .b1 {
19613
19738
  bottom: var(--su1) !important;
19614
19739
  }
@@ -19648,21 +19773,6 @@ body {
19648
19773
  .b128 {
19649
19774
  bottom: var(--su128) !important;
19650
19775
  }
19651
- .b0 {
19652
- bottom: 0 !important;
19653
- }
19654
- .b50 {
19655
- bottom: 50% !important;
19656
- }
19657
- .bn50 {
19658
- bottom: -50% !important;
19659
- }
19660
- .b100 {
19661
- bottom: 100% !important;
19662
- }
19663
- .bn100 {
19664
- bottom: -100% !important;
19665
- }
19666
19776
  .bn1 {
19667
19777
  bottom: calc(var(--su1) * -1) !important;
19668
19778
  }
@@ -19702,6 +19812,21 @@ body {
19702
19812
  .bn128 {
19703
19813
  bottom: calc(var(--su128) * -1) !important;
19704
19814
  }
19815
+ .b50 {
19816
+ bottom: 50% !important;
19817
+ }
19818
+ .b100 {
19819
+ bottom: 100% !important;
19820
+ }
19821
+ .bn50 {
19822
+ bottom: -50% !important;
19823
+ }
19824
+ .bn100 {
19825
+ bottom: -100% !important;
19826
+ }
19827
+ .l0 {
19828
+ left: var(--su0) !important;
19829
+ }
19705
19830
  .l1 {
19706
19831
  left: var(--su1) !important;
19707
19832
  }
@@ -19741,21 +19866,6 @@ body {
19741
19866
  .l128 {
19742
19867
  left: var(--su128) !important;
19743
19868
  }
19744
- .l0 {
19745
- left: 0 !important;
19746
- }
19747
- .l50 {
19748
- left: 50% !important;
19749
- }
19750
- .ln50 {
19751
- left: -50% !important;
19752
- }
19753
- .l100 {
19754
- left: 100% !important;
19755
- }
19756
- .ln100 {
19757
- left: -100% !important;
19758
- }
19759
19869
  .ln1 {
19760
19870
  left: calc(var(--su1) * -1) !important;
19761
19871
  }
@@ -19795,47 +19905,17 @@ body {
19795
19905
  .ln128 {
19796
19906
  left: calc(var(--su128) * -1) !important;
19797
19907
  }
19798
- .i1 {
19799
- inset: var(--su1) !important;
19800
- }
19801
- .i2 {
19802
- inset: var(--su2) !important;
19803
- }
19804
- .i4 {
19805
- inset: var(--su4) !important;
19806
- }
19807
- .i6 {
19808
- inset: var(--su6) !important;
19809
- }
19810
- .i8 {
19811
- inset: var(--su8) !important;
19812
- }
19813
- .i12 {
19814
- inset: var(--su12) !important;
19815
- }
19816
- .i16 {
19817
- inset: var(--su16) !important;
19818
- }
19819
- .i24 {
19820
- inset: var(--su24) !important;
19821
- }
19822
- .i32 {
19823
- inset: var(--su32) !important;
19824
- }
19825
- .i48 {
19826
- inset: var(--su48) !important;
19827
- }
19828
- .i64 {
19829
- inset: var(--su64) !important;
19908
+ .l50 {
19909
+ left: 50% !important;
19830
19910
  }
19831
- .i96 {
19832
- inset: var(--su96) !important;
19911
+ .l100 {
19912
+ left: 100% !important;
19833
19913
  }
19834
- .i128 {
19835
- inset: var(--su128) !important;
19914
+ .ln50 {
19915
+ left: -50% !important;
19836
19916
  }
19837
- .i0 {
19838
- inset: 0 !important;
19917
+ .ln100 {
19918
+ left: -100% !important;
19839
19919
  }
19840
19920
  h1,
19841
19921
  h2,
@@ -20284,6 +20364,32 @@ ol {
20284
20364
  background-position: top -10px center;
20285
20365
  background-image: url("data:image/svg+xml;,%3Csvg width='574' height='60' viewBox='0 0 574 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect opacity='0.8' x='27.1224' y='20.0458' width='5' height='13' transform='rotate(-139 27.1224 20.0458)' fill='%23F23B14'/%3E%3Crect opacity='0.8' x='118.478' y='7.00201' width='5' height='13' transform='rotate(-38.8114 118.478 7.00201)' fill='%23FBBA23'/%3E%3Crect opacity='0.8' x='504.616' y='25.4479' width='5' height='13' transform='rotate(-60.2734 504.616 25.4479)' fill='%23F23B14'/%3E%3Crect opacity='0.6' x='538.983' y='45.555' width='5' height='13' transform='rotate(16.7826 538.983 45.555)' fill='%232A2F6A'/%3E%3Crect opacity='0.3' x='470.322' y='2.63625' width='5' height='13' transform='rotate(11.295 470.322 2.63625)' fill='%2333AAFF'/%3E%3Crect opacity='0.3' x='190.295' y='4.58138' width='5' height='13' transform='rotate(27.5954 190.295 4.58138)' fill='%23F23B14'/%3E%3Crect opacity='0.8' x='234.303' y='16.3233' width='5' height='13' transform='rotate(-41.8233 234.303 16.3233)' fill='%2365BB5C'/%3E%3Crect opacity='0.6' x='369.702' y='40.9875' width='5' height='13' transform='rotate(-56.419 369.702 40.9875)' fill='%2333AAFF'/%3E%3Crect opacity='0.3' x='402.121' y='31.0848' width='5' height='13' transform='rotate(-17.9234 402.121 31.0848)' fill='%23F23B14'/%3E%3Crect opacity='0.6' x='200.316' y='31.9328' width='5' height='13' transform='rotate(-15.8896 200.316 31.9328)' fill='%232A2F6A'/%3E%3Crect opacity='0.6' x='69.6745' y='23.4725' width='6' height='10' transform='rotate(70.0266 69.6745 23.4725)' fill='%2365BB5C'/%3E%3Crect opacity='0.6' x='291.945' y='7.16931' width='6' height='10' transform='rotate(30.4258 291.945 7.16931)' fill='%23FBBA23'/%3E%3Crect opacity='0.3' x='33.7754' y='38.2208' width='6' height='10' transform='rotate(38.6056 33.7754 38.2208)' fill='%23FBBA23'/%3E%3Crect opacity='0.8' x='109.752' y='31.1743' width='6' height='10' transform='rotate(28.5296 109.752 31.1743)' fill='%2333AAFF'/%3E%3Crect opacity='0.3' x='278.081' y='37.8695' width='6' height='10' transform='rotate(-26.5651 278.081 37.8695)' fill='%23F23B14'/%3E%3Crect opacity='0.8' x='416.294' y='11.5573' width='6' height='10' transform='rotate(-22.8498 416.294 11.5573)' fill='%23FBBA23'/%3E%3Crect opacity='0.3' x='354.667' y='9.32341' width='6' height='10' transform='rotate(17.7506 354.667 9.32341)' fill='%232A2F6A'/%3E%3Crect opacity='0.8' x='532.404' y='16.6372' width='6' height='10' transform='rotate(-75.3432 532.404 16.6372)' fill='%23FBBA23'/%3E%3Crect opacity='0.6' x='460.463' y='39.3557' width='6' height='10' transform='rotate(45.4982 460.463 39.3557)' fill='%2365BB5C'/%3E%3C/svg%3E");
20286
20366
  }
20367
+ .focus,
20368
+ .f\:focus:focus,
20369
+ .f\:focus:focus-within {
20370
+ box-shadow: 0 0 0 var(--su-static2) var(--focus-neutral), 0 0 0 var(--su-static4) var(--focus-theme);
20371
+ outline: var(--su-static2) solid transparent !important;
20372
+ }
20373
+ .focus-inset,
20374
+ .f\:focus-inset:focus,
20375
+ .f\:focus-inset:focus-within {
20376
+ box-shadow: inset 0 0 0 var(--su-static2) var(--focus-theme), inset 0 0 0 var(--su-static4) var(--focus-neutral);
20377
+ outline: var(--su-static2) solid transparent !important;
20378
+ }
20379
+ .focus-bordered,
20380
+ .f\:focus-bordered:focus,
20381
+ .f\:focus-bordered:focus-within {
20382
+ border-color: var(--focus-neutral) !important;
20383
+ box-shadow: 0 0 0 var(--su-static1) var(--focus-neutral), 0 0 0 calc(var(--su-static4) - var(--su-static1)) var(--focus-theme);
20384
+ outline: var(--su-static2) solid transparent !important;
20385
+ }
20386
+ .focus-inset-bordered,
20387
+ .f\:focus-inset-bordered:focus,
20388
+ .f\:focus-inset-bordered:focus-within {
20389
+ border-color: var(--focus-theme) !important;
20390
+ box-shadow: inset 0 0 0 var(--su-static1) var(--focus-theme), inset 0 0 0 calc(var(--su-static4) - var(--su-static1)) var(--focus-neutral);
20391
+ outline: var(--su-static2) solid transparent !important;
20392
+ }
20287
20393
  .of-contain {
20288
20394
  object-fit: contain !important;
20289
20395
  }
@@ -21838,6 +21944,9 @@ ol {
21838
21944
  .lg\:js-unset {
21839
21945
  justify-self: unset !important;
21840
21946
  }
21947
+ .lg\:m0 {
21948
+ margin: var(--su0) !important;
21949
+ }
21841
21950
  .lg\:m1 {
21842
21951
  margin: var(--su1) !important;
21843
21952
  }
@@ -21877,9 +21986,6 @@ ol {
21877
21986
  .lg\:m128 {
21878
21987
  margin: var(--su128) !important;
21879
21988
  }
21880
- .lg\:m0 {
21881
- margin: 0 !important;
21882
- }
21883
21989
  .lg\:mn1 {
21884
21990
  margin: calc(var(--su1) * -1) !important;
21885
21991
  }
@@ -21919,13 +22025,28 @@ ol {
21919
22025
  .lg\:mn128 {
21920
22026
  margin: calc(var(--su128) * -1) !important;
21921
22027
  }
21922
- .lg\:mt1 {
21923
- margin-top: var(--su1) !important;
22028
+ .lg\:m50 {
22029
+ margin: 50% !important;
21924
22030
  }
21925
- .lg\:mt2 {
21926
- margin-top: var(--su2) !important;
22031
+ .lg\:m100 {
22032
+ margin: 100% !important;
21927
22033
  }
21928
- .lg\:mt4 {
22034
+ .lg\:mn50 {
22035
+ margin: -50% !important;
22036
+ }
22037
+ .lg\:mn100 {
22038
+ margin: -100% !important;
22039
+ }
22040
+ .lg\:mt0 {
22041
+ margin-top: var(--su0) !important;
22042
+ }
22043
+ .lg\:mt1 {
22044
+ margin-top: var(--su1) !important;
22045
+ }
22046
+ .lg\:mt2 {
22047
+ margin-top: var(--su2) !important;
22048
+ }
22049
+ .lg\:mt4 {
21929
22050
  margin-top: var(--su4) !important;
21930
22051
  }
21931
22052
  .lg\:mt6 {
@@ -21958,9 +22079,6 @@ ol {
21958
22079
  .lg\:mt128 {
21959
22080
  margin-top: var(--su128) !important;
21960
22081
  }
21961
- .lg\:mt0 {
21962
- margin-top: 0 !important;
21963
- }
21964
22082
  .lg\:mtn1 {
21965
22083
  margin-top: calc(var(--su1) * -1) !important;
21966
22084
  }
@@ -22000,6 +22118,21 @@ ol {
22000
22118
  .lg\:mtn128 {
22001
22119
  margin-top: calc(var(--su128) * -1) !important;
22002
22120
  }
22121
+ .lg\:mt50 {
22122
+ margin-top: 50% !important;
22123
+ }
22124
+ .lg\:mt100 {
22125
+ margin-top: 100% !important;
22126
+ }
22127
+ .lg\:mtn50 {
22128
+ margin-top: -50% !important;
22129
+ }
22130
+ .lg\:mtn100 {
22131
+ margin-top: -100% !important;
22132
+ }
22133
+ .lg\:mr0 {
22134
+ margin-right: var(--su0) !important;
22135
+ }
22003
22136
  .lg\:mr1 {
22004
22137
  margin-right: var(--su1) !important;
22005
22138
  }
@@ -22039,9 +22172,6 @@ ol {
22039
22172
  .lg\:mr128 {
22040
22173
  margin-right: var(--su128) !important;
22041
22174
  }
22042
- .lg\:mr0 {
22043
- margin-right: 0 !important;
22044
- }
22045
22175
  .lg\:mrn1 {
22046
22176
  margin-right: calc(var(--su1) * -1) !important;
22047
22177
  }
@@ -22081,6 +22211,21 @@ ol {
22081
22211
  .lg\:mrn128 {
22082
22212
  margin-right: calc(var(--su128) * -1) !important;
22083
22213
  }
22214
+ .lg\:mr50 {
22215
+ margin-right: 50% !important;
22216
+ }
22217
+ .lg\:mr100 {
22218
+ margin-right: 100% !important;
22219
+ }
22220
+ .lg\:mrn50 {
22221
+ margin-right: -50% !important;
22222
+ }
22223
+ .lg\:mrn100 {
22224
+ margin-right: -100% !important;
22225
+ }
22226
+ .lg\:mb0 {
22227
+ margin-bottom: var(--su0) !important;
22228
+ }
22084
22229
  .lg\:mb1 {
22085
22230
  margin-bottom: var(--su1) !important;
22086
22231
  }
@@ -22120,9 +22265,6 @@ ol {
22120
22265
  .lg\:mb128 {
22121
22266
  margin-bottom: var(--su128) !important;
22122
22267
  }
22123
- .lg\:mb0 {
22124
- margin-bottom: 0 !important;
22125
- }
22126
22268
  .lg\:mbn1 {
22127
22269
  margin-bottom: calc(var(--su1) * -1) !important;
22128
22270
  }
@@ -22162,6 +22304,21 @@ ol {
22162
22304
  .lg\:mbn128 {
22163
22305
  margin-bottom: calc(var(--su128) * -1) !important;
22164
22306
  }
22307
+ .lg\:mb50 {
22308
+ margin-bottom: 50% !important;
22309
+ }
22310
+ .lg\:mb100 {
22311
+ margin-bottom: 100% !important;
22312
+ }
22313
+ .lg\:mbn50 {
22314
+ margin-bottom: -50% !important;
22315
+ }
22316
+ .lg\:mbn100 {
22317
+ margin-bottom: -100% !important;
22318
+ }
22319
+ .lg\:ml0 {
22320
+ margin-left: var(--su0) !important;
22321
+ }
22165
22322
  .lg\:ml1 {
22166
22323
  margin-left: var(--su1) !important;
22167
22324
  }
@@ -22201,9 +22358,6 @@ ol {
22201
22358
  .lg\:ml128 {
22202
22359
  margin-left: var(--su128) !important;
22203
22360
  }
22204
- .lg\:ml0 {
22205
- margin-left: 0 !important;
22206
- }
22207
22361
  .lg\:mln1 {
22208
22362
  margin-left: calc(var(--su1) * -1) !important;
22209
22363
  }
@@ -22243,6 +22397,237 @@ ol {
22243
22397
  .lg\:mln128 {
22244
22398
  margin-left: calc(var(--su128) * -1) !important;
22245
22399
  }
22400
+ .lg\:ml50 {
22401
+ margin-left: 50% !important;
22402
+ }
22403
+ .lg\:ml100 {
22404
+ margin-left: 100% !important;
22405
+ }
22406
+ .lg\:mln50 {
22407
+ margin-left: -50% !important;
22408
+ }
22409
+ .lg\:mln100 {
22410
+ margin-left: -100% !important;
22411
+ }
22412
+ .lg\:mx0 {
22413
+ margin-left: var(--su0) !important;
22414
+ margin-right: var(--su0) !important;
22415
+ }
22416
+ .lg\:mx1 {
22417
+ margin-left: var(--su1) !important;
22418
+ margin-right: var(--su1) !important;
22419
+ }
22420
+ .lg\:mx2 {
22421
+ margin-left: var(--su2) !important;
22422
+ margin-right: var(--su2) !important;
22423
+ }
22424
+ .lg\:mx4 {
22425
+ margin-left: var(--su4) !important;
22426
+ margin-right: var(--su4) !important;
22427
+ }
22428
+ .lg\:mx6 {
22429
+ margin-left: var(--su6) !important;
22430
+ margin-right: var(--su6) !important;
22431
+ }
22432
+ .lg\:mx8 {
22433
+ margin-left: var(--su8) !important;
22434
+ margin-right: var(--su8) !important;
22435
+ }
22436
+ .lg\:mx12 {
22437
+ margin-left: var(--su12) !important;
22438
+ margin-right: var(--su12) !important;
22439
+ }
22440
+ .lg\:mx16 {
22441
+ margin-left: var(--su16) !important;
22442
+ margin-right: var(--su16) !important;
22443
+ }
22444
+ .lg\:mx24 {
22445
+ margin-left: var(--su24) !important;
22446
+ margin-right: var(--su24) !important;
22447
+ }
22448
+ .lg\:mx32 {
22449
+ margin-left: var(--su32) !important;
22450
+ margin-right: var(--su32) !important;
22451
+ }
22452
+ .lg\:mx48 {
22453
+ margin-left: var(--su48) !important;
22454
+ margin-right: var(--su48) !important;
22455
+ }
22456
+ .lg\:mx64 {
22457
+ margin-left: var(--su64) !important;
22458
+ margin-right: var(--su64) !important;
22459
+ }
22460
+ .lg\:mx96 {
22461
+ margin-left: var(--su96) !important;
22462
+ margin-right: var(--su96) !important;
22463
+ }
22464
+ .lg\:mx128 {
22465
+ margin-left: var(--su128) !important;
22466
+ margin-right: var(--su128) !important;
22467
+ }
22468
+ .lg\:mxn1 {
22469
+ margin-left: calc(var(--su1) * -1) !important;
22470
+ margin-right: calc(var(--su1) * -1) !important;
22471
+ }
22472
+ .lg\:mxn2 {
22473
+ margin-left: calc(var(--su2) * -1) !important;
22474
+ margin-right: calc(var(--su2) * -1) !important;
22475
+ }
22476
+ .lg\:mxn4 {
22477
+ margin-left: calc(var(--su4) * -1) !important;
22478
+ margin-right: calc(var(--su4) * -1) !important;
22479
+ }
22480
+ .lg\:mxn6 {
22481
+ margin-left: calc(var(--su6) * -1) !important;
22482
+ margin-right: calc(var(--su6) * -1) !important;
22483
+ }
22484
+ .lg\:mxn8 {
22485
+ margin-left: calc(var(--su8) * -1) !important;
22486
+ margin-right: calc(var(--su8) * -1) !important;
22487
+ }
22488
+ .lg\:mxn12 {
22489
+ margin-left: calc(var(--su12) * -1) !important;
22490
+ margin-right: calc(var(--su12) * -1) !important;
22491
+ }
22492
+ .lg\:mxn16 {
22493
+ margin-left: calc(var(--su16) * -1) !important;
22494
+ margin-right: calc(var(--su16) * -1) !important;
22495
+ }
22496
+ .lg\:mxn24 {
22497
+ margin-left: calc(var(--su24) * -1) !important;
22498
+ margin-right: calc(var(--su24) * -1) !important;
22499
+ }
22500
+ .lg\:mxn32 {
22501
+ margin-left: calc(var(--su32) * -1) !important;
22502
+ margin-right: calc(var(--su32) * -1) !important;
22503
+ }
22504
+ .lg\:mxn48 {
22505
+ margin-left: calc(var(--su48) * -1) !important;
22506
+ margin-right: calc(var(--su48) * -1) !important;
22507
+ }
22508
+ .lg\:mxn64 {
22509
+ margin-left: calc(var(--su64) * -1) !important;
22510
+ margin-right: calc(var(--su64) * -1) !important;
22511
+ }
22512
+ .lg\:mxn96 {
22513
+ margin-left: calc(var(--su96) * -1) !important;
22514
+ margin-right: calc(var(--su96) * -1) !important;
22515
+ }
22516
+ .lg\:mxn128 {
22517
+ margin-left: calc(var(--su128) * -1) !important;
22518
+ margin-right: calc(var(--su128) * -1) !important;
22519
+ }
22520
+ .lg\:my0 {
22521
+ margin-top: var(--su0) !important;
22522
+ margin-bottom: var(--su0) !important;
22523
+ }
22524
+ .lg\:my1 {
22525
+ margin-top: var(--su1) !important;
22526
+ margin-bottom: var(--su1) !important;
22527
+ }
22528
+ .lg\:my2 {
22529
+ margin-top: var(--su2) !important;
22530
+ margin-bottom: var(--su2) !important;
22531
+ }
22532
+ .lg\:my4 {
22533
+ margin-top: var(--su4) !important;
22534
+ margin-bottom: var(--su4) !important;
22535
+ }
22536
+ .lg\:my6 {
22537
+ margin-top: var(--su6) !important;
22538
+ margin-bottom: var(--su6) !important;
22539
+ }
22540
+ .lg\:my8 {
22541
+ margin-top: var(--su8) !important;
22542
+ margin-bottom: var(--su8) !important;
22543
+ }
22544
+ .lg\:my12 {
22545
+ margin-top: var(--su12) !important;
22546
+ margin-bottom: var(--su12) !important;
22547
+ }
22548
+ .lg\:my16 {
22549
+ margin-top: var(--su16) !important;
22550
+ margin-bottom: var(--su16) !important;
22551
+ }
22552
+ .lg\:my24 {
22553
+ margin-top: var(--su24) !important;
22554
+ margin-bottom: var(--su24) !important;
22555
+ }
22556
+ .lg\:my32 {
22557
+ margin-top: var(--su32) !important;
22558
+ margin-bottom: var(--su32) !important;
22559
+ }
22560
+ .lg\:my48 {
22561
+ margin-top: var(--su48) !important;
22562
+ margin-bottom: var(--su48) !important;
22563
+ }
22564
+ .lg\:my64 {
22565
+ margin-top: var(--su64) !important;
22566
+ margin-bottom: var(--su64) !important;
22567
+ }
22568
+ .lg\:my96 {
22569
+ margin-top: var(--su96) !important;
22570
+ margin-bottom: var(--su96) !important;
22571
+ }
22572
+ .lg\:my128 {
22573
+ margin-top: var(--su128) !important;
22574
+ margin-bottom: var(--su128) !important;
22575
+ }
22576
+ .lg\:myn1 {
22577
+ margin-top: calc(var(--su1) * -1) !important;
22578
+ margin-bottom: calc(var(--su1) * -1) !important;
22579
+ }
22580
+ .lg\:myn2 {
22581
+ margin-top: calc(var(--su2) * -1) !important;
22582
+ margin-bottom: calc(var(--su2) * -1) !important;
22583
+ }
22584
+ .lg\:myn4 {
22585
+ margin-top: calc(var(--su4) * -1) !important;
22586
+ margin-bottom: calc(var(--su4) * -1) !important;
22587
+ }
22588
+ .lg\:myn6 {
22589
+ margin-top: calc(var(--su6) * -1) !important;
22590
+ margin-bottom: calc(var(--su6) * -1) !important;
22591
+ }
22592
+ .lg\:myn8 {
22593
+ margin-top: calc(var(--su8) * -1) !important;
22594
+ margin-bottom: calc(var(--su8) * -1) !important;
22595
+ }
22596
+ .lg\:myn12 {
22597
+ margin-top: calc(var(--su12) * -1) !important;
22598
+ margin-bottom: calc(var(--su12) * -1) !important;
22599
+ }
22600
+ .lg\:myn16 {
22601
+ margin-top: calc(var(--su16) * -1) !important;
22602
+ margin-bottom: calc(var(--su16) * -1) !important;
22603
+ }
22604
+ .lg\:myn24 {
22605
+ margin-top: calc(var(--su24) * -1) !important;
22606
+ margin-bottom: calc(var(--su24) * -1) !important;
22607
+ }
22608
+ .lg\:myn32 {
22609
+ margin-top: calc(var(--su32) * -1) !important;
22610
+ margin-bottom: calc(var(--su32) * -1) !important;
22611
+ }
22612
+ .lg\:myn48 {
22613
+ margin-top: calc(var(--su48) * -1) !important;
22614
+ margin-bottom: calc(var(--su48) * -1) !important;
22615
+ }
22616
+ .lg\:myn64 {
22617
+ margin-top: calc(var(--su64) * -1) !important;
22618
+ margin-bottom: calc(var(--su64) * -1) !important;
22619
+ }
22620
+ .lg\:myn96 {
22621
+ margin-top: calc(var(--su96) * -1) !important;
22622
+ margin-bottom: calc(var(--su96) * -1) !important;
22623
+ }
22624
+ .lg\:myn128 {
22625
+ margin-top: calc(var(--su128) * -1) !important;
22626
+ margin-bottom: calc(var(--su128) * -1) !important;
22627
+ }
22628
+ .lg\:p0 {
22629
+ padding: var(--su0) !important;
22630
+ }
22246
22631
  .lg\:p1 {
22247
22632
  padding: var(--su1) !important;
22248
22633
  }
@@ -22282,8 +22667,8 @@ ol {
22282
22667
  .lg\:p128 {
22283
22668
  padding: var(--su128) !important;
22284
22669
  }
22285
- .lg\:p0 {
22286
- padding: 0 !important;
22670
+ .lg\:pt0 {
22671
+ padding-top: var(--su0) !important;
22287
22672
  }
22288
22673
  .lg\:pt1 {
22289
22674
  padding-top: var(--su1) !important;
@@ -22324,8 +22709,8 @@ ol {
22324
22709
  .lg\:pt128 {
22325
22710
  padding-top: var(--su128) !important;
22326
22711
  }
22327
- .lg\:pt0 {
22328
- padding-top: 0 !important;
22712
+ .lg\:pr0 {
22713
+ padding-right: var(--su0) !important;
22329
22714
  }
22330
22715
  .lg\:pr1 {
22331
22716
  padding-right: var(--su1) !important;
@@ -22366,6 +22751,9 @@ ol {
22366
22751
  .lg\:pr128 {
22367
22752
  padding-right: var(--su128) !important;
22368
22753
  }
22754
+ .lg\:pb0 {
22755
+ padding-bottom: var(--su0) !important;
22756
+ }
22369
22757
  .lg\:pb1 {
22370
22758
  padding-bottom: var(--su1) !important;
22371
22759
  }
@@ -22405,8 +22793,8 @@ ol {
22405
22793
  .lg\:pb128 {
22406
22794
  padding-bottom: var(--su128) !important;
22407
22795
  }
22408
- .lg\:pr0 {
22409
- padding-right: 0 !important;
22796
+ .lg\:pl0 {
22797
+ padding-left: var(--su0) !important;
22410
22798
  }
22411
22799
  .lg\:pl1 {
22412
22800
  padding-left: var(--su1) !important;
@@ -22447,44 +22835,198 @@ ol {
22447
22835
  .lg\:pl128 {
22448
22836
  padding-left: var(--su128) !important;
22449
22837
  }
22450
- .lg\:pl0 {
22451
- padding-left: 0 !important;
22452
- }
22453
- .lg\:t1 {
22454
- top: var(--su1) !important;
22838
+ .lg\:px0 {
22839
+ padding-left: var(--su0) !important;
22840
+ padding-right: var(--su0) !important;
22455
22841
  }
22456
- .lg\:t2 {
22457
- top: var(--su2) !important;
22842
+ .lg\:px1 {
22843
+ padding-left: var(--su1) !important;
22844
+ padding-right: var(--su1) !important;
22458
22845
  }
22459
- .lg\:t4 {
22460
- top: var(--su4) !important;
22846
+ .lg\:px2 {
22847
+ padding-left: var(--su2) !important;
22848
+ padding-right: var(--su2) !important;
22461
22849
  }
22462
- .lg\:t6 {
22463
- top: var(--su6) !important;
22850
+ .lg\:px4 {
22851
+ padding-left: var(--su4) !important;
22852
+ padding-right: var(--su4) !important;
22464
22853
  }
22465
- .lg\:t8 {
22466
- top: var(--su8) !important;
22854
+ .lg\:px6 {
22855
+ padding-left: var(--su6) !important;
22856
+ padding-right: var(--su6) !important;
22467
22857
  }
22468
- .lg\:t12 {
22469
- top: var(--su12) !important;
22858
+ .lg\:px8 {
22859
+ padding-left: var(--su8) !important;
22860
+ padding-right: var(--su8) !important;
22470
22861
  }
22471
- .lg\:t16 {
22472
- top: var(--su16) !important;
22862
+ .lg\:px12 {
22863
+ padding-left: var(--su12) !important;
22864
+ padding-right: var(--su12) !important;
22473
22865
  }
22474
- .lg\:t24 {
22475
- top: var(--su24) !important;
22866
+ .lg\:px16 {
22867
+ padding-left: var(--su16) !important;
22868
+ padding-right: var(--su16) !important;
22476
22869
  }
22477
- .lg\:t32 {
22478
- top: var(--su32) !important;
22870
+ .lg\:px24 {
22871
+ padding-left: var(--su24) !important;
22872
+ padding-right: var(--su24) !important;
22479
22873
  }
22480
- .lg\:t48 {
22481
- top: var(--su48) !important;
22874
+ .lg\:px32 {
22875
+ padding-left: var(--su32) !important;
22876
+ padding-right: var(--su32) !important;
22482
22877
  }
22483
- .lg\:t64 {
22484
- top: var(--su64) !important;
22878
+ .lg\:px48 {
22879
+ padding-left: var(--su48) !important;
22880
+ padding-right: var(--su48) !important;
22485
22881
  }
22486
- .lg\:t96 {
22487
- top: var(--su96) !important;
22882
+ .lg\:px64 {
22883
+ padding-left: var(--su64) !important;
22884
+ padding-right: var(--su64) !important;
22885
+ }
22886
+ .lg\:px96 {
22887
+ padding-left: var(--su96) !important;
22888
+ padding-right: var(--su96) !important;
22889
+ }
22890
+ .lg\:px128 {
22891
+ padding-left: var(--su128) !important;
22892
+ padding-right: var(--su128) !important;
22893
+ }
22894
+ .lg\:py0 {
22895
+ padding-top: var(--su0) !important;
22896
+ padding-bottom: var(--su0) !important;
22897
+ }
22898
+ .lg\:py1 {
22899
+ padding-top: var(--su1) !important;
22900
+ padding-bottom: var(--su1) !important;
22901
+ }
22902
+ .lg\:py2 {
22903
+ padding-top: var(--su2) !important;
22904
+ padding-bottom: var(--su2) !important;
22905
+ }
22906
+ .lg\:py4 {
22907
+ padding-top: var(--su4) !important;
22908
+ padding-bottom: var(--su4) !important;
22909
+ }
22910
+ .lg\:py6 {
22911
+ padding-top: var(--su6) !important;
22912
+ padding-bottom: var(--su6) !important;
22913
+ }
22914
+ .lg\:py8 {
22915
+ padding-top: var(--su8) !important;
22916
+ padding-bottom: var(--su8) !important;
22917
+ }
22918
+ .lg\:py12 {
22919
+ padding-top: var(--su12) !important;
22920
+ padding-bottom: var(--su12) !important;
22921
+ }
22922
+ .lg\:py16 {
22923
+ padding-top: var(--su16) !important;
22924
+ padding-bottom: var(--su16) !important;
22925
+ }
22926
+ .lg\:py24 {
22927
+ padding-top: var(--su24) !important;
22928
+ padding-bottom: var(--su24) !important;
22929
+ }
22930
+ .lg\:py32 {
22931
+ padding-top: var(--su32) !important;
22932
+ padding-bottom: var(--su32) !important;
22933
+ }
22934
+ .lg\:py48 {
22935
+ padding-top: var(--su48) !important;
22936
+ padding-bottom: var(--su48) !important;
22937
+ }
22938
+ .lg\:py64 {
22939
+ padding-top: var(--su64) !important;
22940
+ padding-bottom: var(--su64) !important;
22941
+ }
22942
+ .lg\:py96 {
22943
+ padding-top: var(--su96) !important;
22944
+ padding-bottom: var(--su96) !important;
22945
+ }
22946
+ .lg\:py128 {
22947
+ padding-top: var(--su128) !important;
22948
+ padding-bottom: var(--su128) !important;
22949
+ }
22950
+ .lg\:i0 {
22951
+ inset: var(--su0) !important;
22952
+ }
22953
+ .lg\:i1 {
22954
+ inset: var(--su1) !important;
22955
+ }
22956
+ .lg\:i2 {
22957
+ inset: var(--su2) !important;
22958
+ }
22959
+ .lg\:i4 {
22960
+ inset: var(--su4) !important;
22961
+ }
22962
+ .lg\:i6 {
22963
+ inset: var(--su6) !important;
22964
+ }
22965
+ .lg\:i8 {
22966
+ inset: var(--su8) !important;
22967
+ }
22968
+ .lg\:i12 {
22969
+ inset: var(--su12) !important;
22970
+ }
22971
+ .lg\:i16 {
22972
+ inset: var(--su16) !important;
22973
+ }
22974
+ .lg\:i24 {
22975
+ inset: var(--su24) !important;
22976
+ }
22977
+ .lg\:i32 {
22978
+ inset: var(--su32) !important;
22979
+ }
22980
+ .lg\:i48 {
22981
+ inset: var(--su48) !important;
22982
+ }
22983
+ .lg\:i64 {
22984
+ inset: var(--su64) !important;
22985
+ }
22986
+ .lg\:i96 {
22987
+ inset: var(--su96) !important;
22988
+ }
22989
+ .lg\:i128 {
22990
+ inset: var(--su128) !important;
22991
+ }
22992
+ .lg\:t0 {
22993
+ top: var(--su0) !important;
22994
+ }
22995
+ .lg\:t1 {
22996
+ top: var(--su1) !important;
22997
+ }
22998
+ .lg\:t2 {
22999
+ top: var(--su2) !important;
23000
+ }
23001
+ .lg\:t4 {
23002
+ top: var(--su4) !important;
23003
+ }
23004
+ .lg\:t6 {
23005
+ top: var(--su6) !important;
23006
+ }
23007
+ .lg\:t8 {
23008
+ top: var(--su8) !important;
23009
+ }
23010
+ .lg\:t12 {
23011
+ top: var(--su12) !important;
23012
+ }
23013
+ .lg\:t16 {
23014
+ top: var(--su16) !important;
23015
+ }
23016
+ .lg\:t24 {
23017
+ top: var(--su24) !important;
23018
+ }
23019
+ .lg\:t32 {
23020
+ top: var(--su32) !important;
23021
+ }
23022
+ .lg\:t48 {
23023
+ top: var(--su48) !important;
23024
+ }
23025
+ .lg\:t64 {
23026
+ top: var(--su64) !important;
23027
+ }
23028
+ .lg\:t96 {
23029
+ top: var(--su96) !important;
22488
23030
  }
22489
23031
  .lg\:t128 {
22490
23032
  top: var(--su128) !important;
@@ -22528,6 +23070,21 @@ ol {
22528
23070
  .lg\:tn128 {
22529
23071
  top: calc(var(--su128) * -1) !important;
22530
23072
  }
23073
+ .lg\:t50 {
23074
+ top: 50% !important;
23075
+ }
23076
+ .lg\:t100 {
23077
+ top: 100% !important;
23078
+ }
23079
+ .lg\:tn50 {
23080
+ top: -50% !important;
23081
+ }
23082
+ .lg\:tn100 {
23083
+ top: -100% !important;
23084
+ }
23085
+ .lg\:r0 {
23086
+ right: var(--su0) !important;
23087
+ }
22531
23088
  .lg\:r1 {
22532
23089
  right: var(--su1) !important;
22533
23090
  }
@@ -22606,6 +23163,21 @@ ol {
22606
23163
  .lg\:rn128 {
22607
23164
  right: calc(var(--su128) * -1) !important;
22608
23165
  }
23166
+ .lg\:r50 {
23167
+ right: 50% !important;
23168
+ }
23169
+ .lg\:r100 {
23170
+ right: 100% !important;
23171
+ }
23172
+ .lg\:rn50 {
23173
+ right: -50% !important;
23174
+ }
23175
+ .lg\:rn100 {
23176
+ right: -100% !important;
23177
+ }
23178
+ .lg\:b0 {
23179
+ bottom: var(--su0) !important;
23180
+ }
22609
23181
  .lg\:b1 {
22610
23182
  bottom: var(--su1) !important;
22611
23183
  }
@@ -22684,6 +23256,21 @@ ol {
22684
23256
  .lg\:bn128 {
22685
23257
  bottom: calc(var(--su128) * -1) !important;
22686
23258
  }
23259
+ .lg\:b50 {
23260
+ bottom: 50% !important;
23261
+ }
23262
+ .lg\:b100 {
23263
+ bottom: 100% !important;
23264
+ }
23265
+ .lg\:bn50 {
23266
+ bottom: -50% !important;
23267
+ }
23268
+ .lg\:bn100 {
23269
+ bottom: -100% !important;
23270
+ }
23271
+ .lg\:l0 {
23272
+ left: var(--su0) !important;
23273
+ }
22687
23274
  .lg\:l1 {
22688
23275
  left: var(--su1) !important;
22689
23276
  }
@@ -22762,44 +23349,17 @@ ol {
22762
23349
  .lg\:ln128 {
22763
23350
  left: calc(var(--su128) * -1) !important;
22764
23351
  }
22765
- .lg\:i1 {
22766
- inset: var(--su1) !important;
22767
- }
22768
- .lg\:i2 {
22769
- inset: var(--su2) !important;
22770
- }
22771
- .lg\:i4 {
22772
- inset: var(--su4) !important;
22773
- }
22774
- .lg\:i6 {
22775
- inset: var(--su6) !important;
23352
+ .lg\:l50 {
23353
+ left: 50% !important;
22776
23354
  }
22777
- .lg\:i8 {
22778
- inset: var(--su8) !important;
23355
+ .lg\:l100 {
23356
+ left: 100% !important;
22779
23357
  }
22780
- .lg\:i12 {
22781
- inset: var(--su12) !important;
23358
+ .lg\:ln50 {
23359
+ left: -50% !important;
22782
23360
  }
22783
- .lg\:i16 {
22784
- inset: var(--su16) !important;
22785
- }
22786
- .lg\:i24 {
22787
- inset: var(--su24) !important;
22788
- }
22789
- .lg\:i32 {
22790
- inset: var(--su32) !important;
22791
- }
22792
- .lg\:i48 {
22793
- inset: var(--su48) !important;
22794
- }
22795
- .lg\:i64 {
22796
- inset: var(--su64) !important;
22797
- }
22798
- .lg\:i96 {
22799
- inset: var(--su96) !important;
22800
- }
22801
- .lg\:i128 {
22802
- inset: var(--su128) !important;
23361
+ .lg\:ln100 {
23362
+ left: -100% !important;
22803
23363
  }
22804
23364
  .lg\:ta-left {
22805
23365
  text-align: left !important;
@@ -23492,6 +24052,9 @@ ol {
23492
24052
  .md\:js-unset {
23493
24053
  justify-self: unset !important;
23494
24054
  }
24055
+ .md\:m0 {
24056
+ margin: var(--su0) !important;
24057
+ }
23495
24058
  .md\:m1 {
23496
24059
  margin: var(--su1) !important;
23497
24060
  }
@@ -23531,9 +24094,6 @@ ol {
23531
24094
  .md\:m128 {
23532
24095
  margin: var(--su128) !important;
23533
24096
  }
23534
- .md\:m0 {
23535
- margin: 0 !important;
23536
- }
23537
24097
  .md\:mn1 {
23538
24098
  margin: calc(var(--su1) * -1) !important;
23539
24099
  }
@@ -23573,6 +24133,21 @@ ol {
23573
24133
  .md\:mn128 {
23574
24134
  margin: calc(var(--su128) * -1) !important;
23575
24135
  }
24136
+ .md\:m50 {
24137
+ margin: 50% !important;
24138
+ }
24139
+ .md\:m100 {
24140
+ margin: 100% !important;
24141
+ }
24142
+ .md\:mn50 {
24143
+ margin: -50% !important;
24144
+ }
24145
+ .md\:mn100 {
24146
+ margin: -100% !important;
24147
+ }
24148
+ .md\:mt0 {
24149
+ margin-top: var(--su0) !important;
24150
+ }
23576
24151
  .md\:mt1 {
23577
24152
  margin-top: var(--su1) !important;
23578
24153
  }
@@ -23612,9 +24187,6 @@ ol {
23612
24187
  .md\:mt128 {
23613
24188
  margin-top: var(--su128) !important;
23614
24189
  }
23615
- .md\:mt0 {
23616
- margin-top: 0 !important;
23617
- }
23618
24190
  .md\:mtn1 {
23619
24191
  margin-top: calc(var(--su1) * -1) !important;
23620
24192
  }
@@ -23654,6 +24226,21 @@ ol {
23654
24226
  .md\:mtn128 {
23655
24227
  margin-top: calc(var(--su128) * -1) !important;
23656
24228
  }
24229
+ .md\:mt50 {
24230
+ margin-top: 50% !important;
24231
+ }
24232
+ .md\:mt100 {
24233
+ margin-top: 100% !important;
24234
+ }
24235
+ .md\:mtn50 {
24236
+ margin-top: -50% !important;
24237
+ }
24238
+ .md\:mtn100 {
24239
+ margin-top: -100% !important;
24240
+ }
24241
+ .md\:mr0 {
24242
+ margin-right: var(--su0) !important;
24243
+ }
23657
24244
  .md\:mr1 {
23658
24245
  margin-right: var(--su1) !important;
23659
24246
  }
@@ -23693,9 +24280,6 @@ ol {
23693
24280
  .md\:mr128 {
23694
24281
  margin-right: var(--su128) !important;
23695
24282
  }
23696
- .md\:mr0 {
23697
- margin-right: 0 !important;
23698
- }
23699
24283
  .md\:mrn1 {
23700
24284
  margin-right: calc(var(--su1) * -1) !important;
23701
24285
  }
@@ -23735,6 +24319,21 @@ ol {
23735
24319
  .md\:mrn128 {
23736
24320
  margin-right: calc(var(--su128) * -1) !important;
23737
24321
  }
24322
+ .md\:mr50 {
24323
+ margin-right: 50% !important;
24324
+ }
24325
+ .md\:mr100 {
24326
+ margin-right: 100% !important;
24327
+ }
24328
+ .md\:mrn50 {
24329
+ margin-right: -50% !important;
24330
+ }
24331
+ .md\:mrn100 {
24332
+ margin-right: -100% !important;
24333
+ }
24334
+ .md\:mb0 {
24335
+ margin-bottom: var(--su0) !important;
24336
+ }
23738
24337
  .md\:mb1 {
23739
24338
  margin-bottom: var(--su1) !important;
23740
24339
  }
@@ -23774,9 +24373,6 @@ ol {
23774
24373
  .md\:mb128 {
23775
24374
  margin-bottom: var(--su128) !important;
23776
24375
  }
23777
- .md\:mb0 {
23778
- margin-bottom: 0 !important;
23779
- }
23780
24376
  .md\:mbn1 {
23781
24377
  margin-bottom: calc(var(--su1) * -1) !important;
23782
24378
  }
@@ -23816,6 +24412,21 @@ ol {
23816
24412
  .md\:mbn128 {
23817
24413
  margin-bottom: calc(var(--su128) * -1) !important;
23818
24414
  }
24415
+ .md\:mb50 {
24416
+ margin-bottom: 50% !important;
24417
+ }
24418
+ .md\:mb100 {
24419
+ margin-bottom: 100% !important;
24420
+ }
24421
+ .md\:mbn50 {
24422
+ margin-bottom: -50% !important;
24423
+ }
24424
+ .md\:mbn100 {
24425
+ margin-bottom: -100% !important;
24426
+ }
24427
+ .md\:ml0 {
24428
+ margin-left: var(--su0) !important;
24429
+ }
23819
24430
  .md\:ml1 {
23820
24431
  margin-left: var(--su1) !important;
23821
24432
  }
@@ -23855,9 +24466,6 @@ ol {
23855
24466
  .md\:ml128 {
23856
24467
  margin-left: var(--su128) !important;
23857
24468
  }
23858
- .md\:ml0 {
23859
- margin-left: 0 !important;
23860
- }
23861
24469
  .md\:mln1 {
23862
24470
  margin-left: calc(var(--su1) * -1) !important;
23863
24471
  }
@@ -23897,6 +24505,237 @@ ol {
23897
24505
  .md\:mln128 {
23898
24506
  margin-left: calc(var(--su128) * -1) !important;
23899
24507
  }
24508
+ .md\:ml50 {
24509
+ margin-left: 50% !important;
24510
+ }
24511
+ .md\:ml100 {
24512
+ margin-left: 100% !important;
24513
+ }
24514
+ .md\:mln50 {
24515
+ margin-left: -50% !important;
24516
+ }
24517
+ .md\:mln100 {
24518
+ margin-left: -100% !important;
24519
+ }
24520
+ .md\:mx0 {
24521
+ margin-left: var(--su0) !important;
24522
+ margin-right: var(--su0) !important;
24523
+ }
24524
+ .md\:mx1 {
24525
+ margin-left: var(--su1) !important;
24526
+ margin-right: var(--su1) !important;
24527
+ }
24528
+ .md\:mx2 {
24529
+ margin-left: var(--su2) !important;
24530
+ margin-right: var(--su2) !important;
24531
+ }
24532
+ .md\:mx4 {
24533
+ margin-left: var(--su4) !important;
24534
+ margin-right: var(--su4) !important;
24535
+ }
24536
+ .md\:mx6 {
24537
+ margin-left: var(--su6) !important;
24538
+ margin-right: var(--su6) !important;
24539
+ }
24540
+ .md\:mx8 {
24541
+ margin-left: var(--su8) !important;
24542
+ margin-right: var(--su8) !important;
24543
+ }
24544
+ .md\:mx12 {
24545
+ margin-left: var(--su12) !important;
24546
+ margin-right: var(--su12) !important;
24547
+ }
24548
+ .md\:mx16 {
24549
+ margin-left: var(--su16) !important;
24550
+ margin-right: var(--su16) !important;
24551
+ }
24552
+ .md\:mx24 {
24553
+ margin-left: var(--su24) !important;
24554
+ margin-right: var(--su24) !important;
24555
+ }
24556
+ .md\:mx32 {
24557
+ margin-left: var(--su32) !important;
24558
+ margin-right: var(--su32) !important;
24559
+ }
24560
+ .md\:mx48 {
24561
+ margin-left: var(--su48) !important;
24562
+ margin-right: var(--su48) !important;
24563
+ }
24564
+ .md\:mx64 {
24565
+ margin-left: var(--su64) !important;
24566
+ margin-right: var(--su64) !important;
24567
+ }
24568
+ .md\:mx96 {
24569
+ margin-left: var(--su96) !important;
24570
+ margin-right: var(--su96) !important;
24571
+ }
24572
+ .md\:mx128 {
24573
+ margin-left: var(--su128) !important;
24574
+ margin-right: var(--su128) !important;
24575
+ }
24576
+ .md\:mxn1 {
24577
+ margin-left: calc(var(--su1) * -1) !important;
24578
+ margin-right: calc(var(--su1) * -1) !important;
24579
+ }
24580
+ .md\:mxn2 {
24581
+ margin-left: calc(var(--su2) * -1) !important;
24582
+ margin-right: calc(var(--su2) * -1) !important;
24583
+ }
24584
+ .md\:mxn4 {
24585
+ margin-left: calc(var(--su4) * -1) !important;
24586
+ margin-right: calc(var(--su4) * -1) !important;
24587
+ }
24588
+ .md\:mxn6 {
24589
+ margin-left: calc(var(--su6) * -1) !important;
24590
+ margin-right: calc(var(--su6) * -1) !important;
24591
+ }
24592
+ .md\:mxn8 {
24593
+ margin-left: calc(var(--su8) * -1) !important;
24594
+ margin-right: calc(var(--su8) * -1) !important;
24595
+ }
24596
+ .md\:mxn12 {
24597
+ margin-left: calc(var(--su12) * -1) !important;
24598
+ margin-right: calc(var(--su12) * -1) !important;
24599
+ }
24600
+ .md\:mxn16 {
24601
+ margin-left: calc(var(--su16) * -1) !important;
24602
+ margin-right: calc(var(--su16) * -1) !important;
24603
+ }
24604
+ .md\:mxn24 {
24605
+ margin-left: calc(var(--su24) * -1) !important;
24606
+ margin-right: calc(var(--su24) * -1) !important;
24607
+ }
24608
+ .md\:mxn32 {
24609
+ margin-left: calc(var(--su32) * -1) !important;
24610
+ margin-right: calc(var(--su32) * -1) !important;
24611
+ }
24612
+ .md\:mxn48 {
24613
+ margin-left: calc(var(--su48) * -1) !important;
24614
+ margin-right: calc(var(--su48) * -1) !important;
24615
+ }
24616
+ .md\:mxn64 {
24617
+ margin-left: calc(var(--su64) * -1) !important;
24618
+ margin-right: calc(var(--su64) * -1) !important;
24619
+ }
24620
+ .md\:mxn96 {
24621
+ margin-left: calc(var(--su96) * -1) !important;
24622
+ margin-right: calc(var(--su96) * -1) !important;
24623
+ }
24624
+ .md\:mxn128 {
24625
+ margin-left: calc(var(--su128) * -1) !important;
24626
+ margin-right: calc(var(--su128) * -1) !important;
24627
+ }
24628
+ .md\:my0 {
24629
+ margin-top: var(--su0) !important;
24630
+ margin-bottom: var(--su0) !important;
24631
+ }
24632
+ .md\:my1 {
24633
+ margin-top: var(--su1) !important;
24634
+ margin-bottom: var(--su1) !important;
24635
+ }
24636
+ .md\:my2 {
24637
+ margin-top: var(--su2) !important;
24638
+ margin-bottom: var(--su2) !important;
24639
+ }
24640
+ .md\:my4 {
24641
+ margin-top: var(--su4) !important;
24642
+ margin-bottom: var(--su4) !important;
24643
+ }
24644
+ .md\:my6 {
24645
+ margin-top: var(--su6) !important;
24646
+ margin-bottom: var(--su6) !important;
24647
+ }
24648
+ .md\:my8 {
24649
+ margin-top: var(--su8) !important;
24650
+ margin-bottom: var(--su8) !important;
24651
+ }
24652
+ .md\:my12 {
24653
+ margin-top: var(--su12) !important;
24654
+ margin-bottom: var(--su12) !important;
24655
+ }
24656
+ .md\:my16 {
24657
+ margin-top: var(--su16) !important;
24658
+ margin-bottom: var(--su16) !important;
24659
+ }
24660
+ .md\:my24 {
24661
+ margin-top: var(--su24) !important;
24662
+ margin-bottom: var(--su24) !important;
24663
+ }
24664
+ .md\:my32 {
24665
+ margin-top: var(--su32) !important;
24666
+ margin-bottom: var(--su32) !important;
24667
+ }
24668
+ .md\:my48 {
24669
+ margin-top: var(--su48) !important;
24670
+ margin-bottom: var(--su48) !important;
24671
+ }
24672
+ .md\:my64 {
24673
+ margin-top: var(--su64) !important;
24674
+ margin-bottom: var(--su64) !important;
24675
+ }
24676
+ .md\:my96 {
24677
+ margin-top: var(--su96) !important;
24678
+ margin-bottom: var(--su96) !important;
24679
+ }
24680
+ .md\:my128 {
24681
+ margin-top: var(--su128) !important;
24682
+ margin-bottom: var(--su128) !important;
24683
+ }
24684
+ .md\:myn1 {
24685
+ margin-top: calc(var(--su1) * -1) !important;
24686
+ margin-bottom: calc(var(--su1) * -1) !important;
24687
+ }
24688
+ .md\:myn2 {
24689
+ margin-top: calc(var(--su2) * -1) !important;
24690
+ margin-bottom: calc(var(--su2) * -1) !important;
24691
+ }
24692
+ .md\:myn4 {
24693
+ margin-top: calc(var(--su4) * -1) !important;
24694
+ margin-bottom: calc(var(--su4) * -1) !important;
24695
+ }
24696
+ .md\:myn6 {
24697
+ margin-top: calc(var(--su6) * -1) !important;
24698
+ margin-bottom: calc(var(--su6) * -1) !important;
24699
+ }
24700
+ .md\:myn8 {
24701
+ margin-top: calc(var(--su8) * -1) !important;
24702
+ margin-bottom: calc(var(--su8) * -1) !important;
24703
+ }
24704
+ .md\:myn12 {
24705
+ margin-top: calc(var(--su12) * -1) !important;
24706
+ margin-bottom: calc(var(--su12) * -1) !important;
24707
+ }
24708
+ .md\:myn16 {
24709
+ margin-top: calc(var(--su16) * -1) !important;
24710
+ margin-bottom: calc(var(--su16) * -1) !important;
24711
+ }
24712
+ .md\:myn24 {
24713
+ margin-top: calc(var(--su24) * -1) !important;
24714
+ margin-bottom: calc(var(--su24) * -1) !important;
24715
+ }
24716
+ .md\:myn32 {
24717
+ margin-top: calc(var(--su32) * -1) !important;
24718
+ margin-bottom: calc(var(--su32) * -1) !important;
24719
+ }
24720
+ .md\:myn48 {
24721
+ margin-top: calc(var(--su48) * -1) !important;
24722
+ margin-bottom: calc(var(--su48) * -1) !important;
24723
+ }
24724
+ .md\:myn64 {
24725
+ margin-top: calc(var(--su64) * -1) !important;
24726
+ margin-bottom: calc(var(--su64) * -1) !important;
24727
+ }
24728
+ .md\:myn96 {
24729
+ margin-top: calc(var(--su96) * -1) !important;
24730
+ margin-bottom: calc(var(--su96) * -1) !important;
24731
+ }
24732
+ .md\:myn128 {
24733
+ margin-top: calc(var(--su128) * -1) !important;
24734
+ margin-bottom: calc(var(--su128) * -1) !important;
24735
+ }
24736
+ .md\:p0 {
24737
+ padding: var(--su0) !important;
24738
+ }
23900
24739
  .md\:p1 {
23901
24740
  padding: var(--su1) !important;
23902
24741
  }
@@ -23936,8 +24775,8 @@ ol {
23936
24775
  .md\:p128 {
23937
24776
  padding: var(--su128) !important;
23938
24777
  }
23939
- .md\:p0 {
23940
- padding: 0 !important;
24778
+ .md\:pt0 {
24779
+ padding-top: var(--su0) !important;
23941
24780
  }
23942
24781
  .md\:pt1 {
23943
24782
  padding-top: var(--su1) !important;
@@ -23978,8 +24817,8 @@ ol {
23978
24817
  .md\:pt128 {
23979
24818
  padding-top: var(--su128) !important;
23980
24819
  }
23981
- .md\:pt0 {
23982
- padding-top: 0 !important;
24820
+ .md\:pr0 {
24821
+ padding-right: var(--su0) !important;
23983
24822
  }
23984
24823
  .md\:pr1 {
23985
24824
  padding-right: var(--su1) !important;
@@ -24020,6 +24859,9 @@ ol {
24020
24859
  .md\:pr128 {
24021
24860
  padding-right: var(--su128) !important;
24022
24861
  }
24862
+ .md\:pb0 {
24863
+ padding-bottom: var(--su0) !important;
24864
+ }
24023
24865
  .md\:pb1 {
24024
24866
  padding-bottom: var(--su1) !important;
24025
24867
  }
@@ -24059,8 +24901,8 @@ ol {
24059
24901
  .md\:pb128 {
24060
24902
  padding-bottom: var(--su128) !important;
24061
24903
  }
24062
- .md\:pr0 {
24063
- padding-right: 0 !important;
24904
+ .md\:pl0 {
24905
+ padding-left: var(--su0) !important;
24064
24906
  }
24065
24907
  .md\:pl1 {
24066
24908
  padding-left: var(--su1) !important;
@@ -24095,14 +24937,168 @@ ol {
24095
24937
  .md\:pl64 {
24096
24938
  padding-left: var(--su64) !important;
24097
24939
  }
24098
- .md\:pl96 {
24099
- padding-left: var(--su96) !important;
24940
+ .md\:pl96 {
24941
+ padding-left: var(--su96) !important;
24942
+ }
24943
+ .md\:pl128 {
24944
+ padding-left: var(--su128) !important;
24945
+ }
24946
+ .md\:px0 {
24947
+ padding-left: var(--su0) !important;
24948
+ padding-right: var(--su0) !important;
24949
+ }
24950
+ .md\:px1 {
24951
+ padding-left: var(--su1) !important;
24952
+ padding-right: var(--su1) !important;
24953
+ }
24954
+ .md\:px2 {
24955
+ padding-left: var(--su2) !important;
24956
+ padding-right: var(--su2) !important;
24957
+ }
24958
+ .md\:px4 {
24959
+ padding-left: var(--su4) !important;
24960
+ padding-right: var(--su4) !important;
24961
+ }
24962
+ .md\:px6 {
24963
+ padding-left: var(--su6) !important;
24964
+ padding-right: var(--su6) !important;
24965
+ }
24966
+ .md\:px8 {
24967
+ padding-left: var(--su8) !important;
24968
+ padding-right: var(--su8) !important;
24969
+ }
24970
+ .md\:px12 {
24971
+ padding-left: var(--su12) !important;
24972
+ padding-right: var(--su12) !important;
24973
+ }
24974
+ .md\:px16 {
24975
+ padding-left: var(--su16) !important;
24976
+ padding-right: var(--su16) !important;
24977
+ }
24978
+ .md\:px24 {
24979
+ padding-left: var(--su24) !important;
24980
+ padding-right: var(--su24) !important;
24981
+ }
24982
+ .md\:px32 {
24983
+ padding-left: var(--su32) !important;
24984
+ padding-right: var(--su32) !important;
24985
+ }
24986
+ .md\:px48 {
24987
+ padding-left: var(--su48) !important;
24988
+ padding-right: var(--su48) !important;
24989
+ }
24990
+ .md\:px64 {
24991
+ padding-left: var(--su64) !important;
24992
+ padding-right: var(--su64) !important;
24993
+ }
24994
+ .md\:px96 {
24995
+ padding-left: var(--su96) !important;
24996
+ padding-right: var(--su96) !important;
24997
+ }
24998
+ .md\:px128 {
24999
+ padding-left: var(--su128) !important;
25000
+ padding-right: var(--su128) !important;
25001
+ }
25002
+ .md\:py0 {
25003
+ padding-top: var(--su0) !important;
25004
+ padding-bottom: var(--su0) !important;
25005
+ }
25006
+ .md\:py1 {
25007
+ padding-top: var(--su1) !important;
25008
+ padding-bottom: var(--su1) !important;
25009
+ }
25010
+ .md\:py2 {
25011
+ padding-top: var(--su2) !important;
25012
+ padding-bottom: var(--su2) !important;
25013
+ }
25014
+ .md\:py4 {
25015
+ padding-top: var(--su4) !important;
25016
+ padding-bottom: var(--su4) !important;
25017
+ }
25018
+ .md\:py6 {
25019
+ padding-top: var(--su6) !important;
25020
+ padding-bottom: var(--su6) !important;
25021
+ }
25022
+ .md\:py8 {
25023
+ padding-top: var(--su8) !important;
25024
+ padding-bottom: var(--su8) !important;
25025
+ }
25026
+ .md\:py12 {
25027
+ padding-top: var(--su12) !important;
25028
+ padding-bottom: var(--su12) !important;
25029
+ }
25030
+ .md\:py16 {
25031
+ padding-top: var(--su16) !important;
25032
+ padding-bottom: var(--su16) !important;
25033
+ }
25034
+ .md\:py24 {
25035
+ padding-top: var(--su24) !important;
25036
+ padding-bottom: var(--su24) !important;
25037
+ }
25038
+ .md\:py32 {
25039
+ padding-top: var(--su32) !important;
25040
+ padding-bottom: var(--su32) !important;
25041
+ }
25042
+ .md\:py48 {
25043
+ padding-top: var(--su48) !important;
25044
+ padding-bottom: var(--su48) !important;
25045
+ }
25046
+ .md\:py64 {
25047
+ padding-top: var(--su64) !important;
25048
+ padding-bottom: var(--su64) !important;
25049
+ }
25050
+ .md\:py96 {
25051
+ padding-top: var(--su96) !important;
25052
+ padding-bottom: var(--su96) !important;
25053
+ }
25054
+ .md\:py128 {
25055
+ padding-top: var(--su128) !important;
25056
+ padding-bottom: var(--su128) !important;
25057
+ }
25058
+ .md\:i0 {
25059
+ inset: var(--su0) !important;
25060
+ }
25061
+ .md\:i1 {
25062
+ inset: var(--su1) !important;
25063
+ }
25064
+ .md\:i2 {
25065
+ inset: var(--su2) !important;
25066
+ }
25067
+ .md\:i4 {
25068
+ inset: var(--su4) !important;
25069
+ }
25070
+ .md\:i6 {
25071
+ inset: var(--su6) !important;
25072
+ }
25073
+ .md\:i8 {
25074
+ inset: var(--su8) !important;
25075
+ }
25076
+ .md\:i12 {
25077
+ inset: var(--su12) !important;
25078
+ }
25079
+ .md\:i16 {
25080
+ inset: var(--su16) !important;
25081
+ }
25082
+ .md\:i24 {
25083
+ inset: var(--su24) !important;
25084
+ }
25085
+ .md\:i32 {
25086
+ inset: var(--su32) !important;
25087
+ }
25088
+ .md\:i48 {
25089
+ inset: var(--su48) !important;
25090
+ }
25091
+ .md\:i64 {
25092
+ inset: var(--su64) !important;
25093
+ }
25094
+ .md\:i96 {
25095
+ inset: var(--su96) !important;
24100
25096
  }
24101
- .md\:pl128 {
24102
- padding-left: var(--su128) !important;
25097
+ .md\:i128 {
25098
+ inset: var(--su128) !important;
24103
25099
  }
24104
- .md\:pl0 {
24105
- padding-left: 0 !important;
25100
+ .md\:t0 {
25101
+ top: var(--su0) !important;
24106
25102
  }
24107
25103
  .md\:t1 {
24108
25104
  top: var(--su1) !important;
@@ -24182,6 +25178,21 @@ ol {
24182
25178
  .md\:tn128 {
24183
25179
  top: calc(var(--su128) * -1) !important;
24184
25180
  }
25181
+ .md\:t50 {
25182
+ top: 50% !important;
25183
+ }
25184
+ .md\:t100 {
25185
+ top: 100% !important;
25186
+ }
25187
+ .md\:tn50 {
25188
+ top: -50% !important;
25189
+ }
25190
+ .md\:tn100 {
25191
+ top: -100% !important;
25192
+ }
25193
+ .md\:r0 {
25194
+ right: var(--su0) !important;
25195
+ }
24185
25196
  .md\:r1 {
24186
25197
  right: var(--su1) !important;
24187
25198
  }
@@ -24260,6 +25271,21 @@ ol {
24260
25271
  .md\:rn128 {
24261
25272
  right: calc(var(--su128) * -1) !important;
24262
25273
  }
25274
+ .md\:r50 {
25275
+ right: 50% !important;
25276
+ }
25277
+ .md\:r100 {
25278
+ right: 100% !important;
25279
+ }
25280
+ .md\:rn50 {
25281
+ right: -50% !important;
25282
+ }
25283
+ .md\:rn100 {
25284
+ right: -100% !important;
25285
+ }
25286
+ .md\:b0 {
25287
+ bottom: var(--su0) !important;
25288
+ }
24263
25289
  .md\:b1 {
24264
25290
  bottom: var(--su1) !important;
24265
25291
  }
@@ -24338,6 +25364,21 @@ ol {
24338
25364
  .md\:bn128 {
24339
25365
  bottom: calc(var(--su128) * -1) !important;
24340
25366
  }
25367
+ .md\:b50 {
25368
+ bottom: 50% !important;
25369
+ }
25370
+ .md\:b100 {
25371
+ bottom: 100% !important;
25372
+ }
25373
+ .md\:bn50 {
25374
+ bottom: -50% !important;
25375
+ }
25376
+ .md\:bn100 {
25377
+ bottom: -100% !important;
25378
+ }
25379
+ .md\:l0 {
25380
+ left: var(--su0) !important;
25381
+ }
24341
25382
  .md\:l1 {
24342
25383
  left: var(--su1) !important;
24343
25384
  }
@@ -24416,44 +25457,17 @@ ol {
24416
25457
  .md\:ln128 {
24417
25458
  left: calc(var(--su128) * -1) !important;
24418
25459
  }
24419
- .md\:i1 {
24420
- inset: var(--su1) !important;
24421
- }
24422
- .md\:i2 {
24423
- inset: var(--su2) !important;
24424
- }
24425
- .md\:i4 {
24426
- inset: var(--su4) !important;
24427
- }
24428
- .md\:i6 {
24429
- inset: var(--su6) !important;
24430
- }
24431
- .md\:i8 {
24432
- inset: var(--su8) !important;
24433
- }
24434
- .md\:i12 {
24435
- inset: var(--su12) !important;
24436
- }
24437
- .md\:i16 {
24438
- inset: var(--su16) !important;
24439
- }
24440
- .md\:i24 {
24441
- inset: var(--su24) !important;
24442
- }
24443
- .md\:i32 {
24444
- inset: var(--su32) !important;
24445
- }
24446
- .md\:i48 {
24447
- inset: var(--su48) !important;
25460
+ .md\:l50 {
25461
+ left: 50% !important;
24448
25462
  }
24449
- .md\:i64 {
24450
- inset: var(--su64) !important;
25463
+ .md\:l100 {
25464
+ left: 100% !important;
24451
25465
  }
24452
- .md\:i96 {
24453
- inset: var(--su96) !important;
25466
+ .md\:ln50 {
25467
+ left: -50% !important;
24454
25468
  }
24455
- .md\:i128 {
24456
- inset: var(--su128) !important;
25469
+ .md\:ln100 {
25470
+ left: -100% !important;
24457
25471
  }
24458
25472
  .md\:ta-left {
24459
25473
  text-align: left !important;
@@ -25146,6 +26160,9 @@ ol {
25146
26160
  .sm\:js-unset {
25147
26161
  justify-self: unset !important;
25148
26162
  }
26163
+ .sm\:m0 {
26164
+ margin: var(--su0) !important;
26165
+ }
25149
26166
  .sm\:m1 {
25150
26167
  margin: var(--su1) !important;
25151
26168
  }
@@ -25185,9 +26202,6 @@ ol {
25185
26202
  .sm\:m128 {
25186
26203
  margin: var(--su128) !important;
25187
26204
  }
25188
- .sm\:m0 {
25189
- margin: 0 !important;
25190
- }
25191
26205
  .sm\:mn1 {
25192
26206
  margin: calc(var(--su1) * -1) !important;
25193
26207
  }
@@ -25227,6 +26241,21 @@ ol {
25227
26241
  .sm\:mn128 {
25228
26242
  margin: calc(var(--su128) * -1) !important;
25229
26243
  }
26244
+ .sm\:m50 {
26245
+ margin: 50% !important;
26246
+ }
26247
+ .sm\:m100 {
26248
+ margin: 100% !important;
26249
+ }
26250
+ .sm\:mn50 {
26251
+ margin: -50% !important;
26252
+ }
26253
+ .sm\:mn100 {
26254
+ margin: -100% !important;
26255
+ }
26256
+ .sm\:mt0 {
26257
+ margin-top: var(--su0) !important;
26258
+ }
25230
26259
  .sm\:mt1 {
25231
26260
  margin-top: var(--su1) !important;
25232
26261
  }
@@ -25266,9 +26295,6 @@ ol {
25266
26295
  .sm\:mt128 {
25267
26296
  margin-top: var(--su128) !important;
25268
26297
  }
25269
- .sm\:mt0 {
25270
- margin-top: 0 !important;
25271
- }
25272
26298
  .sm\:mtn1 {
25273
26299
  margin-top: calc(var(--su1) * -1) !important;
25274
26300
  }
@@ -25308,6 +26334,21 @@ ol {
25308
26334
  .sm\:mtn128 {
25309
26335
  margin-top: calc(var(--su128) * -1) !important;
25310
26336
  }
26337
+ .sm\:mt50 {
26338
+ margin-top: 50% !important;
26339
+ }
26340
+ .sm\:mt100 {
26341
+ margin-top: 100% !important;
26342
+ }
26343
+ .sm\:mtn50 {
26344
+ margin-top: -50% !important;
26345
+ }
26346
+ .sm\:mtn100 {
26347
+ margin-top: -100% !important;
26348
+ }
26349
+ .sm\:mr0 {
26350
+ margin-right: var(--su0) !important;
26351
+ }
25311
26352
  .sm\:mr1 {
25312
26353
  margin-right: var(--su1) !important;
25313
26354
  }
@@ -25347,9 +26388,6 @@ ol {
25347
26388
  .sm\:mr128 {
25348
26389
  margin-right: var(--su128) !important;
25349
26390
  }
25350
- .sm\:mr0 {
25351
- margin-right: 0 !important;
25352
- }
25353
26391
  .sm\:mrn1 {
25354
26392
  margin-right: calc(var(--su1) * -1) !important;
25355
26393
  }
@@ -25389,6 +26427,21 @@ ol {
25389
26427
  .sm\:mrn128 {
25390
26428
  margin-right: calc(var(--su128) * -1) !important;
25391
26429
  }
26430
+ .sm\:mr50 {
26431
+ margin-right: 50% !important;
26432
+ }
26433
+ .sm\:mr100 {
26434
+ margin-right: 100% !important;
26435
+ }
26436
+ .sm\:mrn50 {
26437
+ margin-right: -50% !important;
26438
+ }
26439
+ .sm\:mrn100 {
26440
+ margin-right: -100% !important;
26441
+ }
26442
+ .sm\:mb0 {
26443
+ margin-bottom: var(--su0) !important;
26444
+ }
25392
26445
  .sm\:mb1 {
25393
26446
  margin-bottom: var(--su1) !important;
25394
26447
  }
@@ -25428,9 +26481,6 @@ ol {
25428
26481
  .sm\:mb128 {
25429
26482
  margin-bottom: var(--su128) !important;
25430
26483
  }
25431
- .sm\:mb0 {
25432
- margin-bottom: 0 !important;
25433
- }
25434
26484
  .sm\:mbn1 {
25435
26485
  margin-bottom: calc(var(--su1) * -1) !important;
25436
26486
  }
@@ -25470,6 +26520,21 @@ ol {
25470
26520
  .sm\:mbn128 {
25471
26521
  margin-bottom: calc(var(--su128) * -1) !important;
25472
26522
  }
26523
+ .sm\:mb50 {
26524
+ margin-bottom: 50% !important;
26525
+ }
26526
+ .sm\:mb100 {
26527
+ margin-bottom: 100% !important;
26528
+ }
26529
+ .sm\:mbn50 {
26530
+ margin-bottom: -50% !important;
26531
+ }
26532
+ .sm\:mbn100 {
26533
+ margin-bottom: -100% !important;
26534
+ }
26535
+ .sm\:ml0 {
26536
+ margin-left: var(--su0) !important;
26537
+ }
25473
26538
  .sm\:ml1 {
25474
26539
  margin-left: var(--su1) !important;
25475
26540
  }
@@ -25491,65 +26556,293 @@ ol {
25491
26556
  .sm\:ml16 {
25492
26557
  margin-left: var(--su16) !important;
25493
26558
  }
25494
- .sm\:ml24 {
25495
- margin-left: var(--su24) !important;
26559
+ .sm\:ml24 {
26560
+ margin-left: var(--su24) !important;
26561
+ }
26562
+ .sm\:ml32 {
26563
+ margin-left: var(--su32) !important;
26564
+ }
26565
+ .sm\:ml48 {
26566
+ margin-left: var(--su48) !important;
26567
+ }
26568
+ .sm\:ml64 {
26569
+ margin-left: var(--su64) !important;
26570
+ }
26571
+ .sm\:ml96 {
26572
+ margin-left: var(--su96) !important;
26573
+ }
26574
+ .sm\:ml128 {
26575
+ margin-left: var(--su128) !important;
26576
+ }
26577
+ .sm\:mln1 {
26578
+ margin-left: calc(var(--su1) * -1) !important;
26579
+ }
26580
+ .sm\:mln2 {
26581
+ margin-left: calc(var(--su2) * -1) !important;
26582
+ }
26583
+ .sm\:mln4 {
26584
+ margin-left: calc(var(--su4) * -1) !important;
26585
+ }
26586
+ .sm\:mln6 {
26587
+ margin-left: calc(var(--su6) * -1) !important;
26588
+ }
26589
+ .sm\:mln8 {
26590
+ margin-left: calc(var(--su8) * -1) !important;
26591
+ }
26592
+ .sm\:mln12 {
26593
+ margin-left: calc(var(--su12) * -1) !important;
26594
+ }
26595
+ .sm\:mln16 {
26596
+ margin-left: calc(var(--su16) * -1) !important;
26597
+ }
26598
+ .sm\:mln24 {
26599
+ margin-left: calc(var(--su24) * -1) !important;
26600
+ }
26601
+ .sm\:mln32 {
26602
+ margin-left: calc(var(--su32) * -1) !important;
26603
+ }
26604
+ .sm\:mln48 {
26605
+ margin-left: calc(var(--su48) * -1) !important;
26606
+ }
26607
+ .sm\:mln64 {
26608
+ margin-left: calc(var(--su64) * -1) !important;
26609
+ }
26610
+ .sm\:mln96 {
26611
+ margin-left: calc(var(--su96) * -1) !important;
26612
+ }
26613
+ .sm\:mln128 {
26614
+ margin-left: calc(var(--su128) * -1) !important;
26615
+ }
26616
+ .sm\:ml50 {
26617
+ margin-left: 50% !important;
26618
+ }
26619
+ .sm\:ml100 {
26620
+ margin-left: 100% !important;
26621
+ }
26622
+ .sm\:mln50 {
26623
+ margin-left: -50% !important;
26624
+ }
26625
+ .sm\:mln100 {
26626
+ margin-left: -100% !important;
26627
+ }
26628
+ .sm\:mx0 {
26629
+ margin-left: var(--su0) !important;
26630
+ margin-right: var(--su0) !important;
26631
+ }
26632
+ .sm\:mx1 {
26633
+ margin-left: var(--su1) !important;
26634
+ margin-right: var(--su1) !important;
26635
+ }
26636
+ .sm\:mx2 {
26637
+ margin-left: var(--su2) !important;
26638
+ margin-right: var(--su2) !important;
26639
+ }
26640
+ .sm\:mx4 {
26641
+ margin-left: var(--su4) !important;
26642
+ margin-right: var(--su4) !important;
26643
+ }
26644
+ .sm\:mx6 {
26645
+ margin-left: var(--su6) !important;
26646
+ margin-right: var(--su6) !important;
26647
+ }
26648
+ .sm\:mx8 {
26649
+ margin-left: var(--su8) !important;
26650
+ margin-right: var(--su8) !important;
26651
+ }
26652
+ .sm\:mx12 {
26653
+ margin-left: var(--su12) !important;
26654
+ margin-right: var(--su12) !important;
26655
+ }
26656
+ .sm\:mx16 {
26657
+ margin-left: var(--su16) !important;
26658
+ margin-right: var(--su16) !important;
26659
+ }
26660
+ .sm\:mx24 {
26661
+ margin-left: var(--su24) !important;
26662
+ margin-right: var(--su24) !important;
26663
+ }
26664
+ .sm\:mx32 {
26665
+ margin-left: var(--su32) !important;
26666
+ margin-right: var(--su32) !important;
26667
+ }
26668
+ .sm\:mx48 {
26669
+ margin-left: var(--su48) !important;
26670
+ margin-right: var(--su48) !important;
26671
+ }
26672
+ .sm\:mx64 {
26673
+ margin-left: var(--su64) !important;
26674
+ margin-right: var(--su64) !important;
26675
+ }
26676
+ .sm\:mx96 {
26677
+ margin-left: var(--su96) !important;
26678
+ margin-right: var(--su96) !important;
26679
+ }
26680
+ .sm\:mx128 {
26681
+ margin-left: var(--su128) !important;
26682
+ margin-right: var(--su128) !important;
26683
+ }
26684
+ .sm\:mxn1 {
26685
+ margin-left: calc(var(--su1) * -1) !important;
26686
+ margin-right: calc(var(--su1) * -1) !important;
26687
+ }
26688
+ .sm\:mxn2 {
26689
+ margin-left: calc(var(--su2) * -1) !important;
26690
+ margin-right: calc(var(--su2) * -1) !important;
26691
+ }
26692
+ .sm\:mxn4 {
26693
+ margin-left: calc(var(--su4) * -1) !important;
26694
+ margin-right: calc(var(--su4) * -1) !important;
26695
+ }
26696
+ .sm\:mxn6 {
26697
+ margin-left: calc(var(--su6) * -1) !important;
26698
+ margin-right: calc(var(--su6) * -1) !important;
26699
+ }
26700
+ .sm\:mxn8 {
26701
+ margin-left: calc(var(--su8) * -1) !important;
26702
+ margin-right: calc(var(--su8) * -1) !important;
26703
+ }
26704
+ .sm\:mxn12 {
26705
+ margin-left: calc(var(--su12) * -1) !important;
26706
+ margin-right: calc(var(--su12) * -1) !important;
26707
+ }
26708
+ .sm\:mxn16 {
26709
+ margin-left: calc(var(--su16) * -1) !important;
26710
+ margin-right: calc(var(--su16) * -1) !important;
26711
+ }
26712
+ .sm\:mxn24 {
26713
+ margin-left: calc(var(--su24) * -1) !important;
26714
+ margin-right: calc(var(--su24) * -1) !important;
26715
+ }
26716
+ .sm\:mxn32 {
26717
+ margin-left: calc(var(--su32) * -1) !important;
26718
+ margin-right: calc(var(--su32) * -1) !important;
26719
+ }
26720
+ .sm\:mxn48 {
26721
+ margin-left: calc(var(--su48) * -1) !important;
26722
+ margin-right: calc(var(--su48) * -1) !important;
26723
+ }
26724
+ .sm\:mxn64 {
26725
+ margin-left: calc(var(--su64) * -1) !important;
26726
+ margin-right: calc(var(--su64) * -1) !important;
26727
+ }
26728
+ .sm\:mxn96 {
26729
+ margin-left: calc(var(--su96) * -1) !important;
26730
+ margin-right: calc(var(--su96) * -1) !important;
26731
+ }
26732
+ .sm\:mxn128 {
26733
+ margin-left: calc(var(--su128) * -1) !important;
26734
+ margin-right: calc(var(--su128) * -1) !important;
26735
+ }
26736
+ .sm\:my0 {
26737
+ margin-top: var(--su0) !important;
26738
+ margin-bottom: var(--su0) !important;
26739
+ }
26740
+ .sm\:my1 {
26741
+ margin-top: var(--su1) !important;
26742
+ margin-bottom: var(--su1) !important;
26743
+ }
26744
+ .sm\:my2 {
26745
+ margin-top: var(--su2) !important;
26746
+ margin-bottom: var(--su2) !important;
26747
+ }
26748
+ .sm\:my4 {
26749
+ margin-top: var(--su4) !important;
26750
+ margin-bottom: var(--su4) !important;
26751
+ }
26752
+ .sm\:my6 {
26753
+ margin-top: var(--su6) !important;
26754
+ margin-bottom: var(--su6) !important;
26755
+ }
26756
+ .sm\:my8 {
26757
+ margin-top: var(--su8) !important;
26758
+ margin-bottom: var(--su8) !important;
26759
+ }
26760
+ .sm\:my12 {
26761
+ margin-top: var(--su12) !important;
26762
+ margin-bottom: var(--su12) !important;
26763
+ }
26764
+ .sm\:my16 {
26765
+ margin-top: var(--su16) !important;
26766
+ margin-bottom: var(--su16) !important;
26767
+ }
26768
+ .sm\:my24 {
26769
+ margin-top: var(--su24) !important;
26770
+ margin-bottom: var(--su24) !important;
25496
26771
  }
25497
- .sm\:ml32 {
25498
- margin-left: var(--su32) !important;
26772
+ .sm\:my32 {
26773
+ margin-top: var(--su32) !important;
26774
+ margin-bottom: var(--su32) !important;
25499
26775
  }
25500
- .sm\:ml48 {
25501
- margin-left: var(--su48) !important;
26776
+ .sm\:my48 {
26777
+ margin-top: var(--su48) !important;
26778
+ margin-bottom: var(--su48) !important;
25502
26779
  }
25503
- .sm\:ml64 {
25504
- margin-left: var(--su64) !important;
26780
+ .sm\:my64 {
26781
+ margin-top: var(--su64) !important;
26782
+ margin-bottom: var(--su64) !important;
25505
26783
  }
25506
- .sm\:ml96 {
25507
- margin-left: var(--su96) !important;
26784
+ .sm\:my96 {
26785
+ margin-top: var(--su96) !important;
26786
+ margin-bottom: var(--su96) !important;
25508
26787
  }
25509
- .sm\:ml128 {
25510
- margin-left: var(--su128) !important;
26788
+ .sm\:my128 {
26789
+ margin-top: var(--su128) !important;
26790
+ margin-bottom: var(--su128) !important;
25511
26791
  }
25512
- .sm\:ml0 {
25513
- margin-left: 0 !important;
26792
+ .sm\:myn1 {
26793
+ margin-top: calc(var(--su1) * -1) !important;
26794
+ margin-bottom: calc(var(--su1) * -1) !important;
25514
26795
  }
25515
- .sm\:mln1 {
25516
- margin-left: calc(var(--su1) * -1) !important;
26796
+ .sm\:myn2 {
26797
+ margin-top: calc(var(--su2) * -1) !important;
26798
+ margin-bottom: calc(var(--su2) * -1) !important;
25517
26799
  }
25518
- .sm\:mln2 {
25519
- margin-left: calc(var(--su2) * -1) !important;
26800
+ .sm\:myn4 {
26801
+ margin-top: calc(var(--su4) * -1) !important;
26802
+ margin-bottom: calc(var(--su4) * -1) !important;
25520
26803
  }
25521
- .sm\:mln4 {
25522
- margin-left: calc(var(--su4) * -1) !important;
26804
+ .sm\:myn6 {
26805
+ margin-top: calc(var(--su6) * -1) !important;
26806
+ margin-bottom: calc(var(--su6) * -1) !important;
25523
26807
  }
25524
- .sm\:mln6 {
25525
- margin-left: calc(var(--su6) * -1) !important;
26808
+ .sm\:myn8 {
26809
+ margin-top: calc(var(--su8) * -1) !important;
26810
+ margin-bottom: calc(var(--su8) * -1) !important;
25526
26811
  }
25527
- .sm\:mln8 {
25528
- margin-left: calc(var(--su8) * -1) !important;
26812
+ .sm\:myn12 {
26813
+ margin-top: calc(var(--su12) * -1) !important;
26814
+ margin-bottom: calc(var(--su12) * -1) !important;
25529
26815
  }
25530
- .sm\:mln12 {
25531
- margin-left: calc(var(--su12) * -1) !important;
26816
+ .sm\:myn16 {
26817
+ margin-top: calc(var(--su16) * -1) !important;
26818
+ margin-bottom: calc(var(--su16) * -1) !important;
25532
26819
  }
25533
- .sm\:mln16 {
25534
- margin-left: calc(var(--su16) * -1) !important;
26820
+ .sm\:myn24 {
26821
+ margin-top: calc(var(--su24) * -1) !important;
26822
+ margin-bottom: calc(var(--su24) * -1) !important;
25535
26823
  }
25536
- .sm\:mln24 {
25537
- margin-left: calc(var(--su24) * -1) !important;
26824
+ .sm\:myn32 {
26825
+ margin-top: calc(var(--su32) * -1) !important;
26826
+ margin-bottom: calc(var(--su32) * -1) !important;
25538
26827
  }
25539
- .sm\:mln32 {
25540
- margin-left: calc(var(--su32) * -1) !important;
26828
+ .sm\:myn48 {
26829
+ margin-top: calc(var(--su48) * -1) !important;
26830
+ margin-bottom: calc(var(--su48) * -1) !important;
25541
26831
  }
25542
- .sm\:mln48 {
25543
- margin-left: calc(var(--su48) * -1) !important;
26832
+ .sm\:myn64 {
26833
+ margin-top: calc(var(--su64) * -1) !important;
26834
+ margin-bottom: calc(var(--su64) * -1) !important;
25544
26835
  }
25545
- .sm\:mln64 {
25546
- margin-left: calc(var(--su64) * -1) !important;
26836
+ .sm\:myn96 {
26837
+ margin-top: calc(var(--su96) * -1) !important;
26838
+ margin-bottom: calc(var(--su96) * -1) !important;
25547
26839
  }
25548
- .sm\:mln96 {
25549
- margin-left: calc(var(--su96) * -1) !important;
26840
+ .sm\:myn128 {
26841
+ margin-top: calc(var(--su128) * -1) !important;
26842
+ margin-bottom: calc(var(--su128) * -1) !important;
25550
26843
  }
25551
- .sm\:mln128 {
25552
- margin-left: calc(var(--su128) * -1) !important;
26844
+ .sm\:p0 {
26845
+ padding: var(--su0) !important;
25553
26846
  }
25554
26847
  .sm\:p1 {
25555
26848
  padding: var(--su1) !important;
@@ -25590,8 +26883,8 @@ ol {
25590
26883
  .sm\:p128 {
25591
26884
  padding: var(--su128) !important;
25592
26885
  }
25593
- .sm\:p0 {
25594
- padding: 0 !important;
26886
+ .sm\:pt0 {
26887
+ padding-top: var(--su0) !important;
25595
26888
  }
25596
26889
  .sm\:pt1 {
25597
26890
  padding-top: var(--su1) !important;
@@ -25632,8 +26925,8 @@ ol {
25632
26925
  .sm\:pt128 {
25633
26926
  padding-top: var(--su128) !important;
25634
26927
  }
25635
- .sm\:pt0 {
25636
- padding-top: 0 !important;
26928
+ .sm\:pr0 {
26929
+ padding-right: var(--su0) !important;
25637
26930
  }
25638
26931
  .sm\:pr1 {
25639
26932
  padding-right: var(--su1) !important;
@@ -25674,6 +26967,9 @@ ol {
25674
26967
  .sm\:pr128 {
25675
26968
  padding-right: var(--su128) !important;
25676
26969
  }
26970
+ .sm\:pb0 {
26971
+ padding-bottom: var(--su0) !important;
26972
+ }
25677
26973
  .sm\:pb1 {
25678
26974
  padding-bottom: var(--su1) !important;
25679
26975
  }
@@ -25713,8 +27009,8 @@ ol {
25713
27009
  .sm\:pb128 {
25714
27010
  padding-bottom: var(--su128) !important;
25715
27011
  }
25716
- .sm\:pr0 {
25717
- padding-right: 0 !important;
27012
+ .sm\:pl0 {
27013
+ padding-left: var(--su0) !important;
25718
27014
  }
25719
27015
  .sm\:pl1 {
25720
27016
  padding-left: var(--su1) !important;
@@ -25755,8 +27051,162 @@ ol {
25755
27051
  .sm\:pl128 {
25756
27052
  padding-left: var(--su128) !important;
25757
27053
  }
25758
- .sm\:pl0 {
25759
- padding-left: 0 !important;
27054
+ .sm\:px0 {
27055
+ padding-left: var(--su0) !important;
27056
+ padding-right: var(--su0) !important;
27057
+ }
27058
+ .sm\:px1 {
27059
+ padding-left: var(--su1) !important;
27060
+ padding-right: var(--su1) !important;
27061
+ }
27062
+ .sm\:px2 {
27063
+ padding-left: var(--su2) !important;
27064
+ padding-right: var(--su2) !important;
27065
+ }
27066
+ .sm\:px4 {
27067
+ padding-left: var(--su4) !important;
27068
+ padding-right: var(--su4) !important;
27069
+ }
27070
+ .sm\:px6 {
27071
+ padding-left: var(--su6) !important;
27072
+ padding-right: var(--su6) !important;
27073
+ }
27074
+ .sm\:px8 {
27075
+ padding-left: var(--su8) !important;
27076
+ padding-right: var(--su8) !important;
27077
+ }
27078
+ .sm\:px12 {
27079
+ padding-left: var(--su12) !important;
27080
+ padding-right: var(--su12) !important;
27081
+ }
27082
+ .sm\:px16 {
27083
+ padding-left: var(--su16) !important;
27084
+ padding-right: var(--su16) !important;
27085
+ }
27086
+ .sm\:px24 {
27087
+ padding-left: var(--su24) !important;
27088
+ padding-right: var(--su24) !important;
27089
+ }
27090
+ .sm\:px32 {
27091
+ padding-left: var(--su32) !important;
27092
+ padding-right: var(--su32) !important;
27093
+ }
27094
+ .sm\:px48 {
27095
+ padding-left: var(--su48) !important;
27096
+ padding-right: var(--su48) !important;
27097
+ }
27098
+ .sm\:px64 {
27099
+ padding-left: var(--su64) !important;
27100
+ padding-right: var(--su64) !important;
27101
+ }
27102
+ .sm\:px96 {
27103
+ padding-left: var(--su96) !important;
27104
+ padding-right: var(--su96) !important;
27105
+ }
27106
+ .sm\:px128 {
27107
+ padding-left: var(--su128) !important;
27108
+ padding-right: var(--su128) !important;
27109
+ }
27110
+ .sm\:py0 {
27111
+ padding-top: var(--su0) !important;
27112
+ padding-bottom: var(--su0) !important;
27113
+ }
27114
+ .sm\:py1 {
27115
+ padding-top: var(--su1) !important;
27116
+ padding-bottom: var(--su1) !important;
27117
+ }
27118
+ .sm\:py2 {
27119
+ padding-top: var(--su2) !important;
27120
+ padding-bottom: var(--su2) !important;
27121
+ }
27122
+ .sm\:py4 {
27123
+ padding-top: var(--su4) !important;
27124
+ padding-bottom: var(--su4) !important;
27125
+ }
27126
+ .sm\:py6 {
27127
+ padding-top: var(--su6) !important;
27128
+ padding-bottom: var(--su6) !important;
27129
+ }
27130
+ .sm\:py8 {
27131
+ padding-top: var(--su8) !important;
27132
+ padding-bottom: var(--su8) !important;
27133
+ }
27134
+ .sm\:py12 {
27135
+ padding-top: var(--su12) !important;
27136
+ padding-bottom: var(--su12) !important;
27137
+ }
27138
+ .sm\:py16 {
27139
+ padding-top: var(--su16) !important;
27140
+ padding-bottom: var(--su16) !important;
27141
+ }
27142
+ .sm\:py24 {
27143
+ padding-top: var(--su24) !important;
27144
+ padding-bottom: var(--su24) !important;
27145
+ }
27146
+ .sm\:py32 {
27147
+ padding-top: var(--su32) !important;
27148
+ padding-bottom: var(--su32) !important;
27149
+ }
27150
+ .sm\:py48 {
27151
+ padding-top: var(--su48) !important;
27152
+ padding-bottom: var(--su48) !important;
27153
+ }
27154
+ .sm\:py64 {
27155
+ padding-top: var(--su64) !important;
27156
+ padding-bottom: var(--su64) !important;
27157
+ }
27158
+ .sm\:py96 {
27159
+ padding-top: var(--su96) !important;
27160
+ padding-bottom: var(--su96) !important;
27161
+ }
27162
+ .sm\:py128 {
27163
+ padding-top: var(--su128) !important;
27164
+ padding-bottom: var(--su128) !important;
27165
+ }
27166
+ .sm\:i0 {
27167
+ inset: var(--su0) !important;
27168
+ }
27169
+ .sm\:i1 {
27170
+ inset: var(--su1) !important;
27171
+ }
27172
+ .sm\:i2 {
27173
+ inset: var(--su2) !important;
27174
+ }
27175
+ .sm\:i4 {
27176
+ inset: var(--su4) !important;
27177
+ }
27178
+ .sm\:i6 {
27179
+ inset: var(--su6) !important;
27180
+ }
27181
+ .sm\:i8 {
27182
+ inset: var(--su8) !important;
27183
+ }
27184
+ .sm\:i12 {
27185
+ inset: var(--su12) !important;
27186
+ }
27187
+ .sm\:i16 {
27188
+ inset: var(--su16) !important;
27189
+ }
27190
+ .sm\:i24 {
27191
+ inset: var(--su24) !important;
27192
+ }
27193
+ .sm\:i32 {
27194
+ inset: var(--su32) !important;
27195
+ }
27196
+ .sm\:i48 {
27197
+ inset: var(--su48) !important;
27198
+ }
27199
+ .sm\:i64 {
27200
+ inset: var(--su64) !important;
27201
+ }
27202
+ .sm\:i96 {
27203
+ inset: var(--su96) !important;
27204
+ }
27205
+ .sm\:i128 {
27206
+ inset: var(--su128) !important;
27207
+ }
27208
+ .sm\:t0 {
27209
+ top: var(--su0) !important;
25760
27210
  }
25761
27211
  .sm\:t1 {
25762
27212
  top: var(--su1) !important;
@@ -25836,6 +27286,21 @@ ol {
25836
27286
  .sm\:tn128 {
25837
27287
  top: calc(var(--su128) * -1) !important;
25838
27288
  }
27289
+ .sm\:t50 {
27290
+ top: 50% !important;
27291
+ }
27292
+ .sm\:t100 {
27293
+ top: 100% !important;
27294
+ }
27295
+ .sm\:tn50 {
27296
+ top: -50% !important;
27297
+ }
27298
+ .sm\:tn100 {
27299
+ top: -100% !important;
27300
+ }
27301
+ .sm\:r0 {
27302
+ right: var(--su0) !important;
27303
+ }
25839
27304
  .sm\:r1 {
25840
27305
  right: var(--su1) !important;
25841
27306
  }
@@ -25914,6 +27379,21 @@ ol {
25914
27379
  .sm\:rn128 {
25915
27380
  right: calc(var(--su128) * -1) !important;
25916
27381
  }
27382
+ .sm\:r50 {
27383
+ right: 50% !important;
27384
+ }
27385
+ .sm\:r100 {
27386
+ right: 100% !important;
27387
+ }
27388
+ .sm\:rn50 {
27389
+ right: -50% !important;
27390
+ }
27391
+ .sm\:rn100 {
27392
+ right: -100% !important;
27393
+ }
27394
+ .sm\:b0 {
27395
+ bottom: var(--su0) !important;
27396
+ }
25917
27397
  .sm\:b1 {
25918
27398
  bottom: var(--su1) !important;
25919
27399
  }
@@ -25992,6 +27472,21 @@ ol {
25992
27472
  .sm\:bn128 {
25993
27473
  bottom: calc(var(--su128) * -1) !important;
25994
27474
  }
27475
+ .sm\:b50 {
27476
+ bottom: 50% !important;
27477
+ }
27478
+ .sm\:b100 {
27479
+ bottom: 100% !important;
27480
+ }
27481
+ .sm\:bn50 {
27482
+ bottom: -50% !important;
27483
+ }
27484
+ .sm\:bn100 {
27485
+ bottom: -100% !important;
27486
+ }
27487
+ .sm\:l0 {
27488
+ left: var(--su0) !important;
27489
+ }
25995
27490
  .sm\:l1 {
25996
27491
  left: var(--su1) !important;
25997
27492
  }
@@ -26070,44 +27565,17 @@ ol {
26070
27565
  .sm\:ln128 {
26071
27566
  left: calc(var(--su128) * -1) !important;
26072
27567
  }
26073
- .sm\:i1 {
26074
- inset: var(--su1) !important;
26075
- }
26076
- .sm\:i2 {
26077
- inset: var(--su2) !important;
26078
- }
26079
- .sm\:i4 {
26080
- inset: var(--su4) !important;
26081
- }
26082
- .sm\:i6 {
26083
- inset: var(--su6) !important;
26084
- }
26085
- .sm\:i8 {
26086
- inset: var(--su8) !important;
26087
- }
26088
- .sm\:i12 {
26089
- inset: var(--su12) !important;
26090
- }
26091
- .sm\:i16 {
26092
- inset: var(--su16) !important;
26093
- }
26094
- .sm\:i24 {
26095
- inset: var(--su24) !important;
26096
- }
26097
- .sm\:i32 {
26098
- inset: var(--su32) !important;
26099
- }
26100
- .sm\:i48 {
26101
- inset: var(--su48) !important;
27568
+ .sm\:l50 {
27569
+ left: 50% !important;
26102
27570
  }
26103
- .sm\:i64 {
26104
- inset: var(--su64) !important;
27571
+ .sm\:l100 {
27572
+ left: 100% !important;
26105
27573
  }
26106
- .sm\:i96 {
26107
- inset: var(--su96) !important;
27574
+ .sm\:ln50 {
27575
+ left: -50% !important;
26108
27576
  }
26109
- .sm\:i128 {
26110
- inset: var(--su128) !important;
27577
+ .sm\:ln100 {
27578
+ left: -100% !important;
26111
27579
  }
26112
27580
  .sm\:ta-left {
26113
27581
  text-align: left !important;