@navikt/ds-css 7.34.0 → 7.35.1

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

@@ -325,6 +325,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);
   }
@@ -348,6 +352,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);
@@ -379,6 +392,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);
@@ -741,7 +763,10 @@
     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 {
@@ -819,7 +844,25 @@
     display: flex;
   }
 
-  .aksel-file-upload :is(ul, li), ul:has( > li.aksel-file-item), 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;
+  }
+
+  ul:has( > li.aksel-file-item) {
     margin: 0;
     padding: 0;
     list-style: none;
@@ -933,7 +976,11 @@
     outline-offset: 3px;
   }
 
-  .aksel-error-summary:focus-visible, .aksel-error-summary:has(.aksel-error-summary__heading:focus-visible) {
+  .aksel-error-summary:focus-visible {
+    outline: 3px solid var(--ax-border-focus);
+  }
+
+  .aksel-error-summary:has(.aksel-error-summary__heading:focus-visible) {
     outline: 3px solid var(--ax-border-focus);
   }
 
@@ -998,14 +1045,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;
     }
@@ -1019,6 +1079,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;
@@ -1065,6 +1126,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);
@@ -1152,11 +1214,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;
   }
 
@@ -1188,11 +1258,19 @@
   }
 
   @media (forced-colors: active) {
+    :-webkit-any(.aksel-checkbox, .aksel-checkbox--readonly) .aksel-checkbox__input:indeterminate:after {
+      background-color: fieldtext;
+    }
+
     :is(.aksel-checkbox, .aksel-checkbox--readonly) .aksel-checkbox__input:indeterminate:after {
       background-color: fieldtext;
     }
 
-    .aksel-checkbox:not(.aksel-checkbox--readonly):has(.aksel-checkbox__input:hover:not(:disabled)) > .aksel-checkbox__label, .aksel-radio:not(.aksel-radio--readonly) > .aksel-radio__input:hover:not(:disabled) + .aksel-radio__label {
+    .aksel-radio:not(.aksel-radio--readonly) > .aksel-radio__input:hover:not(:disabled) + .aksel-radio__label {
+      color: highlight;
+    }
+
+    .aksel-checkbox:not(.aksel-checkbox--readonly):has(.aksel-checkbox__input:hover:not(:disabled)) > .aksel-checkbox__label {
       color: highlight;
     }
 
@@ -1225,12 +1303,21 @@
       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;
     }
   }
 
   .aksel-select__input {
+    -webkit-appearance: none;
     appearance: none;
     background-color: var(--ax-bg-input);
     border-radius: var(--ax-radius-8);
@@ -1289,10 +1376,21 @@
 
   .aksel-form-field--small .aksel-select__input {
     min-height: 2rem;
-    padding-block: 0;
+    padding-top: 0;
+    padding-bottom: 0;
   }
 
-  .aksel-select--error > * select, .aksel-select--error > * select:hover, .aksel-select--error > * select:focus {
+  .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: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);
   }
@@ -1323,6 +1421,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;
@@ -1335,6 +1439,7 @@
   }
 
   .aksel-switch {
+    width: -webkit-fit-content;
     width: fit-content;
     min-height: 3rem;
     position: relative;
@@ -1513,12 +1618,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;
   }
 
@@ -1530,12 +1641,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__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, .aksel-switch--readonly > .aksel-switch__input {
+  .aksel-switch--readonly > .aksel-switch__label-wrapper {
+    cursor: default;
+  }
+
+  .aksel-switch--readonly > .aksel-switch__input {
     cursor: default;
   }
 
@@ -1597,6 +1727,7 @@
   }
 
   .aksel-text-field__input {
+    -webkit-appearance: none;
     appearance: none;
     padding: var(--ax-space-8);
     background: var(--ax-bg-input);
@@ -1673,6 +1804,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);
@@ -1735,17 +1867,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 {
@@ -1788,6 +1953,7 @@
   }
 
   .aksel-search--with-size .aksel-search__wrapper {
+    width: -webkit-fit-content;
     width: fit-content;
   }
 
@@ -1810,7 +1976,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;
@@ -1838,6 +2010,7 @@
   }
 
   .aksel-search__search-icon {
+    color: var(--ax-text-neutral);
     left: var(--ax-space-8);
     pointer-events: none;
     font-size: 1.5rem;
@@ -1877,6 +2050,10 @@
     --__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);
   }
@@ -1890,7 +2067,11 @@
     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;
   }
 
@@ -1913,6 +2094,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);
   }
@@ -1937,7 +2122,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;
   }
 
@@ -1958,7 +2147,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);
   }
 
@@ -2082,7 +2275,11 @@
       outline: none;
     }
 
-    .aksel-combobox__wrapper-inner:has(.aksel-combobox__input:focus), .aksel-combobox__wrapper-inner:has(.aksel-combobox__input:focus).aksel-combobox__wrapper-inner--virtually-unfocused {
+    .aksel-combobox__wrapper-inner:has(.aksel-combobox__input:focus) {
+      outline: none;
+    }
+
+    .aksel-combobox__wrapper-inner:has(.aksel-combobox__input:focus).aksel-combobox__wrapper-inner--virtually-unfocused {
       outline: none;
     }
   }
@@ -2219,7 +2416,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 {
@@ -2247,6 +2444,7 @@
     }
 
     .aksel-combobox__input {
+      min-width: -webkit-min-content;
       min-width: min-content;
       padding: .75rem 0;
     }
@@ -2446,8 +2644,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;
@@ -2502,7 +2701,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;
   }
 
@@ -2525,7 +2728,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;
   }
 
@@ -2550,7 +2757,11 @@
     bottom: 0;
   }
 
-  .aksel-accordion__item[data-expanded="true"] > .aksel-accordion__header:after, .aksel-accordion__item:not(:last-child) > .aksel-accordion__header:after, .aksel-accordion__item[data-expanded="false"]:has(.aksel-accordion__header:where(:hover, :focus-visible)) + .aksel-accordion__item > .aksel-accordion__header:before {
+  .aksel-accordion__item[data-expanded="true"] > .aksel-accordion__header:after, .aksel-accordion__item:not(:last-child) > .aksel-accordion__header:after {
+    display: none;
+  }
+
+  .aksel-accordion__item[data-expanded="false"]:has(.aksel-accordion__header:where(:hover, :focus-visible)) + .aksel-accordion__item > .aksel-accordion__header:before {
     display: none;
   }
 
@@ -2595,7 +2806,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);
@@ -2605,7 +2817,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 {
@@ -2614,10 +2827,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;
   }
 
@@ -2670,7 +2884,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 {
@@ -2691,16 +2905,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 {
@@ -2709,6 +2931,7 @@
     --__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;
@@ -2805,17 +3028,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-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, .aksel-chat[data-color="neutral"][data-variant="subtle"] .aksel-chat__avatar {
+  .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);
   }
@@ -2867,6 +3105,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;
   }
@@ -2945,7 +3184,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;
   }
@@ -2987,7 +3231,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;
@@ -3000,7 +3250,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;
   }
@@ -3022,7 +3277,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);
   }
 
@@ -3031,13 +3290,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;
     }
   }
 
@@ -3075,16 +3339,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(.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(: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) button.aksel-date__month-button:active:not(:disabled) {
     color: var(--ax-text-contrast);
     background-color: var(--ax-bg-strong-pressed);
   }
@@ -3104,8 +3380,6 @@
     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);
@@ -3119,6 +3393,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);
   }
@@ -3138,6 +3427,7 @@
 
   .aksel-date__field-wrapper {
     align-items: center;
+    width: -webkit-fit-content;
     width: fit-content;
     display: inline-flex;
     position: relative;
@@ -3194,7 +3484,8 @@
     color: var(--ax-text-neutral);
     width: 27ch;
     max-height: 616px;
-    overflow: hidden auto;
+    overflow-x: hidden;
+    overflow-y: auto;
   }
 
   .aksel-dropdown__divider {
@@ -3443,7 +3734,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;
   }
 
@@ -3458,6 +3757,7 @@
     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;
   }
 
@@ -3479,6 +3779,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;
   }
@@ -3561,7 +3865,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 {
@@ -3583,17 +3890,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);
@@ -3610,18 +3931,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;
   }
@@ -3668,6 +3999,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);
   }
@@ -3710,6 +4045,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);
@@ -3755,7 +4096,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;
   }
 
@@ -3818,7 +4163,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);
@@ -3832,6 +4178,10 @@
     overflow: visible;
   }
 
+  .aksel-internalheader__title:-webkit-any(button) {
+    cursor: pointer;
+  }
+
   .aksel-internalheader__title:is(button) {
     cursor: pointer;
   }
@@ -3840,6 +4190,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;
   }
@@ -3907,7 +4261,11 @@
     display: inline-flex;
   }
 
-  .aksel-link:hover, .aksel-link:active {
+  .aksel-link:hover {
+    text-decoration-thickness: .111em;
+  }
+
+  .aksel-link:active {
     text-decoration-thickness: .111em;
   }
 
@@ -3987,7 +4345,7 @@
   }
 
   .aksel-link-panel__description {
-    margin-top: var(--a-space-4);
+    margin-top: var(--ax-space-4);
   }
 
   .aksel-link-anchor__overlay {
@@ -4017,7 +4375,11 @@
     text-decoration-thickness: .05em;
   }
 
-  .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;
   }
 
@@ -4037,7 +4399,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);
   }
 
@@ -4079,7 +4445,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;
   }
 
@@ -4100,13 +4470,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 {
@@ -4114,23 +4488,44 @@
     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 {
@@ -4144,6 +4539,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%;
@@ -4153,7 +4555,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 {
@@ -4291,7 +4704,9 @@
   }
 
   .aksel-modal--polyfilled {
+    width: -webkit-fit-content;
     width: fit-content;
+    height: -webkit-fit-content;
     height: fit-content;
     margin: auto;
     top: 50%;
@@ -4310,7 +4725,10 @@
 
   ._dialog_overlay {
     position: fixed;
-    inset: 0;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
   }
 
   .aksel-modal--medium {
@@ -4321,7 +4739,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);
   }
 
@@ -4359,7 +4781,10 @@
   .aksel-modal--polyfilled + .backdrop {
     background: rgba(2, 20, 49, .8);
     position: fixed;
-    inset: 0;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
   }
 
   .aksel-modal__button {
@@ -4410,6 +4835,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;
@@ -4583,14 +5009,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;
@@ -4746,7 +5184,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 {
@@ -4854,7 +5295,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;
@@ -5018,6 +5465,7 @@
     border: none;
     justify-content: center;
     align-items: center;
+    min-width: -webkit-fit-content;
     min-width: fit-content;
     display: inline-flex;
     position: relative;
@@ -5135,6 +5583,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);
   }
@@ -5158,7 +5614,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);
   }
@@ -5332,6 +5793,7 @@
   }
 
   .aksel-skeleton--has-children.aksel-skeleton--no-width {
+    width: -webkit-fit-content;
     width: fit-content;
   }
 
@@ -5393,15 +5855,15 @@
 
   .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 {
@@ -5427,12 +5889,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;
   }
 
@@ -5445,11 +5924,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%);
@@ -5505,6 +5997,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);
@@ -5531,7 +6029,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 {
@@ -5540,7 +6038,7 @@
   }
 
   .aksel-process__active-label:last-of-type {
-    margin-block-end: 0;
+    margin-bottom: 0;
   }
 
   @media (forced-colors: active) {
@@ -5548,6 +6046,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;
@@ -5636,7 +6141,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;
@@ -5674,7 +6190,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;
   }
 
@@ -5715,6 +6235,7 @@
 
   .aksel-stepper__content {
     grid-column: content;
+    min-width: -webkit-fit-content;
     min-width: fit-content;
     padding-top: .16rem;
     line-height: 1.5;
@@ -5749,7 +6270,11 @@
     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;
   }
 
@@ -5808,6 +6333,7 @@
     z-index: 10;
     background-color: var(--ax-bg-default);
     box-sizing: border-box;
+    position: -webkit-sticky;
     position: sticky;
     top: 0;
   }
@@ -5829,6 +6355,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);
   }
@@ -5855,10 +6385,18 @@
     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);
   }
@@ -5915,7 +6453,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] {
@@ -5923,6 +6464,7 @@
   }
 
   .aksel-table__sort-button {
+    -webkit-appearance: none;
     appearance: none;
     color: var(--ax-text-subtle);
     cursor: pointer;
@@ -6024,7 +6566,15 @@
     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(: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) {
     background-color: var(--ax-bg-moderate-hoverA);
   }
 
@@ -6202,15 +6752,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);
     }
   }
 
@@ -6248,7 +6798,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;
     }
@@ -6259,11 +6809,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 {
@@ -7236,6 +7786,7 @@
   }
 
   .aksel-page {
+    min-height: 100vh;
     flex-direction: column;
     min-height: 100lvh;
     display: flex;
@@ -7244,7 +7795,8 @@
   .aksel-pageblock {
     --__axc-page-padding-inline: 0px;
     width: 100%;
-    margin-inline: auto;
+    margin-left: auto;
+    margin-right: auto;
   }
 
   .aksel-page__content--grow {
@@ -7252,11 +7804,12 @@
   }
 
   .aksel-page__content--fullheight {
+    min-height: 100vh;
     min-height: 100lvh;
   }
 
   .aksel-page__content--padding {
-    padding-block-end: var(--ax-space-64);
+    padding-bottom: var(--ax-space-64);
   }
 
   .aksel-pageblock--text {
@@ -7426,8 +7979,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) {