@navikt/ds-css 7.15.0 → 7.16.1

package/dist/darkside/version/{7.15.0 → 7.16.1}/component/form.css

@@ -1,46 +1,46 @@
 @layer aksel.components {
-  .navds-fieldset {
+  .aksel-fieldset {
     border: 0;
     min-width: 0;
     margin: 0;
     padding: 0;
   }
 
-  .navds-fieldset > :not(:first-child, :empty) {
+  .aksel-fieldset > :not(:first-child, :empty) {
     margin-top: var(--ax-space-8);
   }
 
-  .navds-fieldset__description {
+  .aksel-fieldset__description {
     color: var(--ax-text-neutral-subtle);
   }
 
-  .navds-fieldset > .navds-fieldset__description:not(:empty) {
+  .aksel-fieldset > .aksel-fieldset__description:not(:empty) {
     margin-top: .125rem;
   }
 
-  .navds-fieldset > .navds-sr-only + :not(:first-child, :empty) {
+  .aksel-fieldset > .aksel-sr-only + :not(:first-child, :empty) {
     margin-top: 0;
   }
 
-  .navds-fieldset__legend {
+  .aksel-fieldset__legend {
     padding: 0;
   }
 
-  .navds-fieldset--readonly > :where(.navds-fieldset__legend) {
+  .aksel-fieldset--readonly > :where(.aksel-fieldset__legend) {
     display: inline-flex;
   }
 
-  .navds-fieldset:disabled > .navds-fieldset__legend, .navds-fieldset:disabled > .navds-fieldset__description {
+  .aksel-fieldset:disabled > .aksel-fieldset__legend, .aksel-fieldset:disabled > .aksel-fieldset__description {
     opacity: var(--ax-opacity-disabled);
   }
 
   @media (forced-colors: active) {
-    .navds-fieldset:disabled > .navds-fieldset__legend, .navds-fieldset:disabled > .navds-fieldset__description {
+    .aksel-fieldset:disabled > .aksel-fieldset__legend, .aksel-fieldset:disabled > .aksel-fieldset__description {
       opacity: 1;
     }
   }
 
-  .navds-dropzone__area {
+  .aksel-dropzone__area {
     --__axc-dropzone-background: var(--ax-bg-input);
     --__axc-dropzone-icon-padding: var(--ax-space-8);
     --__axc-dropzone-animation-length-long: .4s;
@@ -63,32 +63,32 @@
     position: relative;
   }
 
-  .navds-dropzone__area:hover:not([data-disabled="true"]) {
+  .aksel-dropzone__area:hover:not([data-disabled="true"]) {
     border-color: var(--ax-border-accent-strong);
   }
 
-  .navds-dropzone__area:hover:not([data-disabled="true"]) > .navds-dropzone__area-button {
+  .aksel-dropzone__area:hover:not([data-disabled="true"]) > .aksel-dropzone__area-button {
     background-color: var(--ax-bg-accent-moderate-hover);
     box-shadow: inset 0 0 0 2px var(--ax-bg-accent-strong-hover);
   }
 
-  .navds-dropzone__area:active:not([data-disabled="true"]) > .navds-dropzone__area-button {
+  .aksel-dropzone__area:active:not([data-disabled="true"]) > .aksel-dropzone__area-button {
     background-color: var(--ax-bg-accent-strong-pressed);
     color: var(--ax-text-accent-contrast);
     box-shadow: none;
   }
 
-  .navds-dropzone__area[data-disabled="true"] {
+  .aksel-dropzone__area[data-disabled="true"] {
     --__axc-dropzone-background: var(--ax-bg-neutral-soft);
     border-color: var(--ax-border-neutral-subtleA);
     cursor: default;
   }
 
-  .navds-dropzone--dragging > .navds-dropzone__area {
+  .aksel-dropzone--dragging > .aksel-dropzone__area {
     --__axc-dropzone-background: var(--ax-bg-input);
   }
 
-  .navds-dropzone--dragging > .navds-dropzone__area:after {
+  .aksel-dropzone--dragging > .aksel-dropzone__area:after {
     color: var(--ax-text-accent);
     background-color: var(--ax-bg-accent-moderateA);
     content: "";
@@ -119,19 +119,19 @@
     }
   }
 
-  .navds-dropzone__area-icon {
+  .aksel-dropzone__area-icon {
     padding: var(--__axc-dropzone-icon-padding);
     visibility: hidden;
     display: grid;
   }
 
-  .navds-dropzone--error > .navds-dropzone__area {
+  .aksel-dropzone--error > .aksel-dropzone__area {
     outline: 2px solid var(--ax-border-danger-strong);
     outline-offset: -1px;
     border-color: rgba(0, 0, 0, 0);
   }
 
-  .navds-dropzone__area-release {
+  .aksel-dropzone__area-release {
     top: var(--ax-space-16);
     z-index: 1;
     pointer-events: none;
@@ -140,7 +140,7 @@
     position: absolute;
   }
 
-  .navds-dropzone__area-release__icon {
+  .aksel-dropzone__area-release__icon {
     padding: var(--__axc-dropzone-icon-padding);
     border-radius: var(--ax-border-radius-full);
     background-color: var(--ax-bg-neutral-moderateA);
@@ -149,27 +149,27 @@
     display: grid;
   }
 
-  .navds-dropzone--dragging .navds-dropzone__area-release > .navds-dropzone__area-release__icon {
+  .aksel-dropzone--dragging .aksel-dropzone__area-release > .aksel-dropzone__area-release__icon {
     background-color: rgba(0, 0, 0, 0);
     font-size: 2rem;
   }
 
-  .navds-dropzone__area-release__text {
+  .aksel-dropzone__area-release__text {
     visibility: hidden;
   }
 
-  .navds-dropzone--dragging .navds-dropzone__area-release > .navds-dropzone__area-release__text {
+  .aksel-dropzone--dragging .aksel-dropzone__area-release > .aksel-dropzone__area-release__text {
     transition: visibility var(--__axc-dropzone-animation-length-long) var(--__axc-dropzone-animation-over-under);
     visibility: visible;
   }
 
-  .navds-dropzone--dragging .navds-dropzone__area-release {
+  .aksel-dropzone--dragging .aksel-dropzone__area-release {
     color: var(--ax-text-accent-subtle);
     top: 50%;
     transform: translateY(-50%);
   }
 
-  .navds-dropzone__area-disabled {
+  .aksel-dropzone__area-disabled {
     color: var(--ax-text-neutral-subtle);
     align-items: center;
     gap: var(--ax-space-8);
@@ -177,13 +177,13 @@
     display: flex;
   }
 
-  .navds-file-upload :is(ul, li), ul:has( > li.navds-file-item), li.navds-file-item {
+  .aksel-file-upload :is(ul, li), ul:has( > li.aksel-file-item), li.aksel-file-item {
     margin: 0;
     padding: 0;
     list-style: none;
   }
 
-  .navds-file-item__inner {
+  .aksel-file-item__inner {
     background-color: var(--ax-bg-raised);
     border: 1px solid var(--ax-border-neutral-subtleA);
     outline-offset: -1px;
@@ -195,11 +195,11 @@
     display: flex;
   }
 
-  .navds-file-item--error > .navds-file-item__inner {
+  .aksel-file-item--error > .aksel-file-item__inner {
     outline: 2px solid var(--ax-border-danger-strong);
   }
 
-  .navds-file-item__icon {
+  .aksel-file-item__icon {
     background-color: var(--ax-bg-neutral-moderateA);
     color: var(--ax-text-neutral);
     border-radius: var(--ax-border-radius-full);
@@ -211,24 +211,24 @@
     display: grid;
   }
 
-  .navds-file-item__icon > svg {
+  .aksel-file-item__icon > svg {
     width: 1.5rem;
     height: 1.5rem;
   }
 
-  .navds-file-item__icon--loading {
+  .aksel-file-item__icon--loading {
     background-color: rgba(0, 0, 0, 0);
   }
 
-  .navds-file-item__file-info {
-    word-break: break-word;
+  .aksel-file-item__file-info {
+    overflow-wrap: anywhere;
   }
 
-  .navds-file-item__button {
+  .aksel-file-item__button {
     margin-left: auto;
   }
 
-  .navds-file-item__error {
+  .aksel-file-item__error {
     grid-template-rows: 0fr;
     transition-property: grid-template-rows, padding-top;
     transition-duration: .25s;
@@ -237,40 +237,40 @@
     overflow: hidden;
   }
 
-  .navds-file-item--error .navds-file-item__error {
+  .aksel-file-item--error .aksel-file-item__error {
     padding-top: var(--ax-space-4);
     grid-template-rows: 1fr;
   }
 
-  .navds-form-field {
+  .aksel-form-field {
     justify-items: start;
     gap: var(--ax-space-8);
     display: grid;
   }
 
-  .navds-form-field__description {
+  .aksel-form-field__description {
     color: var(--ax-text-neutral-subtle);
     margin-top: -.375rem;
   }
 
-  .navds-form-field--disabled {
+  .aksel-form-field--disabled {
     opacity: var(--ax-opacity-disabled);
     cursor: not-allowed;
   }
 
-  .navds-form-field__error:empty {
+  .aksel-form-field__error:empty {
     display: none;
   }
 
-  .navds-form-field__subdescription {
+  .aksel-form-field__subdescription {
     color: var(--ax-text-neutral-subtle);
   }
 
-  .navds-form-field--readonly > :where(.navds-form-field__label) {
+  .aksel-form-field--readonly > :where(.aksel-form-field__label) {
     display: inline-flex;
   }
 
-  .navds-form-field__readonly-icon {
+  .aksel-form-field__readonly-icon {
     margin-top: var(--ax-space-2);
     margin-right: var(--ax-space-4);
     flex-shrink: 0;
@@ -278,12 +278,12 @@
   }
 
   @media (forced-colors: active) {
-    .navds-form-field--disabled {
+    .aksel-form-field--disabled {
       opacity: 1;
     }
   }
 
-  .navds-error-summary {
+  .aksel-error-summary {
     background-color: var(--ax-bg-default);
     padding: var(--ax-space-16) var(--ax-space-20);
     border: 4px solid var(--ax-border-danger);
@@ -291,39 +291,39 @@
     outline-offset: 3px;
   }
 
-  .navds-error-summary:focus-visible, .navds-error-summary:has(.navds-error-summary__heading:focus-visible) {
+  .aksel-error-summary:focus-visible, .aksel-error-summary:has(.aksel-error-summary__heading:focus-visible) {
     outline: 3px solid var(--ax-border-focus);
   }
 
   @supports not selector(:focus-visible) {
-    .navds-error-summary:focus {
+    .aksel-error-summary:focus {
       outline: 3px solid var(--ax-border-focus);
     }
   }
 
-  .navds-error-summary--small {
+  .aksel-error-summary--small {
     padding: var(--ax-space-12) var(--ax-space-16);
   }
 
-  .navds-error-summary--small .navds-error-summary__heading {
+  .aksel-error-summary--small .aksel-error-summary__heading {
     scroll-margin-top: var(--ax-space-16);
   }
 
-  .navds-error-summary--small > .navds-error-summary__list {
+  .aksel-error-summary--small > .aksel-error-summary__list {
     margin: var(--ax-space-8) 0;
     gap: var(--ax-space-8);
     padding-left: var(--ax-space-20);
   }
 
-  .navds-error-summary__heading {
+  .aksel-error-summary__heading {
     scroll-margin-top: var(--ax-space-24);
   }
 
-  .navds-error-summary__heading:focus {
+  .aksel-error-summary__heading:focus {
     outline: none;
   }
 
-  .navds-error-summary__list {
+  .aksel-error-summary__list {
     margin: var(--ax-space-12) 0;
     gap: var(--ax-space-12);
     padding-left: var(--ax-space-24);
@@ -332,7 +332,7 @@
     display: flex;
   }
 
-  .navds-confirmation-panel__inner {
+  .aksel-confirmation-panel__inner {
     gap: var(--ax-space-12);
     padding: var(--ax-space-16);
     border-radius: var(--ax-border-radius-large);
@@ -345,12 +345,12 @@
     position: relative;
   }
 
-  .navds-confirmation-panel__content {
+  .aksel-confirmation-panel__content {
     max-width: 80ch;
   }
 
   @media (forced-colors: active) {
-    .navds-confirmation-panel__inner:before {
+    .aksel-confirmation-panel__inner:before {
       content: "";
       forced-color-adjust: none;
       border-color: orange;
@@ -364,21 +364,21 @@
       left: 0;
     }
 
-    .navds-confirmation-panel--checked .navds-confirmation-panel__inner:before {
+    .aksel-confirmation-panel--checked .aksel-confirmation-panel__inner:before {
       border-color: green;
     }
 
-    .navds-confirmation-panel--error .navds-confirmation-panel__inner:before {
+    .aksel-confirmation-panel--error .aksel-confirmation-panel__inner:before {
       border-color: red;
     }
   }
 
-  .navds-checkbox, .navds-radio {
+  .aksel-checkbox, .aksel-radio {
     width: fit-content;
     position: relative;
   }
 
-  .navds-checkbox__input, .navds-radio__input {
+  .aksel-checkbox__input, .aksel-radio__input {
     z-index: 1;
     opacity: 0;
     cursor: pointer;
@@ -389,7 +389,7 @@
     left: -.75rem;
   }
 
-  .navds-checkbox__label, .navds-radio__label {
+  .aksel-checkbox__label, .aksel-radio__label {
     padding: var(--ax-space-12) 0;
     cursor: pointer;
     gap: var(--ax-space-8);
@@ -398,7 +398,7 @@
     display: flex;
   }
 
-  .navds-checkbox__label:before, .navds-radio__label:before {
+  .aksel-checkbox__label:before, .aksel-radio__label:before {
     content: "";
     border-radius: var(--ax-border-radius-medium);
     background-color: var(--ax-bg-input);
@@ -408,33 +408,33 @@
     height: 1.5rem;
   }
 
-  .navds-radio__label:before {
+  .aksel-radio__label:before {
     border-radius: var(--ax-border-radius-full);
   }
 
-  .navds-checkbox__content, .navds-radio__content {
+  .aksel-checkbox__content, .aksel-radio__content {
     flex-direction: column;
     gap: .125rem;
     display: flex;
   }
 
-  .navds-checkbox--small > .navds-checkbox__input, .navds-radio--small > .navds-radio__input {
+  .aksel-checkbox--small > .aksel-checkbox__input, .aksel-radio--small > .aksel-radio__input {
     width: 2rem;
     height: 2rem;
     top: 0;
     left: -.375rem;
   }
 
-  .navds-checkbox--small > .navds-checkbox__label, .navds-radio--small > .navds-radio__label {
+  .aksel-checkbox--small > .aksel-checkbox__label, .aksel-radio--small > .aksel-radio__label {
     padding: var(--ax-space-6) 0;
   }
 
-  .navds-checkbox--small > .navds-checkbox__label:before, .navds-radio--small > .navds-radio__label:before {
+  .aksel-checkbox--small > .aksel-checkbox__label:before, .aksel-radio--small > .aksel-radio__label:before {
     width: 1.25rem;
     height: 1.25rem;
   }
 
-  .navds-checkbox__input:focus + .navds-checkbox__label:after, .navds-radio__input:focus + .navds-radio__label:after {
+  .aksel-checkbox__input:focus + .aksel-checkbox__label:after, .aksel-radio__input:focus + .aksel-radio__label:after {
     content: "";
     width: 100%;
     height: calc(100% - var(--ax-space-24));
@@ -445,15 +445,15 @@
     position: absolute;
   }
 
-  .navds-checkbox--small > .navds-checkbox__input:focus + .navds-checkbox__label:after, .navds-radio--small > .navds-radio__input:focus + .navds-radio__label:after {
+  .aksel-checkbox--small > .aksel-checkbox__input:focus + .aksel-checkbox__label:after, .aksel-radio--small > .aksel-radio__input:focus + .aksel-radio__label:after {
     height: calc(100% - var(--ax-space-12));
   }
 
-  .navds-checkbox__icon-indeterminate {
+  .aksel-checkbox__icon-indeterminate {
     display: none;
   }
 
-  .navds-checkbox__input:indeterminate + .navds-checkbox__label > .navds-checkbox__icon-indeterminate {
+  .aksel-checkbox__input:indeterminate + .aksel-checkbox__label > .aksel-checkbox__icon-indeterminate {
     background-color: var(--ax-bg-default);
     width: .75rem;
     height: .25rem;
@@ -465,26 +465,26 @@
     top: 50%;
   }
 
-  .navds-checkbox--small .navds-checkbox__input:indeterminate + .navds-checkbox__label > .navds-checkbox__icon-indeterminate {
+  .aksel-checkbox--small .aksel-checkbox__input:indeterminate + .aksel-checkbox__label > .aksel-checkbox__icon-indeterminate {
     transform: translate(var(--ax-space-4), -50%);
     height: .1875rem;
   }
 
-  .navds-checkbox__input:where(:checked, :indeterminate) + .navds-checkbox__label:before {
+  .aksel-checkbox__input:where(:checked, :indeterminate) + .aksel-checkbox__label:before {
     background-color: var(--ax-bg-accent-strong-pressed);
     border-color: var(--ax-bg-accent-strong-pressed);
   }
 
-  .navds-checkbox__input:where(:checked, :indeterminate):not(:disabled):hover + .navds-checkbox__label:before {
+  .aksel-checkbox__input:where(:checked, :indeterminate):not(:disabled):hover + .aksel-checkbox__label:before {
     border-color: var(--ax-bg-accent-strong-hover);
     background-color: var(--ax-bg-accent-strong-hover);
   }
 
-  .navds-checkbox__input:where(:not(:checked)) + .navds-checkbox__label > .navds-checkbox__icon {
+  .aksel-checkbox__input:where(:not(:checked)) + .aksel-checkbox__label > .aksel-checkbox__icon {
     display: none;
   }
 
-  .navds-checkbox__input:checked + .navds-checkbox__label > .navds-checkbox__icon {
+  .aksel-checkbox__input:checked + .aksel-checkbox__label > .aksel-checkbox__icon {
     color: var(--ax-bg-default);
     height: 1.5rem;
     transform: translate(var(--ax-space-6));
@@ -494,152 +494,152 @@
     position: absolute;
   }
 
-  .navds-checkbox--small .navds-checkbox__input:checked + .navds-checkbox__label > .navds-checkbox__icon {
+  .aksel-checkbox--small .aksel-checkbox__input:checked + .aksel-checkbox__label > .aksel-checkbox__icon {
     transform: translate(.25rem, -10%);
   }
 
-  .navds-checkbox__icon > svg {
+  .aksel-checkbox__icon > svg {
     vertical-align: initial;
     display: inline;
   }
 
-  .navds-checkbox--small > .navds-checkbox__input:checked + .navds-checkbox__label:before {
+  .aksel-checkbox--small > .aksel-checkbox__input:checked + .aksel-checkbox__label:before {
     background-position: .25rem;
   }
 
-  .navds-radio__input:checked + .navds-radio__label:before {
+  .aksel-radio__input:checked + .aksel-radio__label:before {
     background-color: var(--ax-bg-input);
     border: 8px solid var(--ax-bg-accent-strong-pressed);
   }
 
-  .navds-radio--small > .navds-radio__input:checked + .navds-radio__label:before {
+  .aksel-radio--small > .aksel-radio__input:checked + .aksel-radio__label:before {
     border-width: 6px;
   }
 
-  .navds-checkbox__input:hover:not(:disabled) + .navds-checkbox__label, .navds-radio__input:hover:not(:disabled, :checked) + .navds-radio__label {
+  .aksel-checkbox__input:hover:not(:disabled) + .aksel-checkbox__label, .aksel-radio__input:hover:not(:disabled, :checked) + .aksel-radio__label {
     color: var(--ax-text-accent-subtle);
   }
 
-  .navds-checkbox__input:hover:not(:disabled, :checked, :indeterminate) + .navds-checkbox__label:before, .navds-radio__input:hover:not(:disabled, :checked) + .navds-radio__label:before {
+  .aksel-checkbox__input:hover:not(:disabled, :checked, :indeterminate) + .aksel-checkbox__label:before, .aksel-radio__input:hover:not(:disabled, :checked) + .aksel-radio__label:before {
     border-color: var(--ax-border-accent-strong);
     background-color: var(--ax-bg-accent-moderate-hoverA);
   }
 
-  .navds-checkbox--error > .navds-checkbox__input:not(:disabled, :checked, :indeterminate) + .navds-checkbox__label:before, .navds-radio--error > .navds-radio__input:not(:disabled, :checked) + .navds-radio__label:before {
+  .aksel-checkbox--error > .aksel-checkbox__input:not(:disabled, :checked, :indeterminate) + .aksel-checkbox__label:before, .aksel-radio--error > .aksel-radio__input:not(:disabled, :checked) + .aksel-radio__label:before {
     border-color: var(--ax-border-danger-strong);
   }
 
-  .navds-checkbox--error > .navds-checkbox__input:not(:disabled, :checked, :indeterminate):hover + .navds-checkbox__label:before, .navds-radio--error > .navds-radio__input:not(:disabled, :checked):hover + .navds-radio__label:before {
+  .aksel-checkbox--error > .aksel-checkbox__input:not(:disabled, :checked, :indeterminate):hover + .aksel-checkbox__label:before, .aksel-radio--error > .aksel-radio__input:not(:disabled, :checked):hover + .aksel-radio__label:before {
     background-color: var(--ax-bg-danger-moderate-hoverA);
   }
 
-  .navds-checkbox--error > .navds-checkbox__input:is(:checked, :indeterminate):not(:disabled) + .navds-checkbox__label:before {
+  .aksel-checkbox--error > .aksel-checkbox__input:is(:checked, :indeterminate):not(:disabled) + .aksel-checkbox__label:before {
     background-color: var(--ax-bg-danger-strong-pressed);
     border-color: var(--ax-bg-danger-strong-pressed);
   }
 
-  .navds-radio--error > .navds-radio__input:checked + .navds-radio__label:before {
+  .aksel-radio--error > .aksel-radio__input:checked + .aksel-radio__label:before {
     border-color: var(--ax-bg-danger-strong-pressed);
   }
 
-  .navds-checkbox--disabled, .navds-radio--disabled {
+  .aksel-checkbox--disabled, .aksel-radio--disabled {
     opacity: var(--ax-opacity-disabled);
   }
 
-  .navds-checkbox--disabled > .navds-checkbox__input, .navds-checkbox--disabled > .navds-checkbox__label, .navds-radio--disabled > .navds-radio__input, .navds-radio--disabled > .navds-radio__label {
+  .aksel-checkbox--disabled > .aksel-checkbox__input, .aksel-checkbox--disabled > .aksel-checkbox__label, .aksel-radio--disabled > .aksel-radio__input, .aksel-radio--disabled > .aksel-radio__label {
     cursor: not-allowed;
   }
 
-  .navds-checkbox--readonly > :where(.navds-checkbox__input, .navds-checkbox__label), .navds-radio--readonly > :where(.navds-radio__input, .navds-radio__label) {
+  .aksel-checkbox--readonly > :where(.aksel-checkbox__input, .aksel-checkbox__label), .aksel-radio--readonly > :where(.aksel-radio__input, .aksel-radio__label) {
     cursor: default;
   }
 
-  .navds-checkbox--readonly .navds-checkbox__label-text {
+  .aksel-checkbox--readonly .aksel-checkbox__label-text {
     display: inline-flex;
   }
 
-  .navds-checkbox--readonly > .navds-checkbox__input:hover + .navds-checkbox__label, .navds-radio--readonly > .navds-radio__input:hover + .navds-radio__label {
+  .aksel-checkbox--readonly > .aksel-checkbox__input:hover + .aksel-checkbox__label, .aksel-radio--readonly > .aksel-radio__input:hover + .aksel-radio__label {
     color: var(--ax-text-neutral);
   }
 
-  .navds-checkbox--readonly > .navds-checkbox__input:not(:disabled) + .navds-checkbox__label:before, .navds-checkbox--readonly > .navds-checkbox__input:hover .navds-checkbox__label:before, .navds-radio--readonly > .navds-radio__input:not(:disabled, :checked) + .navds-radio__label:before, .navds-radio--readonly > .navds-radio__input:hover:not(:checked, :focus) + .navds-radio__label:before {
+  .aksel-checkbox--readonly > .aksel-checkbox__input:not(:disabled) + .aksel-checkbox__label:before, .aksel-checkbox--readonly > .aksel-checkbox__input:hover .aksel-checkbox__label:before, .aksel-radio--readonly > .aksel-radio__input:not(:disabled, :checked) + .aksel-radio__label:before, .aksel-radio--readonly > .aksel-radio__input:hover:not(:checked, :focus) + .aksel-radio__label:before {
     background-color: var(--__axc-radio-checkbox-readonly-bg);
     border-color: var(--__axc-radio-checkbox-readonly-border);
   }
 
-  .navds-checkbox--readonly > .navds-checkbox__input:where(:checked, :indeterminate) + .navds-checkbox__label:before {
+  .aksel-checkbox--readonly > .aksel-checkbox__input:where(:checked, :indeterminate) + .aksel-checkbox__label:before {
     border-color: var(--__axc-radio-checkbox-readonly-border);
     background-color: var(--__axc-radio-checkbox-readonly-bg);
   }
 
-  .navds-checkbox--readonly > .navds-checkbox__input:checked + .navds-checkbox__label > .navds-checkbox__icon {
+  .aksel-checkbox--readonly > .aksel-checkbox__input:checked + .aksel-checkbox__label > .aksel-checkbox__icon {
     color: var(--ax-text-neutral-subtle);
   }
 
-  .navds-radio--readonly > .navds-radio__input:checked + .navds-radio__label:before {
+  .aksel-radio--readonly > .aksel-radio__input:checked + .aksel-radio__label:before {
     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);
     border-width: 0;
   }
 
-  .navds-checkbox--readonly > .navds-checkbox__input:indeterminate + .navds-checkbox__label > .navds-checkbox__icon-indeterminate {
+  .aksel-checkbox--readonly > .aksel-checkbox__input:indeterminate + .aksel-checkbox__label > .aksel-checkbox__icon-indeterminate {
     background-color: var(--ax-text-neutral-subtle);
   }
 
   @media (forced-colors: active) {
-    .navds-checkbox, .navds-radio {
+    .aksel-checkbox, .aksel-radio {
       --__axc-radio-checkbox-high-contrast-bg: field;
       --__axc-radio-checkbox-high-contrast-text: fieldtext;
       --__axc-radio-checkbox-high-contrast-highlight: highlight;
       --ax-border-focus: Highlight;
     }
 
-    .navds-checkbox__label:before, .navds-radio__label:before {
+    .aksel-checkbox__label:before, .aksel-radio__label:before {
       border: 1px solid var(--__axc-radio-checkbox-high-contrast-text);
       background-color: var(--__axc-radio-checkbox-high-contrast-bg);
     }
 
-    .navds-checkbox__input:checked + .navds-checkbox__label > .navds-checkbox__icon {
+    .aksel-checkbox__input:checked + .aksel-checkbox__label > .aksel-checkbox__icon {
       color: var(--__axc-radio-checkbox-high-contrast-text);
     }
 
-    .navds-checkbox__input:indeterminate + .navds-checkbox__label > .navds-checkbox__icon-indeterminate {
+    .aksel-checkbox__input:indeterminate + .aksel-checkbox__label > .aksel-checkbox__icon-indeterminate {
       background-color: var(--__axc-radio-checkbox-high-contrast-text);
     }
 
-    .navds-radio__input:checked + .navds-radio__label:before {
+    .aksel-radio__input:checked + .aksel-radio__label:before {
       border: 6px solid var(--__axc-radio-checkbox-high-contrast-text);
     }
 
-    :not(.navds-checkbox--readonly) > .navds-checkbox__input:hover:not(:disabled) + .navds-checkbox__label, :not(.navds-radio--readonly) > .navds-radio__input:hover:not(:disabled) + .navds-radio__label {
+    :not(.aksel-checkbox--readonly) > .aksel-checkbox__input:hover:not(:disabled) + .aksel-checkbox__label, :not(.aksel-radio--readonly) > .aksel-radio__input:hover:not(:disabled) + .aksel-radio__label {
       color: highlight;
     }
 
-    .navds-checkbox--readonly > .navds-checkbox__input:checked + .navds-checkbox__label:before {
+    .aksel-checkbox--readonly > .aksel-checkbox__input:checked + .aksel-checkbox__label:before {
       border: 1px solid var(--__axc-radio-checkbox-high-contrast-text);
       background-color: var(--__axc-radio-checkbox-high-contrast-bg);
     }
 
-    .navds-checkbox--readonly > .navds-checkbox__input:indeterminate + .navds-checkbox__label > .navds-checkbox__icon-indeterminate {
+    .aksel-checkbox--readonly > .aksel-checkbox__input:indeterminate + .aksel-checkbox__label > .aksel-checkbox__icon-indeterminate {
       background-color: var(--__axc-radio-checkbox-high-contrast-text);
     }
 
-    .navds-radio--readonly > .navds-radio__input:checked + .navds-radio__label:before {
+    .aksel-radio--readonly > .aksel-radio__input:checked + .aksel-radio__label:before {
       border-width: 6px;
     }
 
-    .navds-checkbox--disabled, .navds-radio--disabled {
+    .aksel-checkbox--disabled, .aksel-radio--disabled {
       opacity: 1;
       --__axc-radio-checkbox-high-contrast-bg: field;
       --__axc-radio-checkbox-high-contrast-text: graytext;
     }
 
-    :is(.navds-checkbox--disabled, .navds-radio--disabled) :is(.navds-checkbox__label, .navds-radio__label) {
+    :is(.aksel-checkbox--disabled, .aksel-radio--disabled) :is(.aksel-checkbox__label, .aksel-radio__label) {
       color: graytext;
     }
   }
 
-  .navds-select__input {
+  .aksel-select__input {
     appearance: none;
     background-color: var(--ax-bg-input);
     border-radius: var(--ax-border-radius-large);
@@ -654,33 +654,33 @@
     position: relative;
   }
 
-  .navds-select__input:hover {
+  .aksel-select__input:hover {
     border-color: var(--ax-border-accent-strong);
     cursor: pointer;
   }
 
-  .navds-select__input:focus {
+  .aksel-select__input:focus {
     outline: 3px solid var(--ax-border-focus);
     outline-offset: 3px;
     border-color: var(--ax-border-accent-strong);
   }
 
   @media (forced-colors: active) {
-    .navds-select__input {
+    .aksel-select__input {
       color: buttontext;
       background-color: buttonface;
       border-color: buttontext;
     }
   }
 
-  .navds-select__container {
+  .aksel-select__container {
     width: 100%;
     color: var(--ax-text-neutral);
     display: flex;
     position: relative;
   }
 
-  .navds-select__chevron {
+  .aksel-select__chevron {
     right: var(--ax-space-8);
     pointer-events: none;
     color: var(--ax-text-neutral);
@@ -690,22 +690,22 @@
   }
 
   @media (forced-colors: active) {
-    .navds-select__chevron {
+    .aksel-select__chevron {
       color: buttontext;
     }
   }
 
-  .navds-form-field--small .navds-select__input {
+  .aksel-form-field--small .aksel-select__input {
     min-height: 2rem;
     padding-block: 0;
   }
 
-  .navds-select--error > * select, .navds-select--error > * select:hover, .navds-select--error > * select:focus {
+  .aksel-select--error > * select, .aksel-select--error > * select:hover, .aksel-select--error > * select:focus {
     box-shadow: 0 0 0 1px var(--ax-border-danger-strong);
     border-color: var(--ax-border-danger-strong);
   }
 
-  .navds-select__input:disabled {
+  .aksel-select__input:disabled {
     background-color: var(--ax-bg-input);
     border: 1px solid var(--ax-border-neutral);
     box-shadow: none;
@@ -714,45 +714,45 @@
     color: var(--ax-text-neutral);
   }
 
-  .navds-select__input:disabled > option {
+  .aksel-select__input:disabled > option {
     color: var(--ax-text-neutral);
   }
 
   @media (forced-colors: active) {
-    .navds-select__input:disabled + .navds-select__chevron {
+    .aksel-select__input:disabled + .aksel-select__chevron {
       color: graytext;
     }
   }
 
-  .navds-select--readonly .navds-select__input {
+  .aksel-select--readonly .aksel-select__input {
     background-color: var(--ax-bg-neutral-moderate);
     border-color: var(--ax-border-neutral-subtleA);
     cursor: default;
   }
 
   @media (forced-colors: active) {
-    .navds-select--readonly .navds-select__input:is(:hover, :focus) {
+    .aksel-select--readonly .aksel-select__input:is(:hover, :focus) {
       color: buttontext;
       background-color: buttonface;
       border-color: buttontext;
     }
   }
 
-  .navds-select--readonly .navds-select__chevron {
+  .aksel-select--readonly .aksel-select__chevron {
     color: var(--ax-text-neutral-subtle);
   }
 
-  .navds-switch {
+  .aksel-switch {
     width: fit-content;
     min-height: 3rem;
     position: relative;
   }
 
-  .navds-switch--small {
+  .aksel-switch--small {
     min-height: 2rem;
   }
 
-  .navds-switch__input {
+  .aksel-switch__input {
     cursor: pointer;
     z-index: 1;
     opacity: 0;
@@ -762,17 +762,17 @@
     top: 0;
   }
 
-  .navds-switch--small > .navds-switch__input {
+  .aksel-switch--small > .aksel-switch__input {
     height: 2rem;
     top: 0;
   }
 
-  .navds-switch__label-wrapper {
+  .aksel-switch__label-wrapper {
     cursor: pointer;
     color: var(--ax-text-neutral);
   }
 
-  .navds-switch__content {
+  .aksel-switch__content {
     --__axc-switch-block-padding: .75rem;
     gap: var(--ax-space-2);
     padding: var(--__axc-switch-block-padding) 0 var(--__axc-switch-block-padding) 3.25rem;
@@ -781,19 +781,19 @@
     position: relative;
   }
 
-  .navds-switch--right .navds-switch__content {
+  .aksel-switch--right .aksel-switch__content {
     padding: var(--__axc-switch-block-padding) 3.25rem var(--__axc-switch-block-padding) 0;
   }
 
-  .navds-switch--small .navds-switch__content {
+  .aksel-switch--small .aksel-switch__content {
     --__axc-switch-block-padding: .375rem;
   }
 
-  .navds-switch__content.navds-switch--with-description {
+  .aksel-switch__content.aksel-switch--with-description {
     padding-bottom: 0;
   }
 
-  .navds-switch__input:focus ~ .navds-switch__label-wrapper > .navds-switch__content:after {
+  .aksel-switch__input:focus ~ .aksel-switch__label-wrapper > .aksel-switch__content:after {
     content: "";
     width: 100%;
     height: calc(100% - var(--__axc-switch-block-padding) * 2);
@@ -805,19 +805,19 @@
     left: 0;
   }
 
-  .navds-switch__input:focus ~ .navds-switch__label-wrapper > .navds-switch__content.navds-switch--with-description:after {
+  .aksel-switch__input:focus ~ .aksel-switch__label-wrapper > .aksel-switch__content.aksel-switch--with-description:after {
     height: calc(100% - var(--__axc-switch-block-padding) * 1);
   }
 
-  .navds-switch__input:hover ~ .navds-switch__label-wrapper, .navds-switch__label-wrapper:hover {
+  .aksel-switch__input:hover ~ .aksel-switch__label-wrapper, .aksel-switch__label-wrapper:hover {
     color: var(--ax-text-accent-subtle);
   }
 
-  .navds-switch__input:disabled:hover ~ .navds-switch__label-wrapper {
+  .aksel-switch__input:disabled:hover ~ .aksel-switch__label-wrapper {
     color: inherit;
   }
 
-  .navds-switch__track {
+  .aksel-switch__track {
     background-color: var(--ax-bg-input);
     width: 2.75rem;
     height: 1.5rem;
@@ -831,36 +831,36 @@
     left: 0;
   }
 
-  .navds-switch--small > .navds-switch__track {
+  .aksel-switch--small > .aksel-switch__track {
     top: var(--ax-space-4);
   }
 
-  .navds-switch__input:checked ~ .navds-switch__track {
+  .aksel-switch__input:checked ~ .aksel-switch__track {
     background-color: var(--ax-bg-accent-strong-pressed);
     border-color: var(--ax-bg-accent-strong-pressed);
   }
 
-  .navds-switch__input:hover:checked ~ .navds-switch__track {
+  .aksel-switch__input:hover:checked ~ .aksel-switch__track {
     background-color: var(--ax-bg-accent-strong-hover);
     border-color: var(--ax-bg-accent-strong-hover);
   }
 
-  .navds-switch__input:disabled ~ .navds-switch__track {
+  .aksel-switch__input:disabled ~ .aksel-switch__track {
     background-color: var(--ax-bg-input);
     border-color: var(--ax-border-neutral);
   }
 
-  .navds-switch__input:checked:disabled ~ .navds-switch__track {
+  .aksel-switch__input:checked:disabled ~ .aksel-switch__track {
     background-color: var(--ax-bg-accent-strong-pressed);
     border-color: var(--ax-bg-accent-strong-pressed);
   }
 
-  .navds-switch--standalone > .navds-switch__input:focus ~ .navds-switch__track {
+  .aksel-switch--standalone > .aksel-switch__input:focus ~ .aksel-switch__track {
     outline: 3px solid var(--ax-border-focus);
     outline-offset: 3px;
   }
 
-  .navds-switch__thumb {
+  .aksel-switch__thumb {
     background-color: var(--ax-bg-neutral-strong);
     border-radius: var(--ax-border-radius-full);
     justify-content: center;
@@ -875,7 +875,7 @@
     transform: translateX(0);
   }
 
-  .navds-switch__input:checked ~ .navds-switch__track > .navds-switch__thumb {
+  .aksel-switch__input:checked ~ .aksel-switch__track > .aksel-switch__thumb {
     background-color: var(--ax-bg-raised);
     color: var(--ax-text-accent-subtle);
     width: 1.25rem;
@@ -885,119 +885,119 @@
     transform: translateX(1.25rem);
   }
 
-  .navds-switch__input:checked ~ .navds-switch__track > .navds-switch__thumb > .navds-switch__checkmark {
+  .aksel-switch__input:checked ~ .aksel-switch__track > .aksel-switch__thumb > .aksel-switch__checkmark {
     visibility: visible;
     opacity: 1;
   }
 
-  .navds-switch__checkmark {
+  .aksel-switch__checkmark {
     visibility: hidden;
     opacity: 0;
     transition: opacity .15s cubic-bezier(.4, 0, .2, 1);
   }
 
   @media (hover: hover) and (pointer: fine) {
-    .navds-switch__input:hover:not(:disabled) ~ .navds-switch__track > .navds-switch__thumb {
+    .aksel-switch__input:hover:not(:disabled) ~ .aksel-switch__track > .aksel-switch__thumb {
       transform: translateX(.0625rem);
     }
 
-    .navds-switch__input:checked:hover:not(:disabled) ~ .navds-switch__track > .navds-switch__thumb {
+    .aksel-switch__input:checked:hover:not(:disabled) ~ .aksel-switch__track > .aksel-switch__thumb {
       transform: translateX(1.19rem);
     }
   }
 
-  .navds-switch--right {
+  .aksel-switch--right {
     width: auto;
   }
 
-  .navds-switch--right .navds-switch__input, .navds-switch--right .navds-switch__track {
+  .aksel-switch--right .aksel-switch__input, .aksel-switch--right .aksel-switch__track {
     left: auto;
     right: 0;
   }
 
-  .navds-switch__input:disabled {
+  .aksel-switch__input:disabled {
     appearance: none;
   }
 
-  .navds-switch--disabled:not(.navds-switch--loading) {
+  .aksel-switch--disabled:not(.aksel-switch--loading) {
     opacity: var(--ax-opacity-disabled);
   }
 
-  .navds-switch__input:disabled, .navds-switch__input:disabled ~ .navds-switch__label-wrapper {
+  .aksel-switch__input:disabled, .aksel-switch__input:disabled ~ .aksel-switch__label-wrapper {
     cursor: not-allowed;
   }
 
-  .navds-switch--readonly > .navds-switch__track, .navds-switch--readonly > .navds-switch__input:hover ~ .navds-switch__track, .navds-switch--readonly > .navds-switch__input:checked ~ .navds-switch__track, .navds-switch--readonly > .navds-switch__input:checked:hover ~ .navds-switch__track {
+  .aksel-switch--readonly > .aksel-switch__track, .aksel-switch--readonly > .aksel-switch__input:hover ~ .aksel-switch__track, .aksel-switch--readonly > .aksel-switch__input:checked ~ .aksel-switch__track, .aksel-switch--readonly > .aksel-switch__input:checked:hover ~ .aksel-switch__track {
     background-color: var(--ax-bg-neutral-moderate);
     border-color: var(--ax-border-neutral-subtleA);
   }
 
-  .navds-switch--readonly > .navds-switch__label-wrapper, .navds-switch--readonly > .navds-switch__input {
+  .aksel-switch--readonly > .aksel-switch__label-wrapper, .aksel-switch--readonly > .aksel-switch__input {
     cursor: default;
   }
 
-  .navds-switch--readonly > .navds-switch__input:hover ~ .navds-switch__label-wrapper, .navds-switch--readonly .navds-switch__label-wrapper:hover {
+  .aksel-switch--readonly > .aksel-switch__input:hover ~ .aksel-switch__label-wrapper, .aksel-switch--readonly .aksel-switch__label-wrapper:hover {
     color: var(--ax-text-neutral);
   }
 
-  .navds-switch--readonly .navds-switch__label {
+  .aksel-switch--readonly .aksel-switch__label {
     display: inline-flex;
   }
 
-  .navds-switch--readonly .navds-switch__thumb {
+  .aksel-switch--readonly .aksel-switch__thumb {
     background-color: var(--ax-bg-neutral-strong);
   }
 
-  .navds-switch--readonly > .navds-switch__input:checked ~ .navds-switch__track > .navds-switch__thumb {
+  .aksel-switch--readonly > .aksel-switch__input:checked ~ .aksel-switch__track > .aksel-switch__thumb {
     background-color: var(--ax-bg-neutral-strong);
     color: var(--ax-text-neutral-contrast);
   }
 
   @media (hover: hover) and (pointer: fine) {
-    .navds-switch--readonly > .navds-switch__input:hover ~ .navds-switch__track > .navds-switch__thumb {
+    .aksel-switch--readonly > .aksel-switch__input:hover ~ .aksel-switch__track > .aksel-switch__thumb {
       transform: translateX(0);
     }
 
-    .navds-switch--readonly > .navds-switch__input:checked:hover ~ .navds-switch__track > .navds-switch__thumb {
+    .aksel-switch--readonly > .aksel-switch__input:checked:hover ~ .aksel-switch__track > .aksel-switch__thumb {
       transform: translateX(1.25rem);
     }
   }
 
   @media (forced-colors: active) {
-    .navds-switch__input:hover ~ .navds-switch__label-wrapper, .navds-switch__label-wrapper:hover {
+    .aksel-switch__input:hover ~ .aksel-switch__label-wrapper, .aksel-switch__label-wrapper:hover {
       color: highlight;
     }
 
-    .navds-switch__thumb, .navds-switch--readonly .navds-switch__thumb {
+    .aksel-switch__thumb, .aksel-switch--readonly .aksel-switch__thumb {
       background-color: fieldtext !important;
     }
 
-    .navds-switch__input:checked ~ .navds-switch__track > .navds-switch__thumb, .navds-switch--readonly .navds-switch__input:checked ~ .navds-switch__track > .navds-switch__thumb {
+    .aksel-switch__input:checked ~ .aksel-switch__track > .aksel-switch__thumb, .aksel-switch--readonly .aksel-switch__input:checked ~ .aksel-switch__track > .aksel-switch__thumb {
       color: field;
     }
 
-    .navds-switch__input:focus ~ .navds-switch__label-wrapper > .navds-switch__content:after, .navds-switch--standalone > .navds-switch__input:focus ~ .navds-switch__track {
+    .aksel-switch__input:focus ~ .aksel-switch__label-wrapper > .aksel-switch__content:after, .aksel-switch--standalone > .aksel-switch__input:focus ~ .aksel-switch__track {
       outline: 3px solid highlight;
     }
 
-    .navds-switch--disabled:not(.navds-switch--loading) {
+    .aksel-switch--disabled:not(.aksel-switch--loading) {
       opacity: 1;
     }
 
-    .navds-switch--disabled:not(.navds-switch--loading) .navds-switch__thumb {
+    .aksel-switch--disabled:not(.aksel-switch--loading) .aksel-switch__thumb {
       background-color: graytext !important;
     }
 
-    .navds-switch--disabled:not(.navds-switch--loading) .navds-switch__track {
+    .aksel-switch--disabled:not(.aksel-switch--loading) .aksel-switch__track {
       border-color: graytext !important;
     }
 
-    .navds-switch--disabled:not(.navds-switch--loading) .navds-switch__label-wrapper, .navds-switch--disabled:not(.navds-switch--loading) .navds-switch__label-wrapper:hover {
+    .aksel-switch--disabled:not(.aksel-switch--loading) .aksel-switch__label-wrapper, .aksel-switch--disabled:not(.aksel-switch--loading) .aksel-switch__label-wrapper:hover {
       color: graytext !important;
     }
   }
 
-  .navds-text-field__input {
+  .aksel-text-field__input {
     appearance: none;
     padding: var(--ax-space-8);
     background: var(--ax-bg-input);
@@ -1008,70 +1008,70 @@
     color: var(--ax-text-neutral);
   }
 
-  .navds-text-field__input:hover {
+  .aksel-text-field__input:hover {
     border-color: var(--ax-border-accent-strong);
   }
 
-  .navds-text-field__input:focus-visible {
+  .aksel-text-field__input:focus-visible {
     border-color: var(--ax-border-accent-strong);
     outline: 3px solid var(--ax-border-focus);
     outline-offset: 3px;
   }
 
-  .navds-text-field__input:disabled {
+  .aksel-text-field__input:disabled {
     background-color: var(--ax-bg-input);
     border-color: var(--ax-border-neutral);
     cursor: not-allowed;
   }
 
-  .navds-text-field__input::placeholder {
+  .aksel-text-field__input::placeholder {
     color: var(--ax-text-neutral-subtle);
   }
 
-  .navds-text-field__input[size] {
+  .aksel-text-field__input[size] {
     width: auto;
   }
 
-  .navds-form-field--small .navds-text-field__input {
+  .aksel-form-field--small .aksel-text-field__input {
     padding: 0 var(--ax-space-8);
     min-height: 2rem;
   }
 
-  .navds-text-field--error .navds-text-field__input:not(:disabled) {
+  .aksel-text-field--error .aksel-text-field__input:not(:disabled) {
     border-color: var(--ax-border-danger-strong);
     box-shadow: 0 0 0 1px var(--ax-border-danger-strong);
   }
 
-  .navds-text-field--readonly .navds-text-field__input {
+  .aksel-text-field--readonly .aksel-text-field__input {
     background-color: var(--ax-bg-neutral-moderate);
     border-color: var(--ax-border-neutral-subtleA);
     cursor: default;
   }
 
-  .navds-text-field__input[type="search"]::-webkit-search-decoration {
+  .aksel-text-field__input[type="search"]::-webkit-search-decoration {
     -webkit-appearance: none;
   }
 
-  .navds-text-field__input[type="search"]::-webkit-search-cancel-button {
+  .aksel-text-field__input[type="search"]::-webkit-search-cancel-button {
     -webkit-appearance: none;
   }
 
-  .navds-text-field__input[type="search"]::-webkit-search-results-button {
+  .aksel-text-field__input[type="search"]::-webkit-search-results-button {
     -webkit-appearance: none;
   }
 
-  .navds-text-field__input[type="search"]::-webkit-search-results-decoration {
+  .aksel-text-field__input[type="search"]::-webkit-search-results-decoration {
     -webkit-appearance: none;
   }
 
   @media (forced-colors: active) {
-    .navds-text-field__input {
+    .aksel-text-field__input {
       color: fieldtext;
       background-color: field;
     }
   }
 
-  .navds-textarea__input {
+  .aksel-textarea__input {
     height: var(--__axc-textarea-height);
     appearance: none;
     padding: var(--ax-space-8);
@@ -1084,69 +1084,69 @@
     display: block;
   }
 
-  .navds-textarea__input::placeholder {
+  .aksel-textarea__input::placeholder {
     color: var(--ax-text-neutral-subtle);
   }
 
-  .navds-textarea__input:hover {
+  .aksel-textarea__input:hover {
     border-color: var(--ax-border-accent-strong);
   }
 
-  .navds-textarea__input:focus-visible {
+  .aksel-textarea__input:focus-visible {
     outline: 3px solid var(--ax-border-focus);
     outline-offset: 3px;
     border-color: var(--ax-border-accent-strong);
   }
 
-  .navds-textarea__input:disabled {
+  .aksel-textarea__input:disabled {
     background-color: var(--ax-bg-input);
     border-color: var(--ax-border-neutral);
     cursor: not-allowed;
   }
 
-  .navds-form-field--small .navds-textarea__input {
+  .aksel-form-field--small .aksel-textarea__input {
     padding: var(--ax-space-6);
   }
 
-  .navds-textarea--readonly .navds-textarea__input {
+  .aksel-textarea--readonly .aksel-textarea__input {
     background-color: var(--ax-bg-neutral-moderate);
     border-color: var(--ax-border-neutral-subtleA);
     cursor: default;
   }
 
-  .navds-textarea__counter {
+  .aksel-textarea__counter {
     color: var(--ax-text-neutral-subtle);
     margin-top: -.25rem;
   }
 
-  .navds-textarea__counter--error {
+  .aksel-textarea__counter--error {
     color: var(--ax-text-danger-subtle);
   }
 
-  .navds-textarea__sr-counter {
+  .aksel-textarea__sr-counter {
     display: none;
   }
 
-  .navds-textarea__input:focus ~ .navds-textarea__sr-counter {
+  .aksel-textarea__input:focus ~ .aksel-textarea__sr-counter {
     display: initial;
   }
 
-  .navds-textarea--resize-both .navds-textarea__input {
+  .aksel-textarea--resize-both .aksel-textarea__input {
     resize: both;
     border-end-end-radius: 0;
   }
 
-  .navds-textarea--resize-horizontal .navds-textarea__input {
+  .aksel-textarea--resize-horizontal .aksel-textarea__input {
     resize: horizontal;
     border-end-end-radius: 0;
   }
 
-  .navds-textarea--resize-vertical .navds-textarea__input {
+  .aksel-textarea--resize-vertical .aksel-textarea__input {
     resize: vertical;
     border-end-end-radius: 0;
   }
 
-  .navds-textarea--autoscrollbar, .navds-textarea--autoscrollbar .navds-textarea__wrapper {
+  .aksel-textarea--autoscrollbar, .aksel-textarea--autoscrollbar .aksel-textarea__wrapper {
     flex-direction: column;
     margin: -3px;
     padding: 3px;
@@ -1154,88 +1154,88 @@
     overflow: hidden;
   }
 
-  .navds-textarea--autoscrollbar .navds-textarea__input {
+  .aksel-textarea--autoscrollbar .aksel-textarea__input {
     scrollbar-gutter: stable;
   }
 
-  .navds-textarea--error .navds-textarea__input:not(:disabled) {
+  .aksel-textarea--error .aksel-textarea__input:not(:disabled) {
     box-shadow: 0 0 0 1px var(--ax-border-danger-strong);
     border-color: var(--ax-border-danger-strong);
   }
 
   @media (forced-colors: active) {
-    .navds-textarea__input {
+    .aksel-textarea__input {
       color: fieldtext;
       background-color: field;
     }
   }
 
-  .navds-search {
+  .aksel-search {
     flex-direction: column;
     width: 100%;
     display: flex;
   }
 
-  .navds-search__wrapper-inner {
+  .aksel-search__wrapper-inner {
     width: 100%;
     position: relative;
   }
 
-  .navds-search--with-size .navds-search__wrapper-inner {
+  .aksel-search--with-size .aksel-search__wrapper-inner {
     width: inherit;
   }
 
-  .navds-search--with-size .navds-search__wrapper {
+  .aksel-search--with-size .aksel-search__wrapper {
     width: fit-content;
   }
 
-  .navds-search__wrapper {
+  .aksel-search__wrapper {
     border-radius: var(--ax-border-radius-large);
     align-items: center;
     display: inline-flex;
   }
 
-  .navds-search__wrapper:has(.navds-search__input:focus-visible) {
+  .aksel-search__wrapper:has(.aksel-search__input:focus-visible) {
     outline: 3px solid var(--ax-border-focus);
     outline-offset: 3px;
   }
 
-  .navds-search__input {
+  .aksel-search__input {
     padding-right: var(--ax-space-40);
   }
 
-  .navds-search__input:focus-visible {
+  .aksel-search__input:focus-visible {
     outline: none;
   }
 
-  .navds-search__input.navds-search__input--primary, .navds-search__input.navds-search__input--secondary {
+  .aksel-search__input.aksel-search__input--primary, .aksel-search__input.aksel-search__input--secondary {
     border-right: none;
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
   }
 
-  .navds-search__input--simple {
+  .aksel-search__input--simple {
     padding-left: var(--ax-space-40);
   }
 
-  .navds-form-field--small .navds-search__input {
+  .aksel-form-field--small .aksel-search__input {
     padding-right: var(--ax-space-28);
   }
 
-  .navds-form-field--small .navds-search__input--simple {
+  .aksel-form-field--small .aksel-search__input--simple {
     padding-left: var(--ax-space-28);
   }
 
-  .navds-form-field--small .navds-search__search-icon {
+  .aksel-form-field--small .aksel-search__search-icon {
     left: var(--ax-space-4);
     font-size: 1.25rem;
   }
 
-  .navds-form-field--small .navds-search__button-clear {
+  .aksel-form-field--small .aksel-search__button-clear {
     right: var(--ax-space-4);
   }
 
-  .navds-search__search-icon {
+  .aksel-search__search-icon {
     left: var(--ax-space-8);
     pointer-events: none;
     font-size: 1.5rem;
@@ -1244,60 +1244,60 @@
     transform: translateY(-50%);
   }
 
-  .navds-search--disabled .navds-search__search-icon {
+  .aksel-search--disabled .aksel-search__search-icon {
     opacity: var(--ax-opacity-disabled);
   }
 
-  .navds-search__button-clear {
+  .aksel-search__button-clear {
     right: var(--ax-space-8);
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
   }
 
-  .navds-search__button-search {
+  .aksel-search__button-search {
     border-radius: 0;
     border-top-right-radius: var(--ax-border-radius-large);
     border-bottom-right-radius: var(--ax-border-radius-large);
     flex-shrink: 0;
   }
 
-  .navds-search__button-search.navds-button--secondary {
+  .aksel-search__button-search.aksel-button--secondary {
     --__axc-button-border-width: 1px;
     --__axc-button-border-color: var(--ax-border-neutral);
   }
 
-  .navds-search__button-search.navds-button--secondary:not(:hover, :active) {
+  .aksel-search__button-search.aksel-button--secondary:not(:hover, :active) {
     background-color: var(--ax-bg-input);
   }
 
-  .navds-search__button-search.navds-button--secondary:hover:not(:disabled) {
+  .aksel-search__button-search.aksel-button--secondary:hover:not(:disabled) {
     --__axc-button-border-color: var(--ax-border-accent-strong);
   }
 
-  .navds-search:not(.navds-search--error, .navds-search--disabled) .navds-search__wrapper:has(.navds-search__input:is(:hover, :focus-visible)) .navds-search__button-search.navds-button--secondary:not(:hover, :active) {
+  .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-accent-strong);
   }
 
-  .navds-search--error .navds-search__input:not(:disabled) {
+  .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);
   }
 
-  .navds-search--error .navds-search__input:not(:disabled).navds-search__input--simple {
+  .aksel-search--error .aksel-search__input:not(:disabled).aksel-search__input--simple {
     box-shadow: inset 0 0 0 1px var(--ax-border-danger-strong);
   }
 
-  .navds-search__input:focus-visible, .navds-search__button-search:focus-visible {
+  .aksel-search__input:focus-visible, .aksel-search__button-search:focus-visible {
     z-index: 1;
   }
 
-  .navds-search--disabled .navds-search__input {
+  .aksel-search--disabled .aksel-search__input {
     opacity: var(--ax-opacity-disabled);
     cursor: not-allowed;
   }
 
-  .navds-combobox__wrapper {
+  .aksel-combobox__wrapper {
     --__axc-combobox-icon-size: 1.5rem;
     --__axc-combobox-wrapper-inner-padding: var(--ax-space-8);
     --__axc-combobox-list-item-padding-block: var(--ax-space-12);
@@ -1311,11 +1311,11 @@
     position: relative;
   }
 
-  .navds-form-field:not(:is(.navds-combobox--disabled, .navds-combobox--readonly)) .navds-combobox__wrapper:hover {
+  .aksel-form-field:not(:is(.aksel-combobox--disabled, .aksel-combobox--readonly)) .aksel-combobox__wrapper:hover {
     border-color: var(--ax-border-accent-strong);
   }
 
-  .navds-form-field--small .navds-combobox__wrapper {
+  .aksel-form-field--small .aksel-combobox__wrapper {
     --__axc-combobox-icon-size: 1.25rem;
     --__axc-combobox-wrapper-inner-padding: var(--ax-space-4);
     --__axc-combobox-list-item-padding-block: var(--ax-space-6);
@@ -1323,65 +1323,65 @@
     --__axc-combobox-input-height: 1.5rem;
   }
 
-  .navds-combobox--disabled {
+  .aksel-combobox--disabled {
     opacity: var(--ax-opacity-disabled);
   }
 
-  .navds-combobox--disabled .navds-combobox__wrapper:hover {
+  .aksel-combobox--disabled .aksel-combobox__wrapper:hover {
     border-color: var(--ax-border-neutral);
   }
 
-  .navds-combobox--disabled .navds-combobox__wrapper :hover {
+  .aksel-combobox--disabled .aksel-combobox__wrapper :hover {
     cursor: not-allowed;
   }
 
-  .navds-combobox--disabled .navds-combobox__selected-options, .navds-combobox--disabled .navds-combobox--readonly {
+  .aksel-combobox--disabled .aksel-combobox__selected-options, .aksel-combobox--disabled .aksel-combobox--readonly {
     pointer-events: none;
   }
 
-  .navds-combobox--readonly {
+  .aksel-combobox--readonly {
     pointer-events: none;
   }
 
-  .navds-combobox--readonly .navds-combobox__selected-options .navds-chips__chip {
+  .aksel-combobox--readonly .aksel-combobox__selected-options .aksel-chips__chip {
     background-color: var(--ax-bg-neutral-moderateA);
   }
 
-  .navds-combobox--readonly .navds-combobox__button-toggle-list {
+  .aksel-combobox--readonly .aksel-combobox__button-toggle-list {
     color: var(--ax-bg-neutral-moderate);
   }
 
-  .navds-combobox--readonly .navds-combobox__wrapper {
+  .aksel-combobox--readonly .aksel-combobox__wrapper {
     border-color: var(--ax-border-neutral-subtle);
     overflow: clip;
   }
 
-  .navds-combobox--readonly .navds-text-field__input, .navds-combobox--readonly .navds-combobox__input {
+  .aksel-combobox--readonly .aksel-text-field__input, .aksel-combobox--readonly .aksel-combobox__input {
     background-color: var(--ax-bg-neutral-moderate);
   }
 
-  .navds-combobox__button-toggle-list svg, .navds-combobox__list svg {
+  .aksel-combobox__button-toggle-list svg, .aksel-combobox__list svg {
     width: var(--__axc-combobox-icon-size);
     height: var(--__axc-combobox-icon-size);
   }
 
-  .navds-combobox__wrapper-inner {
+  .aksel-combobox__wrapper-inner {
     border: 1px solid var(--ax-border-neutral);
     border-radius: var(--ax-border-radius-large);
   }
 
-  .navds-combobox__wrapper-inner:has(.navds-combobox__input:focus-visible) {
+  .aksel-combobox__wrapper-inner:has(.aksel-combobox__input:focus-visible) {
     outline: 3px solid var(--ax-border-focus);
     outline-offset: 3px;
     border-color: var(--ax-border-accent-strong);
   }
 
-  .navds-combobox__wrapper-inner:has(.navds-combobox__input:focus-visible).navds-combobox__wrapper-inner--virtually-unfocused {
+  .aksel-combobox__wrapper-inner:has(.aksel-combobox__input:focus-visible).aksel-combobox__wrapper-inner--virtually-unfocused {
     border-color: var(--ax-border-neutral);
     outline: none;
   }
 
-  .navds-combobox__wrapper-inner.navds-text-field__input {
+  .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-inline: var(--__axc-combobox-wrapper-inner-padding);
@@ -1392,52 +1392,52 @@
     position: relative;
   }
 
-  .navds-combobox__wrapper-inner > :first-child {
+  .aksel-combobox__wrapper-inner > :first-child {
     flex: 2;
   }
 
-  .navds-combobox__wrapper-inner > :last-child {
+  .aksel-combobox__wrapper-inner > :last-child {
     flex-flow: row;
     display: flex;
   }
 
-  .navds-combobox__wrapper-inner:hover {
+  .aksel-combobox__wrapper-inner:hover {
     cursor: text;
   }
 
-  .navds-combobox--disabled .navds-combobox__wrapper-inner:hover {
+  .aksel-combobox--disabled .aksel-combobox__wrapper-inner:hover {
     border-color: var(--ax-border-neutral);
   }
 
-  .navds-combobox--error .navds-combobox__wrapper-inner {
+  .aksel-combobox--error .aksel-combobox__wrapper-inner {
     border-color: var(--ax-border-danger-strong);
     box-shadow: 0 0 0 1px var(--ax-border-danger-strong);
   }
 
-  .navds-combobox--error .navds-combobox__wrapper-inner:has(.navds-combobox__input:focus-visible) {
+  .aksel-combobox--error .aksel-combobox__wrapper-inner:has(.aksel-combobox__input:focus-visible) {
     border-color: var(--ax-border-danger-strong);
   }
 
-  .navds-combobox__selected-options {
+  .aksel-combobox__selected-options {
     align-items: center;
     gap: 0;
   }
 
-  .navds-combobox__selected-options > li {
+  .aksel-combobox__selected-options > li {
     border-radius: var(--ax-border-radius-full);
     margin: auto 0;
   }
 
-  .navds-combobox__selected-options > li:last-of-type {
+  .aksel-combobox__selected-options > li:last-of-type {
     flex: 1;
     display: flex;
   }
 
-  .navds-combobox__selected-options[data-type="multiple"] {
+  .aksel-combobox__selected-options[data-type="multiple"] {
     gap: var(--__axc-combobox-wrapper-inner-padding);
   }
 
-  .navds-combobox__selected-options--no-bg {
+  .aksel-combobox__selected-options--no-bg {
     font-family: inherit;
     font-size: var(--ax-font-size-large);
     font-weight: var(--ax-font-weight-regular);
@@ -1447,11 +1447,11 @@
     padding-left: .25rem;
   }
 
-  .navds-combobox__input-wrapper {
+  .aksel-combobox__input-wrapper {
     width: 100%;
   }
 
-  .navds-combobox__input {
+  .aksel-combobox__input {
     width: 100%;
     min-width: 10ch;
     height: var(--__axc-combobox-input-height);
@@ -1462,35 +1462,35 @@
     padding: 0;
   }
 
-  .navds-combobox__input:focus-visible {
+  .aksel-combobox__input:focus-visible {
     border: none;
     outline: 0;
   }
 
-  .navds-combobox__selected-options > li:only-child > .navds-combobox__input {
+  .aksel-combobox__selected-options > li:only-child > .aksel-combobox__input {
     margin-left: var(--ax-space-4);
   }
 
-  .navds-combobox__input--hide-caret {
+  .aksel-combobox__input--hide-caret {
     caret-color: rgba(0, 0, 0, 0);
   }
 
   @supports not selector(:focus-visible) {
-    .navds-combobox__input:focus {
+    .aksel-combobox__input:focus {
       border: none;
       outline: none;
     }
 
-    .navds-combobox__wrapper-inner:has(.navds-combobox__input:focus), .navds-combobox__wrapper-inner:has(.navds-combobox__input:focus).navds-combobox__wrapper-inner--virtually-unfocused {
+    .aksel-combobox__wrapper-inner:has(.aksel-combobox__input:focus), .aksel-combobox__wrapper-inner:has(.aksel-combobox__input:focus).aksel-combobox__wrapper-inner--virtually-unfocused {
       outline: none;
     }
   }
 
-  .navds-combobox__input::-webkit-search-cancel-button {
+  .aksel-combobox__input::-webkit-search-cancel-button {
     display: none;
   }
 
-  .navds-combobox__button-toggle-list {
+  .aksel-combobox__button-toggle-list {
     color: var(--ax-text-neutral);
     cursor: pointer;
     background: none;
@@ -1502,15 +1502,15 @@
     display: flex;
   }
 
-  .navds-combobox__button-toggle-list:hover {
+  .aksel-combobox__button-toggle-list:hover {
     color: var(--ax-text-accent-subtle);
   }
 
-  .navds-combobox__button-toggle-list:hover:active {
+  .aksel-combobox__button-toggle-list:hover:active {
     color: var(--ax-text-accent);
   }
 
-  .navds-combobox__list {
+  .aksel-combobox__list {
     z-index: 10;
     max-height: 316px;
     left: 0;
@@ -1528,15 +1528,15 @@
     overflow: clip;
   }
 
-  .navds-combobox__list .navds-combobox__list-options {
+  .aksel-combobox__list .aksel-combobox__list-options {
     overflow-y: auto;
   }
 
-  .navds-combobox__list--closed {
+  .aksel-combobox__list--closed {
     display: none;
   }
 
-  .navds-combobox__list-item, .navds-combobox__list-item--loading, .navds-combobox__list-item--no-options, .navds-combobox__list-item--new-option, .navds-combobox__list-item--max-selected {
+  .aksel-combobox__list-item, .aksel-combobox__list-item--loading, .aksel-combobox__list-item--no-options, .aksel-combobox__list-item--new-option, .aksel-combobox__list-item--max-selected {
     padding-block: var(--__axc-combobox-list-item-padding-block);
     padding-inline: var(--__axc-combobox-list-item-padding-inline);
     border-radius: var(--ax-border-radius-large);
@@ -1549,16 +1549,16 @@
     display: flex;
   }
 
-  .navds-combobox__list-item--no-options {
+  .aksel-combobox__list-item--no-options {
     margin: 0;
   }
 
-  .navds-combobox__list-item--loading {
+  .aksel-combobox__list-item--loading {
     justify-content: center;
     margin: 0;
   }
 
-  .navds-combobox__list-item--max-selected {
+  .aksel-combobox__list-item--max-selected {
     background-color: var(--ax-bg-neutral-moderateA);
     border-bottom: 1px solid var(--ax-border-neutral-subtle);
     padding-block: var(--ax-space-8);
@@ -1567,7 +1567,7 @@
     margin: 0;
   }
 
-  .navds-combobox__list-options {
+  .aksel-combobox__list-options {
     display: inherit;
     flex-direction: inherit;
     gap: inherit;
@@ -1579,40 +1579,40 @@
     list-style: none;
   }
 
-  .navds-combobox__list-item--focus {
+  .aksel-combobox__list-item--focus {
     cursor: pointer;
     outline: 2px solid var(--ax-border-focus);
   }
 
-  .navds-combobox__list-item {
+  .aksel-combobox__list-item {
     -webkit-user-select: none;
     user-select: none;
   }
 
-  .navds-combobox__list-item[data-no-focus="true"] {
+  .aksel-combobox__list-item[data-no-focus="true"] {
     cursor: not-allowed;
     opacity: .4;
   }
 
-  .navds-combobox__list-item mark {
+  .aksel-combobox__list-item mark {
     font-weight: var(--ax-font-weight-bold);
     color: var(--ax-text-neutral);
     background-color: rgba(0, 0, 0, 0);
   }
 
-  .navds-combobox__list-item svg {
+  .aksel-combobox__list-item svg {
     color: var(--ax-text-neutral);
   }
 
-  .navds-combobox__list-item--selected {
+  .aksel-combobox__list-item--selected {
     background-color: var(--ax-bg-accent-moderate-pressedA);
   }
 
-  .navds-combobox__list-item--selected p {
+  .aksel-combobox__list-item--selected p {
     font-weight: var(--ax-font-weight-bold);
   }
 
-  .navds-combobox__list-item--new-option {
+  .aksel-combobox__list-item--new-option {
     border-bottom: 1px solid var(--ax-border-accent-subtleA);
     background: var(--ax-bg-accent-moderateA);
     cursor: pointer;
@@ -1623,113 +1623,113 @@
     margin-block-start: calc(var(--ax-space-4) * -1);
   }
 
-  .navds-combobox__list-item--new-option svg {
+  .aksel-combobox__list-item--new-option svg {
     color: var(--ax-text-neutral);
   }
 
-  .navds-combobox__list-item--new-option:only-child {
+  .aksel-combobox__list-item--new-option:only-child {
     margin-block: calc(var(--ax-space-4) * -1);
     border: none;
   }
 
-  .navds-combobox__list-item--new-option--focus {
+  .aksel-combobox__list-item--new-option--focus {
     border-radius: calc(var(--ax-border-radius-large)  - 1px) calc(var(--ax-border-radius-large)  - 1px) 0 0;
     outline: 2px solid var(--ax-border-focus);
     outline-offset: -2px;
   }
 
-  .navds-combobox__list-item--new-option--focus:only-child {
+  .aksel-combobox__list-item--new-option--focus:only-child {
     border-radius: calc(var(--ax-border-radius-large)  - 1px);
   }
 
   @media (max-width: 479px) {
-    .navds-combobox__button-toggle-list {
+    .aksel-combobox__button-toggle-list {
       right: .5rem;
     }
 
-    .navds-combobox__input {
+    .aksel-combobox__input {
       min-width: min-content;
       padding: .75rem 0;
     }
 
-    .navds-combobox__selected-options {
+    .aksel-combobox__selected-options {
       gap: var(--ax-space-4);
     }
   }
 
   @media (forced-colors: active) {
-    .navds-combobox__wrapper-inner:has(.navds-combobox__input:focus-visible) {
+    .aksel-combobox__wrapper-inner:has(.aksel-combobox__input:focus-visible) {
       outline-color: highlight;
     }
 
-    .navds-combobox__list-item--focus, .navds-combobox__list--with-hover .navds-combobox__list-item:not([data-no-focus="true"], .navds-combobox__list-item--new-option):hover {
+    .aksel-combobox__list-item--focus, .aksel-combobox__list--with-hover .aksel-combobox__list-item:not([data-no-focus="true"], .aksel-combobox__list-item--new-option):hover {
       color: highlight;
       border-left-color: highlight;
     }
 
-    .navds-combobox__list-item[data-no-focus="true"] {
+    .aksel-combobox__list-item[data-no-focus="true"] {
       opacity: 1;
       color: graytext;
     }
 
-    .navds-combobox__list-item--selected {
+    .aksel-combobox__list-item--selected {
       color: selecteditemtext;
       background-color: highlight;
     }
 
-    .navds-combobox__list-item--selected * {
+    .aksel-combobox__list-item--selected * {
       color: #000;
     }
 
-    .navds-combobox__list-item--selected > * {
+    .aksel-combobox__list-item--selected > * {
       forced-color-adjust: none;
     }
 
-    .navds-combobox__list-item--selected.navds-combobox__list-item--focus, .navds-combobox__list--with-hover .navds-combobox__list-item--selected:hover {
+    .aksel-combobox__list-item--selected.aksel-combobox__list-item--focus, .aksel-combobox__list--with-hover .aksel-combobox__list-item--selected:hover {
       color: highlight;
       border-left-color: highlight;
     }
 
-    .navds-combobox__list--with-hover .navds-combobox__list-item--new-option:hover {
+    .aksel-combobox__list--with-hover .aksel-combobox__list-item--new-option:hover {
       color: highlight;
     }
 
-    .navds-combobox__list-item--new-option--focus {
+    .aksel-combobox__list-item--new-option--focus {
       outline-offset: 0;
       outline: 2px solid highlight;
     }
 
-    .navds-combobox--disabled {
+    .aksel-combobox--disabled {
       opacity: 1;
     }
 
-    .navds-combobox--disabled * {
+    .aksel-combobox--disabled * {
       color: graytext;
       opacity: 1;
       border-color: graytext;
     }
 
-    .navds-combobox__list-item--new-option svg {
+    .aksel-combobox__list-item--new-option svg {
       color: canvastext;
     }
 
-    .navds-combobox__list-item--new-option:hover {
+    .aksel-combobox__list-item--new-option:hover {
       color: highlight;
     }
 
-    .navds-combobox__list-item--new-option:hover svg {
+    .aksel-combobox__list-item--new-option:hover svg {
       color: highlight;
     }
   }
 
-  .navds-form-summary {
+  .aksel-form-summary {
     border: 1px solid var(--ax-border-neutral-subtleA);
     border-radius: var(--ax-border-radius-xlarge);
     background: var(--ax-bg-raised);
     overflow: hidden;
   }
 
-  .navds-form-summary__header {
+  .aksel-form-summary__header {
     background: var(--ax-bg-neutral-moderateA);
     padding: var(--ax-space-20) var(--ax-space-20) var(--ax-space-16) var(--ax-space-20);
     justify-content: space-between;
@@ -1738,63 +1738,63 @@
   }
 
   @media (max-width: 479px) {
-    .navds-form-summary__header {
+    .aksel-form-summary__header {
       padding: var(--ax-space-16) var(--ax-space-16) var(--ax-space-12) var(--ax-space-16);
       flex-direction: column;
     }
   }
 
-  .navds-form-summary__edit {
+  .aksel-form-summary__edit {
     margin-top: var(--ax-space-4);
     flex-shrink: 0;
     align-self: flex-start;
   }
 
-  .navds-form-summary > .navds-form-summary__answers {
+  .aksel-form-summary > .aksel-form-summary__answers {
     border-top: 1px solid var(--ax-border-neutral-subtleA);
   }
 
-  .navds-form-summary__answers {
+  .aksel-form-summary__answers {
     padding: var(--ax-space-16) var(--ax-space-20) var(--ax-space-20) var(--ax-space-20);
     margin: 0;
   }
 
   @media (max-width: 479px) {
-    .navds-form-summary__answers {
+    .aksel-form-summary__answers {
       padding: var(--ax-space-12) var(--ax-space-16) var(--ax-space-16) var(--ax-space-16);
     }
   }
 
-  .navds-form-summary__answer:not(:last-child) {
+  .aksel-form-summary__answer:not(:last-child) {
     margin-bottom: var(--ax-space-16);
     padding-bottom: var(--ax-space-16);
     border-bottom: 1px solid var(--ax-border-neutral-subtleA);
   }
 
-  .navds-form-summary__answer:has(.navds-form-summary__answer) {
+  .aksel-form-summary__answer:has(.aksel-form-summary__answer) {
     padding-bottom: var(--ax-space-24);
   }
 
-  .navds-form-summary__answer:has(.navds-form-summary__answer):last-child {
+  .aksel-form-summary__answer:has(.aksel-form-summary__answer):last-child {
     padding-bottom: 0;
   }
 
   @media (max-width: 479px) {
-    .navds-form-summary__answer:not(:last-child) {
+    .aksel-form-summary__answer:not(:last-child) {
       margin-bottom: var(--ax-space-12);
       padding-bottom: var(--ax-space-12);
     }
 
-    .navds-form-summary__answer:has(.navds-form-summary__answer) {
+    .aksel-form-summary__answer:has(.aksel-form-summary__answer) {
       padding-bottom: var(--ax-space-20);
     }
   }
 
-  .navds-form-summary__value:first-of-type {
+  .aksel-form-summary__value:first-of-type {
     margin-top: var(--ax-space-4);
   }
 
-  .navds-form-summary__value .navds-form-summary__answers {
+  .aksel-form-summary__value .aksel-form-summary__answers {
     margin-top: var(--ax-space-8);
     padding: var(--ax-space-16) var(--ax-space-20);
     background: var(--ax-bg-info-moderateA);
@@ -1802,27 +1802,27 @@
     border: 1px solid var(--ax-border-info-subtleA);
   }
 
-  .navds-form-summary__value .navds-form-summary__answers .navds-form-summary__answer {
+  .aksel-form-summary__value .aksel-form-summary__answers .aksel-form-summary__answer {
     border-color: var(--ax-border-info-subtleA);
   }
 
-  .navds-form-progress__bar {
+  .aksel-form-progress__bar {
     margin-bottom: var(--ax-space-8);
   }
 
-  .navds-form-progress__button:focus-visible {
+  .aksel-form-progress__button:focus-visible {
     z-index: 1;
   }
 
-  .navds-form-progress__button[data-state="open"] svg {
+  .aksel-form-progress__button[data-state="open"] svg {
     transform: rotate(-180deg);
   }
 
-  .navds-form-progress__button[data-state="closed"] .navds-form-progress__btn-txt-hide, .navds-form-progress__button[data-state="open"] .navds-form-progress__btn-txt-show {
+  .aksel-form-progress__button[data-state="closed"] .aksel-form-progress__btn-txt-hide, .aksel-form-progress__button[data-state="open"] .aksel-form-progress__btn-txt-show {
     display: none;
   }
 
-  .navds-form-progress__collapsible {
+  .aksel-form-progress__collapsible {
     visibility: hidden;
     border: 1px solid var(--ax-border-neutral-subtleA);
     border-radius: var(--ax-border-radius-xlarge);
@@ -1839,11 +1839,11 @@
     overflow: hidden;
   }
 
-  .navds-form-progress__collapsible[hidden] {
+  .aksel-form-progress__collapsible[hidden] {
     display: grid;
   }
 
-  .navds-form-progress__collapsible[data-state="open"] {
+  .aksel-form-progress__collapsible[data-state="open"] {
     margin-top: var(--ax-space-4);
     visibility: visible;
     padding-block: var(--ax-space-16);
@@ -1851,7 +1851,7 @@
     grid-template-rows: 1fr;
   }
 
-  .navds-form-progress__collapsible-content {
+  .aksel-form-progress__collapsible-content {
     min-height: 0;
   }
 }