@navikt/aksel-stylelint 8.0.1 → 8.1.0

package/dist/index.css

@@ -646,7 +646,7 @@
   }
 
   :root, :host {
-    --ax-version: "8.0.1";
+    --ax-version: "8.1.0";
     --ax-space-0: 0rem;
     --ax-space-1: .0625rem;
     --ax-space-2: .125rem;
@@ -982,7 +982,6 @@
   }
 
   .sr-only, .aksel-sr-only {
-    clip: rect(0, 0, 0, 0);
     clip-path: inset(50%);
     white-space: nowrap;
     border: 0;
@@ -995,7 +994,6 @@
   }
 
   .sr-only.focusable:active, .sr-only.focusable:focus, .aksel-sr-only.focusable:active, .aksel-sr-only.focusable:focus {
-    clip: auto;
     clip-path: none;
     height: auto;
     white-space: inherit;
@@ -1036,7 +1034,7 @@
     }
 
     pre, blockquote {
-      page-break-inside: avoid;
+      break-inside: avoid;
       border: 1px solid #999;
     }
 
@@ -1045,7 +1043,7 @@
     }
 
     tr, img {
-      page-break-inside: avoid;
+      break-inside: avoid;
     }
 
     p, h2, h3 {
@@ -1054,7 +1052,7 @@
     }
 
     h2, h3 {
-      page-break-after: avoid;
+      break-after: avoid;
     }
   }
 }
@@ -1418,7 +1416,6 @@
   }
 
   .aksel-typo--visually-hidden {
-    clip: rect(0, 0, 0, 0) !important;
     clip-path: inset(50%) !important;
     white-space: nowrap !important;
     border: 0 !important;
@@ -1749,6 +1746,10 @@
     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);
   }
@@ -1772,6 +1773,15 @@
     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);
@@ -1803,6 +1813,15 @@
     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);
@@ -1924,7 +1943,14 @@
       border-color: highlight;
     }
 
-    .aksel-button:hover:not(:disabled), .aksel-button[data-variant="primary"]:where(a):hover:not(:disabled) {
+    .aksel-button:hover:not(:disabled) {
+      color: highlight;
+      box-shadow: none;
+      background-color: highlighttext;
+      border-color: highlight;
+    }
+
+    .aksel-button[data-variant="primary"]:where(a):hover:not(:disabled) {
       color: highlight;
       box-shadow: none;
       background-color: highlighttext;
@@ -2043,10 +2069,14 @@
     -webkit-backdrop-filter: blur(8px);
     backdrop-filter: blur(8px);
     border-radius: var(--ax-radius-12);
-    animation: akselDropzoneDragoverAnimation var(--__axc-dropzone-animation-length-short) var(--__axc-dropzone-animation-ease-out);
+    animation: akselDropzoneDragoverAnimation var(--__axc-dropzone-animation-length-short)
+      var(--__axc-dropzone-animation-ease-out);
     margin: -1px;
     position: absolute;
-    inset: 0;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
   }
 
   @keyframes akselDropzoneDragoverAnimation {
@@ -2082,7 +2112,8 @@
     top: var(--ax-space-16);
     z-index: 1;
     pointer-events: none;
-    transition: top var(--__axc-dropzone-animation-length-long) var(--__axc-dropzone-animation-over-under), transform var(--__axc-dropzone-animation-length-long) var(--__axc-dropzone-animation-over-under);
+    transition: top var(--__axc-dropzone-animation-length-long) var(--__axc-dropzone-animation-over-under),
+    transform var(--__axc-dropzone-animation-length-long) var(--__axc-dropzone-animation-over-under);
     display: grid;
     position: absolute;
   }
@@ -2091,7 +2122,8 @@
     padding: var(--__axc-dropzone-icon-padding);
     border-radius: var(--ax-radius-full);
     background-color: var(--ax-bg-neutral-moderateA);
-    transition: background-color .3s var(--__axc-dropzone-animation-ease-out), font-size .3s var(--__axc-dropzone-animation-ease-out);
+    transition: background-color .3s var(--__axc-dropzone-animation-ease-out),
+    font-size .3s var(--__axc-dropzone-animation-ease-out);
     font-size: 1.5rem;
     display: grid;
   }
@@ -2124,7 +2156,19 @@
     display: flex;
   }
 
-  .aksel-file-upload :is(ul, li), li.aksel-file-item {
+  li.aksel-file-item {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+
+  .aksel-file-upload :-webkit-any(ul, li) {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+
+  .aksel-file-upload :is(ul, li) {
     margin: 0;
     padding: 0;
     list-style: none;
@@ -2151,6 +2195,7 @@
   .aksel-file-item__link {
     align-items: flex-start;
     gap: var(--ax-space-2);
+    width: -webkit-fit-content;
     width: fit-content;
     display: flex;
   }
@@ -2319,14 +2364,27 @@
       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;
     }
@@ -2340,6 +2398,7 @@
     --__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;
@@ -2386,6 +2445,7 @@
 
   .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);
@@ -2399,7 +2459,11 @@
 
   .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;
   }
 
@@ -2473,11 +2537,19 @@
     opacity: var(--ax-opacity-disabled);
   }
 
-  .aksel-checkbox--disabled :where(.aksel-checkbox__input, .aksel-checkbox__label), .aksel-radio--disabled > :where(.aksel-radio__input, .aksel-radio__label) {
+  .aksel-checkbox--disabled :where(.aksel-checkbox__input, .aksel-checkbox__label) {
     cursor: not-allowed;
   }
 
-  .aksel-checkbox--readonly :where(.aksel-checkbox__input, .aksel-checkbox__label), .aksel-radio--readonly > :where(.aksel-radio__input, .aksel-radio__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) {
     cursor: default;
   }
 
@@ -2501,14 +2573,20 @@
   .aksel-radio--readonly > .aksel-radio__input:checked {
     --__axc-radio-checkbox-marker-border: 0px;
     background-color: var(--ax-bg-neutral-strong);
-    box-shadow: inset 0 0 0 2px var(--ax-border-neutral-subtle), inset 0 0 0 8px var(--ax-bg-neutral-moderate);
+    box-shadow: inset 0 0 0 2px var(--ax-border-neutral-subtle),
+    inset 0 0 0 8px var(--ax-bg-neutral-moderate);
   }
 
   .aksel-radio--small.aksel-radio--readonly > .aksel-radio__input:checked {
-    box-shadow: inset 0 0 0 2px var(--ax-border-neutral-subtle), inset 0 0 0 7px var(--ax-bg-neutral-moderate);
+    box-shadow: inset 0 0 0 2px var(--ax-border-neutral-subtle),
+    inset 0 0 0 7px var(--ax-bg-neutral-moderate);
   }
 
   @media screen and (forced-colors: active) {
+    :-webkit-any(.aksel-checkbox, .aksel-checkbox--readonly) .aksel-checkbox__input:indeterminate:after {
+      background-color: fieldtext;
+    }
+
     :is(.aksel-checkbox, .aksel-checkbox--readonly) .aksel-checkbox__input:indeterminate:after {
       background-color: fieldtext;
     }
@@ -2550,7 +2628,15 @@
       background-color: graytext;
     }
 
-    .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) {
+    .aksel-checkbox--disabled :is(.aksel-checkbox__label, .aksel-checkbox__description, .aksel-checkbox__input:checked + .aksel-checkbox__icon) {
+      color: graytext;
+    }
+
+    .aksel-radio--disabled :-webkit-any(.aksel-radio__label, .aksel-radio__description) {
+      color: graytext;
+    }
+
+    .aksel-radio--disabled :is(.aksel-radio__label, .aksel-radio__description) {
       color: graytext;
     }
   }
@@ -2570,7 +2656,7 @@
     }
 
     .aksel-checkbox__icon {
-      height: calc(var(--__axc-radio-checkbox-marker-size)  - 4px);
+      height: calc(var(--__axc-radio-checkbox-marker-size) - 4px);
       top: 2px;
       bottom: 2px;
     }
@@ -2582,6 +2668,7 @@
   }
 
   .aksel-select__input {
+    -webkit-appearance: none;
     appearance: none;
     background-color: var(--ax-bg-input);
     border-radius: var(--ax-radius-8);
@@ -2640,10 +2727,21 @@
 
   .aksel-form-field--small .aksel-select__input {
     min-height: 2rem;
-    padding-block: 0;
+    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);
   }
 
-  .aksel-select--error > * select, .aksel-select--error > * select:hover, .aksel-select--error > * select:focus {
+  .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 {
     box-shadow: 0 0 0 1px var(--ax-border-danger-strong);
     border-color: var(--ax-border-danger-strong);
   }
@@ -2674,6 +2772,12 @@
   }
 
   @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;
@@ -2686,6 +2790,7 @@
   }
 
   .aksel-switch {
+    width: -webkit-fit-content;
     width: fit-content;
     min-height: 3rem;
     position: relative;
@@ -2864,12 +2969,18 @@
     width: auto;
   }
 
-  .aksel-switch--right .aksel-switch__input, .aksel-switch--right .aksel-switch__track {
+  .aksel-switch--right .aksel-switch__input {
+    left: auto;
+    right: 0;
+  }
+
+  .aksel-switch--right .aksel-switch__track {
     left: auto;
     right: 0;
   }
 
   .aksel-switch__input:disabled {
+    -webkit-appearance: none;
     appearance: none;
   }
 
@@ -2881,12 +2992,31 @@
     cursor: not-allowed;
   }
 
-  .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 {
+  .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__label-wrapper, .aksel-switch--readonly > .aksel-switch__input {
+  .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 {
+    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 {
     cursor: default;
   }
 
@@ -2948,6 +3078,7 @@
   }
 
   .aksel-text-field__input {
+    -webkit-appearance: none;
     appearance: none;
     padding: var(--ax-space-8);
     background: var(--ax-bg-input);
@@ -3024,6 +3155,7 @@
 
   .aksel-textarea__input {
     height: var(--__axc-textarea-height);
+    -webkit-appearance: none;
     appearance: none;
     padding: var(--ax-space-8);
     background-color: var(--ax-bg-input);
@@ -3086,17 +3218,50 @@
 
   .aksel-textarea--resize-both .aksel-textarea__input {
     resize: both;
-    border-end-end-radius: 0;
+  }
+
+  .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;
   }
 
   .aksel-textarea--resize-horizontal .aksel-textarea__input {
     resize: horizontal;
-    border-end-end-radius: 0;
+  }
+
+  .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;
   }
 
   .aksel-textarea--resize-vertical .aksel-textarea__input {
     resize: vertical;
-    border-end-end-radius: 0;
+  }
+
+  .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;
   }
 
   .aksel-textarea--autoscrollbar, .aksel-textarea--autoscrollbar .aksel-textarea__wrapper {
@@ -3139,6 +3304,7 @@
   }
 
   .aksel-search--with-size .aksel-search__wrapper {
+    width: -webkit-fit-content;
     width: fit-content;
   }
 
@@ -3161,7 +3327,13 @@
     outline: none;
   }
 
-  .aksel-search__input.aksel-search__input--primary, .aksel-search__input.aksel-search__input--secondary {
+  .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 {
     border-right: none;
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
@@ -3229,20 +3401,29 @@
     --__axc-button-border-color: var(--ax-border-strong);
   }
 
+  .aksel-search:not(.aksel-search--error, .aksel-search--disabled) .aksel-search__wrapper:has(.aksel-search__input:-webkit-any(:hover, :focus-visible)) .aksel-search__button-search[data-variant="secondary"]:not(:hover, :active) {
+    --__axc-button-border-color: var(--ax-border-strong);
+  }
+
   .aksel-search:not(.aksel-search--error, .aksel-search--disabled) .aksel-search__wrapper:has(.aksel-search__input:is(:hover, :focus-visible)) .aksel-search__button-search[data-variant="secondary"]:not(:hover, :active) {
     --__axc-button-border-color: var(--ax-border-strong);
   }
 
   .aksel-search--error .aksel-search__input:not(:disabled) {
     border-color: var(--ax-border-danger-strong);
-    box-shadow: inset -2px 0 0 0 var(--ax-border-danger-strong), inset 0 0 0 1px var(--ax-border-danger-strong);
+    box-shadow: inset -2px 0 0 0 var(--ax-border-danger-strong),
+    inset 0 0 0 1px var(--ax-border-danger-strong);
   }
 
   .aksel-search--error .aksel-search__input:not(:disabled).aksel-search__input--simple {
     box-shadow: inset 0 0 0 1px var(--ax-border-danger-strong);
   }
 
-  .aksel-search__input:focus-visible, .aksel-search__button-search:focus-visible {
+  .aksel-search__input:focus-visible {
+    z-index: 1;
+  }
+
+  .aksel-search__button-search:focus-visible {
     z-index: 1;
   }
 
@@ -3265,6 +3446,10 @@
     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);
   }
@@ -3289,7 +3474,11 @@
     cursor: not-allowed;
   }
 
-  .aksel-combobox--disabled .aksel-combobox__selected-options, .aksel-combobox--disabled .aksel-combobox--readonly {
+  .aksel-combobox--disabled .aksel-combobox__selected-options {
+    pointer-events: none;
+  }
+
+  .aksel-combobox--disabled .aksel-combobox--readonly {
     pointer-events: none;
   }
 
@@ -3310,7 +3499,11 @@
     overflow: clip;
   }
 
-  .aksel-combobox--readonly .aksel-text-field__input, .aksel-combobox--readonly .aksel-combobox__input {
+  .aksel-combobox--readonly .aksel-text-field__input {
+    background-color: var(--ax-bg-neutral-moderate);
+  }
+
+  .aksel-combobox--readonly .aksel-combobox__input {
     background-color: var(--ax-bg-neutral-moderate);
   }
 
@@ -3337,7 +3530,7 @@
 
   .aksel-combobox__wrapper-inner.aksel-text-field__input {
     width: 100%;
-    padding-block: calc(var(--__axc-combobox-wrapper-inner-padding)  - var(--__axc-combobox-border-width));
+    padding-block: calc(var(--__axc-combobox-wrapper-inner-padding) - var(--__axc-combobox-border-width));
     padding-inline: var(--__axc-combobox-wrapper-inner-padding);
     flex-direction: row;
     justify-content: space-between;
@@ -3575,7 +3768,7 @@
     border-radius: 0;
     justify-content: flex-start;
     gap: .25rem;
-    margin-block-start: calc(var(--ax-space-4) * -1);
+    margin-top: calc(var(--ax-space-4) * -1);
   }
 
   .aksel-combobox__list-item--new-option svg {
@@ -3588,13 +3781,13 @@
   }
 
   .aksel-combobox__list-item--new-option--focus {
-    border-radius: calc(var(--ax-radius-8)  - 1px) calc(var(--ax-radius-8)  - 1px) 0 0;
+    border-radius: calc(var(--ax-radius-8) - 1px) calc(var(--ax-radius-8) - 1px) 0 0;
     outline: 2px solid var(--ax-border-focus);
     outline-offset: -2px;
   }
 
   .aksel-combobox__list-item--new-option--focus:only-child {
-    border-radius: calc(var(--ax-radius-8)  - 1px);
+    border-radius: calc(var(--ax-radius-8) - 1px);
   }
 
   @media (max-width: 479px) {
@@ -3603,6 +3796,7 @@
     }
 
     .aksel-combobox__input {
+      min-width: -webkit-min-content;
       min-width: min-content;
       padding: .75rem 0;
     }
@@ -3802,8 +3996,9 @@
     opacity: .001;
     grid-template-rows: 0fr;
     margin-top: -2px;
-    padding-block: 0;
-    transition-property: margin-top, opacity, visibility, padding-block-start, grid-template-rows;
+    padding-top: 0;
+    padding-bottom: 0;
+    transition-property: margin-top, opacity, visibility, padding-top, grid-template-rows;
     transition-duration: .3s;
     transition-timing-function: cubic-bezier(.2, 0, 0, 1);
     display: grid;
@@ -3860,7 +4055,11 @@
     background-color: var(--ax-bg-moderate-hoverA);
   }
 
-  .aksel-accordion__header:hover:before, .aksel-accordion__header:hover:after {
+  .aksel-accordion__header:hover:before {
+    display: none;
+  }
+
+  .aksel-accordion__header:hover:after {
     display: none;
   }
 
@@ -3883,7 +4082,11 @@
     z-index: 1;
   }
 
-  .aksel-accordion__header:focus-visible:before, .aksel-accordion__header:focus-visible:after {
+  .aksel-accordion__header:focus-visible:before {
+    display: none;
+  }
+
+  .aksel-accordion__header:focus-visible:after {
     display: none;
   }
 
@@ -3938,7 +4141,7 @@
 
   .aksel-accordion--indent > .aksel-accordion__item .aksel-accordion__content-inner {
     padding-block: var(--ax-space-8);
-    padding-inline: calc(var(--ax-space-20)  + 2px) var(--ax-space-20);
+    padding-inline: calc(var(--ax-space-20) + 2px) var(--ax-space-20);
   }
 
   @media (forced-colors: active) {
@@ -3957,7 +4160,8 @@
     opacity: 0;
     border-color: rgba(0, 0, 0, 0);
     grid-template-rows: 0fr;
-    margin-block: 0;
+    margin-top: 0;
+    margin-bottom: 0;
     transition-property: visibility, opacity, grid-template-rows, margin, min-height;
     transition-duration: .25s;
     transition-timing-function: cubic-bezier(.2, 0, 0, 1);
@@ -3967,7 +4171,8 @@
 
   .aksel-accordion__item > .aksel-accordion__content .aksel-accordion__content-inner {
     min-height: 0;
-    padding-block: 0;
+    padding-top: 0;
+    padding-bottom: 0;
   }
 
   .aksel-accordion__item[data-expanded="true"] > .aksel-accordion__content {
@@ -3976,10 +4181,11 @@
     border-color: var(--ax-border-neutral-subtleA);
     opacity: 1;
     grid-template-rows: 1fr;
-    margin-block-end: var(--ax-space-24);
+    margin-bottom: 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;
   }
 
@@ -4032,7 +4238,7 @@
 
   .aksel-alert--small > .aksel-alert__icon {
     height: var(--ax-font-line-height-large);
-    margin-block-start: 0;
+    margin-top: 0;
   }
 
   .aksel-alert--full-width {
@@ -4053,16 +4259,24 @@
     display: flex;
   }
 
-  .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__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--small {
     align-items: flex-start;
   }
 
-  .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-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-base-alert {
@@ -4073,6 +4287,7 @@
     --__axc-base-alert-header-icon-margin-block-start: var(--ax-space-8);
     --__axc-base-alert-header-close-button-margin-block-start: var(--ax-space-4);
     --__axc-global-alert-alignment: max(var(--__axc-base-alert-pi), calc((100% - var(--__axc-base-alert-header-max-width)) / 2));
+    height: -webkit-fit-content;
     height: fit-content;
     display: grid;
     overflow: clip;
@@ -4160,7 +4375,7 @@
   .aksel-base-alert__close-button {
     margin-left: auto;
     z-index: 1;
-    margin-block-start: var(--__axc-base-alert-header-close-button-margin-block-start);
+    margin-top: var(--__axc-base-alert-header-close-button-margin-block-start);
   }
 
   .aksel-base-alert__close-button:focus-visible {
@@ -4178,17 +4393,32 @@
     display: flex;
   }
 
-  .aksel-chat .aksel-chat__bubble, .aksel-chat .aksel-chat__avatar {
+  .aksel-chat .aksel-chat__bubble {
     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__avatar {
+  .aksel-chat .aksel-chat__avatar {
+    background-color: var(--ax-bg-moderateA);
+    border: 1px solid var(--ax-border-subtleA);
+  }
+
+  .aksel-chat[data-variant="subtle"] .aksel-chat__bubble {
     background-color: var(--ax-bg-softA);
     border: 1px solid var(--ax-border-subtleA);
   }
 
-  .aksel-chat[data-color="neutral"][data-variant="subtle"] .aksel-chat__bubble, .aksel-chat[data-color="neutral"][data-variant="subtle"] .aksel-chat__avatar {
+  .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 {
     background-color: var(--ax-bg-raised);
     border: 1px solid var(--ax-border-neutral-subtleA);
   }
@@ -4240,6 +4470,7 @@
     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;
   }
@@ -4318,7 +4549,12 @@
     color: var(--ax-text-neutral);
   }
 
-  .aksel-date .rdp-month, .aksel-date.rdp-month {
+  .aksel-date .rdp-month {
+    gap: var(--ax-space-20);
+    display: grid;
+  }
+
+  .aksel-date.rdp-month {
     gap: var(--ax-space-20);
     display: grid;
   }
@@ -4360,7 +4596,13 @@
     position: relative;
   }
 
-  .aksel-date .rdp-day_selected, .aksel-date .aksel-monthpicker__month--selected {
+  .aksel-date .rdp-day_selected {
+    color: var(--ax-text-contrast);
+    background: var(--ax-bg-strong-pressed);
+    cursor: pointer;
+  }
+
+  .aksel-date .aksel-monthpicker__month--selected {
     color: var(--ax-text-contrast);
     background: var(--ax-bg-strong-pressed);
     cursor: pointer;
@@ -4373,7 +4615,12 @@
     text-decoration: line-through;
   }
 
-  .aksel-date .rdp-button:where(:not(.rdp-day_selected, [disabled])):hover, .aksel-date .aksel-date__month-button:where(:not(.rdp-day_selected, [disabled])):hover {
+  .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 {
     background: var(--ax-bg-moderate-hoverA);
     cursor: pointer;
   }
@@ -4395,7 +4642,11 @@
     transform: translateX(-50%);
   }
 
-  :is(.aksel-date .rdp-day_today.rdp-day_selected:not(.rdp-day_range_middle), .aksel-date .rdp-day_today:active):before {
+  .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 {
     background-color: var(--ax-text-contrast);
   }
 
@@ -4404,13 +4655,18 @@
     pointer-events: none;
   }
 
-  .aksel-date__modal .aksel-date, .aksel-date__modal-body > .aksel-date {
+  .aksel-date__modal .aksel-date {
+    padding: 0;
+  }
+
+  .aksel-date__modal-body > .aksel-date {
     padding: 0;
   }
 
   @media (max-width: 360px) {
     .aksel-date__modal-body > .aksel-date {
-      margin-inline: -12px;
+      margin-left: -12px;
+      margin-right: -12px;
     }
   }
 
@@ -4448,16 +4704,28 @@
   }
 
   .aksel-date__wrapper, .aksel-date__standalone-wrapper {
+    width: -webkit-fit-content;
     width: fit-content;
+    height: -webkit-fit-content;
     height: fit-content;
   }
 
-  :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 {
+  :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(: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) {
+  :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 {
+    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) {
     color: var(--ax-text-contrast);
     background-color: var(--ax-bg-strong-pressed);
   }
@@ -4473,12 +4741,10 @@
   .aksel-date__field-button {
     color: var(--ax-text-neutral);
     cursor: pointer;
-    border-radius: calc(var(--ax-radius-8)  - 1px);
+    border-radius: calc(var(--ax-radius-8) - 1px);
     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);
@@ -4492,6 +4758,21 @@
     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);
   }
@@ -4511,6 +4792,7 @@
 
   .aksel-date__field-wrapper {
     align-items: center;
+    width: -webkit-fit-content;
     width: fit-content;
     display: inline-flex;
     position: relative;
@@ -4594,7 +4876,12 @@
     }
   }
 
-  .aksel-dialog__popup[data-entering-style], .aksel-dialog__popup[data-exiting-style] {
+  .aksel-dialog__popup[data-entering-style] {
+    opacity: .001;
+    transform: var(--__axc-dialog-transform);
+  }
+
+  .aksel-dialog__popup[data-exiting-style] {
     opacity: .001;
     transform: var(--__axc-dialog-transform);
   }
@@ -4624,7 +4911,10 @@
     pointer-events: none;
     transition: opacity cubic-bezier(.25, .46, .45, .94);
     position: absolute;
-    inset: 0;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
   }
 
   .aksel-dialog__popup[data-position="center"] {
@@ -4632,14 +4922,21 @@
     --__axc-dialog-transform: scale(.98);
     max-width: calc(100dvw - 3rem);
     max-height: calc(90dvh - var(--__axc-dialog-center-margin));
-    margin-inline: auto;
+    margin-left: auto;
+    margin-right: auto;
     margin-block: max(var(--__axc-dialog-center-margin), 10dvh) auto;
     top: 0;
     left: 0;
     right: 0;
   }
 
-  .aksel-dialog__popup[data-position="center"][data-nested="true"][data-entering-style], .aksel-dialog__popup[data-position="center"][data-nested="true"][data-exiting-style] {
+  .aksel-dialog__popup[data-position="center"][data-nested="true"][data-entering-style] {
+    opacity: 1;
+    transition-duration: 0s;
+    transform: scale(1);
+  }
+
+  .aksel-dialog__popup[data-position="center"][data-nested="true"][data-exiting-style] {
     opacity: 1;
     transition-duration: 0s;
     transform: scale(1);
@@ -4658,19 +4955,35 @@
       max-width: 95dvw;
       height: auto;
       max-height: calc(100dvh - max(16px, 10dvh));
-      margin-block: 0;
-      margin-inline: auto;
-      inset: auto 0 0;
+      margin-top: 0;
+      margin-bottom: 0;
+      margin-left: auto;
+      margin-right: auto;
+      top: auto;
+      bottom: 0;
+      left: 0;
+      right: 0;
     }
   }
 
-  .aksel-dialog__popup[data-position="right"], .aksel-dialog__popup[data-position="left"] {
+  .aksel-dialog__popup[data-position="right"] {
+    max-width: calc(100vw - max(16px, 10vw));
+    top: 0;
+    bottom: 0;
+  }
+
+  .aksel-dialog__popup[data-position="right"][data-nested-dialog-open="true"]:after {
+    opacity: 1;
+    transition-duration: .1s;
+  }
+
+  .aksel-dialog__popup[data-position="left"] {
     max-width: calc(100vw - max(16px, 10vw));
     top: 0;
     bottom: 0;
   }
 
-  :is(.aksel-dialog__popup[data-position="right"], .aksel-dialog__popup[data-position="left"])[data-nested-dialog-open="true"]:after {
+  .aksel-dialog__popup[data-position="left"][data-nested-dialog-open="true"]:after {
     opacity: 1;
     transition-duration: .1s;
   }
@@ -4699,7 +5012,8 @@
     max-width: 95dvw;
     height: auto;
     max-height: calc(100dvh - max(16px, 10dvh));
-    margin-inline: auto;
+    margin-left: auto;
+    margin-right: auto;
     bottom: 0;
     left: 0;
     right: 0;
@@ -4717,7 +5031,10 @@
     max-width: 100dvw;
     height: 100%;
     max-height: 100dvh;
-    inset: 0;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
   }
 
   .aksel-dialog__backdrop {
@@ -4726,7 +5043,10 @@
     min-height: 100dvh;
     transition: opacity .2s cubic-bezier(.25, .46, .45, .94);
     position: fixed;
-    inset: 0;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
   }
 
   @supports (-webkit-touch-callout: none) {
@@ -4735,7 +5055,11 @@
     }
   }
 
-  .aksel-dialog__backdrop[data-entering-style], .aksel-dialog__backdrop[data-exiting-style] {
+  .aksel-dialog__backdrop[data-entering-style] {
+    opacity: .001;
+  }
+
+  .aksel-dialog__backdrop[data-exiting-style] {
     opacity: .001;
   }
 
@@ -4745,7 +5069,7 @@
   }
 
   .aksel-dialog__title {
-    margin-block-end: var(--ax-space-4);
+    margin-bottom: var(--ax-space-4);
   }
 
   .aksel-dialog__close-button {
@@ -4762,11 +5086,14 @@
   }
 
   .aksel-dialog__header ~ .aksel-dialog__body {
-    padding-block-start: 0;
+    padding-top: 0;
   }
 
   .aksel-dialog__body {
-    background: linear-gradient(var(--ax-bg-raised) 30%, transparent) top, linear-gradient(transparent, var(--ax-bg-raised) 60%) bottom, radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, .3), transparent) top, radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, .3), transparent) bottom;
+    background: linear-gradient(var(--ax-bg-raised) 30%, transparent) top,
+    linear-gradient(transparent, var(--ax-bg-raised) 60%) bottom,
+    radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, .3), transparent) top,
+    radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, .3), transparent) bottom;
     background-repeat: no-repeat;
     background-size: 100% 40px, 100% 50px, 100% 16px, 100% 16px;
     background-attachment: local, local, scroll, scroll;
@@ -4798,7 +5125,8 @@
     color: var(--ax-text-neutral);
     width: 27ch;
     max-height: 616px;
-    overflow: hidden auto;
+    overflow-x: hidden;
+    overflow-y: auto;
   }
 
   .aksel-dropdown__divider {
@@ -5019,7 +5347,7 @@
   }
 
   .aksel-action-menu__label {
-    min-height: calc(var(--__axc-action-menu-item-height)  - 6px);
+    min-height: calc(var(--__axc-action-menu-item-height) - 6px);
     padding-right: var(--__axc-action-menu-item-pr);
     padding-left: var(--__axc-action-menu-item-pl);
     color: var(--ax-text-neutral-subtle);
@@ -5047,7 +5375,15 @@
     display: grid;
   }
 
-  .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 {
+  .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 {
     display: block;
   }
 
@@ -5056,12 +5392,13 @@
   }
 
   .aksel-expansioncard {
-    --__axc-expansioncard-border-radius: calc(var(--ax-radius-12)  - 1px);
+    --__axc-expansioncard-border-radius: calc(var(--ax-radius-12) - 1px);
     --__axc-expansioncard-padding-block: var(--ax-space-16);
     --__axc-expansioncard-padding-inline: var(--ax-space-20);
     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;
   }
 
@@ -5083,6 +5420,10 @@
     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;
   }
@@ -5165,7 +5506,10 @@
     width: 100%;
     height: 100%;
     position: absolute;
-    inset: 0;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
   }
 
   .aksel-expansioncard__header:hover > .aksel-expansioncard__header-button {
@@ -5187,17 +5531,31 @@
   .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-block: 0;
-    transition-property: visibility, padding-block, grid-template-rows;
+    padding-top: 0;
+    padding-bottom: 0;
+    transition-property: visibility, padding-top, padding-bottom, 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);
@@ -5214,18 +5572,28 @@
     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"], .aksel-guide-panel[data-responsive="true"] {
+  .aksel-guide-panel[data-poster="true"] {
+    flex-direction: column;
+    align-items: center;
+  }
+
+  .aksel-guide-panel[data-responsive="true"] {
     flex-direction: column;
     align-items: center;
   }
@@ -5272,6 +5640,10 @@
     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);
   }
@@ -5314,6 +5686,12 @@
     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);
@@ -5359,7 +5737,11 @@
     border: 1px solid var(--ax-border-default);
   }
 
-  .aksel-help-text__icon--filled, .aksel-help-text__button:where(:hover, :focus-visible, [aria-expanded="true"]) > .aksel-help-text__icon {
+  .aksel-help-text__icon--filled {
+    display: none;
+  }
+
+  .aksel-help-text__button:where(:hover, :focus-visible, [aria-expanded="true"]) > .aksel-help-text__icon {
     display: none;
   }
 
@@ -5422,7 +5804,8 @@
     font: inherit;
     font-weight: var(--ax-font-weight-bold);
     text-align: left;
-    padding-block: 0;
+    padding-top: 0;
+    padding-bottom: 0;
     padding-inline: var(--ax-space-24) var(--ax-space-20);
     border: none;
     border-right: 1px solid var(--ax-border-neutral-subtleA);
@@ -5436,6 +5819,10 @@
     overflow: visible;
   }
 
+  .aksel-internalheader__title:-webkit-any(button) {
+    cursor: pointer;
+  }
+
   .aksel-internalheader__title:is(button) {
     cursor: pointer;
   }
@@ -5444,6 +5831,10 @@
     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;
   }
@@ -5511,7 +5902,11 @@
     display: inline-flex;
   }
 
-  .aksel-link:hover, .aksel-link:active {
+  .aksel-link:hover {
+    text-decoration-thickness: .111em;
+  }
+
+  .aksel-link:active {
     text-decoration-thickness: .111em;
   }
 
@@ -5621,7 +6016,11 @@
     color: var(--ax-text-subtle);
   }
 
-  .aksel-link-anchor:hover, .aksel-link-anchor__overlay:hover .aksel-link-anchor {
+  .aksel-link-anchor:hover {
+    text-decoration-thickness: .111em;
+  }
+
+  .aksel-link-anchor__overlay:hover .aksel-link-anchor {
     text-decoration-thickness: .111em;
   }
 
@@ -5641,7 +6040,11 @@
     transform: translateX(0);
   }
 
-  .aksel-link-anchor:hover .aksel-link-anchor__arrow, .aksel-link-anchor__overlay:hover .aksel-link-anchor__arrow {
+  .aksel-link-anchor:hover .aksel-link-anchor__arrow {
+    transform: translateX(4px);
+  }
+
+  .aksel-link-anchor__overlay:hover .aksel-link-anchor__arrow {
     transform: translateX(4px);
   }
 
@@ -5683,7 +6086,11 @@
     align-items: center;
   }
 
-  .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 {
+  .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 {
     align-self: center;
   }
 
@@ -5704,13 +6111,17 @@
     grid-area: title;
   }
 
-  .aksel-link-card[data-color="neutral"] .aksel-link-card__title, .aksel-link-card__title[data-color="neutral"] {
+  .aksel-link-card[data-color="neutral"] .aksel-link-card__title {
+    color: var(--ax-text-default);
+  }
+
+  .aksel-link-card__title[data-color="neutral"] {
     color: var(--ax-text-default);
   }
 
   .aksel-link-card__description {
     grid-area: description;
-    margin-block-start: var(--ax-space-4);
+    margin-top: var(--ax-space-4);
   }
 
   .aksel-link-card__footer {
@@ -5718,29 +6129,50 @@
     gap: var(--ax-space-8);
     flex-wrap: wrap;
     grid-area: footer;
-    margin-block-start: var(--ax-space-16);
+    margin-top: 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--small .aksel-link-card__icon {
-    margin-inline-end: var(--ax-space-12);
+  .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__image-container {
     margin-block: calc(var(--__axc-link-card-padding-block) * -1) var(--__axc-link-card-padding-block);
     margin-inline: calc(var(--__axc-link-card-padding-inline) * 1 * -1);
-    border-radius: calc(var(--ax-radius-12)  - 1px);
+    border-radius: calc(var(--ax-radius-12) - 1px);
     border-bottom-right-radius: 0;
     border-bottom-left-radius: 0;
     grid-area: image;
@@ -5748,6 +6180,13 @@
     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%;
@@ -5757,7 +6196,18 @@
 
   .aksel-link-card__arrow {
     grid-area: arrow;
-    margin-inline-start: var(--ax-space-8);
+  }
+
+  .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);
   }
 
   .aksel-link-card[data-align-arrow="baseline"] .aksel-link-card__arrow {
@@ -5789,7 +6239,9 @@
   }
 
   .aksel-modal--polyfilled {
+    width: -webkit-fit-content;
     width: fit-content;
+    height: -webkit-fit-content;
     height: fit-content;
     margin: auto;
     top: 50%;
@@ -5808,7 +6260,10 @@
 
   ._dialog_overlay {
     position: fixed;
-    inset: 0;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
   }
 
   .aksel-modal--medium {
@@ -5819,7 +6274,11 @@
     width: 450px;
   }
 
-  .aksel-modal--small .aksel-modal__header, .aksel-modal--small .aksel-modal__body {
+  .aksel-modal--small .aksel-modal__header {
+    padding: var(--ax-space-12) var(--ax-space-16);
+  }
+
+  .aksel-modal--small .aksel-modal__body {
     padding: var(--ax-space-12) var(--ax-space-16);
   }
 
@@ -5857,7 +6316,10 @@
   .aksel-modal--polyfilled + .backdrop {
     background: rgba(12, 22, 39, .66);
     position: fixed;
-    inset: 0;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
   }
 
   .aksel-modal__button {
@@ -5883,7 +6345,10 @@
   .aksel-modal__body {
     padding: var(--ax-space-16) var(--ax-space-20);
     overscroll-behavior: contain;
-    background: linear-gradient(var(--__axc-modal-bg) 30%, transparent) top, linear-gradient(transparent, var(--__axc-modal-bg) 60%) bottom, radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, .3), transparent) top, radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, .3), transparent) bottom;
+    background: linear-gradient(var(--__axc-modal-bg) 30%, transparent) top,
+    linear-gradient(transparent, var(--__axc-modal-bg) 60%) bottom,
+    radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, .3), transparent) top,
+    radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, .3), transparent) bottom;
     background-repeat: no-repeat;
     background-size: 100% 40px, 100% 50px, 100% 16px, 100% 16px;
     background-attachment: local, local, scroll, scroll;
@@ -5914,6 +6379,7 @@
   }
 
   .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;
@@ -6087,14 +6553,26 @@
 
   .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;
@@ -6250,7 +6728,10 @@
     width: 25px;
     height: 25px;
     position: absolute;
-    inset: -9px 0 0 -9px;
+    top: -9px;
+    bottom: 0;
+    left: -9px;
+    right: 0;
   }
 
   .aksel-timeline__pin-button:hover {
@@ -6258,7 +6739,8 @@
   }
 
   .aksel-timeline__pin-button:focus-visible {
-    box-shadow: inset 0 0 0 4px var(--ax-border-danger-strong), 0 0 0 3px var(--ax-bg-default);
+    box-shadow: inset 0 0 0 4px var(--ax-border-danger-strong),
+      0 0 0 3px var(--ax-bg-default);
     outline: 3px solid var(--ax-border-focus);
     outline-offset: 3px;
   }
@@ -6316,7 +6798,8 @@
   }
 
   .aksel-timeline__zoom-button:focus-visible {
-    box-shadow: 0 0 0 1px var(--ax-bg-default), 0 0 0 4px var(--ax-border-focus);
+    box-shadow: 0 0 0 1px var(--ax-bg-default),
+    0 0 0 4px var(--ax-border-focus);
     border-width: 1px;
   }
 
@@ -6358,7 +6841,13 @@
       outline: 4px solid rgba(0, 0, 0, 0);
     }
 
-    .aksel-timeline__pin-button:focus, .aksel-timeline__pin-button:focus-visible {
+    .aksel-timeline__pin-button:focus {
+      outline-offset: 3px;
+      box-shadow: none;
+      outline: 4px solid highlight;
+    }
+
+    .aksel-timeline__pin-button:focus-visible {
       outline-offset: 3px;
       box-shadow: none;
       outline: 4px solid highlight;
@@ -6522,6 +7011,7 @@
     border: none;
     justify-content: center;
     align-items: center;
+    min-width: -webkit-fit-content;
     min-width: fit-content;
     display: inline-flex;
     position: relative;
@@ -6639,6 +7129,14 @@
     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);
   }
@@ -6662,7 +7160,12 @@
     --__axc-read-more-pi-end: var(--ax-space-24);
   }
 
-  .aksel-read-more[data-volume="high"].aksel-read-more--small, .aksel-read-more[data-volume="high"].aksel-read-more--medium {
+  .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 {
     --__axc-read-more-pi-start: var(--ax-space-8);
     --__axc-read-more-pi-end: var(--ax-space-16);
   }
@@ -6671,7 +7174,7 @@
     margin-top: var(--ax-space-8);
     border-left: 2px solid var(--ax-border-neutral-subtleA);
     color: var(--ax-text-neutral);
-    margin-left: calc(var(--__axc-read-more-pi-start)  + var(--__axc-read-more-icon-size) / 2 - 1px);
+    margin-left: calc(var(--__axc-read-more-pi-start) + var(--__axc-read-more-icon-size) / 2 - 1px);
     padding-left: calc(var(--__axc-read-more-icon-size) / 2 - 1px + var(--ax-space-4));
   }
 
@@ -6831,6 +7334,7 @@
   }
 
   .aksel-skeleton--has-children.aksel-skeleton--no-width {
+    width: -webkit-fit-content;
     width: fit-content;
   }
 
@@ -6884,7 +7388,8 @@
   }
 
   .aksel-process__event {
-    grid-template-rows: [line-1] auto [step-start] var(--__axc-process-circle-size) [line-2 step-end] auto;
+    grid-template-rows: [line-1] auto [step-start] var(--__axc-process-circle-size)
+    [line-2 step-end] auto;
     grid-template-columns: var(--__axc-process-circle-base) auto;
     justify-items: flex-start;
     display: grid;
@@ -6892,20 +7397,20 @@
 
   .aksel-process__event[data-dot="true"] {
     --__axc-process-circle-size: var(--__axc-process-circle-small);
-    margin-block-start: calc((var(--__axc-process-circle-small) / 2) * -1);
+    margin-top: calc((var(--__axc-process-circle-small) / 2) * -1);
   }
 
   .aksel-process__event[data-dot="true"] .aksel-process__line[data-position="start"] {
-    margin-block-end: calc(var(--__axc-process-circle-size) / 2 * -1);
+    margin-bottom: calc(var(--__axc-process-circle-size) / 2 * -1);
   }
 
   .aksel-process__event[data-dot="true"] .aksel-process__line[data-position="end"] {
-    margin-block-start: calc(var(--__axc-process-circle-size) / 2);
+    margin-top: calc(var(--__axc-process-circle-size) / 2);
   }
 
   .aksel-process__event[data-dot="true"] .aksel-process__bullet {
     --__axc-process-circle-size: var(--__axc-process-circle-small);
-    margin-top: calc((var(--__axc-process-circle-large)  - var(--__axc-process-circle-small)) / 2);
+    margin-top: calc((var(--__axc-process-circle-large) - var(--__axc-process-circle-small)) / 2);
   }
 
   .aksel-process__line {
@@ -6926,12 +7431,29 @@
   }
 
   .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: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"] {
+  .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"] {
     display: none;
   }
 
@@ -6944,11 +7466,24 @@
   }
 
   .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%);
@@ -7004,6 +7539,12 @@
     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);
@@ -7030,7 +7571,7 @@
   }
 
   .aksel-process__event[data-status="active"] .aksel-process__title:has( + .aksel-process__active-label) {
-    padding-block-end: 0;
+    padding-bottom: 0;
   }
 
   .aksel-process__active-label {
@@ -7039,7 +7580,7 @@
   }
 
   .aksel-process__active-label:last-of-type {
-    margin-block-end: 0;
+    margin-bottom: 0;
   }
 
   @media (forced-colors: active) {
@@ -7047,6 +7588,13 @@
       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;
@@ -7076,7 +7624,8 @@
   }
 
   .aksel-stepper__item {
-    grid-template-rows: [line-1] auto [step-start] var(--__axc-stepper-circle-size) [line-2 step-end] auto;
+    grid-template-rows: [line-1] auto [step-start] var(--__axc-stepper-circle-size)
+    [line-2 step-end] auto;
     grid-template-columns: var(--__axc-stepper-circle-size) auto;
     justify-items: flex-start;
     gap: var(--ax-space-8);
@@ -7119,7 +7668,8 @@
     gap: var(--ax-space-8);
     cursor: pointer;
     padding: var(--__axc-stepper-border-width);
-    margin: calc(var(--__axc-stepper-border-width) * -1) calc(var(--__axc-stepper-border-width) * -1) var(--__axc-stepper-circle-size);
+    margin: calc(var(--__axc-stepper-border-width) * -1) calc(var(--__axc-stepper-border-width) * -1)
+    var(--__axc-stepper-circle-size);
     justify-content: flex-start;
     width: 100%;
     display: grid;
@@ -7135,7 +7685,18 @@
     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;
@@ -7173,7 +7734,11 @@
     text-decoration-thickness: .05em;
   }
 
-  :is(.aksel-stepper__step[data-interactive="true"]:hover, .aksel-stepper__step[data-interactive="true"]:active) .aksel-stepper__content {
+  .aksel-stepper__step[data-interactive="true"]:hover .aksel-stepper__content {
+    text-decoration-thickness: .111em;
+  }
+
+  .aksel-stepper__step[data-interactive="true"]:active .aksel-stepper__content {
     text-decoration-thickness: .111em;
   }
 
@@ -7214,6 +7779,7 @@
 
   .aksel-stepper__content {
     grid-column: content;
+    min-width: -webkit-fit-content;
     min-width: fit-content;
     padding-top: .16rem;
     line-height: 1.5;
@@ -7243,19 +7809,25 @@
   }
 
   .aksel-stepper[data-orientation="horizontal"] .aksel-stepper__item {
-    grid-template-columns: [line-1-start] 1fr [step-start] auto [line-1-end] var(--__axc-stepper-circle-size) [line-2-start] auto [step-end] 1fr [line-2-end];
+    grid-template-columns: [line-1-start] 1fr [step-start] auto [line-1-end] var(--__axc-stepper-circle-size)
+      [line-2-start] auto [step-end] 1fr [line-2-end];
     grid-template-rows: var(--__axc-stepper-circle-size) auto;
     flex: 100%;
   }
 
-  .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 {
+  .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 {
     visibility: hidden;
   }
 
   .aksel-stepper[data-orientation="horizontal"] .aksel-stepper__step {
     grid-area: 1 / step / -1;
     grid-template-rows: [circle] var(--__axc-stepper-circle-size) [content] auto;
-    grid-template-columns: [content-start] auto [circle] var(--__axc-stepper-circle-size) [content-end] auto;
+    grid-template-columns: [content-start] auto [circle] var(--__axc-stepper-circle-size)
+      [content-end] auto;
     place-items: center;
     margin-bottom: 0;
     display: grid;
@@ -7307,6 +7879,7 @@
     z-index: 10;
     background-color: var(--ax-bg-default);
     box-sizing: border-box;
+    position: -webkit-sticky;
     position: sticky;
     top: 0;
   }
@@ -7328,6 +7901,10 @@
     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);
   }
@@ -7338,26 +7915,38 @@
 
   .aksel-table__row--selected {
     background-color: var(--ax-bg-softA);
-    box-shadow: inset 1px 0 0 0 var(--ax-border-default), inset -1px 0 0 0 var(--ax-border-default);
+    box-shadow: inset 1px 0 0 0 var(--ax-border-default),
+    inset -1px 0 0 0 var(--ax-border-default);
   }
 
   .aksel-table__row--selected:first-of-type {
-    box-shadow: inset 1px 0 0 0 var(--ax-border-default), inset -1px 0 0 0 var(--ax-border-default), inset 0 1px 0 0 var(--ax-border-default);
+    box-shadow: inset 1px 0 0 0 var(--ax-border-default),
+      inset -1px 0 0 0 var(--ax-border-default),
+      inset 0 1px 0 0 var(--ax-border-default);
   }
 
   .aksel-table__row--selected + .aksel-table__expanded-row {
     background-color: var(--ax-bg-softA);
-    box-shadow: inset 1px 0 0 0 var(--ax-border-default), inset -1px 0 0 0 var(--ax-border-default);
+    box-shadow: inset 1px 0 0 0 var(--ax-border-default),
+      inset -1px 0 0 0 var(--ax-border-default);
   }
 
   .aksel-table__row--selected + .aksel-table__expanded-row .aksel-table__expanded-row-collapse {
     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);
   }
@@ -7414,7 +8003,10 @@
   }
 
   .aksel-table tr:not(.aksel-table__expanded-row) .aksel-checkbox:focus-within:after {
-    inset: 0;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
   }
 
   .aksel-table__header-cell[aria-sort] {
@@ -7422,6 +8014,7 @@
   }
 
   .aksel-table__sort-button {
+    -webkit-appearance: none;
     appearance: none;
     color: var(--ax-text-subtle);
     cursor: pointer;
@@ -7523,7 +8116,7 @@
     background-color: var(--ax-bg-neutral-moderate-hoverA);
   }
 
-  .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) {
+  .aksel-table__row--selected :is(.aksel-table__toggle-expand-button:hover, .aksel-table__toggle-expand-cell:hover > .aksel-table__toggle-expand-button, .aksel-table__expandable-row--clickable:hover .aksel-table__toggle-expand-button) {
     background-color: var(--ax-bg-moderate-hoverA);
   }
 
@@ -7552,7 +8145,7 @@
   }
 
   .aksel-table__expanded-row-content {
-    --__axc-table-expanded-row-pi: calc(var(--ax-space-8)  + 3rem);
+    --__axc-table-expanded-row-pi: calc(var(--ax-space-8) + 3rem);
     padding-block: var(--ax-space-16);
   }
 
@@ -7701,15 +8294,15 @@
   @media (forced-colors: active) {
     .aksel-tabs__tab[data-state="active"] {
       border-bottom: 3px solid canvastext;
-      padding-block-end: calc(var(--ax-space-12)  - 3px);
+      padding-bottom: calc(var(--ax-space-12) - 3px);
     }
 
     .aksel-tabs__tab--small[data-state="active"] {
-      padding-block-end: calc(var(--ax-space-6)  - 3px);
+      padding-bottom: 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-block-end: calc(var(--ax-space-4)  - 3px);
+      padding-bottom: calc(var(--ax-space-4) - 3px);
     }
   }
 
@@ -7747,7 +8340,7 @@
     display: flex;
   }
 
-  @supports (hanging-punctuation: first) and (font: -apple-system-body) and (appearance: none) {
+  @supports (hanging-punctuation: first) and (font: -apple-system-body) and ((-webkit-appearance: none) or (appearance: none)) {
     .aksel-list ol {
       padding-left: 2.1rem;
     }
@@ -7758,11 +8351,11 @@
   }
 
   .aksel-list__item {
-    margin-block-end: var(--ax-space-8);
+    margin-bottom: var(--ax-space-8);
   }
 
   .aksel-list__item:last-child {
-    margin-block-end: 0;
+    margin-bottom: 0;
   }
 
   .aksel-list__item-marker {
@@ -8744,7 +9337,8 @@
   .aksel-pageblock {
     --__axc-page-padding-inline: 0px;
     width: 100%;
-    margin-inline: auto;
+    margin-left: auto;
+    margin-right: auto;
   }
 
   .aksel-page__content--grow {
@@ -8757,11 +9351,11 @@
   }
 
   .aksel-page__content--padding {
-    padding-block-end: var(--ax-space-64);
+    padding-bottom: var(--ax-space-64);
   }
 
   .aksel-pageblock--text {
-    max-width: calc(576px + var(--__axc-page-padding-inline)  + var(--__axc-page-padding-inline));
+    max-width: calc(576px + var(--__axc-page-padding-inline) + var(--__axc-page-padding-inline));
   }
 
   .aksel-pageblock--md {
@@ -8927,8 +9521,19 @@
   }
 
   .aksel-stack > .aksel-stack__spacer {
-    margin-block-start: calc(var(--__axc-stack-gap) * -1);
-    margin-inline-start: calc(var(--__axc-stack-gap) * -1);
+    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);
   }
 
   @media (min-width: 480px) {