@navikt/ds-css 7.40.0 → 8.0.0

package/dist/component/typography.css

@@ -1,274 +1,285 @@
-[data-theme="dark"] {
-  --__ac-typo-error-text: var(--a-red-300);
-  --__ac-typo-text-subtle: var(--a-gray-300);
-}
-
-[data-theme="light"] {
-  --__ac-typo-error-text: initial;
-  --__ac-typo-text-subtle: initial;
-}
-
-/* Heading */
-
-.navds-heading {
-  font-weight: var(--a-font-weight-bold);
-  margin: 0;
-}
+@layer aksel.reset, aksel.theming, aksel.baseline, aksel.print, aksel.typography;
 
-.navds-heading--xlarge {
-  font-size: var(--a-font-size-heading-2xlarge);
-  letter-spacing: -0.01em;
-  line-height: var(--a-font-line-height-heading-2xlarge);
-}
+@layer aksel.components.core {
+  .aksel-heading {
+    font-weight: var(--ax-font-weight-bold);
+    margin: 0;
+  }
 
-.navds-heading--xlarge.navds-typo--spacing {
-  margin-bottom: var(--a-spacing-5);
-}
+  .aksel-heading--xlarge {
+    font-size: var(--ax-font-size-heading-2xlarge);
+    letter-spacing: -.01em;
+    line-height: var(--ax-font-line-height-heading-2xlarge);
+    font-weight: 650;
+  }
 
-.navds-heading--large {
-  font-size: var(--a-font-size-heading-xlarge);
-  letter-spacing: -0.008em;
-  line-height: var(--a-font-line-height-heading-xlarge);
-}
+  .aksel-heading--xlarge.aksel-typo--spacing {
+    margin-bottom: var(--ax-space-20);
+  }
 
-.navds-heading--large.navds-typo--spacing {
-  margin-bottom: var(--a-spacing-4);
-}
+  .aksel-heading--large {
+    font-size: var(--ax-font-size-heading-xlarge);
+    letter-spacing: -.008em;
+    line-height: var(--ax-font-line-height-heading-xlarge);
+    font-weight: 650;
+  }
 
-/* Mobile scale */
+  .aksel-heading--large.aksel-typo--spacing {
+    margin-bottom: var(--ax-space-16);
+  }
 
-@media (max-width: 480px) {
-  .navds-heading--xlarge {
-    font-size: var(--a-font-size-heading-xlarge);
-    letter-spacing: -0.008em;
-    line-height: var(--a-font-line-height-heading-xlarge);
+  @media (max-width: 480px) {
+    .aksel-heading--xlarge {
+      font-size: var(--ax-font-size-heading-xlarge);
+      letter-spacing: -.008em;
+      line-height: var(--ax-font-line-height-heading-xlarge);
+    }
+
+    .aksel-heading--xlarge.aksel-typo--spacing {
+      margin-bottom: var(--ax-space-16);
+    }
+
+    .aksel-heading--large {
+      font-size: var(--ax-font-size-heading-large);
+      letter-spacing: -.004em;
+      line-height: var(--ax-font-line-height-heading-large);
+    }
+
+    .aksel-heading--large.aksel-typo--spacing {
+      margin-bottom: var(--ax-space-12);
+    }
   }
 
-  .navds-heading--xlarge.navds-typo--spacing {
-    margin-bottom: var(--a-spacing-4);
+  .aksel-heading--medium {
+    font-size: var(--ax-font-size-heading-medium);
+    letter-spacing: -.002em;
+    line-height: var(--ax-font-line-height-heading-medium);
+    font-weight: 650;
   }
 
-  .navds-heading--large {
-    font-size: var(--a-font-size-heading-large);
-    letter-spacing: -0.004em;
-    line-height: var(--a-font-line-height-heading-large);
+  .aksel-heading--medium.aksel-typo--spacing {
+    margin-bottom: var(--ax-space-12);
   }
 
-  .navds-heading--large.navds-typo--spacing {
-    margin-bottom: var(--a-spacing-3);
+  .aksel-heading--small {
+    font-size: var(--ax-font-size-heading-small);
+    letter-spacing: -.001em;
+    line-height: var(--ax-font-line-height-heading-small);
   }
-}
 
-.navds-heading--medium {
-  font-size: var(--a-font-size-heading-medium);
-  letter-spacing: -0.002em;
-  line-height: var(--a-font-line-height-heading-medium);
-}
+  .aksel-heading--small.aksel-typo--spacing {
+    margin-bottom: var(--ax-space-12);
+  }
 
-.navds-heading--medium.navds-typo--spacing {
-  margin-bottom: var(--a-spacing-3);
-}
+  .aksel-heading--xsmall {
+    font-size: var(--ax-font-size-heading-xsmall);
+    letter-spacing: -.001em;
+    line-height: var(--ax-font-line-height-heading-xsmall);
+  }
 
-.navds-heading--small {
-  font-size: var(--a-font-size-heading-small);
-  letter-spacing: -0.001em;
-  line-height: var(--a-font-line-height-heading-small);
-}
+  .aksel-heading--xsmall.aksel-typo--spacing {
+    margin-bottom: var(--ax-space-12);
+  }
 
-.navds-heading--small.navds-typo--spacing {
-  margin-bottom: var(--a-spacing-3);
-}
+  .aksel-ingress {
+    font-size: var(--ax-font-size-xlarge);
+    font-weight: var(--ax-font-weight-regular);
+    letter-spacing: -.001em;
+    line-height: var(--ax-font-line-height-xlarge);
+    margin: 0;
+  }
 
-.navds-heading--xsmall {
-  font-size: var(--a-font-size-heading-xsmall);
-  letter-spacing: -0.001em;
-  line-height: var(--a-font-line-height-heading-xsmall);
-}
+  .aksel-ingress.aksel-typo--spacing {
+    margin-bottom: var(--ax-space-40);
+  }
 
-.navds-heading--xsmall.navds-typo--spacing {
-  margin-bottom: var(--a-spacing-3);
-}
+  .aksel-body-long {
+    font-size: var(--ax-font-size-large);
+    font-weight: var(--ax-font-weight-regular);
+    letter-spacing: 0;
+    line-height: var(--ax-font-line-height-xlarge);
+    margin: 0;
+  }
 
-/* Ingress */
+  .aksel-body-long.aksel-typo--spacing {
+    margin-bottom: var(--ax-space-28);
+  }
 
-.navds-ingress {
-  font-size: var(--a-font-size-xlarge);
-  font-weight: var(--a-font-weight-regular);
-  letter-spacing: -0.001em;
-  line-height: var(--a-font-line-height-xlarge);
-  margin: 0;
-}
+  .aksel-body-long--large {
+    font-size: var(--ax-font-size-xlarge);
+    letter-spacing: -.0013em;
+    line-height: var(--ax-font-line-height-xlarge);
+  }
 
-.navds-ingress.navds-typo--spacing {
-  margin-bottom: var(--a-spacing-10);
-}
+  .aksel-body-long--large.aksel-typo--spacing {
+    margin-bottom: var(--ax-space-40);
+  }
 
-/* Body */
+  .aksel-body-long--small {
+    font-size: var(--ax-font-size-medium);
+    letter-spacing: .002em;
+    line-height: var(--ax-font-line-height-large);
+  }
 
-.navds-body-long {
-  font-size: var(--a-font-size-large);
-  font-weight: var(--a-font-weight-regular);
-  letter-spacing: 0;
-  line-height: var(--a-font-line-height-xlarge);
-  margin: 0;
-}
+  .aksel-body-long--small.aksel-typo--spacing {
+    margin-bottom: var(--ax-space-24);
+  }
 
-.navds-body-long.navds-typo--spacing {
-  margin-bottom: var(--a-spacing-7);
-}
+  .aksel-body-short {
+    font-size: var(--ax-font-size-large);
+    font-weight: var(--ax-font-weight-regular);
+    letter-spacing: 0;
+    line-height: var(--ax-font-line-height-large);
+    margin: 0;
+  }
 
-.navds-body-long--large {
-  font-size: var(--a-font-size-xlarge);
-  letter-spacing: -0.0013em;
-  line-height: var(--a-font-line-height-xlarge);
-}
+  .aksel-body-short.aksel-typo--spacing {
+    margin-bottom: var(--ax-space-12);
+  }
 
-.navds-body-long--large.navds-typo--spacing {
-  margin-bottom: var(--a-spacing-10);
-}
+  .aksel-body-short--large {
+    font-size: var(--ax-font-size-xlarge);
+    letter-spacing: -.0013em;
+    line-height: var(--ax-font-line-height-xlarge);
+  }
 
-.navds-body-long--small {
-  font-size: var(--a-font-size-medium);
-  letter-spacing: 0.002em;
-  line-height: var(--a-font-line-height-large);
-}
+  .aksel-body-short--large.aksel-typo--spacing {
+    margin-bottom: var(--ax-space-16);
+  }
 
-.navds-body-long--small.navds-typo--spacing {
-  margin-bottom: var(--a-spacing-6);
-}
+  .aksel-body-short--small {
+    font-size: var(--ax-font-size-medium);
+    letter-spacing: .002em;
+    line-height: var(--ax-font-line-height-medium);
+  }
 
-.navds-body-short {
-  font-size: var(--a-font-size-large);
-  font-weight: var(--a-font-weight-regular);
-  letter-spacing: 0;
-  line-height: var(--a-font-line-height-large);
-  margin: 0;
-}
+  .aksel-body-short--small.aksel-typo--spacing {
+    margin-bottom: var(--ax-space-8);
+  }
 
-.navds-body-short.navds-typo--spacing {
-  margin-bottom: var(--a-spacing-3);
-}
+  .aksel-label {
+    font-size: var(--ax-font-size-large);
+    font-weight: var(--ax-font-weight-bold);
+    letter-spacing: 0;
+    line-height: var(--ax-font-line-height-large);
+    margin: 0;
+  }
 
-.navds-body-short--large {
-  font-size: var(--a-font-size-xlarge);
-  letter-spacing: -0.0013em;
-  line-height: var(--a-font-line-height-xlarge);
-}
+  .aksel-label.aksel-typo--spacing {
+    margin-bottom: var(--ax-space-12);
+  }
 
-.navds-body-short--large.navds-typo--spacing {
-  margin-bottom: var(--a-spacing-4);
-}
+  .aksel-label--small {
+    font-size: var(--ax-font-size-medium);
+    letter-spacing: .002em;
+    line-height: var(--ax-font-line-height-medium);
+  }
 
-.navds-body-short--small {
-  font-size: var(--a-font-size-medium);
-  letter-spacing: 0.002em;
-  line-height: var(--a-font-line-height-medium);
-}
+  .aksel-label--small.aksel-typo--spacing {
+    margin-bottom: var(--ax-space-8);
+  }
 
-.navds-body-short--small.navds-typo--spacing {
-  margin-bottom: var(--a-spacing-2);
-}
+  .aksel-detail {
+    font-size: var(--ax-font-size-small);
+    letter-spacing: .004em;
+    line-height: var(--ax-font-line-height-medium);
+    margin: 0;
+  }
 
-/* Label */
+  .aksel-detail.aksel-typo--spacing {
+    margin-bottom: var(--ax-space-8);
+  }
 
-.navds-label {
-  font-size: var(--a-font-size-large);
-  font-weight: var(--a-font-weight-bold);
-  letter-spacing: 0;
-  line-height: var(--a-font-line-height-large);
-  margin: 0;
-}
+  .aksel-detail.aksel-typo--uppercase {
+    text-transform: uppercase;
+  }
 
-.navds-label.navds-typo--spacing {
-  margin-bottom: var(--a-spacing-3);
-}
+  .aksel-detail--small {
+    font-weight: var(--ax-font-weight-regular);
+  }
 
-.navds-label--small {
-  font-size: var(--a-font-size-medium);
-  letter-spacing: 0.002em;
-  line-height: var(--a-font-line-height-medium);
-}
+  .aksel-detail--small.aksel-typo--spacing {
+    margin-bottom: var(--ax-space-8);
+  }
 
-.navds-label--small.navds-typo--spacing {
-  margin-bottom: var(--a-spacing-2);
-}
+  .aksel-error-message {
+    color: var(--ax-text-danger-subtle);
+  }
 
-/* Small text */
+  .aksel-error-message.aksel-error-message--show-icon {
+    gap: var(--ax-space-4);
+    display: flex;
+  }
 
-.navds-detail {
-  font-size: var(--a-font-size-small);
-  letter-spacing: 0.004em;
-  line-height: var(--a-font-line-height-medium);
-  margin: 0;
-}
+  .aksel-error-message.aksel-error-message--show-icon svg {
+    flex: none;
+    width: 1em;
+    height: 1em;
+    margin-top: .15em;
+  }
 
-.navds-detail.navds-typo--spacing {
-  margin-bottom: var(--a-spacing-2);
-}
+  .aksel-typo--truncate {
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
+  }
 
-.navds-detail.navds-typo--uppercase {
-  text-transform: uppercase;
-}
+  .aksel-typo--semibold {
+    font-weight: var(--ax-font-weight-bold);
+  }
 
-.navds-detail--small {
-  font-weight: var(--a-font-weight-regular);
-}
+  .aksel-typo--align-start {
+    text-align: start;
+  }
 
-.navds-detail--small.navds-typo--spacing {
-  margin-bottom: var(--a-spacing-2);
-}
+  .aksel-typo--align-center {
+    text-align: center;
+  }
 
-.navds-error-message {
-  color: var(--ac-typo-error-text, var(--__ac-typo-error-text, var(--a-text-danger)));
-}
+  .aksel-typo--align-end {
+    text-align: end;
+  }
 
-.navds-error-message.navds-error-message--show-icon {
-  display: flex;
-  gap: var(--a-spacing-1);
-}
+  .aksel-typo--visually-hidden {
+    clip: rect(0, 0, 0, 0) !important;
+    clip-path: inset(50%) !important;
+    white-space: nowrap !important;
+    border: 0 !important;
+    width: 1px !important;
+    height: 1px !important;
+    margin: -1px !important;
+    padding: 0 !important;
+    position: absolute !important;
+    overflow: hidden !important;
+  }
 
-.navds-error-message.navds-error-message--show-icon svg {
-  margin-top: 0.15em;
-  flex: 0 0 auto;
-  width: 1em;
-  height: 1em;
-}
+  [data-color]:where(.aksel-heading, .aksel-ingress, .aksel-body-long, .aksel-body-short, .aksel-label, .aksel-detail) {
+    color: var(--ax-text-default);
+  }
 
-.navds-typo--truncate {
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
+  .aksel-typo--color-default {
+    color: var(--ax-text-neutral);
+  }
 
-.navds-typo--semibold {
-  font-weight: var(--a-font-weight-bold);
-}
+  .aksel-typo--color-default[data-color] {
+    color: var(--ax-text-default);
+  }
 
-.navds-typo--align-start {
-  text-align: start;
-}
+  .aksel-typo--color-subtle {
+    color: var(--ax-text-neutral-subtle);
+  }
 
-.navds-typo--align-center {
-  text-align: center;
-}
+  .aksel-typo--color-subtle[data-color] {
+    color: var(--ax-text-subtle);
+  }
 
-.navds-typo--align-end {
-  text-align: end;
-}
+  .aksel-typo--color-contrast {
+    color: var(--ax-text-neutral-contrast);
+  }
 
-.navds-typo--visually-hidden {
-  border: 0 !important;
-  clip: rect(0, 0, 0, 0) !important;
-  height: 1px !important;
-  margin: -1px !important;
-  overflow: hidden !important;
-  padding: 0 !important;
-  top: 0 !important;
-  position: absolute !important;
-  white-space: nowrap !important;
-  width: 1px !important;
+  .aksel-typo--color-contrast[data-color] {
+    color: var(--ax-text-contrast);
+  }
 }
 
-.navds-typo--color-subtle {
-  color: var(--__ac-typo-text-subtle, var(--a-text-subtle));
-}
+@layer aksel.components.core.loader, aksel.components.core.button, aksel.components.form, aksel.components.modules, aksel.layout;

package/dist/component/typography.min.css

@@ -1 +1 @@
-[data-theme=dark]{--__ac-typo-error-text:var(--a-red-300);--__ac-typo-text-subtle:var(--a-gray-300)}[data-theme=light]{--__ac-typo-error-text:initial;--__ac-typo-text-subtle:initial}.navds-heading{font-weight:var(--a-font-weight-bold);margin:0}.navds-heading--xlarge{font-size:var(--a-font-size-heading-2xlarge);letter-spacing:-.01em;line-height:var(--a-font-line-height-heading-2xlarge)}.navds-heading--xlarge.navds-typo--spacing{margin-bottom:var(--a-spacing-5)}.navds-heading--large{font-size:var(--a-font-size-heading-xlarge);letter-spacing:-.008em;line-height:var(--a-font-line-height-heading-xlarge)}.navds-heading--large.navds-typo--spacing{margin-bottom:var(--a-spacing-4)}@media (max-width:480px){.navds-heading--xlarge{font-size:var(--a-font-size-heading-xlarge);letter-spacing:-.008em;line-height:var(--a-font-line-height-heading-xlarge)}.navds-heading--xlarge.navds-typo--spacing{margin-bottom:var(--a-spacing-4)}.navds-heading--large{font-size:var(--a-font-size-heading-large);letter-spacing:-.004em;line-height:var(--a-font-line-height-heading-large)}.navds-heading--large.navds-typo--spacing{margin-bottom:var(--a-spacing-3)}}.navds-heading--medium{font-size:var(--a-font-size-heading-medium);letter-spacing:-.002em;line-height:var(--a-font-line-height-heading-medium)}.navds-heading--medium.navds-typo--spacing{margin-bottom:var(--a-spacing-3)}.navds-heading--small{font-size:var(--a-font-size-heading-small);letter-spacing:-.001em;line-height:var(--a-font-line-height-heading-small)}.navds-heading--small.navds-typo--spacing{margin-bottom:var(--a-spacing-3)}.navds-heading--xsmall{font-size:var(--a-font-size-heading-xsmall);letter-spacing:-.001em;line-height:var(--a-font-line-height-heading-xsmall)}.navds-heading--xsmall.navds-typo--spacing{margin-bottom:var(--a-spacing-3)}.navds-ingress{font-size:var(--a-font-size-xlarge);font-weight:var(--a-font-weight-regular);letter-spacing:-.001em;line-height:var(--a-font-line-height-xlarge);margin:0}.navds-ingress.navds-typo--spacing{margin-bottom:var(--a-spacing-10)}.navds-body-long{font-size:var(--a-font-size-large);font-weight:var(--a-font-weight-regular);letter-spacing:0;line-height:var(--a-font-line-height-xlarge);margin:0}.navds-body-long.navds-typo--spacing{margin-bottom:var(--a-spacing-7)}.navds-body-long--large{font-size:var(--a-font-size-xlarge);letter-spacing:-.0013em;line-height:var(--a-font-line-height-xlarge)}.navds-body-long--large.navds-typo--spacing{margin-bottom:var(--a-spacing-10)}.navds-body-long--small{font-size:var(--a-font-size-medium);letter-spacing:.002em;line-height:var(--a-font-line-height-large)}.navds-body-long--small.navds-typo--spacing{margin-bottom:var(--a-spacing-6)}.navds-body-short{font-size:var(--a-font-size-large);font-weight:var(--a-font-weight-regular);letter-spacing:0;line-height:var(--a-font-line-height-large);margin:0}.navds-body-short.navds-typo--spacing{margin-bottom:var(--a-spacing-3)}.navds-body-short--large{font-size:var(--a-font-size-xlarge);letter-spacing:-.0013em;line-height:var(--a-font-line-height-xlarge)}.navds-body-short--large.navds-typo--spacing{margin-bottom:var(--a-spacing-4)}.navds-body-short--small{font-size:var(--a-font-size-medium);letter-spacing:.002em;line-height:var(--a-font-line-height-medium)}.navds-body-short--small.navds-typo--spacing{margin-bottom:var(--a-spacing-2)}.navds-label{font-size:var(--a-font-size-large);font-weight:var(--a-font-weight-bold);letter-spacing:0;line-height:var(--a-font-line-height-large);margin:0}.navds-label.navds-typo--spacing{margin-bottom:var(--a-spacing-3)}.navds-label--small{font-size:var(--a-font-size-medium);letter-spacing:.002em;line-height:var(--a-font-line-height-medium)}.navds-label--small.navds-typo--spacing{margin-bottom:var(--a-spacing-2)}.navds-detail{font-size:var(--a-font-size-small);letter-spacing:.004em;line-height:var(--a-font-line-height-medium);margin:0}.navds-detail.navds-typo--spacing{margin-bottom:var(--a-spacing-2)}.navds-detail.navds-typo--uppercase{text-transform:uppercase}.navds-detail--small{font-weight:var(--a-font-weight-regular)}.navds-detail--small.navds-typo--spacing{margin-bottom:var(--a-spacing-2)}.navds-error-message{color:var(--ac-typo-error-text,var(--__ac-typo-error-text,var(--a-text-danger)))}.navds-error-message.navds-error-message--show-icon{display:flex;gap:var(--a-spacing-1)}.navds-error-message.navds-error-message--show-icon svg{flex:0 0 auto;height:1em;margin-top:.15em;width:1em}.navds-typo--truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navds-typo--semibold{font-weight:var(--a-font-weight-bold)}.navds-typo--align-start{text-align:start}.navds-typo--align-center{text-align:center}.navds-typo--align-end{text-align:end}.navds-typo--visually-hidden{border:0!important;clip:rect(0,0,0,0)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;top:0!important;white-space:nowrap!important;width:1px!important}.navds-typo--color-subtle{color:var(--__ac-typo-text-subtle,var(--a-text-subtle))}
+@layer aksel.reset,aksel.theming,aksel.baseline,aksel.print,aksel.typography;@layer aksel.components.core{.aksel-heading{font-weight:var(--ax-font-weight-bold);margin:0}.aksel-heading--xlarge{font-size:var(--ax-font-size-heading-2xlarge);letter-spacing:-.01em;line-height:var(--ax-font-line-height-heading-2xlarge);font-weight:650}.aksel-heading--xlarge.aksel-typo--spacing{margin-bottom:var(--ax-space-20)}.aksel-heading--large{font-size:var(--ax-font-size-heading-xlarge);letter-spacing:-.008em;line-height:var(--ax-font-line-height-heading-xlarge);font-weight:650}.aksel-heading--large.aksel-typo--spacing{margin-bottom:var(--ax-space-16)}@media(max-width:480px){.aksel-heading--xlarge{font-size:var(--ax-font-size-heading-xlarge);letter-spacing:-.008em;line-height:var(--ax-font-line-height-heading-xlarge)}.aksel-heading--xlarge.aksel-typo--spacing{margin-bottom:var(--ax-space-16)}.aksel-heading--large{font-size:var(--ax-font-size-heading-large);letter-spacing:-.004em;line-height:var(--ax-font-line-height-heading-large)}.aksel-heading--large.aksel-typo--spacing{margin-bottom:var(--ax-space-12)}}.aksel-heading--medium{font-size:var(--ax-font-size-heading-medium);letter-spacing:-.002em;line-height:var(--ax-font-line-height-heading-medium);font-weight:650}.aksel-heading--medium.aksel-typo--spacing{margin-bottom:var(--ax-space-12)}.aksel-heading--small{font-size:var(--ax-font-size-heading-small);letter-spacing:-.001em;line-height:var(--ax-font-line-height-heading-small)}.aksel-heading--small.aksel-typo--spacing{margin-bottom:var(--ax-space-12)}.aksel-heading--xsmall{font-size:var(--ax-font-size-heading-xsmall);letter-spacing:-.001em;line-height:var(--ax-font-line-height-heading-xsmall)}.aksel-heading--xsmall.aksel-typo--spacing{margin-bottom:var(--ax-space-12)}.aksel-ingress{font-size:var(--ax-font-size-xlarge);font-weight:var(--ax-font-weight-regular);letter-spacing:-.001em;line-height:var(--ax-font-line-height-xlarge);margin:0}.aksel-ingress.aksel-typo--spacing{margin-bottom:var(--ax-space-40)}.aksel-body-long{font-size:var(--ax-font-size-large);font-weight:var(--ax-font-weight-regular);letter-spacing:0;line-height:var(--ax-font-line-height-xlarge);margin:0}.aksel-body-long.aksel-typo--spacing{margin-bottom:var(--ax-space-28)}.aksel-body-long--large{font-size:var(--ax-font-size-xlarge);letter-spacing:-.0013em;line-height:var(--ax-font-line-height-xlarge)}.aksel-body-long--large.aksel-typo--spacing{margin-bottom:var(--ax-space-40)}.aksel-body-long--small{font-size:var(--ax-font-size-medium);letter-spacing:.002em;line-height:var(--ax-font-line-height-large)}.aksel-body-long--small.aksel-typo--spacing{margin-bottom:var(--ax-space-24)}.aksel-body-short{font-size:var(--ax-font-size-large);font-weight:var(--ax-font-weight-regular);letter-spacing:0;line-height:var(--ax-font-line-height-large);margin:0}.aksel-body-short.aksel-typo--spacing{margin-bottom:var(--ax-space-12)}.aksel-body-short--large{font-size:var(--ax-font-size-xlarge);letter-spacing:-.0013em;line-height:var(--ax-font-line-height-xlarge)}.aksel-body-short--large.aksel-typo--spacing{margin-bottom:var(--ax-space-16)}.aksel-body-short--small{font-size:var(--ax-font-size-medium);letter-spacing:.002em;line-height:var(--ax-font-line-height-medium)}.aksel-body-short--small.aksel-typo--spacing{margin-bottom:var(--ax-space-8)}.aksel-label{font-size:var(--ax-font-size-large);font-weight:var(--ax-font-weight-bold);letter-spacing:0;line-height:var(--ax-font-line-height-large);margin:0}.aksel-label.aksel-typo--spacing{margin-bottom:var(--ax-space-12)}.aksel-label--small{font-size:var(--ax-font-size-medium);letter-spacing:.002em;line-height:var(--ax-font-line-height-medium)}.aksel-label--small.aksel-typo--spacing{margin-bottom:var(--ax-space-8)}.aksel-detail{font-size:var(--ax-font-size-small);letter-spacing:.004em;line-height:var(--ax-font-line-height-medium);margin:0}.aksel-detail.aksel-typo--spacing{margin-bottom:var(--ax-space-8)}.aksel-detail.aksel-typo--uppercase{text-transform:uppercase}.aksel-detail--small{font-weight:var(--ax-font-weight-regular)}.aksel-detail--small.aksel-typo--spacing{margin-bottom:var(--ax-space-8)}.aksel-error-message{color:var(--ax-text-danger-subtle)}.aksel-error-message.aksel-error-message--show-icon{gap:var(--ax-space-4);display:flex}.aksel-error-message.aksel-error-message--show-icon svg{flex:none;width:1em;height:1em;margin-top:.15em}.aksel-typo--truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.aksel-typo--semibold{font-weight:var(--ax-font-weight-bold)}.aksel-typo--align-start{text-align:start}.aksel-typo--align-center{text-align:center}.aksel-typo--align-end{text-align:end}.aksel-typo--visually-hidden{clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}[data-color]:where(.aksel-heading,.aksel-ingress,.aksel-body-long,.aksel-body-short,.aksel-label,.aksel-detail){color:var(--ax-text-default)}.aksel-typo--color-default{color:var(--ax-text-neutral)}.aksel-typo--color-default[data-color]{color:var(--ax-text-default)}.aksel-typo--color-subtle{color:var(--ax-text-neutral-subtle)}.aksel-typo--color-subtle[data-color]{color:var(--ax-text-subtle)}.aksel-typo--color-contrast{color:var(--ax-text-neutral-contrast)}.aksel-typo--color-contrast[data-color]{color:var(--ax-text-contrast)}}@layer aksel.components.core.loader,aksel.components.core.button,aksel.components.form,aksel.components.modules,aksel.layout;