@stackoverflow/stacks 2.2.0 → 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.
@@ -662,8 +662,7 @@ 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);
@@ -1206,7 +1205,7 @@ body.theme-highcontrast .s-breadcrumbs .s-breadcrumbs--divider {
1206
1205
  box-shadow: none;
1207
1206
  color: var(--_bu-fc);
1208
1207
  font-size: var(--_bu-fs);
1209
- padding: var(--_bu-p);
1208
+ padding: var(--_bu-py, var(--_bu-p)) var(--_bu-px, var(--_bu-p));
1210
1209
  cursor: pointer;
1211
1210
  display: inline-block;
1212
1211
  font-family: inherit;
@@ -1290,6 +1289,12 @@ body.theme-highcontrast .s-btn--radio:checked + .s-btn.s-btn__outlined.s-btn__mu
1290
1289
  border-color: var(--_bu-outlined-bc);
1291
1290
  background-color: var(--_bu-outlined-bg, inherit);
1292
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
+ }
1293
1298
  .s-btn.s-btn__link:focus,
1294
1299
  .s-btn.s-btn__unset:focus,
1295
1300
  .s-btn.s-btn__link:focus-visible,
@@ -1297,9 +1302,6 @@ body.theme-highcontrast .s-btn--radio:checked + .s-btn.s-btn__outlined.s-btn__mu
1297
1302
  outline-style: auto;
1298
1303
  }
1299
1304
  .s-btn.s-btn__link {
1300
- --_bu-baw: 0;
1301
- --_bu-br: 0;
1302
- --_bu-p: 0;
1303
1305
  --_li-fc: var(--theme-link-color, var(--theme-secondary-400));
1304
1306
  --_li-fc-hover: var(--theme-link-color-hover, var(--theme-secondary-500));
1305
1307
  --_li-fc-visited: var(--theme-link-color-visited, var(--theme-secondary-600));
@@ -1418,17 +1420,14 @@ button.s-btn.s-btn__link:focus {
1418
1420
  .s-btn.s-btn__unset:hover,
1419
1421
  .s-btn.s-btn__unset:active,
1420
1422
  .s-btn.s-btn__unset:focus {
1421
- --_bu-baw: 0;
1422
1423
  --_bu-bg: none;
1423
- --_bu-br: 0;
1424
1424
  --_bu-fc: unset;
1425
- --_bu-p: 0;
1426
1425
  cursor: default;
1427
1426
  font: unset;
1428
1427
  user-select: auto;
1429
1428
  }
1430
1429
  .s-btn.s-btn__dropdown {
1431
- padding-right: calc(var(--_bu-p) * 2.5);
1430
+ padding-right: calc(var(--_bu-px, var(--_bu-p)) * 2.5);
1432
1431
  }
1433
1432
  .s-btn.s-btn__dropdown:after {
1434
1433
  border-color: currentColor transparent;
@@ -1438,7 +1437,7 @@ button.s-btn.s-btn__link:focus {
1438
1437
  content: "";
1439
1438
  pointer-events: none;
1440
1439
  position: absolute;
1441
- right: var(--_bu-p);
1440
+ right: var(--_bu-px, var(--_bu-p));
1442
1441
  top: calc(50% - var(--su-static2));
1443
1442
  z-index: var(--zi-active);
1444
1443
  }
@@ -1605,114 +1604,109 @@ body.theme-highcontrast .s-btn.s-btn__github {
1605
1604
  }
1606
1605
  .s-btn:not(.s-btn__link):not(.s-btn__unset):focus-visible,
1607
1606
  .s-btn--radio:focus-visible + .s-btn {
1608
- border-color: var(--theme-secondary-400) !important;
1609
1607
  border-color: var(--focus-theme) !important;
1610
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);
1611
1609
  outline: var(--su-static2) solid transparent !important;
1612
1610
  }
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):focus-visible,
1614
- .s-btn--radio:focus-visible + .s-btn,
1615
- .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,
1616
- .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 {
1617
1612
  background-color: var(--_bu-bg-focus, var(--_bu-filled-bg));
1618
1613
  color: var(--_bu-fc-focus, var(--_bu-filled-fc));
1619
1614
  }
1620
- .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,
1621
- .s-btn--radio:focus-visible + .s-btn:not(:hover) .s-btn--number,
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):focus-visible.s-btn__filled:not(:hover) .s-btn--number,
1623
- .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 {
1624
1616
  color: var(--_bu-number-fc-focus, var(--_bu-number-fc-filled));
1625
1617
  }
1626
- .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 {
1627
1619
  background-color: var(--_bu-bg-hover);
1628
1620
  color: var(--_bu-fc-hover);
1629
1621
  }
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.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 {
1631
1623
  background-color: var(--_bu-filled-bg-hover);
1632
1624
  border-color: var(--_bu-filled-bc-hover);
1633
1625
  color: var(--_bu-filled-fc-hover);
1634
1626
  }
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):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) {
1636
1628
  border-color: var(--_bu-bc-hover);
1637
1629
  }
1638
- .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) {
1639
1631
  background-color: var(--_bu-bg);
1640
1632
  border-color: var(--_bu-bc);
1641
1633
  color: var(--_bu-fc);
1642
1634
  }
1643
- .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 {
1644
1636
  background-color: var(--_bu-filled-bg);
1645
1637
  border-color: var(--_bu-filled-bc);
1646
1638
  color: var(--_bu-filled-fc);
1647
1639
  }
1648
- .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 {
1649
1641
  background-color: var(--_bu-bg-active);
1650
1642
  border-color: var(--_bu-bc-active);
1651
1643
  color: var(--_bu-fc-active);
1652
1644
  }
1653
- .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 {
1654
1646
  background-color: var(--_bu-filled-bg-active);
1655
1647
  border-color: var(--_bu-filled-bc-active);
1656
1648
  color: var(--_bu-filled-fc-active);
1657
1649
  }
1658
1650
  .s-btn-group {
1659
- display: flex;
1651
+ border: var(--su-static1) solid var(--black-300);
1652
+ border-radius: var(--br-md);
1653
+ display: inline-flex;
1660
1654
  flex-wrap: wrap;
1661
1655
  margin-bottom: var(--su-static1);
1656
+ padding: calc(var(--su-static4) - var(--su-static1));
1662
1657
  }
1663
1658
  @media (max-width: 640px) {
1664
1659
  html .s-btn-group .s-btn {
1665
- padding-left: 0.4em;
1666
- padding-right: 0.4em;
1660
+ --_bu-px: 0.4em;
1667
1661
  }
1668
1662
  html .s-btn-group .s-btn.s-btn__dropdown {
1669
1663
  padding-right: 1.2em;
1670
1664
  }
1671
1665
  html .s-btn-group .s-btn.s-btn__dropdown:after {
1672
- right: 0.4em;
1666
+ right: var(--_bu-px);
1673
1667
  }
1674
1668
  }
1675
- .s-btn-group:not(.s-btn-group--radio) .s-btn:not(:first-child):not(:last-child),
1676
- .s-btn-group.s-btn-group--radio .s-btn:not(:first-of-type):not(:last-of-type) {
1677
- border-radius: 0;
1678
- }
1679
- .s-btn-group:not(.s-btn-group--radio) .s-btn:first-child:not(:only-child),
1680
- .s-btn-group.s-btn-group--radio .s-btn:first-of-type:not(:last-of-type) {
1681
- border-top-right-radius: 0;
1682
- border-bottom-right-radius: 0;
1683
- }
1684
- .s-btn-group:not(.s-btn-group--radio) .s-btn:last-child:not(:only-child),
1685
- .s-btn-group.s-btn-group--radio .s-btn:last-of-type:not(:first-of-type) {
1686
- border-top-left-radius: 0;
1687
- border-bottom-left-radius: 0;
1688
- }
1689
- .s-btn-group:not(.s-btn-group--radio) .s-btn:not(:last-child),
1690
- .s-btn-group.s-btn-group--radio .s-btn:not(:last-of-type) {
1691
- margin-right: calc(var(--su-static1) * -1);
1692
- }
1693
1669
  .s-btn-group form {
1694
1670
  display: flex;
1695
1671
  margin-right: calc(var(--su-static1) * -1);
1696
1672
  }
1697
- .s-btn-group form:not(:first-child):not(:last-child) .s-btn {
1698
- border-radius: 0;
1699
- }
1700
- .s-btn-group form:last-child:not(:only-child) .s-btn:not(:last-child) {
1701
- border-radius: 0;
1702
- }
1703
- .s-btn-group form:first-child:not(:only-child) .s-btn:not(:first-child) {
1704
- border-radius: 0;
1705
- }
1706
1673
  .s-btn-group .s-btn {
1707
- margin-bottom: calc(var(--su-static1) * -1);
1674
+ --_bu-br: var(--br-sm);
1675
+ --_bu-bc-hover: transparent;
1708
1676
  white-space: nowrap;
1709
1677
  }
1710
- .s-btn-group .s-btn:active {
1711
- 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);
1712
1690
  }
1713
1691
  .s-btn-group .s-btn.is-selected,
1714
1692
  .s-btn-group .s-btn--radio:checked + .s-btn {
1715
- 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;
1716
1710
  }
1717
1711
  .s-card {
1718
1712
  --_ca-bc: var(--bc-medium);
@@ -2340,7 +2334,9 @@ body.theme-highcontrast .has-warning .s-textarea {
2340
2334
  --_in-pl: var(--su-static32);
2341
2335
  }
2342
2336
  .s-input:focus,
2343
- .s-textarea:focus {
2337
+ .s-textarea:focus,
2338
+ .s-input:focus-within,
2339
+ .s-textarea:focus-within {
2344
2340
  box-shadow: 0 0 0 var(--su-static2) var(--focus-neutral), 0 0 0 var(--su-static4) var(--focus-theme);
2345
2341
  outline: var(--su-static2) solid transparent !important;
2346
2342
  }
@@ -5740,18 +5736,52 @@ input[type="checkbox"].s-toggle-switch[disabled] {
5740
5736
  cursor: default;
5741
5737
  }
5742
5738
  .s-topbar {
5743
- min-width: auto;
5744
- width: 100%;
5745
- 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;
5746
5763
  background-color: var(--theme-topbar-background-color, var(--white));
5747
- height: var(--theme-topbar-height, calc(var(--su-static48) + var(--su-static8)));
5748
- display: flex;
5764
+ border-bottom: var(--theme-topbar-bottom-border, var(--su-static1) solid var(--black-225));
5749
5765
  border-top: var(--theme-topbar-accent-border, 3px solid var(--theme-primary));
5750
- 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;
5751
5769
  position: relative;
5752
- 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));
5753
5782
  }
5754
5783
  body.theme-highcontrast .s-topbar {
5784
+ --_tb-notice-td: underline;
5755
5785
  --theme-topbar-search-color: var(--theme-topbar-item-color, var(--black-400));
5756
5786
  --theme-topbar-search-background: var(--theme-topbar-background-color, var(--white));
5757
5787
  --theme-topbar-search-placeholder: var(--theme-topbar-item-color, var(--black-400));
@@ -5762,22 +5792,25 @@ body.theme-highcontrast .s-topbar {
5762
5792
  --theme-topbar-item-color-hover: var(--black-600);
5763
5793
  --theme-topbar-item-background-hover: var(--black-300);
5764
5794
  --theme-topbar-item-color-current: var(--black);
5795
+ border-bottom: var(--su-static1) solid currentColor;
5765
5796
  }
5766
- body.theme-highcontrast .s-topbar {
5767
- border-bottom: 1px solid currentColor;
5797
+ body.theme-highcontrast .s-topbar.s-topbar__dark {
5798
+ --focus-theme: hsl(210, 89%, 77%);
5768
5799
  }
5769
- .s-topbar.s-topbar__light {
5770
- --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);
5771
5805
  }
5772
- @media (prefers-color-scheme: dark) {
5773
- body.theme-system .s-topbar.s-topbar__light {
5774
- --focus-theme: var(--theme-dark-secondary-custom-200, var(--blue-200));
5775
- }
5806
+ body.theme-highcontrast .s-topbar__dark .s-badge {
5807
+ border-color: currentColor;
5776
5808
  }
5777
- body.theme-dark .s-topbar.s-topbar__light,
5778
- .theme-dark__forced .s-topbar.s-topbar__light,
5779
- body.theme-system .theme-dark__forced .s-topbar.s-topbar__light {
5780
- --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);
5781
5814
  }
5782
5815
  @media (prefers-color-scheme: dark) {
5783
5816
  body.theme-highcontrast.theme-system .s-topbar.s-topbar__light {
@@ -5787,182 +5820,55 @@ body.theme-system .theme-dark__forced .s-topbar.s-topbar__light {
5787
5820
  body.theme-highcontrast.theme-dark .s-topbar.s-topbar__light {
5788
5821
  --focus-theme: var(--blue-200);
5789
5822
  }
5790
- body.theme-highcontrast .s-topbar.s-topbar__dark {
5791
- --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%);
5792
5842
  }
5793
5843
  .s-topbar.s-topbar__dark {
5794
5844
  --focus-neutral: hsl(210, 8%, 5%);
5795
5845
  --focus-theme: var(--theme-dark-secondary-custom-400, hsl(210, 89%, 77%));
5796
5846
  }
5797
- a.s-topbar--logo:focus-visible,
5798
- .s-topbar .s-topbar--content .s-topbar--item:not(.s-topbar--item__unset):focus-visible,
5799
- .s-topbar--notice:focus-visible {
5847
+ .s-topbar a.s-topbar--logo:focus-visible {
5800
5848
  box-shadow: inset 0 0 0 var(--su-static2) var(--focus-theme), inset 0 0 0 var(--su-static4) var(--focus-neutral);
5801
5849
  outline: var(--su-static2) solid transparent !important;
5802
5850
  }
5803
- .s-topbar .s-topbar--container {
5804
- width: var(--s-full);
5805
- max-width: 100%;
5806
- height: 100%;
5807
- display: flex;
5808
- margin: 0 auto;
5809
- align-items: center;
5810
- }
5811
- .s-topbar .s-topbar--logo {
5812
- padding: 0 var(--su8);
5813
- height: 100%;
5814
- display: flex;
5815
- align-items: center;
5816
- background-color: transparent;
5817
- border-radius: var(--br-sm);
5818
- }
5819
- .s-topbar a.s-topbar--logo:hover {
5820
- background-color: var(--theme-topbar-item-background-hover, var(--black-200));
5821
- }
5851
+ .s-topbar a.s-topbar--logo:hover,
5822
5852
  .s-topbar a.s-topbar--logo.is-selected {
5823
- background-color: var(--theme-topbar-item-background-hover, var(--black-200));
5853
+ --_tb-logo-bg: var(--theme-topbar-item-background-hover, var(--black-200));
5824
5854
  }
5825
- .s-topbar .s-topbar--menu-btn {
5826
- display: flex;
5827
- height: 100%;
5828
- padding: 0 var(--su16);
5829
- flex-shrink: 0;
5855
+ .s-topbar .s-topbar--container {
5830
5856
  align-items: center;
5831
- justify-content: center;
5832
- }
5833
- .s-topbar .s-topbar--menu-btn span,
5834
- .s-topbar .s-topbar--menu-btn span:before,
5835
- .s-topbar .s-topbar--menu-btn span:after {
5836
- width: var(--su-static16);
5837
- height: var(--su-static2);
5838
- background-color: var(--theme-topbar-item-color, var(--black-400));
5839
- position: relative;
5840
- }
5841
- .s-topbar .s-topbar--menu-btn span:before,
5842
- .s-topbar .s-topbar--menu-btn span:after {
5843
- position: absolute;
5844
- content: '';
5845
- left: 0;
5846
- top: calc(var(--su-static1) - var(--su-static6));
5847
- transition: top, transform;
5848
- transition-duration: 0.1s;
5849
- transition-timing-function: ease-in-out;
5850
- }
5851
- .s-topbar .s-topbar--menu-btn span:after {
5852
- top: calc(var(--su-static6) - var(--su-static1));
5853
- }
5854
- .s-topbar .s-topbar--menu-btn.is-selected {
5855
- color: var(--theme-topbar-item-color-current, var(--black));
5856
- background-color: var(--theme-topbar-item-background-current);
5857
- }
5858
- .s-topbar .s-topbar--menu-btn.is-selected span {
5859
- background-color: transparent;
5860
- }
5861
- .s-topbar .s-topbar--menu-btn.is-selected span:before,
5862
- .s-topbar .s-topbar--menu-btn.is-selected span:after {
5863
- top: 0;
5864
- transform: rotate(-45deg);
5865
- }
5866
- .s-topbar .s-topbar--menu-btn.is-selected span:after {
5867
- transform: rotate(45deg);
5868
- }
5869
- .s-topbar .s-topbar--menu-btn:hover {
5870
- color: var(--theme-topbar-item-color-hover, var(--black-400));
5871
- background-color: var(--theme-topbar-item-background-hover, var(--black-200));
5872
- }
5873
- .s-topbar .s-navigation .s-navigation--item:not(.is-selected) {
5874
- color: var(--theme-topbar-item-color, var(--black-400));
5875
- }
5876
- .s-topbar .s-navigation .s-navigation--item:not(.is-selected):hover {
5877
- color: var(--theme-topbar-item-color-hover, var(--black-400));
5878
- background-color: var(--theme-topbar-item-background-hover, var(--black-200));
5879
- }
5880
- .s-topbar .s-popover .s-navigation .s-navigation--item:not(.is-selected) {
5881
- color: var(--black-500);
5882
- }
5883
- .s-topbar .s-popover .s-navigation .s-navigation--item:not(.is-selected):hover {
5884
- color: var(--black-600);
5885
- background-color: var(--black-200);
5886
- }
5887
- .s-topbar__light {
5888
- --theme-topbar-background-color: var(--_white-static);
5889
- --theme-topbar-bottom-border: 1px solid hsl(210, 8%, 85%);
5890
- --theme-topbar-search-color: hsl(210, 8%, 25%);
5891
- --theme-topbar-search-background: var(--_white-static);
5892
- --theme-topbar-search-placeholder: hsl(210, 8%, 42%);
5893
- --theme-topbar-search-border: hsl(210, 9%, 75%);
5894
- --theme-topbar-select-color: hsl(210, 8%, 25%);
5895
- --theme-topbar-select-background: hsl(210, 8%, 90%);
5896
- --theme-topbar-item-color: hsl(210, 8%, 42%);
5897
- --theme-topbar-item-color-hover: hsl(210, 8%, 25%);
5898
- --theme-topbar-item-background-hover: hsl(210, 8%, 90%);
5899
- --theme-topbar-item-color-current: var(--_black-static);
5900
- --scrollbar: hsla(0, 0%, 0%, 0.2);
5901
- }
5902
- body.theme-highcontrast .s-topbar__light {
5903
- --theme-topbar-item-color: hsl(210, 8%, 5%);
5904
- --theme-topbar-item-color-hover: hsl(210, 8%, 5%);
5905
- --theme-topbar-item-background-hover: hsl(210, 8%, 90%);
5906
- --theme-topbar-item-color-current: var(--_black-static);
5907
- }
5908
- .s-topbar__dark {
5909
- --theme-topbar-background-color: hsl(210, 8%, 5%);
5910
- --theme-topbar-bottom-border: 1px solid hsl(210, 8%, 5%);
5911
- --theme-topbar-search-color: hsl(0, 0%, 100%);
5912
- --theme-topbar-search-background: hsl(210, 8%, 25%);
5913
- --theme-topbar-search-placeholder: hsl(210, 8%, 85%);
5914
- --theme-topbar-search-border: hsl(210, 8%, 45%);
5915
- --theme-topbar-select-color: hsl(210, 8%, 85%);
5916
- --theme-topbar-select-background: hsl(210, 8%, 35%);
5917
- --theme-topbar-item-color: hsl(210, 8%, 85%);
5918
- --theme-topbar-item-color-hover: var(--_white-static);
5919
- --theme-topbar-item-background-hover: hsl(210, 8%, 25%);
5920
- --theme-topbar-item-color-current: var(--_white-static);
5921
- --theme-topbar-accent-border: none;
5922
- --scrollbar: hsla(0, 0%, 100%, 0.2);
5923
- }
5924
- body.theme-highcontrast .s-topbar__dark {
5925
- --theme-topbar-item-color: var(--_white-static);
5926
- --theme-topbar-item-color-hover: var(--_white-static);
5927
- --theme-topbar-item-background-hover: hsl(210, 8%, 25%);
5928
- --theme-topbar-item-color-current: var(--_white-static);
5929
- }
5930
- body.theme-highcontrast .s-topbar__dark .s-badge {
5931
- border-color: currentColor;
5932
- }
5933
- .s-topbar--navigation {
5934
5857
  display: flex;
5935
5858
  height: 100%;
5936
- overflow-x: auto;
5937
- scrollbar-color: var(--scrollbar) transparent;
5938
- margin-left: auto;
5939
- }
5940
- .s-topbar--navigation::-webkit-scrollbar {
5941
- width: calc(var(--su-static12) - var(--su-static2));
5942
- height: calc(var(--su-static12) - var(--su-static2));
5943
- background-color: transparent;
5944
- }
5945
- .s-topbar--navigation::-webkit-scrollbar-track {
5946
- border-radius: calc(var(--su-static12) - var(--su-static2));
5947
- background-color: transparent;
5948
- }
5949
- .s-topbar--navigation::-webkit-scrollbar-thumb {
5950
- border-radius: calc(var(--su-static12) - var(--su-static2));
5951
- background-color: var(--scrollbar);
5952
- }
5953
- .s-topbar--navigation::-webkit-scrollbar-corner {
5954
- background-color: transparent;
5955
- border-color: transparent;
5859
+ margin: 0 auto;
5860
+ max-width: 100%;
5861
+ width: var(--s-full);
5956
5862
  }
5957
5863
  .s-topbar .s-topbar--content {
5958
- display: flex;
5959
- height: 100%;
5960
5864
  list-style: none;
5961
5865
  margin: 0;
5962
5866
  padding: 0;
5963
- overflow-x: auto;
5964
5867
  scrollbar-color: var(--scrollbar) transparent;
5868
+ display: flex;
5869
+ height: 100%;
5965
5870
  margin-left: auto;
5871
+ overflow-x: auto;
5966
5872
  }
5967
5873
  .s-topbar .s-topbar--content > li {
5968
5874
  display: inline-flex;
@@ -5984,80 +5890,176 @@ body.theme-highcontrast .s-topbar__dark .s-badge {
5984
5890
  background-color: transparent;
5985
5891
  border-color: transparent;
5986
5892
  }
5987
- .s-topbar .s-topbar--content .s-topbar--item:not(.s-topbar--item__unset) {
5988
- color: var(--theme-topbar-item-color, var(--black-400));
5989
- 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);
5990
5896
  align-items: center;
5897
+ border-radius: var(--br-sm);
5898
+ display: inline-flex;
5991
5899
  padding: 0 calc(var(--su12) - var(--su2));
5900
+ position: relative;
5992
5901
  text-decoration: none;
5993
5902
  white-space: nowrap;
5994
- position: relative;
5995
- border-radius: var(--br-sm);
5996
5903
  }
5997
- .s-topbar .s-topbar--content .s-topbar--item:not(.s-topbar--item__unset):hover,
5998
- .s-topbar .s-topbar--content .s-topbar--item:not(.s-topbar--item__unset).is-selected,
5999
- .s-topbar .s-topbar--content .s-topbar--item:not(.s-topbar--item__unset).is-selected:hover {
6000
- color: var(--theme-topbar-item-color-hover, var(--black-600));
6001
- background-color: var(--theme-topbar-item-background-hover, var(--black-200));
6002
- text-decoration: none;
5904
+ .s-topbar .s-topbar--item:not(.s-topbar--item__unset) .svg-icon {
5905
+ vertical-align: text-top;
6003
5906
  }
6004
- .s-topbar .s-topbar--content .s-topbar--item:not(.s-topbar--item__unset):hover .s-activity-indicator,
6005
- .s-topbar .s-topbar--content .s-topbar--item:not(.s-topbar--item__unset).is-selected .s-activity-indicator,
6006
- .s-topbar .s-topbar--content .s-topbar--item:not(.s-topbar--item__unset).is-selected:hover .s-activity-indicator {
6007
- top: calc(50% - calc(var(--su16) + var(--su2)));
6008
- 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;
6009
5910
  }
6010
- .s-topbar .s-topbar--content .s-topbar--item:not(.s-topbar--item__unset) .svg-icon {
6011
- 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;
6012
5919
  }
6013
- .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);
6014
5923
  position: absolute;
6015
- top: calc(50% - calc(var(--su12) + var(--su2)));
6016
5924
  right: var(--su-static2);
6017
5925
  transition: top var(--te-smooth) 0.15s;
6018
- box-shadow: 0 0 0 var(--su-static2) var(--theme-topbar-background-color, var(--white));
6019
5926
  }
6020
- .s-topbar .s-topbar--content .s-topbar--item__unset {
5927
+ .s-topbar .s-topbar--item.s-topbar--item__unset {
6021
5928
  align-self: center;
6022
5929
  padding-top: var(--su8);
6023
5930
  padding-bottom: var(--su8);
6024
5931
  }
6025
- .s-topbar--notice {
6026
- 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;
6027
6029
  font-size: var(--fs-fine);
6028
6030
  font-weight: 700;
6029
6031
  margin-left: var(--su8);
6030
6032
  margin-right: var(--su8);
6031
- flex-shrink: 0;
6032
- border-color: transparent;
6033
- background-color: transparent;
6034
- color: var(--theme-topbar-item-color, var(--black-400));
6033
+ line-height: var(--lh-xxl);
6034
+ padding: 0 var(--su6);
6035
+ text-transform: uppercase;
6035
6036
  }
6036
- .s-topbar--notice:hover {
6037
- border-color: var(--theme-topbar-item-background-hover, var(--black-200));
6038
- background-color: var(--theme-topbar-item-background-hover, var(--black-200));
6039
- 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);
6040
6042
  }
6041
- .s-topbar--notice.is-unread {
6042
- border-color: var(--theme-primary);
6043
- background-color: var(--theme-primary);
6044
- 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;
6045
6047
  }
6046
- .s-topbar--notice.is-unread:hover {
6047
- border-color: var(--theme-primary-500);
6048
- background-color: var(--theme-primary-500);
6049
- 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);
6050
6052
  }
6051
6053
  .s-topbar .s-topbar--searchbar {
6052
- padding: 0 var(--su8);
6053
- display: flex;
6054
+ display: var(--_tb-searchbar-d);
6054
6055
  align-items: center;
6055
- flex-shrink: 10000;
6056
6056
  flex-grow: 1;
6057
+ flex-shrink: 10000;
6058
+ padding: var(--_tb-searchbar-p);
6057
6059
  }
6058
6060
  .s-topbar .s-topbar--searchbar .s-topbar--searchbar--input-group {
6059
- position: relative;
6060
6061
  flex-grow: 1;
6062
+ position: relative;
6061
6063
  }
6062
6064
  .s-topbar .s-topbar--searchbar .s-topbar--searchbar--input-group .s-input {
6063
6065
  background-color: var(--theme-topbar-search-background, var(--white));
@@ -6066,60 +6068,90 @@ body.theme-highcontrast .s-topbar__dark .s-badge {
6066
6068
  display: block;
6067
6069
  line-height: var(--lh-sm);
6068
6070
  }
6069
- .s-topbar .s-topbar--searchbar .s-topbar--searchbar--input-group .s-input:not(:focus-visible) {
6070
- box-shadow: var(--theme-topbar-search-shadow);
6071
- }
6072
6071
  .s-topbar .s-topbar--searchbar .s-topbar--searchbar--input-group .s-input::placeholder {
6073
6072
  color: var(--theme-topbar-search-placeholder, var(--black-400));
6074
6073
  font-style: normal;
6075
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
+ }
6076
6078
  .s-topbar .s-topbar--searchbar .s-topbar--searchbar--input-group .s-input-icon {
6077
6079
  color: var(--theme-topbar-search-placeholder, var(--black-400));
6078
6080
  }
6079
6081
  .s-topbar .s-topbar--searchbar .s-select {
6080
- max-width: calc(var(--s-step) * 2) !important;
6081
6082
  align-self: stretch;
6082
- margin-right: calc(var(--su-static1) * -1);
6083
6083
  color: var(--theme-topbar-select-color, var(--black-500));
6084
- }
6085
- .s-topbar .s-topbar--searchbar .s-select:before,
6086
- .s-topbar .s-topbar--searchbar .s-select:after {
6087
- z-index: var(--zi-active);
6084
+ margin-right: calc(var(--su-static1) * -1);
6085
+ max-width: calc(var(--s-step) * 2) !important;
6088
6086
  }
6089
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;
6090
6090
  border-color: var(--theme-topbar-search-border, var(--black-300));
6091
6091
  border-top-right-radius: 0 !important;
6092
- border-bottom-right-radius: 0 !important;
6092
+ color: var(--theme-topbar-select-color, var(--black-500));
6093
6093
  height: 100%;
6094
6094
  line-height: var(--lh-sm);
6095
- background-color: var(--theme-topbar-select-background, var(--black-200));
6096
- color: var(--theme-topbar-select-color, var(--black-500));
6097
6095
  }
6098
6096
  .s-topbar .s-topbar--searchbar .s-select > select:focus-visible {
6099
6097
  z-index: var(--zi-selected);
6100
6098
  }
6101
6099
  .s-topbar .s-topbar--searchbar .s-select + .s-topbar--searchbar--input-group > .s-input {
6102
- border-top-left-radius: 0 !important;
6103
6100
  border-bottom-left-radius: 0 !important;
6101
+ border-top-left-radius: 0 !important;
6104
6102
  }
6105
- @media (max-width: 640px) {
6106
- .s-topbar .s-topbar--searchbar {
6107
- display: none;
6108
- position: absolute;
6109
- left: 0;
6110
- right: 0;
6111
- top: 100%;
6112
- max-width: 100%;
6113
- padding: var(--su8) var(--su12);
6114
- background: var(--theme-topbar-item-background-hover, var(--black-200));
6115
- }
6116
- .s-topbar .s-topbar--searchbar.s-topbar--searchbar__open {
6117
- display: flex;
6118
- max-width: none;
6119
- }
6120
- .s-topbar .s-topbar--searchbar .s-select {
6121
- width: 25% !important;
6122
- }
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);
6123
6155
  }
6124
6156
  .s-uploader {
6125
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");
@@ -18416,6 +18448,7 @@ body.theme-system .theme-dark__forced .f\:bc-inherit:focus-within {
18416
18448
  }
18417
18449
  body {
18418
18450
  --su-base: 1;
18451
+ --su-static0: 0px;
18419
18452
  --su-static1: 1px;
18420
18453
  --su-static2: 2px;
18421
18454
  --su-static4: 4px;
@@ -18429,6 +18462,7 @@ body {
18429
18462
  --su-static64: 64px;
18430
18463
  --su-static96: 96px;
18431
18464
  --su-static128: 128px;
18465
+ --su0: var(--su-static0);
18432
18466
  --su1: clamp(var(--su-static1), calc(var(--su-static1) * var(--su-base)), calc(var(--su-static1) * var(--su-base)));
18433
18467
  --su2: calc(var(--su-static2) * var(--su-base));
18434
18468
  --su4: calc(var(--su-static4) * var(--su-base));
@@ -18443,51 +18477,11 @@ body {
18443
18477
  --su96: calc(var(--su-static96) * var(--su-base));
18444
18478
  --su128: calc(var(--su-static128) * var(--su-base));
18445
18479
  }
18446
- .m0 {
18447
- margin: 0 !important;
18448
- }
18449
- .mt0 {
18450
- margin-top: 0 !important;
18451
- }
18452
- .mr0 {
18453
- margin-right: 0 !important;
18454
- }
18455
- .mb0 {
18456
- margin-bottom: 0 !important;
18457
- }
18458
- .ml0 {
18459
- margin-left: 0 !important;
18460
- }
18461
- .mx0 {
18462
- margin-left: 0 !important;
18463
- margin-right: 0 !important;
18464
- }
18465
- .my0 {
18466
- margin-top: 0 !important;
18467
- margin-bottom: 0 !important;
18468
- }
18469
18480
  .m-auto {
18470
18481
  margin: auto !important;
18471
18482
  }
18472
- .mt-auto {
18473
- margin-top: auto !important;
18474
- }
18475
- .mr-auto {
18476
- margin-right: auto !important;
18477
- }
18478
- .mb-auto {
18479
- margin-bottom: auto !important;
18480
- }
18481
- .ml-auto {
18482
- margin-left: auto !important;
18483
- }
18484
- .mx-auto {
18485
- margin-left: auto !important;
18486
- margin-right: auto !important;
18487
- }
18488
- .my-auto {
18489
- margin-top: auto !important;
18490
- margin-bottom: auto !important;
18483
+ .m0 {
18484
+ margin: var(--su0) !important;
18491
18485
  }
18492
18486
  .m1 {
18493
18487
  margin: var(--su1) !important;
@@ -18528,9 +18522,6 @@ body {
18528
18522
  .m128 {
18529
18523
  margin: var(--su128) !important;
18530
18524
  }
18531
- .m0 {
18532
- margin: 0 !important;
18533
- }
18534
18525
  .mn1 {
18535
18526
  margin: calc(var(--su1) * -1) !important;
18536
18527
  }
@@ -18570,6 +18561,24 @@ body {
18570
18561
  .mn128 {
18571
18562
  margin: calc(var(--su128) * -1) !important;
18572
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
+ }
18573
18582
  .mt1 {
18574
18583
  margin-top: var(--su1) !important;
18575
18584
  }
@@ -18609,9 +18618,6 @@ body {
18609
18618
  .mt128 {
18610
18619
  margin-top: var(--su128) !important;
18611
18620
  }
18612
- .mt0 {
18613
- margin-top: 0 !important;
18614
- }
18615
18621
  .mtn1 {
18616
18622
  margin-top: calc(var(--su1) * -1) !important;
18617
18623
  }
@@ -18651,6 +18657,24 @@ body {
18651
18657
  .mtn128 {
18652
18658
  margin-top: calc(var(--su128) * -1) !important;
18653
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
+ }
18654
18678
  .mr1 {
18655
18679
  margin-right: var(--su1) !important;
18656
18680
  }
@@ -18690,9 +18714,6 @@ body {
18690
18714
  .mr128 {
18691
18715
  margin-right: var(--su128) !important;
18692
18716
  }
18693
- .mr0 {
18694
- margin-right: 0 !important;
18695
- }
18696
18717
  .mrn1 {
18697
18718
  margin-right: calc(var(--su1) * -1) !important;
18698
18719
  }
@@ -18732,6 +18753,24 @@ body {
18732
18753
  .mrn128 {
18733
18754
  margin-right: calc(var(--su128) * -1) !important;
18734
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
+ }
18735
18774
  .mb1 {
18736
18775
  margin-bottom: var(--su1) !important;
18737
18776
  }
@@ -18771,9 +18810,6 @@ body {
18771
18810
  .mb128 {
18772
18811
  margin-bottom: var(--su128) !important;
18773
18812
  }
18774
- .mb0 {
18775
- margin-bottom: 0 !important;
18776
- }
18777
18813
  .mbn1 {
18778
18814
  margin-bottom: calc(var(--su1) * -1) !important;
18779
18815
  }
@@ -18813,6 +18849,24 @@ body {
18813
18849
  .mbn128 {
18814
18850
  margin-bottom: calc(var(--su128) * -1) !important;
18815
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
+ }
18816
18870
  .ml1 {
18817
18871
  margin-left: var(--su1) !important;
18818
18872
  }
@@ -18852,9 +18906,6 @@ body {
18852
18906
  .ml128 {
18853
18907
  margin-left: var(--su128) !important;
18854
18908
  }
18855
- .ml0 {
18856
- margin-left: 0 !important;
18857
- }
18858
18909
  .mln1 {
18859
18910
  margin-left: calc(var(--su1) * -1) !important;
18860
18911
  }
@@ -18894,19 +18945,43 @@ body {
18894
18945
  .mln128 {
18895
18946
  margin-left: calc(var(--su128) * -1) !important;
18896
18947
  }
18897
- .mx1 {
18898
- margin-left: var(--su1) !important;
18899
- margin-right: var(--su1) !important;
18948
+ .ml50 {
18949
+ margin-left: 50% !important;
18900
18950
  }
18901
- .mx2 {
18902
- margin-left: var(--su2) !important;
18903
- margin-right: var(--su2) !important;
18951
+ .ml100 {
18952
+ margin-left: 100% !important;
18904
18953
  }
18905
- .mx4 {
18906
- margin-left: var(--su4) !important;
18907
- margin-right: var(--su4) !important;
18954
+ .mln50 {
18955
+ margin-left: -50% !important;
18908
18956
  }
18909
- .mx6 {
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 {
18981
+ margin-left: var(--su4) !important;
18982
+ margin-right: var(--su4) !important;
18983
+ }
18984
+ .mx6 {
18910
18985
  margin-left: var(--su6) !important;
18911
18986
  margin-right: var(--su6) !important;
18912
18987
  }
@@ -18998,6 +19073,10 @@ body {
18998
19073
  margin-left: calc(var(--su128) * -1) !important;
18999
19074
  margin-right: calc(var(--su128) * -1) !important;
19000
19075
  }
19076
+ .my0 {
19077
+ margin-top: var(--su0) !important;
19078
+ margin-bottom: var(--su0) !important;
19079
+ }
19001
19080
  .my1 {
19002
19081
  margin-top: var(--su1) !important;
19003
19082
  margin-bottom: var(--su1) !important;
@@ -19103,27 +19182,7 @@ body {
19103
19182
  margin-bottom: calc(var(--su128) * -1) !important;
19104
19183
  }
19105
19184
  .p0 {
19106
- padding: 0 !important;
19107
- }
19108
- .pt0 {
19109
- padding-top: 0 !important;
19110
- }
19111
- .pr0 {
19112
- padding-right: 0 !important;
19113
- }
19114
- .pb0 {
19115
- padding-bottom: 0 !important;
19116
- }
19117
- .pl0 {
19118
- padding-left: 0 !important;
19119
- }
19120
- .px0 {
19121
- padding-left: 0 !important;
19122
- padding-right: 0 !important;
19123
- }
19124
- .py0 {
19125
- padding-top: 0 !important;
19126
- padding-bottom: 0 !important;
19185
+ padding: var(--su0) !important;
19127
19186
  }
19128
19187
  .p1 {
19129
19188
  padding: var(--su1) !important;
@@ -19164,8 +19223,8 @@ body {
19164
19223
  .p128 {
19165
19224
  padding: var(--su128) !important;
19166
19225
  }
19167
- .p0 {
19168
- padding: 0 !important;
19226
+ .pt0 {
19227
+ padding-top: var(--su0) !important;
19169
19228
  }
19170
19229
  .pt1 {
19171
19230
  padding-top: var(--su1) !important;
@@ -19206,8 +19265,8 @@ body {
19206
19265
  .pt128 {
19207
19266
  padding-top: var(--su128) !important;
19208
19267
  }
19209
- .pt0 {
19210
- padding-top: 0 !important;
19268
+ .pr0 {
19269
+ padding-right: var(--su0) !important;
19211
19270
  }
19212
19271
  .pr1 {
19213
19272
  padding-right: var(--su1) !important;
@@ -19248,6 +19307,9 @@ body {
19248
19307
  .pr128 {
19249
19308
  padding-right: var(--su128) !important;
19250
19309
  }
19310
+ .pb0 {
19311
+ padding-bottom: var(--su0) !important;
19312
+ }
19251
19313
  .pb1 {
19252
19314
  padding-bottom: var(--su1) !important;
19253
19315
  }
@@ -19287,8 +19349,8 @@ body {
19287
19349
  .pb128 {
19288
19350
  padding-bottom: var(--su128) !important;
19289
19351
  }
19290
- .pr0 {
19291
- padding-right: 0 !important;
19352
+ .pl0 {
19353
+ padding-left: var(--su0) !important;
19292
19354
  }
19293
19355
  .pl1 {
19294
19356
  padding-left: var(--su1) !important;
@@ -19329,8 +19391,9 @@ body {
19329
19391
  .pl128 {
19330
19392
  padding-left: var(--su128) !important;
19331
19393
  }
19332
- .pl0 {
19333
- padding-left: 0 !important;
19394
+ .px0 {
19395
+ padding-left: var(--su0) !important;
19396
+ padding-right: var(--su0) !important;
19334
19397
  }
19335
19398
  .px1 {
19336
19399
  padding-left: var(--su1) !important;
@@ -19384,6 +19447,10 @@ body {
19384
19447
  padding-left: var(--su128) !important;
19385
19448
  padding-right: var(--su128) !important;
19386
19449
  }
19450
+ .py0 {
19451
+ padding-top: var(--su0) !important;
19452
+ padding-bottom: var(--su0) !important;
19453
+ }
19387
19454
  .py1 {
19388
19455
  padding-top: var(--su1) !important;
19389
19456
  padding-bottom: var(--su1) !important;
@@ -19436,6 +19503,51 @@ body {
19436
19503
  padding-top: var(--su128) !important;
19437
19504
  padding-bottom: var(--su128) !important;
19438
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
+ }
19439
19551
  .t1 {
19440
19552
  top: var(--su1) !important;
19441
19553
  }
@@ -19475,21 +19587,6 @@ body {
19475
19587
  .t128 {
19476
19588
  top: var(--su128) !important;
19477
19589
  }
19478
- .t0 {
19479
- top: 0 !important;
19480
- }
19481
- .t50 {
19482
- top: 50% !important;
19483
- }
19484
- .tn50 {
19485
- top: -50% !important;
19486
- }
19487
- .t100 {
19488
- top: 100% !important;
19489
- }
19490
- .tn100 {
19491
- top: -100% !important;
19492
- }
19493
19590
  .tn1 {
19494
19591
  top: calc(var(--su1) * -1) !important;
19495
19592
  }
@@ -19529,6 +19626,21 @@ body {
19529
19626
  .tn128 {
19530
19627
  top: calc(var(--su128) * -1) !important;
19531
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
+ }
19532
19644
  .r1 {
19533
19645
  right: var(--su1) !important;
19534
19646
  }
@@ -19568,21 +19680,6 @@ body {
19568
19680
  .r128 {
19569
19681
  right: var(--su128) !important;
19570
19682
  }
19571
- .r0 {
19572
- right: 0 !important;
19573
- }
19574
- .r50 {
19575
- right: 50% !important;
19576
- }
19577
- .rn50 {
19578
- right: -50% !important;
19579
- }
19580
- .r100 {
19581
- right: 100% !important;
19582
- }
19583
- .rn100 {
19584
- right: -100% !important;
19585
- }
19586
19683
  .rn1 {
19587
19684
  right: calc(var(--su1) * -1) !important;
19588
19685
  }
@@ -19622,6 +19719,21 @@ body {
19622
19719
  .rn128 {
19623
19720
  right: calc(var(--su128) * -1) !important;
19624
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
+ }
19625
19737
  .b1 {
19626
19738
  bottom: var(--su1) !important;
19627
19739
  }
@@ -19661,21 +19773,6 @@ body {
19661
19773
  .b128 {
19662
19774
  bottom: var(--su128) !important;
19663
19775
  }
19664
- .b0 {
19665
- bottom: 0 !important;
19666
- }
19667
- .b50 {
19668
- bottom: 50% !important;
19669
- }
19670
- .bn50 {
19671
- bottom: -50% !important;
19672
- }
19673
- .b100 {
19674
- bottom: 100% !important;
19675
- }
19676
- .bn100 {
19677
- bottom: -100% !important;
19678
- }
19679
19776
  .bn1 {
19680
19777
  bottom: calc(var(--su1) * -1) !important;
19681
19778
  }
@@ -19715,6 +19812,21 @@ body {
19715
19812
  .bn128 {
19716
19813
  bottom: calc(var(--su128) * -1) !important;
19717
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
+ }
19718
19830
  .l1 {
19719
19831
  left: var(--su1) !important;
19720
19832
  }
@@ -19754,21 +19866,6 @@ body {
19754
19866
  .l128 {
19755
19867
  left: var(--su128) !important;
19756
19868
  }
19757
- .l0 {
19758
- left: 0 !important;
19759
- }
19760
- .l50 {
19761
- left: 50% !important;
19762
- }
19763
- .ln50 {
19764
- left: -50% !important;
19765
- }
19766
- .l100 {
19767
- left: 100% !important;
19768
- }
19769
- .ln100 {
19770
- left: -100% !important;
19771
- }
19772
19869
  .ln1 {
19773
19870
  left: calc(var(--su1) * -1) !important;
19774
19871
  }
@@ -19808,47 +19905,17 @@ body {
19808
19905
  .ln128 {
19809
19906
  left: calc(var(--su128) * -1) !important;
19810
19907
  }
19811
- .i1 {
19812
- inset: var(--su1) !important;
19813
- }
19814
- .i2 {
19815
- inset: var(--su2) !important;
19816
- }
19817
- .i4 {
19818
- inset: var(--su4) !important;
19819
- }
19820
- .i6 {
19821
- inset: var(--su6) !important;
19822
- }
19823
- .i8 {
19824
- inset: var(--su8) !important;
19825
- }
19826
- .i12 {
19827
- inset: var(--su12) !important;
19828
- }
19829
- .i16 {
19830
- inset: var(--su16) !important;
19831
- }
19832
- .i24 {
19833
- inset: var(--su24) !important;
19834
- }
19835
- .i32 {
19836
- inset: var(--su32) !important;
19837
- }
19838
- .i48 {
19839
- inset: var(--su48) !important;
19840
- }
19841
- .i64 {
19842
- inset: var(--su64) !important;
19908
+ .l50 {
19909
+ left: 50% !important;
19843
19910
  }
19844
- .i96 {
19845
- inset: var(--su96) !important;
19911
+ .l100 {
19912
+ left: 100% !important;
19846
19913
  }
19847
- .i128 {
19848
- inset: var(--su128) !important;
19914
+ .ln50 {
19915
+ left: -50% !important;
19849
19916
  }
19850
- .i0 {
19851
- inset: 0 !important;
19917
+ .ln100 {
19918
+ left: -100% !important;
19852
19919
  }
19853
19920
  h1,
19854
19921
  h2,
@@ -21877,6 +21944,9 @@ ol {
21877
21944
  .lg\:js-unset {
21878
21945
  justify-self: unset !important;
21879
21946
  }
21947
+ .lg\:m0 {
21948
+ margin: var(--su0) !important;
21949
+ }
21880
21950
  .lg\:m1 {
21881
21951
  margin: var(--su1) !important;
21882
21952
  }
@@ -21916,9 +21986,6 @@ ol {
21916
21986
  .lg\:m128 {
21917
21987
  margin: var(--su128) !important;
21918
21988
  }
21919
- .lg\:m0 {
21920
- margin: 0 !important;
21921
- }
21922
21989
  .lg\:mn1 {
21923
21990
  margin: calc(var(--su1) * -1) !important;
21924
21991
  }
@@ -21958,6 +22025,21 @@ ol {
21958
22025
  .lg\:mn128 {
21959
22026
  margin: calc(var(--su128) * -1) !important;
21960
22027
  }
22028
+ .lg\:m50 {
22029
+ margin: 50% !important;
22030
+ }
22031
+ .lg\:m100 {
22032
+ margin: 100% !important;
22033
+ }
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
+ }
21961
22043
  .lg\:mt1 {
21962
22044
  margin-top: var(--su1) !important;
21963
22045
  }
@@ -21997,9 +22079,6 @@ ol {
21997
22079
  .lg\:mt128 {
21998
22080
  margin-top: var(--su128) !important;
21999
22081
  }
22000
- .lg\:mt0 {
22001
- margin-top: 0 !important;
22002
- }
22003
22082
  .lg\:mtn1 {
22004
22083
  margin-top: calc(var(--su1) * -1) !important;
22005
22084
  }
@@ -22039,6 +22118,21 @@ ol {
22039
22118
  .lg\:mtn128 {
22040
22119
  margin-top: calc(var(--su128) * -1) !important;
22041
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
+ }
22042
22136
  .lg\:mr1 {
22043
22137
  margin-right: var(--su1) !important;
22044
22138
  }
@@ -22078,9 +22172,6 @@ ol {
22078
22172
  .lg\:mr128 {
22079
22173
  margin-right: var(--su128) !important;
22080
22174
  }
22081
- .lg\:mr0 {
22082
- margin-right: 0 !important;
22083
- }
22084
22175
  .lg\:mrn1 {
22085
22176
  margin-right: calc(var(--su1) * -1) !important;
22086
22177
  }
@@ -22120,6 +22211,21 @@ ol {
22120
22211
  .lg\:mrn128 {
22121
22212
  margin-right: calc(var(--su128) * -1) !important;
22122
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
+ }
22123
22229
  .lg\:mb1 {
22124
22230
  margin-bottom: var(--su1) !important;
22125
22231
  }
@@ -22159,9 +22265,6 @@ ol {
22159
22265
  .lg\:mb128 {
22160
22266
  margin-bottom: var(--su128) !important;
22161
22267
  }
22162
- .lg\:mb0 {
22163
- margin-bottom: 0 !important;
22164
- }
22165
22268
  .lg\:mbn1 {
22166
22269
  margin-bottom: calc(var(--su1) * -1) !important;
22167
22270
  }
@@ -22201,6 +22304,21 @@ ol {
22201
22304
  .lg\:mbn128 {
22202
22305
  margin-bottom: calc(var(--su128) * -1) !important;
22203
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
+ }
22204
22322
  .lg\:ml1 {
22205
22323
  margin-left: var(--su1) !important;
22206
22324
  }
@@ -22240,9 +22358,6 @@ ol {
22240
22358
  .lg\:ml128 {
22241
22359
  margin-left: var(--su128) !important;
22242
22360
  }
22243
- .lg\:ml0 {
22244
- margin-left: 0 !important;
22245
- }
22246
22361
  .lg\:mln1 {
22247
22362
  margin-left: calc(var(--su1) * -1) !important;
22248
22363
  }
@@ -22282,6 +22397,237 @@ ol {
22282
22397
  .lg\:mln128 {
22283
22398
  margin-left: calc(var(--su128) * -1) !important;
22284
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
+ }
22285
22631
  .lg\:p1 {
22286
22632
  padding: var(--su1) !important;
22287
22633
  }
@@ -22321,8 +22667,8 @@ ol {
22321
22667
  .lg\:p128 {
22322
22668
  padding: var(--su128) !important;
22323
22669
  }
22324
- .lg\:p0 {
22325
- padding: 0 !important;
22670
+ .lg\:pt0 {
22671
+ padding-top: var(--su0) !important;
22326
22672
  }
22327
22673
  .lg\:pt1 {
22328
22674
  padding-top: var(--su1) !important;
@@ -22363,8 +22709,8 @@ ol {
22363
22709
  .lg\:pt128 {
22364
22710
  padding-top: var(--su128) !important;
22365
22711
  }
22366
- .lg\:pt0 {
22367
- padding-top: 0 !important;
22712
+ .lg\:pr0 {
22713
+ padding-right: var(--su0) !important;
22368
22714
  }
22369
22715
  .lg\:pr1 {
22370
22716
  padding-right: var(--su1) !important;
@@ -22405,6 +22751,9 @@ ol {
22405
22751
  .lg\:pr128 {
22406
22752
  padding-right: var(--su128) !important;
22407
22753
  }
22754
+ .lg\:pb0 {
22755
+ padding-bottom: var(--su0) !important;
22756
+ }
22408
22757
  .lg\:pb1 {
22409
22758
  padding-bottom: var(--su1) !important;
22410
22759
  }
@@ -22444,8 +22793,8 @@ ol {
22444
22793
  .lg\:pb128 {
22445
22794
  padding-bottom: var(--su128) !important;
22446
22795
  }
22447
- .lg\:pr0 {
22448
- padding-right: 0 !important;
22796
+ .lg\:pl0 {
22797
+ padding-left: var(--su0) !important;
22449
22798
  }
22450
22799
  .lg\:pl1 {
22451
22800
  padding-left: var(--su1) !important;
@@ -22486,62 +22835,216 @@ ol {
22486
22835
  .lg\:pl128 {
22487
22836
  padding-left: var(--su128) !important;
22488
22837
  }
22489
- .lg\:pl0 {
22490
- padding-left: 0 !important;
22838
+ .lg\:px0 {
22839
+ padding-left: var(--su0) !important;
22840
+ padding-right: var(--su0) !important;
22491
22841
  }
22492
- .lg\:t1 {
22493
- top: var(--su1) !important;
22842
+ .lg\:px1 {
22843
+ padding-left: var(--su1) !important;
22844
+ padding-right: var(--su1) !important;
22494
22845
  }
22495
- .lg\:t2 {
22496
- top: var(--su2) !important;
22846
+ .lg\:px2 {
22847
+ padding-left: var(--su2) !important;
22848
+ padding-right: var(--su2) !important;
22497
22849
  }
22498
- .lg\:t4 {
22499
- top: var(--su4) !important;
22850
+ .lg\:px4 {
22851
+ padding-left: var(--su4) !important;
22852
+ padding-right: var(--su4) !important;
22500
22853
  }
22501
- .lg\:t6 {
22502
- top: var(--su6) !important;
22854
+ .lg\:px6 {
22855
+ padding-left: var(--su6) !important;
22856
+ padding-right: var(--su6) !important;
22503
22857
  }
22504
- .lg\:t8 {
22505
- top: var(--su8) !important;
22858
+ .lg\:px8 {
22859
+ padding-left: var(--su8) !important;
22860
+ padding-right: var(--su8) !important;
22506
22861
  }
22507
- .lg\:t12 {
22508
- top: var(--su12) !important;
22862
+ .lg\:px12 {
22863
+ padding-left: var(--su12) !important;
22864
+ padding-right: var(--su12) !important;
22509
22865
  }
22510
- .lg\:t16 {
22511
- top: var(--su16) !important;
22866
+ .lg\:px16 {
22867
+ padding-left: var(--su16) !important;
22868
+ padding-right: var(--su16) !important;
22512
22869
  }
22513
- .lg\:t24 {
22514
- top: var(--su24) !important;
22870
+ .lg\:px24 {
22871
+ padding-left: var(--su24) !important;
22872
+ padding-right: var(--su24) !important;
22515
22873
  }
22516
- .lg\:t32 {
22517
- top: var(--su32) !important;
22874
+ .lg\:px32 {
22875
+ padding-left: var(--su32) !important;
22876
+ padding-right: var(--su32) !important;
22518
22877
  }
22519
- .lg\:t48 {
22520
- top: var(--su48) !important;
22878
+ .lg\:px48 {
22879
+ padding-left: var(--su48) !important;
22880
+ padding-right: var(--su48) !important;
22521
22881
  }
22522
- .lg\:t64 {
22523
- top: var(--su64) !important;
22882
+ .lg\:px64 {
22883
+ padding-left: var(--su64) !important;
22884
+ padding-right: var(--su64) !important;
22524
22885
  }
22525
- .lg\:t96 {
22526
- top: var(--su96) !important;
22886
+ .lg\:px96 {
22887
+ padding-left: var(--su96) !important;
22888
+ padding-right: var(--su96) !important;
22527
22889
  }
22528
- .lg\:t128 {
22529
- top: var(--su128) !important;
22890
+ .lg\:px128 {
22891
+ padding-left: var(--su128) !important;
22892
+ padding-right: var(--su128) !important;
22530
22893
  }
22531
- .lg\:tn1 {
22532
- top: calc(var(--su1) * -1) !important;
22894
+ .lg\:py0 {
22895
+ padding-top: var(--su0) !important;
22896
+ padding-bottom: var(--su0) !important;
22533
22897
  }
22534
- .lg\:tn2 {
22535
- top: calc(var(--su2) * -1) !important;
22898
+ .lg\:py1 {
22899
+ padding-top: var(--su1) !important;
22900
+ padding-bottom: var(--su1) !important;
22536
22901
  }
22537
- .lg\:tn4 {
22538
- top: calc(var(--su4) * -1) !important;
22902
+ .lg\:py2 {
22903
+ padding-top: var(--su2) !important;
22904
+ padding-bottom: var(--su2) !important;
22539
22905
  }
22540
- .lg\:tn6 {
22541
- top: calc(var(--su6) * -1) !important;
22906
+ .lg\:py4 {
22907
+ padding-top: var(--su4) !important;
22908
+ padding-bottom: var(--su4) !important;
22542
22909
  }
22543
- .lg\:tn8 {
22544
- top: calc(var(--su8) * -1) !important;
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;
23030
+ }
23031
+ .lg\:t128 {
23032
+ top: var(--su128) !important;
23033
+ }
23034
+ .lg\:tn1 {
23035
+ top: calc(var(--su1) * -1) !important;
23036
+ }
23037
+ .lg\:tn2 {
23038
+ top: calc(var(--su2) * -1) !important;
23039
+ }
23040
+ .lg\:tn4 {
23041
+ top: calc(var(--su4) * -1) !important;
23042
+ }
23043
+ .lg\:tn6 {
23044
+ top: calc(var(--su6) * -1) !important;
23045
+ }
23046
+ .lg\:tn8 {
23047
+ top: calc(var(--su8) * -1) !important;
22545
23048
  }
22546
23049
  .lg\:tn12 {
22547
23050
  top: calc(var(--su12) * -1) !important;
@@ -22567,6 +23070,21 @@ ol {
22567
23070
  .lg\:tn128 {
22568
23071
  top: calc(var(--su128) * -1) !important;
22569
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
+ }
22570
23088
  .lg\:r1 {
22571
23089
  right: var(--su1) !important;
22572
23090
  }
@@ -22645,6 +23163,21 @@ ol {
22645
23163
  .lg\:rn128 {
22646
23164
  right: calc(var(--su128) * -1) !important;
22647
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
+ }
22648
23181
  .lg\:b1 {
22649
23182
  bottom: var(--su1) !important;
22650
23183
  }
@@ -22723,6 +23256,21 @@ ol {
22723
23256
  .lg\:bn128 {
22724
23257
  bottom: calc(var(--su128) * -1) !important;
22725
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
+ }
22726
23274
  .lg\:l1 {
22727
23275
  left: var(--su1) !important;
22728
23276
  }
@@ -22801,44 +23349,17 @@ ol {
22801
23349
  .lg\:ln128 {
22802
23350
  left: calc(var(--su128) * -1) !important;
22803
23351
  }
22804
- .lg\:i1 {
22805
- inset: var(--su1) !important;
22806
- }
22807
- .lg\:i2 {
22808
- inset: var(--su2) !important;
22809
- }
22810
- .lg\:i4 {
22811
- inset: var(--su4) !important;
22812
- }
22813
- .lg\:i6 {
22814
- inset: var(--su6) !important;
23352
+ .lg\:l50 {
23353
+ left: 50% !important;
22815
23354
  }
22816
- .lg\:i8 {
22817
- inset: var(--su8) !important;
23355
+ .lg\:l100 {
23356
+ left: 100% !important;
22818
23357
  }
22819
- .lg\:i12 {
22820
- inset: var(--su12) !important;
23358
+ .lg\:ln50 {
23359
+ left: -50% !important;
22821
23360
  }
22822
- .lg\:i16 {
22823
- inset: var(--su16) !important;
22824
- }
22825
- .lg\:i24 {
22826
- inset: var(--su24) !important;
22827
- }
22828
- .lg\:i32 {
22829
- inset: var(--su32) !important;
22830
- }
22831
- .lg\:i48 {
22832
- inset: var(--su48) !important;
22833
- }
22834
- .lg\:i64 {
22835
- inset: var(--su64) !important;
22836
- }
22837
- .lg\:i96 {
22838
- inset: var(--su96) !important;
22839
- }
22840
- .lg\:i128 {
22841
- inset: var(--su128) !important;
23361
+ .lg\:ln100 {
23362
+ left: -100% !important;
22842
23363
  }
22843
23364
  .lg\:ta-left {
22844
23365
  text-align: left !important;
@@ -23531,6 +24052,9 @@ ol {
23531
24052
  .md\:js-unset {
23532
24053
  justify-self: unset !important;
23533
24054
  }
24055
+ .md\:m0 {
24056
+ margin: var(--su0) !important;
24057
+ }
23534
24058
  .md\:m1 {
23535
24059
  margin: var(--su1) !important;
23536
24060
  }
@@ -23570,9 +24094,6 @@ ol {
23570
24094
  .md\:m128 {
23571
24095
  margin: var(--su128) !important;
23572
24096
  }
23573
- .md\:m0 {
23574
- margin: 0 !important;
23575
- }
23576
24097
  .md\:mn1 {
23577
24098
  margin: calc(var(--su1) * -1) !important;
23578
24099
  }
@@ -23612,6 +24133,21 @@ ol {
23612
24133
  .md\:mn128 {
23613
24134
  margin: calc(var(--su128) * -1) !important;
23614
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
+ }
23615
24151
  .md\:mt1 {
23616
24152
  margin-top: var(--su1) !important;
23617
24153
  }
@@ -23651,9 +24187,6 @@ ol {
23651
24187
  .md\:mt128 {
23652
24188
  margin-top: var(--su128) !important;
23653
24189
  }
23654
- .md\:mt0 {
23655
- margin-top: 0 !important;
23656
- }
23657
24190
  .md\:mtn1 {
23658
24191
  margin-top: calc(var(--su1) * -1) !important;
23659
24192
  }
@@ -23693,6 +24226,21 @@ ol {
23693
24226
  .md\:mtn128 {
23694
24227
  margin-top: calc(var(--su128) * -1) !important;
23695
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
+ }
23696
24244
  .md\:mr1 {
23697
24245
  margin-right: var(--su1) !important;
23698
24246
  }
@@ -23732,9 +24280,6 @@ ol {
23732
24280
  .md\:mr128 {
23733
24281
  margin-right: var(--su128) !important;
23734
24282
  }
23735
- .md\:mr0 {
23736
- margin-right: 0 !important;
23737
- }
23738
24283
  .md\:mrn1 {
23739
24284
  margin-right: calc(var(--su1) * -1) !important;
23740
24285
  }
@@ -23774,6 +24319,21 @@ ol {
23774
24319
  .md\:mrn128 {
23775
24320
  margin-right: calc(var(--su128) * -1) !important;
23776
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
+ }
23777
24337
  .md\:mb1 {
23778
24338
  margin-bottom: var(--su1) !important;
23779
24339
  }
@@ -23813,9 +24373,6 @@ ol {
23813
24373
  .md\:mb128 {
23814
24374
  margin-bottom: var(--su128) !important;
23815
24375
  }
23816
- .md\:mb0 {
23817
- margin-bottom: 0 !important;
23818
- }
23819
24376
  .md\:mbn1 {
23820
24377
  margin-bottom: calc(var(--su1) * -1) !important;
23821
24378
  }
@@ -23855,6 +24412,21 @@ ol {
23855
24412
  .md\:mbn128 {
23856
24413
  margin-bottom: calc(var(--su128) * -1) !important;
23857
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
+ }
23858
24430
  .md\:ml1 {
23859
24431
  margin-left: var(--su1) !important;
23860
24432
  }
@@ -23894,9 +24466,6 @@ ol {
23894
24466
  .md\:ml128 {
23895
24467
  margin-left: var(--su128) !important;
23896
24468
  }
23897
- .md\:ml0 {
23898
- margin-left: 0 !important;
23899
- }
23900
24469
  .md\:mln1 {
23901
24470
  margin-left: calc(var(--su1) * -1) !important;
23902
24471
  }
@@ -23936,6 +24505,237 @@ ol {
23936
24505
  .md\:mln128 {
23937
24506
  margin-left: calc(var(--su128) * -1) !important;
23938
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
+ }
23939
24739
  .md\:p1 {
23940
24740
  padding: var(--su1) !important;
23941
24741
  }
@@ -23975,8 +24775,8 @@ ol {
23975
24775
  .md\:p128 {
23976
24776
  padding: var(--su128) !important;
23977
24777
  }
23978
- .md\:p0 {
23979
- padding: 0 !important;
24778
+ .md\:pt0 {
24779
+ padding-top: var(--su0) !important;
23980
24780
  }
23981
24781
  .md\:pt1 {
23982
24782
  padding-top: var(--su1) !important;
@@ -24017,8 +24817,8 @@ ol {
24017
24817
  .md\:pt128 {
24018
24818
  padding-top: var(--su128) !important;
24019
24819
  }
24020
- .md\:pt0 {
24021
- padding-top: 0 !important;
24820
+ .md\:pr0 {
24821
+ padding-right: var(--su0) !important;
24022
24822
  }
24023
24823
  .md\:pr1 {
24024
24824
  padding-right: var(--su1) !important;
@@ -24059,6 +24859,9 @@ ol {
24059
24859
  .md\:pr128 {
24060
24860
  padding-right: var(--su128) !important;
24061
24861
  }
24862
+ .md\:pb0 {
24863
+ padding-bottom: var(--su0) !important;
24864
+ }
24062
24865
  .md\:pb1 {
24063
24866
  padding-bottom: var(--su1) !important;
24064
24867
  }
@@ -24098,8 +24901,8 @@ ol {
24098
24901
  .md\:pb128 {
24099
24902
  padding-bottom: var(--su128) !important;
24100
24903
  }
24101
- .md\:pr0 {
24102
- padding-right: 0 !important;
24904
+ .md\:pl0 {
24905
+ padding-left: var(--su0) !important;
24103
24906
  }
24104
24907
  .md\:pl1 {
24105
24908
  padding-left: var(--su1) !important;
@@ -24134,14 +24937,168 @@ ol {
24134
24937
  .md\:pl64 {
24135
24938
  padding-left: var(--su64) !important;
24136
24939
  }
24137
- .md\:pl96 {
24138
- 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;
24139
25096
  }
24140
- .md\:pl128 {
24141
- padding-left: var(--su128) !important;
25097
+ .md\:i128 {
25098
+ inset: var(--su128) !important;
24142
25099
  }
24143
- .md\:pl0 {
24144
- padding-left: 0 !important;
25100
+ .md\:t0 {
25101
+ top: var(--su0) !important;
24145
25102
  }
24146
25103
  .md\:t1 {
24147
25104
  top: var(--su1) !important;
@@ -24221,6 +25178,21 @@ ol {
24221
25178
  .md\:tn128 {
24222
25179
  top: calc(var(--su128) * -1) !important;
24223
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
+ }
24224
25196
  .md\:r1 {
24225
25197
  right: var(--su1) !important;
24226
25198
  }
@@ -24299,6 +25271,21 @@ ol {
24299
25271
  .md\:rn128 {
24300
25272
  right: calc(var(--su128) * -1) !important;
24301
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
+ }
24302
25289
  .md\:b1 {
24303
25290
  bottom: var(--su1) !important;
24304
25291
  }
@@ -24377,6 +25364,21 @@ ol {
24377
25364
  .md\:bn128 {
24378
25365
  bottom: calc(var(--su128) * -1) !important;
24379
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
+ }
24380
25382
  .md\:l1 {
24381
25383
  left: var(--su1) !important;
24382
25384
  }
@@ -24455,44 +25457,17 @@ ol {
24455
25457
  .md\:ln128 {
24456
25458
  left: calc(var(--su128) * -1) !important;
24457
25459
  }
24458
- .md\:i1 {
24459
- inset: var(--su1) !important;
24460
- }
24461
- .md\:i2 {
24462
- inset: var(--su2) !important;
24463
- }
24464
- .md\:i4 {
24465
- inset: var(--su4) !important;
24466
- }
24467
- .md\:i6 {
24468
- inset: var(--su6) !important;
24469
- }
24470
- .md\:i8 {
24471
- inset: var(--su8) !important;
24472
- }
24473
- .md\:i12 {
24474
- inset: var(--su12) !important;
24475
- }
24476
- .md\:i16 {
24477
- inset: var(--su16) !important;
24478
- }
24479
- .md\:i24 {
24480
- inset: var(--su24) !important;
24481
- }
24482
- .md\:i32 {
24483
- inset: var(--su32) !important;
24484
- }
24485
- .md\:i48 {
24486
- inset: var(--su48) !important;
25460
+ .md\:l50 {
25461
+ left: 50% !important;
24487
25462
  }
24488
- .md\:i64 {
24489
- inset: var(--su64) !important;
25463
+ .md\:l100 {
25464
+ left: 100% !important;
24490
25465
  }
24491
- .md\:i96 {
24492
- inset: var(--su96) !important;
25466
+ .md\:ln50 {
25467
+ left: -50% !important;
24493
25468
  }
24494
- .md\:i128 {
24495
- inset: var(--su128) !important;
25469
+ .md\:ln100 {
25470
+ left: -100% !important;
24496
25471
  }
24497
25472
  .md\:ta-left {
24498
25473
  text-align: left !important;
@@ -25185,6 +26160,9 @@ ol {
25185
26160
  .sm\:js-unset {
25186
26161
  justify-self: unset !important;
25187
26162
  }
26163
+ .sm\:m0 {
26164
+ margin: var(--su0) !important;
26165
+ }
25188
26166
  .sm\:m1 {
25189
26167
  margin: var(--su1) !important;
25190
26168
  }
@@ -25224,9 +26202,6 @@ ol {
25224
26202
  .sm\:m128 {
25225
26203
  margin: var(--su128) !important;
25226
26204
  }
25227
- .sm\:m0 {
25228
- margin: 0 !important;
25229
- }
25230
26205
  .sm\:mn1 {
25231
26206
  margin: calc(var(--su1) * -1) !important;
25232
26207
  }
@@ -25266,6 +26241,21 @@ ol {
25266
26241
  .sm\:mn128 {
25267
26242
  margin: calc(var(--su128) * -1) !important;
25268
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
+ }
25269
26259
  .sm\:mt1 {
25270
26260
  margin-top: var(--su1) !important;
25271
26261
  }
@@ -25305,9 +26295,6 @@ ol {
25305
26295
  .sm\:mt128 {
25306
26296
  margin-top: var(--su128) !important;
25307
26297
  }
25308
- .sm\:mt0 {
25309
- margin-top: 0 !important;
25310
- }
25311
26298
  .sm\:mtn1 {
25312
26299
  margin-top: calc(var(--su1) * -1) !important;
25313
26300
  }
@@ -25347,6 +26334,21 @@ ol {
25347
26334
  .sm\:mtn128 {
25348
26335
  margin-top: calc(var(--su128) * -1) !important;
25349
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
+ }
25350
26352
  .sm\:mr1 {
25351
26353
  margin-right: var(--su1) !important;
25352
26354
  }
@@ -25386,9 +26388,6 @@ ol {
25386
26388
  .sm\:mr128 {
25387
26389
  margin-right: var(--su128) !important;
25388
26390
  }
25389
- .sm\:mr0 {
25390
- margin-right: 0 !important;
25391
- }
25392
26391
  .sm\:mrn1 {
25393
26392
  margin-right: calc(var(--su1) * -1) !important;
25394
26393
  }
@@ -25428,6 +26427,21 @@ ol {
25428
26427
  .sm\:mrn128 {
25429
26428
  margin-right: calc(var(--su128) * -1) !important;
25430
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
+ }
25431
26445
  .sm\:mb1 {
25432
26446
  margin-bottom: var(--su1) !important;
25433
26447
  }
@@ -25467,9 +26481,6 @@ ol {
25467
26481
  .sm\:mb128 {
25468
26482
  margin-bottom: var(--su128) !important;
25469
26483
  }
25470
- .sm\:mb0 {
25471
- margin-bottom: 0 !important;
25472
- }
25473
26484
  .sm\:mbn1 {
25474
26485
  margin-bottom: calc(var(--su1) * -1) !important;
25475
26486
  }
@@ -25509,6 +26520,21 @@ ol {
25509
26520
  .sm\:mbn128 {
25510
26521
  margin-bottom: calc(var(--su128) * -1) !important;
25511
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
+ }
25512
26538
  .sm\:ml1 {
25513
26539
  margin-left: var(--su1) !important;
25514
26540
  }
@@ -25530,65 +26556,293 @@ ol {
25530
26556
  .sm\:ml16 {
25531
26557
  margin-left: var(--su16) !important;
25532
26558
  }
25533
- .sm\:ml24 {
25534
- 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;
25535
26771
  }
25536
- .sm\:ml32 {
25537
- margin-left: var(--su32) !important;
26772
+ .sm\:my32 {
26773
+ margin-top: var(--su32) !important;
26774
+ margin-bottom: var(--su32) !important;
25538
26775
  }
25539
- .sm\:ml48 {
25540
- margin-left: var(--su48) !important;
26776
+ .sm\:my48 {
26777
+ margin-top: var(--su48) !important;
26778
+ margin-bottom: var(--su48) !important;
25541
26779
  }
25542
- .sm\:ml64 {
25543
- margin-left: var(--su64) !important;
26780
+ .sm\:my64 {
26781
+ margin-top: var(--su64) !important;
26782
+ margin-bottom: var(--su64) !important;
25544
26783
  }
25545
- .sm\:ml96 {
25546
- margin-left: var(--su96) !important;
26784
+ .sm\:my96 {
26785
+ margin-top: var(--su96) !important;
26786
+ margin-bottom: var(--su96) !important;
25547
26787
  }
25548
- .sm\:ml128 {
25549
- margin-left: var(--su128) !important;
26788
+ .sm\:my128 {
26789
+ margin-top: var(--su128) !important;
26790
+ margin-bottom: var(--su128) !important;
25550
26791
  }
25551
- .sm\:ml0 {
25552
- margin-left: 0 !important;
26792
+ .sm\:myn1 {
26793
+ margin-top: calc(var(--su1) * -1) !important;
26794
+ margin-bottom: calc(var(--su1) * -1) !important;
25553
26795
  }
25554
- .sm\:mln1 {
25555
- 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;
25556
26799
  }
25557
- .sm\:mln2 {
25558
- 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;
25559
26803
  }
25560
- .sm\:mln4 {
25561
- 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;
25562
26807
  }
25563
- .sm\:mln6 {
25564
- 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;
25565
26811
  }
25566
- .sm\:mln8 {
25567
- 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;
25568
26815
  }
25569
- .sm\:mln12 {
25570
- 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;
25571
26819
  }
25572
- .sm\:mln16 {
25573
- 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;
25574
26823
  }
25575
- .sm\:mln24 {
25576
- 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;
25577
26827
  }
25578
- .sm\:mln32 {
25579
- 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;
25580
26831
  }
25581
- .sm\:mln48 {
25582
- 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;
25583
26835
  }
25584
- .sm\:mln64 {
25585
- 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;
25586
26839
  }
25587
- .sm\:mln96 {
25588
- 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;
25589
26843
  }
25590
- .sm\:mln128 {
25591
- margin-left: calc(var(--su128) * -1) !important;
26844
+ .sm\:p0 {
26845
+ padding: var(--su0) !important;
25592
26846
  }
25593
26847
  .sm\:p1 {
25594
26848
  padding: var(--su1) !important;
@@ -25629,8 +26883,8 @@ ol {
25629
26883
  .sm\:p128 {
25630
26884
  padding: var(--su128) !important;
25631
26885
  }
25632
- .sm\:p0 {
25633
- padding: 0 !important;
26886
+ .sm\:pt0 {
26887
+ padding-top: var(--su0) !important;
25634
26888
  }
25635
26889
  .sm\:pt1 {
25636
26890
  padding-top: var(--su1) !important;
@@ -25671,8 +26925,8 @@ ol {
25671
26925
  .sm\:pt128 {
25672
26926
  padding-top: var(--su128) !important;
25673
26927
  }
25674
- .sm\:pt0 {
25675
- padding-top: 0 !important;
26928
+ .sm\:pr0 {
26929
+ padding-right: var(--su0) !important;
25676
26930
  }
25677
26931
  .sm\:pr1 {
25678
26932
  padding-right: var(--su1) !important;
@@ -25713,6 +26967,9 @@ ol {
25713
26967
  .sm\:pr128 {
25714
26968
  padding-right: var(--su128) !important;
25715
26969
  }
26970
+ .sm\:pb0 {
26971
+ padding-bottom: var(--su0) !important;
26972
+ }
25716
26973
  .sm\:pb1 {
25717
26974
  padding-bottom: var(--su1) !important;
25718
26975
  }
@@ -25752,8 +27009,8 @@ ol {
25752
27009
  .sm\:pb128 {
25753
27010
  padding-bottom: var(--su128) !important;
25754
27011
  }
25755
- .sm\:pr0 {
25756
- padding-right: 0 !important;
27012
+ .sm\:pl0 {
27013
+ padding-left: var(--su0) !important;
25757
27014
  }
25758
27015
  .sm\:pl1 {
25759
27016
  padding-left: var(--su1) !important;
@@ -25794,8 +27051,162 @@ ol {
25794
27051
  .sm\:pl128 {
25795
27052
  padding-left: var(--su128) !important;
25796
27053
  }
25797
- .sm\:pl0 {
25798
- 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;
25799
27210
  }
25800
27211
  .sm\:t1 {
25801
27212
  top: var(--su1) !important;
@@ -25875,6 +27286,21 @@ ol {
25875
27286
  .sm\:tn128 {
25876
27287
  top: calc(var(--su128) * -1) !important;
25877
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
+ }
25878
27304
  .sm\:r1 {
25879
27305
  right: var(--su1) !important;
25880
27306
  }
@@ -25953,6 +27379,21 @@ ol {
25953
27379
  .sm\:rn128 {
25954
27380
  right: calc(var(--su128) * -1) !important;
25955
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
+ }
25956
27397
  .sm\:b1 {
25957
27398
  bottom: var(--su1) !important;
25958
27399
  }
@@ -26031,6 +27472,21 @@ ol {
26031
27472
  .sm\:bn128 {
26032
27473
  bottom: calc(var(--su128) * -1) !important;
26033
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
+ }
26034
27490
  .sm\:l1 {
26035
27491
  left: var(--su1) !important;
26036
27492
  }
@@ -26109,44 +27565,17 @@ ol {
26109
27565
  .sm\:ln128 {
26110
27566
  left: calc(var(--su128) * -1) !important;
26111
27567
  }
26112
- .sm\:i1 {
26113
- inset: var(--su1) !important;
26114
- }
26115
- .sm\:i2 {
26116
- inset: var(--su2) !important;
26117
- }
26118
- .sm\:i4 {
26119
- inset: var(--su4) !important;
26120
- }
26121
- .sm\:i6 {
26122
- inset: var(--su6) !important;
26123
- }
26124
- .sm\:i8 {
26125
- inset: var(--su8) !important;
26126
- }
26127
- .sm\:i12 {
26128
- inset: var(--su12) !important;
26129
- }
26130
- .sm\:i16 {
26131
- inset: var(--su16) !important;
26132
- }
26133
- .sm\:i24 {
26134
- inset: var(--su24) !important;
26135
- }
26136
- .sm\:i32 {
26137
- inset: var(--su32) !important;
26138
- }
26139
- .sm\:i48 {
26140
- inset: var(--su48) !important;
27568
+ .sm\:l50 {
27569
+ left: 50% !important;
26141
27570
  }
26142
- .sm\:i64 {
26143
- inset: var(--su64) !important;
27571
+ .sm\:l100 {
27572
+ left: 100% !important;
26144
27573
  }
26145
- .sm\:i96 {
26146
- inset: var(--su96) !important;
27574
+ .sm\:ln50 {
27575
+ left: -50% !important;
26147
27576
  }
26148
- .sm\:i128 {
26149
- inset: var(--su128) !important;
27577
+ .sm\:ln100 {
27578
+ left: -100% !important;
26150
27579
  }
26151
27580
  .sm\:ta-left {
26152
27581
  text-align: left !important;