@navikt/ds-css 8.10.3 → 8.10.5

package/dist/components.css

@@ -579,30 +579,21 @@
     background-color: var(--ax-bg-strong-pressed);
   }
 
-  .aksel-button[data-variant="primary"]:-webkit-any(:disabled, .aksel-button--disabled) {
-    background-color: var(--ax-bg-strong);
-  }
-
   .aksel-button[data-variant="primary"]:is(:disabled, .aksel-button--disabled) {
     background-color: var(--ax-bg-strong);
   }
 
   .aksel-button[data-variant="secondary"] {
     --__axc-button-border-color: var(--ax-border-default);
-    color: var(--ax-text-subtle);
     background-color: rgba(0, 0, 0, 0);
   }
 
-  .aksel-button[data-variant="secondary"][data-color="neutral"] {
+  .aksel-button[data-variant="secondary"][data-color="neutral"], [data-color="neutral"] .aksel-button[data-variant="secondary"]:not([data-color]) {
     color: var(--ax-text-default);
   }
 
-  [data-color="neutral"] > .aksel-button[data-variant="secondary"]:not([data-color]) {
-    color: var(--ax-text-default);
-  }
-
-  [data-color="neutral"] :not([data-color]) .aksel-button[data-variant="secondary"]:not([data-color]) {
-    color: var(--ax-text-default);
+  .aksel-button[data-variant="secondary"], [data-color="neutral"] [data-color]:not([data-color="neutral"]) .aksel-button[data-variant="secondary"] {
+    color: var(--ax-text-subtle);
   }
 
   .aksel-button[data-variant="secondary"]:hover {
@@ -614,47 +605,25 @@
     background-color: var(--ax-bg-moderate-pressedA);
   }
 
-  .aksel-button[data-variant="secondary"]:-webkit-any(:disabled, .aksel-button--disabled) {
-    color: var(--ax-text-subtle);
-    background-color: rgba(0, 0, 0, 0);
-  }
-
-  .aksel-button[data-variant="secondary"]:-webkit-any(:disabled, .aksel-button--disabled)[data-color="neutral"] {
-    color: var(--ax-text-default);
-  }
-
-  [data-color="neutral"] > .aksel-button[data-variant="secondary"]:-webkit-any(:disabled, .aksel-button--disabled):not([data-color]) {
-    color: var(--ax-text-default);
-  }
-
   .aksel-button[data-variant="secondary"]:is(:disabled, .aksel-button--disabled) {
     color: var(--ax-text-subtle);
     background-color: rgba(0, 0, 0, 0);
   }
 
-  .aksel-button[data-variant="secondary"]:is(:disabled, .aksel-button--disabled)[data-color="neutral"] {
-    color: var(--ax-text-default);
-  }
-
-  [data-color="neutral"] > .aksel-button[data-variant="secondary"]:is(:disabled, .aksel-button--disabled):not([data-color]) {
+  .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]) {
     color: var(--ax-text-default);
   }
 
   .aksel-button[data-variant="tertiary"] {
-    color: var(--ax-text-subtle);
     background-color: rgba(0, 0, 0, 0);
   }
 
-  .aksel-button[data-variant="tertiary"][data-color="neutral"] {
+  .aksel-button[data-variant="tertiary"][data-color="neutral"], [data-color="neutral"] .aksel-button[data-variant="tertiary"]:not([data-color], [data-pressed="true"]) {
     color: var(--ax-text-default);
   }
 
-  [data-color="neutral"] > .aksel-button[data-variant="tertiary"]:not([data-color], [data-pressed="true"]) {
-    color: var(--ax-text-default);
-  }
-
-  [data-color="neutral"] :not([data-color]) .aksel-button[data-variant="tertiary"]:not([data-color], [data-pressed="true"]) {
-    color: var(--ax-text-default);
+  .aksel-button[data-variant="tertiary"], [data-color="neutral"] [data-color]:not([data-color="neutral"]) .aksel-button[data-variant="tertiary"]:not([data-pressed="true"]) {
+    color: var(--ax-text-subtle);
   }
 
   .aksel-button[data-variant="tertiary"]:hover {
@@ -670,29 +639,12 @@
     color: var(--ax-text-contrast);
   }
 
-  .aksel-button[data-variant="tertiary"]:-webkit-any(:disabled, .aksel-button--disabled) {
-    color: var(--ax-text-subtle);
-    background-color: rgba(0, 0, 0, 0);
-  }
-
-  .aksel-button[data-variant="tertiary"]:-webkit-any(:disabled, .aksel-button--disabled)[data-color="neutral"] {
-    color: var(--ax-text-default);
-  }
-
-  [data-color="neutral"] > .aksel-button[data-variant="tertiary"]:-webkit-any(:disabled, .aksel-button--disabled):not([data-color]) {
-    color: var(--ax-text-default);
-  }
-
   .aksel-button[data-variant="tertiary"]:is(:disabled, .aksel-button--disabled) {
     color: var(--ax-text-subtle);
     background-color: rgba(0, 0, 0, 0);
   }
 
-  .aksel-button[data-variant="tertiary"]:is(:disabled, .aksel-button--disabled)[data-color="neutral"] {
-    color: var(--ax-text-default);
-  }
-
-  [data-color="neutral"] > .aksel-button[data-variant="tertiary"]:is(:disabled, .aksel-button--disabled):not([data-color]) {
+  .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]) {
     color: var(--ax-text-default);
   }
 
@@ -808,18 +760,20 @@
       border-color: highlight;
     }
 
-    .aksel-button:hover:not(:disabled) {
+    .aksel-button:hover:not(:disabled), .aksel-button[data-variant="primary"]:where(a):hover:not(:disabled) {
       color: highlight;
       box-shadow: none;
       background-color: highlighttext;
       border-color: highlight;
     }
 
-    .aksel-button[data-variant="primary"]:where(a):hover:not(:disabled) {
-      color: highlight;
-      box-shadow: none;
-      background-color: highlighttext;
-      border-color: highlight;
+    .aksel-button[data-variant="tertiary"][data-pressed="true"] {
+      color: selecteditemtext;
+      background-color: selecteditem;
+    }
+
+    .aksel-button[data-variant="tertiary"][data-pressed="true"] span {
+      forced-color-adjust: none;
     }
 
     .aksel-button:not(:disabled):hover span {
@@ -938,10 +892,7 @@
       var(--__axc-dropzone-animation-ease-out);
     margin: -1px;
     position: absolute;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0;
+    inset: 0;
   }
 
   @keyframes akselDropzoneDragoverAnimation {
@@ -1021,25 +972,7 @@
     display: flex;
   }
 
-  li.aksel-file-item {
-    margin: 0;
-    padding: 0;
-    list-style: none;
-  }
-
-  .aksel-file-upload :-webkit-any(ul, li) {
-    margin: 0;
-    padding: 0;
-    list-style: none;
-  }
-
-  .aksel-file-upload :is(ul, li) {
-    margin: 0;
-    padding: 0;
-    list-style: none;
-  }
-
-  ul:has( > li.aksel-file-item) {
+  .aksel-file-upload :is(ul, li), ul:has( > li.aksel-file-item), li.aksel-file-item {
     margin: 0;
     padding: 0;
     list-style: none;
@@ -1060,7 +993,6 @@
   .aksel-file-item__link {
     align-items: flex-start;
     gap: var(--ax-space-2);
-    width: -webkit-fit-content;
     width: fit-content;
     display: flex;
   }
@@ -1160,11 +1092,7 @@
     outline-offset: 3px;
   }
 
-  .aksel-error-summary:focus-visible {
-    outline: 3px solid var(--ax-border-focus);
-  }
-
-  .aksel-error-summary:has(.aksel-error-summary__heading:focus-visible) {
+  .aksel-error-summary:focus-visible, .aksel-error-summary:has(.aksel-error-summary__heading:focus-visible) {
     outline: 3px solid var(--ax-border-focus);
   }
 
@@ -1229,27 +1157,14 @@
       border-color: orange;
       border-left-style: solid;
       border-left-width: 8px;
+      border-start-start-radius: calc(var(--ax-radius-8) - 1px);
+      border-end-start-radius: calc(var(--ax-radius-8) - 1px);
       height: 100%;
       position: absolute;
       top: 0;
       left: 0;
     }
 
-    .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 {
-      border-top-left-radius: calc(var(--ax-radius-8) - 1px);
-      border-bottom-left-radius: calc(var(--ax-radius-8) - 1px);
-    }
-
-    .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 {
-      border-top-right-radius: calc(var(--ax-radius-8) - 1px);
-      border-bottom-right-radius: calc(var(--ax-radius-8) - 1px);
-    }
-
-    .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 {
-      border-top-right-radius: calc(var(--ax-radius-8) - 1px);
-      border-bottom-right-radius: calc(var(--ax-radius-8) - 1px);
-    }
-
     .aksel-confirmation-panel--checked .aksel-confirmation-panel__inner:before {
       border-color: green;
     }
@@ -1261,7 +1176,6 @@
 
   .aksel-checkbox, .aksel-radio {
     gap: var(--ax-space-2) 0;
-    width: -webkit-fit-content;
     width: fit-content;
     padding: var(--ax-space-12) 0;
     grid-template-columns: auto 1fr;
@@ -1326,7 +1240,6 @@
 
   .aksel-checkbox__input, .aksel-radio__input {
     --__axc-radio-checkbox-marker-border: 2px;
-    -webkit-appearance: none;
     appearance: none;
     cursor: pointer;
     width: var(--__axc-radio-checkbox-marker-size);
@@ -1338,12 +1251,7 @@
     position: relative;
   }
 
-  :is(.aksel-checkbox__input, .aksel-radio__input)[data-standalone="true"]:disabled {
-    opacity: var(--ax-opacity-disabled);
-    cursor: not-allowed;
-  }
-
-  .aksel-checkbox__input-wrapper[data-standalone="true"] > :is(.aksel-checkbox__input, .aksel-radio__input):disabled {
+  :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 {
     opacity: var(--ax-opacity-disabled);
     cursor: not-allowed;
   }
@@ -1451,19 +1359,11 @@
     opacity: var(--ax-opacity-disabled);
   }
 
-  .aksel-checkbox--disabled :where(.aksel-checkbox__input, .aksel-checkbox__label) {
+  .aksel-checkbox--disabled :where(.aksel-checkbox__input, .aksel-checkbox__label), .aksel-radio--disabled > :where(.aksel-radio__input, .aksel-radio__label) {
     cursor: not-allowed;
   }
 
-  .aksel-radio--disabled > :where(.aksel-radio__input, .aksel-radio__label) {
-    cursor: not-allowed;
-  }
-
-  .aksel-checkbox--readonly :where(.aksel-checkbox__input, .aksel-checkbox__label) {
-    cursor: default;
-  }
-
-  .aksel-radio--readonly > :where(.aksel-radio__input, .aksel-radio__label) {
+  .aksel-checkbox--readonly :where(.aksel-checkbox__input, .aksel-checkbox__label), .aksel-radio--readonly > :where(.aksel-radio__input, .aksel-radio__label) {
     cursor: default;
   }
 
@@ -1497,19 +1397,11 @@
   }
 
   @media screen and (forced-colors: active) {
-    :-webkit-any(.aksel-checkbox, .aksel-checkbox--readonly) .aksel-checkbox__input:indeterminate:after {
-      background-color: fieldtext;
-    }
-
     :is(.aksel-checkbox, .aksel-checkbox--readonly) .aksel-checkbox__input:indeterminate:after {
       background-color: fieldtext;
     }
 
-    .aksel-radio:not(.aksel-radio--readonly) > .aksel-radio__input:hover:not(:disabled) + .aksel-radio__label {
-      color: highlight;
-    }
-
-    .aksel-checkbox:not(.aksel-checkbox--readonly):has(.aksel-checkbox__input:hover:not(:disabled)) > .aksel-checkbox__label {
+    .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 {
       color: highlight;
     }
 
@@ -1542,15 +1434,7 @@
       background-color: graytext;
     }
 
-    .aksel-checkbox--disabled :is(.aksel-checkbox__label, .aksel-checkbox__description, .aksel-checkbox__input:checked + .aksel-checkbox__icon) {
-      color: graytext;
-    }
-
-    .aksel-radio--disabled :-webkit-any(.aksel-radio__label, .aksel-radio__description) {
-      color: graytext;
-    }
-
-    .aksel-radio--disabled :is(.aksel-radio__label, .aksel-radio__description) {
+    .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) {
       color: graytext;
     }
   }
@@ -1582,7 +1466,6 @@
   }
 
   .aksel-select__input {
-    -webkit-appearance: none;
     appearance: none;
     background-color: var(--ax-bg-input);
     border-radius: var(--ax-radius-8);
@@ -1641,21 +1524,10 @@
 
   .aksel-form-field--small .aksel-select__input {
     min-height: 2rem;
-    padding-top: 0;
-    padding-bottom: 0;
-  }
-
-  .aksel-select--error > * select {
-    box-shadow: 0 0 0 1px var(--ax-border-danger-strong);
-    border-color: var(--ax-border-danger-strong);
+    padding-block: 0;
   }
 
-  .aksel-select--error > * select:hover {
-    box-shadow: 0 0 0 1px var(--ax-border-danger-strong);
-    border-color: var(--ax-border-danger-strong);
-  }
-
-  .aksel-select--error > * select:focus {
+  .aksel-select--error > * select, .aksel-select--error > * select:hover, .aksel-select--error > * select:focus {
     box-shadow: 0 0 0 1px var(--ax-border-danger-strong);
     border-color: var(--ax-border-danger-strong);
   }
@@ -1686,12 +1558,6 @@
   }
 
   @media (forced-colors: active) {
-    .aksel-select--readonly .aksel-select__input:-webkit-any(:hover, :focus) {
-      color: buttontext;
-      background-color: buttonface;
-      border-color: buttontext;
-    }
-
     .aksel-select--readonly .aksel-select__input:is(:hover, :focus) {
       color: buttontext;
       background-color: buttonface;
@@ -1704,7 +1570,6 @@
   }
 
   .aksel-switch {
-    width: -webkit-fit-content;
     width: fit-content;
     min-height: 3rem;
     position: relative;
@@ -1883,18 +1748,12 @@
     width: auto;
   }
 
-  .aksel-switch--right .aksel-switch__input {
-    left: auto;
-    right: 0;
-  }
-
-  .aksel-switch--right .aksel-switch__track {
+  .aksel-switch--right .aksel-switch__input, .aksel-switch--right .aksel-switch__track {
     left: auto;
     right: 0;
   }
 
   .aksel-switch__input:disabled {
-    -webkit-appearance: none;
     appearance: none;
   }
 
@@ -1906,31 +1765,12 @@
     cursor: not-allowed;
   }
 
-  .aksel-switch--readonly > .aksel-switch__track {
-    background-color: var(--ax-bg-neutral-moderate);
-    border-color: var(--ax-border-neutral-subtleA);
-  }
-
-  .aksel-switch--readonly > .aksel-switch__input:hover ~ .aksel-switch__track {
-    background-color: var(--ax-bg-neutral-moderate);
-    border-color: var(--ax-border-neutral-subtleA);
-  }
-
-  .aksel-switch--readonly > .aksel-switch__input:checked ~ .aksel-switch__track {
-    background-color: var(--ax-bg-neutral-moderate);
-    border-color: var(--ax-border-neutral-subtleA);
-  }
-
-  .aksel-switch--readonly > .aksel-switch__input:checked:hover ~ .aksel-switch__track {
+  .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 {
     background-color: var(--ax-bg-neutral-moderate);
     border-color: var(--ax-border-neutral-subtleA);
   }
 
-  .aksel-switch--readonly > .aksel-switch__label-wrapper {
-    cursor: default;
-  }
-
-  .aksel-switch--readonly > .aksel-switch__input {
+  .aksel-switch--readonly > .aksel-switch__label-wrapper, .aksel-switch--readonly > .aksel-switch__input {
     cursor: default;
   }
 
@@ -1992,7 +1832,6 @@
   }
 
   .aksel-text-field__input {
-    -webkit-appearance: none;
     appearance: none;
     padding: var(--ax-space-8);
     background: var(--ax-bg-input);
@@ -2069,7 +1908,6 @@
 
   .aksel-textarea__input {
     height: var(--__axc-textarea-height);
-    -webkit-appearance: none;
     appearance: none;
     padding: var(--ax-space-8);
     background-color: var(--ax-bg-input);
@@ -2132,50 +1970,17 @@
 
   .aksel-textarea--resize-both .aksel-textarea__input {
     resize: both;
-  }
-
-  .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)) {
-    border-bottom-right-radius: 0;
-  }
-
-  .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)) {
-    border-bottom-left-radius: 0;
-  }
-
-  .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)) {
-    border-bottom-left-radius: 0;
+    border-end-end-radius: 0;
   }
 
   .aksel-textarea--resize-horizontal .aksel-textarea__input {
     resize: horizontal;
-  }
-
-  .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)) {
-    border-bottom-right-radius: 0;
-  }
-
-  .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)) {
-    border-bottom-left-radius: 0;
-  }
-
-  .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)) {
-    border-bottom-left-radius: 0;
+    border-end-end-radius: 0;
   }
 
   .aksel-textarea--resize-vertical .aksel-textarea__input {
     resize: vertical;
-  }
-
-  .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)) {
-    border-bottom-right-radius: 0;
-  }
-
-  .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)) {
-    border-bottom-left-radius: 0;
-  }
-
-  .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)) {
-    border-bottom-left-radius: 0;
+    border-end-end-radius: 0;
   }
 
   .aksel-textarea--autoscrollbar, .aksel-textarea--autoscrollbar .aksel-textarea__wrapper {
@@ -2218,7 +2023,6 @@
   }
 
   .aksel-search--with-size .aksel-search__wrapper {
-    width: -webkit-fit-content;
     width: fit-content;
   }
 
@@ -2241,13 +2045,7 @@
     outline: none;
   }
 
-  .aksel-search__input.aksel-search__input--primary {
-    border-right: none;
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0;
-  }
-
-  .aksel-search__input.aksel-search__input--secondary {
+  .aksel-search__input.aksel-search__input--primary, .aksel-search__input.aksel-search__input--secondary {
     border-right: none;
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
@@ -2315,10 +2113,6 @@
     --__axc-button-border-color: var(--ax-border-strong);
   }
 
-  .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) {
-    --__axc-button-border-color: var(--ax-border-strong);
-  }
-
   .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) {
     --__axc-button-border-color: var(--ax-border-strong);
   }
@@ -2333,11 +2127,7 @@
     box-shadow: inset 0 0 0 1px var(--ax-border-danger-strong);
   }
 
-  .aksel-search__input:focus-visible {
-    z-index: 1;
-  }
-
-  .aksel-search__button-search:focus-visible {
+  .aksel-search__input:focus-visible, .aksel-search__button-search:focus-visible {
     z-index: 1;
   }
 
@@ -2360,10 +2150,6 @@
     position: relative;
   }
 
-  .aksel-form-field:not(:-webkit-any(.aksel-combobox--disabled, .aksel-combobox--readonly)) .aksel-combobox__wrapper:hover {
-    border-color: var(--ax-border-strong);
-  }
-
   .aksel-form-field:not(:is(.aksel-combobox--disabled, .aksel-combobox--readonly)) .aksel-combobox__wrapper:hover {
     border-color: var(--ax-border-strong);
   }
@@ -2388,11 +2174,7 @@
     cursor: not-allowed;
   }
 
-  .aksel-combobox--disabled .aksel-combobox__selected-options {
-    pointer-events: none;
-  }
-
-  .aksel-combobox--disabled .aksel-combobox--readonly {
+  .aksel-combobox--disabled .aksel-combobox__selected-options, .aksel-combobox--disabled .aksel-combobox--readonly {
     pointer-events: none;
   }
 
@@ -2413,11 +2195,7 @@
     overflow: clip;
   }
 
-  .aksel-combobox--readonly .aksel-text-field__input {
-    background-color: var(--ax-bg-neutral-moderate);
-  }
-
-  .aksel-combobox--readonly .aksel-combobox__input {
+  .aksel-combobox--readonly .aksel-text-field__input, .aksel-combobox--readonly .aksel-combobox__input {
     background-color: var(--ax-bg-neutral-moderate);
   }
 
@@ -2546,11 +2324,7 @@
       outline: none;
     }
 
-    .aksel-combobox__wrapper-inner:has(.aksel-combobox__input:focus) {
-      outline: none;
-    }
-
-    .aksel-combobox__wrapper-inner:has(.aksel-combobox__input:focus).aksel-combobox__wrapper-inner--virtually-unfocused {
+    .aksel-combobox__wrapper-inner:has(.aksel-combobox__input:focus), .aksel-combobox__wrapper-inner:has(.aksel-combobox__input:focus).aksel-combobox__wrapper-inner--virtually-unfocused {
       outline: none;
     }
   }
@@ -2687,7 +2461,7 @@
     border-radius: 0;
     justify-content: flex-start;
     gap: .25rem;
-    margin-top: calc(var(--ax-space-4) * -1);
+    margin-block-start: calc(var(--ax-space-4) * -1);
   }
 
   .aksel-combobox__list-item--new-option svg {
@@ -2715,7 +2489,6 @@
     }
 
     .aksel-combobox__input {
-      min-width: -webkit-min-content;
       min-width: min-content;
       padding: .75rem 0;
     }
@@ -2915,9 +2688,8 @@
     opacity: .001;
     grid-template-rows: 0fr;
     margin-top: -2px;
-    padding-top: 0;
-    padding-bottom: 0;
-    transition-property: margin-top, opacity, visibility, padding-top, grid-template-rows;
+    padding-block: 0;
+    transition-property: margin-top, opacity, visibility, padding-block-start, grid-template-rows;
     transition-duration: .3s;
     transition-timing-function: cubic-bezier(.2, 0, 0, 1);
     display: grid;
@@ -2974,11 +2746,7 @@
     background-color: var(--ax-bg-moderate-hoverA);
   }
 
-  .aksel-accordion__header:hover:before {
-    display: none;
-  }
-
-  .aksel-accordion__header:hover:after {
+  .aksel-accordion__header:hover:before, .aksel-accordion__header:hover:after {
     display: none;
   }
 
@@ -3001,11 +2769,7 @@
     z-index: 1;
   }
 
-  .aksel-accordion__header:focus-visible:before {
-    display: none;
-  }
-
-  .aksel-accordion__header:focus-visible:after {
+  .aksel-accordion__header:focus-visible:before, .aksel-accordion__header:focus-visible:after {
     display: none;
   }
 
@@ -3030,11 +2794,7 @@
     bottom: 0;
   }
 
-  .aksel-accordion__item[data-expanded="true"] > .aksel-accordion__header:after, .aksel-accordion__item:not(:last-child) > .aksel-accordion__header:after {
-    display: none;
-  }
-
-  .aksel-accordion__item[data-expanded="false"]:has(.aksel-accordion__header:where(:hover, :focus-visible)) + .aksel-accordion__item > .aksel-accordion__header:before {
+  .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 {
     display: none;
   }
 
@@ -3079,8 +2839,7 @@
     opacity: 0;
     border-color: rgba(0, 0, 0, 0);
     grid-template-rows: 0fr;
-    margin-top: 0;
-    margin-bottom: 0;
+    margin-block: 0;
     transition-property: visibility, opacity, grid-template-rows, margin, min-height;
     transition-duration: .25s;
     transition-timing-function: cubic-bezier(.2, 0, 0, 1);
@@ -3090,8 +2849,7 @@
 
   .aksel-accordion__item > .aksel-accordion__content .aksel-accordion__content-inner {
     min-height: 0;
-    padding-top: 0;
-    padding-bottom: 0;
+    padding-block: 0;
   }
 
   .aksel-accordion__item[data-expanded="true"] > .aksel-accordion__content {
@@ -3100,11 +2858,10 @@
     border-color: var(--ax-border-neutral-subtleA);
     opacity: 1;
     grid-template-rows: 1fr;
-    margin-bottom: var(--ax-space-24);
+    margin-block-end: var(--ax-space-24);
   }
 
   .aksel-accordion__item[data-expanded="true"] > .aksel-accordion__content .aksel-accordion__content-inner {
-    min-height: -webkit-fit-content;
     min-height: fit-content;
   }
 
@@ -3153,7 +2910,7 @@
 
   .aksel-alert--small > .aksel-alert__icon {
     height: var(--ax-font-line-height-large);
-    margin-top: 0;
+    margin-block-start: 0;
   }
 
   .aksel-alert--full-width {
@@ -3174,24 +2931,16 @@
     display: flex;
   }
 
-  .aksel-alert--close-button > .aksel-alert__wrapper {
-    margin-top: var(--ax-space-2);
-  }
-
-  .aksel-alert--close-button > .aksel-alert__icon {
-    margin-top: var(--ax-space-2);
+  .aksel-alert--close-button > .aksel-alert__wrapper, .aksel-alert--close-button > .aksel-alert__icon {
+    margin-block-start: var(--ax-space-2);
   }
 
   .aksel-alert--close-button.aksel-alert--small {
     align-items: flex-start;
   }
 
-  .aksel-alert--close-button.aksel-alert--small > .aksel-alert__wrapper {
-    margin-top: var(--ax-space-4);
-  }
-
-  .aksel-alert--close-button.aksel-alert--small > .aksel-alert__icon {
-    margin-top: var(--ax-space-4);
+  .aksel-alert--close-button.aksel-alert--small > .aksel-alert__wrapper, .aksel-alert--close-button.aksel-alert--small > .aksel-alert__icon {
+    margin-block-start: var(--ax-space-4);
   }
 
   .aksel-base-alert {
@@ -3202,7 +2951,6 @@
     --__axc-base-alert-header-icon-margin-block-start: var(--ax-space-8);
     --__axc-base-alert-header-close-button-margin-block-start: var(--ax-space-4);
     --__axc-global-alert-alignment: max(var(--__axc-base-alert-pi), calc((100% - var(--__axc-base-alert-header-max-width)) / 2));
-    height: -webkit-fit-content;
     height: fit-content;
     display: grid;
     overflow: clip;
@@ -3299,7 +3047,7 @@
   .aksel-base-alert__close-button {
     margin-left: auto;
     z-index: 1;
-    margin-top: var(--__axc-base-alert-header-close-button-margin-block-start);
+    margin-block-start: var(--__axc-base-alert-header-close-button-margin-block-start);
   }
 
   .aksel-base-alert__close-button:focus-visible {
@@ -3315,7 +3063,6 @@
     outline: 1px solid var(--ax-border-default);
     outline-offset: -1px;
     background: var(--ax-bg-moderate);
-    height: -webkit-fit-content;
     height: fit-content;
     color: var(--ax-text-default);
     align-items: flex-start;
@@ -3339,32 +3086,17 @@
     display: flex;
   }
 
-  .aksel-chat .aksel-chat__bubble {
+  .aksel-chat .aksel-chat__bubble, .aksel-chat .aksel-chat__avatar {
     background-color: var(--ax-bg-moderateA);
     border: 1px solid var(--ax-border-subtleA);
   }
 
-  .aksel-chat .aksel-chat__avatar {
-    background-color: var(--ax-bg-moderateA);
-    border: 1px solid var(--ax-border-subtleA);
-  }
-
-  .aksel-chat[data-variant="subtle"] .aksel-chat__bubble {
-    background-color: var(--ax-bg-softA);
-    border: 1px solid var(--ax-border-subtleA);
-  }
-
-  .aksel-chat[data-variant="subtle"] .aksel-chat__avatar {
+  .aksel-chat[data-variant="subtle"] .aksel-chat__bubble, .aksel-chat[data-variant="subtle"] .aksel-chat__avatar {
     background-color: var(--ax-bg-softA);
     border: 1px solid var(--ax-border-subtleA);
   }
 
-  .aksel-chat[data-color="neutral"][data-variant="subtle"] .aksel-chat__bubble {
-    background-color: var(--ax-bg-raised);
-    border: 1px solid var(--ax-border-neutral-subtleA);
-  }
-
-  .aksel-chat[data-color="neutral"][data-variant="subtle"] .aksel-chat__avatar {
+  .aksel-chat[data-color="neutral"][data-variant="subtle"] .aksel-chat__bubble, .aksel-chat[data-color="neutral"][data-variant="subtle"] .aksel-chat__avatar {
     background-color: var(--ax-bg-raised);
     border: 1px solid var(--ax-border-neutral-subtleA);
   }
@@ -3417,7 +3149,6 @@
     border-radius: var(--ax-radius-12);
     border-bottom-left-radius: var(--ax-radius-2);
     flex-direction: column;
-    width: -webkit-fit-content;
     width: fit-content;
     display: flex;
   }
@@ -3511,12 +3242,7 @@
     background-color: var(--ax-bg-moderate-hoverA);
   }
 
-  .aksel-date .rdp-month {
-    gap: var(--ax-space-20);
-    display: grid;
-  }
-
-  .aksel-date.rdp-month {
+  .aksel-date .rdp-month, .aksel-date.rdp-month {
     gap: var(--ax-space-20);
     display: grid;
   }
@@ -3578,11 +3304,7 @@
     opacity: var(--ax-opacity-disabled);
   }
 
-  .aksel-date .rdp-button:where(:not(.rdp-day_selected, [disabled])):hover .rdp-day__inner {
-    background: var(--ax-bg-moderate-hoverA);
-  }
-
-  .aksel-date .aksel-date__month-button:where(:not(.rdp-day_selected, [disabled])):hover .rdp-day__inner {
+  :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 {
     background: var(--ax-bg-moderate-hoverA);
   }
 
@@ -3603,11 +3325,7 @@
     transform: translateX(-50%);
   }
 
-  .aksel-date .rdp-day_today.rdp-day_selected:not(.rdp-day_range_middle):before {
-    background-color: var(--ax-text-contrast);
-  }
-
-  .aksel-date .rdp-day_today:active:before {
+  :is(.aksel-date .rdp-day_today.rdp-day_selected:not(.rdp-day_range_middle), .aksel-date .rdp-day_today:active):before {
     background-color: var(--ax-text-contrast);
   }
 
@@ -3616,18 +3334,13 @@
     pointer-events: none;
   }
 
-  .aksel-date__modal .aksel-date {
-    padding: 0;
-  }
-
-  .aksel-date__modal-body > .aksel-date {
+  .aksel-date__modal .aksel-date, .aksel-date__modal-body > .aksel-date {
     padding: 0;
   }
 
   @media (max-width: 360px) {
     .aksel-date__modal-body > .aksel-date {
-      margin-left: -12px;
-      margin-right: -12px;
+      margin-inline: -12px;
     }
   }
 
@@ -3672,28 +3385,16 @@
   }
 
   .aksel-date__wrapper, .aksel-date__standalone-wrapper {
-    width: -webkit-fit-content;
     width: fit-content;
-    height: -webkit-fit-content;
     height: fit-content;
   }
 
-  :is(.aksel-date__wrapper, .aksel-date__standalone-wrapper) .rdp-cell > button.rdp-day:focus-visible .rdp-day__inner {
+  :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 {
     outline: 3px solid var(--ax-border-focus);
     outline-offset: 3px;
   }
 
-  :is(.aksel-date__wrapper, .aksel-date__standalone-wrapper) .rdp-cell > button.rdp-day:active:not(:disabled) .rdp-day__inner {
-    color: var(--ax-text-contrast);
-    background-color: var(--ax-bg-strong-pressed);
-  }
-
-  :is(.aksel-date__wrapper, .aksel-date__standalone-wrapper) button.aksel-date__month-button:focus-visible .rdp-day__inner {
-    outline: 3px solid var(--ax-border-focus);
-    outline-offset: 3px;
-  }
-
-  :is(.aksel-date__wrapper, .aksel-date__standalone-wrapper) button.aksel-date__month-button:active:not(:disabled) .rdp-day__inner {
+  :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 {
     color: var(--ax-text-contrast);
     background-color: var(--ax-bg-strong-pressed);
   }
@@ -3716,38 +3417,17 @@
   .aksel-date__field-button {
     --__axc-button-border-width: 1px;
     --__axc-button-border-color: var(--ax-border-neutral);
+    border-start-start-radius: 0;
+    border-end-start-radius: 0;
     position: relative;
   }
 
-  .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)) {
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
-  }
-
-  .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)) {
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0;
-  }
-
-  .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)) {
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0;
-  }
-
   .aksel-date__field-button:focus-visible {
     outline: 3px solid var(--ax-border-focus);
     outline-offset: 3px;
   }
 
-  .aksel-date__field:not(.aksel-date__field--readonly):has(.aksel-date__field-input:not(:disabled)) .aksel-date__field-button:hover {
-    --__axc-button-border-color: var(--ax-border-strong);
-  }
-
-  .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 {
-    --__axc-button-border-color: var(--ax-border-strong);
-  }
-
-  .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 {
+  .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 {
     --__axc-button-border-color: var(--ax-border-strong);
   }
 
@@ -3774,16 +3454,12 @@
     background-color: var(--ax-bg-input);
     z-index: -1;
     position: absolute;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0;
+    inset: 0;
   }
 
   .aksel-date__field-wrapper {
     border-radius: var(--ax-radius-8);
     z-index: 0;
-    width: -webkit-fit-content;
     width: fit-content;
     display: inline-flex;
   }
@@ -3876,12 +3552,7 @@
     }
   }
 
-  .aksel-dialog__popup[data-entering-style] {
-    opacity: .001;
-    transform: var(--__axc-dialog-transform);
-  }
-
-  .aksel-dialog__popup[data-exiting-style] {
+  .aksel-dialog__popup[data-entering-style], .aksel-dialog__popup[data-exiting-style] {
     opacity: .001;
     transform: var(--__axc-dialog-transform);
   }
@@ -3911,10 +3582,7 @@
     pointer-events: none;
     transition: opacity cubic-bezier(.25, .46, .45, .94);
     position: absolute;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0;
+    inset: 0;
   }
 
   .aksel-dialog__popup[data-position="center"] {
@@ -3922,21 +3590,14 @@
     --__axc-dialog-transform: scale(.98);
     max-width: calc(100dvw - 3rem);
     max-height: calc(90dvh - var(--__axc-dialog-center-margin));
-    margin-left: auto;
-    margin-right: auto;
+    margin-inline: auto;
     margin-block: max(var(--__axc-dialog-center-margin), 10dvh) auto;
     top: 0;
     left: 0;
     right: 0;
   }
 
-  .aksel-dialog__popup[data-position="center"][data-nested="true"][data-entering-style] {
-    opacity: 1;
-    transition-duration: 0s;
-    transform: scale(1);
-  }
-
-  .aksel-dialog__popup[data-position="center"][data-nested="true"][data-exiting-style] {
+  .aksel-dialog__popup[data-position="center"][data-nested="true"][data-entering-style], .aksel-dialog__popup[data-position="center"][data-nested="true"][data-exiting-style] {
     opacity: 1;
     transition-duration: 0s;
     transform: scale(1);
@@ -3955,35 +3616,19 @@
       max-width: 95dvw;
       height: auto;
       max-height: calc(100dvh - max(16px, 10dvh));
-      margin-top: 0;
-      margin-bottom: 0;
-      margin-left: auto;
-      margin-right: auto;
-      top: auto;
-      bottom: 0;
-      left: 0;
-      right: 0;
+      margin-block: 0;
+      margin-inline: auto;
+      inset: auto 0 0;
     }
   }
 
-  .aksel-dialog__popup[data-position="right"] {
-    max-width: calc(100vw - max(16px, 10vw));
-    top: 0;
-    bottom: 0;
-  }
-
-  .aksel-dialog__popup[data-position="right"][data-nested-dialog-open="true"]:after {
-    opacity: 1;
-    transition-duration: .1s;
-  }
-
-  .aksel-dialog__popup[data-position="left"] {
+  .aksel-dialog__popup[data-position="right"], .aksel-dialog__popup[data-position="left"] {
     max-width: calc(100vw - max(16px, 10vw));
     top: 0;
     bottom: 0;
   }
 
-  .aksel-dialog__popup[data-position="left"][data-nested-dialog-open="true"]:after {
+  :is(.aksel-dialog__popup[data-position="right"], .aksel-dialog__popup[data-position="left"])[data-nested-dialog-open="true"]:after {
     opacity: 1;
     transition-duration: .1s;
   }
@@ -4012,8 +3657,7 @@
     max-width: 95dvw;
     height: auto;
     max-height: calc(100dvh - max(16px, 10dvh));
-    margin-left: auto;
-    margin-right: auto;
+    margin-inline: auto;
     bottom: 0;
     left: 0;
     right: 0;
@@ -4031,10 +3675,7 @@
     max-width: 100dvw;
     height: 100%;
     max-height: 100dvh;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0;
+    inset: 0;
   }
 
   .aksel-dialog__backdrop {
@@ -4043,10 +3684,7 @@
     min-height: 100dvh;
     transition: opacity .2s cubic-bezier(.25, .46, .45, .94);
     position: fixed;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0;
+    inset: 0;
   }
 
   @supports (-webkit-touch-callout: none) {
@@ -4055,11 +3693,7 @@
     }
   }
 
-  .aksel-dialog__backdrop[data-entering-style] {
-    opacity: .001;
-  }
-
-  .aksel-dialog__backdrop[data-exiting-style] {
+  .aksel-dialog__backdrop[data-entering-style], .aksel-dialog__backdrop[data-exiting-style] {
     opacity: .001;
   }
 
@@ -4069,7 +3703,7 @@
   }
 
   .aksel-dialog__title {
-    margin-bottom: var(--ax-space-4);
+    margin-block-end: var(--ax-space-4);
   }
 
   .aksel-dialog__close-button {
@@ -4086,7 +3720,7 @@
   }
 
   .aksel-dialog__header ~ .aksel-dialog__body {
-    padding-top: 0;
+    padding-block-start: 0;
   }
 
   .aksel-dialog__body {
@@ -4125,8 +3759,7 @@
     color: var(--ax-text-neutral);
     width: 27ch;
     max-height: 616px;
-    overflow-x: hidden;
-    overflow-y: auto;
+    overflow: hidden auto;
   }
 
   .aksel-dropdown__divider {
@@ -4371,15 +4004,7 @@
     display: grid;
   }
 
-  .aksel-action-menu__indicator[data-state="unchecked"] .aksel-action-menu__indicator-icon--unchecked {
-    display: block;
-  }
-
-  .aksel-action-menu__indicator[data-state="checked"] .aksel-action-menu__indicator-icon--checked {
-    display: block;
-  }
-
-  .aksel-action-menu__indicator[data-state="indeterminate"] .aksel-action-menu__indicator-icon--indeterminate {
+  .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 {
     display: block;
   }
 
@@ -4394,7 +4019,6 @@
     border-radius: var(--ax-radius-12);
     background-color: var(--ax-bg-softA);
     border: 1px solid var(--ax-border-default);
-    height: -webkit-fit-content;
     height: fit-content;
   }
 
@@ -4416,10 +4040,6 @@
     margin-top: var(--ax-space-2);
   }
 
-  .aksel-expansioncard--small :-webkit-any(.aksel-expansioncard__title--medium, .aksel-expansioncard__title--large) {
-    margin-top: 0;
-  }
-
   .aksel-expansioncard--small :is(.aksel-expansioncard__title--medium, .aksel-expansioncard__title--large) {
     margin-top: 0;
   }
@@ -4502,10 +4122,7 @@
     width: 100%;
     height: 100%;
     position: absolute;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0;
+    inset: 0;
   }
 
   .aksel-expansioncard__header:hover > .aksel-expansioncard__header-button {
@@ -4527,31 +4144,17 @@
   .aksel-expansioncard__content {
     padding-inline: var(--__axc-expansioncard-padding-inline);
     visibility: hidden;
+    border-end-end-radius: var(--__axc-expansioncard-border-radius);
+    border-end-start-radius: var(--__axc-expansioncard-border-radius);
     grid-template-rows: 0fr;
-    padding-top: 0;
-    padding-bottom: 0;
-    transition-property: visibility, padding-top, padding-bottom, grid-template-rows;
+    padding-block: 0;
+    transition-property: visibility, padding-block, grid-template-rows;
     transition-duration: .25s;
     transition-timing-function: cubic-bezier(.2, 0, 0, 1);
     display: grid;
     overflow: hidden;
   }
 
-  .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)) {
-    border-bottom-right-radius: var(--__axc-expansioncard-border-radius);
-    border-bottom-left-radius: var(--__axc-expansioncard-border-radius);
-  }
-
-  .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)) {
-    border-bottom-left-radius: var(--__axc-expansioncard-border-radius);
-    border-bottom-right-radius: var(--__axc-expansioncard-border-radius);
-  }
-
-  .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)) {
-    border-bottom-left-radius: var(--__axc-expansioncard-border-radius);
-    border-bottom-right-radius: var(--__axc-expansioncard-border-radius);
-  }
-
   .aksel-expansioncard__content[data-open="true"] {
     visibility: visible;
     padding-block: var(--__axc-expansioncard-padding-block);
@@ -4570,18 +4173,12 @@
 
   .aksel-guide-panel {
     --__axc-guide-panel-guide-size: 5rem;
-    width: -webkit-fit-content;
     width: fit-content;
     display: flex;
     position: relative;
   }
 
-  .aksel-guide-panel[data-poster="true"] {
-    flex-direction: column;
-    align-items: center;
-  }
-
-  .aksel-guide-panel[data-responsive="true"] {
+  .aksel-guide-panel[data-poster="true"], .aksel-guide-panel[data-responsive="true"] {
     flex-direction: column;
     align-items: center;
   }
@@ -4628,10 +4225,6 @@
     position: relative;
   }
 
-  .aksel-guide-panel:-webkit-any([data-poster="true"], [data-responsive="true"]) > .aksel-guide-panel__content {
-    margin-top: var(--ax-space-20);
-  }
-
   .aksel-guide-panel:is([data-poster="true"], [data-responsive="true"]) > .aksel-guide-panel__content {
     margin-top: var(--ax-space-20);
   }
@@ -4674,12 +4267,6 @@
     position: absolute;
   }
 
-  .aksel-guide-panel:-webkit-any([data-poster="true"], [data-responsive="true"]) .aksel-guide-panel__tail {
-    left: 50%;
-    top: calc(var(--ax-space-16) * -1 - 2px);
-    transform: translateX(-25%);
-  }
-
   .aksel-guide-panel:is([data-poster="true"], [data-responsive="true"]) .aksel-guide-panel__tail {
     left: 50%;
     top: calc(var(--ax-space-16) * -1 - 2px);
@@ -4689,14 +4276,14 @@
   .aksel-guide-panel[data-poster="false"] .aksel-guide-panel__tail {
     top: calc(var(--__axc-guide-panel-guide-size) / 2);
     left: calc(var(--ax-space-20) * -1 - 2px);
-    transform: translateY(-15%)rotateZ(-90deg)scaleX(-1);
+    transform: translateY(-15%) rotateZ(-90deg) scaleX(-1);
   }
 
   @media (min-width: 480px) {
     .aksel-guide-panel[data-responsive="true"] .aksel-guide-panel__tail {
       top: calc(var(--__axc-guide-panel-guide-size) / 2);
       left: calc(var(--ax-space-20) * -1 - 2px);
-      transform: translateY(-15%)rotateZ(-90deg)scaleX(-1);
+      transform: translateY(-15%) rotateZ(-90deg) scaleX(-1);
     }
   }
 
@@ -4725,11 +4312,7 @@
     border: 1px solid var(--ax-border-default);
   }
 
-  .aksel-help-text__icon--filled {
-    display: none;
-  }
-
-  .aksel-help-text__button:where(:hover, :focus-visible, [aria-expanded="true"]) > .aksel-help-text__icon {
+  .aksel-help-text__icon--filled, .aksel-help-text__button:where(:hover, :focus-visible, [aria-expanded="true"]) > .aksel-help-text__icon {
     display: none;
   }
 
@@ -4765,7 +4348,7 @@
   .aksel-inline-message__icon {
     color: var(--ax-text-subtle);
     flex: none;
-    margin-top: var(--ax-space-2);
+    margin-block-start: var(--ax-space-2);
     font-size: 1.5rem;
   }
 
@@ -4793,8 +4376,7 @@
     font: inherit;
     font-weight: var(--ax-font-weight-bold);
     text-align: left;
-    padding-top: 0;
-    padding-bottom: 0;
+    padding-block: 0;
     padding-inline: var(--ax-space-24) var(--ax-space-20);
     border: none;
     border-right: 1px solid var(--ax-border-neutral-subtleA);
@@ -4808,10 +4390,6 @@
     overflow: visible;
   }
 
-  .aksel-internalheader__title:-webkit-any(button) {
-    cursor: pointer;
-  }
-
   .aksel-internalheader__title:is(button) {
     cursor: pointer;
   }
@@ -4820,10 +4398,6 @@
     background: var(--ax-bg-neutral-moderate-hoverA);
   }
 
-  .aksel-internalheader__title:-webkit-any(:hover, :active):not(button, a) {
-    background: initial;
-  }
-
   .aksel-internalheader__title:is(:hover, :active):not(button, a) {
     background: initial;
   }
@@ -4909,11 +4483,7 @@
     display: inline-flex;
   }
 
-  .aksel-link:hover {
-    text-decoration-thickness: .111em;
-  }
-
-  .aksel-link:active {
+  .aksel-link:hover, .aksel-link:active {
     text-decoration-thickness: .111em;
   }
 
@@ -5023,11 +4593,7 @@
     color: var(--ax-text-subtle);
   }
 
-  .aksel-link-anchor:hover {
-    text-decoration-thickness: .111em;
-  }
-
-  .aksel-link-anchor__overlay:hover .aksel-link-anchor {
+  .aksel-link-anchor:hover, .aksel-link-anchor__overlay:hover .aksel-link-anchor {
     text-decoration-thickness: .111em;
   }
 
@@ -5047,11 +4613,7 @@
     transform: translateX(0);
   }
 
-  .aksel-link-anchor:hover .aksel-link-anchor__arrow {
-    transform: translateX(4px);
-  }
-
-  .aksel-link-anchor__overlay:hover .aksel-link-anchor__arrow {
+  .aksel-link-anchor:hover .aksel-link-anchor__arrow, .aksel-link-anchor__overlay:hover .aksel-link-anchor__arrow {
     transform: translateX(4px);
   }
 
@@ -5093,11 +4655,7 @@
     align-items: center;
   }
 
-  .aksel-link-card:not(:has(.aksel-link-card__description, .aksel-link-card__footer)) .aksel-link-card__icon {
-    align-self: center;
-  }
-
-  .aksel-link-card:not(:has(.aksel-link-card__description, .aksel-link-card__footer))[data-align-arrow="baseline"] .aksel-link-card__arrow {
+  .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 {
     align-self: center;
   }
 
@@ -5118,17 +4676,13 @@
     grid-area: title;
   }
 
-  .aksel-link-card[data-color="neutral"] .aksel-link-card__title {
-    color: var(--ax-text-default);
-  }
-
-  .aksel-link-card__title[data-color="neutral"] {
+  .aksel-link-card[data-color="neutral"] .aksel-link-card__title, .aksel-link-card__title[data-color="neutral"] {
     color: var(--ax-text-default);
   }
 
   .aksel-link-card__description {
     grid-area: description;
-    margin-top: var(--ax-space-4);
+    margin-block-start: var(--ax-space-4);
   }
 
   .aksel-link-card__footer {
@@ -5136,44 +4690,23 @@
     gap: var(--ax-space-8);
     flex-wrap: wrap;
     grid-area: footer;
-    margin-top: var(--ax-space-16);
+    margin-block-start: var(--ax-space-16);
     display: flex;
   }
 
   .aksel-link-card__icon {
-    width: -webkit-max-content;
     width: max-content;
-    height: -webkit-max-content;
     height: max-content;
     color: var(--ax-text-default);
     grid-area: icon;
     place-content: center;
     align-self: flex-start;
+    margin-inline-end: var(--ax-space-16);
     display: grid;
   }
 
-  .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)) {
-    margin-right: var(--ax-space-16);
-  }
-
-  .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)) {
-    margin-left: var(--ax-space-16);
-  }
-
-  .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)) {
-    margin-left: var(--ax-space-16);
-  }
-
-  .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)) {
-    margin-right: var(--ax-space-12);
-  }
-
-  .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)) {
-    margin-left: var(--ax-space-12);
-  }
-
-  .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)) {
-    margin-left: var(--ax-space-12);
+  .aksel-link-card--small .aksel-link-card__icon {
+    margin-inline-end: var(--ax-space-12);
   }
 
   .aksel-link-card__image-container {
@@ -5187,13 +4720,6 @@
     overflow: hidden;
   }
 
-  .aksel-link-card__image-container :-webkit-any(img, picture) {
-    object-fit: cover;
-    max-width: 100%;
-    height: 100%;
-    display: block;
-  }
-
   .aksel-link-card__image-container :is(img, picture) {
     object-fit: cover;
     max-width: 100%;
@@ -5203,18 +4729,7 @@
 
   .aksel-link-card__arrow {
     grid-area: arrow;
-  }
-
-  .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)) {
-    margin-left: var(--ax-space-8);
-  }
-
-  .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)) {
-    margin-right: var(--ax-space-8);
-  }
-
-  .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)) {
-    margin-right: var(--ax-space-8);
+    margin-inline-start: var(--ax-space-8);
   }
 
   .aksel-link-card[data-align-arrow="baseline"] .aksel-link-card__arrow {
@@ -5246,9 +4761,7 @@
   }
 
   .aksel-modal--polyfilled {
-    width: -webkit-fit-content;
     width: fit-content;
-    height: -webkit-fit-content;
     height: fit-content;
     margin: auto;
     top: 50%;
@@ -5267,17 +4780,10 @@
 
   ._dialog_overlay {
     position: fixed;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0;
+    inset: 0;
   }
 
-  .aksel-modal--small .aksel-modal__header {
-    padding: var(--ax-space-12) var(--ax-space-16);
-  }
-
-  .aksel-modal--small .aksel-modal__body {
+  .aksel-modal--small .aksel-modal__header, .aksel-modal--small .aksel-modal__body {
     padding: var(--ax-space-12) var(--ax-space-16);
   }
 
@@ -5323,10 +4829,7 @@
   .aksel-modal--polyfilled + .backdrop {
     background: rgba(12, 22, 39, .66);
     position: fixed;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0;
+    inset: 0;
   }
 
   .aksel-modal__button {
@@ -5386,7 +4889,6 @@
   }
 
   .aksel-modal--polyfilled .aksel-modal--polyfilled.aksel-date__nested-modal {
-    min-width: -webkit-fit-content;
     min-width: fit-content;
     max-width: 100vw;
     max-height: 100vh;
@@ -5560,26 +5062,14 @@
 
   .aksel-tag__icon--left {
     font-size: var(--__axc-tag-icon-size);
+    margin-inline-start: var(--__axc-tag-icon-margin);
     display: flex;
   }
 
-  .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)) {
-    margin-left: var(--__axc-tag-icon-margin);
-  }
-
-  .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)) {
-    margin-right: var(--__axc-tag-icon-margin);
-  }
-
-  .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)) {
-    margin-right: var(--__axc-tag-icon-margin);
-  }
-
   .aksel-timeline {
     grid-template-columns: auto minmax(0, 1fr);
     align-items: center;
     width: 100%;
-    min-width: -webkit-fit-content;
     min-width: fit-content;
     display: grid;
     position: relative;
@@ -5753,10 +5243,7 @@
     width: 25px;
     height: 25px;
     position: absolute;
-    top: -9px;
-    bottom: 0;
-    left: -9px;
-    right: 0;
+    inset: -9px 0 0 -9px;
   }
 
   .aksel-timeline__pin-button:hover {
@@ -5866,13 +5353,7 @@
       outline: 4px solid rgba(0, 0, 0, 0);
     }
 
-    .aksel-timeline__pin-button:focus {
-      outline-offset: 3px;
-      box-shadow: none;
-      outline: 4px solid highlight;
-    }
-
-    .aksel-timeline__pin-button:focus-visible {
+    .aksel-timeline__pin-button:focus, .aksel-timeline__pin-button:focus-visible {
       outline-offset: 3px;
       box-shadow: none;
       outline: 4px solid highlight;
@@ -6036,7 +5517,6 @@
     border: none;
     justify-content: center;
     align-items: center;
-    min-width: -webkit-fit-content;
     min-width: fit-content;
     display: inline-flex;
     position: relative;
@@ -6356,7 +5836,6 @@
   }
 
   .aksel-skeleton--has-children.aksel-skeleton--no-width {
-    width: -webkit-fit-content;
     width: fit-content;
   }
 
@@ -6417,15 +5896,15 @@
 
   .aksel-process__event[data-dot="true"] {
     --__axc-process-circle-size: var(--__axc-process-circle-small);
-    margin-top: calc((var(--__axc-process-circle-small) / 2) * -1);
+    margin-block-start: calc((var(--__axc-process-circle-small) / 2) * -1);
   }
 
   .aksel-process__event[data-dot="true"] .aksel-process__line[data-position="start"] {
-    margin-bottom: calc(var(--__axc-process-circle-size) / 2 * -1);
+    margin-block-end: calc(var(--__axc-process-circle-size) / 2 * -1);
   }
 
   .aksel-process__event[data-dot="true"] .aksel-process__line[data-position="end"] {
-    margin-top: calc(var(--__axc-process-circle-size) / 2);
+    margin-block-start: calc(var(--__axc-process-circle-size) / 2);
   }
 
   .aksel-process__event[data-dot="true"] .aksel-process__bullet {
@@ -6451,29 +5930,12 @@
   }
 
   .aksel-process__event:first-of-type .aksel-process__line[data-position="start"] {
+    border-start-start-radius: var(--ax-radius-4);
+    border-start-end-radius: var(--ax-radius-4);
     min-height: 1.5rem;
   }
 
-  .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)) {
-    border-top-left-radius: var(--ax-radius-4);
-    border-top-right-radius: var(--ax-radius-4);
-  }
-
-  .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)) {
-    border-top-right-radius: var(--ax-radius-4);
-    border-top-left-radius: var(--ax-radius-4);
-  }
-
-  .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)) {
-    border-top-right-radius: var(--ax-radius-4);
-    border-top-left-radius: var(--ax-radius-4);
-  }
-
-  .aksel-process__event:not(:first-of-type) .aksel-process__line[data-position="start"] {
-    display: none;
-  }
-
-  .aksel-process:not([data-truncated="start"], [data-truncated="both"]) .aksel-process__line[data-position="start"] {
+  .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"] {
     display: none;
   }
 
@@ -6486,24 +5948,11 @@
   }
 
   .aksel-process__event:last-of-type .aksel-process__line[data-position="end"] {
+    border-end-end-radius: var(--ax-radius-4);
+    border-end-start-radius: var(--ax-radius-4);
     min-height: 1.5rem;
   }
 
-  .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)) {
-    border-bottom-right-radius: var(--ax-radius-4);
-    border-bottom-left-radius: var(--ax-radius-4);
-  }
-
-  .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)) {
-    border-bottom-left-radius: var(--ax-radius-4);
-    border-bottom-right-radius: var(--ax-radius-4);
-  }
-
-  .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)) {
-    border-bottom-left-radius: var(--ax-radius-4);
-    border-bottom-right-radius: var(--ax-radius-4);
-  }
-
   .aksel-process__event[data-status="active"] .aksel-process__line {
     border-color: var(--ax-border-default);
     border-image: linear-gradient(to bottom, var(--ax-border-default) 50%, var(--ax-border-neutral-subtle) 90%);
@@ -6559,12 +6008,6 @@
     width: min(calc(var(--__axc-process-circle-size) * .75), 1.5rem);
   }
 
-  .aksel-process__event:-webkit-any([data-status="completed"], [data-status="active"]) .aksel-process__bullet {
-    color: var(--ax-text-contrast);
-    background: var(--ax-bg-strong);
-    border-color: rgba(0, 0, 0, 0);
-  }
-
   .aksel-process__event:is([data-status="completed"], [data-status="active"]) .aksel-process__bullet {
     color: var(--ax-text-contrast);
     background: var(--ax-bg-strong);
@@ -6591,7 +6034,7 @@
   }
 
   .aksel-process__event[data-status="active"] .aksel-process__title:has( + .aksel-process__active-label) {
-    padding-bottom: 0;
+    padding-block-end: 0;
   }
 
   .aksel-process__active-label {
@@ -6600,7 +6043,7 @@
   }
 
   .aksel-process__active-label:last-of-type {
-    margin-bottom: 0;
+    margin-block-end: 0;
   }
 
   @media (forced-colors: active) {
@@ -6608,13 +6051,6 @@
       transition: none;
     }
 
-    .aksel-process__event:-webkit-any([data-status="completed"], [data-status="active"]) .aksel-process__bullet {
-      color: buttonface;
-      forced-color-adjust: none;
-      background-color: buttontext;
-      outline-color: buttontext;
-    }
-
     .aksel-process__event:is([data-status="completed"], [data-status="active"]) .aksel-process__bullet {
       color: buttonface;
       forced-color-adjust: none;
@@ -6705,18 +6141,7 @@
     margin-bottom: 0;
   }
 
-  .aksel-stepper__step:-webkit-any(button) {
-    -webkit-appearance: none;
-    appearance: none;
-    font: inherit;
-    color: inherit;
-    text-align: inherit;
-    background-color: rgba(0, 0, 0, 0);
-    border: none;
-  }
-
   .aksel-stepper__step:is(button) {
-    -webkit-appearance: none;
     appearance: none;
     font: inherit;
     color: inherit;
@@ -6754,11 +6179,7 @@
     text-decoration-thickness: .05em;
   }
 
-  .aksel-stepper__step[data-interactive="true"]:hover .aksel-stepper__content {
-    text-decoration-thickness: .111em;
-  }
-
-  .aksel-stepper__step[data-interactive="true"]:active .aksel-stepper__content {
+  :is(.aksel-stepper__step[data-interactive="true"]:hover, .aksel-stepper__step[data-interactive="true"]:active) .aksel-stepper__content {
     text-decoration-thickness: .111em;
   }
 
@@ -6799,7 +6220,6 @@
 
   .aksel-stepper__content {
     grid-column: content;
-    min-width: -webkit-fit-content;
     min-width: fit-content;
     padding-top: .16rem;
     line-height: 1.5;
@@ -6835,11 +6255,7 @@
     flex: 100%;
   }
 
-  .aksel-stepper[data-orientation="horizontal"] .aksel-stepper__item:first-of-type .aksel-stepper__line--1 {
-    visibility: hidden;
-  }
-
-  .aksel-stepper[data-orientation="horizontal"] .aksel-stepper__item:last-of-type .aksel-stepper__line--2 {
+  .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 {
     visibility: hidden;
   }
 
@@ -6899,7 +6315,6 @@
     z-index: 10;
     background-color: var(--ax-bg-default);
     box-sizing: border-box;
-    position: -webkit-sticky;
     position: sticky;
     top: 0;
   }
@@ -6921,10 +6336,6 @@
     display: table-row;
   }
 
-  .aksel-table__row:has( + .aksel-table__row--selected) :-webkit-any(.aksel-table__header-cell, .aksel-table__data-cell) {
-    border-color: var(--ax-border-default);
-  }
-
   .aksel-table__row:has( + .aksel-table__row--selected) :is(.aksel-table__header-cell, .aksel-table__data-cell) {
     border-color: var(--ax-border-default);
   }
@@ -6955,18 +6366,10 @@
     border-color: var(--ax-border-default);
   }
 
-  .aksel-table__row--selected :-webkit-any(.aksel-table__header-cell, .aksel-table__data-cell) {
-    border-color: var(--ax-border-default);
-  }
-
   .aksel-table__row--selected :is(.aksel-table__header-cell, .aksel-table__data-cell) {
     border-color: var(--ax-border-default);
   }
 
-  .aksel-table__row--selected.aksel-table__expandable-row--open :-webkit-any(.aksel-table__header-cell, .aksel-table__data-cell) {
-    border-color: rgba(0, 0, 0, 0);
-  }
-
   .aksel-table__row--selected.aksel-table__expandable-row--open :is(.aksel-table__header-cell, .aksel-table__data-cell) {
     border-color: rgba(0, 0, 0, 0);
   }
@@ -7023,10 +6426,7 @@
   }
 
   .aksel-table tr:not(.aksel-table__expanded-row) .aksel-checkbox:focus-within:after {
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0;
+    inset: 0;
   }
 
   .aksel-table__header-cell[aria-sort] {
@@ -7034,7 +6434,6 @@
   }
 
   .aksel-table__sort-button {
-    -webkit-appearance: none;
     appearance: none;
     color: var(--ax-text-subtle);
     cursor: pointer;
@@ -7160,10 +6559,6 @@
     border-bottom: 1px solid var(--ax-border-neutral-subtleA);
   }
 
-  .aksel-table__expandable-row:has( + .aksel-table__expanded-row[data-state="closed"] + .aksel-table__row--selected) > :-webkit-any(th, td) {
-    border-color: var(--ax-border-default);
-  }
-
   .aksel-table__expandable-row:has( + .aksel-table__expanded-row[data-state="closed"] + .aksel-table__row--selected) > :is(th, td) {
     border-color: var(--ax-border-default);
   }
@@ -7322,15 +6717,15 @@
   @media (forced-colors: active) {
     .aksel-tabs__tab[data-state="active"] {
       border-bottom: 3px solid canvastext;
-      padding-bottom: calc(var(--ax-space-12) - 3px);
+      padding-block-end: calc(var(--ax-space-12) - 3px);
     }
 
     .aksel-tabs__tab--small[data-state="active"] {
-      padding-bottom: calc(var(--ax-space-6) - 3px);
+      padding-block-end: calc(var(--ax-space-6) - 3px);
     }
 
     .aksel-tabs__tab-icon--top[data-state="active"], .aksel-tabs__tab--small.aksel-tabs__tab-icon--top[data-state="active"] {
-      padding-bottom: calc(var(--ax-space-4) - 3px);
+      padding-block-end: calc(var(--ax-space-4) - 3px);
     }
   }
 
@@ -7368,7 +6763,7 @@
     display: flex;
   }
 
-  @supports (hanging-punctuation: first) and (font: -apple-system-body) and ((-webkit-appearance: none) or (appearance: none)) {
+  @supports (hanging-punctuation: first) and (font: -apple-system-body) and (appearance: none) {
     .aksel-list ol {
       padding-left: 2.1rem;
     }
@@ -7379,11 +6774,11 @@
   }
 
   .aksel-list__item {
-    margin-bottom: var(--ax-space-8);
+    margin-block-end: var(--ax-space-8);
   }
 
   .aksel-list__item:last-child {
-    margin-bottom: 0;
+    margin-block-end: 0;
   }
 
   .aksel-list__item-marker {
@@ -8356,7 +7751,6 @@
   }
 
   .aksel-page {
-    min-height: 100vh;
     flex-direction: column;
     min-height: 100lvh;
     display: flex;
@@ -8365,8 +7759,7 @@
   .aksel-pageblock {
     --__axc-page-padding-inline: 0px;
     width: 100%;
-    margin-left: auto;
-    margin-right: auto;
+    margin-inline: auto;
   }
 
   .aksel-page__content--grow {
@@ -8374,12 +7767,11 @@
   }
 
   .aksel-page__content--fullheight {
-    min-height: 100vh;
     min-height: 100lvh;
   }
 
   .aksel-page__content--padding {
-    padding-bottom: var(--ax-space-64);
+    padding-block-end: var(--ax-space-64);
   }
 
   .aksel-pageblock--text {
@@ -8549,19 +7941,8 @@
   }
 
   .aksel-stack > .aksel-stack__spacer {
-    margin-top: calc(var(--__axc-stack-gap) * -1);
-  }
-
-  .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)) {
-    margin-left: calc(var(--__axc-stack-gap) * -1);
-  }
-
-  .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)) {
-    margin-right: calc(var(--__axc-stack-gap) * -1);
-  }
-
-  .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)) {
-    margin-right: calc(var(--__axc-stack-gap) * -1);
+    margin-block-start: calc(var(--__axc-stack-gap) * -1);
+    margin-inline-start: calc(var(--__axc-stack-gap) * -1);
   }
 
   @media (min-width: 480px) {