@navikt/ds-css 7.35.1 → 7.35.3

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

@@ -325,10 +325,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);
   }
@@ -352,15 +348,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);
@@ -392,15 +379,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);
@@ -763,10 +741,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 {
@@ -844,19 +819,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;
@@ -1045,27 +1008,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;
     }
@@ -1079,7 +1029,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;
@@ -1126,7 +1075,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);
@@ -1140,7 +1088,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;
   }
 
@@ -1214,19 +1162,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;
   }
 
@@ -1257,11 +1197,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;
     }
@@ -1303,21 +1239,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);
@@ -1376,21 +1329,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);
   }
@@ -1421,12 +1363,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;
@@ -1439,7 +1375,6 @@
   }
 
   .aksel-switch {
-    width: -webkit-fit-content;
     width: fit-content;
     min-height: 3rem;
     position: relative;
@@ -1618,18 +1553,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;
   }
 
@@ -1641,31 +1570,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;
   }
 
@@ -1727,7 +1637,6 @@
   }
 
   .aksel-text-field__input {
-    -webkit-appearance: none;
     appearance: none;
     padding: var(--ax-space-8);
     background: var(--ax-bg-input);
@@ -1804,7 +1713,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);
@@ -1867,50 +1775,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 {
@@ -1953,7 +1828,6 @@
   }
 
   .aksel-search--with-size .aksel-search__wrapper {
-    width: -webkit-fit-content;
     width: fit-content;
   }
 
@@ -1976,13 +1850,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;
@@ -2050,10 +1918,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);
   }
@@ -2067,11 +1931,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;
   }
 
@@ -2094,10 +1954,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);
   }
@@ -2122,11 +1978,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;
   }
 
@@ -2147,11 +1999,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);
   }
 
@@ -2416,7 +2264,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 {
@@ -2444,7 +2292,6 @@
     }
 
     .aksel-combobox__input {
-      min-width: -webkit-min-content;
       min-width: min-content;
       padding: .75rem 0;
     }
@@ -2644,9 +2491,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;
@@ -2701,11 +2547,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;
   }
 
@@ -2728,11 +2570,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;
   }
 
@@ -2806,8 +2644,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);
@@ -2817,8 +2654,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 {
@@ -2827,11 +2663,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;
   }
 
@@ -2884,7 +2719,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 {
@@ -2905,24 +2740,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 {
@@ -2931,7 +2758,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;
@@ -3028,32 +2854,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);
   }
@@ -3105,7 +2916,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;
   }
@@ -3184,12 +2994,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;
   }
@@ -3231,13 +3036,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;
@@ -3250,12 +3049,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;
   }
@@ -3277,11 +3071,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);
   }
 
@@ -3290,18 +3080,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;
     }
   }
 
@@ -3339,28 +3124,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);
   }
@@ -3380,6 +3153,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);
@@ -3393,21 +3168,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);
   }
@@ -3427,7 +3187,6 @@
 
   .aksel-date__field-wrapper {
     align-items: center;
-    width: -webkit-fit-content;
     width: fit-content;
     display: inline-flex;
     position: relative;
@@ -3484,8 +3243,7 @@
     color: var(--ax-text-neutral);
     width: 27ch;
     max-height: 616px;
-    overflow-x: hidden;
-    overflow-y: auto;
+    overflow: hidden auto;
   }
 
   .aksel-dropdown__divider {
@@ -3734,15 +3492,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;
   }
 
@@ -3757,7 +3507,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;
   }
 
@@ -3779,10 +3528,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;
   }
@@ -3865,10 +3610,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 {
@@ -3890,31 +3632,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);
@@ -3931,28 +3659,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;
   }
@@ -3999,10 +3717,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);
   }
@@ -4045,12 +3759,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);
@@ -4096,11 +3804,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;
   }
 
@@ -4163,8 +3867,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);
@@ -4178,10 +3881,6 @@
     overflow: visible;
   }
 
-  .aksel-internalheader__title:-webkit-any(button) {
-    cursor: pointer;
-  }
-
   .aksel-internalheader__title:is(button) {
     cursor: pointer;
   }
@@ -4190,10 +3889,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;
   }
@@ -4261,11 +3956,7 @@
     display: inline-flex;
   }
 
-  .aksel-link:hover {
-    text-decoration-thickness: .111em;
-  }
-
-  .aksel-link:active {
+  .aksel-link:hover, .aksel-link:active {
     text-decoration-thickness: .111em;
   }
 
@@ -4375,11 +4066,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;
   }
 
@@ -4399,11 +4086,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);
   }
 
@@ -4445,11 +4128,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;
   }
 
@@ -4470,17 +4149,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 {
@@ -4488,44 +4163,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 {
@@ -4539,13 +4193,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%;
@@ -4555,18 +4202,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 {
@@ -4704,9 +4340,7 @@
   }
 
   .aksel-modal--polyfilled {
-    width: -webkit-fit-content;
     width: fit-content;
-    height: -webkit-fit-content;
     height: fit-content;
     margin: auto;
     top: 50%;
@@ -4725,10 +4359,7 @@
 
   ._dialog_overlay {
     position: fixed;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0;
+    inset: 0;
   }
 
   .aksel-modal--medium {
@@ -4739,11 +4370,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);
   }
 
@@ -4781,10 +4408,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 {
@@ -4835,7 +4459,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;
@@ -5009,26 +4632,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;
@@ -5184,10 +4795,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 {
@@ -5295,13 +4903,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;
@@ -5465,7 +5067,6 @@
     border: none;
     justify-content: center;
     align-items: center;
-    min-width: -webkit-fit-content;
     min-width: fit-content;
     display: inline-flex;
     position: relative;
@@ -5583,14 +5184,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);
   }
@@ -5614,12 +5207,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);
   }
@@ -5793,7 +5381,6 @@
   }
 
   .aksel-skeleton--has-children.aksel-skeleton--no-width {
-    width: -webkit-fit-content;
     width: fit-content;
   }
 
@@ -5855,15 +5442,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 {
@@ -5889,29 +5476,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;
   }
 
@@ -5924,24 +5494,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%);
@@ -5997,12 +5554,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);
@@ -6029,7 +5580,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 {
@@ -6038,7 +5589,7 @@
   }
 
   .aksel-process__active-label:last-of-type {
-    margin-bottom: 0;
+    margin-block-end: 0;
   }
 
   @media (forced-colors: active) {
@@ -6046,13 +5597,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;
@@ -6141,18 +5685,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;
@@ -6190,11 +5723,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;
   }
 
@@ -6235,7 +5764,6 @@
 
   .aksel-stepper__content {
     grid-column: content;
-    min-width: -webkit-fit-content;
     min-width: fit-content;
     padding-top: .16rem;
     line-height: 1.5;
@@ -6270,11 +5798,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;
   }
 
@@ -6333,7 +5857,6 @@
     z-index: 10;
     background-color: var(--ax-bg-default);
     box-sizing: border-box;
-    position: -webkit-sticky;
     position: sticky;
     top: 0;
   }
@@ -6355,10 +5878,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);
   }
@@ -6385,18 +5904,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);
   }
@@ -6453,10 +5964,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] {
@@ -6464,7 +5972,6 @@
   }
 
   .aksel-table__sort-button {
-    -webkit-appearance: none;
     appearance: none;
     color: var(--ax-text-subtle);
     cursor: pointer;
@@ -6566,15 +6073,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);
   }
 
@@ -6752,15 +6251,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);
     }
   }
 
@@ -6798,7 +6297,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;
     }
@@ -6809,11 +6308,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 {
@@ -7795,8 +7294,7 @@
   .aksel-pageblock {
     --__axc-page-padding-inline: 0px;
     width: 100%;
-    margin-left: auto;
-    margin-right: auto;
+    margin-inline: auto;
   }
 
   .aksel-page__content--grow {
@@ -7809,7 +7307,7 @@
   }
 
   .aksel-page__content--padding {
-    padding-bottom: var(--ax-space-64);
+    padding-block-end: var(--ax-space-64);
   }
 
   .aksel-pageblock--text {
@@ -7979,19 +7477,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) {