@navikt/ds-css 7.40.0 → 8.0.0

package/dist/component/primitives.css

@@ -1,1341 +1,1295 @@
-.navds-box-bg {
-  --__ac-box-background: initial;
+@layer aksel.reset, aksel.theming, aksel.baseline, aksel.print, aksel.typography, aksel.components.core, aksel.components.core.loader, aksel.components.core.button, aksel.components.form, aksel.components.modules;
+
+@layer aksel.layout {
+  .aksel-r-p {
+    --__axc-r-p-xs: initial;
+    --__axc-r-p-sm: var(--__axc-r-p-xs);
+    --__axc-r-p-md: var(--__axc-r-p-sm);
+    --__axc-r-p-lg: var(--__axc-r-p-md);
+    --__axc-r-p-xl: var(--__axc-r-p-lg);
+    --__axc-r-p-2xl: var(--__axc-r-p-xl);
+    --__axc-r-padding: var(--__axc-r-p-xs);
+    padding: var(--__axc-r-padding);
+  }
+
+  .aksel-r-pi {
+    --__axc-r-pi-xs: initial;
+    --__axc-r-pi-sm: var(--__axc-r-pi-xs);
+    --__axc-r-pi-md: var(--__axc-r-pi-sm);
+    --__axc-r-pi-lg: var(--__axc-r-pi-md);
+    --__axc-r-pi-xl: var(--__axc-r-pi-lg);
+    --__axc-r-pi-2xl: var(--__axc-r-pi-xl);
+    --__axc-r-pi: var(--__axc-r-pi-xs);
+    padding-inline: var(--__axc-r-pi, var(--__axc-r-padding));
+  }
+
+  .aksel-r-pb {
+    --__axc-r-pb-xs: initial;
+    --__axc-r-pb-sm: var(--__axc-r-pb-xs);
+    --__axc-r-pb-md: var(--__axc-r-pb-sm);
+    --__axc-r-pb-lg: var(--__axc-r-pb-md);
+    --__axc-r-pb-xl: var(--__axc-r-pb-lg);
+    --__axc-r-pb-2xl: var(--__axc-r-pb-xl);
+    --__axc-r-pb: var(--__axc-r-pb-xs);
+    padding-block: var(--__axc-r-pb, var(--__axc-r-padding));
+  }
+
+  .aksel-r-m {
+    --__axc-r-m-xs: initial;
+    --__axc-r-m-sm: var(--__axc-r-m-xs);
+    --__axc-r-m-md: var(--__axc-r-m-sm);
+    --__axc-r-m-lg: var(--__axc-r-m-md);
+    --__axc-r-m-xl: var(--__axc-r-m-lg);
+    --__axc-r-m-2xl: var(--__axc-r-m-xl);
+    --__axc-r-margin: var(--__axc-r-m-xs);
+    margin: var(--__axc-r-margin);
+  }
+
+  .aksel-r-mi {
+    --__axc-r-mi-xs: initial;
+    --__axc-r-mi-sm: var(--__axc-r-mi-xs);
+    --__axc-r-mi-md: var(--__axc-r-mi-sm);
+    --__axc-r-mi-lg: var(--__axc-r-mi-md);
+    --__axc-r-mi-xl: var(--__axc-r-mi-lg);
+    --__axc-r-mi-2xl: var(--__axc-r-mi-xl);
+    --__axc-r-mi: var(--__axc-r-mi-xs);
+    margin-inline: var(--__axc-r-mi, var(--__axc-r-margin));
+  }
+
+  .aksel-r-mb {
+    --__axc-r-mb-xs: initial;
+    --__axc-r-mb-sm: var(--__axc-r-mb-xs);
+    --__axc-r-mb-md: var(--__axc-r-mb-sm);
+    --__axc-r-mb-lg: var(--__axc-r-mb-md);
+    --__axc-r-mb-xl: var(--__axc-r-mb-lg);
+    --__axc-r-mb-2xl: var(--__axc-r-mb-xl);
+    --__axc-r-mb: var(--__axc-r-mb-xs);
+    margin-block: var(--__axc-r-mb, var(--__axc-r-margin));
+  }
+
+  .aksel-r-w {
+    --__axc-r-w-xs: initial;
+    --__axc-r-w-sm: var(--__axc-r-w-xs);
+    --__axc-r-w-md: var(--__axc-r-w-sm);
+    --__axc-r-w-lg: var(--__axc-r-w-md);
+    --__axc-r-w-xl: var(--__axc-r-w-lg);
+    --__axc-r-w-2xl: var(--__axc-r-w-xl);
+    --__axc-r-w: var(--__axc-r-w-xs);
+    width: var(--__axc-r-w);
+  }
+
+  .aksel-r-minw {
+    --__axc-r-minw-xs: initial;
+    --__axc-r-minw-sm: var(--__axc-r-minw-xs);
+    --__axc-r-minw-md: var(--__axc-r-minw-sm);
+    --__axc-r-minw-lg: var(--__axc-r-minw-md);
+    --__axc-r-minw-xl: var(--__axc-r-minw-lg);
+    --__axc-r-minw-2xl: var(--__axc-r-minw-xl);
+    --__axc-r-minw: var(--__axc-r-minw-xs);
+    min-width: var(--__axc-r-minw);
+  }
+
+  .aksel-r-maxw {
+    --__axc-r-maxw-xs: initial;
+    --__axc-r-maxw-sm: var(--__axc-r-maxw-xs);
+    --__axc-r-maxw-md: var(--__axc-r-maxw-sm);
+    --__axc-r-maxw-lg: var(--__axc-r-maxw-md);
+    --__axc-r-maxw-xl: var(--__axc-r-maxw-lg);
+    --__axc-r-maxw-2xl: var(--__axc-r-maxw-xl);
+    --__axc-r-maxw: var(--__axc-r-maxw-xs);
+    max-width: var(--__axc-r-maxw);
+  }
+
+  .aksel-r-h {
+    --__axc-r-h-xs: initial;
+    --__axc-r-h-sm: var(--__axc-r-h-xs);
+    --__axc-r-h-md: var(--__axc-r-h-sm);
+    --__axc-r-h-lg: var(--__axc-r-h-md);
+    --__axc-r-h-xl: var(--__axc-r-h-lg);
+    --__axc-r-h-2xl: var(--__axc-r-h-xl);
+    --__axc-r-h: var(--__axc-r-h-xs);
+    height: var(--__axc-r-h);
+  }
+
+  .aksel-r-minh {
+    --__axc-r-minh-xs: initial;
+    --__axc-r-minh-sm: var(--__axc-r-minh-xs);
+    --__axc-r-minh-md: var(--__axc-r-minh-sm);
+    --__axc-r-minh-lg: var(--__axc-r-minh-md);
+    --__axc-r-minh-xl: var(--__axc-r-minh-lg);
+    --__axc-r-minh-2xl: var(--__axc-r-minh-xl);
+    --__axc-r-minh: var(--__axc-r-minh-xs);
+    min-height: var(--__axc-r-minh);
+  }
+
+  .aksel-r-maxh {
+    --__axc-r-maxh-xs: initial;
+    --__axc-r-maxh-sm: var(--__axc-r-maxh-xs);
+    --__axc-r-maxh-md: var(--__axc-r-maxh-sm);
+    --__axc-r-maxh-lg: var(--__axc-r-maxh-md);
+    --__axc-r-maxh-xl: var(--__axc-r-maxh-lg);
+    --__axc-r-maxh-2xl: var(--__axc-r-maxh-xl);
+    --__axc-r-maxh: var(--__axc-r-maxh-xs);
+    max-height: var(--__axc-r-maxh);
+  }
+
+  .aksel-r-position {
+    --__axc-r-position-xs: initial;
+    --__axc-r-position-sm: var(--__axc-r-position-xs);
+    --__axc-r-position-md: var(--__axc-r-position-sm);
+    --__axc-r-position-lg: var(--__axc-r-position-md);
+    --__axc-r-position-xl: var(--__axc-r-position-lg);
+    --__axc-r-position-2xl: var(--__axc-r-position-xl);
+    --__axc-r-position: var(--__axc-r-position-xs);
+    position: var(--__axc-r-position);
+  }
+
+  .aksel-r-inset {
+    --__axc-r-inset-xs: initial;
+    --__axc-r-inset-sm: var(--__axc-r-inset-xs);
+    --__axc-r-inset-md: var(--__axc-r-inset-sm);
+    --__axc-r-inset-lg: var(--__axc-r-inset-md);
+    --__axc-r-inset-xl: var(--__axc-r-inset-lg);
+    --__axc-r-inset-2xl: var(--__axc-r-inset-xl);
+    --__axc-r-inset: var(--__axc-r-inset-xs);
+    inset: var(--__axc-r-inset);
+  }
+
+  .aksel-r-top {
+    --__axc-r-top-xs: initial;
+    --__axc-r-top-sm: var(--__axc-r-top-xs);
+    --__axc-r-top-md: var(--__axc-r-top-sm);
+    --__axc-r-top-lg: var(--__axc-r-top-md);
+    --__axc-r-top-xl: var(--__axc-r-top-lg);
+    --__axc-r-top-2xl: var(--__axc-r-top-xl);
+    --__axc-r-top: var(--__axc-r-top-xs);
+    top: var(--__axc-r-top);
+  }
+
+  .aksel-r-right {
+    --__axc-r-right-xs: initial;
+    --__axc-r-right-sm: var(--__axc-r-right-xs);
+    --__axc-r-right-md: var(--__axc-r-right-sm);
+    --__axc-r-right-lg: var(--__axc-r-right-md);
+    --__axc-r-right-xl: var(--__axc-r-right-lg);
+    --__axc-r-right-2xl: var(--__axc-r-right-xl);
+    --__axc-r-right: var(--__axc-r-right-xs);
+    right: var(--__axc-r-right);
+  }
+
+  .aksel-r-bottom {
+    --__axc-r-bottom-xs: initial;
+    --__axc-r-bottom-sm: var(--__axc-r-bottom-xs);
+    --__axc-r-bottom-md: var(--__axc-r-bottom-sm);
+    --__axc-r-bottom-lg: var(--__axc-r-bottom-md);
+    --__axc-r-bottom-xl: var(--__axc-r-bottom-lg);
+    --__axc-r-bottom-2xl: var(--__axc-r-bottom-xl);
+    --__axc-r-bottom: var(--__axc-r-bottom-xs);
+    bottom: var(--__axc-r-bottom);
+  }
+
+  .aksel-r-left {
+    --__axc-r-left-xs: initial;
+    --__axc-r-left-sm: var(--__axc-r-left-xs);
+    --__axc-r-left-md: var(--__axc-r-left-sm);
+    --__axc-r-left-lg: var(--__axc-r-left-md);
+    --__axc-r-left-xl: var(--__axc-r-left-lg);
+    --__axc-r-left-2xl: var(--__axc-r-left-xl);
+    --__axc-r-left: var(--__axc-r-left-xs);
+    left: var(--__axc-r-left);
+  }
+
+  .aksel-r-overflow {
+    --__axc-r-overflow-xs: initial;
+    --__axc-r-overflow-sm: var(--__axc-r-overflow-xs);
+    --__axc-r-overflow-md: var(--__axc-r-overflow-sm);
+    --__axc-r-overflow-lg: var(--__axc-r-overflow-md);
+    --__axc-r-overflow-xl: var(--__axc-r-overflow-lg);
+    --__axc-r-overflow-2xl: var(--__axc-r-overflow-xl);
+    --__axc-r-overflow: var(--__axc-r-overflow-xs);
+    overflow: var(--__axc-r-overflow);
+  }
+
+  .aksel-r-overflowx {
+    --__axc-r-overflowx-xs: initial;
+    --__axc-r-overflowx-sm: var(--__axc-r-overflowx-xs);
+    --__axc-r-overflowx-md: var(--__axc-r-overflowx-sm);
+    --__axc-r-overflowx-lg: var(--__axc-r-overflowx-md);
+    --__axc-r-overflowx-xl: var(--__axc-r-overflowx-lg);
+    --__axc-r-overflowx-2xl: var(--__axc-r-overflowx-xl);
+    --__axc-r-overflowx: var(--__axc-r-overflowx-xs);
+    overflow-x: var(--__axc-r-overflowx);
+  }
+
+  .aksel-r-overflowy {
+    --__axc-r-overflowy-xs: initial;
+    --__axc-r-overflowy-sm: var(--__axc-r-overflowy-xs);
+    --__axc-r-overflowy-md: var(--__axc-r-overflowy-sm);
+    --__axc-r-overflowy-lg: var(--__axc-r-overflowy-md);
+    --__axc-r-overflowy-xl: var(--__axc-r-overflowy-lg);
+    --__axc-r-overflowy-2xl: var(--__axc-r-overflowy-xl);
+    --__axc-r-overflowy: var(--__axc-r-overflowy-xs);
+    overflow-y: var(--__axc-r-overflowy);
+  }
+
+  .aksel-r-flex-basis {
+    --__axc-r-flex-basis-xs: initial;
+    --__axc-r-flex-basis-sm: var(--__axc-r-flex-basis-xs);
+    --__axc-r-flex-basis-md: var(--__axc-r-flex-basis-sm);
+    --__axc-r-flex-basis-lg: var(--__axc-r-flex-basis-md);
+    --__axc-r-flex-basis-xl: var(--__axc-r-flex-basis-lg);
+    --__axc-r-flex-basis-2xl: var(--__axc-r-flex-basis-xl);
+    --__axc-r-flex-basis: var(--__axc-r-flex-basis-xs);
+    flex-basis: var(--__axc-r-flex-basis);
+  }
+
+  .aksel-r-flex-grow {
+    --__axc-r-flex-grow-xs: initial;
+    --__axc-r-flex-grow-sm: var(--__axc-r-flex-grow-xs);
+    --__axc-r-flex-grow-md: var(--__axc-r-flex-grow-sm);
+    --__axc-r-flex-grow-lg: var(--__axc-r-flex-grow-md);
+    --__axc-r-flex-grow-xl: var(--__axc-r-flex-grow-lg);
+    --__axc-r-flex-grow-2xl: var(--__axc-r-flex-grow-xl);
+    --__axc-r-flex-grow: var(--__axc-r-flex-grow-xs);
+    flex-grow: var(--__axc-r-flex-grow);
+  }
+
+  .aksel-r-flex-shrink {
+    --__axc-r-flex-shrink-xs: initial;
+    --__axc-r-flex-shrink-sm: var(--__axc-r-flex-shrink-xs);
+    --__axc-r-flex-shrink-md: var(--__axc-r-flex-shrink-sm);
+    --__axc-r-flex-shrink-lg: var(--__axc-r-flex-shrink-md);
+    --__axc-r-flex-shrink-xl: var(--__axc-r-flex-shrink-lg);
+    --__axc-r-flex-shrink-2xl: var(--__axc-r-flex-shrink-xl);
+    --__axc-r-flex-shrink: var(--__axc-r-flex-shrink-xs);
+    flex-shrink: var(--__axc-r-flex-shrink);
+  }
+
+  .aksel-r-grid-column {
+    --__axc-r-grid-column-xs: initial;
+    --__axc-r-grid-column-sm: var(--__axc-r-grid-column-xs);
+    --__axc-r-grid-column-md: var(--__axc-r-grid-column-sm);
+    --__axc-r-grid-column-lg: var(--__axc-r-grid-column-md);
+    --__axc-r-grid-column-xl: var(--__axc-r-grid-column-lg);
+    --__axc-r-grid-column-2xl: var(--__axc-r-grid-column-xl);
+    --__axc-r-grid-column: var(--__axc-r-grid-column-xs);
+    grid-column: var(--__axc-r-grid-column);
+  }
+
+  @media (min-width: 480px) {
+    .aksel-r-p {
+      --__axc-r-padding: var(--__axc-r-p-sm);
+    }
+
+    .aksel-r-pi {
+      --__axc-r-pi: var(--__axc-r-pi-sm);
+    }
+
+    .aksel-r-pb {
+      --__axc-r-pb: var(--__axc-r-pb-sm);
+    }
+
+    .aksel-r-m {
+      --__axc-r-margin: var(--__axc-r-m-sm);
+    }
+
+    .aksel-r-mi {
+      --__axc-r-mi: var(--__axc-r-mi-sm);
+    }
+
+    .aksel-r-mb {
+      --__axc-r-mb: var(--__axc-r-mb-sm);
+    }
+
+    .aksel-r-w {
+      --__axc-r-w: var(--__axc-r-w-sm);
+    }
+
+    .aksel-r-minw {
+      --__axc-r-minw: var(--__axc-r-minw-sm);
+    }
+
+    .aksel-r-maxw {
+      --__axc-r-maxw: var(--__axc-r-maxw-sm);
+    }
+
+    .aksel-r-h {
+      --__axc-r-h: var(--__axc-r-h-sm);
+    }
+
+    .aksel-r-minh {
+      --__axc-r-minh: var(--__axc-r-minh-sm);
+    }
+
+    .aksel-r-maxh {
+      --__axc-r-maxh: var(--__axc-r-maxh-sm);
+    }
+
+    .aksel-r-position {
+      --__axc-r-position: var(--__axc-r-position-sm);
+    }
+
+    .aksel-r-inset {
+      --__axc-r-inset: var(--__axc-r-inset-sm);
+    }
+
+    .aksel-r-top {
+      --__axc-r-top: var(--__axc-r-top-sm);
+    }
+
+    .aksel-r-right {
+      --__axc-r-right: var(--__axc-r-right-sm);
+    }
+
+    .aksel-r-bottom {
+      --__axc-r-bottom: var(--__axc-r-bottom-sm);
+    }
+
+    .aksel-r-left {
+      --__axc-r-left: var(--__axc-r-left-sm);
+    }
+
+    .aksel-r-overflow {
+      --__axc-r-overflow: var(--__axc-r-overflow-sm);
+    }
 
-  background-color: var(--__ac-box-background);
-}
-
-.navds-box-border-color {
-  --__ac-box-border-color: initial;
-
-  border-color: var(--__ac-box-border-color);
-}
-
-.navds-box-border-width {
-  --__ac-box-border-width: initial;
+    .aksel-r-overflowx {
+      --__axc-r-overflowx: var(--__axc-r-overflowx-sm);
+    }
+
+    .aksel-r-overflowy {
+      --__axc-r-overflowy: var(--__axc-r-overflowy-sm);
+    }
 
-  border-style: solid;
-  border-width: var(--__ac-box-border-width, 0);
-}
-
-.navds-box-border-radius {
-  --__ac-box-radius-xs: initial;
-  --__ac-box-radius-sm: var(--__ac-box-radius-xs);
-  --__ac-box-radius-md: var(--__ac-box-radius-sm);
-  --__ac-box-radius-lg: var(--__ac-box-radius-md);
-  --__ac-box-radius-xl: var(--__ac-box-radius-lg);
-  --__ac-box-radius-2xl: var(--__ac-box-radius-xl);
-  --__ac-box-radius: var(--__ac-box-radius-xs);
+    .aksel-r-flex-basis {
+      --__axc-r-flex-basis: var(--__axc-r-flex-basis-sm);
+    }
 
-  border-radius: var(--__ac-box-radius);
-}
+    .aksel-r-flex-grow {
+      --__axc-r-flex-grow: var(--__axc-r-flex-grow-sm);
+    }
 
-.navds-box-shadow {
-  --__ac-box-shadow: initial;
-
-  box-shadow: var(--__ac-box-shadow);
-}
+    .aksel-r-flex-shrink {
+      --__axc-r-flex-shrink: var(--__axc-r-flex-shrink-sm);
+    }
 
-@media (min-width: 480px) {
-  .navds-box-border-radius {
-    --__ac-box-radius: var(--__ac-box-radius-sm);
+    .aksel-r-grid-column {
+      --__axc-r-grid-column: var(--__axc-r-grid-column-sm);
+    }
   }
-}
 
-@media (min-width: 768px) {
-  .navds-box-border-radius {
-    --__ac-box-radius: var(--__ac-box-radius-md);
-  }
-}
+  @media (min-width: 768px) {
+    .aksel-r-p {
+      --__axc-r-padding: var(--__axc-r-p-md);
+    }
 
-@media (min-width: 1024px) {
-  .navds-box-border-radius {
-    --__ac-box-radius: var(--__ac-box-radius-lg);
-  }
-}
+    .aksel-r-pi {
+      --__axc-r-pi: var(--__axc-r-pi-md);
+    }
 
-@media (min-width: 1280px) {
-  .navds-box-border-radius {
-    --__ac-box-radius: var(--__ac-box-radius-xl);
-  }
-}
+    .aksel-r-pb {
+      --__axc-r-pb: var(--__axc-r-pb-md);
+    }
 
-@media (min-width: 1440px) {
-  .navds-box-border-radius {
-    --__ac-box-radius: var(--__ac-box-radius-2xl);
-  }
-}
+    .aksel-r-m {
+      --__axc-r-margin: var(--__axc-r-m-md);
+    }
 
-.navds-bleed {
-  --__ac-bleed-margin-inline-xs: initial;
-  --__ac-bleed-margin-inline-sm: var(--__ac-bleed-margin-inline-xs);
-  --__ac-bleed-margin-inline-md: var(--__ac-bleed-margin-inline-sm);
-  --__ac-bleed-margin-inline-lg: var(--__ac-bleed-margin-inline-md);
-  --__ac-bleed-margin-inline-xl: var(--__ac-bleed-margin-inline-lg);
-  --__ac-bleed-margin-inline-2xl: var(--__ac-bleed-margin-inline-xl);
-  --__ac-bleed-margin-block-xs: initial;
-  --__ac-bleed-margin-block-sm: var(--__ac-bleed-margin-block-xs);
-  --__ac-bleed-margin-block-md: var(--__ac-bleed-margin-block-sm);
-  --__ac-bleed-margin-block-lg: var(--__ac-bleed-margin-block-md);
-  --__ac-bleed-margin-block-xl: var(--__ac-bleed-margin-block-lg);
-  --__ac-bleed-margin-block-2xl: var(--__ac-bleed-margin-block-xl);
-
-  /** defaults */
-  --__ac-bleed-margin-inline: var(--__ac-bleed-margin-inline-xs);
-  --__ac-bleed-margin-block: var(--__ac-bleed-margin-block-xs);
-
-  margin-inline: var(--__ac-bleed-margin-inline);
-  margin-block: var(--__ac-bleed-margin-block);
-}
+    .aksel-r-mi {
+      --__axc-r-mi: var(--__axc-r-mi-md);
+    }
 
-.navds-bleed--padding {
-  --__ac-bleed-padding-inline-xs: initial;
-  --__ac-bleed-padding-inline-sm: var(--__ac-bleed-padding-inline-xs);
-  --__ac-bleed-padding-inline-md: var(--__ac-bleed-padding-inline-sm);
-  --__ac-bleed-padding-inline-lg: var(--__ac-bleed-padding-inline-md);
-  --__ac-bleed-padding-inline-xl: var(--__ac-bleed-padding-inline-lg);
-  --__ac-bleed-padding-inline-2xl: var(--__ac-bleed-padding-inline-xl);
-  --__ac-bleed-padding-block-xs: initial;
-  --__ac-bleed-padding-block-sm: var(--__ac-bleed-padding-block-xs);
-  --__ac-bleed-padding-block-md: var(--__ac-bleed-padding-block-sm);
-  --__ac-bleed-padding-block-lg: var(--__ac-bleed-padding-block-md);
-  --__ac-bleed-padding-block-xl: var(--__ac-bleed-padding-block-lg);
-  --__ac-bleed-padding-block-2xl: var(--__ac-bleed-padding-block-xl);
-
-  /** defaults */
-  --__ac-bleed-padding-inline: var(--__ac-bleed-padding-inline-xs);
-  --__ac-bleed-padding-block: var(--__ac-bleed-padding-block-xs);
-
-  padding-inline: var(--__ac-bleed-padding-inline);
-  padding-block: var(--__ac-bleed-padding-block);
-}
+    .aksel-r-mb {
+      --__axc-r-mb: var(--__axc-r-mb-md);
+    }
 
-@media (min-width: 480px) {
-  .navds-bleed {
-    --__ac-bleed-margin-inline: var(--__ac-bleed-margin-inline-sm);
-    --__ac-bleed-margin-block: var(--__ac-bleed-margin-block-sm);
-  }
+    .aksel-r-w {
+      --__axc-r-w: var(--__axc-r-w-md);
+    }
 
-  .navds-bleed--padding {
-    --__ac-bleed-padding-inline: var(--__ac-bleed-padding-inline-sm);
-    --__ac-bleed-padding-block: var(--__ac-bleed-padding-block-sm);
-  }
-}
+    .aksel-r-minw {
+      --__axc-r-minw: var(--__axc-r-minw-md);
+    }
 
-@media (min-width: 768px) {
-  .navds-bleed {
-    --__ac-bleed-margin-inline: var(--__ac-bleed-margin-inline-md);
-    --__ac-bleed-margin-block: var(--__ac-bleed-margin-block-md);
-  }
+    .aksel-r-maxw {
+      --__axc-r-maxw: var(--__axc-r-maxw-md);
+    }
 
-  .navds-bleed--padding {
-    --__ac-bleed-padding-inline: var(--__ac-bleed-padding-inline-md);
-    --__ac-bleed-padding-block: var(--__ac-bleed-padding-block-md);
-  }
-}
+    .aksel-r-h {
+      --__axc-r-h: var(--__axc-r-h-md);
+    }
 
-@media (min-width: 1024px) {
-  .navds-bleed {
-    --__ac-bleed-margin-inline: var(--__ac-bleed-margin-inline-lg);
-    --__ac-bleed-margin-block: var(--__ac-bleed-margin-block-lg);
-  }
+    .aksel-r-minh {
+      --__axc-r-minh: var(--__axc-r-minh-md);
+    }
 
-  .navds-bleed--padding {
-    --__ac-bleed-padding-inline: var(--__ac-bleed-padding-inline-lg);
-    --__ac-bleed-padding-block: var(--__ac-bleed-padding-block-lg);
-  }
-}
+    .aksel-r-maxh {
+      --__axc-r-maxh: var(--__axc-r-maxh-md);
+    }
 
-@media (min-width: 1280px) {
-  .navds-bleed {
-    --__ac-bleed-margin-inline: var(--__ac-bleed-margin-inline-xl);
-    --__ac-bleed-margin-block: var(--__ac-bleed-margin-block-xl);
-  }
+    .aksel-r-position {
+      --__axc-r-position: var(--__axc-r-position-md);
+    }
 
-  .navds-bleed--padding {
-    --__ac-bleed-padding-inline: var(--__ac-bleed-padding-inline-xl);
-    --__ac-bleed-padding-block: var(--__ac-bleed-padding-block-xl);
-  }
-}
+    .aksel-r-inset {
+      --__axc-r-inset: var(--__axc-r-inset-md);
+    }
 
-@media (min-width: 1440px) {
-  .navds-bleed {
-    --__ac-bleed-margin-inline: var(--__ac-bleed-margin-inline-2xl);
-    --__ac-bleed-margin-block: var(--__ac-bleed-margin-block-2xl);
-  }
+    .aksel-r-top {
+      --__axc-r-top: var(--__axc-r-top-md);
+    }
 
-  .navds-bleed--padding {
-    --__ac-bleed-padding-inline: var(--__ac-bleed-padding-inline-2xl);
-    --__ac-bleed-padding-block: var(--__ac-bleed-padding-block-2xl);
-  }
-}
+    .aksel-r-right {
+      --__axc-r-right: var(--__axc-r-right-md);
+    }
 
-.navds-page {
-  display: flex;
-  flex-direction: column;
-  min-height: 100vh;
-  min-height: 100lvh;
+    .aksel-r-bottom {
+      --__axc-r-bottom: var(--__axc-r-bottom-md);
+    }
 
-  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */
-  background-color: var(--__ac-page-background);
-}
+    .aksel-r-left {
+      --__axc-r-left: var(--__axc-r-left-md);
+    }
 
-/* Page.Block */
+    .aksel-r-overflow {
+      --__axc-r-overflow: var(--__axc-r-overflow-md);
+    }
 
-.navds-pageblock {
-  --__ac-page-padding-inline: 0px;
+    .aksel-r-overflowx {
+      --__axc-r-overflowx: var(--__axc-r-overflowx-md);
+    }
 
-  margin-inline: auto;
-  width: 100%;
-}
+    .aksel-r-overflowy {
+      --__axc-r-overflowy: var(--__axc-r-overflowy-md);
+    }
 
-.navds-page__content--grow {
-  flex-grow: 1;
-}
-
-.navds-page__content--fullheight {
-  min-height: 100vh;
-  min-height: 100lvh;
-}
-
-.navds-page__content--padding {
-  padding-block-end: var(--a-spacing-16);
-}
+    .aksel-r-flex-basis {
+      --__axc-r-flex-basis: var(--__axc-r-flex-basis-md);
+    }
 
-.navds-pageblock--text {
-  max-width: calc(var(--a-text-width-max) + var(--__ac-page-padding-inline) + var(--__ac-page-padding-inline));
-}
+    .aksel-r-flex-grow {
+      --__axc-r-flex-grow: var(--__axc-r-flex-grow-md);
+    }
 
-.navds-pageblock--md {
-  max-width: 768px;
-}
+    .aksel-r-flex-shrink {
+      --__axc-r-flex-shrink: var(--__axc-r-flex-shrink-md);
+    }
 
-.navds-pageblock--lg {
-  max-width: 1024px;
-}
-
-.navds-pageblock--xl {
-  max-width: 1280px;
-}
-
-.navds-pageblock--2xl {
-  max-width: 1440px;
-}
-
-.navds-pageblock--gutters {
-  --__ac-page-padding-inline: var(--a-spacing-4);
-
-  padding-inline: var(--__ac-page-padding-inline);
-}
-
-@media (min-width: 1024px) {
-  .navds-pageblock--gutters {
-    --__ac-page-padding-inline: var(--a-spacing-12);
+    .aksel-r-grid-column {
+      --__axc-r-grid-column: var(--__axc-r-grid-column-md);
+    }
   }
-}
 
-.navds-hgrid {
-  --__ac-hgrid-columns-xs: initial;
-  --__ac-hgrid-columns-sm: var(--__ac-hgrid-columns-xs);
-  --__ac-hgrid-columns-md: var(--__ac-hgrid-columns-sm);
-  --__ac-hgrid-columns-lg: var(--__ac-hgrid-columns-md);
-  --__ac-hgrid-columns-xl: var(--__ac-hgrid-columns-lg);
-  --__ac-hgrid-columns-2xl: var(--__ac-hgrid-columns-xl);
-  --__ac-hgrid-columns: var(--__ac-hgrid-columns-xs);
-
-  display: grid;
-  grid-template-columns: var(--__ac-hgrid-columns);
-}
+  @media (min-width: 1024px) {
+    .aksel-r-p {
+      --__axc-r-padding: var(--__axc-r-p-lg);
+    }
 
-.navds-hgrid-gap {
-  --__ac-hgrid-gap-xs: initial;
-  --__ac-hgrid-gap-sm: var(--__ac-hgrid-gap-xs);
-  --__ac-hgrid-gap-md: var(--__ac-hgrid-gap-sm);
-  --__ac-hgrid-gap-lg: var(--__ac-hgrid-gap-md);
-  --__ac-hgrid-gap-xl: var(--__ac-hgrid-gap-lg);
-  --__ac-hgrid-gap-2xl: var(--__ac-hgrid-gap-xl);
-  --__ac-hgrid-gap: var(--__ac-hgrid-gap-xs);
+    .aksel-r-pi {
+      --__axc-r-pi: var(--__axc-r-pi-lg);
+    }
 
-  gap: var(--__ac-hgrid-gap);
-}
+    .aksel-r-pb {
+      --__axc-r-pb: var(--__axc-r-pb-lg);
+    }
 
-.navds-hgrid-align {
-  --__ac-hgrid-align: initial;
+    .aksel-r-m {
+      --__axc-r-margin: var(--__axc-r-m-lg);
+    }
 
-  align-items: var(--__ac-hgrid-align);
-}
+    .aksel-r-mi {
+      --__axc-r-mi: var(--__axc-r-mi-lg);
+    }
 
-@media (min-width: 480px) {
-  .navds-hgrid {
-    --__ac-hgrid-columns: var(--__ac-hgrid-columns-sm);
-  }
+    .aksel-r-mb {
+      --__axc-r-mb: var(--__axc-r-mb-lg);
+    }
 
-  .navds-hgrid-gap {
-    --__ac-hgrid-gap: var(--__ac-hgrid-gap-sm);
-  }
-}
+    .aksel-r-w {
+      --__axc-r-w: var(--__axc-r-w-lg);
+    }
 
-@media (min-width: 768px) {
-  .navds-hgrid {
-    --__ac-hgrid-columns: var(--__ac-hgrid-columns-md);
-  }
+    .aksel-r-minw {
+      --__axc-r-minw: var(--__axc-r-minw-lg);
+    }
 
-  .navds-hgrid-gap {
-    --__ac-hgrid-gap: var(--__ac-hgrid-gap-md);
-  }
-}
+    .aksel-r-maxw {
+      --__axc-r-maxw: var(--__axc-r-maxw-lg);
+    }
 
-@media (min-width: 1024px) {
-  .navds-hgrid {
-    --__ac-hgrid-columns: var(--__ac-hgrid-columns-lg);
-  }
+    .aksel-r-h {
+      --__axc-r-h: var(--__axc-r-h-lg);
+    }
 
-  .navds-hgrid-gap {
-    --__ac-hgrid-gap: var(--__ac-hgrid-gap-lg);
-  }
-}
+    .aksel-r-minh {
+      --__axc-r-minh: var(--__axc-r-minh-lg);
+    }
 
-@media (min-width: 1280px) {
-  .navds-hgrid {
-    --__ac-hgrid-columns: var(--__ac-hgrid-columns-xl);
-  }
+    .aksel-r-maxh {
+      --__axc-r-maxh: var(--__axc-r-maxh-lg);
+    }
 
-  .navds-hgrid-gap {
-    --__ac-hgrid-gap: var(--__ac-hgrid-gap-xl);
-  }
-}
+    .aksel-r-position {
+      --__axc-r-position: var(--__axc-r-position-lg);
+    }
 
-@media (min-width: 1440px) {
-  .navds-hgrid {
-    --__ac-hgrid-columns: var(--__ac-hgrid-columns-2xl);
-  }
+    .aksel-r-inset {
+      --__axc-r-inset: var(--__axc-r-inset-lg);
+    }
 
-  .navds-hgrid-gap {
-    --__ac-hgrid-gap: var(--__ac-hgrid-gap-2xl);
-  }
-}
+    .aksel-r-top {
+      --__axc-r-top: var(--__axc-r-top-lg);
+    }
 
-.navds-stack {
-  display: flex;
-}
+    .aksel-r-right {
+      --__axc-r-right: var(--__axc-r-right-lg);
+    }
 
-.navds-stack-gap {
-  --__ac-stack-gap-xs: initial;
-  --__ac-stack-gap-sm: var(--__ac-stack-gap-xs);
-  --__ac-stack-gap-md: var(--__ac-stack-gap-sm);
-  --__ac-stack-gap-lg: var(--__ac-stack-gap-md);
-  --__ac-stack-gap-xl: var(--__ac-stack-gap-lg);
-  --__ac-stack-gap-2xl: var(--__ac-stack-gap-xl);
-  --__ac-stack-gap: var(--__ac-stack-gap-xs);
+    .aksel-r-bottom {
+      --__axc-r-bottom: var(--__axc-r-bottom-lg);
+    }
 
-  gap: var(--__ac-stack-gap);
-}
+    .aksel-r-left {
+      --__axc-r-left: var(--__axc-r-left-lg);
+    }
 
-.navds-stack-align {
-  --__ac-stack-align-xs: initial;
-  --__ac-stack-align-sm: var(--__ac-stack-align-xs);
-  --__ac-stack-align-md: var(--__ac-stack-align-sm);
-  --__ac-stack-align-lg: var(--__ac-stack-align-md);
-  --__ac-stack-align-xl: var(--__ac-stack-align-lg);
-  --__ac-stack-align-2xl: var(--__ac-stack-align-xl);
-  --__ac-stack-align: var(--__ac-stack-align-xs);
+    .aksel-r-overflow {
+      --__axc-r-overflow: var(--__axc-r-overflow-lg);
+    }
 
-  align-items: var(--__ac-stack-align);
-}
-
-.navds-stack-justify {
-  --__ac-stack-justify-xs: initial;
-  --__ac-stack-justify-sm: var(--__ac-stack-justify-xs);
-  --__ac-stack-justify-md: var(--__ac-stack-justify-sm);
-  --__ac-stack-justify-lg: var(--__ac-stack-justify-md);
-  --__ac-stack-justify-xl: var(--__ac-stack-justify-lg);
-  --__ac-stack-justify-2xl: var(--__ac-stack-justify-xl);
-  --__ac-stack-justify: var(--__ac-stack-justify-xs);
-
-  justify-content: var(--__ac-stack-justify);
-}
-
-.navds-stack-direction {
-  --__ac-stack-direction-xs: initial;
-  --__ac-stack-direction-sm: var(--__ac-stack-direction-xs);
-  --__ac-stack-direction-md: var(--__ac-stack-direction-sm);
-  --__ac-stack-direction-lg: var(--__ac-stack-direction-md);
-  --__ac-stack-direction-xl: var(--__ac-stack-direction-lg);
-  --__ac-stack-direction-2xl: var(--__ac-stack-direction-xl);
-  --__ac-stack-direction: var(--__ac-stack-direction-xs);
-
-  flex-direction: var(--__ac-stack-direction);
-}
-
-.navds-stack-wrap {
-  flex-wrap: wrap;
-}
-
-.navds-stack__spacer {
-  flex: 1;
-  place-content: stretch stretch;
-}
-
-.navds-stack > .navds-stack__spacer {
-  margin-block-start: calc(var(--__ac-stack-gap) * -1);
-  margin-inline-start: calc(var(--__ac-stack-gap) * -1);
-}
-
-@media (min-width: 480px) {
-  .navds-stack-gap {
-    --__ac-stack-gap: var(--__ac-stack-gap-sm);
-  }
-
-  .navds-stack-align {
-    --__ac-stack-align: var(--__ac-stack-align-sm);
-  }
-
-  .navds-stack-justify {
-    --__ac-stack-justify: var(--__ac-stack-justify-sm);
-  }
-
-  .navds-stack-direction {
-    --__ac-stack-direction: var(--__ac-stack-direction-sm);
-  }
-}
-
-@media (min-width: 768px) {
-  .navds-stack-gap {
-    --__ac-stack-gap: var(--__ac-stack-gap-md);
-  }
-
-  .navds-stack-align {
-    --__ac-stack-align: var(--__ac-stack-align-md);
-  }
-
-  .navds-stack-justify {
-    --__ac-stack-justify: var(--__ac-stack-justify-md);
-  }
-
-  .navds-stack-direction {
-    --__ac-stack-direction: var(--__ac-stack-direction-md);
-  }
-}
-
-@media (min-width: 1024px) {
-  .navds-stack-gap {
-    --__ac-stack-gap: var(--__ac-stack-gap-lg);
-  }
-
-  .navds-stack-align {
-    --__ac-stack-align: var(--__ac-stack-align-lg);
-  }
-
-  .navds-stack-justify {
-    --__ac-stack-justify: var(--__ac-stack-justify-lg);
-  }
+    .aksel-r-overflowx {
+      --__axc-r-overflowx: var(--__axc-r-overflowx-lg);
+    }
 
-  .navds-stack-direction {
-    --__ac-stack-direction: var(--__ac-stack-direction-lg);
-  }
-}
-
-@media (min-width: 1280px) {
-  .navds-stack-gap {
-    --__ac-stack-gap: var(--__ac-stack-gap-xl);
-  }
-
-  .navds-stack-align {
-    --__ac-stack-align: var(--__ac-stack-align-xl);
-  }
-
-  .navds-stack-justify {
-    --__ac-stack-justify: var(--__ac-stack-justify-xl);
-  }
-
-  .navds-stack-direction {
-    --__ac-stack-direction: var(--__ac-stack-direction-xl);
-  }
-}
-
-@media (min-width: 1440px) {
-  .navds-stack-gap {
-    --__ac-stack-gap: var(--__ac-stack-gap-2xl);
-  }
-
-  .navds-stack-align {
-    --__ac-stack-align: var(--__ac-stack-align-2xl);
-  }
-
-  .navds-stack-justify {
-    --__ac-stack-justify: var(--__ac-stack-justify-2xl);
-  }
-
-  .navds-stack-direction {
-    --__ac-stack-direction: var(--__ac-stack-direction-2xl);
-  }
-}
-
-@media (min-width: 480px) {
-  .navds-responsive__below--sm {
-    display: none !important;
-  }
-}
-
-@media (max-width: 479px) {
-  .navds-responsive__above--sm {
-    display: none !important;
-  }
-}
-
-@media (min-width: 768px) {
-  .navds-responsive__below--md {
-    display: none !important;
-  }
-}
-
-@media (max-width: 767px) {
-  .navds-responsive__above--md {
-    display: none !important;
-  }
-}
-
-@media (min-width: 1024px) {
-  .navds-responsive__below--lg {
-    display: none !important;
-  }
-}
-
-@media (max-width: 1023px) {
-  .navds-responsive__above--lg {
-    display: none !important;
-  }
-}
+    .aksel-r-overflowy {
+      --__axc-r-overflowy: var(--__axc-r-overflowy-lg);
+    }
 
-@media (min-width: 1280px) {
-  .navds-responsive__below--xl {
-    display: none !important;
-  }
-}
+    .aksel-r-flex-basis {
+      --__axc-r-flex-basis: var(--__axc-r-flex-basis-lg);
+    }
 
-@media (max-width: 1279px) {
-  .navds-responsive__above--xl {
-    display: none !important;
-  }
-}
+    .aksel-r-flex-grow {
+      --__axc-r-flex-grow: var(--__axc-r-flex-grow-lg);
+    }
 
-@media (min-width: 1440px) {
-  .navds-responsive__below--2xl {
-    display: none !important;
-  }
-}
+    .aksel-r-flex-shrink {
+      --__axc-r-flex-shrink: var(--__axc-r-flex-shrink-lg);
+    }
 
-@media (max-width: 1439px) {
-  .navds-responsive__above--2xl {
-    display: none !important;
+    .aksel-r-grid-column {
+      --__axc-r-grid-column: var(--__axc-r-grid-column-lg);
+    }
   }
-}
-
-.navds-r-p {
-  --__ac-r-p-xs: initial;
-  --__ac-r-p-sm: var(--__ac-r-p-xs);
-  --__ac-r-p-md: var(--__ac-r-p-sm);
-  --__ac-r-p-lg: var(--__ac-r-p-md);
-  --__ac-r-p-xl: var(--__ac-r-p-lg);
-  --__ac-r-p-2xl: var(--__ac-r-p-xl);
-  --__ac-r-padding: var(--__ac-r-p-xs);
-
-  padding: var(--__ac-r-padding);
-}
-
-.navds-r-pi {
-  --__ac-r-pi-xs: initial;
-  --__ac-r-pi-sm: var(--__ac-r-pi-xs);
-  --__ac-r-pi-md: var(--__ac-r-pi-sm);
-  --__ac-r-pi-lg: var(--__ac-r-pi-md);
-  --__ac-r-pi-xl: var(--__ac-r-pi-lg);
-  --__ac-r-pi-2xl: var(--__ac-r-pi-xl);
-  --__ac-r-pi: var(--__ac-r-pi-xs);
-
-  padding-inline: var(--__ac-r-pi, var(--__ac-r-padding));
-}
-
-.navds-r-pb {
-  --__ac-r-pb-xs: initial;
-  --__ac-r-pb-sm: var(--__ac-r-pb-xs);
-  --__ac-r-pb-md: var(--__ac-r-pb-sm);
-  --__ac-r-pb-lg: var(--__ac-r-pb-md);
-  --__ac-r-pb-xl: var(--__ac-r-pb-lg);
-  --__ac-r-pb-2xl: var(--__ac-r-pb-xl);
-  --__ac-r-pb: var(--__ac-r-pb-xs);
-
-  padding-block: var(--__ac-r-pb, var(--__ac-r-padding));
-}
-
-.navds-r-m {
-  --__ac-r-m-xs: initial;
-  --__ac-r-m-sm: var(--__ac-r-m-xs);
-  --__ac-r-m-md: var(--__ac-r-m-sm);
-  --__ac-r-m-lg: var(--__ac-r-m-md);
-  --__ac-r-m-xl: var(--__ac-r-m-lg);
-  --__ac-r-m-2xl: var(--__ac-r-m-xl);
-  --__ac-r-margin: var(--__ac-r-m-xs);
-
-  margin: var(--__ac-r-margin);
-}
 
-.navds-r-mi {
-  --__ac-r-mi-xs: initial;
-  --__ac-r-mi-sm: var(--__ac-r-mi-xs);
-  --__ac-r-mi-md: var(--__ac-r-mi-sm);
-  --__ac-r-mi-lg: var(--__ac-r-mi-md);
-  --__ac-r-mi-xl: var(--__ac-r-mi-lg);
-  --__ac-r-mi-2xl: var(--__ac-r-mi-xl);
-  --__ac-r-mi: var(--__ac-r-mi-xs);
+  @media (min-width: 1280px) {
+    .aksel-r-p {
+      --__axc-r-padding: var(--__axc-r-p-xl);
+    }
 
-  margin-inline: var(--__ac-r-mi, var(--__ac-r-margin));
-}
+    .aksel-r-pi {
+      --__axc-r-pi: var(--__axc-r-pi-xl);
+    }
 
-.navds-r-mb {
-  --__ac-r-mb-xs: initial;
-  --__ac-r-mb-sm: var(--__ac-r-mb-xs);
-  --__ac-r-mb-md: var(--__ac-r-mb-sm);
-  --__ac-r-mb-lg: var(--__ac-r-mb-md);
-  --__ac-r-mb-xl: var(--__ac-r-mb-lg);
-  --__ac-r-mb-2xl: var(--__ac-r-mb-xl);
-  --__ac-r-mb: var(--__ac-r-mb-xs);
+    .aksel-r-pb {
+      --__axc-r-pb: var(--__axc-r-pb-xl);
+    }
 
-  margin-block: var(--__ac-r-mb, var(--__ac-r-margin));
-}
+    .aksel-r-m {
+      --__axc-r-margin: var(--__axc-r-m-xl);
+    }
 
-.navds-r-w {
-  --__ac-r-w-xs: initial;
-  --__ac-r-w-sm: var(--__ac-r-w-xs);
-  --__ac-r-w-md: var(--__ac-r-w-sm);
-  --__ac-r-w-lg: var(--__ac-r-w-md);
-  --__ac-r-w-xl: var(--__ac-r-w-lg);
-  --__ac-r-w-2xl: var(--__ac-r-w-xl);
-  --__ac-r-w: var(--__ac-r-w-xs);
+    .aksel-r-mi {
+      --__axc-r-mi: var(--__axc-r-mi-xl);
+    }
 
-  width: var(--__ac-r-w);
-}
+    .aksel-r-mb {
+      --__axc-r-mb: var(--__axc-r-mb-xl);
+    }
 
-.navds-r-minw {
-  --__ac-r-minw-xs: initial;
-  --__ac-r-minw-sm: var(--__ac-r-minw-xs);
-  --__ac-r-minw-md: var(--__ac-r-minw-sm);
-  --__ac-r-minw-lg: var(--__ac-r-minw-md);
-  --__ac-r-minw-xl: var(--__ac-r-minw-lg);
-  --__ac-r-minw-2xl: var(--__ac-r-minw-xl);
-  --__ac-r-minw: var(--__ac-r-minw-xs);
+    .aksel-r-w {
+      --__axc-r-w: var(--__axc-r-w-xl);
+    }
 
-  min-width: var(--__ac-r-minw);
-}
+    .aksel-r-minw {
+      --__axc-r-minw: var(--__axc-r-minw-xl);
+    }
 
-.navds-r-maxw {
-  --__ac-r-maxw-xs: initial;
-  --__ac-r-maxw-sm: var(--__ac-r-maxw-xs);
-  --__ac-r-maxw-md: var(--__ac-r-maxw-sm);
-  --__ac-r-maxw-lg: var(--__ac-r-maxw-md);
-  --__ac-r-maxw-xl: var(--__ac-r-maxw-lg);
-  --__ac-r-maxw-2xl: var(--__ac-r-maxw-xl);
-  --__ac-r-maxw: var(--__ac-r-maxw-xs);
+    .aksel-r-maxw {
+      --__axc-r-maxw: var(--__axc-r-maxw-xl);
+    }
 
-  max-width: var(--__ac-r-maxw);
-}
+    .aksel-r-h {
+      --__axc-r-h: var(--__axc-r-h-xl);
+    }
 
-.navds-r-h {
-  --__ac-r-h-xs: initial;
-  --__ac-r-h-sm: var(--__ac-r-h-xs);
-  --__ac-r-h-md: var(--__ac-r-h-sm);
-  --__ac-r-h-lg: var(--__ac-r-h-md);
-  --__ac-r-h-xl: var(--__ac-r-h-lg);
-  --__ac-r-h-2xl: var(--__ac-r-h-xl);
-  --__ac-r-h: var(--__ac-r-h-xs);
+    .aksel-r-minh {
+      --__axc-r-minh: var(--__axc-r-minh-xl);
+    }
 
-  height: var(--__ac-r-h);
-}
+    .aksel-r-maxh {
+      --__axc-r-maxh: var(--__axc-r-maxh-xl);
+    }
 
-.navds-r-minh {
-  --__ac-r-minh-xs: initial;
-  --__ac-r-minh-sm: var(--__ac-r-minh-xs);
-  --__ac-r-minh-md: var(--__ac-r-minh-sm);
-  --__ac-r-minh-lg: var(--__ac-r-minh-md);
-  --__ac-r-minh-xl: var(--__ac-r-minh-lg);
-  --__ac-r-minh-2xl: var(--__ac-r-minh-xl);
-  --__ac-r-minh: var(--__ac-r-minh-xs);
+    .aksel-r-position {
+      --__axc-r-position: var(--__axc-r-position-xl);
+    }
 
-  min-height: var(--__ac-r-minh);
-}
+    .aksel-r-inset {
+      --__axc-r-inset: var(--__axc-r-inset-xl);
+    }
 
-.navds-r-maxh {
-  --__ac-r-maxh-xs: initial;
-  --__ac-r-maxh-sm: var(--__ac-r-maxh-xs);
-  --__ac-r-maxh-md: var(--__ac-r-maxh-sm);
-  --__ac-r-maxh-lg: var(--__ac-r-maxh-md);
-  --__ac-r-maxh-xl: var(--__ac-r-maxh-lg);
-  --__ac-r-maxh-2xl: var(--__ac-r-maxh-xl);
-  --__ac-r-maxh: var(--__ac-r-maxh-xs);
+    .aksel-r-top {
+      --__axc-r-top: var(--__axc-r-top-xl);
+    }
 
-  max-height: var(--__ac-r-maxh);
-}
+    .aksel-r-right {
+      --__axc-r-right: var(--__axc-r-right-xl);
+    }
 
-.navds-r-position {
-  --__ac-r-position-xs: initial;
-  --__ac-r-position-sm: var(--__ac-r-position-xs);
-  --__ac-r-position-md: var(--__ac-r-position-sm);
-  --__ac-r-position-lg: var(--__ac-r-position-md);
-  --__ac-r-position-xl: var(--__ac-r-position-lg);
-  --__ac-r-position-2xl: var(--__ac-r-position-xl);
-  --__ac-r-position: var(--__ac-r-position-xs);
+    .aksel-r-bottom {
+      --__axc-r-bottom: var(--__axc-r-bottom-xl);
+    }
 
-  position: var(--__ac-r-position);
-}
+    .aksel-r-left {
+      --__axc-r-left: var(--__axc-r-left-xl);
+    }
 
-.navds-r-inset {
-  --__ac-r-inset-xs: initial;
-  --__ac-r-inset-sm: var(--__ac-r-inset-xs);
-  --__ac-r-inset-md: var(--__ac-r-inset-sm);
-  --__ac-r-inset-lg: var(--__ac-r-inset-md);
-  --__ac-r-inset-xl: var(--__ac-r-inset-lg);
-  --__ac-r-inset-2xl: var(--__ac-r-inset-xl);
-  --__ac-r-inset: var(--__ac-r-inset-xs);
+    .aksel-r-overflow {
+      --__axc-r-overflow: var(--__axc-r-overflow-xl);
+    }
 
-  inset: var(--__ac-r-inset);
-}
-
-.navds-r-top {
-  --__ac-r-top-xs: initial;
-  --__ac-r-top-sm: var(--__ac-r-top-xs);
-  --__ac-r-top-md: var(--__ac-r-top-sm);
-  --__ac-r-top-lg: var(--__ac-r-top-md);
-  --__ac-r-top-xl: var(--__ac-r-top-lg);
-  --__ac-r-top-2xl: var(--__ac-r-top-xl);
-  --__ac-r-top: var(--__ac-r-top-xs);
+    .aksel-r-overflowx {
+      --__axc-r-overflowx: var(--__axc-r-overflowx-xl);
+    }
 
-  top: var(--__ac-r-top);
-}
+    .aksel-r-overflowy {
+      --__axc-r-overflowy: var(--__axc-r-overflowy-xl);
+    }
 
-.navds-r-right {
-  --__ac-r-right-xs: initial;
-  --__ac-r-right-sm: var(--__ac-r-right-xs);
-  --__ac-r-right-md: var(--__ac-r-right-sm);
-  --__ac-r-right-lg: var(--__ac-r-right-md);
-  --__ac-r-right-xl: var(--__ac-r-right-lg);
-  --__ac-r-right-2xl: var(--__ac-r-right-xl);
-  --__ac-r-right: var(--__ac-r-right-xs);
-
-  right: var(--__ac-r-right);
-}
+    .aksel-r-flex-basis {
+      --__axc-r-flex-basis: var(--__axc-r-flex-basis-xl);
+    }
 
-.navds-r-bottom {
-  --__ac-r-bottom-xs: initial;
-  --__ac-r-bottom-sm: var(--__ac-r-bottom-xs);
-  --__ac-r-bottom-md: var(--__ac-r-bottom-sm);
-  --__ac-r-bottom-lg: var(--__ac-r-bottom-md);
-  --__ac-r-bottom-xl: var(--__ac-r-bottom-lg);
-  --__ac-r-bottom-2xl: var(--__ac-r-bottom-xl);
-  --__ac-r-bottom: var(--__ac-r-bottom-xs);
+    .aksel-r-flex-grow {
+      --__axc-r-flex-grow: var(--__axc-r-flex-grow-xl);
+    }
 
-  bottom: var(--__ac-r-bottom);
-}
-
-.navds-r-left {
-  --__ac-r-left-xs: initial;
-  --__ac-r-left-sm: var(--__ac-r-left-xs);
-  --__ac-r-left-md: var(--__ac-r-left-sm);
-  --__ac-r-left-lg: var(--__ac-r-left-md);
-  --__ac-r-left-xl: var(--__ac-r-left-lg);
-  --__ac-r-left-2xl: var(--__ac-r-left-xl);
-  --__ac-r-left: var(--__ac-r-left-xs);
-
-  left: var(--__ac-r-left);
-}
+    .aksel-r-flex-shrink {
+      --__axc-r-flex-shrink: var(--__axc-r-flex-shrink-xl);
+    }
 
-.navds-r-overflow {
-  --__ac-r-overflow-xs: initial;
-  --__ac-r-overflow-sm: var(--__ac-r-overflow-xs);
-  --__ac-r-overflow-md: var(--__ac-r-overflow-sm);
-  --__ac-r-overflow-lg: var(--__ac-r-overflow-md);
-  --__ac-r-overflow-xl: var(--__ac-r-overflow-lg);
-  --__ac-r-overflow-2xl: var(--__ac-r-overflow-xl);
-  --__ac-r-overflow: var(--__ac-r-overflow-xs);
-
-  overflow: var(--__ac-r-overflow);
-}
-
-.navds-r-overflowx {
-  --__ac-r-overflowx-xs: initial;
-  --__ac-r-overflowx-sm: var(--__ac-r-overflowx-xs);
-  --__ac-r-overflowx-md: var(--__ac-r-overflowx-sm);
-  --__ac-r-overflowx-lg: var(--__ac-r-overflowx-md);
-  --__ac-r-overflowx-xl: var(--__ac-r-overflowx-lg);
-  --__ac-r-overflowx-2xl: var(--__ac-r-overflowx-xl);
-  --__ac-r-overflowx: var(--__ac-r-overflowx-xs);
-
-  overflow-x: var(--__ac-r-overflowx);
-}
-
-.navds-r-overflowy {
-  --__ac-r-overflowy-xs: initial;
-  --__ac-r-overflowy-sm: var(--__ac-r-overflowy-xs);
-  --__ac-r-overflowy-md: var(--__ac-r-overflowy-sm);
-  --__ac-r-overflowy-lg: var(--__ac-r-overflowy-md);
-  --__ac-r-overflowy-xl: var(--__ac-r-overflowy-lg);
-  --__ac-r-overflowy-2xl: var(--__ac-r-overflowy-xl);
-  --__ac-r-overflowy: var(--__ac-r-overflowy-xs);
-
-  overflow-y: var(--__ac-r-overflowy);
-}
-
-.navds-r-flex-basis {
-  --__ac-r-flex-basis-xs: initial;
-  --__ac-r-flex-basis-sm: var(--__ac-r-flex-basis-xs);
-  --__ac-r-flex-basis-md: var(--__ac-r-flex-basis-sm);
-  --__ac-r-flex-basis-lg: var(--__ac-r-flex-basis-md);
-  --__ac-r-flex-basis-xl: var(--__ac-r-flex-basis-lg);
-  --__ac-r-flex-basis-2xl: var(--__ac-r-flex-basis-xl);
-  --__ac-r-flex-basis: var(--__ac-r-flex-basis-xs);
-
-  flex-basis: var(--__ac-r-flex-basis);
-}
-
-.navds-r-flex-grow {
-  --__ac-r-flex-grow-xs: initial;
-  --__ac-r-flex-grow-sm: var(--__ac-r-flex-grow-xs);
-  --__ac-r-flex-grow-md: var(--__ac-r-flex-grow-sm);
-  --__ac-r-flex-grow-lg: var(--__ac-r-flex-grow-md);
-  --__ac-r-flex-grow-xl: var(--__ac-r-flex-grow-lg);
-  --__ac-r-flex-grow-2xl: var(--__ac-r-flex-grow-xl);
-  --__ac-r-flex-grow: var(--__ac-r-flex-grow-xs);
-
-  flex-grow: var(--__ac-r-flex-grow);
-}
-
-.navds-r-flex-shrink {
-  --__ac-r-flex-shrink-xs: initial;
-  --__ac-r-flex-shrink-sm: var(--__ac-r-flex-shrink-xs);
-  --__ac-r-flex-shrink-md: var(--__ac-r-flex-shrink-sm);
-  --__ac-r-flex-shrink-lg: var(--__ac-r-flex-shrink-md);
-  --__ac-r-flex-shrink-xl: var(--__ac-r-flex-shrink-lg);
-  --__ac-r-flex-shrink-2xl: var(--__ac-r-flex-shrink-xl);
-  --__ac-r-flex-shrink: var(--__ac-r-flex-shrink-xs);
-
-  flex-shrink: var(--__ac-r-flex-shrink);
-}
-
-.navds-r-grid-column {
-  --__ac-r-grid-column-xs: initial;
-  --__ac-r-grid-column-sm: var(--__ac-r-grid-column-xs);
-  --__ac-r-grid-column-md: var(--__ac-r-grid-column-sm);
-  --__ac-r-grid-column-lg: var(--__ac-r-grid-column-md);
-  --__ac-r-grid-column-xl: var(--__ac-r-grid-column-lg);
-  --__ac-r-grid-column-2xl: var(--__ac-r-grid-column-xl);
-  --__ac-r-grid-column: var(--__ac-r-grid-column-xs);
-
-  grid-column: var(--__ac-r-grid-column);
-}
-
-@media (min-width: 480px) {
-  .navds-r-p {
-    --__ac-r-padding: var(--__ac-r-p-sm);
+    .aksel-r-grid-column {
+      --__axc-r-grid-column: var(--__axc-r-grid-column-xl);
+    }
   }
 
-  .navds-r-pi {
-    --__ac-r-pi: var(--__ac-r-pi-sm);
-  }
+  @media (min-width: 1440px) {
+    .aksel-r-p {
+      --__axc-r-padding: var(--__axc-r-p-2xl);
+    }
 
-  .navds-r-pb {
-    --__ac-r-pb: var(--__ac-r-pb-sm);
-  }
+    .aksel-r-pi {
+      --__axc-r-pi: var(--__axc-r-pi-2xl);
+    }
 
-  .navds-r-m {
-    --__ac-r-margin: var(--__ac-r-m-sm);
-  }
+    .aksel-r-pb {
+      --__axc-r-pb: var(--__axc-r-pb-2xl);
+    }
 
-  .navds-r-mi {
-    --__ac-r-mi: var(--__ac-r-mi-sm);
-  }
+    .aksel-r-m {
+      --__axc-r-margin: var(--__axc-r-m-2xl);
+    }
 
-  .navds-r-mb {
-    --__ac-r-mb: var(--__ac-r-mb-sm);
-  }
+    .aksel-r-mi {
+      --__axc-r-mi: var(--__axc-r-mi-2xl);
+    }
 
-  .navds-r-w {
-    --__ac-r-w: var(--__ac-r-w-sm);
-  }
+    .aksel-r-mb {
+      --__axc-r-mb: var(--__axc-r-mb-2xl);
+    }
 
-  .navds-r-minw {
-    --__ac-r-minw: var(--__ac-r-minw-sm);
-  }
+    .aksel-r-w {
+      --__axc-r-w: var(--__axc-r-w-2xl);
+    }
 
-  .navds-r-maxw {
-    --__ac-r-maxw: var(--__ac-r-maxw-sm);
-  }
+    .aksel-r-minw {
+      --__axc-r-minw: var(--__axc-r-minw-2xl);
+    }
 
-  .navds-r-h {
-    --__ac-r-h: var(--__ac-r-h-sm);
-  }
+    .aksel-r-maxw {
+      --__axc-r-maxw: var(--__axc-r-maxw-2xl);
+    }
 
-  .navds-r-minh {
-    --__ac-r-minh: var(--__ac-r-minh-sm);
-  }
+    .aksel-r-h {
+      --__axc-r-h: var(--__axc-r-h-2xl);
+    }
 
-  .navds-r-maxh {
-    --__ac-r-maxh: var(--__ac-r-maxh-sm);
-  }
+    .aksel-r-minh {
+      --__axc-r-minh: var(--__axc-r-minh-2xl);
+    }
 
-  .navds-r-position {
-    --__ac-r-position: var(--__ac-r-position-sm);
-  }
+    .aksel-r-maxh {
+      --__axc-r-maxh: var(--__axc-r-maxh-2xl);
+    }
 
-  .navds-r-inset {
-    --__ac-r-inset: var(--__ac-r-inset-sm);
-  }
+    .aksel-r-position {
+      --__axc-r-position: var(--__axc-r-position-2xl);
+    }
 
-  .navds-r-top {
-    --__ac-r-top: var(--__ac-r-top-sm);
-  }
+    .aksel-r-inset {
+      --__axc-r-inset: var(--__axc-r-inset-2xl);
+    }
 
-  .navds-r-right {
-    --__ac-r-right: var(--__ac-r-right-sm);
-  }
+    .aksel-r-top {
+      --__axc-r-top: var(--__axc-r-top-2xl);
+    }
 
-  .navds-r-bottom {
-    --__ac-r-bottom: var(--__ac-r-bottom-sm);
-  }
+    .aksel-r-right {
+      --__axc-r-right: var(--__axc-r-right-2xl);
+    }
 
-  .navds-r-left {
-    --__ac-r-left: var(--__ac-r-left-sm);
-  }
-
-  .navds-r-overflow {
-    --__ac-r-overflow: var(--__ac-r-overflow-sm);
-  }
-
-  .navds-r-overflowx {
-    --__ac-r-overflowx: var(--__ac-r-overflowx-sm);
-  }
+    .aksel-r-bottom {
+      --__axc-r-bottom: var(--__axc-r-bottom-2xl);
+    }
 
-  .navds-r-overflowy {
-    --__ac-r-overflowy: var(--__ac-r-overflowy-sm);
-  }
+    .aksel-r-left {
+      --__axc-r-left: var(--__axc-r-left-2xl);
+    }
 
-  .navds-r-flex-basis {
-    --__ac-r-flex-basis: var(--__ac-r-flex-basis-sm);
-  }
+    .aksel-r-overflow {
+      --__axc-r-overflow: var(--__axc-r-overflow-2xl);
+    }
 
-  .navds-r-flex-grow {
-    --__ac-r-flex-grow: var(--__ac-r-flex-grow-sm);
-  }
-
-  .navds-r-flex-shrink {
-    --__ac-r-flex-shrink: var(--__ac-r-flex-shrink-sm);
-  }
-
-  .navds-r-grid-column {
-    --__ac-r-grid-column: var(--__ac-r-grid-column-sm);
-  }
-}
-
-@media (min-width: 768px) {
-  .navds-r-p {
-    --__ac-r-padding: var(--__ac-r-p-md);
-  }
-
-  .navds-r-pi {
-    --__ac-r-pi: var(--__ac-r-pi-md);
-  }
-
-  .navds-r-pb {
-    --__ac-r-pb: var(--__ac-r-pb-md);
-  }
-
-  .navds-r-m {
-    --__ac-r-margin: var(--__ac-r-m-md);
-  }
-
-  .navds-r-mi {
-    --__ac-r-mi: var(--__ac-r-mi-md);
-  }
-
-  .navds-r-mb {
-    --__ac-r-mb: var(--__ac-r-mb-md);
-  }
-
-  .navds-r-w {
-    --__ac-r-w: var(--__ac-r-w-md);
-  }
-
-  .navds-r-minw {
-    --__ac-r-minw: var(--__ac-r-minw-md);
-  }
-
-  .navds-r-maxw {
-    --__ac-r-maxw: var(--__ac-r-maxw-md);
-  }
-
-  .navds-r-h {
-    --__ac-r-h: var(--__ac-r-h-md);
-  }
-
-  .navds-r-minh {
-    --__ac-r-minh: var(--__ac-r-minh-md);
-  }
-
-  .navds-r-maxh {
-    --__ac-r-maxh: var(--__ac-r-maxh-md);
-  }
+    .aksel-r-overflowx {
+      --__axc-r-overflowx: var(--__axc-r-overflowx-2xl);
+    }
 
-  .navds-r-position {
-    --__ac-r-position: var(--__ac-r-position-md);
-  }
+    .aksel-r-overflowy {
+      --__axc-r-overflowy: var(--__axc-r-overflowy-2xl);
+    }
 
-  .navds-r-inset {
-    --__ac-r-inset: var(--__ac-r-inset-md);
-  }
+    .aksel-r-flex-basis {
+      --__axc-r-flex-basis: var(--__axc-r-flex-basis-2xl);
+    }
 
-  .navds-r-top {
-    --__ac-r-top: var(--__ac-r-top-md);
-  }
+    .aksel-r-flex-grow {
+      --__axc-r-flex-grow: var(--__axc-r-flex-grow-2xl);
+    }
 
-  .navds-r-right {
-    --__ac-r-right: var(--__ac-r-right-md);
-  }
+    .aksel-r-flex-shrink {
+      --__axc-r-flex-shrink: var(--__axc-r-flex-shrink-2xl);
+    }
 
-  .navds-r-bottom {
-    --__ac-r-bottom: var(--__ac-r-bottom-md);
-  }
+    .aksel-r-grid-column {
+      --__axc-r-grid-column: var(--__axc-r-grid-column-2xl);
+    }
+  }
 
-  .navds-r-left {
-    --__ac-r-left: var(--__ac-r-left-md);
+  .aksel-box-bg {
+    --__axc-box-background: initial;
+    background-color: var(--__axc-box-background);
+  }
+
+  .aksel-box-border-color {
+    --__axc-box-border-color: initial;
+    border-color: var(--__axc-box-border-color);
+  }
+
+  .aksel-box-border-width {
+    --__axc-box-border-width: initial;
+    border-style: solid;
+    border-width: var(--__axc-box-border-width, 0);
   }
-
-  .navds-r-overflow {
-    --__ac-r-overflow: var(--__ac-r-overflow-md);
+
+  .aksel-box-radius {
+    --__axc-box-radius-xs: initial;
+    --__axc-box-radius-sm: var(--__axc-box-radius-xs);
+    --__axc-box-radius-md: var(--__axc-box-radius-sm);
+    --__axc-box-radius-lg: var(--__axc-box-radius-md);
+    --__axc-box-radius-xl: var(--__axc-box-radius-lg);
+    --__axc-box-radius-2xl: var(--__axc-box-radius-xl);
+    --__axc-box-radius: var(--__axc-box-radius-xs);
+    border-radius: var(--__axc-box-radius);
   }
 
-  .navds-r-overflowx {
-    --__ac-r-overflowx: var(--__ac-r-overflowx-md);
+  .aksel-box-shadow {
+    --__axc-box-shadow: initial;
+    box-shadow: var(--__axc-box-shadow);
   }
-
-  .navds-r-overflowy {
-    --__ac-r-overflowy: var(--__ac-r-overflowy-md);
+
+  @media (min-width: 480px) {
+    .aksel-box-radius {
+      --__axc-box-radius: var(--__axc-box-radius-sm);
+    }
   }
 
-  .navds-r-flex-basis {
-    --__ac-r-flex-basis: var(--__ac-r-flex-basis-md);
+  @media (min-width: 768px) {
+    .aksel-box-radius {
+      --__axc-box-radius: var(--__axc-box-radius-md);
+    }
   }
-
-  .navds-r-flex-grow {
-    --__ac-r-flex-grow: var(--__ac-r-flex-grow-md);
+
+  @media (min-width: 1024px) {
+    .aksel-box-radius {
+      --__axc-box-radius: var(--__axc-box-radius-lg);
+    }
   }
 
-  .navds-r-flex-shrink {
-    --__ac-r-flex-shrink: var(--__ac-r-flex-shrink-md);
+  @media (min-width: 1280px) {
+    .aksel-box-radius {
+      --__axc-box-radius: var(--__axc-box-radius-xl);
+    }
   }
-
-  .navds-r-grid-column {
-    --__ac-r-grid-column: var(--__ac-r-grid-column-md);
+
+  @media (min-width: 1440px) {
+    .aksel-box-radius {
+      --__axc-box-radius: var(--__axc-box-radius-2xl);
+    }
   }
-}
 
-@media (min-width: 1024px) {
-  .navds-r-p {
-    --__ac-r-padding: var(--__ac-r-p-lg);
+  .aksel-bleed {
+    --__axc-bleed-margin-inline-xs: initial;
+    --__axc-bleed-margin-inline-sm: var(--__axc-bleed-margin-inline-xs);
+    --__axc-bleed-margin-inline-md: var(--__axc-bleed-margin-inline-sm);
+    --__axc-bleed-margin-inline-lg: var(--__axc-bleed-margin-inline-md);
+    --__axc-bleed-margin-inline-xl: var(--__axc-bleed-margin-inline-lg);
+    --__axc-bleed-margin-inline-2xl: var(--__axc-bleed-margin-inline-xl);
+    --__axc-bleed-margin-block-xs: initial;
+    --__axc-bleed-margin-block-sm: var(--__axc-bleed-margin-block-xs);
+    --__axc-bleed-margin-block-md: var(--__axc-bleed-margin-block-sm);
+    --__axc-bleed-margin-block-lg: var(--__axc-bleed-margin-block-md);
+    --__axc-bleed-margin-block-xl: var(--__axc-bleed-margin-block-lg);
+    --__axc-bleed-margin-block-2xl: var(--__axc-bleed-margin-block-xl);
+    --__axc-bleed-margin-inline: var(--__axc-bleed-margin-inline-xs);
+    --__axc-bleed-margin-block: var(--__axc-bleed-margin-block-xs);
+    margin-inline: var(--__axc-bleed-margin-inline);
+    margin-block: var(--__axc-bleed-margin-block);
   }
 
-  .navds-r-pi {
-    --__ac-r-pi: var(--__ac-r-pi-lg);
+  .aksel-bleed--padding {
+    --__axc-bleed-padding-inline-xs: initial;
+    --__axc-bleed-padding-inline-sm: var(--__axc-bleed-padding-inline-xs);
+    --__axc-bleed-padding-inline-md: var(--__axc-bleed-padding-inline-sm);
+    --__axc-bleed-padding-inline-lg: var(--__axc-bleed-padding-inline-md);
+    --__axc-bleed-padding-inline-xl: var(--__axc-bleed-padding-inline-lg);
+    --__axc-bleed-padding-inline-2xl: var(--__axc-bleed-padding-inline-xl);
+    --__axc-bleed-padding-block-xs: initial;
+    --__axc-bleed-padding-block-sm: var(--__axc-bleed-padding-block-xs);
+    --__axc-bleed-padding-block-md: var(--__axc-bleed-padding-block-sm);
+    --__axc-bleed-padding-block-lg: var(--__axc-bleed-padding-block-md);
+    --__axc-bleed-padding-block-xl: var(--__axc-bleed-padding-block-lg);
+    --__axc-bleed-padding-block-2xl: var(--__axc-bleed-padding-block-xl);
+    --__axc-bleed-padding-inline: var(--__axc-bleed-padding-inline-xs);
+    --__axc-bleed-padding-block: var(--__axc-bleed-padding-block-xs);
+    padding-inline: var(--__axc-bleed-padding-inline);
+    padding-block: var(--__axc-bleed-padding-block);
   }
 
-  .navds-r-pb {
-    --__ac-r-pb: var(--__ac-r-pb-lg);
-  }
+  @media (min-width: 480px) {
+    .aksel-bleed {
+      --__axc-bleed-margin-inline: var(--__axc-bleed-margin-inline-sm);
+      --__axc-bleed-margin-block: var(--__axc-bleed-margin-block-sm);
+    }
 
-  .navds-r-m {
-    --__ac-r-margin: var(--__ac-r-m-lg);
+    .aksel-bleed--padding {
+      --__axc-bleed-padding-inline: var(--__axc-bleed-padding-inline-sm);
+      --__axc-bleed-padding-block: var(--__axc-bleed-padding-block-sm);
+    }
   }
 
-  .navds-r-mi {
-    --__ac-r-mi: var(--__ac-r-mi-lg);
-  }
+  @media (min-width: 768px) {
+    .aksel-bleed {
+      --__axc-bleed-margin-inline: var(--__axc-bleed-margin-inline-md);
+      --__axc-bleed-margin-block: var(--__axc-bleed-margin-block-md);
+    }
 
-  .navds-r-mb {
-    --__ac-r-mb: var(--__ac-r-mb-lg);
+    .aksel-bleed--padding {
+      --__axc-bleed-padding-inline: var(--__axc-bleed-padding-inline-md);
+      --__axc-bleed-padding-block: var(--__axc-bleed-padding-block-md);
+    }
   }
 
-  .navds-r-w {
-    --__ac-r-w: var(--__ac-r-w-lg);
-  }
+  @media (min-width: 1024px) {
+    .aksel-bleed {
+      --__axc-bleed-margin-inline: var(--__axc-bleed-margin-inline-lg);
+      --__axc-bleed-margin-block: var(--__axc-bleed-margin-block-lg);
+    }
 
-  .navds-r-minw {
-    --__ac-r-minw: var(--__ac-r-minw-lg);
+    .aksel-bleed--padding {
+      --__axc-bleed-padding-inline: var(--__axc-bleed-padding-inline-lg);
+      --__axc-bleed-padding-block: var(--__axc-bleed-padding-block-lg);
+    }
   }
 
-  .navds-r-maxw {
-    --__ac-r-maxw: var(--__ac-r-maxw-lg);
-  }
+  @media (min-width: 1280px) {
+    .aksel-bleed {
+      --__axc-bleed-margin-inline: var(--__axc-bleed-margin-inline-xl);
+      --__axc-bleed-margin-block: var(--__axc-bleed-margin-block-xl);
+    }
 
-  .navds-r-h {
-    --__ac-r-h: var(--__ac-r-h-lg);
+    .aksel-bleed--padding {
+      --__axc-bleed-padding-inline: var(--__axc-bleed-padding-inline-xl);
+      --__axc-bleed-padding-block: var(--__axc-bleed-padding-block-xl);
+    }
   }
 
-  .navds-r-minh {
-    --__ac-r-minh: var(--__ac-r-minh-lg);
-  }
+  @media (min-width: 1440px) {
+    .aksel-bleed {
+      --__axc-bleed-margin-inline: var(--__axc-bleed-margin-inline-2xl);
+      --__axc-bleed-margin-block: var(--__axc-bleed-margin-block-2xl);
+    }
 
-  .navds-r-maxh {
-    --__ac-r-maxh: var(--__ac-r-maxh-lg);
+    .aksel-bleed--padding {
+      --__axc-bleed-padding-inline: var(--__axc-bleed-padding-inline-2xl);
+      --__axc-bleed-padding-block: var(--__axc-bleed-padding-block-2xl);
+    }
   }
 
-  .navds-r-position {
-    --__ac-r-position: var(--__ac-r-position-lg);
+  .aksel-page {
+    min-height: 100vh;
+    flex-direction: column;
+    min-height: 100lvh;
+    display: flex;
   }
 
-  .navds-r-inset {
-    --__ac-r-inset: var(--__ac-r-inset-lg);
+  .aksel-pageblock {
+    --__axc-page-padding-inline: 0px;
+    width: 100%;
+    margin-inline: auto;
   }
 
-  .navds-r-top {
-    --__ac-r-top: var(--__ac-r-top-lg);
+  .aksel-page__content--grow {
+    flex-grow: 1;
   }
 
-  .navds-r-right {
-    --__ac-r-right: var(--__ac-r-right-lg);
+  .aksel-page__content--fullheight {
+    min-height: 100vh;
+    min-height: 100lvh;
   }
 
-  .navds-r-bottom {
-    --__ac-r-bottom: var(--__ac-r-bottom-lg);
+  .aksel-page__content--padding {
+    padding-block-end: var(--ax-space-64);
   }
 
-  .navds-r-left {
-    --__ac-r-left: var(--__ac-r-left-lg);
+  .aksel-pageblock--text {
+    max-width: calc(576px + var(--__axc-page-padding-inline)  + var(--__axc-page-padding-inline));
   }
 
-  .navds-r-overflow {
-    --__ac-r-overflow: var(--__ac-r-overflow-lg);
+  .aksel-pageblock--md {
+    max-width: 768px;
   }
 
-  .navds-r-overflowx {
-    --__ac-r-overflowx: var(--__ac-r-overflowx-lg);
+  .aksel-pageblock--lg {
+    max-width: 1024px;
   }
 
-  .navds-r-overflowy {
-    --__ac-r-overflowy: var(--__ac-r-overflowy-lg);
+  .aksel-pageblock--xl {
+    max-width: 1280px;
   }
 
-  .navds-r-flex-basis {
-    --__ac-r-flex-basis: var(--__ac-r-flex-basis-lg);
+  .aksel-pageblock--2xl {
+    max-width: 1440px;
   }
 
-  .navds-r-flex-grow {
-    --__ac-r-flex-grow: var(--__ac-r-flex-grow-lg);
+  .aksel-pageblock--gutters {
+    --__axc-page-padding-inline: var(--ax-space-16);
+    padding-inline: var(--__axc-page-padding-inline);
   }
 
-  .navds-r-flex-shrink {
-    --__ac-r-flex-shrink: var(--__ac-r-flex-shrink-lg);
+  @media (min-width: 1024px) {
+    .aksel-pageblock--gutters {
+      --__axc-page-padding-inline: var(--ax-space-48);
+    }
   }
 
-  .navds-r-grid-column {
-    --__ac-r-grid-column: var(--__ac-r-grid-column-lg);
+  .aksel-hgrid {
+    --__axc-hgrid-columns-xs: initial;
+    --__axc-hgrid-columns-sm: var(--__axc-hgrid-columns-xs);
+    --__axc-hgrid-columns-md: var(--__axc-hgrid-columns-sm);
+    --__axc-hgrid-columns-lg: var(--__axc-hgrid-columns-md);
+    --__axc-hgrid-columns-xl: var(--__axc-hgrid-columns-lg);
+    --__axc-hgrid-columns-2xl: var(--__axc-hgrid-columns-xl);
+    --__axc-hgrid-columns: var(--__axc-hgrid-columns-xs);
+    grid-template-columns: var(--__axc-hgrid-columns);
+    display: grid;
   }
-}
 
-@media (min-width: 1280px) {
-  .navds-r-p {
-    --__ac-r-padding: var(--__ac-r-p-xl);
+  .aksel-hgrid-gap {
+    --__axc-hgrid-gap-xs: initial;
+    --__axc-hgrid-gap-sm: var(--__axc-hgrid-gap-xs);
+    --__axc-hgrid-gap-md: var(--__axc-hgrid-gap-sm);
+    --__axc-hgrid-gap-lg: var(--__axc-hgrid-gap-md);
+    --__axc-hgrid-gap-xl: var(--__axc-hgrid-gap-lg);
+    --__axc-hgrid-gap-2xl: var(--__axc-hgrid-gap-xl);
+    --__axc-hgrid-gap: var(--__axc-hgrid-gap-xs);
+    gap: var(--__axc-hgrid-gap);
   }
 
-  .navds-r-pi {
-    --__ac-r-pi: var(--__ac-r-pi-xl);
+  .aksel-hgrid-align {
+    --__axc-hgrid-align: initial;
+    align-items: var(--__axc-hgrid-align);
   }
 
-  .navds-r-pb {
-    --__ac-r-pb: var(--__ac-r-pb-xl);
-  }
+  @media (min-width: 480px) {
+    .aksel-hgrid {
+      --__axc-hgrid-columns: var(--__axc-hgrid-columns-sm);
+    }
 
-  .navds-r-m {
-    --__ac-r-margin: var(--__ac-r-m-xl);
+    .aksel-hgrid-gap {
+      --__axc-hgrid-gap: var(--__axc-hgrid-gap-sm);
+    }
   }
 
-  .navds-r-mi {
-    --__ac-r-mi: var(--__ac-r-mi-xl);
-  }
+  @media (min-width: 768px) {
+    .aksel-hgrid {
+      --__axc-hgrid-columns: var(--__axc-hgrid-columns-md);
+    }
 
-  .navds-r-mb {
-    --__ac-r-mb: var(--__ac-r-mb-xl);
+    .aksel-hgrid-gap {
+      --__axc-hgrid-gap: var(--__axc-hgrid-gap-md);
+    }
   }
 
-  .navds-r-w {
-    --__ac-r-w: var(--__ac-r-w-xl);
-  }
+  @media (min-width: 1024px) {
+    .aksel-hgrid {
+      --__axc-hgrid-columns: var(--__axc-hgrid-columns-lg);
+    }
 
-  .navds-r-minw {
-    --__ac-r-minw: var(--__ac-r-minw-xl);
+    .aksel-hgrid-gap {
+      --__axc-hgrid-gap: var(--__axc-hgrid-gap-lg);
+    }
   }
 
-  .navds-r-maxw {
-    --__ac-r-maxw: var(--__ac-r-maxw-xl);
-  }
+  @media (min-width: 1280px) {
+    .aksel-hgrid {
+      --__axc-hgrid-columns: var(--__axc-hgrid-columns-xl);
+    }
 
-  .navds-r-h {
-    --__ac-r-h: var(--__ac-r-h-xl);
+    .aksel-hgrid-gap {
+      --__axc-hgrid-gap: var(--__axc-hgrid-gap-xl);
+    }
   }
 
-  .navds-r-minh {
-    --__ac-r-minh: var(--__ac-r-minh-xl);
-  }
+  @media (min-width: 1440px) {
+    .aksel-hgrid {
+      --__axc-hgrid-columns: var(--__axc-hgrid-columns-2xl);
+    }
 
-  .navds-r-maxh {
-    --__ac-r-maxh: var(--__ac-r-maxh-xl);
+    .aksel-hgrid-gap {
+      --__axc-hgrid-gap: var(--__axc-hgrid-gap-2xl);
+    }
   }
 
-  .navds-r-position {
-    --__ac-r-position: var(--__ac-r-position-xl);
+  .aksel-stack {
+    display: flex;
   }
 
-  .navds-r-inset {
-    --__ac-r-inset: var(--__ac-r-inset-xl);
+  .aksel-stack-gap {
+    --__axc-stack-gap-xs: initial;
+    --__axc-stack-gap-sm: var(--__axc-stack-gap-xs);
+    --__axc-stack-gap-md: var(--__axc-stack-gap-sm);
+    --__axc-stack-gap-lg: var(--__axc-stack-gap-md);
+    --__axc-stack-gap-xl: var(--__axc-stack-gap-lg);
+    --__axc-stack-gap-2xl: var(--__axc-stack-gap-xl);
+    --__axc-stack-gap: var(--__axc-stack-gap-xs);
+    gap: var(--__axc-stack-gap);
   }
 
-  .navds-r-top {
-    --__ac-r-top: var(--__ac-r-top-xl);
+  .aksel-stack-align {
+    --__axc-stack-align-xs: initial;
+    --__axc-stack-align-sm: var(--__axc-stack-align-xs);
+    --__axc-stack-align-md: var(--__axc-stack-align-sm);
+    --__axc-stack-align-lg: var(--__axc-stack-align-md);
+    --__axc-stack-align-xl: var(--__axc-stack-align-lg);
+    --__axc-stack-align-2xl: var(--__axc-stack-align-xl);
+    --__axc-stack-align: var(--__axc-stack-align-xs);
+    align-items: var(--__axc-stack-align);
   }
 
-  .navds-r-right {
-    --__ac-r-right: var(--__ac-r-right-xl);
+  .aksel-stack-justify {
+    --__axc-stack-justify-xs: initial;
+    --__axc-stack-justify-sm: var(--__axc-stack-justify-xs);
+    --__axc-stack-justify-md: var(--__axc-stack-justify-sm);
+    --__axc-stack-justify-lg: var(--__axc-stack-justify-md);
+    --__axc-stack-justify-xl: var(--__axc-stack-justify-lg);
+    --__axc-stack-justify-2xl: var(--__axc-stack-justify-xl);
+    --__axc-stack-justify: var(--__axc-stack-justify-xs);
+    justify-content: var(--__axc-stack-justify);
   }
 
-  .navds-r-bottom {
-    --__ac-r-bottom: var(--__ac-r-bottom-xl);
+  .aksel-stack-direction {
+    --__axc-stack-direction-xs: initial;
+    --__axc-stack-direction-sm: var(--__axc-stack-direction-xs);
+    --__axc-stack-direction-md: var(--__axc-stack-direction-sm);
+    --__axc-stack-direction-lg: var(--__axc-stack-direction-md);
+    --__axc-stack-direction-xl: var(--__axc-stack-direction-lg);
+    --__axc-stack-direction-2xl: var(--__axc-stack-direction-xl);
+    --__axc-stack-direction: var(--__axc-stack-direction-xs);
+    flex-direction: var(--__axc-stack-direction);
   }
 
-  .navds-r-left {
-    --__ac-r-left: var(--__ac-r-left-xl);
+  .aksel-stack-wrap {
+    flex-wrap: wrap;
   }
 
-  .navds-r-overflow {
-    --__ac-r-overflow: var(--__ac-r-overflow-xl);
+  .aksel-stack__spacer {
+    flex: 1;
+    place-content: stretch;
   }
 
-  .navds-r-overflowx {
-    --__ac-r-overflowx: var(--__ac-r-overflowx-xl);
+  .aksel-stack > .aksel-stack__spacer {
+    margin-block-start: calc(var(--__axc-stack-gap) * -1);
+    margin-inline-start: calc(var(--__axc-stack-gap) * -1);
   }
 
-  .navds-r-overflowy {
-    --__ac-r-overflowy: var(--__ac-r-overflowy-xl);
-  }
+  @media (min-width: 480px) {
+    .aksel-stack-gap {
+      --__axc-stack-gap: var(--__axc-stack-gap-sm);
+    }
 
-  .navds-r-flex-basis {
-    --__ac-r-flex-basis: var(--__ac-r-flex-basis-xl);
-  }
+    .aksel-stack-align {
+      --__axc-stack-align: var(--__axc-stack-align-sm);
+    }
 
-  .navds-r-flex-grow {
-    --__ac-r-flex-grow: var(--__ac-r-flex-grow-xl);
-  }
+    .aksel-stack-justify {
+      --__axc-stack-justify: var(--__axc-stack-justify-sm);
+    }
 
-  .navds-r-flex-shrink {
-    --__ac-r-flex-shrink: var(--__ac-r-flex-shrink-xl);
+    .aksel-stack-direction {
+      --__axc-stack-direction: var(--__axc-stack-direction-sm);
+    }
   }
 
-  .navds-r-grid-column {
-    --__ac-r-grid-column: var(--__ac-r-grid-column-xl);
-  }
-}
+  @media (min-width: 768px) {
+    .aksel-stack-gap {
+      --__axc-stack-gap: var(--__axc-stack-gap-md);
+    }
 
-@media (min-width: 1440px) {
-  .navds-r-p {
-    --__ac-r-padding: var(--__ac-r-p-2xl);
-  }
+    .aksel-stack-align {
+      --__axc-stack-align: var(--__axc-stack-align-md);
+    }
 
-  .navds-r-pi {
-    --__ac-r-pi: var(--__ac-r-pi-2xl);
-  }
+    .aksel-stack-justify {
+      --__axc-stack-justify: var(--__axc-stack-justify-md);
+    }
 
-  .navds-r-pb {
-    --__ac-r-pb: var(--__ac-r-pb-2xl);
+    .aksel-stack-direction {
+      --__axc-stack-direction: var(--__axc-stack-direction-md);
+    }
   }
 
-  .navds-r-m {
-    --__ac-r-margin: var(--__ac-r-m-2xl);
-  }
+  @media (min-width: 1024px) {
+    .aksel-stack-gap {
+      --__axc-stack-gap: var(--__axc-stack-gap-lg);
+    }
 
-  .navds-r-mi {
-    --__ac-r-mi: var(--__ac-r-mi-2xl);
-  }
+    .aksel-stack-align {
+      --__axc-stack-align: var(--__axc-stack-align-lg);
+    }
 
-  .navds-r-mb {
-    --__ac-r-mb: var(--__ac-r-mb-2xl);
-  }
+    .aksel-stack-justify {
+      --__axc-stack-justify: var(--__axc-stack-justify-lg);
+    }
 
-  .navds-r-w {
-    --__ac-r-w: var(--__ac-r-w-2xl);
+    .aksel-stack-direction {
+      --__axc-stack-direction: var(--__axc-stack-direction-lg);
+    }
   }
 
-  .navds-r-minw {
-    --__ac-r-minw: var(--__ac-r-minw-2xl);
-  }
+  @media (min-width: 1280px) {
+    .aksel-stack-gap {
+      --__axc-stack-gap: var(--__axc-stack-gap-xl);
+    }
 
-  .navds-r-maxw {
-    --__ac-r-maxw: var(--__ac-r-maxw-2xl);
-  }
+    .aksel-stack-align {
+      --__axc-stack-align: var(--__axc-stack-align-xl);
+    }
 
-  .navds-r-h {
-    --__ac-r-h: var(--__ac-r-h-2xl);
-  }
+    .aksel-stack-justify {
+      --__axc-stack-justify: var(--__axc-stack-justify-xl);
+    }
 
-  .navds-r-minh {
-    --__ac-r-minh: var(--__ac-r-minh-2xl);
+    .aksel-stack-direction {
+      --__axc-stack-direction: var(--__axc-stack-direction-xl);
+    }
   }
 
-  .navds-r-maxh {
-    --__ac-r-maxh: var(--__ac-r-maxh-2xl);
-  }
+  @media (min-width: 1440px) {
+    .aksel-stack-gap {
+      --__axc-stack-gap: var(--__axc-stack-gap-2xl);
+    }
 
-  .navds-r-position {
-    --__ac-r-position: var(--__ac-r-position-2xl);
-  }
+    .aksel-stack-align {
+      --__axc-stack-align: var(--__axc-stack-align-2xl);
+    }
 
-  .navds-r-inset {
-    --__ac-r-inset: var(--__ac-r-inset-2xl);
-  }
+    .aksel-stack-justify {
+      --__axc-stack-justify: var(--__axc-stack-justify-2xl);
+    }
 
-  .navds-r-top {
-    --__ac-r-top: var(--__ac-r-top-2xl);
+    .aksel-stack-direction {
+      --__axc-stack-direction: var(--__axc-stack-direction-2xl);
+    }
   }
 
-  .navds-r-right {
-    --__ac-r-right: var(--__ac-r-right-2xl);
+  @media (min-width: 480px) {
+    .aksel-responsive__below--sm {
+      display: none !important;
+    }
   }
 
-  .navds-r-bottom {
-    --__ac-r-bottom: var(--__ac-r-bottom-2xl);
+  @media (max-width: 479px) {
+    .aksel-responsive__above--sm {
+      display: none !important;
+    }
   }
 
-  .navds-r-left {
-    --__ac-r-left: var(--__ac-r-left-2xl);
+  @media (min-width: 768px) {
+    .aksel-responsive__below--md {
+      display: none !important;
+    }
   }
 
-  .navds-r-overflow {
-    --__ac-r-overflow: var(--__ac-r-overflow-2xl);
+  @media (max-width: 767px) {
+    .aksel-responsive__above--md {
+      display: none !important;
+    }
   }
 
-  .navds-r-overflowx {
-    --__ac-r-overflowx: var(--__ac-r-overflowx-2xl);
+  @media (min-width: 1024px) {
+    .aksel-responsive__below--lg {
+      display: none !important;
+    }
   }
 
-  .navds-r-overflowy {
-    --__ac-r-overflowy: var(--__ac-r-overflowy-2xl);
+  @media (max-width: 1023px) {
+    .aksel-responsive__above--lg {
+      display: none !important;
+    }
   }
 
-  .navds-r-flex-basis {
-    --__ac-r-flex-basis: var(--__ac-r-flex-basis-2xl);
+  @media (min-width: 1280px) {
+    .aksel-responsive__below--xl {
+      display: none !important;
+    }
   }
 
-  .navds-r-flex-grow {
-    --__ac-r-flex-grow: var(--__ac-r-flex-grow-2xl);
+  @media (max-width: 1279px) {
+    .aksel-responsive__above--xl {
+      display: none !important;
+    }
   }
 
-  .navds-r-flex-shrink {
-    --__ac-r-flex-shrink: var(--__ac-r-flex-shrink-2xl);
+  @media (min-width: 1440px) {
+    .aksel-responsive__below--2xl {
+      display: none !important;
+    }
   }
 
-  .navds-r-grid-column {
-    --__ac-r-grid-column: var(--__ac-r-grid-column-2xl);
+  @media (max-width: 1439px) {
+    .aksel-responsive__above--2xl {
+      display: none !important;
+    }
   }
 }