@navikt/ds-css 8.10.3 → 8.10.4

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 (65) 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 +5 -66
  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 +125 -759
  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 +126 -760
  59. package/dist/index.min.css +1 -1
  60. package/package.json +5 -4
  61. package/src/data-table.css +72 -4
  62. package/.gitignore +0 -1
  63. package/CHANGELOG.md +0 -1580
  64. package/config/_mappings.d.ts +0 -25
  65. 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.4";
650
650
  --ax-space-0: 0rem;
651
651
  --ax-space-1: .0625rem;
652
652
  --ax-space-2: .125rem;
@@ -1746,10 +1746,6 @@
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
  }
@@ -1760,15 +1756,7 @@
1760
1756
  background-color: rgba(0, 0, 0, 0);
1761
1757
  }
1762
1758
 
1763
- .aksel-button[data-variant="secondary"][data-color="neutral"] {
1764
- color: var(--ax-text-default);
1765
- }
1766
-
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]) {
1759
+ .aksel-button[data-variant="secondary"][data-color="neutral"], [data-color="neutral"] > .aksel-button[data-variant="secondary"]:not([data-color]), [data-color="neutral"] :not([data-color]) .aksel-button[data-variant="secondary"]:not([data-color]) {
1772
1760
  color: var(--ax-text-default);
1773
1761
  }
1774
1762
 
@@ -1781,29 +1769,12 @@
1781
1769
  background-color: var(--ax-bg-moderate-pressedA);
1782
1770
  }
1783
1771
 
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
1772
  .aksel-button[data-variant="secondary"]:is(:disabled, .aksel-button--disabled) {
1798
1773
  color: var(--ax-text-subtle);
1799
1774
  background-color: rgba(0, 0, 0, 0);
1800
1775
  }
1801
1776
 
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]) {
1777
+ .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
1778
  color: var(--ax-text-default);
1808
1779
  }
1809
1780
 
@@ -1812,15 +1783,7 @@
1812
1783
  background-color: rgba(0, 0, 0, 0);
1813
1784
  }
1814
1785
 
1815
- .aksel-button[data-variant="tertiary"][data-color="neutral"] {
1816
- color: var(--ax-text-default);
1817
- }
1818
-
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"]) {
1786
+ .aksel-button[data-variant="tertiary"][data-color="neutral"], [data-color="neutral"] > .aksel-button[data-variant="tertiary"]:not([data-color], [data-pressed="true"]), [data-color="neutral"] :not([data-color]) .aksel-button[data-variant="tertiary"]:not([data-color], [data-pressed="true"]) {
1824
1787
  color: var(--ax-text-default);
1825
1788
  }
1826
1789
 
@@ -1837,29 +1800,12 @@
1837
1800
  color: var(--ax-text-contrast);
1838
1801
  }
1839
1802
 
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
1803
  .aksel-button[data-variant="tertiary"]:is(:disabled, .aksel-button--disabled) {
1854
1804
  color: var(--ax-text-subtle);
1855
1805
  background-color: rgba(0, 0, 0, 0);
1856
1806
  }
1857
1807
 
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]) {
1808
+ .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
1809
  color: var(--ax-text-default);
1864
1810
  }
1865
1811
 
@@ -1975,14 +1921,7 @@
1975
1921
  border-color: highlight;
1976
1922
  }
1977
1923
 
1978
- .aksel-button:hover:not(:disabled) {
1979
- color: highlight;
1980
- box-shadow: none;
1981
- background-color: highlighttext;
1982
- border-color: highlight;
1983
- }
1984
-
1985
- .aksel-button[data-variant="primary"]:where(a):hover:not(:disabled) {
1924
+ .aksel-button:hover:not(:disabled), .aksel-button[data-variant="primary"]:where(a):hover:not(:disabled) {
1986
1925
  color: highlight;
1987
1926
  box-shadow: none;
1988
1927
  background-color: highlighttext;
@@ -2105,10 +2044,7 @@
2105
2044
  var(--__axc-dropzone-animation-ease-out);
2106
2045
  margin: -1px;
2107
2046
  position: absolute;
2108
- top: 0;
2109
- bottom: 0;
2110
- left: 0;
2111
- right: 0;
2047
+ inset: 0;
2112
2048
  }
2113
2049
 
2114
2050
  @keyframes akselDropzoneDragoverAnimation {
@@ -2188,25 +2124,7 @@
2188
2124
  display: flex;
2189
2125
  }
2190
2126
 
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) {
2127
+ .aksel-file-upload :is(ul, li), ul:has( > li.aksel-file-item), li.aksel-file-item {
2210
2128
  margin: 0;
2211
2129
  padding: 0;
2212
2130
  list-style: none;
@@ -2227,7 +2145,6 @@
2227
2145
  .aksel-file-item__link {
2228
2146
  align-items: flex-start;
2229
2147
  gap: var(--ax-space-2);
2230
- width: -webkit-fit-content;
2231
2148
  width: fit-content;
2232
2149
  display: flex;
2233
2150
  }
@@ -2327,11 +2244,7 @@
2327
2244
  outline-offset: 3px;
2328
2245
  }
2329
2246
 
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) {
2247
+ .aksel-error-summary:focus-visible, .aksel-error-summary:has(.aksel-error-summary__heading:focus-visible) {
2335
2248
  outline: 3px solid var(--ax-border-focus);
2336
2249
  }
2337
2250
 
@@ -2396,27 +2309,14 @@
2396
2309
  border-color: orange;
2397
2310
  border-left-style: solid;
2398
2311
  border-left-width: 8px;
2312
+ border-start-start-radius: calc(var(--ax-radius-8) - 1px);
2313
+ border-end-start-radius: calc(var(--ax-radius-8) - 1px);
2399
2314
  height: 100%;
2400
2315
  position: absolute;
2401
2316
  top: 0;
2402
2317
  left: 0;
2403
2318
  }
2404
2319
 
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
2320
  .aksel-confirmation-panel--checked .aksel-confirmation-panel__inner:before {
2421
2321
  border-color: green;
2422
2322
  }
@@ -2428,7 +2328,6 @@
2428
2328
 
2429
2329
  .aksel-checkbox, .aksel-radio {
2430
2330
  gap: var(--ax-space-2) 0;
2431
- width: -webkit-fit-content;
2432
2331
  width: fit-content;
2433
2332
  padding: var(--ax-space-12) 0;
2434
2333
  grid-template-columns: auto 1fr;
@@ -2493,7 +2392,6 @@
2493
2392
 
2494
2393
  .aksel-checkbox__input, .aksel-radio__input {
2495
2394
  --__axc-radio-checkbox-marker-border: 2px;
2496
- -webkit-appearance: none;
2497
2395
  appearance: none;
2498
2396
  cursor: pointer;
2499
2397
  width: var(--__axc-radio-checkbox-marker-size);
@@ -2505,12 +2403,7 @@
2505
2403
  position: relative;
2506
2404
  }
2507
2405
 
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 {
2406
+ :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
2407
  opacity: var(--ax-opacity-disabled);
2515
2408
  cursor: not-allowed;
2516
2409
  }
@@ -2618,19 +2511,11 @@
2618
2511
  opacity: var(--ax-opacity-disabled);
2619
2512
  }
2620
2513
 
2621
- .aksel-checkbox--disabled :where(.aksel-checkbox__input, .aksel-checkbox__label) {
2514
+ .aksel-checkbox--disabled :where(.aksel-checkbox__input, .aksel-checkbox__label), .aksel-radio--disabled > :where(.aksel-radio__input, .aksel-radio__label) {
2622
2515
  cursor: not-allowed;
2623
2516
  }
2624
2517
 
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) {
2518
+ .aksel-checkbox--readonly :where(.aksel-checkbox__input, .aksel-checkbox__label), .aksel-radio--readonly > :where(.aksel-radio__input, .aksel-radio__label) {
2634
2519
  cursor: default;
2635
2520
  }
2636
2521
 
@@ -2664,19 +2549,11 @@
2664
2549
  }
2665
2550
 
2666
2551
  @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
2552
  :is(.aksel-checkbox, .aksel-checkbox--readonly) .aksel-checkbox__input:indeterminate:after {
2672
2553
  background-color: fieldtext;
2673
2554
  }
2674
2555
 
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 {
2556
+ .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
2557
  color: highlight;
2681
2558
  }
2682
2559
 
@@ -2709,15 +2586,7 @@
2709
2586
  background-color: graytext;
2710
2587
  }
2711
2588
 
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) {
2589
+ .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
2590
  color: graytext;
2722
2591
  }
2723
2592
  }
@@ -2749,7 +2618,6 @@
2749
2618
  }
2750
2619
 
2751
2620
  .aksel-select__input {
2752
- -webkit-appearance: none;
2753
2621
  appearance: none;
2754
2622
  background-color: var(--ax-bg-input);
2755
2623
  border-radius: var(--ax-radius-8);
@@ -2808,21 +2676,10 @@
2808
2676
 
2809
2677
  .aksel-form-field--small .aksel-select__input {
2810
2678
  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);
2818
- }
2819
-
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);
2679
+ padding-block: 0;
2823
2680
  }
2824
2681
 
2825
- .aksel-select--error > * select:focus {
2682
+ .aksel-select--error > * select, .aksel-select--error > * select:hover, .aksel-select--error > * select:focus {
2826
2683
  box-shadow: 0 0 0 1px var(--ax-border-danger-strong);
2827
2684
  border-color: var(--ax-border-danger-strong);
2828
2685
  }
@@ -2853,12 +2710,6 @@
2853
2710
  }
2854
2711
 
2855
2712
  @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
2713
  .aksel-select--readonly .aksel-select__input:is(:hover, :focus) {
2863
2714
  color: buttontext;
2864
2715
  background-color: buttonface;
@@ -2871,7 +2722,6 @@
2871
2722
  }
2872
2723
 
2873
2724
  .aksel-switch {
2874
- width: -webkit-fit-content;
2875
2725
  width: fit-content;
2876
2726
  min-height: 3rem;
2877
2727
  position: relative;
@@ -3050,18 +2900,12 @@
3050
2900
  width: auto;
3051
2901
  }
3052
2902
 
3053
- .aksel-switch--right .aksel-switch__input {
3054
- left: auto;
3055
- right: 0;
3056
- }
3057
-
3058
- .aksel-switch--right .aksel-switch__track {
2903
+ .aksel-switch--right .aksel-switch__input, .aksel-switch--right .aksel-switch__track {
3059
2904
  left: auto;
3060
2905
  right: 0;
3061
2906
  }
3062
2907
 
3063
2908
  .aksel-switch__input:disabled {
3064
- -webkit-appearance: none;
3065
2909
  appearance: none;
3066
2910
  }
3067
2911
 
@@ -3073,31 +2917,12 @@
3073
2917
  cursor: not-allowed;
3074
2918
  }
3075
2919
 
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 {
2920
+ .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
2921
  background-color: var(--ax-bg-neutral-moderate);
3093
2922
  border-color: var(--ax-border-neutral-subtleA);
3094
2923
  }
3095
2924
 
3096
- .aksel-switch--readonly > .aksel-switch__label-wrapper {
3097
- cursor: default;
3098
- }
3099
-
3100
- .aksel-switch--readonly > .aksel-switch__input {
2925
+ .aksel-switch--readonly > .aksel-switch__label-wrapper, .aksel-switch--readonly > .aksel-switch__input {
3101
2926
  cursor: default;
3102
2927
  }
3103
2928
 
@@ -3159,7 +2984,6 @@
3159
2984
  }
3160
2985
 
3161
2986
  .aksel-text-field__input {
3162
- -webkit-appearance: none;
3163
2987
  appearance: none;
3164
2988
  padding: var(--ax-space-8);
3165
2989
  background: var(--ax-bg-input);
@@ -3236,7 +3060,6 @@
3236
3060
 
3237
3061
  .aksel-textarea__input {
3238
3062
  height: var(--__axc-textarea-height);
3239
- -webkit-appearance: none;
3240
3063
  appearance: none;
3241
3064
  padding: var(--ax-space-8);
3242
3065
  background-color: var(--ax-bg-input);
@@ -3299,50 +3122,17 @@
3299
3122
 
3300
3123
  .aksel-textarea--resize-both .aksel-textarea__input {
3301
3124
  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;
3125
+ border-end-end-radius: 0;
3314
3126
  }
3315
3127
 
3316
3128
  .aksel-textarea--resize-horizontal .aksel-textarea__input {
3317
3129
  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;
3130
+ border-end-end-radius: 0;
3330
3131
  }
3331
3132
 
3332
3133
  .aksel-textarea--resize-vertical .aksel-textarea__input {
3333
3134
  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;
3135
+ border-end-end-radius: 0;
3346
3136
  }
3347
3137
 
3348
3138
  .aksel-textarea--autoscrollbar, .aksel-textarea--autoscrollbar .aksel-textarea__wrapper {
@@ -3385,7 +3175,6 @@
3385
3175
  }
3386
3176
 
3387
3177
  .aksel-search--with-size .aksel-search__wrapper {
3388
- width: -webkit-fit-content;
3389
3178
  width: fit-content;
3390
3179
  }
3391
3180
 
@@ -3408,13 +3197,7 @@
3408
3197
  outline: none;
3409
3198
  }
3410
3199
 
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 {
3200
+ .aksel-search__input.aksel-search__input--primary, .aksel-search__input.aksel-search__input--secondary {
3418
3201
  border-right: none;
3419
3202
  border-top-right-radius: 0;
3420
3203
  border-bottom-right-radius: 0;
@@ -3482,10 +3265,6 @@
3482
3265
  --__axc-button-border-color: var(--ax-border-strong);
3483
3266
  }
3484
3267
 
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
3268
  .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
3269
  --__axc-button-border-color: var(--ax-border-strong);
3491
3270
  }
@@ -3500,11 +3279,7 @@
3500
3279
  box-shadow: inset 0 0 0 1px var(--ax-border-danger-strong);
3501
3280
  }
3502
3281
 
3503
- .aksel-search__input:focus-visible {
3504
- z-index: 1;
3505
- }
3506
-
3507
- .aksel-search__button-search:focus-visible {
3282
+ .aksel-search__input:focus-visible, .aksel-search__button-search:focus-visible {
3508
3283
  z-index: 1;
3509
3284
  }
3510
3285
 
@@ -3527,10 +3302,6 @@
3527
3302
  position: relative;
3528
3303
  }
3529
3304
 
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
3305
  .aksel-form-field:not(:is(.aksel-combobox--disabled, .aksel-combobox--readonly)) .aksel-combobox__wrapper:hover {
3535
3306
  border-color: var(--ax-border-strong);
3536
3307
  }
@@ -3555,11 +3326,7 @@
3555
3326
  cursor: not-allowed;
3556
3327
  }
3557
3328
 
3558
- .aksel-combobox--disabled .aksel-combobox__selected-options {
3559
- pointer-events: none;
3560
- }
3561
-
3562
- .aksel-combobox--disabled .aksel-combobox--readonly {
3329
+ .aksel-combobox--disabled .aksel-combobox__selected-options, .aksel-combobox--disabled .aksel-combobox--readonly {
3563
3330
  pointer-events: none;
3564
3331
  }
3565
3332
 
@@ -3580,11 +3347,7 @@
3580
3347
  overflow: clip;
3581
3348
  }
3582
3349
 
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 {
3350
+ .aksel-combobox--readonly .aksel-text-field__input, .aksel-combobox--readonly .aksel-combobox__input {
3588
3351
  background-color: var(--ax-bg-neutral-moderate);
3589
3352
  }
3590
3353
 
@@ -3713,11 +3476,7 @@
3713
3476
  outline: none;
3714
3477
  }
3715
3478
 
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 {
3479
+ .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
3480
  outline: none;
3722
3481
  }
3723
3482
  }
@@ -3854,7 +3613,7 @@
3854
3613
  border-radius: 0;
3855
3614
  justify-content: flex-start;
3856
3615
  gap: .25rem;
3857
- margin-top: calc(var(--ax-space-4) * -1);
3616
+ margin-block-start: calc(var(--ax-space-4) * -1);
3858
3617
  }
3859
3618
 
3860
3619
  .aksel-combobox__list-item--new-option svg {
@@ -3882,7 +3641,6 @@
3882
3641
  }
3883
3642
 
3884
3643
  .aksel-combobox__input {
3885
- min-width: -webkit-min-content;
3886
3644
  min-width: min-content;
3887
3645
  padding: .75rem 0;
3888
3646
  }
@@ -4082,9 +3840,8 @@
4082
3840
  opacity: .001;
4083
3841
  grid-template-rows: 0fr;
4084
3842
  margin-top: -2px;
4085
- padding-top: 0;
4086
- padding-bottom: 0;
4087
- transition-property: margin-top, opacity, visibility, padding-top, grid-template-rows;
3843
+ padding-block: 0;
3844
+ transition-property: margin-top, opacity, visibility, padding-block-start, grid-template-rows;
4088
3845
  transition-duration: .3s;
4089
3846
  transition-timing-function: cubic-bezier(.2, 0, 0, 1);
4090
3847
  display: grid;
@@ -4141,11 +3898,7 @@
4141
3898
  background-color: var(--ax-bg-moderate-hoverA);
4142
3899
  }
4143
3900
 
4144
- .aksel-accordion__header:hover:before {
4145
- display: none;
4146
- }
4147
-
4148
- .aksel-accordion__header:hover:after {
3901
+ .aksel-accordion__header:hover:before, .aksel-accordion__header:hover:after {
4149
3902
  display: none;
4150
3903
  }
4151
3904
 
@@ -4168,11 +3921,7 @@
4168
3921
  z-index: 1;
4169
3922
  }
4170
3923
 
4171
- .aksel-accordion__header:focus-visible:before {
4172
- display: none;
4173
- }
4174
-
4175
- .aksel-accordion__header:focus-visible:after {
3924
+ .aksel-accordion__header:focus-visible:before, .aksel-accordion__header:focus-visible:after {
4176
3925
  display: none;
4177
3926
  }
4178
3927
 
@@ -4197,11 +3946,7 @@
4197
3946
  bottom: 0;
4198
3947
  }
4199
3948
 
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 {
3949
+ .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
3950
  display: none;
4206
3951
  }
4207
3952
 
@@ -4246,8 +3991,7 @@
4246
3991
  opacity: 0;
4247
3992
  border-color: rgba(0, 0, 0, 0);
4248
3993
  grid-template-rows: 0fr;
4249
- margin-top: 0;
4250
- margin-bottom: 0;
3994
+ margin-block: 0;
4251
3995
  transition-property: visibility, opacity, grid-template-rows, margin, min-height;
4252
3996
  transition-duration: .25s;
4253
3997
  transition-timing-function: cubic-bezier(.2, 0, 0, 1);
@@ -4257,8 +4001,7 @@
4257
4001
 
4258
4002
  .aksel-accordion__item > .aksel-accordion__content .aksel-accordion__content-inner {
4259
4003
  min-height: 0;
4260
- padding-top: 0;
4261
- padding-bottom: 0;
4004
+ padding-block: 0;
4262
4005
  }
4263
4006
 
4264
4007
  .aksel-accordion__item[data-expanded="true"] > .aksel-accordion__content {
@@ -4267,11 +4010,10 @@
4267
4010
  border-color: var(--ax-border-neutral-subtleA);
4268
4011
  opacity: 1;
4269
4012
  grid-template-rows: 1fr;
4270
- margin-bottom: var(--ax-space-24);
4013
+ margin-block-end: var(--ax-space-24);
4271
4014
  }
4272
4015
 
4273
4016
  .aksel-accordion__item[data-expanded="true"] > .aksel-accordion__content .aksel-accordion__content-inner {
4274
- min-height: -webkit-fit-content;
4275
4017
  min-height: fit-content;
4276
4018
  }
4277
4019
 
@@ -4320,7 +4062,7 @@
4320
4062
 
4321
4063
  .aksel-alert--small > .aksel-alert__icon {
4322
4064
  height: var(--ax-font-line-height-large);
4323
- margin-top: 0;
4065
+ margin-block-start: 0;
4324
4066
  }
4325
4067
 
4326
4068
  .aksel-alert--full-width {
@@ -4341,24 +4083,16 @@
4341
4083
  display: flex;
4342
4084
  }
4343
4085
 
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);
4086
+ .aksel-alert--close-button > .aksel-alert__wrapper, .aksel-alert--close-button > .aksel-alert__icon {
4087
+ margin-block-start: var(--ax-space-2);
4350
4088
  }
4351
4089
 
4352
4090
  .aksel-alert--close-button.aksel-alert--small {
4353
4091
  align-items: flex-start;
4354
4092
  }
4355
4093
 
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);
4094
+ .aksel-alert--close-button.aksel-alert--small > .aksel-alert__wrapper, .aksel-alert--close-button.aksel-alert--small > .aksel-alert__icon {
4095
+ margin-block-start: var(--ax-space-4);
4362
4096
  }
4363
4097
 
4364
4098
  .aksel-base-alert {
@@ -4369,7 +4103,6 @@
4369
4103
  --__axc-base-alert-header-icon-margin-block-start: var(--ax-space-8);
4370
4104
  --__axc-base-alert-header-close-button-margin-block-start: var(--ax-space-4);
4371
4105
  --__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
4106
  height: fit-content;
4374
4107
  display: grid;
4375
4108
  overflow: clip;
@@ -4466,7 +4199,7 @@
4466
4199
  .aksel-base-alert__close-button {
4467
4200
  margin-left: auto;
4468
4201
  z-index: 1;
4469
- margin-top: var(--__axc-base-alert-header-close-button-margin-block-start);
4202
+ margin-block-start: var(--__axc-base-alert-header-close-button-margin-block-start);
4470
4203
  }
4471
4204
 
4472
4205
  .aksel-base-alert__close-button:focus-visible {
@@ -4482,7 +4215,6 @@
4482
4215
  outline: 1px solid var(--ax-border-default);
4483
4216
  outline-offset: -1px;
4484
4217
  background: var(--ax-bg-moderate);
4485
- height: -webkit-fit-content;
4486
4218
  height: fit-content;
4487
4219
  color: var(--ax-text-default);
4488
4220
  align-items: flex-start;
@@ -4506,32 +4238,17 @@
4506
4238
  display: flex;
4507
4239
  }
4508
4240
 
4509
- .aksel-chat .aksel-chat__bubble {
4510
- background-color: var(--ax-bg-moderateA);
4511
- border: 1px solid var(--ax-border-subtleA);
4512
- }
4513
-
4514
- .aksel-chat .aksel-chat__avatar {
4241
+ .aksel-chat .aksel-chat__bubble, .aksel-chat .aksel-chat__avatar {
4515
4242
  background-color: var(--ax-bg-moderateA);
4516
4243
  border: 1px solid var(--ax-border-subtleA);
4517
4244
  }
4518
4245
 
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 {
4246
+ .aksel-chat[data-variant="subtle"] .aksel-chat__bubble, .aksel-chat[data-variant="subtle"] .aksel-chat__avatar {
4525
4247
  background-color: var(--ax-bg-softA);
4526
4248
  border: 1px solid var(--ax-border-subtleA);
4527
4249
  }
4528
4250
 
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 {
4251
+ .aksel-chat[data-color="neutral"][data-variant="subtle"] .aksel-chat__bubble, .aksel-chat[data-color="neutral"][data-variant="subtle"] .aksel-chat__avatar {
4535
4252
  background-color: var(--ax-bg-raised);
4536
4253
  border: 1px solid var(--ax-border-neutral-subtleA);
4537
4254
  }
@@ -4584,7 +4301,6 @@
4584
4301
  border-radius: var(--ax-radius-12);
4585
4302
  border-bottom-left-radius: var(--ax-radius-2);
4586
4303
  flex-direction: column;
4587
- width: -webkit-fit-content;
4588
4304
  width: fit-content;
4589
4305
  display: flex;
4590
4306
  }
@@ -4678,12 +4394,7 @@
4678
4394
  background-color: var(--ax-bg-moderate-hoverA);
4679
4395
  }
4680
4396
 
4681
- .aksel-date .rdp-month {
4682
- gap: var(--ax-space-20);
4683
- display: grid;
4684
- }
4685
-
4686
- .aksel-date.rdp-month {
4397
+ .aksel-date .rdp-month, .aksel-date.rdp-month {
4687
4398
  gap: var(--ax-space-20);
4688
4399
  display: grid;
4689
4400
  }
@@ -4745,11 +4456,7 @@
4745
4456
  opacity: var(--ax-opacity-disabled);
4746
4457
  }
4747
4458
 
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 {
4459
+ :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
4460
  background: var(--ax-bg-moderate-hoverA);
4754
4461
  }
4755
4462
 
@@ -4770,11 +4477,7 @@
4770
4477
  transform: translateX(-50%);
4771
4478
  }
4772
4479
 
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 {
4480
+ :is(.aksel-date .rdp-day_today.rdp-day_selected:not(.rdp-day_range_middle), .aksel-date .rdp-day_today:active):before {
4778
4481
  background-color: var(--ax-text-contrast);
4779
4482
  }
4780
4483
 
@@ -4783,18 +4486,13 @@
4783
4486
  pointer-events: none;
4784
4487
  }
4785
4488
 
4786
- .aksel-date__modal .aksel-date {
4787
- padding: 0;
4788
- }
4789
-
4790
- .aksel-date__modal-body > .aksel-date {
4489
+ .aksel-date__modal .aksel-date, .aksel-date__modal-body > .aksel-date {
4791
4490
  padding: 0;
4792
4491
  }
4793
4492
 
4794
4493
  @media (max-width: 360px) {
4795
4494
  .aksel-date__modal-body > .aksel-date {
4796
- margin-left: -12px;
4797
- margin-right: -12px;
4495
+ margin-inline: -12px;
4798
4496
  }
4799
4497
  }
4800
4498
 
@@ -4839,28 +4537,16 @@
4839
4537
  }
4840
4538
 
4841
4539
  .aksel-date__wrapper, .aksel-date__standalone-wrapper {
4842
- width: -webkit-fit-content;
4843
4540
  width: fit-content;
4844
- height: -webkit-fit-content;
4845
4541
  height: fit-content;
4846
4542
  }
4847
4543
 
4848
- :is(.aksel-date__wrapper, .aksel-date__standalone-wrapper) .rdp-cell > button.rdp-day:focus-visible .rdp-day__inner {
4849
- outline: 3px solid var(--ax-border-focus);
4850
- outline-offset: 3px;
4851
- }
4852
-
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 {
4544
+ :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 {
4859
4545
  outline: 3px solid var(--ax-border-focus);
4860
4546
  outline-offset: 3px;
4861
4547
  }
4862
4548
 
4863
- :is(.aksel-date__wrapper, .aksel-date__standalone-wrapper) button.aksel-date__month-button:active:not(:disabled) .rdp-day__inner {
4549
+ :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
4550
  color: var(--ax-text-contrast);
4865
4551
  background-color: var(--ax-bg-strong-pressed);
4866
4552
  }
@@ -4883,38 +4569,17 @@
4883
4569
  .aksel-date__field-button {
4884
4570
  --__axc-button-border-width: 1px;
4885
4571
  --__axc-button-border-color: var(--ax-border-neutral);
4572
+ border-start-start-radius: 0;
4573
+ border-end-start-radius: 0;
4886
4574
  position: relative;
4887
4575
  }
4888
4576
 
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
4577
  .aksel-date__field-button:focus-visible {
4905
4578
  outline: 3px solid var(--ax-border-focus);
4906
4579
  outline-offset: 3px;
4907
4580
  }
4908
4581
 
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 {
4582
+ .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
4583
  --__axc-button-border-color: var(--ax-border-strong);
4919
4584
  }
4920
4585
 
@@ -4941,16 +4606,12 @@
4941
4606
  background-color: var(--ax-bg-input);
4942
4607
  z-index: -1;
4943
4608
  position: absolute;
4944
- top: 0;
4945
- bottom: 0;
4946
- left: 0;
4947
- right: 0;
4609
+ inset: 0;
4948
4610
  }
4949
4611
 
4950
4612
  .aksel-date__field-wrapper {
4951
4613
  border-radius: var(--ax-radius-8);
4952
4614
  z-index: 0;
4953
- width: -webkit-fit-content;
4954
4615
  width: fit-content;
4955
4616
  display: inline-flex;
4956
4617
  }
@@ -5043,12 +4704,7 @@
5043
4704
  }
5044
4705
  }
5045
4706
 
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] {
4707
+ .aksel-dialog__popup[data-entering-style], .aksel-dialog__popup[data-exiting-style] {
5052
4708
  opacity: .001;
5053
4709
  transform: var(--__axc-dialog-transform);
5054
4710
  }
@@ -5078,10 +4734,7 @@
5078
4734
  pointer-events: none;
5079
4735
  transition: opacity cubic-bezier(.25, .46, .45, .94);
5080
4736
  position: absolute;
5081
- top: 0;
5082
- bottom: 0;
5083
- left: 0;
5084
- right: 0;
4737
+ inset: 0;
5085
4738
  }
5086
4739
 
5087
4740
  .aksel-dialog__popup[data-position="center"] {
@@ -5089,21 +4742,14 @@
5089
4742
  --__axc-dialog-transform: scale(.98);
5090
4743
  max-width: calc(100dvw - 3rem);
5091
4744
  max-height: calc(90dvh - var(--__axc-dialog-center-margin));
5092
- margin-left: auto;
5093
- margin-right: auto;
4745
+ margin-inline: auto;
5094
4746
  margin-block: max(var(--__axc-dialog-center-margin), 10dvh) auto;
5095
4747
  top: 0;
5096
4748
  left: 0;
5097
4749
  right: 0;
5098
4750
  }
5099
4751
 
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] {
4752
+ .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
4753
  opacity: 1;
5108
4754
  transition-duration: 0s;
5109
4755
  transform: scale(1);
@@ -5122,35 +4768,19 @@
5122
4768
  max-width: 95dvw;
5123
4769
  height: auto;
5124
4770
  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;
4771
+ margin-block: 0;
4772
+ margin-inline: auto;
4773
+ inset: auto 0 0;
5133
4774
  }
5134
4775
  }
5135
4776
 
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"] {
4777
+ .aksel-dialog__popup[data-position="right"], .aksel-dialog__popup[data-position="left"] {
5148
4778
  max-width: calc(100vw - max(16px, 10vw));
5149
4779
  top: 0;
5150
4780
  bottom: 0;
5151
4781
  }
5152
4782
 
5153
- .aksel-dialog__popup[data-position="left"][data-nested-dialog-open="true"]:after {
4783
+ :is(.aksel-dialog__popup[data-position="right"], .aksel-dialog__popup[data-position="left"])[data-nested-dialog-open="true"]:after {
5154
4784
  opacity: 1;
5155
4785
  transition-duration: .1s;
5156
4786
  }
@@ -5179,8 +4809,7 @@
5179
4809
  max-width: 95dvw;
5180
4810
  height: auto;
5181
4811
  max-height: calc(100dvh - max(16px, 10dvh));
5182
- margin-left: auto;
5183
- margin-right: auto;
4812
+ margin-inline: auto;
5184
4813
  bottom: 0;
5185
4814
  left: 0;
5186
4815
  right: 0;
@@ -5198,10 +4827,7 @@
5198
4827
  max-width: 100dvw;
5199
4828
  height: 100%;
5200
4829
  max-height: 100dvh;
5201
- top: 0;
5202
- bottom: 0;
5203
- left: 0;
5204
- right: 0;
4830
+ inset: 0;
5205
4831
  }
5206
4832
 
5207
4833
  .aksel-dialog__backdrop {
@@ -5210,10 +4836,7 @@
5210
4836
  min-height: 100dvh;
5211
4837
  transition: opacity .2s cubic-bezier(.25, .46, .45, .94);
5212
4838
  position: fixed;
5213
- top: 0;
5214
- bottom: 0;
5215
- left: 0;
5216
- right: 0;
4839
+ inset: 0;
5217
4840
  }
5218
4841
 
5219
4842
  @supports (-webkit-touch-callout: none) {
@@ -5222,11 +4845,7 @@
5222
4845
  }
5223
4846
  }
5224
4847
 
5225
- .aksel-dialog__backdrop[data-entering-style] {
5226
- opacity: .001;
5227
- }
5228
-
5229
- .aksel-dialog__backdrop[data-exiting-style] {
4848
+ .aksel-dialog__backdrop[data-entering-style], .aksel-dialog__backdrop[data-exiting-style] {
5230
4849
  opacity: .001;
5231
4850
  }
5232
4851
 
@@ -5236,7 +4855,7 @@
5236
4855
  }
5237
4856
 
5238
4857
  .aksel-dialog__title {
5239
- margin-bottom: var(--ax-space-4);
4858
+ margin-block-end: var(--ax-space-4);
5240
4859
  }
5241
4860
 
5242
4861
  .aksel-dialog__close-button {
@@ -5253,7 +4872,7 @@
5253
4872
  }
5254
4873
 
5255
4874
  .aksel-dialog__header ~ .aksel-dialog__body {
5256
- padding-top: 0;
4875
+ padding-block-start: 0;
5257
4876
  }
5258
4877
 
5259
4878
  .aksel-dialog__body {
@@ -5292,8 +4911,7 @@
5292
4911
  color: var(--ax-text-neutral);
5293
4912
  width: 27ch;
5294
4913
  max-height: 616px;
5295
- overflow-x: hidden;
5296
- overflow-y: auto;
4914
+ overflow: hidden auto;
5297
4915
  }
5298
4916
 
5299
4917
  .aksel-dropdown__divider {
@@ -5538,15 +5156,7 @@
5538
5156
  display: grid;
5539
5157
  }
5540
5158
 
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 {
5159
+ .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
5160
  display: block;
5551
5161
  }
5552
5162
 
@@ -5561,7 +5171,6 @@
5561
5171
  border-radius: var(--ax-radius-12);
5562
5172
  background-color: var(--ax-bg-softA);
5563
5173
  border: 1px solid var(--ax-border-default);
5564
- height: -webkit-fit-content;
5565
5174
  height: fit-content;
5566
5175
  }
5567
5176
 
@@ -5583,10 +5192,6 @@
5583
5192
  margin-top: var(--ax-space-2);
5584
5193
  }
5585
5194
 
5586
- .aksel-expansioncard--small :-webkit-any(.aksel-expansioncard__title--medium, .aksel-expansioncard__title--large) {
5587
- margin-top: 0;
5588
- }
5589
-
5590
5195
  .aksel-expansioncard--small :is(.aksel-expansioncard__title--medium, .aksel-expansioncard__title--large) {
5591
5196
  margin-top: 0;
5592
5197
  }
@@ -5669,10 +5274,7 @@
5669
5274
  width: 100%;
5670
5275
  height: 100%;
5671
5276
  position: absolute;
5672
- top: 0;
5673
- bottom: 0;
5674
- left: 0;
5675
- right: 0;
5277
+ inset: 0;
5676
5278
  }
5677
5279
 
5678
5280
  .aksel-expansioncard__header:hover > .aksel-expansioncard__header-button {
@@ -5694,31 +5296,17 @@
5694
5296
  .aksel-expansioncard__content {
5695
5297
  padding-inline: var(--__axc-expansioncard-padding-inline);
5696
5298
  visibility: hidden;
5299
+ border-end-end-radius: var(--__axc-expansioncard-border-radius);
5300
+ border-end-start-radius: var(--__axc-expansioncard-border-radius);
5697
5301
  grid-template-rows: 0fr;
5698
- padding-top: 0;
5699
- padding-bottom: 0;
5700
- transition-property: visibility, padding-top, padding-bottom, grid-template-rows;
5302
+ padding-block: 0;
5303
+ transition-property: visibility, padding-block, grid-template-rows;
5701
5304
  transition-duration: .25s;
5702
5305
  transition-timing-function: cubic-bezier(.2, 0, 0, 1);
5703
5306
  display: grid;
5704
5307
  overflow: hidden;
5705
5308
  }
5706
5309
 
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
5310
  .aksel-expansioncard__content[data-open="true"] {
5723
5311
  visibility: visible;
5724
5312
  padding-block: var(--__axc-expansioncard-padding-block);
@@ -5737,18 +5325,12 @@
5737
5325
 
5738
5326
  .aksel-guide-panel {
5739
5327
  --__axc-guide-panel-guide-size: 5rem;
5740
- width: -webkit-fit-content;
5741
5328
  width: fit-content;
5742
5329
  display: flex;
5743
5330
  position: relative;
5744
5331
  }
5745
5332
 
5746
- .aksel-guide-panel[data-poster="true"] {
5747
- flex-direction: column;
5748
- align-items: center;
5749
- }
5750
-
5751
- .aksel-guide-panel[data-responsive="true"] {
5333
+ .aksel-guide-panel[data-poster="true"], .aksel-guide-panel[data-responsive="true"] {
5752
5334
  flex-direction: column;
5753
5335
  align-items: center;
5754
5336
  }
@@ -5795,10 +5377,6 @@
5795
5377
  position: relative;
5796
5378
  }
5797
5379
 
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
5380
  .aksel-guide-panel:is([data-poster="true"], [data-responsive="true"]) > .aksel-guide-panel__content {
5803
5381
  margin-top: var(--ax-space-20);
5804
5382
  }
@@ -5841,12 +5419,6 @@
5841
5419
  position: absolute;
5842
5420
  }
5843
5421
 
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
5422
  .aksel-guide-panel:is([data-poster="true"], [data-responsive="true"]) .aksel-guide-panel__tail {
5851
5423
  left: 50%;
5852
5424
  top: calc(var(--ax-space-16) * -1 - 2px);
@@ -5856,14 +5428,14 @@
5856
5428
  .aksel-guide-panel[data-poster="false"] .aksel-guide-panel__tail {
5857
5429
  top: calc(var(--__axc-guide-panel-guide-size) / 2);
5858
5430
  left: calc(var(--ax-space-20) * -1 - 2px);
5859
- transform: translateY(-15%)rotateZ(-90deg)scaleX(-1);
5431
+ transform: translateY(-15%) rotateZ(-90deg) scaleX(-1);
5860
5432
  }
5861
5433
 
5862
5434
  @media (min-width: 480px) {
5863
5435
  .aksel-guide-panel[data-responsive="true"] .aksel-guide-panel__tail {
5864
5436
  top: calc(var(--__axc-guide-panel-guide-size) / 2);
5865
5437
  left: calc(var(--ax-space-20) * -1 - 2px);
5866
- transform: translateY(-15%)rotateZ(-90deg)scaleX(-1);
5438
+ transform: translateY(-15%) rotateZ(-90deg) scaleX(-1);
5867
5439
  }
5868
5440
  }
5869
5441
 
@@ -5892,11 +5464,7 @@
5892
5464
  border: 1px solid var(--ax-border-default);
5893
5465
  }
5894
5466
 
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 {
5467
+ .aksel-help-text__icon--filled, .aksel-help-text__button:where(:hover, :focus-visible, [aria-expanded="true"]) > .aksel-help-text__icon {
5900
5468
  display: none;
5901
5469
  }
5902
5470
 
@@ -5932,7 +5500,7 @@
5932
5500
  .aksel-inline-message__icon {
5933
5501
  color: var(--ax-text-subtle);
5934
5502
  flex: none;
5935
- margin-top: var(--ax-space-2);
5503
+ margin-block-start: var(--ax-space-2);
5936
5504
  font-size: 1.5rem;
5937
5505
  }
5938
5506
 
@@ -5960,8 +5528,7 @@
5960
5528
  font: inherit;
5961
5529
  font-weight: var(--ax-font-weight-bold);
5962
5530
  text-align: left;
5963
- padding-top: 0;
5964
- padding-bottom: 0;
5531
+ padding-block: 0;
5965
5532
  padding-inline: var(--ax-space-24) var(--ax-space-20);
5966
5533
  border: none;
5967
5534
  border-right: 1px solid var(--ax-border-neutral-subtleA);
@@ -5975,10 +5542,6 @@
5975
5542
  overflow: visible;
5976
5543
  }
5977
5544
 
5978
- .aksel-internalheader__title:-webkit-any(button) {
5979
- cursor: pointer;
5980
- }
5981
-
5982
5545
  .aksel-internalheader__title:is(button) {
5983
5546
  cursor: pointer;
5984
5547
  }
@@ -5987,10 +5550,6 @@
5987
5550
  background: var(--ax-bg-neutral-moderate-hoverA);
5988
5551
  }
5989
5552
 
5990
- .aksel-internalheader__title:-webkit-any(:hover, :active):not(button, a) {
5991
- background: initial;
5992
- }
5993
-
5994
5553
  .aksel-internalheader__title:is(:hover, :active):not(button, a) {
5995
5554
  background: initial;
5996
5555
  }
@@ -6076,11 +5635,7 @@
6076
5635
  display: inline-flex;
6077
5636
  }
6078
5637
 
6079
- .aksel-link:hover {
6080
- text-decoration-thickness: .111em;
6081
- }
6082
-
6083
- .aksel-link:active {
5638
+ .aksel-link:hover, .aksel-link:active {
6084
5639
  text-decoration-thickness: .111em;
6085
5640
  }
6086
5641
 
@@ -6190,11 +5745,7 @@
6190
5745
  color: var(--ax-text-subtle);
6191
5746
  }
6192
5747
 
6193
- .aksel-link-anchor:hover {
6194
- text-decoration-thickness: .111em;
6195
- }
6196
-
6197
- .aksel-link-anchor__overlay:hover .aksel-link-anchor {
5748
+ .aksel-link-anchor:hover, .aksel-link-anchor__overlay:hover .aksel-link-anchor {
6198
5749
  text-decoration-thickness: .111em;
6199
5750
  }
6200
5751
 
@@ -6214,11 +5765,7 @@
6214
5765
  transform: translateX(0);
6215
5766
  }
6216
5767
 
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 {
5768
+ .aksel-link-anchor:hover .aksel-link-anchor__arrow, .aksel-link-anchor__overlay:hover .aksel-link-anchor__arrow {
6222
5769
  transform: translateX(4px);
6223
5770
  }
6224
5771
 
@@ -6260,11 +5807,7 @@
6260
5807
  align-items: center;
6261
5808
  }
6262
5809
 
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 {
5810
+ .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
5811
  align-self: center;
6269
5812
  }
6270
5813
 
@@ -6285,17 +5828,13 @@
6285
5828
  grid-area: title;
6286
5829
  }
6287
5830
 
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"] {
5831
+ .aksel-link-card[data-color="neutral"] .aksel-link-card__title, .aksel-link-card__title[data-color="neutral"] {
6293
5832
  color: var(--ax-text-default);
6294
5833
  }
6295
5834
 
6296
5835
  .aksel-link-card__description {
6297
5836
  grid-area: description;
6298
- margin-top: var(--ax-space-4);
5837
+ margin-block-start: var(--ax-space-4);
6299
5838
  }
6300
5839
 
6301
5840
  .aksel-link-card__footer {
@@ -6303,44 +5842,23 @@
6303
5842
  gap: var(--ax-space-8);
6304
5843
  flex-wrap: wrap;
6305
5844
  grid-area: footer;
6306
- margin-top: var(--ax-space-16);
5845
+ margin-block-start: var(--ax-space-16);
6307
5846
  display: flex;
6308
5847
  }
6309
5848
 
6310
5849
  .aksel-link-card__icon {
6311
- width: -webkit-max-content;
6312
5850
  width: max-content;
6313
- height: -webkit-max-content;
6314
5851
  height: max-content;
6315
5852
  color: var(--ax-text-default);
6316
5853
  grid-area: icon;
6317
5854
  place-content: center;
6318
5855
  align-self: flex-start;
5856
+ margin-inline-end: var(--ax-space-16);
6319
5857
  display: grid;
6320
5858
  }
6321
5859
 
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);
5860
+ .aksel-link-card--small .aksel-link-card__icon {
5861
+ margin-inline-end: var(--ax-space-12);
6344
5862
  }
6345
5863
 
6346
5864
  .aksel-link-card__image-container {
@@ -6354,13 +5872,6 @@
6354
5872
  overflow: hidden;
6355
5873
  }
6356
5874
 
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
5875
  .aksel-link-card__image-container :is(img, picture) {
6365
5876
  object-fit: cover;
6366
5877
  max-width: 100%;
@@ -6370,18 +5881,7 @@
6370
5881
 
6371
5882
  .aksel-link-card__arrow {
6372
5883
  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);
5884
+ margin-inline-start: var(--ax-space-8);
6385
5885
  }
6386
5886
 
6387
5887
  .aksel-link-card[data-align-arrow="baseline"] .aksel-link-card__arrow {
@@ -6413,9 +5913,7 @@
6413
5913
  }
6414
5914
 
6415
5915
  .aksel-modal--polyfilled {
6416
- width: -webkit-fit-content;
6417
5916
  width: fit-content;
6418
- height: -webkit-fit-content;
6419
5917
  height: fit-content;
6420
5918
  margin: auto;
6421
5919
  top: 50%;
@@ -6434,17 +5932,10 @@
6434
5932
 
6435
5933
  ._dialog_overlay {
6436
5934
  position: fixed;
6437
- top: 0;
6438
- bottom: 0;
6439
- left: 0;
6440
- right: 0;
5935
+ inset: 0;
6441
5936
  }
6442
5937
 
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 {
5938
+ .aksel-modal--small .aksel-modal__header, .aksel-modal--small .aksel-modal__body {
6448
5939
  padding: var(--ax-space-12) var(--ax-space-16);
6449
5940
  }
6450
5941
 
@@ -6490,10 +5981,7 @@
6490
5981
  .aksel-modal--polyfilled + .backdrop {
6491
5982
  background: rgba(12, 22, 39, .66);
6492
5983
  position: fixed;
6493
- top: 0;
6494
- bottom: 0;
6495
- left: 0;
6496
- right: 0;
5984
+ inset: 0;
6497
5985
  }
6498
5986
 
6499
5987
  .aksel-modal__button {
@@ -6553,7 +6041,6 @@
6553
6041
  }
6554
6042
 
6555
6043
  .aksel-modal--polyfilled .aksel-modal--polyfilled.aksel-date__nested-modal {
6556
- min-width: -webkit-fit-content;
6557
6044
  min-width: fit-content;
6558
6045
  max-width: 100vw;
6559
6046
  max-height: 100vh;
@@ -6727,26 +6214,14 @@
6727
6214
 
6728
6215
  .aksel-tag__icon--left {
6729
6216
  font-size: var(--__axc-tag-icon-size);
6217
+ margin-inline-start: var(--__axc-tag-icon-margin);
6730
6218
  display: flex;
6731
6219
  }
6732
6220
 
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
6221
  .aksel-timeline {
6746
6222
  grid-template-columns: auto minmax(0, 1fr);
6747
6223
  align-items: center;
6748
6224
  width: 100%;
6749
- min-width: -webkit-fit-content;
6750
6225
  min-width: fit-content;
6751
6226
  display: grid;
6752
6227
  position: relative;
@@ -6920,10 +6395,7 @@
6920
6395
  width: 25px;
6921
6396
  height: 25px;
6922
6397
  position: absolute;
6923
- top: -9px;
6924
- bottom: 0;
6925
- left: -9px;
6926
- right: 0;
6398
+ inset: -9px 0 0 -9px;
6927
6399
  }
6928
6400
 
6929
6401
  .aksel-timeline__pin-button:hover {
@@ -7033,13 +6505,7 @@
7033
6505
  outline: 4px solid rgba(0, 0, 0, 0);
7034
6506
  }
7035
6507
 
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 {
6508
+ .aksel-timeline__pin-button:focus, .aksel-timeline__pin-button:focus-visible {
7043
6509
  outline-offset: 3px;
7044
6510
  box-shadow: none;
7045
6511
  outline: 4px solid highlight;
@@ -7203,7 +6669,6 @@
7203
6669
  border: none;
7204
6670
  justify-content: center;
7205
6671
  align-items: center;
7206
- min-width: -webkit-fit-content;
7207
6672
  min-width: fit-content;
7208
6673
  display: inline-flex;
7209
6674
  position: relative;
@@ -7523,7 +6988,6 @@
7523
6988
  }
7524
6989
 
7525
6990
  .aksel-skeleton--has-children.aksel-skeleton--no-width {
7526
- width: -webkit-fit-content;
7527
6991
  width: fit-content;
7528
6992
  }
7529
6993
 
@@ -7584,15 +7048,15 @@
7584
7048
 
7585
7049
  .aksel-process__event[data-dot="true"] {
7586
7050
  --__axc-process-circle-size: var(--__axc-process-circle-small);
7587
- margin-top: calc((var(--__axc-process-circle-small) / 2) * -1);
7051
+ margin-block-start: calc((var(--__axc-process-circle-small) / 2) * -1);
7588
7052
  }
7589
7053
 
7590
7054
  .aksel-process__event[data-dot="true"] .aksel-process__line[data-position="start"] {
7591
- margin-bottom: calc(var(--__axc-process-circle-size) / 2 * -1);
7055
+ margin-block-end: calc(var(--__axc-process-circle-size) / 2 * -1);
7592
7056
  }
7593
7057
 
7594
7058
  .aksel-process__event[data-dot="true"] .aksel-process__line[data-position="end"] {
7595
- margin-top: calc(var(--__axc-process-circle-size) / 2);
7059
+ margin-block-start: calc(var(--__axc-process-circle-size) / 2);
7596
7060
  }
7597
7061
 
7598
7062
  .aksel-process__event[data-dot="true"] .aksel-process__bullet {
@@ -7618,29 +7082,12 @@
7618
7082
  }
7619
7083
 
7620
7084
  .aksel-process__event:first-of-type .aksel-process__line[data-position="start"] {
7085
+ border-start-start-radius: var(--ax-radius-4);
7086
+ border-start-end-radius: var(--ax-radius-4);
7621
7087
  min-height: 1.5rem;
7622
7088
  }
7623
7089
 
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"] {
7090
+ .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
7091
  display: none;
7645
7092
  }
7646
7093
 
@@ -7653,24 +7100,11 @@
7653
7100
  }
7654
7101
 
7655
7102
  .aksel-process__event:last-of-type .aksel-process__line[data-position="end"] {
7103
+ border-end-end-radius: var(--ax-radius-4);
7104
+ border-end-start-radius: var(--ax-radius-4);
7656
7105
  min-height: 1.5rem;
7657
7106
  }
7658
7107
 
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
7108
  .aksel-process__event[data-status="active"] .aksel-process__line {
7675
7109
  border-color: var(--ax-border-default);
7676
7110
  border-image: linear-gradient(to bottom, var(--ax-border-default) 50%, var(--ax-border-neutral-subtle) 90%);
@@ -7726,12 +7160,6 @@
7726
7160
  width: min(calc(var(--__axc-process-circle-size) * .75), 1.5rem);
7727
7161
  }
7728
7162
 
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
7163
  .aksel-process__event:is([data-status="completed"], [data-status="active"]) .aksel-process__bullet {
7736
7164
  color: var(--ax-text-contrast);
7737
7165
  background: var(--ax-bg-strong);
@@ -7758,7 +7186,7 @@
7758
7186
  }
7759
7187
 
7760
7188
  .aksel-process__event[data-status="active"] .aksel-process__title:has( + .aksel-process__active-label) {
7761
- padding-bottom: 0;
7189
+ padding-block-end: 0;
7762
7190
  }
7763
7191
 
7764
7192
  .aksel-process__active-label {
@@ -7767,7 +7195,7 @@
7767
7195
  }
7768
7196
 
7769
7197
  .aksel-process__active-label:last-of-type {
7770
- margin-bottom: 0;
7198
+ margin-block-end: 0;
7771
7199
  }
7772
7200
 
7773
7201
  @media (forced-colors: active) {
@@ -7775,13 +7203,6 @@
7775
7203
  transition: none;
7776
7204
  }
7777
7205
 
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
7206
  .aksel-process__event:is([data-status="completed"], [data-status="active"]) .aksel-process__bullet {
7786
7207
  color: buttonface;
7787
7208
  forced-color-adjust: none;
@@ -7872,18 +7293,7 @@
7872
7293
  margin-bottom: 0;
7873
7294
  }
7874
7295
 
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
7296
  .aksel-stepper__step:is(button) {
7886
- -webkit-appearance: none;
7887
7297
  appearance: none;
7888
7298
  font: inherit;
7889
7299
  color: inherit;
@@ -7921,11 +7331,7 @@
7921
7331
  text-decoration-thickness: .05em;
7922
7332
  }
7923
7333
 
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 {
7334
+ :is(.aksel-stepper__step[data-interactive="true"]:hover, .aksel-stepper__step[data-interactive="true"]:active) .aksel-stepper__content {
7929
7335
  text-decoration-thickness: .111em;
7930
7336
  }
7931
7337
 
@@ -7966,7 +7372,6 @@
7966
7372
 
7967
7373
  .aksel-stepper__content {
7968
7374
  grid-column: content;
7969
- min-width: -webkit-fit-content;
7970
7375
  min-width: fit-content;
7971
7376
  padding-top: .16rem;
7972
7377
  line-height: 1.5;
@@ -8002,11 +7407,7 @@
8002
7407
  flex: 100%;
8003
7408
  }
8004
7409
 
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 {
7410
+ .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
7411
  visibility: hidden;
8011
7412
  }
8012
7413
 
@@ -8066,7 +7467,6 @@
8066
7467
  z-index: 10;
8067
7468
  background-color: var(--ax-bg-default);
8068
7469
  box-sizing: border-box;
8069
- position: -webkit-sticky;
8070
7470
  position: sticky;
8071
7471
  top: 0;
8072
7472
  }
@@ -8088,10 +7488,6 @@
8088
7488
  display: table-row;
8089
7489
  }
8090
7490
 
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
7491
  .aksel-table__row:has( + .aksel-table__row--selected) :is(.aksel-table__header-cell, .aksel-table__data-cell) {
8096
7492
  border-color: var(--ax-border-default);
8097
7493
  }
@@ -8122,18 +7518,10 @@
8122
7518
  border-color: var(--ax-border-default);
8123
7519
  }
8124
7520
 
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
7521
  .aksel-table__row--selected :is(.aksel-table__header-cell, .aksel-table__data-cell) {
8130
7522
  border-color: var(--ax-border-default);
8131
7523
  }
8132
7524
 
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
7525
  .aksel-table__row--selected.aksel-table__expandable-row--open :is(.aksel-table__header-cell, .aksel-table__data-cell) {
8138
7526
  border-color: rgba(0, 0, 0, 0);
8139
7527
  }
@@ -8190,10 +7578,7 @@
8190
7578
  }
8191
7579
 
8192
7580
  .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;
7581
+ inset: 0;
8197
7582
  }
8198
7583
 
8199
7584
  .aksel-table__header-cell[aria-sort] {
@@ -8201,7 +7586,6 @@
8201
7586
  }
8202
7587
 
8203
7588
  .aksel-table__sort-button {
8204
- -webkit-appearance: none;
8205
7589
  appearance: none;
8206
7590
  color: var(--ax-text-subtle);
8207
7591
  cursor: pointer;
@@ -8327,10 +7711,6 @@
8327
7711
  border-bottom: 1px solid var(--ax-border-neutral-subtleA);
8328
7712
  }
8329
7713
 
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
7714
  .aksel-table__expandable-row:has( + .aksel-table__expanded-row[data-state="closed"] + .aksel-table__row--selected) > :is(th, td) {
8335
7715
  border-color: var(--ax-border-default);
8336
7716
  }
@@ -8489,15 +7869,15 @@
8489
7869
  @media (forced-colors: active) {
8490
7870
  .aksel-tabs__tab[data-state="active"] {
8491
7871
  border-bottom: 3px solid canvastext;
8492
- padding-bottom: calc(var(--ax-space-12) - 3px);
7872
+ padding-block-end: calc(var(--ax-space-12) - 3px);
8493
7873
  }
8494
7874
 
8495
7875
  .aksel-tabs__tab--small[data-state="active"] {
8496
- padding-bottom: calc(var(--ax-space-6) - 3px);
7876
+ padding-block-end: calc(var(--ax-space-6) - 3px);
8497
7877
  }
8498
7878
 
8499
7879
  .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);
7880
+ padding-block-end: calc(var(--ax-space-4) - 3px);
8501
7881
  }
8502
7882
  }
8503
7883
 
@@ -8535,7 +7915,7 @@
8535
7915
  display: flex;
8536
7916
  }
8537
7917
 
8538
- @supports (hanging-punctuation: first) and (font: -apple-system-body) and ((-webkit-appearance: none) or (appearance: none)) {
7918
+ @supports (hanging-punctuation: first) and (font: -apple-system-body) and (appearance: none) {
8539
7919
  .aksel-list ol {
8540
7920
  padding-left: 2.1rem;
8541
7921
  }
@@ -8546,11 +7926,11 @@
8546
7926
  }
8547
7927
 
8548
7928
  .aksel-list__item {
8549
- margin-bottom: var(--ax-space-8);
7929
+ margin-block-end: var(--ax-space-8);
8550
7930
  }
8551
7931
 
8552
7932
  .aksel-list__item:last-child {
8553
- margin-bottom: 0;
7933
+ margin-block-end: 0;
8554
7934
  }
8555
7935
 
8556
7936
  .aksel-list__item-marker {
@@ -9523,7 +8903,6 @@
9523
8903
  }
9524
8904
 
9525
8905
  .aksel-page {
9526
- min-height: 100vh;
9527
8906
  flex-direction: column;
9528
8907
  min-height: 100lvh;
9529
8908
  display: flex;
@@ -9532,8 +8911,7 @@
9532
8911
  .aksel-pageblock {
9533
8912
  --__axc-page-padding-inline: 0px;
9534
8913
  width: 100%;
9535
- margin-left: auto;
9536
- margin-right: auto;
8914
+ margin-inline: auto;
9537
8915
  }
9538
8916
 
9539
8917
  .aksel-page__content--grow {
@@ -9541,12 +8919,11 @@
9541
8919
  }
9542
8920
 
9543
8921
  .aksel-page__content--fullheight {
9544
- min-height: 100vh;
9545
8922
  min-height: 100lvh;
9546
8923
  }
9547
8924
 
9548
8925
  .aksel-page__content--padding {
9549
- padding-bottom: var(--ax-space-64);
8926
+ padding-block-end: var(--ax-space-64);
9550
8927
  }
9551
8928
 
9552
8929
  .aksel-pageblock--text {
@@ -9716,19 +9093,8 @@
9716
9093
  }
9717
9094
 
9718
9095
  .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);
9096
+ margin-block-start: calc(var(--__axc-stack-gap) * -1);
9097
+ margin-inline-start: calc(var(--__axc-stack-gap) * -1);
9732
9098
  }
9733
9099
 
9734
9100
  @media (min-width: 480px) {