@navikt/ds-css 8.10.3 → 8.10.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (66) hide show
  1. package/dist/component/accordion.css +6 -21
  2. package/dist/component/accordion.min.css +1 -1
  3. package/dist/component/actionmenu.css +1 -9
  4. package/dist/component/alert.css +6 -16
  5. package/dist/component/alert.min.css +1 -1
  6. package/dist/component/button.css +16 -62
  7. package/dist/component/button.min.css +1 -1
  8. package/dist/component/chat.css +3 -19
  9. package/dist/component/chat.min.css +1 -1
  10. package/dist/component/date.css +11 -66
  11. package/dist/component/date.min.css +1 -1
  12. package/dist/component/dialog.css +15 -57
  13. package/dist/component/dialog.min.css +1 -1
  14. package/dist/component/dropdown.css +1 -2
  15. package/dist/component/dropdown.min.css +1 -1
  16. package/dist/component/expansioncard.css +5 -27
  17. package/dist/component/expansioncard.min.css +1 -1
  18. package/dist/component/form.css +26 -208
  19. package/dist/component/form.min.css +1 -1
  20. package/dist/component/guidepanel.css +3 -19
  21. package/dist/component/guidepanel.min.css +1 -1
  22. package/dist/component/helptext.css +1 -5
  23. package/dist/component/helptext.min.css +1 -1
  24. package/dist/component/inlinemessage.css +1 -1
  25. package/dist/component/inlinemessage.min.css +1 -1
  26. package/dist/component/internalheader.css +1 -10
  27. package/dist/component/internalheader.min.css +1 -1
  28. package/dist/component/link.css +1 -5
  29. package/dist/component/linkanchor.css +2 -10
  30. package/dist/component/linkcard.css +8 -55
  31. package/dist/component/linkcard.min.css +1 -1
  32. package/dist/component/list.css +3 -3
  33. package/dist/component/list.min.css +1 -1
  34. package/dist/component/modal.css +3 -16
  35. package/dist/component/modal.min.css +1 -1
  36. package/dist/component/primitives.css +4 -18
  37. package/dist/component/primitives.min.css +1 -1
  38. package/dist/component/process.css +10 -53
  39. package/dist/component/process.min.css +1 -1
  40. package/dist/component/skeleton.css +0 -1
  41. package/dist/component/skeleton.min.css +1 -1
  42. package/dist/component/stepper.css +2 -22
  43. package/dist/component/stepper.min.css +1 -1
  44. package/dist/component/table.css +1 -22
  45. package/dist/component/table.min.css +1 -1
  46. package/dist/component/tabs.css +3 -3
  47. package/dist/component/tabs.min.css +1 -1
  48. package/dist/component/tag.css +1 -12
  49. package/dist/component/tag.min.css +1 -1
  50. package/dist/component/timeline.css +2 -12
  51. package/dist/component/timeline.min.css +1 -1
  52. package/dist/component/togglegroup.css +0 -1
  53. package/dist/component/togglegroup.min.css +1 -1
  54. package/dist/components.css +136 -755
  55. package/dist/components.min.css +1 -1
  56. package/dist/global/tokens.css +1 -1
  57. package/dist/global/tokens.min.css +1 -1
  58. package/dist/index.css +137 -756
  59. package/dist/index.min.css +1 -1
  60. package/package.json +5 -4
  61. package/src/button.css +31 -6
  62. package/src/data-table.css +86 -7
  63. package/.gitignore +0 -1
  64. package/CHANGELOG.md +0 -1580
  65. package/config/_mappings.d.ts +0 -25
  66. package/config/_mappings.js +0 -264
package/dist/index.css CHANGED
@@ -646,7 +646,7 @@
646
646
  }
647
647
 
648
648
  :root, :host {
649
- --ax-version: "8.10.3";
649
+ --ax-version: "8.10.5";
650
650
  --ax-space-0: 0rem;
651
651
  --ax-space-1: .0625rem;
652
652
  --ax-space-2: .125rem;
@@ -1746,30 +1746,21 @@
1746
1746
  background-color: var(--ax-bg-strong-pressed);
1747
1747
  }
1748
1748
 
1749
- .aksel-button[data-variant="primary"]:-webkit-any(:disabled, .aksel-button--disabled) {
1750
- background-color: var(--ax-bg-strong);
1751
- }
1752
-
1753
1749
  .aksel-button[data-variant="primary"]:is(:disabled, .aksel-button--disabled) {
1754
1750
  background-color: var(--ax-bg-strong);
1755
1751
  }
1756
1752
 
1757
1753
  .aksel-button[data-variant="secondary"] {
1758
1754
  --__axc-button-border-color: var(--ax-border-default);
1759
- color: var(--ax-text-subtle);
1760
1755
  background-color: rgba(0, 0, 0, 0);
1761
1756
  }
1762
1757
 
1763
- .aksel-button[data-variant="secondary"][data-color="neutral"] {
1758
+ .aksel-button[data-variant="secondary"][data-color="neutral"], [data-color="neutral"] .aksel-button[data-variant="secondary"]:not([data-color]) {
1764
1759
  color: var(--ax-text-default);
1765
1760
  }
1766
1761
 
1767
- [data-color="neutral"] > .aksel-button[data-variant="secondary"]:not([data-color]) {
1768
- color: var(--ax-text-default);
1769
- }
1770
-
1771
- [data-color="neutral"] :not([data-color]) .aksel-button[data-variant="secondary"]:not([data-color]) {
1772
- color: var(--ax-text-default);
1762
+ .aksel-button[data-variant="secondary"], [data-color="neutral"] [data-color]:not([data-color="neutral"]) .aksel-button[data-variant="secondary"] {
1763
+ color: var(--ax-text-subtle);
1773
1764
  }
1774
1765
 
1775
1766
  .aksel-button[data-variant="secondary"]:hover {
@@ -1781,47 +1772,25 @@
1781
1772
  background-color: var(--ax-bg-moderate-pressedA);
1782
1773
  }
1783
1774
 
1784
- .aksel-button[data-variant="secondary"]:-webkit-any(:disabled, .aksel-button--disabled) {
1785
- color: var(--ax-text-subtle);
1786
- background-color: rgba(0, 0, 0, 0);
1787
- }
1788
-
1789
- .aksel-button[data-variant="secondary"]:-webkit-any(:disabled, .aksel-button--disabled)[data-color="neutral"] {
1790
- color: var(--ax-text-default);
1791
- }
1792
-
1793
- [data-color="neutral"] > .aksel-button[data-variant="secondary"]:-webkit-any(:disabled, .aksel-button--disabled):not([data-color]) {
1794
- color: var(--ax-text-default);
1795
- }
1796
-
1797
1775
  .aksel-button[data-variant="secondary"]:is(:disabled, .aksel-button--disabled) {
1798
1776
  color: var(--ax-text-subtle);
1799
1777
  background-color: rgba(0, 0, 0, 0);
1800
1778
  }
1801
1779
 
1802
- .aksel-button[data-variant="secondary"]:is(:disabled, .aksel-button--disabled)[data-color="neutral"] {
1803
- color: var(--ax-text-default);
1804
- }
1805
-
1806
- [data-color="neutral"] > .aksel-button[data-variant="secondary"]:is(:disabled, .aksel-button--disabled):not([data-color]) {
1780
+ .aksel-button[data-variant="secondary"]:is(:disabled, .aksel-button--disabled)[data-color="neutral"], [data-color="neutral"] > .aksel-button[data-variant="secondary"]:is(:disabled, .aksel-button--disabled):not([data-color]) {
1807
1781
  color: var(--ax-text-default);
1808
1782
  }
1809
1783
 
1810
1784
  .aksel-button[data-variant="tertiary"] {
1811
- color: var(--ax-text-subtle);
1812
1785
  background-color: rgba(0, 0, 0, 0);
1813
1786
  }
1814
1787
 
1815
- .aksel-button[data-variant="tertiary"][data-color="neutral"] {
1788
+ .aksel-button[data-variant="tertiary"][data-color="neutral"], [data-color="neutral"] .aksel-button[data-variant="tertiary"]:not([data-color], [data-pressed="true"]) {
1816
1789
  color: var(--ax-text-default);
1817
1790
  }
1818
1791
 
1819
- [data-color="neutral"] > .aksel-button[data-variant="tertiary"]:not([data-color], [data-pressed="true"]) {
1820
- color: var(--ax-text-default);
1821
- }
1822
-
1823
- [data-color="neutral"] :not([data-color]) .aksel-button[data-variant="tertiary"]:not([data-color], [data-pressed="true"]) {
1824
- color: var(--ax-text-default);
1792
+ .aksel-button[data-variant="tertiary"], [data-color="neutral"] [data-color]:not([data-color="neutral"]) .aksel-button[data-variant="tertiary"]:not([data-pressed="true"]) {
1793
+ color: var(--ax-text-subtle);
1825
1794
  }
1826
1795
 
1827
1796
  .aksel-button[data-variant="tertiary"]:hover {
@@ -1837,29 +1806,12 @@
1837
1806
  color: var(--ax-text-contrast);
1838
1807
  }
1839
1808
 
1840
- .aksel-button[data-variant="tertiary"]:-webkit-any(:disabled, .aksel-button--disabled) {
1841
- color: var(--ax-text-subtle);
1842
- background-color: rgba(0, 0, 0, 0);
1843
- }
1844
-
1845
- .aksel-button[data-variant="tertiary"]:-webkit-any(:disabled, .aksel-button--disabled)[data-color="neutral"] {
1846
- color: var(--ax-text-default);
1847
- }
1848
-
1849
- [data-color="neutral"] > .aksel-button[data-variant="tertiary"]:-webkit-any(:disabled, .aksel-button--disabled):not([data-color]) {
1850
- color: var(--ax-text-default);
1851
- }
1852
-
1853
1809
  .aksel-button[data-variant="tertiary"]:is(:disabled, .aksel-button--disabled) {
1854
1810
  color: var(--ax-text-subtle);
1855
1811
  background-color: rgba(0, 0, 0, 0);
1856
1812
  }
1857
1813
 
1858
- .aksel-button[data-variant="tertiary"]:is(:disabled, .aksel-button--disabled)[data-color="neutral"] {
1859
- color: var(--ax-text-default);
1860
- }
1861
-
1862
- [data-color="neutral"] > .aksel-button[data-variant="tertiary"]:is(:disabled, .aksel-button--disabled):not([data-color]) {
1814
+ .aksel-button[data-variant="tertiary"]:is(:disabled, .aksel-button--disabled)[data-color="neutral"], [data-color="neutral"] > .aksel-button[data-variant="tertiary"]:is(:disabled, .aksel-button--disabled):not([data-color]) {
1863
1815
  color: var(--ax-text-default);
1864
1816
  }
1865
1817
 
@@ -1975,18 +1927,20 @@
1975
1927
  border-color: highlight;
1976
1928
  }
1977
1929
 
1978
- .aksel-button:hover:not(:disabled) {
1930
+ .aksel-button:hover:not(:disabled), .aksel-button[data-variant="primary"]:where(a):hover:not(:disabled) {
1979
1931
  color: highlight;
1980
1932
  box-shadow: none;
1981
1933
  background-color: highlighttext;
1982
1934
  border-color: highlight;
1983
1935
  }
1984
1936
 
1985
- .aksel-button[data-variant="primary"]:where(a):hover:not(:disabled) {
1986
- color: highlight;
1987
- box-shadow: none;
1988
- background-color: highlighttext;
1989
- border-color: highlight;
1937
+ .aksel-button[data-variant="tertiary"][data-pressed="true"] {
1938
+ color: selecteditemtext;
1939
+ background-color: selecteditem;
1940
+ }
1941
+
1942
+ .aksel-button[data-variant="tertiary"][data-pressed="true"] span {
1943
+ forced-color-adjust: none;
1990
1944
  }
1991
1945
 
1992
1946
  .aksel-button:not(:disabled):hover span {
@@ -2105,10 +2059,7 @@
2105
2059
  var(--__axc-dropzone-animation-ease-out);
2106
2060
  margin: -1px;
2107
2061
  position: absolute;
2108
- top: 0;
2109
- bottom: 0;
2110
- left: 0;
2111
- right: 0;
2062
+ inset: 0;
2112
2063
  }
2113
2064
 
2114
2065
  @keyframes akselDropzoneDragoverAnimation {
@@ -2188,25 +2139,7 @@
2188
2139
  display: flex;
2189
2140
  }
2190
2141
 
2191
- li.aksel-file-item {
2192
- margin: 0;
2193
- padding: 0;
2194
- list-style: none;
2195
- }
2196
-
2197
- .aksel-file-upload :-webkit-any(ul, li) {
2198
- margin: 0;
2199
- padding: 0;
2200
- list-style: none;
2201
- }
2202
-
2203
- .aksel-file-upload :is(ul, li) {
2204
- margin: 0;
2205
- padding: 0;
2206
- list-style: none;
2207
- }
2208
-
2209
- ul:has( > li.aksel-file-item) {
2142
+ .aksel-file-upload :is(ul, li), ul:has( > li.aksel-file-item), li.aksel-file-item {
2210
2143
  margin: 0;
2211
2144
  padding: 0;
2212
2145
  list-style: none;
@@ -2227,7 +2160,6 @@
2227
2160
  .aksel-file-item__link {
2228
2161
  align-items: flex-start;
2229
2162
  gap: var(--ax-space-2);
2230
- width: -webkit-fit-content;
2231
2163
  width: fit-content;
2232
2164
  display: flex;
2233
2165
  }
@@ -2327,11 +2259,7 @@
2327
2259
  outline-offset: 3px;
2328
2260
  }
2329
2261
 
2330
- .aksel-error-summary:focus-visible {
2331
- outline: 3px solid var(--ax-border-focus);
2332
- }
2333
-
2334
- .aksel-error-summary:has(.aksel-error-summary__heading:focus-visible) {
2262
+ .aksel-error-summary:focus-visible, .aksel-error-summary:has(.aksel-error-summary__heading:focus-visible) {
2335
2263
  outline: 3px solid var(--ax-border-focus);
2336
2264
  }
2337
2265
 
@@ -2396,27 +2324,14 @@
2396
2324
  border-color: orange;
2397
2325
  border-left-style: solid;
2398
2326
  border-left-width: 8px;
2327
+ border-start-start-radius: calc(var(--ax-radius-8) - 1px);
2328
+ border-end-start-radius: calc(var(--ax-radius-8) - 1px);
2399
2329
  height: 100%;
2400
2330
  position: absolute;
2401
2331
  top: 0;
2402
2332
  left: 0;
2403
2333
  }
2404
2334
 
2405
- .aksel-confirmation-panel__inner:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
2406
- border-top-left-radius: calc(var(--ax-radius-8) - 1px);
2407
- border-bottom-left-radius: calc(var(--ax-radius-8) - 1px);
2408
- }
2409
-
2410
- .aksel-confirmation-panel__inner:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
2411
- border-top-right-radius: calc(var(--ax-radius-8) - 1px);
2412
- border-bottom-right-radius: calc(var(--ax-radius-8) - 1px);
2413
- }
2414
-
2415
- .aksel-confirmation-panel__inner:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
2416
- border-top-right-radius: calc(var(--ax-radius-8) - 1px);
2417
- border-bottom-right-radius: calc(var(--ax-radius-8) - 1px);
2418
- }
2419
-
2420
2335
  .aksel-confirmation-panel--checked .aksel-confirmation-panel__inner:before {
2421
2336
  border-color: green;
2422
2337
  }
@@ -2428,7 +2343,6 @@
2428
2343
 
2429
2344
  .aksel-checkbox, .aksel-radio {
2430
2345
  gap: var(--ax-space-2) 0;
2431
- width: -webkit-fit-content;
2432
2346
  width: fit-content;
2433
2347
  padding: var(--ax-space-12) 0;
2434
2348
  grid-template-columns: auto 1fr;
@@ -2493,7 +2407,6 @@
2493
2407
 
2494
2408
  .aksel-checkbox__input, .aksel-radio__input {
2495
2409
  --__axc-radio-checkbox-marker-border: 2px;
2496
- -webkit-appearance: none;
2497
2410
  appearance: none;
2498
2411
  cursor: pointer;
2499
2412
  width: var(--__axc-radio-checkbox-marker-size);
@@ -2505,12 +2418,7 @@
2505
2418
  position: relative;
2506
2419
  }
2507
2420
 
2508
- :is(.aksel-checkbox__input, .aksel-radio__input)[data-standalone="true"]:disabled {
2509
- opacity: var(--ax-opacity-disabled);
2510
- cursor: not-allowed;
2511
- }
2512
-
2513
- .aksel-checkbox__input-wrapper[data-standalone="true"] > :is(.aksel-checkbox__input, .aksel-radio__input):disabled {
2421
+ :is(.aksel-checkbox__input, .aksel-radio__input)[data-standalone="true"]:disabled, .aksel-checkbox__input-wrapper[data-standalone="true"] > :is(.aksel-checkbox__input, .aksel-radio__input):disabled {
2514
2422
  opacity: var(--ax-opacity-disabled);
2515
2423
  cursor: not-allowed;
2516
2424
  }
@@ -2618,19 +2526,11 @@
2618
2526
  opacity: var(--ax-opacity-disabled);
2619
2527
  }
2620
2528
 
2621
- .aksel-checkbox--disabled :where(.aksel-checkbox__input, .aksel-checkbox__label) {
2529
+ .aksel-checkbox--disabled :where(.aksel-checkbox__input, .aksel-checkbox__label), .aksel-radio--disabled > :where(.aksel-radio__input, .aksel-radio__label) {
2622
2530
  cursor: not-allowed;
2623
2531
  }
2624
2532
 
2625
- .aksel-radio--disabled > :where(.aksel-radio__input, .aksel-radio__label) {
2626
- cursor: not-allowed;
2627
- }
2628
-
2629
- .aksel-checkbox--readonly :where(.aksel-checkbox__input, .aksel-checkbox__label) {
2630
- cursor: default;
2631
- }
2632
-
2633
- .aksel-radio--readonly > :where(.aksel-radio__input, .aksel-radio__label) {
2533
+ .aksel-checkbox--readonly :where(.aksel-checkbox__input, .aksel-checkbox__label), .aksel-radio--readonly > :where(.aksel-radio__input, .aksel-radio__label) {
2634
2534
  cursor: default;
2635
2535
  }
2636
2536
 
@@ -2664,19 +2564,11 @@
2664
2564
  }
2665
2565
 
2666
2566
  @media screen and (forced-colors: active) {
2667
- :-webkit-any(.aksel-checkbox, .aksel-checkbox--readonly) .aksel-checkbox__input:indeterminate:after {
2668
- background-color: fieldtext;
2669
- }
2670
-
2671
2567
  :is(.aksel-checkbox, .aksel-checkbox--readonly) .aksel-checkbox__input:indeterminate:after {
2672
2568
  background-color: fieldtext;
2673
2569
  }
2674
2570
 
2675
- .aksel-radio:not(.aksel-radio--readonly) > .aksel-radio__input:hover:not(:disabled) + .aksel-radio__label {
2676
- color: highlight;
2677
- }
2678
-
2679
- .aksel-checkbox:not(.aksel-checkbox--readonly):has(.aksel-checkbox__input:hover:not(:disabled)) > .aksel-checkbox__label {
2571
+ .aksel-checkbox:not(.aksel-checkbox--readonly):has(.aksel-checkbox__input:hover:not(:disabled)) > .aksel-checkbox__label, .aksel-radio:not(.aksel-radio--readonly) > .aksel-radio__input:hover:not(:disabled) + .aksel-radio__label {
2680
2572
  color: highlight;
2681
2573
  }
2682
2574
 
@@ -2709,15 +2601,7 @@
2709
2601
  background-color: graytext;
2710
2602
  }
2711
2603
 
2712
- .aksel-checkbox--disabled :is(.aksel-checkbox__label, .aksel-checkbox__description, .aksel-checkbox__input:checked + .aksel-checkbox__icon) {
2713
- color: graytext;
2714
- }
2715
-
2716
- .aksel-radio--disabled :-webkit-any(.aksel-radio__label, .aksel-radio__description) {
2717
- color: graytext;
2718
- }
2719
-
2720
- .aksel-radio--disabled :is(.aksel-radio__label, .aksel-radio__description) {
2604
+ .aksel-checkbox--disabled :is(.aksel-checkbox__label, .aksel-checkbox__description, .aksel-checkbox__input:checked + .aksel-checkbox__icon), .aksel-radio--disabled :is(.aksel-radio__label, .aksel-radio__description) {
2721
2605
  color: graytext;
2722
2606
  }
2723
2607
  }
@@ -2749,7 +2633,6 @@
2749
2633
  }
2750
2634
 
2751
2635
  .aksel-select__input {
2752
- -webkit-appearance: none;
2753
2636
  appearance: none;
2754
2637
  background-color: var(--ax-bg-input);
2755
2638
  border-radius: var(--ax-radius-8);
@@ -2808,21 +2691,10 @@
2808
2691
 
2809
2692
  .aksel-form-field--small .aksel-select__input {
2810
2693
  min-height: 2rem;
2811
- padding-top: 0;
2812
- padding-bottom: 0;
2813
- }
2814
-
2815
- .aksel-select--error > * select {
2816
- box-shadow: 0 0 0 1px var(--ax-border-danger-strong);
2817
- border-color: var(--ax-border-danger-strong);
2694
+ padding-block: 0;
2818
2695
  }
2819
2696
 
2820
- .aksel-select--error > * select:hover {
2821
- box-shadow: 0 0 0 1px var(--ax-border-danger-strong);
2822
- border-color: var(--ax-border-danger-strong);
2823
- }
2824
-
2825
- .aksel-select--error > * select:focus {
2697
+ .aksel-select--error > * select, .aksel-select--error > * select:hover, .aksel-select--error > * select:focus {
2826
2698
  box-shadow: 0 0 0 1px var(--ax-border-danger-strong);
2827
2699
  border-color: var(--ax-border-danger-strong);
2828
2700
  }
@@ -2853,12 +2725,6 @@
2853
2725
  }
2854
2726
 
2855
2727
  @media (forced-colors: active) {
2856
- .aksel-select--readonly .aksel-select__input:-webkit-any(:hover, :focus) {
2857
- color: buttontext;
2858
- background-color: buttonface;
2859
- border-color: buttontext;
2860
- }
2861
-
2862
2728
  .aksel-select--readonly .aksel-select__input:is(:hover, :focus) {
2863
2729
  color: buttontext;
2864
2730
  background-color: buttonface;
@@ -2871,7 +2737,6 @@
2871
2737
  }
2872
2738
 
2873
2739
  .aksel-switch {
2874
- width: -webkit-fit-content;
2875
2740
  width: fit-content;
2876
2741
  min-height: 3rem;
2877
2742
  position: relative;
@@ -3050,18 +2915,12 @@
3050
2915
  width: auto;
3051
2916
  }
3052
2917
 
3053
- .aksel-switch--right .aksel-switch__input {
3054
- left: auto;
3055
- right: 0;
3056
- }
3057
-
3058
- .aksel-switch--right .aksel-switch__track {
2918
+ .aksel-switch--right .aksel-switch__input, .aksel-switch--right .aksel-switch__track {
3059
2919
  left: auto;
3060
2920
  right: 0;
3061
2921
  }
3062
2922
 
3063
2923
  .aksel-switch__input:disabled {
3064
- -webkit-appearance: none;
3065
2924
  appearance: none;
3066
2925
  }
3067
2926
 
@@ -3073,31 +2932,12 @@
3073
2932
  cursor: not-allowed;
3074
2933
  }
3075
2934
 
3076
- .aksel-switch--readonly > .aksel-switch__track {
3077
- background-color: var(--ax-bg-neutral-moderate);
3078
- border-color: var(--ax-border-neutral-subtleA);
3079
- }
3080
-
3081
- .aksel-switch--readonly > .aksel-switch__input:hover ~ .aksel-switch__track {
3082
- background-color: var(--ax-bg-neutral-moderate);
3083
- border-color: var(--ax-border-neutral-subtleA);
3084
- }
3085
-
3086
- .aksel-switch--readonly > .aksel-switch__input:checked ~ .aksel-switch__track {
3087
- background-color: var(--ax-bg-neutral-moderate);
3088
- border-color: var(--ax-border-neutral-subtleA);
3089
- }
3090
-
3091
- .aksel-switch--readonly > .aksel-switch__input:checked:hover ~ .aksel-switch__track {
2935
+ .aksel-switch--readonly > .aksel-switch__track, .aksel-switch--readonly > .aksel-switch__input:hover ~ .aksel-switch__track, .aksel-switch--readonly > .aksel-switch__input:checked ~ .aksel-switch__track, .aksel-switch--readonly > .aksel-switch__input:checked:hover ~ .aksel-switch__track {
3092
2936
  background-color: var(--ax-bg-neutral-moderate);
3093
2937
  border-color: var(--ax-border-neutral-subtleA);
3094
2938
  }
3095
2939
 
3096
- .aksel-switch--readonly > .aksel-switch__label-wrapper {
3097
- cursor: default;
3098
- }
3099
-
3100
- .aksel-switch--readonly > .aksel-switch__input {
2940
+ .aksel-switch--readonly > .aksel-switch__label-wrapper, .aksel-switch--readonly > .aksel-switch__input {
3101
2941
  cursor: default;
3102
2942
  }
3103
2943
 
@@ -3159,7 +2999,6 @@
3159
2999
  }
3160
3000
 
3161
3001
  .aksel-text-field__input {
3162
- -webkit-appearance: none;
3163
3002
  appearance: none;
3164
3003
  padding: var(--ax-space-8);
3165
3004
  background: var(--ax-bg-input);
@@ -3236,7 +3075,6 @@
3236
3075
 
3237
3076
  .aksel-textarea__input {
3238
3077
  height: var(--__axc-textarea-height);
3239
- -webkit-appearance: none;
3240
3078
  appearance: none;
3241
3079
  padding: var(--ax-space-8);
3242
3080
  background-color: var(--ax-bg-input);
@@ -3299,50 +3137,17 @@
3299
3137
 
3300
3138
  .aksel-textarea--resize-both .aksel-textarea__input {
3301
3139
  resize: both;
3302
- }
3303
-
3304
- .aksel-textarea--resize-both .aksel-textarea__input:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
3305
- border-bottom-right-radius: 0;
3306
- }
3307
-
3308
- .aksel-textarea--resize-both .aksel-textarea__input:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
3309
- border-bottom-left-radius: 0;
3310
- }
3311
-
3312
- .aksel-textarea--resize-both .aksel-textarea__input:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
3313
- border-bottom-left-radius: 0;
3140
+ border-end-end-radius: 0;
3314
3141
  }
3315
3142
 
3316
3143
  .aksel-textarea--resize-horizontal .aksel-textarea__input {
3317
3144
  resize: horizontal;
3318
- }
3319
-
3320
- .aksel-textarea--resize-horizontal .aksel-textarea__input:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
3321
- border-bottom-right-radius: 0;
3322
- }
3323
-
3324
- .aksel-textarea--resize-horizontal .aksel-textarea__input:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
3325
- border-bottom-left-radius: 0;
3326
- }
3327
-
3328
- .aksel-textarea--resize-horizontal .aksel-textarea__input:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
3329
- border-bottom-left-radius: 0;
3145
+ border-end-end-radius: 0;
3330
3146
  }
3331
3147
 
3332
3148
  .aksel-textarea--resize-vertical .aksel-textarea__input {
3333
3149
  resize: vertical;
3334
- }
3335
-
3336
- .aksel-textarea--resize-vertical .aksel-textarea__input:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
3337
- border-bottom-right-radius: 0;
3338
- }
3339
-
3340
- .aksel-textarea--resize-vertical .aksel-textarea__input:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
3341
- border-bottom-left-radius: 0;
3342
- }
3343
-
3344
- .aksel-textarea--resize-vertical .aksel-textarea__input:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
3345
- border-bottom-left-radius: 0;
3150
+ border-end-end-radius: 0;
3346
3151
  }
3347
3152
 
3348
3153
  .aksel-textarea--autoscrollbar, .aksel-textarea--autoscrollbar .aksel-textarea__wrapper {
@@ -3385,7 +3190,6 @@
3385
3190
  }
3386
3191
 
3387
3192
  .aksel-search--with-size .aksel-search__wrapper {
3388
- width: -webkit-fit-content;
3389
3193
  width: fit-content;
3390
3194
  }
3391
3195
 
@@ -3408,13 +3212,7 @@
3408
3212
  outline: none;
3409
3213
  }
3410
3214
 
3411
- .aksel-search__input.aksel-search__input--primary {
3412
- border-right: none;
3413
- border-top-right-radius: 0;
3414
- border-bottom-right-radius: 0;
3415
- }
3416
-
3417
- .aksel-search__input.aksel-search__input--secondary {
3215
+ .aksel-search__input.aksel-search__input--primary, .aksel-search__input.aksel-search__input--secondary {
3418
3216
  border-right: none;
3419
3217
  border-top-right-radius: 0;
3420
3218
  border-bottom-right-radius: 0;
@@ -3482,10 +3280,6 @@
3482
3280
  --__axc-button-border-color: var(--ax-border-strong);
3483
3281
  }
3484
3282
 
3485
- .aksel-search:not(.aksel-search--error, .aksel-search--disabled) .aksel-search__wrapper:has(.aksel-search__input:-webkit-any(:hover, :focus-visible)) .aksel-search__button-search[data-variant="secondary"]:not(:hover, :active) {
3486
- --__axc-button-border-color: var(--ax-border-strong);
3487
- }
3488
-
3489
3283
  .aksel-search:not(.aksel-search--error, .aksel-search--disabled) .aksel-search__wrapper:has(.aksel-search__input:is(:hover, :focus-visible)) .aksel-search__button-search[data-variant="secondary"]:not(:hover, :active) {
3490
3284
  --__axc-button-border-color: var(--ax-border-strong);
3491
3285
  }
@@ -3500,11 +3294,7 @@
3500
3294
  box-shadow: inset 0 0 0 1px var(--ax-border-danger-strong);
3501
3295
  }
3502
3296
 
3503
- .aksel-search__input:focus-visible {
3504
- z-index: 1;
3505
- }
3506
-
3507
- .aksel-search__button-search:focus-visible {
3297
+ .aksel-search__input:focus-visible, .aksel-search__button-search:focus-visible {
3508
3298
  z-index: 1;
3509
3299
  }
3510
3300
 
@@ -3527,10 +3317,6 @@
3527
3317
  position: relative;
3528
3318
  }
3529
3319
 
3530
- .aksel-form-field:not(:-webkit-any(.aksel-combobox--disabled, .aksel-combobox--readonly)) .aksel-combobox__wrapper:hover {
3531
- border-color: var(--ax-border-strong);
3532
- }
3533
-
3534
3320
  .aksel-form-field:not(:is(.aksel-combobox--disabled, .aksel-combobox--readonly)) .aksel-combobox__wrapper:hover {
3535
3321
  border-color: var(--ax-border-strong);
3536
3322
  }
@@ -3555,11 +3341,7 @@
3555
3341
  cursor: not-allowed;
3556
3342
  }
3557
3343
 
3558
- .aksel-combobox--disabled .aksel-combobox__selected-options {
3559
- pointer-events: none;
3560
- }
3561
-
3562
- .aksel-combobox--disabled .aksel-combobox--readonly {
3344
+ .aksel-combobox--disabled .aksel-combobox__selected-options, .aksel-combobox--disabled .aksel-combobox--readonly {
3563
3345
  pointer-events: none;
3564
3346
  }
3565
3347
 
@@ -3580,11 +3362,7 @@
3580
3362
  overflow: clip;
3581
3363
  }
3582
3364
 
3583
- .aksel-combobox--readonly .aksel-text-field__input {
3584
- background-color: var(--ax-bg-neutral-moderate);
3585
- }
3586
-
3587
- .aksel-combobox--readonly .aksel-combobox__input {
3365
+ .aksel-combobox--readonly .aksel-text-field__input, .aksel-combobox--readonly .aksel-combobox__input {
3588
3366
  background-color: var(--ax-bg-neutral-moderate);
3589
3367
  }
3590
3368
 
@@ -3713,11 +3491,7 @@
3713
3491
  outline: none;
3714
3492
  }
3715
3493
 
3716
- .aksel-combobox__wrapper-inner:has(.aksel-combobox__input:focus) {
3717
- outline: none;
3718
- }
3719
-
3720
- .aksel-combobox__wrapper-inner:has(.aksel-combobox__input:focus).aksel-combobox__wrapper-inner--virtually-unfocused {
3494
+ .aksel-combobox__wrapper-inner:has(.aksel-combobox__input:focus), .aksel-combobox__wrapper-inner:has(.aksel-combobox__input:focus).aksel-combobox__wrapper-inner--virtually-unfocused {
3721
3495
  outline: none;
3722
3496
  }
3723
3497
  }
@@ -3854,7 +3628,7 @@
3854
3628
  border-radius: 0;
3855
3629
  justify-content: flex-start;
3856
3630
  gap: .25rem;
3857
- margin-top: calc(var(--ax-space-4) * -1);
3631
+ margin-block-start: calc(var(--ax-space-4) * -1);
3858
3632
  }
3859
3633
 
3860
3634
  .aksel-combobox__list-item--new-option svg {
@@ -3882,7 +3656,6 @@
3882
3656
  }
3883
3657
 
3884
3658
  .aksel-combobox__input {
3885
- min-width: -webkit-min-content;
3886
3659
  min-width: min-content;
3887
3660
  padding: .75rem 0;
3888
3661
  }
@@ -4082,9 +3855,8 @@
4082
3855
  opacity: .001;
4083
3856
  grid-template-rows: 0fr;
4084
3857
  margin-top: -2px;
4085
- padding-top: 0;
4086
- padding-bottom: 0;
4087
- transition-property: margin-top, opacity, visibility, padding-top, grid-template-rows;
3858
+ padding-block: 0;
3859
+ transition-property: margin-top, opacity, visibility, padding-block-start, grid-template-rows;
4088
3860
  transition-duration: .3s;
4089
3861
  transition-timing-function: cubic-bezier(.2, 0, 0, 1);
4090
3862
  display: grid;
@@ -4141,11 +3913,7 @@
4141
3913
  background-color: var(--ax-bg-moderate-hoverA);
4142
3914
  }
4143
3915
 
4144
- .aksel-accordion__header:hover:before {
4145
- display: none;
4146
- }
4147
-
4148
- .aksel-accordion__header:hover:after {
3916
+ .aksel-accordion__header:hover:before, .aksel-accordion__header:hover:after {
4149
3917
  display: none;
4150
3918
  }
4151
3919
 
@@ -4168,11 +3936,7 @@
4168
3936
  z-index: 1;
4169
3937
  }
4170
3938
 
4171
- .aksel-accordion__header:focus-visible:before {
4172
- display: none;
4173
- }
4174
-
4175
- .aksel-accordion__header:focus-visible:after {
3939
+ .aksel-accordion__header:focus-visible:before, .aksel-accordion__header:focus-visible:after {
4176
3940
  display: none;
4177
3941
  }
4178
3942
 
@@ -4197,11 +3961,7 @@
4197
3961
  bottom: 0;
4198
3962
  }
4199
3963
 
4200
- .aksel-accordion__item[data-expanded="true"] > .aksel-accordion__header:after, .aksel-accordion__item:not(:last-child) > .aksel-accordion__header:after {
4201
- display: none;
4202
- }
4203
-
4204
- .aksel-accordion__item[data-expanded="false"]:has(.aksel-accordion__header:where(:hover, :focus-visible)) + .aksel-accordion__item > .aksel-accordion__header:before {
3964
+ .aksel-accordion__item[data-expanded="true"] > .aksel-accordion__header:after, .aksel-accordion__item:not(:last-child) > .aksel-accordion__header:after, .aksel-accordion__item[data-expanded="false"]:has(.aksel-accordion__header:where(:hover, :focus-visible)) + .aksel-accordion__item > .aksel-accordion__header:before {
4205
3965
  display: none;
4206
3966
  }
4207
3967
 
@@ -4246,8 +4006,7 @@
4246
4006
  opacity: 0;
4247
4007
  border-color: rgba(0, 0, 0, 0);
4248
4008
  grid-template-rows: 0fr;
4249
- margin-top: 0;
4250
- margin-bottom: 0;
4009
+ margin-block: 0;
4251
4010
  transition-property: visibility, opacity, grid-template-rows, margin, min-height;
4252
4011
  transition-duration: .25s;
4253
4012
  transition-timing-function: cubic-bezier(.2, 0, 0, 1);
@@ -4257,8 +4016,7 @@
4257
4016
 
4258
4017
  .aksel-accordion__item > .aksel-accordion__content .aksel-accordion__content-inner {
4259
4018
  min-height: 0;
4260
- padding-top: 0;
4261
- padding-bottom: 0;
4019
+ padding-block: 0;
4262
4020
  }
4263
4021
 
4264
4022
  .aksel-accordion__item[data-expanded="true"] > .aksel-accordion__content {
@@ -4267,11 +4025,10 @@
4267
4025
  border-color: var(--ax-border-neutral-subtleA);
4268
4026
  opacity: 1;
4269
4027
  grid-template-rows: 1fr;
4270
- margin-bottom: var(--ax-space-24);
4028
+ margin-block-end: var(--ax-space-24);
4271
4029
  }
4272
4030
 
4273
4031
  .aksel-accordion__item[data-expanded="true"] > .aksel-accordion__content .aksel-accordion__content-inner {
4274
- min-height: -webkit-fit-content;
4275
4032
  min-height: fit-content;
4276
4033
  }
4277
4034
 
@@ -4320,7 +4077,7 @@
4320
4077
 
4321
4078
  .aksel-alert--small > .aksel-alert__icon {
4322
4079
  height: var(--ax-font-line-height-large);
4323
- margin-top: 0;
4080
+ margin-block-start: 0;
4324
4081
  }
4325
4082
 
4326
4083
  .aksel-alert--full-width {
@@ -4341,24 +4098,16 @@
4341
4098
  display: flex;
4342
4099
  }
4343
4100
 
4344
- .aksel-alert--close-button > .aksel-alert__wrapper {
4345
- margin-top: var(--ax-space-2);
4346
- }
4347
-
4348
- .aksel-alert--close-button > .aksel-alert__icon {
4349
- margin-top: var(--ax-space-2);
4101
+ .aksel-alert--close-button > .aksel-alert__wrapper, .aksel-alert--close-button > .aksel-alert__icon {
4102
+ margin-block-start: var(--ax-space-2);
4350
4103
  }
4351
4104
 
4352
4105
  .aksel-alert--close-button.aksel-alert--small {
4353
4106
  align-items: flex-start;
4354
4107
  }
4355
4108
 
4356
- .aksel-alert--close-button.aksel-alert--small > .aksel-alert__wrapper {
4357
- margin-top: var(--ax-space-4);
4358
- }
4359
-
4360
- .aksel-alert--close-button.aksel-alert--small > .aksel-alert__icon {
4361
- margin-top: var(--ax-space-4);
4109
+ .aksel-alert--close-button.aksel-alert--small > .aksel-alert__wrapper, .aksel-alert--close-button.aksel-alert--small > .aksel-alert__icon {
4110
+ margin-block-start: var(--ax-space-4);
4362
4111
  }
4363
4112
 
4364
4113
  .aksel-base-alert {
@@ -4369,7 +4118,6 @@
4369
4118
  --__axc-base-alert-header-icon-margin-block-start: var(--ax-space-8);
4370
4119
  --__axc-base-alert-header-close-button-margin-block-start: var(--ax-space-4);
4371
4120
  --__axc-global-alert-alignment: max(var(--__axc-base-alert-pi), calc((100% - var(--__axc-base-alert-header-max-width)) / 2));
4372
- height: -webkit-fit-content;
4373
4121
  height: fit-content;
4374
4122
  display: grid;
4375
4123
  overflow: clip;
@@ -4466,7 +4214,7 @@
4466
4214
  .aksel-base-alert__close-button {
4467
4215
  margin-left: auto;
4468
4216
  z-index: 1;
4469
- margin-top: var(--__axc-base-alert-header-close-button-margin-block-start);
4217
+ margin-block-start: var(--__axc-base-alert-header-close-button-margin-block-start);
4470
4218
  }
4471
4219
 
4472
4220
  .aksel-base-alert__close-button:focus-visible {
@@ -4482,7 +4230,6 @@
4482
4230
  outline: 1px solid var(--ax-border-default);
4483
4231
  outline-offset: -1px;
4484
4232
  background: var(--ax-bg-moderate);
4485
- height: -webkit-fit-content;
4486
4233
  height: fit-content;
4487
4234
  color: var(--ax-text-default);
4488
4235
  align-items: flex-start;
@@ -4506,32 +4253,17 @@
4506
4253
  display: flex;
4507
4254
  }
4508
4255
 
4509
- .aksel-chat .aksel-chat__bubble {
4256
+ .aksel-chat .aksel-chat__bubble, .aksel-chat .aksel-chat__avatar {
4510
4257
  background-color: var(--ax-bg-moderateA);
4511
4258
  border: 1px solid var(--ax-border-subtleA);
4512
4259
  }
4513
4260
 
4514
- .aksel-chat .aksel-chat__avatar {
4515
- background-color: var(--ax-bg-moderateA);
4516
- border: 1px solid var(--ax-border-subtleA);
4517
- }
4518
-
4519
- .aksel-chat[data-variant="subtle"] .aksel-chat__bubble {
4520
- background-color: var(--ax-bg-softA);
4521
- border: 1px solid var(--ax-border-subtleA);
4522
- }
4523
-
4524
- .aksel-chat[data-variant="subtle"] .aksel-chat__avatar {
4261
+ .aksel-chat[data-variant="subtle"] .aksel-chat__bubble, .aksel-chat[data-variant="subtle"] .aksel-chat__avatar {
4525
4262
  background-color: var(--ax-bg-softA);
4526
4263
  border: 1px solid var(--ax-border-subtleA);
4527
4264
  }
4528
4265
 
4529
- .aksel-chat[data-color="neutral"][data-variant="subtle"] .aksel-chat__bubble {
4530
- background-color: var(--ax-bg-raised);
4531
- border: 1px solid var(--ax-border-neutral-subtleA);
4532
- }
4533
-
4534
- .aksel-chat[data-color="neutral"][data-variant="subtle"] .aksel-chat__avatar {
4266
+ .aksel-chat[data-color="neutral"][data-variant="subtle"] .aksel-chat__bubble, .aksel-chat[data-color="neutral"][data-variant="subtle"] .aksel-chat__avatar {
4535
4267
  background-color: var(--ax-bg-raised);
4536
4268
  border: 1px solid var(--ax-border-neutral-subtleA);
4537
4269
  }
@@ -4584,7 +4316,6 @@
4584
4316
  border-radius: var(--ax-radius-12);
4585
4317
  border-bottom-left-radius: var(--ax-radius-2);
4586
4318
  flex-direction: column;
4587
- width: -webkit-fit-content;
4588
4319
  width: fit-content;
4589
4320
  display: flex;
4590
4321
  }
@@ -4678,12 +4409,7 @@
4678
4409
  background-color: var(--ax-bg-moderate-hoverA);
4679
4410
  }
4680
4411
 
4681
- .aksel-date .rdp-month {
4682
- gap: var(--ax-space-20);
4683
- display: grid;
4684
- }
4685
-
4686
- .aksel-date.rdp-month {
4412
+ .aksel-date .rdp-month, .aksel-date.rdp-month {
4687
4413
  gap: var(--ax-space-20);
4688
4414
  display: grid;
4689
4415
  }
@@ -4745,11 +4471,7 @@
4745
4471
  opacity: var(--ax-opacity-disabled);
4746
4472
  }
4747
4473
 
4748
- .aksel-date .rdp-button:where(:not(.rdp-day_selected, [disabled])):hover .rdp-day__inner {
4749
- background: var(--ax-bg-moderate-hoverA);
4750
- }
4751
-
4752
- .aksel-date .aksel-date__month-button:where(:not(.rdp-day_selected, [disabled])):hover .rdp-day__inner {
4474
+ :is(.aksel-date .rdp-button:where(:not(.rdp-day_selected, [disabled])):hover, .aksel-date .aksel-date__month-button:where(:not(.rdp-day_selected, [disabled])):hover) .rdp-day__inner {
4753
4475
  background: var(--ax-bg-moderate-hoverA);
4754
4476
  }
4755
4477
 
@@ -4770,11 +4492,7 @@
4770
4492
  transform: translateX(-50%);
4771
4493
  }
4772
4494
 
4773
- .aksel-date .rdp-day_today.rdp-day_selected:not(.rdp-day_range_middle):before {
4774
- background-color: var(--ax-text-contrast);
4775
- }
4776
-
4777
- .aksel-date .rdp-day_today:active:before {
4495
+ :is(.aksel-date .rdp-day_today.rdp-day_selected:not(.rdp-day_range_middle), .aksel-date .rdp-day_today:active):before {
4778
4496
  background-color: var(--ax-text-contrast);
4779
4497
  }
4780
4498
 
@@ -4783,18 +4501,13 @@
4783
4501
  pointer-events: none;
4784
4502
  }
4785
4503
 
4786
- .aksel-date__modal .aksel-date {
4787
- padding: 0;
4788
- }
4789
-
4790
- .aksel-date__modal-body > .aksel-date {
4504
+ .aksel-date__modal .aksel-date, .aksel-date__modal-body > .aksel-date {
4791
4505
  padding: 0;
4792
4506
  }
4793
4507
 
4794
4508
  @media (max-width: 360px) {
4795
4509
  .aksel-date__modal-body > .aksel-date {
4796
- margin-left: -12px;
4797
- margin-right: -12px;
4510
+ margin-inline: -12px;
4798
4511
  }
4799
4512
  }
4800
4513
 
@@ -4839,28 +4552,16 @@
4839
4552
  }
4840
4553
 
4841
4554
  .aksel-date__wrapper, .aksel-date__standalone-wrapper {
4842
- width: -webkit-fit-content;
4843
4555
  width: fit-content;
4844
- height: -webkit-fit-content;
4845
4556
  height: fit-content;
4846
4557
  }
4847
4558
 
4848
- :is(.aksel-date__wrapper, .aksel-date__standalone-wrapper) .rdp-cell > button.rdp-day:focus-visible .rdp-day__inner {
4559
+ :is(:is(.aksel-date__wrapper, .aksel-date__standalone-wrapper) .rdp-cell > button.rdp-day, :is(.aksel-date__wrapper, .aksel-date__standalone-wrapper) button.aksel-date__month-button):focus-visible .rdp-day__inner {
4849
4560
  outline: 3px solid var(--ax-border-focus);
4850
4561
  outline-offset: 3px;
4851
4562
  }
4852
4563
 
4853
- :is(.aksel-date__wrapper, .aksel-date__standalone-wrapper) .rdp-cell > button.rdp-day:active:not(:disabled) .rdp-day__inner {
4854
- color: var(--ax-text-contrast);
4855
- background-color: var(--ax-bg-strong-pressed);
4856
- }
4857
-
4858
- :is(.aksel-date__wrapper, .aksel-date__standalone-wrapper) button.aksel-date__month-button:focus-visible .rdp-day__inner {
4859
- outline: 3px solid var(--ax-border-focus);
4860
- outline-offset: 3px;
4861
- }
4862
-
4863
- :is(.aksel-date__wrapper, .aksel-date__standalone-wrapper) button.aksel-date__month-button:active:not(:disabled) .rdp-day__inner {
4564
+ :is(:is(.aksel-date__wrapper, .aksel-date__standalone-wrapper) .rdp-cell > button.rdp-day, :is(.aksel-date__wrapper, .aksel-date__standalone-wrapper) button.aksel-date__month-button):active:not(:disabled) .rdp-day__inner {
4864
4565
  color: var(--ax-text-contrast);
4865
4566
  background-color: var(--ax-bg-strong-pressed);
4866
4567
  }
@@ -4883,38 +4584,17 @@
4883
4584
  .aksel-date__field-button {
4884
4585
  --__axc-button-border-width: 1px;
4885
4586
  --__axc-button-border-color: var(--ax-border-neutral);
4587
+ border-start-start-radius: 0;
4588
+ border-end-start-radius: 0;
4886
4589
  position: relative;
4887
4590
  }
4888
4591
 
4889
- .aksel-date__field-button:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
4890
- border-top-left-radius: 0;
4891
- border-bottom-left-radius: 0;
4892
- }
4893
-
4894
- .aksel-date__field-button:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
4895
- border-top-right-radius: 0;
4896
- border-bottom-right-radius: 0;
4897
- }
4898
-
4899
- .aksel-date__field-button:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
4900
- border-top-right-radius: 0;
4901
- border-bottom-right-radius: 0;
4902
- }
4903
-
4904
4592
  .aksel-date__field-button:focus-visible {
4905
4593
  outline: 3px solid var(--ax-border-focus);
4906
4594
  outline-offset: 3px;
4907
4595
  }
4908
4596
 
4909
- .aksel-date__field:not(.aksel-date__field--readonly):has(.aksel-date__field-input:not(:disabled)) .aksel-date__field-button:hover {
4910
- --__axc-button-border-color: var(--ax-border-strong);
4911
- }
4912
-
4913
- .aksel-date__field:not(.aksel-date__field--readonly, .aksel-date__field--error):has(.aksel-date__field-input:-webkit-any(:focus-visible, :hover):not(:disabled)) .aksel-date__field-button {
4914
- --__axc-button-border-color: var(--ax-border-strong);
4915
- }
4916
-
4917
- .aksel-date__field:not(.aksel-date__field--readonly, .aksel-date__field--error):has(.aksel-date__field-input:is(:focus-visible, :hover):not(:disabled)) .aksel-date__field-button {
4597
+ .aksel-date__field:not(.aksel-date__field--readonly):has(.aksel-date__field-input:not(:disabled)) .aksel-date__field-button:hover, .aksel-date__field:not(.aksel-date__field--readonly, .aksel-date__field--error):has(.aksel-date__field-input:is(:focus-visible, :hover):not(:disabled)) .aksel-date__field-button {
4918
4598
  --__axc-button-border-color: var(--ax-border-strong);
4919
4599
  }
4920
4600
 
@@ -4941,16 +4621,12 @@
4941
4621
  background-color: var(--ax-bg-input);
4942
4622
  z-index: -1;
4943
4623
  position: absolute;
4944
- top: 0;
4945
- bottom: 0;
4946
- left: 0;
4947
- right: 0;
4624
+ inset: 0;
4948
4625
  }
4949
4626
 
4950
4627
  .aksel-date__field-wrapper {
4951
4628
  border-radius: var(--ax-radius-8);
4952
4629
  z-index: 0;
4953
- width: -webkit-fit-content;
4954
4630
  width: fit-content;
4955
4631
  display: inline-flex;
4956
4632
  }
@@ -5043,12 +4719,7 @@
5043
4719
  }
5044
4720
  }
5045
4721
 
5046
- .aksel-dialog__popup[data-entering-style] {
5047
- opacity: .001;
5048
- transform: var(--__axc-dialog-transform);
5049
- }
5050
-
5051
- .aksel-dialog__popup[data-exiting-style] {
4722
+ .aksel-dialog__popup[data-entering-style], .aksel-dialog__popup[data-exiting-style] {
5052
4723
  opacity: .001;
5053
4724
  transform: var(--__axc-dialog-transform);
5054
4725
  }
@@ -5078,10 +4749,7 @@
5078
4749
  pointer-events: none;
5079
4750
  transition: opacity cubic-bezier(.25, .46, .45, .94);
5080
4751
  position: absolute;
5081
- top: 0;
5082
- bottom: 0;
5083
- left: 0;
5084
- right: 0;
4752
+ inset: 0;
5085
4753
  }
5086
4754
 
5087
4755
  .aksel-dialog__popup[data-position="center"] {
@@ -5089,21 +4757,14 @@
5089
4757
  --__axc-dialog-transform: scale(.98);
5090
4758
  max-width: calc(100dvw - 3rem);
5091
4759
  max-height: calc(90dvh - var(--__axc-dialog-center-margin));
5092
- margin-left: auto;
5093
- margin-right: auto;
4760
+ margin-inline: auto;
5094
4761
  margin-block: max(var(--__axc-dialog-center-margin), 10dvh) auto;
5095
4762
  top: 0;
5096
4763
  left: 0;
5097
4764
  right: 0;
5098
4765
  }
5099
4766
 
5100
- .aksel-dialog__popup[data-position="center"][data-nested="true"][data-entering-style] {
5101
- opacity: 1;
5102
- transition-duration: 0s;
5103
- transform: scale(1);
5104
- }
5105
-
5106
- .aksel-dialog__popup[data-position="center"][data-nested="true"][data-exiting-style] {
4767
+ .aksel-dialog__popup[data-position="center"][data-nested="true"][data-entering-style], .aksel-dialog__popup[data-position="center"][data-nested="true"][data-exiting-style] {
5107
4768
  opacity: 1;
5108
4769
  transition-duration: 0s;
5109
4770
  transform: scale(1);
@@ -5122,35 +4783,19 @@
5122
4783
  max-width: 95dvw;
5123
4784
  height: auto;
5124
4785
  max-height: calc(100dvh - max(16px, 10dvh));
5125
- margin-top: 0;
5126
- margin-bottom: 0;
5127
- margin-left: auto;
5128
- margin-right: auto;
5129
- top: auto;
5130
- bottom: 0;
5131
- left: 0;
5132
- right: 0;
4786
+ margin-block: 0;
4787
+ margin-inline: auto;
4788
+ inset: auto 0 0;
5133
4789
  }
5134
4790
  }
5135
4791
 
5136
- .aksel-dialog__popup[data-position="right"] {
5137
- max-width: calc(100vw - max(16px, 10vw));
5138
- top: 0;
5139
- bottom: 0;
5140
- }
5141
-
5142
- .aksel-dialog__popup[data-position="right"][data-nested-dialog-open="true"]:after {
5143
- opacity: 1;
5144
- transition-duration: .1s;
5145
- }
5146
-
5147
- .aksel-dialog__popup[data-position="left"] {
4792
+ .aksel-dialog__popup[data-position="right"], .aksel-dialog__popup[data-position="left"] {
5148
4793
  max-width: calc(100vw - max(16px, 10vw));
5149
4794
  top: 0;
5150
4795
  bottom: 0;
5151
4796
  }
5152
4797
 
5153
- .aksel-dialog__popup[data-position="left"][data-nested-dialog-open="true"]:after {
4798
+ :is(.aksel-dialog__popup[data-position="right"], .aksel-dialog__popup[data-position="left"])[data-nested-dialog-open="true"]:after {
5154
4799
  opacity: 1;
5155
4800
  transition-duration: .1s;
5156
4801
  }
@@ -5179,8 +4824,7 @@
5179
4824
  max-width: 95dvw;
5180
4825
  height: auto;
5181
4826
  max-height: calc(100dvh - max(16px, 10dvh));
5182
- margin-left: auto;
5183
- margin-right: auto;
4827
+ margin-inline: auto;
5184
4828
  bottom: 0;
5185
4829
  left: 0;
5186
4830
  right: 0;
@@ -5198,10 +4842,7 @@
5198
4842
  max-width: 100dvw;
5199
4843
  height: 100%;
5200
4844
  max-height: 100dvh;
5201
- top: 0;
5202
- bottom: 0;
5203
- left: 0;
5204
- right: 0;
4845
+ inset: 0;
5205
4846
  }
5206
4847
 
5207
4848
  .aksel-dialog__backdrop {
@@ -5210,10 +4851,7 @@
5210
4851
  min-height: 100dvh;
5211
4852
  transition: opacity .2s cubic-bezier(.25, .46, .45, .94);
5212
4853
  position: fixed;
5213
- top: 0;
5214
- bottom: 0;
5215
- left: 0;
5216
- right: 0;
4854
+ inset: 0;
5217
4855
  }
5218
4856
 
5219
4857
  @supports (-webkit-touch-callout: none) {
@@ -5222,11 +4860,7 @@
5222
4860
  }
5223
4861
  }
5224
4862
 
5225
- .aksel-dialog__backdrop[data-entering-style] {
5226
- opacity: .001;
5227
- }
5228
-
5229
- .aksel-dialog__backdrop[data-exiting-style] {
4863
+ .aksel-dialog__backdrop[data-entering-style], .aksel-dialog__backdrop[data-exiting-style] {
5230
4864
  opacity: .001;
5231
4865
  }
5232
4866
 
@@ -5236,7 +4870,7 @@
5236
4870
  }
5237
4871
 
5238
4872
  .aksel-dialog__title {
5239
- margin-bottom: var(--ax-space-4);
4873
+ margin-block-end: var(--ax-space-4);
5240
4874
  }
5241
4875
 
5242
4876
  .aksel-dialog__close-button {
@@ -5253,7 +4887,7 @@
5253
4887
  }
5254
4888
 
5255
4889
  .aksel-dialog__header ~ .aksel-dialog__body {
5256
- padding-top: 0;
4890
+ padding-block-start: 0;
5257
4891
  }
5258
4892
 
5259
4893
  .aksel-dialog__body {
@@ -5292,8 +4926,7 @@
5292
4926
  color: var(--ax-text-neutral);
5293
4927
  width: 27ch;
5294
4928
  max-height: 616px;
5295
- overflow-x: hidden;
5296
- overflow-y: auto;
4929
+ overflow: hidden auto;
5297
4930
  }
5298
4931
 
5299
4932
  .aksel-dropdown__divider {
@@ -5538,15 +5171,7 @@
5538
5171
  display: grid;
5539
5172
  }
5540
5173
 
5541
- .aksel-action-menu__indicator[data-state="unchecked"] .aksel-action-menu__indicator-icon--unchecked {
5542
- display: block;
5543
- }
5544
-
5545
- .aksel-action-menu__indicator[data-state="checked"] .aksel-action-menu__indicator-icon--checked {
5546
- display: block;
5547
- }
5548
-
5549
- .aksel-action-menu__indicator[data-state="indeterminate"] .aksel-action-menu__indicator-icon--indeterminate {
5174
+ .aksel-action-menu__indicator[data-state="unchecked"] .aksel-action-menu__indicator-icon--unchecked, .aksel-action-menu__indicator[data-state="checked"] .aksel-action-menu__indicator-icon--checked, .aksel-action-menu__indicator[data-state="indeterminate"] .aksel-action-menu__indicator-icon--indeterminate {
5550
5175
  display: block;
5551
5176
  }
5552
5177
 
@@ -5561,7 +5186,6 @@
5561
5186
  border-radius: var(--ax-radius-12);
5562
5187
  background-color: var(--ax-bg-softA);
5563
5188
  border: 1px solid var(--ax-border-default);
5564
- height: -webkit-fit-content;
5565
5189
  height: fit-content;
5566
5190
  }
5567
5191
 
@@ -5583,10 +5207,6 @@
5583
5207
  margin-top: var(--ax-space-2);
5584
5208
  }
5585
5209
 
5586
- .aksel-expansioncard--small :-webkit-any(.aksel-expansioncard__title--medium, .aksel-expansioncard__title--large) {
5587
- margin-top: 0;
5588
- }
5589
-
5590
5210
  .aksel-expansioncard--small :is(.aksel-expansioncard__title--medium, .aksel-expansioncard__title--large) {
5591
5211
  margin-top: 0;
5592
5212
  }
@@ -5669,10 +5289,7 @@
5669
5289
  width: 100%;
5670
5290
  height: 100%;
5671
5291
  position: absolute;
5672
- top: 0;
5673
- bottom: 0;
5674
- left: 0;
5675
- right: 0;
5292
+ inset: 0;
5676
5293
  }
5677
5294
 
5678
5295
  .aksel-expansioncard__header:hover > .aksel-expansioncard__header-button {
@@ -5694,31 +5311,17 @@
5694
5311
  .aksel-expansioncard__content {
5695
5312
  padding-inline: var(--__axc-expansioncard-padding-inline);
5696
5313
  visibility: hidden;
5314
+ border-end-end-radius: var(--__axc-expansioncard-border-radius);
5315
+ border-end-start-radius: var(--__axc-expansioncard-border-radius);
5697
5316
  grid-template-rows: 0fr;
5698
- padding-top: 0;
5699
- padding-bottom: 0;
5700
- transition-property: visibility, padding-top, padding-bottom, grid-template-rows;
5317
+ padding-block: 0;
5318
+ transition-property: visibility, padding-block, grid-template-rows;
5701
5319
  transition-duration: .25s;
5702
5320
  transition-timing-function: cubic-bezier(.2, 0, 0, 1);
5703
5321
  display: grid;
5704
5322
  overflow: hidden;
5705
5323
  }
5706
5324
 
5707
- .aksel-expansioncard__content:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
5708
- border-bottom-right-radius: var(--__axc-expansioncard-border-radius);
5709
- border-bottom-left-radius: var(--__axc-expansioncard-border-radius);
5710
- }
5711
-
5712
- .aksel-expansioncard__content:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
5713
- border-bottom-left-radius: var(--__axc-expansioncard-border-radius);
5714
- border-bottom-right-radius: var(--__axc-expansioncard-border-radius);
5715
- }
5716
-
5717
- .aksel-expansioncard__content:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
5718
- border-bottom-left-radius: var(--__axc-expansioncard-border-radius);
5719
- border-bottom-right-radius: var(--__axc-expansioncard-border-radius);
5720
- }
5721
-
5722
5325
  .aksel-expansioncard__content[data-open="true"] {
5723
5326
  visibility: visible;
5724
5327
  padding-block: var(--__axc-expansioncard-padding-block);
@@ -5737,18 +5340,12 @@
5737
5340
 
5738
5341
  .aksel-guide-panel {
5739
5342
  --__axc-guide-panel-guide-size: 5rem;
5740
- width: -webkit-fit-content;
5741
5343
  width: fit-content;
5742
5344
  display: flex;
5743
5345
  position: relative;
5744
5346
  }
5745
5347
 
5746
- .aksel-guide-panel[data-poster="true"] {
5747
- flex-direction: column;
5748
- align-items: center;
5749
- }
5750
-
5751
- .aksel-guide-panel[data-responsive="true"] {
5348
+ .aksel-guide-panel[data-poster="true"], .aksel-guide-panel[data-responsive="true"] {
5752
5349
  flex-direction: column;
5753
5350
  align-items: center;
5754
5351
  }
@@ -5795,10 +5392,6 @@
5795
5392
  position: relative;
5796
5393
  }
5797
5394
 
5798
- .aksel-guide-panel:-webkit-any([data-poster="true"], [data-responsive="true"]) > .aksel-guide-panel__content {
5799
- margin-top: var(--ax-space-20);
5800
- }
5801
-
5802
5395
  .aksel-guide-panel:is([data-poster="true"], [data-responsive="true"]) > .aksel-guide-panel__content {
5803
5396
  margin-top: var(--ax-space-20);
5804
5397
  }
@@ -5841,12 +5434,6 @@
5841
5434
  position: absolute;
5842
5435
  }
5843
5436
 
5844
- .aksel-guide-panel:-webkit-any([data-poster="true"], [data-responsive="true"]) .aksel-guide-panel__tail {
5845
- left: 50%;
5846
- top: calc(var(--ax-space-16) * -1 - 2px);
5847
- transform: translateX(-25%);
5848
- }
5849
-
5850
5437
  .aksel-guide-panel:is([data-poster="true"], [data-responsive="true"]) .aksel-guide-panel__tail {
5851
5438
  left: 50%;
5852
5439
  top: calc(var(--ax-space-16) * -1 - 2px);
@@ -5856,14 +5443,14 @@
5856
5443
  .aksel-guide-panel[data-poster="false"] .aksel-guide-panel__tail {
5857
5444
  top: calc(var(--__axc-guide-panel-guide-size) / 2);
5858
5445
  left: calc(var(--ax-space-20) * -1 - 2px);
5859
- transform: translateY(-15%)rotateZ(-90deg)scaleX(-1);
5446
+ transform: translateY(-15%) rotateZ(-90deg) scaleX(-1);
5860
5447
  }
5861
5448
 
5862
5449
  @media (min-width: 480px) {
5863
5450
  .aksel-guide-panel[data-responsive="true"] .aksel-guide-panel__tail {
5864
5451
  top: calc(var(--__axc-guide-panel-guide-size) / 2);
5865
5452
  left: calc(var(--ax-space-20) * -1 - 2px);
5866
- transform: translateY(-15%)rotateZ(-90deg)scaleX(-1);
5453
+ transform: translateY(-15%) rotateZ(-90deg) scaleX(-1);
5867
5454
  }
5868
5455
  }
5869
5456
 
@@ -5892,11 +5479,7 @@
5892
5479
  border: 1px solid var(--ax-border-default);
5893
5480
  }
5894
5481
 
5895
- .aksel-help-text__icon--filled {
5896
- display: none;
5897
- }
5898
-
5899
- .aksel-help-text__button:where(:hover, :focus-visible, [aria-expanded="true"]) > .aksel-help-text__icon {
5482
+ .aksel-help-text__icon--filled, .aksel-help-text__button:where(:hover, :focus-visible, [aria-expanded="true"]) > .aksel-help-text__icon {
5900
5483
  display: none;
5901
5484
  }
5902
5485
 
@@ -5932,7 +5515,7 @@
5932
5515
  .aksel-inline-message__icon {
5933
5516
  color: var(--ax-text-subtle);
5934
5517
  flex: none;
5935
- margin-top: var(--ax-space-2);
5518
+ margin-block-start: var(--ax-space-2);
5936
5519
  font-size: 1.5rem;
5937
5520
  }
5938
5521
 
@@ -5960,8 +5543,7 @@
5960
5543
  font: inherit;
5961
5544
  font-weight: var(--ax-font-weight-bold);
5962
5545
  text-align: left;
5963
- padding-top: 0;
5964
- padding-bottom: 0;
5546
+ padding-block: 0;
5965
5547
  padding-inline: var(--ax-space-24) var(--ax-space-20);
5966
5548
  border: none;
5967
5549
  border-right: 1px solid var(--ax-border-neutral-subtleA);
@@ -5975,10 +5557,6 @@
5975
5557
  overflow: visible;
5976
5558
  }
5977
5559
 
5978
- .aksel-internalheader__title:-webkit-any(button) {
5979
- cursor: pointer;
5980
- }
5981
-
5982
5560
  .aksel-internalheader__title:is(button) {
5983
5561
  cursor: pointer;
5984
5562
  }
@@ -5987,10 +5565,6 @@
5987
5565
  background: var(--ax-bg-neutral-moderate-hoverA);
5988
5566
  }
5989
5567
 
5990
- .aksel-internalheader__title:-webkit-any(:hover, :active):not(button, a) {
5991
- background: initial;
5992
- }
5993
-
5994
5568
  .aksel-internalheader__title:is(:hover, :active):not(button, a) {
5995
5569
  background: initial;
5996
5570
  }
@@ -6076,11 +5650,7 @@
6076
5650
  display: inline-flex;
6077
5651
  }
6078
5652
 
6079
- .aksel-link:hover {
6080
- text-decoration-thickness: .111em;
6081
- }
6082
-
6083
- .aksel-link:active {
5653
+ .aksel-link:hover, .aksel-link:active {
6084
5654
  text-decoration-thickness: .111em;
6085
5655
  }
6086
5656
 
@@ -6190,11 +5760,7 @@
6190
5760
  color: var(--ax-text-subtle);
6191
5761
  }
6192
5762
 
6193
- .aksel-link-anchor:hover {
6194
- text-decoration-thickness: .111em;
6195
- }
6196
-
6197
- .aksel-link-anchor__overlay:hover .aksel-link-anchor {
5763
+ .aksel-link-anchor:hover, .aksel-link-anchor__overlay:hover .aksel-link-anchor {
6198
5764
  text-decoration-thickness: .111em;
6199
5765
  }
6200
5766
 
@@ -6214,11 +5780,7 @@
6214
5780
  transform: translateX(0);
6215
5781
  }
6216
5782
 
6217
- .aksel-link-anchor:hover .aksel-link-anchor__arrow {
6218
- transform: translateX(4px);
6219
- }
6220
-
6221
- .aksel-link-anchor__overlay:hover .aksel-link-anchor__arrow {
5783
+ .aksel-link-anchor:hover .aksel-link-anchor__arrow, .aksel-link-anchor__overlay:hover .aksel-link-anchor__arrow {
6222
5784
  transform: translateX(4px);
6223
5785
  }
6224
5786
 
@@ -6260,11 +5822,7 @@
6260
5822
  align-items: center;
6261
5823
  }
6262
5824
 
6263
- .aksel-link-card:not(:has(.aksel-link-card__description, .aksel-link-card__footer)) .aksel-link-card__icon {
6264
- align-self: center;
6265
- }
6266
-
6267
- .aksel-link-card:not(:has(.aksel-link-card__description, .aksel-link-card__footer))[data-align-arrow="baseline"] .aksel-link-card__arrow {
5825
+ .aksel-link-card:not(:has(.aksel-link-card__description, .aksel-link-card__footer)) .aksel-link-card__icon, .aksel-link-card:not(:has(.aksel-link-card__description, .aksel-link-card__footer))[data-align-arrow="baseline"] .aksel-link-card__arrow {
6268
5826
  align-self: center;
6269
5827
  }
6270
5828
 
@@ -6285,17 +5843,13 @@
6285
5843
  grid-area: title;
6286
5844
  }
6287
5845
 
6288
- .aksel-link-card[data-color="neutral"] .aksel-link-card__title {
6289
- color: var(--ax-text-default);
6290
- }
6291
-
6292
- .aksel-link-card__title[data-color="neutral"] {
5846
+ .aksel-link-card[data-color="neutral"] .aksel-link-card__title, .aksel-link-card__title[data-color="neutral"] {
6293
5847
  color: var(--ax-text-default);
6294
5848
  }
6295
5849
 
6296
5850
  .aksel-link-card__description {
6297
5851
  grid-area: description;
6298
- margin-top: var(--ax-space-4);
5852
+ margin-block-start: var(--ax-space-4);
6299
5853
  }
6300
5854
 
6301
5855
  .aksel-link-card__footer {
@@ -6303,44 +5857,23 @@
6303
5857
  gap: var(--ax-space-8);
6304
5858
  flex-wrap: wrap;
6305
5859
  grid-area: footer;
6306
- margin-top: var(--ax-space-16);
5860
+ margin-block-start: var(--ax-space-16);
6307
5861
  display: flex;
6308
5862
  }
6309
5863
 
6310
5864
  .aksel-link-card__icon {
6311
- width: -webkit-max-content;
6312
5865
  width: max-content;
6313
- height: -webkit-max-content;
6314
5866
  height: max-content;
6315
5867
  color: var(--ax-text-default);
6316
5868
  grid-area: icon;
6317
5869
  place-content: center;
6318
5870
  align-self: flex-start;
5871
+ margin-inline-end: var(--ax-space-16);
6319
5872
  display: grid;
6320
5873
  }
6321
5874
 
6322
- .aksel-link-card__icon:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
6323
- margin-right: var(--ax-space-16);
6324
- }
6325
-
6326
- .aksel-link-card__icon:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
6327
- margin-left: var(--ax-space-16);
6328
- }
6329
-
6330
- .aksel-link-card__icon:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
6331
- margin-left: var(--ax-space-16);
6332
- }
6333
-
6334
- .aksel-link-card--small .aksel-link-card__icon:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
6335
- margin-right: var(--ax-space-12);
6336
- }
6337
-
6338
- .aksel-link-card--small .aksel-link-card__icon:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
6339
- margin-left: var(--ax-space-12);
6340
- }
6341
-
6342
- .aksel-link-card--small .aksel-link-card__icon:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
6343
- margin-left: var(--ax-space-12);
5875
+ .aksel-link-card--small .aksel-link-card__icon {
5876
+ margin-inline-end: var(--ax-space-12);
6344
5877
  }
6345
5878
 
6346
5879
  .aksel-link-card__image-container {
@@ -6354,13 +5887,6 @@
6354
5887
  overflow: hidden;
6355
5888
  }
6356
5889
 
6357
- .aksel-link-card__image-container :-webkit-any(img, picture) {
6358
- object-fit: cover;
6359
- max-width: 100%;
6360
- height: 100%;
6361
- display: block;
6362
- }
6363
-
6364
5890
  .aksel-link-card__image-container :is(img, picture) {
6365
5891
  object-fit: cover;
6366
5892
  max-width: 100%;
@@ -6370,18 +5896,7 @@
6370
5896
 
6371
5897
  .aksel-link-card__arrow {
6372
5898
  grid-area: arrow;
6373
- }
6374
-
6375
- .aksel-link-card__arrow:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
6376
- margin-left: var(--ax-space-8);
6377
- }
6378
-
6379
- .aksel-link-card__arrow:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
6380
- margin-right: var(--ax-space-8);
6381
- }
6382
-
6383
- .aksel-link-card__arrow:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
6384
- margin-right: var(--ax-space-8);
5899
+ margin-inline-start: var(--ax-space-8);
6385
5900
  }
6386
5901
 
6387
5902
  .aksel-link-card[data-align-arrow="baseline"] .aksel-link-card__arrow {
@@ -6413,9 +5928,7 @@
6413
5928
  }
6414
5929
 
6415
5930
  .aksel-modal--polyfilled {
6416
- width: -webkit-fit-content;
6417
5931
  width: fit-content;
6418
- height: -webkit-fit-content;
6419
5932
  height: fit-content;
6420
5933
  margin: auto;
6421
5934
  top: 50%;
@@ -6434,17 +5947,10 @@
6434
5947
 
6435
5948
  ._dialog_overlay {
6436
5949
  position: fixed;
6437
- top: 0;
6438
- bottom: 0;
6439
- left: 0;
6440
- right: 0;
5950
+ inset: 0;
6441
5951
  }
6442
5952
 
6443
- .aksel-modal--small .aksel-modal__header {
6444
- padding: var(--ax-space-12) var(--ax-space-16);
6445
- }
6446
-
6447
- .aksel-modal--small .aksel-modal__body {
5953
+ .aksel-modal--small .aksel-modal__header, .aksel-modal--small .aksel-modal__body {
6448
5954
  padding: var(--ax-space-12) var(--ax-space-16);
6449
5955
  }
6450
5956
 
@@ -6490,10 +5996,7 @@
6490
5996
  .aksel-modal--polyfilled + .backdrop {
6491
5997
  background: rgba(12, 22, 39, .66);
6492
5998
  position: fixed;
6493
- top: 0;
6494
- bottom: 0;
6495
- left: 0;
6496
- right: 0;
5999
+ inset: 0;
6497
6000
  }
6498
6001
 
6499
6002
  .aksel-modal__button {
@@ -6553,7 +6056,6 @@
6553
6056
  }
6554
6057
 
6555
6058
  .aksel-modal--polyfilled .aksel-modal--polyfilled.aksel-date__nested-modal {
6556
- min-width: -webkit-fit-content;
6557
6059
  min-width: fit-content;
6558
6060
  max-width: 100vw;
6559
6061
  max-height: 100vh;
@@ -6727,26 +6229,14 @@
6727
6229
 
6728
6230
  .aksel-tag__icon--left {
6729
6231
  font-size: var(--__axc-tag-icon-size);
6232
+ margin-inline-start: var(--__axc-tag-icon-margin);
6730
6233
  display: flex;
6731
6234
  }
6732
6235
 
6733
- .aksel-tag__icon--left:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
6734
- margin-left: var(--__axc-tag-icon-margin);
6735
- }
6736
-
6737
- .aksel-tag__icon--left:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
6738
- margin-right: var(--__axc-tag-icon-margin);
6739
- }
6740
-
6741
- .aksel-tag__icon--left:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
6742
- margin-right: var(--__axc-tag-icon-margin);
6743
- }
6744
-
6745
6236
  .aksel-timeline {
6746
6237
  grid-template-columns: auto minmax(0, 1fr);
6747
6238
  align-items: center;
6748
6239
  width: 100%;
6749
- min-width: -webkit-fit-content;
6750
6240
  min-width: fit-content;
6751
6241
  display: grid;
6752
6242
  position: relative;
@@ -6920,10 +6410,7 @@
6920
6410
  width: 25px;
6921
6411
  height: 25px;
6922
6412
  position: absolute;
6923
- top: -9px;
6924
- bottom: 0;
6925
- left: -9px;
6926
- right: 0;
6413
+ inset: -9px 0 0 -9px;
6927
6414
  }
6928
6415
 
6929
6416
  .aksel-timeline__pin-button:hover {
@@ -7033,13 +6520,7 @@
7033
6520
  outline: 4px solid rgba(0, 0, 0, 0);
7034
6521
  }
7035
6522
 
7036
- .aksel-timeline__pin-button:focus {
7037
- outline-offset: 3px;
7038
- box-shadow: none;
7039
- outline: 4px solid highlight;
7040
- }
7041
-
7042
- .aksel-timeline__pin-button:focus-visible {
6523
+ .aksel-timeline__pin-button:focus, .aksel-timeline__pin-button:focus-visible {
7043
6524
  outline-offset: 3px;
7044
6525
  box-shadow: none;
7045
6526
  outline: 4px solid highlight;
@@ -7203,7 +6684,6 @@
7203
6684
  border: none;
7204
6685
  justify-content: center;
7205
6686
  align-items: center;
7206
- min-width: -webkit-fit-content;
7207
6687
  min-width: fit-content;
7208
6688
  display: inline-flex;
7209
6689
  position: relative;
@@ -7523,7 +7003,6 @@
7523
7003
  }
7524
7004
 
7525
7005
  .aksel-skeleton--has-children.aksel-skeleton--no-width {
7526
- width: -webkit-fit-content;
7527
7006
  width: fit-content;
7528
7007
  }
7529
7008
 
@@ -7584,15 +7063,15 @@
7584
7063
 
7585
7064
  .aksel-process__event[data-dot="true"] {
7586
7065
  --__axc-process-circle-size: var(--__axc-process-circle-small);
7587
- margin-top: calc((var(--__axc-process-circle-small) / 2) * -1);
7066
+ margin-block-start: calc((var(--__axc-process-circle-small) / 2) * -1);
7588
7067
  }
7589
7068
 
7590
7069
  .aksel-process__event[data-dot="true"] .aksel-process__line[data-position="start"] {
7591
- margin-bottom: calc(var(--__axc-process-circle-size) / 2 * -1);
7070
+ margin-block-end: calc(var(--__axc-process-circle-size) / 2 * -1);
7592
7071
  }
7593
7072
 
7594
7073
  .aksel-process__event[data-dot="true"] .aksel-process__line[data-position="end"] {
7595
- margin-top: calc(var(--__axc-process-circle-size) / 2);
7074
+ margin-block-start: calc(var(--__axc-process-circle-size) / 2);
7596
7075
  }
7597
7076
 
7598
7077
  .aksel-process__event[data-dot="true"] .aksel-process__bullet {
@@ -7618,29 +7097,12 @@
7618
7097
  }
7619
7098
 
7620
7099
  .aksel-process__event:first-of-type .aksel-process__line[data-position="start"] {
7100
+ border-start-start-radius: var(--ax-radius-4);
7101
+ border-start-end-radius: var(--ax-radius-4);
7621
7102
  min-height: 1.5rem;
7622
7103
  }
7623
7104
 
7624
- .aksel-process__event:first-of-type .aksel-process__line[data-position="start"]:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
7625
- border-top-left-radius: var(--ax-radius-4);
7626
- border-top-right-radius: var(--ax-radius-4);
7627
- }
7628
-
7629
- .aksel-process__event:first-of-type .aksel-process__line[data-position="start"]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
7630
- border-top-right-radius: var(--ax-radius-4);
7631
- border-top-left-radius: var(--ax-radius-4);
7632
- }
7633
-
7634
- .aksel-process__event:first-of-type .aksel-process__line[data-position="start"]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
7635
- border-top-right-radius: var(--ax-radius-4);
7636
- border-top-left-radius: var(--ax-radius-4);
7637
- }
7638
-
7639
- .aksel-process__event:not(:first-of-type) .aksel-process__line[data-position="start"] {
7640
- display: none;
7641
- }
7642
-
7643
- .aksel-process:not([data-truncated="start"], [data-truncated="both"]) .aksel-process__line[data-position="start"] {
7105
+ .aksel-process__event:not(:first-of-type) .aksel-process__line[data-position="start"], .aksel-process:not([data-truncated="start"], [data-truncated="both"]) .aksel-process__line[data-position="start"] {
7644
7106
  display: none;
7645
7107
  }
7646
7108
 
@@ -7653,24 +7115,11 @@
7653
7115
  }
7654
7116
 
7655
7117
  .aksel-process__event:last-of-type .aksel-process__line[data-position="end"] {
7118
+ border-end-end-radius: var(--ax-radius-4);
7119
+ border-end-start-radius: var(--ax-radius-4);
7656
7120
  min-height: 1.5rem;
7657
7121
  }
7658
7122
 
7659
- .aksel-process__event:last-of-type .aksel-process__line[data-position="end"]:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
7660
- border-bottom-right-radius: var(--ax-radius-4);
7661
- border-bottom-left-radius: var(--ax-radius-4);
7662
- }
7663
-
7664
- .aksel-process__event:last-of-type .aksel-process__line[data-position="end"]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
7665
- border-bottom-left-radius: var(--ax-radius-4);
7666
- border-bottom-right-radius: var(--ax-radius-4);
7667
- }
7668
-
7669
- .aksel-process__event:last-of-type .aksel-process__line[data-position="end"]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
7670
- border-bottom-left-radius: var(--ax-radius-4);
7671
- border-bottom-right-radius: var(--ax-radius-4);
7672
- }
7673
-
7674
7123
  .aksel-process__event[data-status="active"] .aksel-process__line {
7675
7124
  border-color: var(--ax-border-default);
7676
7125
  border-image: linear-gradient(to bottom, var(--ax-border-default) 50%, var(--ax-border-neutral-subtle) 90%);
@@ -7726,12 +7175,6 @@
7726
7175
  width: min(calc(var(--__axc-process-circle-size) * .75), 1.5rem);
7727
7176
  }
7728
7177
 
7729
- .aksel-process__event:-webkit-any([data-status="completed"], [data-status="active"]) .aksel-process__bullet {
7730
- color: var(--ax-text-contrast);
7731
- background: var(--ax-bg-strong);
7732
- border-color: rgba(0, 0, 0, 0);
7733
- }
7734
-
7735
7178
  .aksel-process__event:is([data-status="completed"], [data-status="active"]) .aksel-process__bullet {
7736
7179
  color: var(--ax-text-contrast);
7737
7180
  background: var(--ax-bg-strong);
@@ -7758,7 +7201,7 @@
7758
7201
  }
7759
7202
 
7760
7203
  .aksel-process__event[data-status="active"] .aksel-process__title:has( + .aksel-process__active-label) {
7761
- padding-bottom: 0;
7204
+ padding-block-end: 0;
7762
7205
  }
7763
7206
 
7764
7207
  .aksel-process__active-label {
@@ -7767,7 +7210,7 @@
7767
7210
  }
7768
7211
 
7769
7212
  .aksel-process__active-label:last-of-type {
7770
- margin-bottom: 0;
7213
+ margin-block-end: 0;
7771
7214
  }
7772
7215
 
7773
7216
  @media (forced-colors: active) {
@@ -7775,13 +7218,6 @@
7775
7218
  transition: none;
7776
7219
  }
7777
7220
 
7778
- .aksel-process__event:-webkit-any([data-status="completed"], [data-status="active"]) .aksel-process__bullet {
7779
- color: buttonface;
7780
- forced-color-adjust: none;
7781
- background-color: buttontext;
7782
- outline-color: buttontext;
7783
- }
7784
-
7785
7221
  .aksel-process__event:is([data-status="completed"], [data-status="active"]) .aksel-process__bullet {
7786
7222
  color: buttonface;
7787
7223
  forced-color-adjust: none;
@@ -7872,18 +7308,7 @@
7872
7308
  margin-bottom: 0;
7873
7309
  }
7874
7310
 
7875
- .aksel-stepper__step:-webkit-any(button) {
7876
- -webkit-appearance: none;
7877
- appearance: none;
7878
- font: inherit;
7879
- color: inherit;
7880
- text-align: inherit;
7881
- background-color: rgba(0, 0, 0, 0);
7882
- border: none;
7883
- }
7884
-
7885
7311
  .aksel-stepper__step:is(button) {
7886
- -webkit-appearance: none;
7887
7312
  appearance: none;
7888
7313
  font: inherit;
7889
7314
  color: inherit;
@@ -7921,11 +7346,7 @@
7921
7346
  text-decoration-thickness: .05em;
7922
7347
  }
7923
7348
 
7924
- .aksel-stepper__step[data-interactive="true"]:hover .aksel-stepper__content {
7925
- text-decoration-thickness: .111em;
7926
- }
7927
-
7928
- .aksel-stepper__step[data-interactive="true"]:active .aksel-stepper__content {
7349
+ :is(.aksel-stepper__step[data-interactive="true"]:hover, .aksel-stepper__step[data-interactive="true"]:active) .aksel-stepper__content {
7929
7350
  text-decoration-thickness: .111em;
7930
7351
  }
7931
7352
 
@@ -7966,7 +7387,6 @@
7966
7387
 
7967
7388
  .aksel-stepper__content {
7968
7389
  grid-column: content;
7969
- min-width: -webkit-fit-content;
7970
7390
  min-width: fit-content;
7971
7391
  padding-top: .16rem;
7972
7392
  line-height: 1.5;
@@ -8002,11 +7422,7 @@
8002
7422
  flex: 100%;
8003
7423
  }
8004
7424
 
8005
- .aksel-stepper[data-orientation="horizontal"] .aksel-stepper__item:first-of-type .aksel-stepper__line--1 {
8006
- visibility: hidden;
8007
- }
8008
-
8009
- .aksel-stepper[data-orientation="horizontal"] .aksel-stepper__item:last-of-type .aksel-stepper__line--2 {
7425
+ .aksel-stepper[data-orientation="horizontal"] .aksel-stepper__item:first-of-type .aksel-stepper__line--1, .aksel-stepper[data-orientation="horizontal"] .aksel-stepper__item:last-of-type .aksel-stepper__line--2 {
8010
7426
  visibility: hidden;
8011
7427
  }
8012
7428
 
@@ -8066,7 +7482,6 @@
8066
7482
  z-index: 10;
8067
7483
  background-color: var(--ax-bg-default);
8068
7484
  box-sizing: border-box;
8069
- position: -webkit-sticky;
8070
7485
  position: sticky;
8071
7486
  top: 0;
8072
7487
  }
@@ -8088,10 +7503,6 @@
8088
7503
  display: table-row;
8089
7504
  }
8090
7505
 
8091
- .aksel-table__row:has( + .aksel-table__row--selected) :-webkit-any(.aksel-table__header-cell, .aksel-table__data-cell) {
8092
- border-color: var(--ax-border-default);
8093
- }
8094
-
8095
7506
  .aksel-table__row:has( + .aksel-table__row--selected) :is(.aksel-table__header-cell, .aksel-table__data-cell) {
8096
7507
  border-color: var(--ax-border-default);
8097
7508
  }
@@ -8122,18 +7533,10 @@
8122
7533
  border-color: var(--ax-border-default);
8123
7534
  }
8124
7535
 
8125
- .aksel-table__row--selected :-webkit-any(.aksel-table__header-cell, .aksel-table__data-cell) {
8126
- border-color: var(--ax-border-default);
8127
- }
8128
-
8129
7536
  .aksel-table__row--selected :is(.aksel-table__header-cell, .aksel-table__data-cell) {
8130
7537
  border-color: var(--ax-border-default);
8131
7538
  }
8132
7539
 
8133
- .aksel-table__row--selected.aksel-table__expandable-row--open :-webkit-any(.aksel-table__header-cell, .aksel-table__data-cell) {
8134
- border-color: rgba(0, 0, 0, 0);
8135
- }
8136
-
8137
7540
  .aksel-table__row--selected.aksel-table__expandable-row--open :is(.aksel-table__header-cell, .aksel-table__data-cell) {
8138
7541
  border-color: rgba(0, 0, 0, 0);
8139
7542
  }
@@ -8190,10 +7593,7 @@
8190
7593
  }
8191
7594
 
8192
7595
  .aksel-table tr:not(.aksel-table__expanded-row) .aksel-checkbox:focus-within:after {
8193
- top: 0;
8194
- bottom: 0;
8195
- left: 0;
8196
- right: 0;
7596
+ inset: 0;
8197
7597
  }
8198
7598
 
8199
7599
  .aksel-table__header-cell[aria-sort] {
@@ -8201,7 +7601,6 @@
8201
7601
  }
8202
7602
 
8203
7603
  .aksel-table__sort-button {
8204
- -webkit-appearance: none;
8205
7604
  appearance: none;
8206
7605
  color: var(--ax-text-subtle);
8207
7606
  cursor: pointer;
@@ -8327,10 +7726,6 @@
8327
7726
  border-bottom: 1px solid var(--ax-border-neutral-subtleA);
8328
7727
  }
8329
7728
 
8330
- .aksel-table__expandable-row:has( + .aksel-table__expanded-row[data-state="closed"] + .aksel-table__row--selected) > :-webkit-any(th, td) {
8331
- border-color: var(--ax-border-default);
8332
- }
8333
-
8334
7729
  .aksel-table__expandable-row:has( + .aksel-table__expanded-row[data-state="closed"] + .aksel-table__row--selected) > :is(th, td) {
8335
7730
  border-color: var(--ax-border-default);
8336
7731
  }
@@ -8489,15 +7884,15 @@
8489
7884
  @media (forced-colors: active) {
8490
7885
  .aksel-tabs__tab[data-state="active"] {
8491
7886
  border-bottom: 3px solid canvastext;
8492
- padding-bottom: calc(var(--ax-space-12) - 3px);
7887
+ padding-block-end: calc(var(--ax-space-12) - 3px);
8493
7888
  }
8494
7889
 
8495
7890
  .aksel-tabs__tab--small[data-state="active"] {
8496
- padding-bottom: calc(var(--ax-space-6) - 3px);
7891
+ padding-block-end: calc(var(--ax-space-6) - 3px);
8497
7892
  }
8498
7893
 
8499
7894
  .aksel-tabs__tab-icon--top[data-state="active"], .aksel-tabs__tab--small.aksel-tabs__tab-icon--top[data-state="active"] {
8500
- padding-bottom: calc(var(--ax-space-4) - 3px);
7895
+ padding-block-end: calc(var(--ax-space-4) - 3px);
8501
7896
  }
8502
7897
  }
8503
7898
 
@@ -8535,7 +7930,7 @@
8535
7930
  display: flex;
8536
7931
  }
8537
7932
 
8538
- @supports (hanging-punctuation: first) and (font: -apple-system-body) and ((-webkit-appearance: none) or (appearance: none)) {
7933
+ @supports (hanging-punctuation: first) and (font: -apple-system-body) and (appearance: none) {
8539
7934
  .aksel-list ol {
8540
7935
  padding-left: 2.1rem;
8541
7936
  }
@@ -8546,11 +7941,11 @@
8546
7941
  }
8547
7942
 
8548
7943
  .aksel-list__item {
8549
- margin-bottom: var(--ax-space-8);
7944
+ margin-block-end: var(--ax-space-8);
8550
7945
  }
8551
7946
 
8552
7947
  .aksel-list__item:last-child {
8553
- margin-bottom: 0;
7948
+ margin-block-end: 0;
8554
7949
  }
8555
7950
 
8556
7951
  .aksel-list__item-marker {
@@ -9523,7 +8918,6 @@
9523
8918
  }
9524
8919
 
9525
8920
  .aksel-page {
9526
- min-height: 100vh;
9527
8921
  flex-direction: column;
9528
8922
  min-height: 100lvh;
9529
8923
  display: flex;
@@ -9532,8 +8926,7 @@
9532
8926
  .aksel-pageblock {
9533
8927
  --__axc-page-padding-inline: 0px;
9534
8928
  width: 100%;
9535
- margin-left: auto;
9536
- margin-right: auto;
8929
+ margin-inline: auto;
9537
8930
  }
9538
8931
 
9539
8932
  .aksel-page__content--grow {
@@ -9541,12 +8934,11 @@
9541
8934
  }
9542
8935
 
9543
8936
  .aksel-page__content--fullheight {
9544
- min-height: 100vh;
9545
8937
  min-height: 100lvh;
9546
8938
  }
9547
8939
 
9548
8940
  .aksel-page__content--padding {
9549
- padding-bottom: var(--ax-space-64);
8941
+ padding-block-end: var(--ax-space-64);
9550
8942
  }
9551
8943
 
9552
8944
  .aksel-pageblock--text {
@@ -9716,19 +9108,8 @@
9716
9108
  }
9717
9109
 
9718
9110
  .aksel-stack > .aksel-stack__spacer {
9719
- margin-top: calc(var(--__axc-stack-gap) * -1);
9720
- }
9721
-
9722
- .aksel-stack > .aksel-stack__spacer:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
9723
- margin-left: calc(var(--__axc-stack-gap) * -1);
9724
- }
9725
-
9726
- .aksel-stack > .aksel-stack__spacer:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
9727
- margin-right: calc(var(--__axc-stack-gap) * -1);
9728
- }
9729
-
9730
- .aksel-stack > .aksel-stack__spacer:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
9731
- margin-right: calc(var(--__axc-stack-gap) * -1);
9111
+ margin-block-start: calc(var(--__axc-stack-gap) * -1);
9112
+ margin-inline-start: calc(var(--__axc-stack-gap) * -1);
9732
9113
  }
9733
9114
 
9734
9115
  @media (min-width: 480px) {