@navikt/ds-css 7.35.1 → 7.35.3

package/dist/darkside/version/{7.35.1 → 7.35.3}/index.css

@@ -646,7 +646,7 @@
   }
 
   :root, :host {
-    --ax-version: "7.35.1";
+    --ax-version: "7.35.3";
     --ax-space-0: 0rem;
     --ax-space-1: .0625rem;
     --ax-space-2: .125rem;
@@ -1489,10 +1489,6 @@
     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);
   }
@@ -1516,15 +1512,6 @@
     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);
-  }
-
   .aksel-button[data-variant="secondary"]:is(:disabled, .aksel-button--disabled) {
     color: var(--ax-text-subtle);
     background-color: rgba(0, 0, 0, 0);
@@ -1556,15 +1543,6 @@
     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);
-  }
-
   .aksel-button[data-variant="tertiary"]:is(:disabled, .aksel-button--disabled) {
     color: var(--ax-text-subtle);
     background-color: rgba(0, 0, 0, 0);
@@ -1927,10 +1905,7 @@
     animation: akselDropzoneDragoverAnimation var(--__axc-dropzone-animation-length-short) var(--__axc-dropzone-animation-ease-out);
     margin: -1px;
     position: absolute;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0;
+    inset: 0;
   }
 
   @keyframes akselDropzoneDragoverAnimation {
@@ -2008,19 +1983,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) {
+  .aksel-file-upload :is(ul, li), li.aksel-file-item {
     margin: 0;
     padding: 0;
     list-style: none;
@@ -2209,27 +2172,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;
     }
@@ -2243,7 +2193,6 @@
     --__axc-radio-checkbox-marker-size: 1.5rem;
     --__axc-radio-checkbox-marker-target: 2.75rem;
     gap: var(--ax-space-2) 0;
-    width: -webkit-fit-content;
     width: fit-content;
     padding: var(--ax-space-12) 0;
     grid-template-columns: auto 1fr;
@@ -2290,7 +2239,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);
@@ -2304,7 +2252,7 @@
 
   .aksel-checkbox__input:before, .aksel-radio__input:before {
     content: "";
-    inset: calc(-1 * (var(--__axc-radio-checkbox-marker-border)  + (var(--__axc-radio-checkbox-marker-target)  - var(--__axc-radio-checkbox-marker-size)) / 2));
+    inset: calc(-1 * ( var(--__axc-radio-checkbox-marker-border)  + (var(--__axc-radio-checkbox-marker-target)  - var(--__axc-radio-checkbox-marker-size)) / 2 ));
     position: absolute;
   }
 
@@ -2378,19 +2326,11 @@
     opacity: var(--ax-opacity-disabled);
   }
 
-  .aksel-checkbox--disabled :where(.aksel-checkbox__input, .aksel-checkbox__label) {
-    cursor: not-allowed;
-  }
-
-  .aksel-radio--disabled > :where(.aksel-radio__input, .aksel-radio__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-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;
   }
 
@@ -2421,11 +2361,7 @@
     box-shadow: inset 0 0 0 2px var(--ax-border-neutral-subtle), inset 0 0 0 7px var(--ax-bg-neutral-moderate);
   }
 
-  @media (forced-colors: active) {
-    :-webkit-any(.aksel-checkbox, .aksel-checkbox--readonly) .aksel-checkbox__input:indeterminate:after {
-      background-color: fieldtext;
-    }
-
+  @media screen and (forced-colors: active) {
     :is(.aksel-checkbox, .aksel-checkbox--readonly) .aksel-checkbox__input:indeterminate:after {
       background-color: fieldtext;
     }
@@ -2467,21 +2403,38 @@
       background-color: graytext;
     }
 
-    .aksel-checkbox--disabled :is(.aksel-checkbox__label, .aksel-checkbox__description, .aksel-checkbox__input:checked + .aksel-checkbox__icon) {
+    .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;
     }
+  }
 
-    .aksel-radio--disabled :-webkit-any(.aksel-radio__label, .aksel-radio__description) {
-      color: graytext;
+  @media print {
+    .aksel-checkbox__input:before, .aksel-radio__input:before {
+      z-index: -1;
     }
 
-    .aksel-radio--disabled :is(.aksel-radio__label, .aksel-radio__description) {
-      color: graytext;
+    .aksel-radio__input, .aksel-checkbox__input {
+      border-color: #000 !important;
+    }
+
+    .aksel-radio__input:checked.aksel-radio__input:checked {
+      --__axc-radio-checkbox-marker-border: 7px;
+      border-color: #000;
+    }
+
+    .aksel-checkbox__icon {
+      height: calc(var(--__axc-radio-checkbox-marker-size)  - 4px);
+      top: 2px;
+      bottom: 2px;
+    }
+
+    .aksel-checkbox__input:indeterminate:after {
+      outline-offset: -2px;
+      outline: 2px solid #000;
     }
   }
 
   .aksel-select__input {
-    -webkit-appearance: none;
     appearance: none;
     background-color: var(--ax-bg-input);
     border-radius: var(--ax-radius-8);
@@ -2540,21 +2493,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);
   }
@@ -2585,12 +2527,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;
@@ -2603,7 +2539,6 @@
   }
 
   .aksel-switch {
-    width: -webkit-fit-content;
     width: fit-content;
     min-height: 3rem;
     position: relative;
@@ -2782,18 +2717,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;
   }
 
@@ -2805,31 +2734,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;
   }
 
@@ -2891,7 +2801,6 @@
   }
 
   .aksel-text-field__input {
-    -webkit-appearance: none;
     appearance: none;
     padding: var(--ax-space-8);
     background: var(--ax-bg-input);
@@ -2968,7 +2877,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);
@@ -3031,50 +2939,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 {
@@ -3117,7 +2992,6 @@
   }
 
   .aksel-search--with-size .aksel-search__wrapper {
-    width: -webkit-fit-content;
     width: fit-content;
   }
 
@@ -3140,13 +3014,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;
@@ -3214,10 +3082,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.aksel-button--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.aksel-button--secondary:not(:hover, :active) {
     --__axc-button-border-color: var(--ax-border-strong);
   }
@@ -3231,11 +3095,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;
   }
 
@@ -3258,10 +3118,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);
   }
@@ -3286,11 +3142,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;
   }
 
@@ -3311,11 +3163,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);
   }
 
@@ -3580,7 +3428,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 {
@@ -3608,7 +3456,6 @@
     }
 
     .aksel-combobox__input {
-      min-width: -webkit-min-content;
       min-width: min-content;
       padding: .75rem 0;
     }
@@ -3808,9 +3655,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;
@@ -3865,11 +3711,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;
   }
 
@@ -3892,11 +3734,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;
   }
 
@@ -3970,8 +3808,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);
@@ -3981,8 +3818,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 {
@@ -3991,11 +3827,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;
   }
 
@@ -4048,7 +3883,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 {
@@ -4069,24 +3904,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 {
@@ -4095,7 +3922,6 @@
     --__axc-base-alert-content-p: var(--ax-space-12) var(--__axc-base-alert-pi) var(--ax-space-16) var(--__axc-base-alert-pi);
     --__axc-base-alert-title-pb: var(--ax-space-2);
     --__axc-base-alert-header-max-width: 37.5rem;
-    height: -webkit-fit-content;
     height: fit-content;
     display: grid;
     overflow: clip;
@@ -4192,32 +4018,17 @@
     display: flex;
   }
 
-  .aksel-chat .aksel-chat__bubble {
-    background-color: var(--ax-bg-moderateA);
-    border: 1px solid var(--ax-border-subtleA);
-  }
-
-  .aksel-chat .aksel-chat__avatar {
+  .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[data-variant="subtle"] .aksel-chat__bubble {
+  .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-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);
   }
@@ -4269,7 +4080,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;
   }
@@ -4348,12 +4158,7 @@
     color: var(--ax-text-neutral);
   }
 
-  .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;
   }
@@ -4395,13 +4200,7 @@
     position: relative;
   }
 
-  .aksel-date .rdp-day_selected {
-    color: var(--ax-text-contrast);
-    background: var(--ax-bg-strong-pressed);
-    cursor: pointer;
-  }
-
-  .aksel-date .aksel-monthpicker__month--selected {
+  .aksel-date .rdp-day_selected, .aksel-date .aksel-monthpicker__month--selected {
     color: var(--ax-text-contrast);
     background: var(--ax-bg-strong-pressed);
     cursor: pointer;
@@ -4414,12 +4213,7 @@
     text-decoration: line-through;
   }
 
-  .aksel-date .rdp-button:where(:not(.rdp-day_selected, [disabled])):hover {
-    background: var(--ax-bg-moderate-hoverA);
-    cursor: pointer;
-  }
-
-  .aksel-date .aksel-date__month-button:where(:not(.rdp-day_selected, [disabled])):hover {
+  .aksel-date .rdp-button:where(:not(.rdp-day_selected, [disabled])):hover, .aksel-date .aksel-date__month-button:where(:not(.rdp-day_selected, [disabled])):hover {
     background: var(--ax-bg-moderate-hoverA);
     cursor: pointer;
   }
@@ -4441,11 +4235,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);
   }
 
@@ -4454,18 +4244,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;
     }
   }
 
@@ -4503,28 +4288,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 {
-    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) {
-    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 {
+  :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 {
     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) {
+  :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) {
     color: var(--ax-text-contrast);
     background-color: var(--ax-bg-strong-pressed);
   }
@@ -4544,6 +4317,8 @@
     padding: var(--ax-space-12);
     background: none;
     border: none;
+    border-start-start-radius: 0;
+    border-end-start-radius: 0;
     justify-content: center;
     align-items: center;
     height: calc(100% - .125rem);
@@ -4557,21 +4332,6 @@
     transform: translateY(-50%);
   }
 
-  .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-form-field--small .aksel-date__field-button {
     padding: var(--ax-space-4);
   }
@@ -4591,7 +4351,6 @@
 
   .aksel-date__field-wrapper {
     align-items: center;
-    width: -webkit-fit-content;
     width: fit-content;
     display: inline-flex;
     position: relative;
@@ -4648,8 +4407,7 @@
     color: var(--ax-text-neutral);
     width: 27ch;
     max-height: 616px;
-    overflow-x: hidden;
-    overflow-y: auto;
+    overflow: hidden auto;
   }
 
   .aksel-dropdown__divider {
@@ -4898,15 +4656,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;
   }
 
@@ -4921,7 +4671,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;
   }
 
@@ -4943,10 +4692,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;
   }
@@ -5029,10 +4774,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 {
@@ -5054,31 +4796,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);
@@ -5095,28 +4823,18 @@
     transition: opacity .25s cubic-bezier(.2, 0, 0, 1);
   }
 
-  .aksel-expansioncard--no-animation :-webkit-any(.aksel-expansioncard__content, .aksel-expansioncard__content-inner) {
-    transition: none;
-  }
-
   .aksel-expansioncard--no-animation :is(.aksel-expansioncard__content, .aksel-expansioncard__content-inner) {
     transition: none;
   }
 
   .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;
   }
@@ -5163,10 +4881,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);
   }
@@ -5209,12 +4923,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);
@@ -5260,11 +4968,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;
   }
 
@@ -5327,8 +5031,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);
@@ -5342,10 +5045,6 @@
     overflow: visible;
   }
 
-  .aksel-internalheader__title:-webkit-any(button) {
-    cursor: pointer;
-  }
-
   .aksel-internalheader__title:is(button) {
     cursor: pointer;
   }
@@ -5354,10 +5053,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;
   }
@@ -5425,11 +5120,7 @@
     display: inline-flex;
   }
 
-  .aksel-link:hover {
-    text-decoration-thickness: .111em;
-  }
-
-  .aksel-link:active {
+  .aksel-link:hover, .aksel-link:active {
     text-decoration-thickness: .111em;
   }
 
@@ -5539,11 +5230,7 @@
     text-decoration-thickness: .05em;
   }
 
-  .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;
   }
 
@@ -5563,11 +5250,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);
   }
 
@@ -5609,11 +5292,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;
   }
 
@@ -5634,17 +5313,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 {
@@ -5652,44 +5327,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 {
@@ -5703,13 +5357,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%;
@@ -5719,18 +5366,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 {
@@ -5868,9 +5504,7 @@
   }
 
   .aksel-modal--polyfilled {
-    width: -webkit-fit-content;
     width: fit-content;
-    height: -webkit-fit-content;
     height: fit-content;
     margin: auto;
     top: 50%;
@@ -5889,10 +5523,7 @@
 
   ._dialog_overlay {
     position: fixed;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0;
+    inset: 0;
   }
 
   .aksel-modal--medium {
@@ -5903,11 +5534,7 @@
     width: 450px;
   }
 
-  .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);
   }
 
@@ -5945,10 +5572,7 @@
   .aksel-modal--polyfilled + .backdrop {
     background: rgba(2, 20, 49, .8);
     position: fixed;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0;
+    inset: 0;
   }
 
   .aksel-modal__button {
@@ -5999,7 +5623,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;
@@ -6173,26 +5796,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;
@@ -6348,10 +5959,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 {
@@ -6459,13 +6067,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;
@@ -6629,7 +6231,6 @@
     border: none;
     justify-content: center;
     align-items: center;
-    min-width: -webkit-fit-content;
     min-width: fit-content;
     display: inline-flex;
     position: relative;
@@ -6747,14 +6348,6 @@
     transform: rotateX(-180deg);
   }
 
-  .aksel-read-more:-webkit-any([data-volume="low"], :not([data-volume])) .aksel-read-more__button {
-    border-radius: var(--ax-radius-4);
-  }
-
-  .aksel-read-more:-webkit-any([data-volume="low"], :not([data-volume])) .aksel-read-more__button:hover {
-    background-color: var(--ax-bg-neutral-moderate-hoverA);
-  }
-
   .aksel-read-more:is([data-volume="low"], :not([data-volume])) .aksel-read-more__button {
     border-radius: var(--ax-radius-4);
   }
@@ -6778,12 +6371,7 @@
     --__axc-read-more-pi-end: var(--ax-space-24);
   }
 
-  .aksel-read-more[data-volume="high"].aksel-read-more--small {
-    --__axc-read-more-pi-start: var(--ax-space-8);
-    --__axc-read-more-pi-end: var(--ax-space-16);
-  }
-
-  .aksel-read-more[data-volume="high"].aksel-read-more--medium {
+  .aksel-read-more[data-volume="high"].aksel-read-more--small, .aksel-read-more[data-volume="high"].aksel-read-more--medium {
     --__axc-read-more-pi-start: var(--ax-space-8);
     --__axc-read-more-pi-end: var(--ax-space-16);
   }
@@ -6957,7 +6545,6 @@
   }
 
   .aksel-skeleton--has-children.aksel-skeleton--no-width {
-    width: -webkit-fit-content;
     width: fit-content;
   }
 
@@ -7019,15 +6606,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 {
@@ -7053,29 +6640,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;
   }
 
@@ -7088,24 +6658,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%);
@@ -7161,12 +6718,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);
@@ -7193,7 +6744,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 {
@@ -7202,7 +6753,7 @@
   }
 
   .aksel-process__active-label:last-of-type {
-    margin-bottom: 0;
+    margin-block-end: 0;
   }
 
   @media (forced-colors: active) {
@@ -7210,13 +6761,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;
@@ -7305,18 +6849,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;
@@ -7354,11 +6887,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;
   }
 
@@ -7399,7 +6928,6 @@
 
   .aksel-stepper__content {
     grid-column: content;
-    min-width: -webkit-fit-content;
     min-width: fit-content;
     padding-top: .16rem;
     line-height: 1.5;
@@ -7434,11 +6962,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;
   }
 
@@ -7497,7 +7021,6 @@
     z-index: 10;
     background-color: var(--ax-bg-default);
     box-sizing: border-box;
-    position: -webkit-sticky;
     position: sticky;
     top: 0;
   }
@@ -7519,10 +7042,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);
   }
@@ -7549,18 +7068,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);
   }
@@ -7617,10 +7128,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] {
@@ -7628,7 +7136,6 @@
   }
 
   .aksel-table__sort-button {
-    -webkit-appearance: none;
     appearance: none;
     color: var(--ax-text-subtle);
     cursor: pointer;
@@ -7730,15 +7237,7 @@
     background-color: var(--ax-bg-neutral-moderate-hoverA);
   }
 
-  .aksel-table__row--selected :is(:scope .aksel-table__toggle-expand-button:hover) {
-    background-color: var(--ax-bg-moderate-hoverA);
-  }
-
-  .aksel-table__row--selected :is(:scope .aksel-table__toggle-expand-cell:hover > .aksel-table__toggle-expand-button) {
-    background-color: var(--ax-bg-moderate-hoverA);
-  }
-
-  .aksel-table__row--selected :is(:scope .aksel-table__expandable-row--clickable:hover .aksel-table__toggle-expand-button) {
+  .aksel-table__row--selected :is(:scope .aksel-table__toggle-expand-button:hover, :scope .aksel-table__toggle-expand-cell:hover > .aksel-table__toggle-expand-button, :scope .aksel-table__expandable-row--clickable:hover .aksel-table__toggle-expand-button) {
     background-color: var(--ax-bg-moderate-hoverA);
   }
 
@@ -7916,15 +7415,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);
     }
   }
 
@@ -7962,7 +7461,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;
     }
@@ -7973,11 +7472,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 {
@@ -8959,8 +8458,7 @@
   .aksel-pageblock {
     --__axc-page-padding-inline: 0px;
     width: 100%;
-    margin-left: auto;
-    margin-right: auto;
+    margin-inline: auto;
   }
 
   .aksel-page__content--grow {
@@ -8973,7 +8471,7 @@
   }
 
   .aksel-page__content--padding {
-    padding-bottom: var(--ax-space-64);
+    padding-block-end: var(--ax-space-64);
   }
 
   .aksel-pageblock--text {
@@ -9143,19 +8641,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) {