@navikt/ds-css 8.10.2 → 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 (68) 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 +13 -7
  61. package/src/data-table.css +72 -4
  62. package/types.d.ts +1 -0
  63. package/.gitignore +0 -1
  64. package/CHANGELOG.md +0 -1574
  65. package/config/_mappings.d.ts +0 -25
  66. package/config/_mappings.js +0 -264
  67. package/config/bundle.ts +0 -279
  68. package/config/get-version.js +0 -4
@@ -579,10 +579,6 @@
579
579
  background-color: var(--ax-bg-strong-pressed);
580
580
  }
581
581
 
582
- .aksel-button[data-variant="primary"]:-webkit-any(:disabled, .aksel-button--disabled) {
583
- background-color: var(--ax-bg-strong);
584
- }
585
-
586
582
  .aksel-button[data-variant="primary"]:is(:disabled, .aksel-button--disabled) {
587
583
  background-color: var(--ax-bg-strong);
588
584
  }
@@ -593,15 +589,7 @@
593
589
  background-color: rgba(0, 0, 0, 0);
594
590
  }
595
591
 
596
- .aksel-button[data-variant="secondary"][data-color="neutral"] {
597
- color: var(--ax-text-default);
598
- }
599
-
600
- [data-color="neutral"] > .aksel-button[data-variant="secondary"]:not([data-color]) {
601
- color: var(--ax-text-default);
602
- }
603
-
604
- [data-color="neutral"] :not([data-color]) .aksel-button[data-variant="secondary"]:not([data-color]) {
592
+ .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]) {
605
593
  color: var(--ax-text-default);
606
594
  }
607
595
 
@@ -614,29 +602,12 @@
614
602
  background-color: var(--ax-bg-moderate-pressedA);
615
603
  }
616
604
 
617
- .aksel-button[data-variant="secondary"]:-webkit-any(:disabled, .aksel-button--disabled) {
618
- color: var(--ax-text-subtle);
619
- background-color: rgba(0, 0, 0, 0);
620
- }
621
-
622
- .aksel-button[data-variant="secondary"]:-webkit-any(:disabled, .aksel-button--disabled)[data-color="neutral"] {
623
- color: var(--ax-text-default);
624
- }
625
-
626
- [data-color="neutral"] > .aksel-button[data-variant="secondary"]:-webkit-any(:disabled, .aksel-button--disabled):not([data-color]) {
627
- color: var(--ax-text-default);
628
- }
629
-
630
605
  .aksel-button[data-variant="secondary"]:is(:disabled, .aksel-button--disabled) {
631
606
  color: var(--ax-text-subtle);
632
607
  background-color: rgba(0, 0, 0, 0);
633
608
  }
634
609
 
635
- .aksel-button[data-variant="secondary"]:is(:disabled, .aksel-button--disabled)[data-color="neutral"] {
636
- color: var(--ax-text-default);
637
- }
638
-
639
- [data-color="neutral"] > .aksel-button[data-variant="secondary"]:is(:disabled, .aksel-button--disabled):not([data-color]) {
610
+ .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]) {
640
611
  color: var(--ax-text-default);
641
612
  }
642
613
 
@@ -645,15 +616,7 @@
645
616
  background-color: rgba(0, 0, 0, 0);
646
617
  }
647
618
 
648
- .aksel-button[data-variant="tertiary"][data-color="neutral"] {
649
- color: var(--ax-text-default);
650
- }
651
-
652
- [data-color="neutral"] > .aksel-button[data-variant="tertiary"]:not([data-color], [data-pressed="true"]) {
653
- color: var(--ax-text-default);
654
- }
655
-
656
- [data-color="neutral"] :not([data-color]) .aksel-button[data-variant="tertiary"]:not([data-color], [data-pressed="true"]) {
619
+ .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"]) {
657
620
  color: var(--ax-text-default);
658
621
  }
659
622
 
@@ -670,29 +633,12 @@
670
633
  color: var(--ax-text-contrast);
671
634
  }
672
635
 
673
- .aksel-button[data-variant="tertiary"]:-webkit-any(:disabled, .aksel-button--disabled) {
674
- color: var(--ax-text-subtle);
675
- background-color: rgba(0, 0, 0, 0);
676
- }
677
-
678
- .aksel-button[data-variant="tertiary"]:-webkit-any(:disabled, .aksel-button--disabled)[data-color="neutral"] {
679
- color: var(--ax-text-default);
680
- }
681
-
682
- [data-color="neutral"] > .aksel-button[data-variant="tertiary"]:-webkit-any(:disabled, .aksel-button--disabled):not([data-color]) {
683
- color: var(--ax-text-default);
684
- }
685
-
686
636
  .aksel-button[data-variant="tertiary"]:is(:disabled, .aksel-button--disabled) {
687
637
  color: var(--ax-text-subtle);
688
638
  background-color: rgba(0, 0, 0, 0);
689
639
  }
690
640
 
691
- .aksel-button[data-variant="tertiary"]:is(:disabled, .aksel-button--disabled)[data-color="neutral"] {
692
- color: var(--ax-text-default);
693
- }
694
-
695
- [data-color="neutral"] > .aksel-button[data-variant="tertiary"]:is(:disabled, .aksel-button--disabled):not([data-color]) {
641
+ .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]) {
696
642
  color: var(--ax-text-default);
697
643
  }
698
644
 
@@ -808,14 +754,7 @@
808
754
  border-color: highlight;
809
755
  }
810
756
 
811
- .aksel-button:hover:not(:disabled) {
812
- color: highlight;
813
- box-shadow: none;
814
- background-color: highlighttext;
815
- border-color: highlight;
816
- }
817
-
818
- .aksel-button[data-variant="primary"]:where(a):hover:not(:disabled) {
757
+ .aksel-button:hover:not(:disabled), .aksel-button[data-variant="primary"]:where(a):hover:not(:disabled) {
819
758
  color: highlight;
820
759
  box-shadow: none;
821
760
  background-color: highlighttext;
@@ -938,10 +877,7 @@
938
877
  var(--__axc-dropzone-animation-ease-out);
939
878
  margin: -1px;
940
879
  position: absolute;
941
- top: 0;
942
- bottom: 0;
943
- left: 0;
944
- right: 0;
880
+ inset: 0;
945
881
  }
946
882
 
947
883
  @keyframes akselDropzoneDragoverAnimation {
@@ -1021,25 +957,7 @@
1021
957
  display: flex;
1022
958
  }
1023
959
 
1024
- li.aksel-file-item {
1025
- margin: 0;
1026
- padding: 0;
1027
- list-style: none;
1028
- }
1029
-
1030
- .aksel-file-upload :-webkit-any(ul, li) {
1031
- margin: 0;
1032
- padding: 0;
1033
- list-style: none;
1034
- }
1035
-
1036
- .aksel-file-upload :is(ul, li) {
1037
- margin: 0;
1038
- padding: 0;
1039
- list-style: none;
1040
- }
1041
-
1042
- ul:has( > li.aksel-file-item) {
960
+ .aksel-file-upload :is(ul, li), ul:has( > li.aksel-file-item), li.aksel-file-item {
1043
961
  margin: 0;
1044
962
  padding: 0;
1045
963
  list-style: none;
@@ -1060,7 +978,6 @@
1060
978
  .aksel-file-item__link {
1061
979
  align-items: flex-start;
1062
980
  gap: var(--ax-space-2);
1063
- width: -webkit-fit-content;
1064
981
  width: fit-content;
1065
982
  display: flex;
1066
983
  }
@@ -1160,11 +1077,7 @@
1160
1077
  outline-offset: 3px;
1161
1078
  }
1162
1079
 
1163
- .aksel-error-summary:focus-visible {
1164
- outline: 3px solid var(--ax-border-focus);
1165
- }
1166
-
1167
- .aksel-error-summary:has(.aksel-error-summary__heading:focus-visible) {
1080
+ .aksel-error-summary:focus-visible, .aksel-error-summary:has(.aksel-error-summary__heading:focus-visible) {
1168
1081
  outline: 3px solid var(--ax-border-focus);
1169
1082
  }
1170
1083
 
@@ -1229,27 +1142,14 @@
1229
1142
  border-color: orange;
1230
1143
  border-left-style: solid;
1231
1144
  border-left-width: 8px;
1145
+ border-start-start-radius: calc(var(--ax-radius-8) - 1px);
1146
+ border-end-start-radius: calc(var(--ax-radius-8) - 1px);
1232
1147
  height: 100%;
1233
1148
  position: absolute;
1234
1149
  top: 0;
1235
1150
  left: 0;
1236
1151
  }
1237
1152
 
1238
- .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 {
1239
- border-top-left-radius: calc(var(--ax-radius-8) - 1px);
1240
- border-bottom-left-radius: calc(var(--ax-radius-8) - 1px);
1241
- }
1242
-
1243
- .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 {
1244
- border-top-right-radius: calc(var(--ax-radius-8) - 1px);
1245
- border-bottom-right-radius: calc(var(--ax-radius-8) - 1px);
1246
- }
1247
-
1248
- .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 {
1249
- border-top-right-radius: calc(var(--ax-radius-8) - 1px);
1250
- border-bottom-right-radius: calc(var(--ax-radius-8) - 1px);
1251
- }
1252
-
1253
1153
  .aksel-confirmation-panel--checked .aksel-confirmation-panel__inner:before {
1254
1154
  border-color: green;
1255
1155
  }
@@ -1261,7 +1161,6 @@
1261
1161
 
1262
1162
  .aksel-checkbox, .aksel-radio {
1263
1163
  gap: var(--ax-space-2) 0;
1264
- width: -webkit-fit-content;
1265
1164
  width: fit-content;
1266
1165
  padding: var(--ax-space-12) 0;
1267
1166
  grid-template-columns: auto 1fr;
@@ -1326,7 +1225,6 @@
1326
1225
 
1327
1226
  .aksel-checkbox__input, .aksel-radio__input {
1328
1227
  --__axc-radio-checkbox-marker-border: 2px;
1329
- -webkit-appearance: none;
1330
1228
  appearance: none;
1331
1229
  cursor: pointer;
1332
1230
  width: var(--__axc-radio-checkbox-marker-size);
@@ -1338,12 +1236,7 @@
1338
1236
  position: relative;
1339
1237
  }
1340
1238
 
1341
- :is(.aksel-checkbox__input, .aksel-radio__input)[data-standalone="true"]:disabled {
1342
- opacity: var(--ax-opacity-disabled);
1343
- cursor: not-allowed;
1344
- }
1345
-
1346
- .aksel-checkbox__input-wrapper[data-standalone="true"] > :is(.aksel-checkbox__input, .aksel-radio__input):disabled {
1239
+ :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 {
1347
1240
  opacity: var(--ax-opacity-disabled);
1348
1241
  cursor: not-allowed;
1349
1242
  }
@@ -1451,19 +1344,11 @@
1451
1344
  opacity: var(--ax-opacity-disabled);
1452
1345
  }
1453
1346
 
1454
- .aksel-checkbox--disabled :where(.aksel-checkbox__input, .aksel-checkbox__label) {
1347
+ .aksel-checkbox--disabled :where(.aksel-checkbox__input, .aksel-checkbox__label), .aksel-radio--disabled > :where(.aksel-radio__input, .aksel-radio__label) {
1455
1348
  cursor: not-allowed;
1456
1349
  }
1457
1350
 
1458
- .aksel-radio--disabled > :where(.aksel-radio__input, .aksel-radio__label) {
1459
- cursor: not-allowed;
1460
- }
1461
-
1462
- .aksel-checkbox--readonly :where(.aksel-checkbox__input, .aksel-checkbox__label) {
1463
- cursor: default;
1464
- }
1465
-
1466
- .aksel-radio--readonly > :where(.aksel-radio__input, .aksel-radio__label) {
1351
+ .aksel-checkbox--readonly :where(.aksel-checkbox__input, .aksel-checkbox__label), .aksel-radio--readonly > :where(.aksel-radio__input, .aksel-radio__label) {
1467
1352
  cursor: default;
1468
1353
  }
1469
1354
 
@@ -1497,19 +1382,11 @@
1497
1382
  }
1498
1383
 
1499
1384
  @media screen and (forced-colors: active) {
1500
- :-webkit-any(.aksel-checkbox, .aksel-checkbox--readonly) .aksel-checkbox__input:indeterminate:after {
1501
- background-color: fieldtext;
1502
- }
1503
-
1504
1385
  :is(.aksel-checkbox, .aksel-checkbox--readonly) .aksel-checkbox__input:indeterminate:after {
1505
1386
  background-color: fieldtext;
1506
1387
  }
1507
1388
 
1508
- .aksel-radio:not(.aksel-radio--readonly) > .aksel-radio__input:hover:not(:disabled) + .aksel-radio__label {
1509
- color: highlight;
1510
- }
1511
-
1512
- .aksel-checkbox:not(.aksel-checkbox--readonly):has(.aksel-checkbox__input:hover:not(:disabled)) > .aksel-checkbox__label {
1389
+ .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 {
1513
1390
  color: highlight;
1514
1391
  }
1515
1392
 
@@ -1542,15 +1419,7 @@
1542
1419
  background-color: graytext;
1543
1420
  }
1544
1421
 
1545
- .aksel-checkbox--disabled :is(.aksel-checkbox__label, .aksel-checkbox__description, .aksel-checkbox__input:checked + .aksel-checkbox__icon) {
1546
- color: graytext;
1547
- }
1548
-
1549
- .aksel-radio--disabled :-webkit-any(.aksel-radio__label, .aksel-radio__description) {
1550
- color: graytext;
1551
- }
1552
-
1553
- .aksel-radio--disabled :is(.aksel-radio__label, .aksel-radio__description) {
1422
+ .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) {
1554
1423
  color: graytext;
1555
1424
  }
1556
1425
  }
@@ -1582,7 +1451,6 @@
1582
1451
  }
1583
1452
 
1584
1453
  .aksel-select__input {
1585
- -webkit-appearance: none;
1586
1454
  appearance: none;
1587
1455
  background-color: var(--ax-bg-input);
1588
1456
  border-radius: var(--ax-radius-8);
@@ -1641,21 +1509,10 @@
1641
1509
 
1642
1510
  .aksel-form-field--small .aksel-select__input {
1643
1511
  min-height: 2rem;
1644
- padding-top: 0;
1645
- padding-bottom: 0;
1646
- }
1647
-
1648
- .aksel-select--error > * select {
1649
- box-shadow: 0 0 0 1px var(--ax-border-danger-strong);
1650
- border-color: var(--ax-border-danger-strong);
1651
- }
1652
-
1653
- .aksel-select--error > * select:hover {
1654
- box-shadow: 0 0 0 1px var(--ax-border-danger-strong);
1655
- border-color: var(--ax-border-danger-strong);
1512
+ padding-block: 0;
1656
1513
  }
1657
1514
 
1658
- .aksel-select--error > * select:focus {
1515
+ .aksel-select--error > * select, .aksel-select--error > * select:hover, .aksel-select--error > * select:focus {
1659
1516
  box-shadow: 0 0 0 1px var(--ax-border-danger-strong);
1660
1517
  border-color: var(--ax-border-danger-strong);
1661
1518
  }
@@ -1686,12 +1543,6 @@
1686
1543
  }
1687
1544
 
1688
1545
  @media (forced-colors: active) {
1689
- .aksel-select--readonly .aksel-select__input:-webkit-any(:hover, :focus) {
1690
- color: buttontext;
1691
- background-color: buttonface;
1692
- border-color: buttontext;
1693
- }
1694
-
1695
1546
  .aksel-select--readonly .aksel-select__input:is(:hover, :focus) {
1696
1547
  color: buttontext;
1697
1548
  background-color: buttonface;
@@ -1704,7 +1555,6 @@
1704
1555
  }
1705
1556
 
1706
1557
  .aksel-switch {
1707
- width: -webkit-fit-content;
1708
1558
  width: fit-content;
1709
1559
  min-height: 3rem;
1710
1560
  position: relative;
@@ -1883,18 +1733,12 @@
1883
1733
  width: auto;
1884
1734
  }
1885
1735
 
1886
- .aksel-switch--right .aksel-switch__input {
1887
- left: auto;
1888
- right: 0;
1889
- }
1890
-
1891
- .aksel-switch--right .aksel-switch__track {
1736
+ .aksel-switch--right .aksel-switch__input, .aksel-switch--right .aksel-switch__track {
1892
1737
  left: auto;
1893
1738
  right: 0;
1894
1739
  }
1895
1740
 
1896
1741
  .aksel-switch__input:disabled {
1897
- -webkit-appearance: none;
1898
1742
  appearance: none;
1899
1743
  }
1900
1744
 
@@ -1906,31 +1750,12 @@
1906
1750
  cursor: not-allowed;
1907
1751
  }
1908
1752
 
1909
- .aksel-switch--readonly > .aksel-switch__track {
1910
- background-color: var(--ax-bg-neutral-moderate);
1911
- border-color: var(--ax-border-neutral-subtleA);
1912
- }
1913
-
1914
- .aksel-switch--readonly > .aksel-switch__input:hover ~ .aksel-switch__track {
1915
- background-color: var(--ax-bg-neutral-moderate);
1916
- border-color: var(--ax-border-neutral-subtleA);
1917
- }
1918
-
1919
- .aksel-switch--readonly > .aksel-switch__input:checked ~ .aksel-switch__track {
1920
- background-color: var(--ax-bg-neutral-moderate);
1921
- border-color: var(--ax-border-neutral-subtleA);
1922
- }
1923
-
1924
- .aksel-switch--readonly > .aksel-switch__input:checked:hover ~ .aksel-switch__track {
1753
+ .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 {
1925
1754
  background-color: var(--ax-bg-neutral-moderate);
1926
1755
  border-color: var(--ax-border-neutral-subtleA);
1927
1756
  }
1928
1757
 
1929
- .aksel-switch--readonly > .aksel-switch__label-wrapper {
1930
- cursor: default;
1931
- }
1932
-
1933
- .aksel-switch--readonly > .aksel-switch__input {
1758
+ .aksel-switch--readonly > .aksel-switch__label-wrapper, .aksel-switch--readonly > .aksel-switch__input {
1934
1759
  cursor: default;
1935
1760
  }
1936
1761
 
@@ -1992,7 +1817,6 @@
1992
1817
  }
1993
1818
 
1994
1819
  .aksel-text-field__input {
1995
- -webkit-appearance: none;
1996
1820
  appearance: none;
1997
1821
  padding: var(--ax-space-8);
1998
1822
  background: var(--ax-bg-input);
@@ -2069,7 +1893,6 @@
2069
1893
 
2070
1894
  .aksel-textarea__input {
2071
1895
  height: var(--__axc-textarea-height);
2072
- -webkit-appearance: none;
2073
1896
  appearance: none;
2074
1897
  padding: var(--ax-space-8);
2075
1898
  background-color: var(--ax-bg-input);
@@ -2132,50 +1955,17 @@
2132
1955
 
2133
1956
  .aksel-textarea--resize-both .aksel-textarea__input {
2134
1957
  resize: both;
2135
- }
2136
-
2137
- .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)) {
2138
- border-bottom-right-radius: 0;
2139
- }
2140
-
2141
- .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)) {
2142
- border-bottom-left-radius: 0;
2143
- }
2144
-
2145
- .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)) {
2146
- border-bottom-left-radius: 0;
1958
+ border-end-end-radius: 0;
2147
1959
  }
2148
1960
 
2149
1961
  .aksel-textarea--resize-horizontal .aksel-textarea__input {
2150
1962
  resize: horizontal;
2151
- }
2152
-
2153
- .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)) {
2154
- border-bottom-right-radius: 0;
2155
- }
2156
-
2157
- .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)) {
2158
- border-bottom-left-radius: 0;
2159
- }
2160
-
2161
- .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)) {
2162
- border-bottom-left-radius: 0;
1963
+ border-end-end-radius: 0;
2163
1964
  }
2164
1965
 
2165
1966
  .aksel-textarea--resize-vertical .aksel-textarea__input {
2166
1967
  resize: vertical;
2167
- }
2168
-
2169
- .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)) {
2170
- border-bottom-right-radius: 0;
2171
- }
2172
-
2173
- .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)) {
2174
- border-bottom-left-radius: 0;
2175
- }
2176
-
2177
- .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)) {
2178
- border-bottom-left-radius: 0;
1968
+ border-end-end-radius: 0;
2179
1969
  }
2180
1970
 
2181
1971
  .aksel-textarea--autoscrollbar, .aksel-textarea--autoscrollbar .aksel-textarea__wrapper {
@@ -2218,7 +2008,6 @@
2218
2008
  }
2219
2009
 
2220
2010
  .aksel-search--with-size .aksel-search__wrapper {
2221
- width: -webkit-fit-content;
2222
2011
  width: fit-content;
2223
2012
  }
2224
2013
 
@@ -2241,13 +2030,7 @@
2241
2030
  outline: none;
2242
2031
  }
2243
2032
 
2244
- .aksel-search__input.aksel-search__input--primary {
2245
- border-right: none;
2246
- border-top-right-radius: 0;
2247
- border-bottom-right-radius: 0;
2248
- }
2249
-
2250
- .aksel-search__input.aksel-search__input--secondary {
2033
+ .aksel-search__input.aksel-search__input--primary, .aksel-search__input.aksel-search__input--secondary {
2251
2034
  border-right: none;
2252
2035
  border-top-right-radius: 0;
2253
2036
  border-bottom-right-radius: 0;
@@ -2315,10 +2098,6 @@
2315
2098
  --__axc-button-border-color: var(--ax-border-strong);
2316
2099
  }
2317
2100
 
2318
- .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) {
2319
- --__axc-button-border-color: var(--ax-border-strong);
2320
- }
2321
-
2322
2101
  .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) {
2323
2102
  --__axc-button-border-color: var(--ax-border-strong);
2324
2103
  }
@@ -2333,11 +2112,7 @@
2333
2112
  box-shadow: inset 0 0 0 1px var(--ax-border-danger-strong);
2334
2113
  }
2335
2114
 
2336
- .aksel-search__input:focus-visible {
2337
- z-index: 1;
2338
- }
2339
-
2340
- .aksel-search__button-search:focus-visible {
2115
+ .aksel-search__input:focus-visible, .aksel-search__button-search:focus-visible {
2341
2116
  z-index: 1;
2342
2117
  }
2343
2118
 
@@ -2360,10 +2135,6 @@
2360
2135
  position: relative;
2361
2136
  }
2362
2137
 
2363
- .aksel-form-field:not(:-webkit-any(.aksel-combobox--disabled, .aksel-combobox--readonly)) .aksel-combobox__wrapper:hover {
2364
- border-color: var(--ax-border-strong);
2365
- }
2366
-
2367
2138
  .aksel-form-field:not(:is(.aksel-combobox--disabled, .aksel-combobox--readonly)) .aksel-combobox__wrapper:hover {
2368
2139
  border-color: var(--ax-border-strong);
2369
2140
  }
@@ -2388,11 +2159,7 @@
2388
2159
  cursor: not-allowed;
2389
2160
  }
2390
2161
 
2391
- .aksel-combobox--disabled .aksel-combobox__selected-options {
2392
- pointer-events: none;
2393
- }
2394
-
2395
- .aksel-combobox--disabled .aksel-combobox--readonly {
2162
+ .aksel-combobox--disabled .aksel-combobox__selected-options, .aksel-combobox--disabled .aksel-combobox--readonly {
2396
2163
  pointer-events: none;
2397
2164
  }
2398
2165
 
@@ -2413,11 +2180,7 @@
2413
2180
  overflow: clip;
2414
2181
  }
2415
2182
 
2416
- .aksel-combobox--readonly .aksel-text-field__input {
2417
- background-color: var(--ax-bg-neutral-moderate);
2418
- }
2419
-
2420
- .aksel-combobox--readonly .aksel-combobox__input {
2183
+ .aksel-combobox--readonly .aksel-text-field__input, .aksel-combobox--readonly .aksel-combobox__input {
2421
2184
  background-color: var(--ax-bg-neutral-moderate);
2422
2185
  }
2423
2186
 
@@ -2546,11 +2309,7 @@
2546
2309
  outline: none;
2547
2310
  }
2548
2311
 
2549
- .aksel-combobox__wrapper-inner:has(.aksel-combobox__input:focus) {
2550
- outline: none;
2551
- }
2552
-
2553
- .aksel-combobox__wrapper-inner:has(.aksel-combobox__input:focus).aksel-combobox__wrapper-inner--virtually-unfocused {
2312
+ .aksel-combobox__wrapper-inner:has(.aksel-combobox__input:focus), .aksel-combobox__wrapper-inner:has(.aksel-combobox__input:focus).aksel-combobox__wrapper-inner--virtually-unfocused {
2554
2313
  outline: none;
2555
2314
  }
2556
2315
  }
@@ -2687,7 +2446,7 @@
2687
2446
  border-radius: 0;
2688
2447
  justify-content: flex-start;
2689
2448
  gap: .25rem;
2690
- margin-top: calc(var(--ax-space-4) * -1);
2449
+ margin-block-start: calc(var(--ax-space-4) * -1);
2691
2450
  }
2692
2451
 
2693
2452
  .aksel-combobox__list-item--new-option svg {
@@ -2715,7 +2474,6 @@
2715
2474
  }
2716
2475
 
2717
2476
  .aksel-combobox__input {
2718
- min-width: -webkit-min-content;
2719
2477
  min-width: min-content;
2720
2478
  padding: .75rem 0;
2721
2479
  }
@@ -2915,9 +2673,8 @@
2915
2673
  opacity: .001;
2916
2674
  grid-template-rows: 0fr;
2917
2675
  margin-top: -2px;
2918
- padding-top: 0;
2919
- padding-bottom: 0;
2920
- transition-property: margin-top, opacity, visibility, padding-top, grid-template-rows;
2676
+ padding-block: 0;
2677
+ transition-property: margin-top, opacity, visibility, padding-block-start, grid-template-rows;
2921
2678
  transition-duration: .3s;
2922
2679
  transition-timing-function: cubic-bezier(.2, 0, 0, 1);
2923
2680
  display: grid;
@@ -2974,11 +2731,7 @@
2974
2731
  background-color: var(--ax-bg-moderate-hoverA);
2975
2732
  }
2976
2733
 
2977
- .aksel-accordion__header:hover:before {
2978
- display: none;
2979
- }
2980
-
2981
- .aksel-accordion__header:hover:after {
2734
+ .aksel-accordion__header:hover:before, .aksel-accordion__header:hover:after {
2982
2735
  display: none;
2983
2736
  }
2984
2737
 
@@ -3001,11 +2754,7 @@
3001
2754
  z-index: 1;
3002
2755
  }
3003
2756
 
3004
- .aksel-accordion__header:focus-visible:before {
3005
- display: none;
3006
- }
3007
-
3008
- .aksel-accordion__header:focus-visible:after {
2757
+ .aksel-accordion__header:focus-visible:before, .aksel-accordion__header:focus-visible:after {
3009
2758
  display: none;
3010
2759
  }
3011
2760
 
@@ -3030,11 +2779,7 @@
3030
2779
  bottom: 0;
3031
2780
  }
3032
2781
 
3033
- .aksel-accordion__item[data-expanded="true"] > .aksel-accordion__header:after, .aksel-accordion__item:not(:last-child) > .aksel-accordion__header:after {
3034
- display: none;
3035
- }
3036
-
3037
- .aksel-accordion__item[data-expanded="false"]:has(.aksel-accordion__header:where(:hover, :focus-visible)) + .aksel-accordion__item > .aksel-accordion__header:before {
2782
+ .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 {
3038
2783
  display: none;
3039
2784
  }
3040
2785
 
@@ -3079,8 +2824,7 @@
3079
2824
  opacity: 0;
3080
2825
  border-color: rgba(0, 0, 0, 0);
3081
2826
  grid-template-rows: 0fr;
3082
- margin-top: 0;
3083
- margin-bottom: 0;
2827
+ margin-block: 0;
3084
2828
  transition-property: visibility, opacity, grid-template-rows, margin, min-height;
3085
2829
  transition-duration: .25s;
3086
2830
  transition-timing-function: cubic-bezier(.2, 0, 0, 1);
@@ -3090,8 +2834,7 @@
3090
2834
 
3091
2835
  .aksel-accordion__item > .aksel-accordion__content .aksel-accordion__content-inner {
3092
2836
  min-height: 0;
3093
- padding-top: 0;
3094
- padding-bottom: 0;
2837
+ padding-block: 0;
3095
2838
  }
3096
2839
 
3097
2840
  .aksel-accordion__item[data-expanded="true"] > .aksel-accordion__content {
@@ -3100,11 +2843,10 @@
3100
2843
  border-color: var(--ax-border-neutral-subtleA);
3101
2844
  opacity: 1;
3102
2845
  grid-template-rows: 1fr;
3103
- margin-bottom: var(--ax-space-24);
2846
+ margin-block-end: var(--ax-space-24);
3104
2847
  }
3105
2848
 
3106
2849
  .aksel-accordion__item[data-expanded="true"] > .aksel-accordion__content .aksel-accordion__content-inner {
3107
- min-height: -webkit-fit-content;
3108
2850
  min-height: fit-content;
3109
2851
  }
3110
2852
 
@@ -3153,7 +2895,7 @@
3153
2895
 
3154
2896
  .aksel-alert--small > .aksel-alert__icon {
3155
2897
  height: var(--ax-font-line-height-large);
3156
- margin-top: 0;
2898
+ margin-block-start: 0;
3157
2899
  }
3158
2900
 
3159
2901
  .aksel-alert--full-width {
@@ -3174,24 +2916,16 @@
3174
2916
  display: flex;
3175
2917
  }
3176
2918
 
3177
- .aksel-alert--close-button > .aksel-alert__wrapper {
3178
- margin-top: var(--ax-space-2);
3179
- }
3180
-
3181
- .aksel-alert--close-button > .aksel-alert__icon {
3182
- margin-top: var(--ax-space-2);
2919
+ .aksel-alert--close-button > .aksel-alert__wrapper, .aksel-alert--close-button > .aksel-alert__icon {
2920
+ margin-block-start: var(--ax-space-2);
3183
2921
  }
3184
2922
 
3185
2923
  .aksel-alert--close-button.aksel-alert--small {
3186
2924
  align-items: flex-start;
3187
2925
  }
3188
2926
 
3189
- .aksel-alert--close-button.aksel-alert--small > .aksel-alert__wrapper {
3190
- margin-top: var(--ax-space-4);
3191
- }
3192
-
3193
- .aksel-alert--close-button.aksel-alert--small > .aksel-alert__icon {
3194
- margin-top: var(--ax-space-4);
2927
+ .aksel-alert--close-button.aksel-alert--small > .aksel-alert__wrapper, .aksel-alert--close-button.aksel-alert--small > .aksel-alert__icon {
2928
+ margin-block-start: var(--ax-space-4);
3195
2929
  }
3196
2930
 
3197
2931
  .aksel-base-alert {
@@ -3202,7 +2936,6 @@
3202
2936
  --__axc-base-alert-header-icon-margin-block-start: var(--ax-space-8);
3203
2937
  --__axc-base-alert-header-close-button-margin-block-start: var(--ax-space-4);
3204
2938
  --__axc-global-alert-alignment: max(var(--__axc-base-alert-pi), calc((100% - var(--__axc-base-alert-header-max-width)) / 2));
3205
- height: -webkit-fit-content;
3206
2939
  height: fit-content;
3207
2940
  display: grid;
3208
2941
  overflow: clip;
@@ -3299,7 +3032,7 @@
3299
3032
  .aksel-base-alert__close-button {
3300
3033
  margin-left: auto;
3301
3034
  z-index: 1;
3302
- margin-top: var(--__axc-base-alert-header-close-button-margin-block-start);
3035
+ margin-block-start: var(--__axc-base-alert-header-close-button-margin-block-start);
3303
3036
  }
3304
3037
 
3305
3038
  .aksel-base-alert__close-button:focus-visible {
@@ -3315,7 +3048,6 @@
3315
3048
  outline: 1px solid var(--ax-border-default);
3316
3049
  outline-offset: -1px;
3317
3050
  background: var(--ax-bg-moderate);
3318
- height: -webkit-fit-content;
3319
3051
  height: fit-content;
3320
3052
  color: var(--ax-text-default);
3321
3053
  align-items: flex-start;
@@ -3339,32 +3071,17 @@
3339
3071
  display: flex;
3340
3072
  }
3341
3073
 
3342
- .aksel-chat .aksel-chat__bubble {
3343
- background-color: var(--ax-bg-moderateA);
3344
- border: 1px solid var(--ax-border-subtleA);
3345
- }
3346
-
3347
- .aksel-chat .aksel-chat__avatar {
3074
+ .aksel-chat .aksel-chat__bubble, .aksel-chat .aksel-chat__avatar {
3348
3075
  background-color: var(--ax-bg-moderateA);
3349
3076
  border: 1px solid var(--ax-border-subtleA);
3350
3077
  }
3351
3078
 
3352
- .aksel-chat[data-variant="subtle"] .aksel-chat__bubble {
3353
- background-color: var(--ax-bg-softA);
3354
- border: 1px solid var(--ax-border-subtleA);
3355
- }
3356
-
3357
- .aksel-chat[data-variant="subtle"] .aksel-chat__avatar {
3079
+ .aksel-chat[data-variant="subtle"] .aksel-chat__bubble, .aksel-chat[data-variant="subtle"] .aksel-chat__avatar {
3358
3080
  background-color: var(--ax-bg-softA);
3359
3081
  border: 1px solid var(--ax-border-subtleA);
3360
3082
  }
3361
3083
 
3362
- .aksel-chat[data-color="neutral"][data-variant="subtle"] .aksel-chat__bubble {
3363
- background-color: var(--ax-bg-raised);
3364
- border: 1px solid var(--ax-border-neutral-subtleA);
3365
- }
3366
-
3367
- .aksel-chat[data-color="neutral"][data-variant="subtle"] .aksel-chat__avatar {
3084
+ .aksel-chat[data-color="neutral"][data-variant="subtle"] .aksel-chat__bubble, .aksel-chat[data-color="neutral"][data-variant="subtle"] .aksel-chat__avatar {
3368
3085
  background-color: var(--ax-bg-raised);
3369
3086
  border: 1px solid var(--ax-border-neutral-subtleA);
3370
3087
  }
@@ -3417,7 +3134,6 @@
3417
3134
  border-radius: var(--ax-radius-12);
3418
3135
  border-bottom-left-radius: var(--ax-radius-2);
3419
3136
  flex-direction: column;
3420
- width: -webkit-fit-content;
3421
3137
  width: fit-content;
3422
3138
  display: flex;
3423
3139
  }
@@ -3511,12 +3227,7 @@
3511
3227
  background-color: var(--ax-bg-moderate-hoverA);
3512
3228
  }
3513
3229
 
3514
- .aksel-date .rdp-month {
3515
- gap: var(--ax-space-20);
3516
- display: grid;
3517
- }
3518
-
3519
- .aksel-date.rdp-month {
3230
+ .aksel-date .rdp-month, .aksel-date.rdp-month {
3520
3231
  gap: var(--ax-space-20);
3521
3232
  display: grid;
3522
3233
  }
@@ -3578,11 +3289,7 @@
3578
3289
  opacity: var(--ax-opacity-disabled);
3579
3290
  }
3580
3291
 
3581
- .aksel-date .rdp-button:where(:not(.rdp-day_selected, [disabled])):hover .rdp-day__inner {
3582
- background: var(--ax-bg-moderate-hoverA);
3583
- }
3584
-
3585
- .aksel-date .aksel-date__month-button:where(:not(.rdp-day_selected, [disabled])):hover .rdp-day__inner {
3292
+ :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 {
3586
3293
  background: var(--ax-bg-moderate-hoverA);
3587
3294
  }
3588
3295
 
@@ -3603,11 +3310,7 @@
3603
3310
  transform: translateX(-50%);
3604
3311
  }
3605
3312
 
3606
- .aksel-date .rdp-day_today.rdp-day_selected:not(.rdp-day_range_middle):before {
3607
- background-color: var(--ax-text-contrast);
3608
- }
3609
-
3610
- .aksel-date .rdp-day_today:active:before {
3313
+ :is(.aksel-date .rdp-day_today.rdp-day_selected:not(.rdp-day_range_middle), .aksel-date .rdp-day_today:active):before {
3611
3314
  background-color: var(--ax-text-contrast);
3612
3315
  }
3613
3316
 
@@ -3616,18 +3319,13 @@
3616
3319
  pointer-events: none;
3617
3320
  }
3618
3321
 
3619
- .aksel-date__modal .aksel-date {
3620
- padding: 0;
3621
- }
3622
-
3623
- .aksel-date__modal-body > .aksel-date {
3322
+ .aksel-date__modal .aksel-date, .aksel-date__modal-body > .aksel-date {
3624
3323
  padding: 0;
3625
3324
  }
3626
3325
 
3627
3326
  @media (max-width: 360px) {
3628
3327
  .aksel-date__modal-body > .aksel-date {
3629
- margin-left: -12px;
3630
- margin-right: -12px;
3328
+ margin-inline: -12px;
3631
3329
  }
3632
3330
  }
3633
3331
 
@@ -3672,28 +3370,16 @@
3672
3370
  }
3673
3371
 
3674
3372
  .aksel-date__wrapper, .aksel-date__standalone-wrapper {
3675
- width: -webkit-fit-content;
3676
3373
  width: fit-content;
3677
- height: -webkit-fit-content;
3678
3374
  height: fit-content;
3679
3375
  }
3680
3376
 
3681
- :is(.aksel-date__wrapper, .aksel-date__standalone-wrapper) .rdp-cell > button.rdp-day:focus-visible .rdp-day__inner {
3682
- outline: 3px solid var(--ax-border-focus);
3683
- outline-offset: 3px;
3684
- }
3685
-
3686
- :is(.aksel-date__wrapper, .aksel-date__standalone-wrapper) .rdp-cell > button.rdp-day:active:not(:disabled) .rdp-day__inner {
3687
- color: var(--ax-text-contrast);
3688
- background-color: var(--ax-bg-strong-pressed);
3689
- }
3690
-
3691
- :is(.aksel-date__wrapper, .aksel-date__standalone-wrapper) button.aksel-date__month-button:focus-visible .rdp-day__inner {
3377
+ :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 {
3692
3378
  outline: 3px solid var(--ax-border-focus);
3693
3379
  outline-offset: 3px;
3694
3380
  }
3695
3381
 
3696
- :is(.aksel-date__wrapper, .aksel-date__standalone-wrapper) button.aksel-date__month-button:active:not(:disabled) .rdp-day__inner {
3382
+ :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 {
3697
3383
  color: var(--ax-text-contrast);
3698
3384
  background-color: var(--ax-bg-strong-pressed);
3699
3385
  }
@@ -3716,38 +3402,17 @@
3716
3402
  .aksel-date__field-button {
3717
3403
  --__axc-button-border-width: 1px;
3718
3404
  --__axc-button-border-color: var(--ax-border-neutral);
3405
+ border-start-start-radius: 0;
3406
+ border-end-start-radius: 0;
3719
3407
  position: relative;
3720
3408
  }
3721
3409
 
3722
- .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)) {
3723
- border-top-left-radius: 0;
3724
- border-bottom-left-radius: 0;
3725
- }
3726
-
3727
- .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)) {
3728
- border-top-right-radius: 0;
3729
- border-bottom-right-radius: 0;
3730
- }
3731
-
3732
- .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)) {
3733
- border-top-right-radius: 0;
3734
- border-bottom-right-radius: 0;
3735
- }
3736
-
3737
3410
  .aksel-date__field-button:focus-visible {
3738
3411
  outline: 3px solid var(--ax-border-focus);
3739
3412
  outline-offset: 3px;
3740
3413
  }
3741
3414
 
3742
- .aksel-date__field:not(.aksel-date__field--readonly):has(.aksel-date__field-input:not(:disabled)) .aksel-date__field-button:hover {
3743
- --__axc-button-border-color: var(--ax-border-strong);
3744
- }
3745
-
3746
- .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 {
3747
- --__axc-button-border-color: var(--ax-border-strong);
3748
- }
3749
-
3750
- .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 {
3415
+ .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 {
3751
3416
  --__axc-button-border-color: var(--ax-border-strong);
3752
3417
  }
3753
3418
 
@@ -3774,16 +3439,12 @@
3774
3439
  background-color: var(--ax-bg-input);
3775
3440
  z-index: -1;
3776
3441
  position: absolute;
3777
- top: 0;
3778
- bottom: 0;
3779
- left: 0;
3780
- right: 0;
3442
+ inset: 0;
3781
3443
  }
3782
3444
 
3783
3445
  .aksel-date__field-wrapper {
3784
3446
  border-radius: var(--ax-radius-8);
3785
3447
  z-index: 0;
3786
- width: -webkit-fit-content;
3787
3448
  width: fit-content;
3788
3449
  display: inline-flex;
3789
3450
  }
@@ -3876,12 +3537,7 @@
3876
3537
  }
3877
3538
  }
3878
3539
 
3879
- .aksel-dialog__popup[data-entering-style] {
3880
- opacity: .001;
3881
- transform: var(--__axc-dialog-transform);
3882
- }
3883
-
3884
- .aksel-dialog__popup[data-exiting-style] {
3540
+ .aksel-dialog__popup[data-entering-style], .aksel-dialog__popup[data-exiting-style] {
3885
3541
  opacity: .001;
3886
3542
  transform: var(--__axc-dialog-transform);
3887
3543
  }
@@ -3911,10 +3567,7 @@
3911
3567
  pointer-events: none;
3912
3568
  transition: opacity cubic-bezier(.25, .46, .45, .94);
3913
3569
  position: absolute;
3914
- top: 0;
3915
- bottom: 0;
3916
- left: 0;
3917
- right: 0;
3570
+ inset: 0;
3918
3571
  }
3919
3572
 
3920
3573
  .aksel-dialog__popup[data-position="center"] {
@@ -3922,21 +3575,14 @@
3922
3575
  --__axc-dialog-transform: scale(.98);
3923
3576
  max-width: calc(100dvw - 3rem);
3924
3577
  max-height: calc(90dvh - var(--__axc-dialog-center-margin));
3925
- margin-left: auto;
3926
- margin-right: auto;
3578
+ margin-inline: auto;
3927
3579
  margin-block: max(var(--__axc-dialog-center-margin), 10dvh) auto;
3928
3580
  top: 0;
3929
3581
  left: 0;
3930
3582
  right: 0;
3931
3583
  }
3932
3584
 
3933
- .aksel-dialog__popup[data-position="center"][data-nested="true"][data-entering-style] {
3934
- opacity: 1;
3935
- transition-duration: 0s;
3936
- transform: scale(1);
3937
- }
3938
-
3939
- .aksel-dialog__popup[data-position="center"][data-nested="true"][data-exiting-style] {
3585
+ .aksel-dialog__popup[data-position="center"][data-nested="true"][data-entering-style], .aksel-dialog__popup[data-position="center"][data-nested="true"][data-exiting-style] {
3940
3586
  opacity: 1;
3941
3587
  transition-duration: 0s;
3942
3588
  transform: scale(1);
@@ -3955,35 +3601,19 @@
3955
3601
  max-width: 95dvw;
3956
3602
  height: auto;
3957
3603
  max-height: calc(100dvh - max(16px, 10dvh));
3958
- margin-top: 0;
3959
- margin-bottom: 0;
3960
- margin-left: auto;
3961
- margin-right: auto;
3962
- top: auto;
3963
- bottom: 0;
3964
- left: 0;
3965
- right: 0;
3604
+ margin-block: 0;
3605
+ margin-inline: auto;
3606
+ inset: auto 0 0;
3966
3607
  }
3967
3608
  }
3968
3609
 
3969
- .aksel-dialog__popup[data-position="right"] {
3970
- max-width: calc(100vw - max(16px, 10vw));
3971
- top: 0;
3972
- bottom: 0;
3973
- }
3974
-
3975
- .aksel-dialog__popup[data-position="right"][data-nested-dialog-open="true"]:after {
3976
- opacity: 1;
3977
- transition-duration: .1s;
3978
- }
3979
-
3980
- .aksel-dialog__popup[data-position="left"] {
3610
+ .aksel-dialog__popup[data-position="right"], .aksel-dialog__popup[data-position="left"] {
3981
3611
  max-width: calc(100vw - max(16px, 10vw));
3982
3612
  top: 0;
3983
3613
  bottom: 0;
3984
3614
  }
3985
3615
 
3986
- .aksel-dialog__popup[data-position="left"][data-nested-dialog-open="true"]:after {
3616
+ :is(.aksel-dialog__popup[data-position="right"], .aksel-dialog__popup[data-position="left"])[data-nested-dialog-open="true"]:after {
3987
3617
  opacity: 1;
3988
3618
  transition-duration: .1s;
3989
3619
  }
@@ -4012,8 +3642,7 @@
4012
3642
  max-width: 95dvw;
4013
3643
  height: auto;
4014
3644
  max-height: calc(100dvh - max(16px, 10dvh));
4015
- margin-left: auto;
4016
- margin-right: auto;
3645
+ margin-inline: auto;
4017
3646
  bottom: 0;
4018
3647
  left: 0;
4019
3648
  right: 0;
@@ -4031,10 +3660,7 @@
4031
3660
  max-width: 100dvw;
4032
3661
  height: 100%;
4033
3662
  max-height: 100dvh;
4034
- top: 0;
4035
- bottom: 0;
4036
- left: 0;
4037
- right: 0;
3663
+ inset: 0;
4038
3664
  }
4039
3665
 
4040
3666
  .aksel-dialog__backdrop {
@@ -4043,10 +3669,7 @@
4043
3669
  min-height: 100dvh;
4044
3670
  transition: opacity .2s cubic-bezier(.25, .46, .45, .94);
4045
3671
  position: fixed;
4046
- top: 0;
4047
- bottom: 0;
4048
- left: 0;
4049
- right: 0;
3672
+ inset: 0;
4050
3673
  }
4051
3674
 
4052
3675
  @supports (-webkit-touch-callout: none) {
@@ -4055,11 +3678,7 @@
4055
3678
  }
4056
3679
  }
4057
3680
 
4058
- .aksel-dialog__backdrop[data-entering-style] {
4059
- opacity: .001;
4060
- }
4061
-
4062
- .aksel-dialog__backdrop[data-exiting-style] {
3681
+ .aksel-dialog__backdrop[data-entering-style], .aksel-dialog__backdrop[data-exiting-style] {
4063
3682
  opacity: .001;
4064
3683
  }
4065
3684
 
@@ -4069,7 +3688,7 @@
4069
3688
  }
4070
3689
 
4071
3690
  .aksel-dialog__title {
4072
- margin-bottom: var(--ax-space-4);
3691
+ margin-block-end: var(--ax-space-4);
4073
3692
  }
4074
3693
 
4075
3694
  .aksel-dialog__close-button {
@@ -4086,7 +3705,7 @@
4086
3705
  }
4087
3706
 
4088
3707
  .aksel-dialog__header ~ .aksel-dialog__body {
4089
- padding-top: 0;
3708
+ padding-block-start: 0;
4090
3709
  }
4091
3710
 
4092
3711
  .aksel-dialog__body {
@@ -4125,8 +3744,7 @@
4125
3744
  color: var(--ax-text-neutral);
4126
3745
  width: 27ch;
4127
3746
  max-height: 616px;
4128
- overflow-x: hidden;
4129
- overflow-y: auto;
3747
+ overflow: hidden auto;
4130
3748
  }
4131
3749
 
4132
3750
  .aksel-dropdown__divider {
@@ -4371,15 +3989,7 @@
4371
3989
  display: grid;
4372
3990
  }
4373
3991
 
4374
- .aksel-action-menu__indicator[data-state="unchecked"] .aksel-action-menu__indicator-icon--unchecked {
4375
- display: block;
4376
- }
4377
-
4378
- .aksel-action-menu__indicator[data-state="checked"] .aksel-action-menu__indicator-icon--checked {
4379
- display: block;
4380
- }
4381
-
4382
- .aksel-action-menu__indicator[data-state="indeterminate"] .aksel-action-menu__indicator-icon--indeterminate {
3992
+ .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 {
4383
3993
  display: block;
4384
3994
  }
4385
3995
 
@@ -4394,7 +4004,6 @@
4394
4004
  border-radius: var(--ax-radius-12);
4395
4005
  background-color: var(--ax-bg-softA);
4396
4006
  border: 1px solid var(--ax-border-default);
4397
- height: -webkit-fit-content;
4398
4007
  height: fit-content;
4399
4008
  }
4400
4009
 
@@ -4416,10 +4025,6 @@
4416
4025
  margin-top: var(--ax-space-2);
4417
4026
  }
4418
4027
 
4419
- .aksel-expansioncard--small :-webkit-any(.aksel-expansioncard__title--medium, .aksel-expansioncard__title--large) {
4420
- margin-top: 0;
4421
- }
4422
-
4423
4028
  .aksel-expansioncard--small :is(.aksel-expansioncard__title--medium, .aksel-expansioncard__title--large) {
4424
4029
  margin-top: 0;
4425
4030
  }
@@ -4502,10 +4107,7 @@
4502
4107
  width: 100%;
4503
4108
  height: 100%;
4504
4109
  position: absolute;
4505
- top: 0;
4506
- bottom: 0;
4507
- left: 0;
4508
- right: 0;
4110
+ inset: 0;
4509
4111
  }
4510
4112
 
4511
4113
  .aksel-expansioncard__header:hover > .aksel-expansioncard__header-button {
@@ -4527,31 +4129,17 @@
4527
4129
  .aksel-expansioncard__content {
4528
4130
  padding-inline: var(--__axc-expansioncard-padding-inline);
4529
4131
  visibility: hidden;
4132
+ border-end-end-radius: var(--__axc-expansioncard-border-radius);
4133
+ border-end-start-radius: var(--__axc-expansioncard-border-radius);
4530
4134
  grid-template-rows: 0fr;
4531
- padding-top: 0;
4532
- padding-bottom: 0;
4533
- transition-property: visibility, padding-top, padding-bottom, grid-template-rows;
4135
+ padding-block: 0;
4136
+ transition-property: visibility, padding-block, grid-template-rows;
4534
4137
  transition-duration: .25s;
4535
4138
  transition-timing-function: cubic-bezier(.2, 0, 0, 1);
4536
4139
  display: grid;
4537
4140
  overflow: hidden;
4538
4141
  }
4539
4142
 
4540
- .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)) {
4541
- border-bottom-right-radius: var(--__axc-expansioncard-border-radius);
4542
- border-bottom-left-radius: var(--__axc-expansioncard-border-radius);
4543
- }
4544
-
4545
- .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)) {
4546
- border-bottom-left-radius: var(--__axc-expansioncard-border-radius);
4547
- border-bottom-right-radius: var(--__axc-expansioncard-border-radius);
4548
- }
4549
-
4550
- .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)) {
4551
- border-bottom-left-radius: var(--__axc-expansioncard-border-radius);
4552
- border-bottom-right-radius: var(--__axc-expansioncard-border-radius);
4553
- }
4554
-
4555
4143
  .aksel-expansioncard__content[data-open="true"] {
4556
4144
  visibility: visible;
4557
4145
  padding-block: var(--__axc-expansioncard-padding-block);
@@ -4570,18 +4158,12 @@
4570
4158
 
4571
4159
  .aksel-guide-panel {
4572
4160
  --__axc-guide-panel-guide-size: 5rem;
4573
- width: -webkit-fit-content;
4574
4161
  width: fit-content;
4575
4162
  display: flex;
4576
4163
  position: relative;
4577
4164
  }
4578
4165
 
4579
- .aksel-guide-panel[data-poster="true"] {
4580
- flex-direction: column;
4581
- align-items: center;
4582
- }
4583
-
4584
- .aksel-guide-panel[data-responsive="true"] {
4166
+ .aksel-guide-panel[data-poster="true"], .aksel-guide-panel[data-responsive="true"] {
4585
4167
  flex-direction: column;
4586
4168
  align-items: center;
4587
4169
  }
@@ -4628,10 +4210,6 @@
4628
4210
  position: relative;
4629
4211
  }
4630
4212
 
4631
- .aksel-guide-panel:-webkit-any([data-poster="true"], [data-responsive="true"]) > .aksel-guide-panel__content {
4632
- margin-top: var(--ax-space-20);
4633
- }
4634
-
4635
4213
  .aksel-guide-panel:is([data-poster="true"], [data-responsive="true"]) > .aksel-guide-panel__content {
4636
4214
  margin-top: var(--ax-space-20);
4637
4215
  }
@@ -4674,12 +4252,6 @@
4674
4252
  position: absolute;
4675
4253
  }
4676
4254
 
4677
- .aksel-guide-panel:-webkit-any([data-poster="true"], [data-responsive="true"]) .aksel-guide-panel__tail {
4678
- left: 50%;
4679
- top: calc(var(--ax-space-16) * -1 - 2px);
4680
- transform: translateX(-25%);
4681
- }
4682
-
4683
4255
  .aksel-guide-panel:is([data-poster="true"], [data-responsive="true"]) .aksel-guide-panel__tail {
4684
4256
  left: 50%;
4685
4257
  top: calc(var(--ax-space-16) * -1 - 2px);
@@ -4689,14 +4261,14 @@
4689
4261
  .aksel-guide-panel[data-poster="false"] .aksel-guide-panel__tail {
4690
4262
  top: calc(var(--__axc-guide-panel-guide-size) / 2);
4691
4263
  left: calc(var(--ax-space-20) * -1 - 2px);
4692
- transform: translateY(-15%)rotateZ(-90deg)scaleX(-1);
4264
+ transform: translateY(-15%) rotateZ(-90deg) scaleX(-1);
4693
4265
  }
4694
4266
 
4695
4267
  @media (min-width: 480px) {
4696
4268
  .aksel-guide-panel[data-responsive="true"] .aksel-guide-panel__tail {
4697
4269
  top: calc(var(--__axc-guide-panel-guide-size) / 2);
4698
4270
  left: calc(var(--ax-space-20) * -1 - 2px);
4699
- transform: translateY(-15%)rotateZ(-90deg)scaleX(-1);
4271
+ transform: translateY(-15%) rotateZ(-90deg) scaleX(-1);
4700
4272
  }
4701
4273
  }
4702
4274
 
@@ -4725,11 +4297,7 @@
4725
4297
  border: 1px solid var(--ax-border-default);
4726
4298
  }
4727
4299
 
4728
- .aksel-help-text__icon--filled {
4729
- display: none;
4730
- }
4731
-
4732
- .aksel-help-text__button:where(:hover, :focus-visible, [aria-expanded="true"]) > .aksel-help-text__icon {
4300
+ .aksel-help-text__icon--filled, .aksel-help-text__button:where(:hover, :focus-visible, [aria-expanded="true"]) > .aksel-help-text__icon {
4733
4301
  display: none;
4734
4302
  }
4735
4303
 
@@ -4765,7 +4333,7 @@
4765
4333
  .aksel-inline-message__icon {
4766
4334
  color: var(--ax-text-subtle);
4767
4335
  flex: none;
4768
- margin-top: var(--ax-space-2);
4336
+ margin-block-start: var(--ax-space-2);
4769
4337
  font-size: 1.5rem;
4770
4338
  }
4771
4339
 
@@ -4793,8 +4361,7 @@
4793
4361
  font: inherit;
4794
4362
  font-weight: var(--ax-font-weight-bold);
4795
4363
  text-align: left;
4796
- padding-top: 0;
4797
- padding-bottom: 0;
4364
+ padding-block: 0;
4798
4365
  padding-inline: var(--ax-space-24) var(--ax-space-20);
4799
4366
  border: none;
4800
4367
  border-right: 1px solid var(--ax-border-neutral-subtleA);
@@ -4808,10 +4375,6 @@
4808
4375
  overflow: visible;
4809
4376
  }
4810
4377
 
4811
- .aksel-internalheader__title:-webkit-any(button) {
4812
- cursor: pointer;
4813
- }
4814
-
4815
4378
  .aksel-internalheader__title:is(button) {
4816
4379
  cursor: pointer;
4817
4380
  }
@@ -4820,10 +4383,6 @@
4820
4383
  background: var(--ax-bg-neutral-moderate-hoverA);
4821
4384
  }
4822
4385
 
4823
- .aksel-internalheader__title:-webkit-any(:hover, :active):not(button, a) {
4824
- background: initial;
4825
- }
4826
-
4827
4386
  .aksel-internalheader__title:is(:hover, :active):not(button, a) {
4828
4387
  background: initial;
4829
4388
  }
@@ -4909,11 +4468,7 @@
4909
4468
  display: inline-flex;
4910
4469
  }
4911
4470
 
4912
- .aksel-link:hover {
4913
- text-decoration-thickness: .111em;
4914
- }
4915
-
4916
- .aksel-link:active {
4471
+ .aksel-link:hover, .aksel-link:active {
4917
4472
  text-decoration-thickness: .111em;
4918
4473
  }
4919
4474
 
@@ -5023,11 +4578,7 @@
5023
4578
  color: var(--ax-text-subtle);
5024
4579
  }
5025
4580
 
5026
- .aksel-link-anchor:hover {
5027
- text-decoration-thickness: .111em;
5028
- }
5029
-
5030
- .aksel-link-anchor__overlay:hover .aksel-link-anchor {
4581
+ .aksel-link-anchor:hover, .aksel-link-anchor__overlay:hover .aksel-link-anchor {
5031
4582
  text-decoration-thickness: .111em;
5032
4583
  }
5033
4584
 
@@ -5047,11 +4598,7 @@
5047
4598
  transform: translateX(0);
5048
4599
  }
5049
4600
 
5050
- .aksel-link-anchor:hover .aksel-link-anchor__arrow {
5051
- transform: translateX(4px);
5052
- }
5053
-
5054
- .aksel-link-anchor__overlay:hover .aksel-link-anchor__arrow {
4601
+ .aksel-link-anchor:hover .aksel-link-anchor__arrow, .aksel-link-anchor__overlay:hover .aksel-link-anchor__arrow {
5055
4602
  transform: translateX(4px);
5056
4603
  }
5057
4604
 
@@ -5093,11 +4640,7 @@
5093
4640
  align-items: center;
5094
4641
  }
5095
4642
 
5096
- .aksel-link-card:not(:has(.aksel-link-card__description, .aksel-link-card__footer)) .aksel-link-card__icon {
5097
- align-self: center;
5098
- }
5099
-
5100
- .aksel-link-card:not(:has(.aksel-link-card__description, .aksel-link-card__footer))[data-align-arrow="baseline"] .aksel-link-card__arrow {
4643
+ .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 {
5101
4644
  align-self: center;
5102
4645
  }
5103
4646
 
@@ -5118,17 +4661,13 @@
5118
4661
  grid-area: title;
5119
4662
  }
5120
4663
 
5121
- .aksel-link-card[data-color="neutral"] .aksel-link-card__title {
5122
- color: var(--ax-text-default);
5123
- }
5124
-
5125
- .aksel-link-card__title[data-color="neutral"] {
4664
+ .aksel-link-card[data-color="neutral"] .aksel-link-card__title, .aksel-link-card__title[data-color="neutral"] {
5126
4665
  color: var(--ax-text-default);
5127
4666
  }
5128
4667
 
5129
4668
  .aksel-link-card__description {
5130
4669
  grid-area: description;
5131
- margin-top: var(--ax-space-4);
4670
+ margin-block-start: var(--ax-space-4);
5132
4671
  }
5133
4672
 
5134
4673
  .aksel-link-card__footer {
@@ -5136,44 +4675,23 @@
5136
4675
  gap: var(--ax-space-8);
5137
4676
  flex-wrap: wrap;
5138
4677
  grid-area: footer;
5139
- margin-top: var(--ax-space-16);
4678
+ margin-block-start: var(--ax-space-16);
5140
4679
  display: flex;
5141
4680
  }
5142
4681
 
5143
4682
  .aksel-link-card__icon {
5144
- width: -webkit-max-content;
5145
4683
  width: max-content;
5146
- height: -webkit-max-content;
5147
4684
  height: max-content;
5148
4685
  color: var(--ax-text-default);
5149
4686
  grid-area: icon;
5150
4687
  place-content: center;
5151
4688
  align-self: flex-start;
4689
+ margin-inline-end: var(--ax-space-16);
5152
4690
  display: grid;
5153
4691
  }
5154
4692
 
5155
- .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)) {
5156
- margin-right: var(--ax-space-16);
5157
- }
5158
-
5159
- .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)) {
5160
- margin-left: var(--ax-space-16);
5161
- }
5162
-
5163
- .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)) {
5164
- margin-left: var(--ax-space-16);
5165
- }
5166
-
5167
- .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)) {
5168
- margin-right: var(--ax-space-12);
5169
- }
5170
-
5171
- .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)) {
5172
- margin-left: var(--ax-space-12);
5173
- }
5174
-
5175
- .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)) {
5176
- margin-left: var(--ax-space-12);
4693
+ .aksel-link-card--small .aksel-link-card__icon {
4694
+ margin-inline-end: var(--ax-space-12);
5177
4695
  }
5178
4696
 
5179
4697
  .aksel-link-card__image-container {
@@ -5187,13 +4705,6 @@
5187
4705
  overflow: hidden;
5188
4706
  }
5189
4707
 
5190
- .aksel-link-card__image-container :-webkit-any(img, picture) {
5191
- object-fit: cover;
5192
- max-width: 100%;
5193
- height: 100%;
5194
- display: block;
5195
- }
5196
-
5197
4708
  .aksel-link-card__image-container :is(img, picture) {
5198
4709
  object-fit: cover;
5199
4710
  max-width: 100%;
@@ -5203,18 +4714,7 @@
5203
4714
 
5204
4715
  .aksel-link-card__arrow {
5205
4716
  grid-area: arrow;
5206
- }
5207
-
5208
- .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)) {
5209
- margin-left: var(--ax-space-8);
5210
- }
5211
-
5212
- .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)) {
5213
- margin-right: var(--ax-space-8);
5214
- }
5215
-
5216
- .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)) {
5217
- margin-right: var(--ax-space-8);
4717
+ margin-inline-start: var(--ax-space-8);
5218
4718
  }
5219
4719
 
5220
4720
  .aksel-link-card[data-align-arrow="baseline"] .aksel-link-card__arrow {
@@ -5246,9 +4746,7 @@
5246
4746
  }
5247
4747
 
5248
4748
  .aksel-modal--polyfilled {
5249
- width: -webkit-fit-content;
5250
4749
  width: fit-content;
5251
- height: -webkit-fit-content;
5252
4750
  height: fit-content;
5253
4751
  margin: auto;
5254
4752
  top: 50%;
@@ -5267,17 +4765,10 @@
5267
4765
 
5268
4766
  ._dialog_overlay {
5269
4767
  position: fixed;
5270
- top: 0;
5271
- bottom: 0;
5272
- left: 0;
5273
- right: 0;
4768
+ inset: 0;
5274
4769
  }
5275
4770
 
5276
- .aksel-modal--small .aksel-modal__header {
5277
- padding: var(--ax-space-12) var(--ax-space-16);
5278
- }
5279
-
5280
- .aksel-modal--small .aksel-modal__body {
4771
+ .aksel-modal--small .aksel-modal__header, .aksel-modal--small .aksel-modal__body {
5281
4772
  padding: var(--ax-space-12) var(--ax-space-16);
5282
4773
  }
5283
4774
 
@@ -5323,10 +4814,7 @@
5323
4814
  .aksel-modal--polyfilled + .backdrop {
5324
4815
  background: rgba(12, 22, 39, .66);
5325
4816
  position: fixed;
5326
- top: 0;
5327
- bottom: 0;
5328
- left: 0;
5329
- right: 0;
4817
+ inset: 0;
5330
4818
  }
5331
4819
 
5332
4820
  .aksel-modal__button {
@@ -5386,7 +4874,6 @@
5386
4874
  }
5387
4875
 
5388
4876
  .aksel-modal--polyfilled .aksel-modal--polyfilled.aksel-date__nested-modal {
5389
- min-width: -webkit-fit-content;
5390
4877
  min-width: fit-content;
5391
4878
  max-width: 100vw;
5392
4879
  max-height: 100vh;
@@ -5560,26 +5047,14 @@
5560
5047
 
5561
5048
  .aksel-tag__icon--left {
5562
5049
  font-size: var(--__axc-tag-icon-size);
5050
+ margin-inline-start: var(--__axc-tag-icon-margin);
5563
5051
  display: flex;
5564
5052
  }
5565
5053
 
5566
- .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)) {
5567
- margin-left: var(--__axc-tag-icon-margin);
5568
- }
5569
-
5570
- .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)) {
5571
- margin-right: var(--__axc-tag-icon-margin);
5572
- }
5573
-
5574
- .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)) {
5575
- margin-right: var(--__axc-tag-icon-margin);
5576
- }
5577
-
5578
5054
  .aksel-timeline {
5579
5055
  grid-template-columns: auto minmax(0, 1fr);
5580
5056
  align-items: center;
5581
5057
  width: 100%;
5582
- min-width: -webkit-fit-content;
5583
5058
  min-width: fit-content;
5584
5059
  display: grid;
5585
5060
  position: relative;
@@ -5753,10 +5228,7 @@
5753
5228
  width: 25px;
5754
5229
  height: 25px;
5755
5230
  position: absolute;
5756
- top: -9px;
5757
- bottom: 0;
5758
- left: -9px;
5759
- right: 0;
5231
+ inset: -9px 0 0 -9px;
5760
5232
  }
5761
5233
 
5762
5234
  .aksel-timeline__pin-button:hover {
@@ -5866,13 +5338,7 @@
5866
5338
  outline: 4px solid rgba(0, 0, 0, 0);
5867
5339
  }
5868
5340
 
5869
- .aksel-timeline__pin-button:focus {
5870
- outline-offset: 3px;
5871
- box-shadow: none;
5872
- outline: 4px solid highlight;
5873
- }
5874
-
5875
- .aksel-timeline__pin-button:focus-visible {
5341
+ .aksel-timeline__pin-button:focus, .aksel-timeline__pin-button:focus-visible {
5876
5342
  outline-offset: 3px;
5877
5343
  box-shadow: none;
5878
5344
  outline: 4px solid highlight;
@@ -6036,7 +5502,6 @@
6036
5502
  border: none;
6037
5503
  justify-content: center;
6038
5504
  align-items: center;
6039
- min-width: -webkit-fit-content;
6040
5505
  min-width: fit-content;
6041
5506
  display: inline-flex;
6042
5507
  position: relative;
@@ -6356,7 +5821,6 @@
6356
5821
  }
6357
5822
 
6358
5823
  .aksel-skeleton--has-children.aksel-skeleton--no-width {
6359
- width: -webkit-fit-content;
6360
5824
  width: fit-content;
6361
5825
  }
6362
5826
 
@@ -6417,15 +5881,15 @@
6417
5881
 
6418
5882
  .aksel-process__event[data-dot="true"] {
6419
5883
  --__axc-process-circle-size: var(--__axc-process-circle-small);
6420
- margin-top: calc((var(--__axc-process-circle-small) / 2) * -1);
5884
+ margin-block-start: calc((var(--__axc-process-circle-small) / 2) * -1);
6421
5885
  }
6422
5886
 
6423
5887
  .aksel-process__event[data-dot="true"] .aksel-process__line[data-position="start"] {
6424
- margin-bottom: calc(var(--__axc-process-circle-size) / 2 * -1);
5888
+ margin-block-end: calc(var(--__axc-process-circle-size) / 2 * -1);
6425
5889
  }
6426
5890
 
6427
5891
  .aksel-process__event[data-dot="true"] .aksel-process__line[data-position="end"] {
6428
- margin-top: calc(var(--__axc-process-circle-size) / 2);
5892
+ margin-block-start: calc(var(--__axc-process-circle-size) / 2);
6429
5893
  }
6430
5894
 
6431
5895
  .aksel-process__event[data-dot="true"] .aksel-process__bullet {
@@ -6451,29 +5915,12 @@
6451
5915
  }
6452
5916
 
6453
5917
  .aksel-process__event:first-of-type .aksel-process__line[data-position="start"] {
5918
+ border-start-start-radius: var(--ax-radius-4);
5919
+ border-start-end-radius: var(--ax-radius-4);
6454
5920
  min-height: 1.5rem;
6455
5921
  }
6456
5922
 
6457
- .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)) {
6458
- border-top-left-radius: var(--ax-radius-4);
6459
- border-top-right-radius: var(--ax-radius-4);
6460
- }
6461
-
6462
- .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)) {
6463
- border-top-right-radius: var(--ax-radius-4);
6464
- border-top-left-radius: var(--ax-radius-4);
6465
- }
6466
-
6467
- .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)) {
6468
- border-top-right-radius: var(--ax-radius-4);
6469
- border-top-left-radius: var(--ax-radius-4);
6470
- }
6471
-
6472
- .aksel-process__event:not(:first-of-type) .aksel-process__line[data-position="start"] {
6473
- display: none;
6474
- }
6475
-
6476
- .aksel-process:not([data-truncated="start"], [data-truncated="both"]) .aksel-process__line[data-position="start"] {
5923
+ .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"] {
6477
5924
  display: none;
6478
5925
  }
6479
5926
 
@@ -6486,24 +5933,11 @@
6486
5933
  }
6487
5934
 
6488
5935
  .aksel-process__event:last-of-type .aksel-process__line[data-position="end"] {
5936
+ border-end-end-radius: var(--ax-radius-4);
5937
+ border-end-start-radius: var(--ax-radius-4);
6489
5938
  min-height: 1.5rem;
6490
5939
  }
6491
5940
 
6492
- .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)) {
6493
- border-bottom-right-radius: var(--ax-radius-4);
6494
- border-bottom-left-radius: var(--ax-radius-4);
6495
- }
6496
-
6497
- .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)) {
6498
- border-bottom-left-radius: var(--ax-radius-4);
6499
- border-bottom-right-radius: var(--ax-radius-4);
6500
- }
6501
-
6502
- .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)) {
6503
- border-bottom-left-radius: var(--ax-radius-4);
6504
- border-bottom-right-radius: var(--ax-radius-4);
6505
- }
6506
-
6507
5941
  .aksel-process__event[data-status="active"] .aksel-process__line {
6508
5942
  border-color: var(--ax-border-default);
6509
5943
  border-image: linear-gradient(to bottom, var(--ax-border-default) 50%, var(--ax-border-neutral-subtle) 90%);
@@ -6559,12 +5993,6 @@
6559
5993
  width: min(calc(var(--__axc-process-circle-size) * .75), 1.5rem);
6560
5994
  }
6561
5995
 
6562
- .aksel-process__event:-webkit-any([data-status="completed"], [data-status="active"]) .aksel-process__bullet {
6563
- color: var(--ax-text-contrast);
6564
- background: var(--ax-bg-strong);
6565
- border-color: rgba(0, 0, 0, 0);
6566
- }
6567
-
6568
5996
  .aksel-process__event:is([data-status="completed"], [data-status="active"]) .aksel-process__bullet {
6569
5997
  color: var(--ax-text-contrast);
6570
5998
  background: var(--ax-bg-strong);
@@ -6591,7 +6019,7 @@
6591
6019
  }
6592
6020
 
6593
6021
  .aksel-process__event[data-status="active"] .aksel-process__title:has( + .aksel-process__active-label) {
6594
- padding-bottom: 0;
6022
+ padding-block-end: 0;
6595
6023
  }
6596
6024
 
6597
6025
  .aksel-process__active-label {
@@ -6600,7 +6028,7 @@
6600
6028
  }
6601
6029
 
6602
6030
  .aksel-process__active-label:last-of-type {
6603
- margin-bottom: 0;
6031
+ margin-block-end: 0;
6604
6032
  }
6605
6033
 
6606
6034
  @media (forced-colors: active) {
@@ -6608,13 +6036,6 @@
6608
6036
  transition: none;
6609
6037
  }
6610
6038
 
6611
- .aksel-process__event:-webkit-any([data-status="completed"], [data-status="active"]) .aksel-process__bullet {
6612
- color: buttonface;
6613
- forced-color-adjust: none;
6614
- background-color: buttontext;
6615
- outline-color: buttontext;
6616
- }
6617
-
6618
6039
  .aksel-process__event:is([data-status="completed"], [data-status="active"]) .aksel-process__bullet {
6619
6040
  color: buttonface;
6620
6041
  forced-color-adjust: none;
@@ -6705,18 +6126,7 @@
6705
6126
  margin-bottom: 0;
6706
6127
  }
6707
6128
 
6708
- .aksel-stepper__step:-webkit-any(button) {
6709
- -webkit-appearance: none;
6710
- appearance: none;
6711
- font: inherit;
6712
- color: inherit;
6713
- text-align: inherit;
6714
- background-color: rgba(0, 0, 0, 0);
6715
- border: none;
6716
- }
6717
-
6718
6129
  .aksel-stepper__step:is(button) {
6719
- -webkit-appearance: none;
6720
6130
  appearance: none;
6721
6131
  font: inherit;
6722
6132
  color: inherit;
@@ -6754,11 +6164,7 @@
6754
6164
  text-decoration-thickness: .05em;
6755
6165
  }
6756
6166
 
6757
- .aksel-stepper__step[data-interactive="true"]:hover .aksel-stepper__content {
6758
- text-decoration-thickness: .111em;
6759
- }
6760
-
6761
- .aksel-stepper__step[data-interactive="true"]:active .aksel-stepper__content {
6167
+ :is(.aksel-stepper__step[data-interactive="true"]:hover, .aksel-stepper__step[data-interactive="true"]:active) .aksel-stepper__content {
6762
6168
  text-decoration-thickness: .111em;
6763
6169
  }
6764
6170
 
@@ -6799,7 +6205,6 @@
6799
6205
 
6800
6206
  .aksel-stepper__content {
6801
6207
  grid-column: content;
6802
- min-width: -webkit-fit-content;
6803
6208
  min-width: fit-content;
6804
6209
  padding-top: .16rem;
6805
6210
  line-height: 1.5;
@@ -6835,11 +6240,7 @@
6835
6240
  flex: 100%;
6836
6241
  }
6837
6242
 
6838
- .aksel-stepper[data-orientation="horizontal"] .aksel-stepper__item:first-of-type .aksel-stepper__line--1 {
6839
- visibility: hidden;
6840
- }
6841
-
6842
- .aksel-stepper[data-orientation="horizontal"] .aksel-stepper__item:last-of-type .aksel-stepper__line--2 {
6243
+ .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 {
6843
6244
  visibility: hidden;
6844
6245
  }
6845
6246
 
@@ -6899,7 +6300,6 @@
6899
6300
  z-index: 10;
6900
6301
  background-color: var(--ax-bg-default);
6901
6302
  box-sizing: border-box;
6902
- position: -webkit-sticky;
6903
6303
  position: sticky;
6904
6304
  top: 0;
6905
6305
  }
@@ -6921,10 +6321,6 @@
6921
6321
  display: table-row;
6922
6322
  }
6923
6323
 
6924
- .aksel-table__row:has( + .aksel-table__row--selected) :-webkit-any(.aksel-table__header-cell, .aksel-table__data-cell) {
6925
- border-color: var(--ax-border-default);
6926
- }
6927
-
6928
6324
  .aksel-table__row:has( + .aksel-table__row--selected) :is(.aksel-table__header-cell, .aksel-table__data-cell) {
6929
6325
  border-color: var(--ax-border-default);
6930
6326
  }
@@ -6955,18 +6351,10 @@
6955
6351
  border-color: var(--ax-border-default);
6956
6352
  }
6957
6353
 
6958
- .aksel-table__row--selected :-webkit-any(.aksel-table__header-cell, .aksel-table__data-cell) {
6959
- border-color: var(--ax-border-default);
6960
- }
6961
-
6962
6354
  .aksel-table__row--selected :is(.aksel-table__header-cell, .aksel-table__data-cell) {
6963
6355
  border-color: var(--ax-border-default);
6964
6356
  }
6965
6357
 
6966
- .aksel-table__row--selected.aksel-table__expandable-row--open :-webkit-any(.aksel-table__header-cell, .aksel-table__data-cell) {
6967
- border-color: rgba(0, 0, 0, 0);
6968
- }
6969
-
6970
6358
  .aksel-table__row--selected.aksel-table__expandable-row--open :is(.aksel-table__header-cell, .aksel-table__data-cell) {
6971
6359
  border-color: rgba(0, 0, 0, 0);
6972
6360
  }
@@ -7023,10 +6411,7 @@
7023
6411
  }
7024
6412
 
7025
6413
  .aksel-table tr:not(.aksel-table__expanded-row) .aksel-checkbox:focus-within:after {
7026
- top: 0;
7027
- bottom: 0;
7028
- left: 0;
7029
- right: 0;
6414
+ inset: 0;
7030
6415
  }
7031
6416
 
7032
6417
  .aksel-table__header-cell[aria-sort] {
@@ -7034,7 +6419,6 @@
7034
6419
  }
7035
6420
 
7036
6421
  .aksel-table__sort-button {
7037
- -webkit-appearance: none;
7038
6422
  appearance: none;
7039
6423
  color: var(--ax-text-subtle);
7040
6424
  cursor: pointer;
@@ -7160,10 +6544,6 @@
7160
6544
  border-bottom: 1px solid var(--ax-border-neutral-subtleA);
7161
6545
  }
7162
6546
 
7163
- .aksel-table__expandable-row:has( + .aksel-table__expanded-row[data-state="closed"] + .aksel-table__row--selected) > :-webkit-any(th, td) {
7164
- border-color: var(--ax-border-default);
7165
- }
7166
-
7167
6547
  .aksel-table__expandable-row:has( + .aksel-table__expanded-row[data-state="closed"] + .aksel-table__row--selected) > :is(th, td) {
7168
6548
  border-color: var(--ax-border-default);
7169
6549
  }
@@ -7322,15 +6702,15 @@
7322
6702
  @media (forced-colors: active) {
7323
6703
  .aksel-tabs__tab[data-state="active"] {
7324
6704
  border-bottom: 3px solid canvastext;
7325
- padding-bottom: calc(var(--ax-space-12) - 3px);
6705
+ padding-block-end: calc(var(--ax-space-12) - 3px);
7326
6706
  }
7327
6707
 
7328
6708
  .aksel-tabs__tab--small[data-state="active"] {
7329
- padding-bottom: calc(var(--ax-space-6) - 3px);
6709
+ padding-block-end: calc(var(--ax-space-6) - 3px);
7330
6710
  }
7331
6711
 
7332
6712
  .aksel-tabs__tab-icon--top[data-state="active"], .aksel-tabs__tab--small.aksel-tabs__tab-icon--top[data-state="active"] {
7333
- padding-bottom: calc(var(--ax-space-4) - 3px);
6713
+ padding-block-end: calc(var(--ax-space-4) - 3px);
7334
6714
  }
7335
6715
  }
7336
6716
 
@@ -7368,7 +6748,7 @@
7368
6748
  display: flex;
7369
6749
  }
7370
6750
 
7371
- @supports (hanging-punctuation: first) and (font: -apple-system-body) and ((-webkit-appearance: none) or (appearance: none)) {
6751
+ @supports (hanging-punctuation: first) and (font: -apple-system-body) and (appearance: none) {
7372
6752
  .aksel-list ol {
7373
6753
  padding-left: 2.1rem;
7374
6754
  }
@@ -7379,11 +6759,11 @@
7379
6759
  }
7380
6760
 
7381
6761
  .aksel-list__item {
7382
- margin-bottom: var(--ax-space-8);
6762
+ margin-block-end: var(--ax-space-8);
7383
6763
  }
7384
6764
 
7385
6765
  .aksel-list__item:last-child {
7386
- margin-bottom: 0;
6766
+ margin-block-end: 0;
7387
6767
  }
7388
6768
 
7389
6769
  .aksel-list__item-marker {
@@ -8356,7 +7736,6 @@
8356
7736
  }
8357
7737
 
8358
7738
  .aksel-page {
8359
- min-height: 100vh;
8360
7739
  flex-direction: column;
8361
7740
  min-height: 100lvh;
8362
7741
  display: flex;
@@ -8365,8 +7744,7 @@
8365
7744
  .aksel-pageblock {
8366
7745
  --__axc-page-padding-inline: 0px;
8367
7746
  width: 100%;
8368
- margin-left: auto;
8369
- margin-right: auto;
7747
+ margin-inline: auto;
8370
7748
  }
8371
7749
 
8372
7750
  .aksel-page__content--grow {
@@ -8374,12 +7752,11 @@
8374
7752
  }
8375
7753
 
8376
7754
  .aksel-page__content--fullheight {
8377
- min-height: 100vh;
8378
7755
  min-height: 100lvh;
8379
7756
  }
8380
7757
 
8381
7758
  .aksel-page__content--padding {
8382
- padding-bottom: var(--ax-space-64);
7759
+ padding-block-end: var(--ax-space-64);
8383
7760
  }
8384
7761
 
8385
7762
  .aksel-pageblock--text {
@@ -8549,19 +7926,8 @@
8549
7926
  }
8550
7927
 
8551
7928
  .aksel-stack > .aksel-stack__spacer {
8552
- margin-top: calc(var(--__axc-stack-gap) * -1);
8553
- }
8554
-
8555
- .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)) {
8556
- margin-left: calc(var(--__axc-stack-gap) * -1);
8557
- }
8558
-
8559
- .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)) {
8560
- margin-right: calc(var(--__axc-stack-gap) * -1);
8561
- }
8562
-
8563
- .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)) {
8564
- margin-right: calc(var(--__axc-stack-gap) * -1);
7929
+ margin-block-start: calc(var(--__axc-stack-gap) * -1);
7930
+ margin-inline-start: calc(var(--__axc-stack-gap) * -1);
8565
7931
  }
8566
7932
 
8567
7933
  @media (min-width: 480px) {