/* altitude — generated by styles/tokens-config.v5.mjs. Do not edit directly.
   One design system, both modes. Set data-al-mode on any element to scope a mode. */

:root, [data-al-project='altitude'] {
  --al-animation-duration-1: 0.1s;
  --al-animation-duration-2: 0.2s;
  --al-animation-duration-3: 0.3s;
  --al-animation-duration-4: 0.4s;
  --al-animation-duration-6: 0.6s;
  --al-animation-duration-8: 0.8s;
  --al-animation-duration-12: 1.2s;
  --al-animation-timing-ease: ease;
  --al-animation-timing-linear: linear;
  --al-animation-timing-cubic-bezier: cubic-bezier(0.15,0.99,0.18,0.99);
  --al-animation-timing-emphasized: cubic-bezier(0.2,0,0,1);
  --al-animation-timing-spring: cubic-bezier(0.34,1.56,0.64,1);
  --al-animation-timing-standard: cubic-bezier(0.45,0.05,0.25,0.95);
  --al-animation-timing-entrance: cubic-bezier(0,0,0.2,1);
  --al-animation-timing-exit: cubic-bezier(0.5,0,1,1);
  --al-animation-timing-gentle: cubic-bezier(0.76,0,0.24,1);
  --al-animation-distance-sm: 8px;
  --al-animation-distance-md: 24px;
  --al-animation-distance-lg: 64px;
  --al-border-width-1: 1px;
  --al-border-width-2: 2px;
  --al-border-width-4: 4px;
  --al-border-radius-0: 0px;
  --al-border-radius-2: 2px;
  --al-border-radius-4: 4px;
  --al-border-radius-6: 6px;
  --al-border-radius-8: 8px;
  --al-border-radius-12: 12px;
  --al-border-radius-16: 16px;
  --al-border-radius-24: 24px;
  --al-border-radius-round: 50%;
  --al-border-radius-pill: 999px;
  --al-color-danger-100: #fdecec;
  --al-color-danger-200: #f5d2d4;
  --al-color-danger-300: #ff8b92;
  --al-color-danger-400: #ff6d76;
  --al-color-danger-500: #d63d47;
  --al-color-danger-600: #cc2b36;
  --al-color-danger-700: #bf323c;
  --al-color-danger-800: #4d2327;
  --al-color-danger-900: #38191c;
  --al-color-info-100: #dbe5ff;
  --al-color-info-200: #b3c7ff;
  --al-color-info-300: #8fadff;
  --al-color-info-400: #6b93ff;
  --al-color-info-500: #4375ff;
  --al-color-info-600: #2f62ef;
  --al-color-info-700: #2d56ca;
  --al-color-info-800: #0c3197;
  --al-color-info-900: #000b29;
  --al-color-neutral-100: #ffffff;
  --al-color-neutral-200: #f1f0ea;
  --al-color-neutral-300: #d5d3cc;
  --al-color-neutral-400: #a5a399;
  --al-color-neutral-500: #7c7a70;
  --al-color-neutral-600: #6f6b61;
  --al-color-neutral-700: #3c3c35;
  --al-color-neutral-800: #1d1d1a;
  --al-color-neutral-850: #181816;
  --al-color-neutral-900: #131311;
  --al-color-neutral-alpha-100-10: rgba(255, 255, 255, 0.1);
  --al-color-neutral-alpha-100-30: rgba(255, 255, 255, 0.3);
  --al-color-neutral-alpha-100-60: rgba(255, 255, 255, 0.6);
  --al-color-neutral-alpha-100-80: rgba(255, 255, 255, 0.8);
  --al-color-neutral-alpha-300-10: rgba(231, 229, 222, 0.1);
  --al-color-neutral-alpha-300-30: rgba(231, 229, 222, 0.3);
  --al-color-neutral-alpha-300-60: rgba(231, 229, 222, 0.6);
  --al-color-neutral-alpha-300-80: rgba(231, 229, 222, 0.8);
  --al-color-neutral-alpha-500-10: rgba(124, 122, 112, 0.1);
  --al-color-neutral-alpha-500-30: rgba(124, 122, 112, 0.3);
  --al-color-neutral-alpha-500-60: rgba(124, 122, 112, 0.6);
  --al-color-neutral-alpha-500-80: rgba(124, 122, 112, 0.8);
  --al-color-neutral-alpha-900-10: rgba(19, 19, 17, 0.1);
  --al-color-neutral-alpha-900-30: rgba(19, 19, 17, 0.3);
  --al-color-neutral-alpha-900-60: rgba(19, 19, 17, 0.6);
  --al-color-neutral-alpha-900-80: rgba(19, 19, 17, 0.8);
  --al-color-neutral-dark-100: #d9d9d9;
  --al-color-neutral-dark-200: #b0b0b0;
  --al-color-neutral-dark-300: #8a8a8a;
  --al-color-neutral-dark-400: #616161;
  --al-color-neutral-dark-500: #3a3a3a;
  --al-color-neutral-dark-600: #2e2e2e;
  --al-color-neutral-dark-700: #181818;
  --al-color-neutral-dark-800: #101010;
  --al-color-neutral-dark-900: #000000;
  --al-color-neutral-light-100: #ffffff;
  --al-color-neutral-light-200: #f8f8f6;
  --al-color-neutral-light-300: #f4f3f1;
  --al-color-neutral-light-400: #f2f1ee;
  --al-color-neutral-light-500: #edece8;
  --al-color-neutral-light-600: #e9e7e2;
  --al-color-neutral-light-700: #e6e5e0;
  --al-color-neutral-light-800: #e2e0da;
  --al-color-neutral-light-900: #bdb39e;
  --al-color-primary-100: #e9eefc;
  --al-color-primary-200: #d4dff8;
  --al-color-primary-300: #a3b5ff;
  --al-color-primary-400: #8ea6ff;
  --al-color-primary-500: #2e5ce6;
  --al-color-primary-600: #2450cc;
  --al-color-primary-700: #303d66;
  --al-color-primary-800: #2b3a63;
  --al-color-primary-900: #0e1834;
  --al-color-primary-alpha-100-10: rgba(233, 238, 252, 0.1);
  --al-color-primary-alpha-100-30: rgba(233, 238, 252, 0.3);
  --al-color-primary-alpha-100-60: rgba(233, 238, 252, 0.6);
  --al-color-primary-alpha-100-80: rgba(233, 238, 252, 0.8);
  --al-color-primary-alpha-500-10: rgba(46, 92, 230, 0.1);
  --al-color-primary-alpha-500-30: rgba(46, 92, 230, 0.3);
  --al-color-primary-alpha-500-60: rgba(46, 92, 230, 0.6);
  --al-color-primary-alpha-500-80: rgba(46, 92, 230, 0.8);
  --al-color-primary-alpha-900-10: rgba(14, 24, 52, 0.1);
  --al-color-primary-alpha-900-30: rgba(14, 24, 52, 0.3);
  --al-color-primary-alpha-900-60: rgba(14, 24, 52, 0.6);
  --al-color-primary-alpha-900-80: rgba(14, 24, 52, 0.8);
  --al-color-secondary-100: #f5eee0;
  --al-color-secondary-200: #e6dac1;
  --al-color-secondary-300: #d5c7aa;
  --al-color-secondary-400: #c0b191;
  --al-color-secondary-500: #a49981;
  --al-color-secondary-600: #958156;
  --al-color-secondary-700: #78643b;
  --al-color-secondary-800: #534422;
  --al-color-secondary-900: #191306;
  --al-color-secondary-alpha-100-10: rgba(245, 238, 224, 0.1);
  --al-color-secondary-alpha-100-30: rgba(245, 238, 224, 0.3);
  --al-color-secondary-alpha-100-60: rgba(245, 238, 224, 0.6);
  --al-color-secondary-alpha-100-80: rgba(245, 238, 224, 0.8);
  --al-color-secondary-alpha-500-10: rgba(164, 153, 129, 0.1);
  --al-color-secondary-alpha-500-30: rgba(164, 153, 129, 0.3);
  --al-color-secondary-alpha-500-60: rgba(164, 153, 129, 0.6);
  --al-color-secondary-alpha-500-80: rgba(164, 153, 129, 0.8);
  --al-color-secondary-alpha-900-10: rgba(25, 19, 6, 0.1);
  --al-color-secondary-alpha-900-30: rgba(25, 19, 6, 0.3);
  --al-color-secondary-alpha-900-60: rgba(25, 19, 6, 0.6);
  --al-color-secondary-alpha-900-80: rgba(25, 19, 6, 0.8);
  --al-color-success-100: #e6f4ec;
  --al-color-success-200: #cbe8d6;
  --al-color-success-300: #8be1b0;
  --al-color-success-400: #4cd98a;
  --al-color-success-500: #188a4e;
  --al-color-success-600: #157b46;
  --al-color-success-700: #1a633a;
  --al-color-success-800: #1e4a2e;
  --al-color-success-900: #14301f;
  --al-color-tertiary-100: #e9f1f1;
  --al-color-tertiary-200: #d1e1e1;
  --al-color-tertiary-300: #bbd3d3;
  --al-color-tertiary-400: #a2c2c3;
  --al-color-tertiary-500: #8bb3b4;
  --al-color-tertiary-600: #649a9b;
  --al-color-tertiary-700: #4c7576;
  --al-color-tertiary-800: #324d4d;
  --al-color-tertiary-900: #0c1213;
  --al-color-tertiary-alpha-100-10: rgba(233, 241, 241, 0.1);
  --al-color-tertiary-alpha-100-30: rgba(233, 241, 241, 0.3);
  --al-color-tertiary-alpha-100-60: rgba(233, 241, 241, 0.6);
  --al-color-tertiary-alpha-100-80: rgba(233, 241, 241, 0.8);
  --al-color-tertiary-alpha-500-10: rgba(139, 179, 180, 0.1);
  --al-color-tertiary-alpha-500-30: rgba(139, 179, 180, 0.3);
  --al-color-tertiary-alpha-500-60: rgba(139, 179, 180, 0.6);
  --al-color-tertiary-alpha-500-80: rgba(139, 179, 180, 0.8);
  --al-color-tertiary-alpha-900-10: rgba(12, 18, 19, 0.1);
  --al-color-tertiary-alpha-900-30: rgba(12, 18, 19, 0.3);
  --al-color-tertiary-alpha-900-60: rgba(12, 18, 19, 0.6);
  --al-color-tertiary-alpha-900-80: rgba(12, 18, 19, 0.8);
  --al-color-transparent-0: rgba(0, 0, 0, 0);
  --al-color-warning-100: #faf1da;
  --al-color-warning-200: #eedfb4;
  --al-color-warning-300: #f1cc7b;
  --al-color-warning-400: #f5b942;
  --al-color-warning-500: #996b00;
  --al-color-warning-600: #906500;
  --al-color-warning-700: #6d510e;
  --al-color-warning-800: #4a3c1c;
  --al-color-warning-900: #2f2610;
  --al-opacity-0: 0;
  --al-opacity-24: 0.24;
  --al-opacity-40: 0.4;
  --al-opacity-80: 0.8;
  --al-opacity-100: 1;
  --al-box-shadow-2: 0px 2px 2px 0px rgba(19, 19, 17, 0.6);
  --al-box-shadow-4: 0px 4px 4px 0px rgba(19, 19, 17, 0.6), 0px 2px 2px 0px rgba(19, 19, 17, 0.6);
  --al-box-shadow-8: 0px 8px 8px 0px rgba(19, 19, 17, 0.6), 0px 4px 4px 0px rgba(19, 19, 17, 0.6), 0px 2px 2px 0px rgba(19, 19, 17, 0.6);
  --al-box-shadow-16: 0px 16px 16px 0px rgba(19, 19, 17, 0.6), 0px 8px 8px 0px rgba(19, 19, 17, 0.6), 0px 4px 4px 0px rgba(19, 19, 17, 0.6), 0px 2px 2px 0px rgba(19, 19, 17, 0.6);
  --al-box-shadow-32: 0px 32px 32px 0px rgba(19, 19, 17, 0.6), 0px 16px 16px 0px rgba(19, 19, 17, 0.6), 0px 8px 8px 0px rgba(19, 19, 17, 0.6), 0px 4px 4px 0px rgba(19, 19, 17, 0.6), 0px 2px 2px 0px rgba(19, 19, 17, 0.6);
  --al-box-shadow-48: 0px 48px 48px 0px rgba(19, 19, 17, 0.6), 0px 32px 32px 0px rgba(19, 19, 17, 0.6), 0px 16px 16px 0px rgba(19, 19, 17, 0.6), 0px 8px 8px 0px rgba(19, 19, 17, 0.6), 0px 4px 4px 0px rgba(19, 19, 17, 0.6), 0px 2px 2px 0px rgba(19, 19, 17, 0.6);
  --al-box-shadow-hard-2: 2px 2px 0px 0px #8ea6ff;
  --al-box-shadow-hard-4: 4px 4px 0px 0px #8ea6ff;
  --al-box-shadow-none: 0px 0px 0px 0px rgba(0, 0, 0, 0);
  --al-box-shadow-raised: 0px 1px 2px 0px rgba(19, 19, 17, 0.6);
  --al-box-shadow-overlay: 0px 8px 24px 0px rgba(19, 19, 17, 0.6);
  --al-box-shadow-overlay-lg: 0px 12px 32px -8px rgba(19, 19, 17, 0.6);
  --al-box-shadow-overlay-xl: 0px 24px 48px -12px rgba(19, 19, 17, 0.6);
  --al-font-family-primary: Public Sans;
  --al-font-family-plex: IBM Plex Sans;
  --al-font-family-secondary: Agrandir;
  --al-font-family-editorial: Georgia, Cambria, serif;
  --al-font-family-mono: IBM Plex Mono, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --al-font-family-grotesk: Archivo, Arial, sans-serif;
  --al-font-family-tech: Space Grotesk, Arial, sans-serif;
  --al-font-family-soft: DM Sans, Verdana, sans-serif;
  --al-font-family-modern: Sora, Verdana, sans-serif;
  --al-line-height-14: 14px;
  --al-line-height-16: 16px;
  --al-line-height-20: 20px;
  --al-line-height-24: 24px;
  --al-line-height-28: 28px;
  --al-line-height-32: 32px;
  --al-line-height-36: 36px;
  --al-line-height-40: 40px;
  --al-line-height-44: 44px;
  --al-line-height-48: 48px;
  --al-line-height-52: 52px;
  --al-line-height-60: 60px;
  --al-line-height-72: 72px;
  --al-line-height-110: 110px;
  --al-font-weight-regular: 400;
  --al-font-weight-medium: 500;
  --al-font-weight-semibold: 600;
  --al-font-weight-bold: 700;
  --al-font-size-10: 10px;
  --al-font-size-12: 12px;
  --al-font-size-14: 14px;
  --al-font-size-16: 16px;
  --al-font-size-20: 20px;
  --al-font-size-24: 24px;
  --al-font-size-28: 28px;
  --al-font-size-32: 32px;
  --al-font-size-36: 36px;
  --al-font-size-48: 48px;
  --al-font-size-56: 56px;
  --al-font-size-64: 64px;
  --al-font-size-72: 72px;
  --al-font-size-112: 112px;
  --al-letter-spacing-0: 0%;
  --al-letter-spacing-1: 1%;
  --al-text-decoration-none: none;
  --al-typography-preset-body-xs: 400 0.75rem/1.25rem Public Sans, sans-serif;
  --al-typography-preset-body-xs-letter-spacing: normal;
  --al-typography-preset-body-xs-medium: 500 0.75rem/1.25rem Public Sans, sans-serif;
  --al-typography-preset-body-xs-medium-letter-spacing: normal;
  --al-typography-preset-body-xs-semibold: 600 0.75rem/1.25rem Public Sans, sans-serif;
  --al-typography-preset-body-xs-semibold-letter-spacing: 0.01em;
  --al-typography-preset-body-xs-bold: 700 0.75rem/1.25rem Public Sans, sans-serif;
  --al-typography-preset-body-xs-bold-letter-spacing: 0.01em;
  --al-typography-preset-body-sm: 400 0.875rem/1.25rem Public Sans, sans-serif;
  --al-typography-preset-body-sm-letter-spacing: normal;
  --al-typography-preset-body-sm-medium: 500 0.875rem/1.25rem Public Sans, sans-serif;
  --al-typography-preset-body-sm-medium-letter-spacing: normal;
  --al-typography-preset-body-sm-semibold: 600 0.875rem/1.25rem Public Sans, sans-serif;
  --al-typography-preset-body-sm-semibold-letter-spacing: 0.01em;
  --al-typography-preset-body-sm-bold: 700 0.875rem/1.25rem Public Sans, sans-serif;
  --al-typography-preset-body-sm-bold-letter-spacing: 0.01em;
  --al-typography-preset-body-md: 400 1rem/1.5rem Public Sans, sans-serif;
  --al-typography-preset-body-md-letter-spacing: normal;
  --al-typography-preset-body-md-medium: 500 1rem/1.5rem Public Sans, sans-serif;
  --al-typography-preset-body-md-medium-letter-spacing: normal;
  --al-typography-preset-body-md-semibold: 600 1rem/1.5rem Public Sans, sans-serif;
  --al-typography-preset-body-md-semibold-letter-spacing: 0.01em;
  --al-typography-preset-body-md-bold: 700 1rem/1.5rem Public Sans, sans-serif;
  --al-typography-preset-body-md-bold-letter-spacing: 0.01em;
  --al-typography-preset-body-lg: 400 1.25rem/1.75rem Public Sans, sans-serif;
  --al-typography-preset-body-lg-letter-spacing: normal;
  --al-typography-preset-body-lg-medium: 500 1.25rem/1.75rem Public Sans, sans-serif;
  --al-typography-preset-body-lg-medium-letter-spacing: normal;
  --al-typography-preset-body-lg-semibold: 600 1.25rem/1.75rem Public Sans, sans-serif;
  --al-typography-preset-body-lg-semibold-letter-spacing: 0.01em;
  --al-typography-preset-body-lg-bold: 700 1.25rem/1.75rem Public Sans, sans-serif;
  --al-typography-preset-body-lg-bold-letter-spacing: 0.01em;
  --al-typography-preset-heading-sm: 400 1.25rem/1.75rem Public Sans, sans-serif;
  --al-typography-preset-heading-sm-letter-spacing: normal;
  --al-typography-preset-heading-sm-medium: 500 1.25rem/1.75rem Public Sans, sans-serif;
  --al-typography-preset-heading-sm-medium-letter-spacing: normal;
  --al-typography-preset-heading-sm-semibold: 600 1.25rem/1.75rem Public Sans, sans-serif;
  --al-typography-preset-heading-sm-semibold-letter-spacing: 0.01em;
  --al-typography-preset-heading-sm-bold: 700 1.25rem/1.75rem Public Sans, sans-serif;
  --al-typography-preset-heading-sm-bold-letter-spacing: 0.01em;
  --al-typography-preset-heading-md: 400 1.5rem/2rem Public Sans, sans-serif;
  --al-typography-preset-heading-md-letter-spacing: normal;
  --al-typography-preset-heading-md-medium: 500 1.5rem/2rem Public Sans, sans-serif;
  --al-typography-preset-heading-md-medium-letter-spacing: normal;
  --al-typography-preset-heading-md-semibold: 600 1.5rem/2rem Public Sans, sans-serif;
  --al-typography-preset-heading-md-semibold-letter-spacing: 0.01em;
  --al-typography-preset-heading-md-bold: 700 1.5rem/2rem Public Sans, sans-serif;
  --al-typography-preset-heading-md-bold-letter-spacing: 0.01em;
  --al-typography-preset-heading-lg: 400 1.75rem/2.25rem Public Sans, sans-serif;
  --al-typography-preset-heading-lg-letter-spacing: normal;
  --al-typography-preset-heading-lg-medium: 500 1.75rem/2.25rem Public Sans, sans-serif;
  --al-typography-preset-heading-lg-medium-letter-spacing: normal;
  --al-typography-preset-heading-lg-semibold: 600 1.75rem/2.25rem Public Sans, sans-serif;
  --al-typography-preset-heading-lg-semibold-letter-spacing: 0.01em;
  --al-typography-preset-heading-lg-bold: 700 1.75rem/2.25rem Public Sans, sans-serif;
  --al-typography-preset-heading-lg-bold-letter-spacing: 0.01em;
  --al-typography-preset-display-sm: 400 2rem/2.5rem Public Sans, sans-serif;
  --al-typography-preset-display-sm-letter-spacing: normal;
  --al-typography-preset-display-sm-medium: 500 2rem/2.5rem Public Sans, sans-serif;
  --al-typography-preset-display-sm-medium-letter-spacing: normal;
  --al-typography-preset-display-sm-semibold: 600 2rem/2.5rem Public Sans, sans-serif;
  --al-typography-preset-display-sm-semibold-letter-spacing: 0.01em;
  --al-typography-preset-display-sm-bold: 700 2rem/2.5rem Public Sans, sans-serif;
  --al-typography-preset-display-sm-bold-letter-spacing: 0.01em;
  --al-typography-preset-display-md: 400 2.25rem/2.75rem Public Sans, sans-serif;
  --al-typography-preset-display-md-letter-spacing: normal;
  --al-typography-preset-display-md-medium: 500 2.25rem/2.75rem Public Sans, sans-serif;
  --al-typography-preset-display-md-medium-letter-spacing: normal;
  --al-typography-preset-display-md-semibold: 600 2.25rem/2.75rem Public Sans, sans-serif;
  --al-typography-preset-display-md-semibold-letter-spacing: 0.01em;
  --al-typography-preset-display-md-bold: 700 2.25rem/2.75rem Public Sans, sans-serif;
  --al-typography-preset-display-md-bold-letter-spacing: 0.01em;
  --al-typography-preset-display-lg: 400 3rem/3.25rem Public Sans, sans-serif;
  --al-typography-preset-display-lg-letter-spacing: normal;
  --al-typography-preset-display-lg-medium: 500 3rem/3.25rem Public Sans, sans-serif;
  --al-typography-preset-display-lg-medium-letter-spacing: normal;
  --al-typography-preset-display-lg-semibold: 600 3rem/3.25rem Public Sans, sans-serif;
  --al-typography-preset-display-lg-semibold-letter-spacing: 0.01em;
  --al-typography-preset-display-lg-bold: 700 3rem/3.25rem Public Sans, sans-serif;
  --al-typography-preset-display-lg-bold-letter-spacing: 0.01em;
  --al-z-index-0: 0;
  --al-z-index-100: 100;
  --al-z-index-200: 200;
  --al-z-index-300: 300;
  --al-z-index-400: 400;
  --al-z-index-500: 500;
  --al-z-index-top: 99999;
  --al-z-index-bottom: -100;
  --al-theme-animation-duration: var(--al-animation-duration-2);
  --al-theme-animation-duration-long: var(--al-animation-duration-4);
  --al-theme-animation-timing: var(--al-animation-timing-cubic-bezier);
  --al-theme-border-width: var(--al-border-width-1);
  --al-theme-border-width-md: var(--al-border-width-2);
  --al-theme-border-width-lg: var(--al-border-width-4);
  --al-theme-border-radius-xs: var(--al-border-radius-4);
  --al-theme-border-radius-sm: var(--al-border-radius-4);
  --al-theme-border-radius: var(--al-border-radius-6);
  --al-theme-border-radius-md: var(--al-border-radius-8);
  --al-theme-border-radius-lg: var(--al-border-radius-12);
  --al-theme-border-radius-round: var(--al-border-radius-round);
  --al-theme-border-radius-pill: var(--al-border-radius-pill);
  --al-theme-icon-xs: 8px;
  --al-theme-icon-sm: 12px;
  --al-theme-icon: 16px;
  --al-theme-icon-md: 20px;
  --al-theme-icon-lg: 24px;
  --al-theme-icon-xl: 32px;
  --al-theme-icon-xxl: 36px;
  --al-theme-icon-xxxl: 40px;
  --al-theme-layout-max-width-xs: 320px;
  --al-theme-layout-max-width-sm: 600px;
  --al-theme-layout-max-width-prose: 720px;
  --al-theme-layout-max-width-md: 800px;
  --al-theme-layout-max-width-lg: 1000px;
  --al-theme-layout-max-width: 1260px;
  --al-theme-layout-max-width-xl: 1360px;
  --al-theme-layout-max-width-xxl: 1440px;
  --al-theme-layout-height-header: 80px;
  --al-theme-opacity-disabled: var(--al-opacity-40);
  --al-theme-box-shadow-xs: var(--al-box-shadow-raised);
  --al-theme-box-shadow-sm: var(--al-box-shadow-raised);
  --al-theme-box-shadow: var(--al-box-shadow-raised);
  --al-theme-box-shadow-md: var(--al-box-shadow-overlay);
  --al-theme-box-shadow-lg: var(--al-box-shadow-overlay-lg);
  --al-theme-box-shadow-xl: var(--al-box-shadow-overlay-xl);
  --al-theme-space-xxxs: 0.125rem;
  --al-theme-space-xxs: 0.25rem;
  --al-theme-space-xs: 0.5rem;
  --al-theme-space-sm: 0.75rem;
  --al-theme-space: 1rem;
  --al-theme-space-md: 1.25rem;
  --al-theme-space-lg: 1.5rem;
  --al-theme-space-xl: 1.75rem;
  --al-theme-space-xxl: 2rem;
  --al-theme-space-xxxl: 2.25rem;
  --al-theme-space-super: 4rem;
  --al-theme-size-control-sm: 32px;
  --al-theme-size-control: 40px;
  --al-theme-size-control-lg: 48px;
  --al-theme-typography-body-xs: var(--al-typography-preset-body-xs);
  --al-theme-typography-body-xs-letter-spacing: var(--al-typography-preset-body-xs-letter-spacing);
  --al-theme-typography-body-xs-medium: var(--al-typography-preset-body-xs-medium);
  --al-theme-typography-body-xs-medium-letter-spacing: var(--al-typography-preset-body-xs-medium-letter-spacing);
  --al-theme-typography-body-xs-semibold: var(--al-typography-preset-body-xs-semibold);
  --al-theme-typography-body-xs-semibold-letter-spacing: var(--al-typography-preset-body-xs-semibold-letter-spacing);
  --al-theme-typography-body-xs-bold: var(--al-typography-preset-body-xs-bold);
  --al-theme-typography-body-xs-bold-letter-spacing: var(--al-typography-preset-body-xs-bold-letter-spacing);
  --al-theme-typography-body-sm: var(--al-typography-preset-body-sm);
  --al-theme-typography-body-sm-letter-spacing: var(--al-typography-preset-body-sm-letter-spacing);
  --al-theme-typography-body-sm-medium: var(--al-typography-preset-body-sm-medium);
  --al-theme-typography-body-sm-medium-letter-spacing: var(--al-typography-preset-body-sm-medium-letter-spacing);
  --al-theme-typography-body-sm-semibold: var(--al-typography-preset-body-sm-semibold);
  --al-theme-typography-body-sm-semibold-letter-spacing: var(--al-typography-preset-body-sm-semibold-letter-spacing);
  --al-theme-typography-body-sm-bold: var(--al-typography-preset-body-sm-bold);
  --al-theme-typography-body-sm-bold-letter-spacing: var(--al-typography-preset-body-sm-bold-letter-spacing);
  --al-theme-typography-body-md: var(--al-typography-preset-body-md);
  --al-theme-typography-body-md-letter-spacing: var(--al-typography-preset-body-md-letter-spacing);
  --al-theme-typography-body-md-medium: var(--al-typography-preset-body-md-medium);
  --al-theme-typography-body-md-medium-letter-spacing: var(--al-typography-preset-body-md-medium-letter-spacing);
  --al-theme-typography-body-md-semibold: var(--al-typography-preset-body-md-semibold);
  --al-theme-typography-body-md-semibold-letter-spacing: var(--al-typography-preset-body-md-semibold-letter-spacing);
  --al-theme-typography-body-md-bold: var(--al-typography-preset-body-md-bold);
  --al-theme-typography-body-md-bold-letter-spacing: var(--al-typography-preset-body-md-bold-letter-spacing);
  --al-theme-typography-body-lg: var(--al-typography-preset-body-lg);
  --al-theme-typography-body-lg-letter-spacing: var(--al-typography-preset-body-lg-letter-spacing);
  --al-theme-typography-body-lg-medium: var(--al-typography-preset-body-lg-medium);
  --al-theme-typography-body-lg-medium-letter-spacing: var(--al-typography-preset-body-lg-medium-letter-spacing);
  --al-theme-typography-body-lg-semibold: var(--al-typography-preset-body-lg-semibold);
  --al-theme-typography-body-lg-semibold-letter-spacing: var(--al-typography-preset-body-lg-semibold-letter-spacing);
  --al-theme-typography-body-lg-bold: var(--al-typography-preset-body-lg-bold);
  --al-theme-typography-body-lg-bold-letter-spacing: var(--al-typography-preset-body-lg-bold-letter-spacing);
  --al-theme-typography-heading-sm: var(--al-typography-preset-heading-sm);
  --al-theme-typography-heading-sm-letter-spacing: var(--al-typography-preset-heading-sm-letter-spacing);
  --al-theme-typography-heading-sm-medium: var(--al-typography-preset-heading-sm-medium);
  --al-theme-typography-heading-sm-medium-letter-spacing: var(--al-typography-preset-heading-sm-medium-letter-spacing);
  --al-theme-typography-heading-sm-semibold: var(--al-typography-preset-heading-sm-semibold);
  --al-theme-typography-heading-sm-semibold-letter-spacing: var(--al-typography-preset-heading-sm-semibold-letter-spacing);
  --al-theme-typography-heading-sm-bold: var(--al-typography-preset-heading-sm-bold);
  --al-theme-typography-heading-sm-bold-letter-spacing: var(--al-typography-preset-heading-sm-bold-letter-spacing);
  --al-theme-typography-heading-md: var(--al-typography-preset-heading-md);
  --al-theme-typography-heading-md-letter-spacing: var(--al-typography-preset-heading-md-letter-spacing);
  --al-theme-typography-heading-md-medium: var(--al-typography-preset-heading-md-medium);
  --al-theme-typography-heading-md-medium-letter-spacing: var(--al-typography-preset-heading-md-medium-letter-spacing);
  --al-theme-typography-heading-md-semibold: var(--al-typography-preset-heading-md-semibold);
  --al-theme-typography-heading-md-semibold-letter-spacing: var(--al-typography-preset-heading-md-semibold-letter-spacing);
  --al-theme-typography-heading-md-bold: var(--al-typography-preset-heading-md-bold);
  --al-theme-typography-heading-md-bold-letter-spacing: var(--al-typography-preset-heading-md-bold-letter-spacing);
  --al-theme-typography-heading-lg: var(--al-typography-preset-heading-lg);
  --al-theme-typography-heading-lg-letter-spacing: var(--al-typography-preset-heading-lg-letter-spacing);
  --al-theme-typography-heading-lg-medium: var(--al-typography-preset-heading-lg-medium);
  --al-theme-typography-heading-lg-medium-letter-spacing: var(--al-typography-preset-heading-lg-medium-letter-spacing);
  --al-theme-typography-heading-lg-semibold: var(--al-typography-preset-heading-lg-semibold);
  --al-theme-typography-heading-lg-semibold-letter-spacing: var(--al-typography-preset-heading-lg-semibold-letter-spacing);
  --al-theme-typography-heading-lg-bold: var(--al-typography-preset-heading-lg-bold);
  --al-theme-typography-heading-lg-bold-letter-spacing: var(--al-typography-preset-heading-lg-bold-letter-spacing);
  --al-theme-typography-display-sm: var(--al-typography-preset-display-sm);
  --al-theme-typography-display-sm-letter-spacing: var(--al-typography-preset-display-sm-letter-spacing);
  --al-theme-typography-display-sm-medium: var(--al-typography-preset-display-sm-medium);
  --al-theme-typography-display-sm-medium-letter-spacing: var(--al-typography-preset-display-sm-medium-letter-spacing);
  --al-theme-typography-display-sm-semibold: var(--al-typography-preset-display-sm-semibold);
  --al-theme-typography-display-sm-semibold-letter-spacing: var(--al-typography-preset-display-sm-semibold-letter-spacing);
  --al-theme-typography-display-sm-bold: var(--al-typography-preset-display-sm-bold);
  --al-theme-typography-display-sm-bold-letter-spacing: var(--al-typography-preset-display-sm-bold-letter-spacing);
  --al-theme-typography-display-md: var(--al-typography-preset-display-md);
  --al-theme-typography-display-md-letter-spacing: var(--al-typography-preset-display-md-letter-spacing);
  --al-theme-typography-display-md-medium: var(--al-typography-preset-display-md-medium);
  --al-theme-typography-display-md-medium-letter-spacing: var(--al-typography-preset-display-md-medium-letter-spacing);
  --al-theme-typography-display-md-semibold: var(--al-typography-preset-display-md-semibold);
  --al-theme-typography-display-md-semibold-letter-spacing: var(--al-typography-preset-display-md-semibold-letter-spacing);
  --al-theme-typography-display-md-bold: var(--al-typography-preset-display-md-bold);
  --al-theme-typography-display-md-bold-letter-spacing: var(--al-typography-preset-display-md-bold-letter-spacing);
  --al-theme-typography-display-lg: var(--al-typography-preset-display-lg);
  --al-theme-typography-display-lg-letter-spacing: var(--al-typography-preset-display-lg-letter-spacing);
  --al-theme-typography-display-lg-medium: var(--al-typography-preset-display-lg-medium);
  --al-theme-typography-display-lg-medium-letter-spacing: var(--al-typography-preset-display-lg-medium-letter-spacing);
  --al-theme-typography-display-lg-semibold: var(--al-typography-preset-display-lg-semibold);
  --al-theme-typography-display-lg-semibold-letter-spacing: var(--al-typography-preset-display-lg-semibold-letter-spacing);
  --al-theme-typography-display-lg-bold: var(--al-typography-preset-display-lg-bold);
  --al-theme-typography-display-lg-bold-letter-spacing: var(--al-typography-preset-display-lg-bold-letter-spacing);
  --al-theme-color-background-neutral-weak: var(--al-color-neutral-900);
  --al-theme-color-background-neutral-default: var(--al-color-neutral-800);
  --al-theme-color-background-neutral-strong: var(--al-color-neutral-700);
  --al-theme-color-background-neutral-bold: var(--al-color-neutral-600);
  --al-theme-color-background-primary-faint: var(--al-color-primary-800);
  --al-theme-color-background-primary-weak: var(--al-color-primary-700);
  --al-theme-color-background-primary-default: var(--al-color-primary-400);
  --al-theme-color-background-primary-strong: var(--al-color-primary-400);
  --al-theme-color-background-primary-bold: var(--al-color-primary-200);
  --al-theme-color-background-secondary-faint: var(--al-color-neutral-700);
  --al-theme-color-background-secondary-weak: var(--al-color-neutral-600);
  --al-theme-color-background-secondary-default: var(--al-color-neutral-200);
  --al-theme-color-background-secondary-strong: var(--al-color-neutral-400);
  --al-theme-color-background-secondary-bold: var(--al-color-neutral-500);
  --al-theme-color-background-tertiary-faint: var(--al-color-tertiary-800);
  --al-theme-color-background-tertiary-weak: var(--al-color-tertiary-700);
  --al-theme-color-background-tertiary-default: var(--al-color-tertiary-400);
  --al-theme-color-background-tertiary-strong: var(--al-color-tertiary-300);
  --al-theme-color-background-tertiary-bold: var(--al-color-tertiary-200);
  --al-theme-color-background-info-faint: var(--al-color-primary-800);
  --al-theme-color-background-info-weak: var(--al-color-primary-800);
  --al-theme-color-background-info-default: var(--al-color-primary-400);
  --al-theme-color-background-info-strong: var(--al-color-primary-300);
  --al-theme-color-background-info-bold: var(--al-color-primary-200);
  --al-theme-color-background-success-faint: var(--al-color-success-800);
  --al-theme-color-background-success-weak: var(--al-color-success-900);
  --al-theme-color-background-success-default: var(--al-color-success-400);
  --al-theme-color-background-success-strong: var(--al-color-success-300);
  --al-theme-color-background-success-bold: var(--al-color-success-200);
  --al-theme-color-background-warning-faint: var(--al-color-warning-800);
  --al-theme-color-background-warning-weak: var(--al-color-warning-900);
  --al-theme-color-background-warning-default: var(--al-color-warning-400);
  --al-theme-color-background-warning-strong: var(--al-color-warning-300);
  --al-theme-color-background-warning-bold: var(--al-color-warning-200);
  --al-theme-color-background-danger-faint: var(--al-color-danger-800);
  --al-theme-color-background-danger-weak: var(--al-color-danger-900);
  --al-theme-color-background-danger-default: var(--al-color-danger-400);
  --al-theme-color-background-danger-strong: var(--al-color-danger-300);
  --al-theme-color-background-danger-bold: var(--al-color-danger-200);
  --al-theme-color-background-inverse-default: var(--al-color-neutral-100);
  --al-theme-color-background-inverse-strong: var(--al-color-neutral-100);
  --al-theme-color-background-transparent-weak: var(--al-color-neutral-alpha-100-10);
  --al-theme-color-background-transparent-default: var(--al-color-transparent-0);
  --al-theme-color-background-transparent-strong: var(--al-color-neutral-alpha-900-80);
  --al-theme-color-background-disabled-default: var(--al-color-neutral-700);
  --al-theme-color-content-neutral-weak: var(--al-color-neutral-400);
  --al-theme-color-content-neutral-default: var(--al-color-neutral-200);
  --al-theme-color-content-neutral-faint: var(--al-color-neutral-400);
  --al-theme-color-content-primary-faint: var(--al-color-primary-700);
  --al-theme-color-content-primary-weak: var(--al-color-primary-900);
  --al-theme-color-content-primary-default: var(--al-color-primary-300);
  --al-theme-color-content-primary-strong: var(--al-color-primary-400);
  --al-theme-color-content-primary-bold: var(--al-color-primary-200);
  --al-theme-color-content-secondary-faint: var(--al-color-neutral-700);
  --al-theme-color-content-secondary-weak: var(--al-color-neutral-800);
  --al-theme-color-content-secondary-default: var(--al-color-neutral-400);
  --al-theme-color-content-secondary-strong: var(--al-color-neutral-500);
  --al-theme-color-content-secondary-bold: var(--al-color-neutral-300);
  --al-theme-color-content-tertiary-faint: var(--al-color-tertiary-700);
  --al-theme-color-content-tertiary-weak: var(--al-color-tertiary-800);
  --al-theme-color-content-tertiary-default: var(--al-color-tertiary-300);
  --al-theme-color-content-tertiary-strong: var(--al-color-tertiary-400);
  --al-theme-color-content-tertiary-bold: var(--al-color-tertiary-200);
  --al-theme-color-content-info-faint: var(--al-color-primary-700);
  --al-theme-color-content-info-weak: var(--al-color-primary-900);
  --al-theme-color-content-info-default: var(--al-color-primary-300);
  --al-theme-color-content-info-strong: var(--al-color-primary-400);
  --al-theme-color-content-info-bold: var(--al-color-primary-200);
  --al-theme-color-content-success-faint: var(--al-color-success-700);
  --al-theme-color-content-success-weak: var(--al-color-neutral-800);
  --al-theme-color-content-success-default: var(--al-color-success-400);
  --al-theme-color-content-success-strong: var(--al-color-success-400);
  --al-theme-color-content-success-bold: var(--al-color-success-200);
  --al-theme-color-content-warning-faint: var(--al-color-warning-700);
  --al-theme-color-content-warning-weak: var(--al-color-neutral-800);
  --al-theme-color-content-warning-default: var(--al-color-warning-400);
  --al-theme-color-content-warning-strong: var(--al-color-warning-400);
  --al-theme-color-content-warning-bold: var(--al-color-warning-200);
  --al-theme-color-content-danger-faint: var(--al-color-danger-700);
  --al-theme-color-content-danger-weak: var(--al-color-neutral-800);
  --al-theme-color-content-danger-default: var(--al-color-danger-400);
  --al-theme-color-content-danger-strong: var(--al-color-danger-400);
  --al-theme-color-content-danger-bold: var(--al-color-danger-200);
  --al-theme-color-content-inverse-default: var(--al-color-neutral-800);
  --al-theme-color-content-inverse-strong: var(--al-color-neutral-800);
  --al-theme-color-content-disabled-default: var(--al-color-neutral-500);
  --al-theme-color-border-neutral-weak: var(--al-color-neutral-700);
  --al-theme-color-border-neutral-default: var(--al-color-neutral-700);
  --al-theme-color-border-neutral-strong: var(--al-color-neutral-500);
  --al-theme-color-border-primary-faint: var(--al-color-primary-900);
  --al-theme-color-border-primary-weak: var(--al-color-primary-alpha-500-30);
  --al-theme-color-border-primary-default: var(--al-color-primary-400);
  --al-theme-color-border-primary-strong: var(--al-color-primary-300);
  --al-theme-color-border-primary-bold: var(--al-color-primary-200);
  --al-theme-color-border-secondary-faint: var(--al-color-neutral-700);
  --al-theme-color-border-secondary-weak: var(--al-color-neutral-600);
  --al-theme-color-border-secondary-default: var(--al-color-neutral-400);
  --al-theme-color-border-secondary-strong: var(--al-color-neutral-300);
  --al-theme-color-border-secondary-bold: var(--al-color-neutral-200);
  --al-theme-color-border-tertiary-faint: var(--al-color-tertiary-900);
  --al-theme-color-border-tertiary-weak: var(--al-color-tertiary-800);
  --al-theme-color-border-tertiary-default: var(--al-color-tertiary-400);
  --al-theme-color-border-tertiary-strong: var(--al-color-tertiary-300);
  --al-theme-color-border-tertiary-bold: var(--al-color-tertiary-200);
  --al-theme-color-border-info-faint: var(--al-color-primary-900);
  --al-theme-color-border-info-weak: var(--al-color-primary-800);
  --al-theme-color-border-info-default: var(--al-color-primary-400);
  --al-theme-color-border-info-strong: var(--al-color-primary-300);
  --al-theme-color-border-info-bold: var(--al-color-primary-200);
  --al-theme-color-border-success-faint: var(--al-color-success-900);
  --al-theme-color-border-success-weak: var(--al-color-success-800);
  --al-theme-color-border-success-default: var(--al-color-success-400);
  --al-theme-color-border-success-strong: var(--al-color-success-300);
  --al-theme-color-border-success-bold: var(--al-color-success-200);
  --al-theme-color-border-warning-faint: var(--al-color-warning-900);
  --al-theme-color-border-warning-weak: var(--al-color-warning-800);
  --al-theme-color-border-warning-default: var(--al-color-warning-400);
  --al-theme-color-border-warning-strong: var(--al-color-warning-300);
  --al-theme-color-border-warning-bold: var(--al-color-warning-200);
  --al-theme-color-border-danger-faint: var(--al-color-danger-900);
  --al-theme-color-border-danger-weak: var(--al-color-danger-800);
  --al-theme-color-border-danger-default: var(--al-color-danger-400);
  --al-theme-color-border-danger-strong: var(--al-color-danger-300);
  --al-theme-color-border-danger-bold: var(--al-color-danger-200);
  --al-theme-color-border-inverse-default: var(--al-color-neutral-700);
  --al-theme-color-border-disabled-default: var(--al-color-neutral-700);
  --al-theme-color-shadow-default: var(--al-theme-color-shadow-dark);
  --al-theme-color-shadow-dark: var(--al-color-neutral-alpha-900-60);
  --al-theme-color-shadow-light: var(--al-color-neutral-alpha-300-30);
  --al-theme-color-shadow-neutral: var(--al-color-neutral-alpha-100-30);
  --al-theme-color-shadow-primary: var(--al-color-primary-alpha-100-30);
  --al-theme-color-shadow-secondary: var(--al-color-secondary-alpha-100-30);
  --al-theme-color-shadow-tertiary: var(--al-color-tertiary-alpha-100-30);
  --al-theme-color-inverse-100: var(--al-color-neutral-100);
  --al-theme-color-inverse-200: var(--al-color-neutral-200);
  --al-theme-color-inverse-300: var(--al-color-neutral-300);
  --al-theme-color-inverse-400: var(--al-color-neutral-400);
  --al-theme-color-inverse-500: var(--al-color-neutral-500);
  --al-theme-color-inverse-600: var(--al-color-neutral-600);
  --al-theme-color-inverse-700: var(--al-color-neutral-700);
  --al-theme-color-inverse-800: var(--al-color-neutral-800);
  --al-theme-color-inverse-900: var(--al-color-neutral-900);
  --al-theme-color-header-background: var(--al-theme-color-background-neutral-default);
  --al-theme-color-body-background: var(--al-theme-color-background-neutral-weak);
  --al-theme-color-focus-ring: var(--al-theme-color-border-primary-default);
}

[data-al-mode='light'] {
  --al-box-shadow-2: 0px 2px 2px 0px rgba(19, 19, 17, 0.3);
  --al-box-shadow-4: 0px 4px 4px 0px rgba(19, 19, 17, 0.3), 0px 2px 2px 0px rgba(19, 19, 17, 0.3);
  --al-box-shadow-8: 0px 8px 8px 0px rgba(19, 19, 17, 0.3), 0px 4px 4px 0px rgba(19, 19, 17, 0.3), 0px 2px 2px 0px rgba(19, 19, 17, 0.3);
  --al-box-shadow-16: 0px 16px 16px 0px rgba(19, 19, 17, 0.3), 0px 8px 8px 0px rgba(19, 19, 17, 0.3), 0px 4px 4px 0px rgba(19, 19, 17, 0.3), 0px 2px 2px 0px rgba(19, 19, 17, 0.3);
  --al-box-shadow-32: 0px 32px 32px 0px rgba(19, 19, 17, 0.3), 0px 16px 16px 0px rgba(19, 19, 17, 0.3), 0px 8px 8px 0px rgba(19, 19, 17, 0.3), 0px 4px 4px 0px rgba(19, 19, 17, 0.3), 0px 2px 2px 0px rgba(19, 19, 17, 0.3);
  --al-box-shadow-48: 0px 48px 48px 0px rgba(19, 19, 17, 0.3), 0px 32px 32px 0px rgba(19, 19, 17, 0.3), 0px 16px 16px 0px rgba(19, 19, 17, 0.3), 0px 8px 8px 0px rgba(19, 19, 17, 0.3), 0px 4px 4px 0px rgba(19, 19, 17, 0.3), 0px 2px 2px 0px rgba(19, 19, 17, 0.3);
  --al-box-shadow-hard-2: 2px 2px 0px 0px #2e5ce6;
  --al-box-shadow-hard-4: 4px 4px 0px 0px #2e5ce6;
  --al-box-shadow-raised: 0px 1px 2px 0px rgba(19, 19, 17, 0.3);
  --al-box-shadow-overlay: 0px 8px 24px 0px rgba(19, 19, 17, 0.3);
  --al-box-shadow-overlay-lg: 0px 12px 32px -8px rgba(19, 19, 17, 0.3);
  --al-box-shadow-overlay-xl: 0px 24px 48px -12px rgba(19, 19, 17, 0.3);
  --al-theme-color-background-neutral-weak: var(--al-color-neutral-200);
  --al-theme-color-background-neutral-default: var(--al-color-neutral-100);
  --al-theme-color-background-neutral-strong: var(--al-color-neutral-200);
  --al-theme-color-background-neutral-bold: var(--al-color-neutral-300);
  --al-theme-color-background-primary-faint: var(--al-color-primary-100);
  --al-theme-color-background-primary-weak: var(--al-color-primary-100);
  --al-theme-color-background-primary-default: var(--al-color-primary-500);
  --al-theme-color-background-primary-strong: var(--al-color-primary-600);
  --al-theme-color-background-primary-bold: var(--al-color-primary-700);
  --al-theme-color-background-secondary-faint: var(--al-color-neutral-200);
  --al-theme-color-background-secondary-weak: var(--al-color-neutral-300);
  --al-theme-color-background-secondary-default: var(--al-color-neutral-800);
  --al-theme-color-background-secondary-strong: var(--al-color-neutral-600);
  --al-theme-color-background-tertiary-faint: var(--al-color-tertiary-100);
  --al-theme-color-background-tertiary-weak: var(--al-color-tertiary-200);
  --al-theme-color-background-tertiary-default: var(--al-color-tertiary-500);
  --al-theme-color-background-tertiary-strong: var(--al-color-tertiary-600);
  --al-theme-color-background-tertiary-bold: var(--al-color-tertiary-700);
  --al-theme-color-background-info-faint: var(--al-color-primary-100);
  --al-theme-color-background-info-weak: var(--al-color-primary-100);
  --al-theme-color-background-info-default: var(--al-color-primary-500);
  --al-theme-color-background-info-strong: var(--al-color-primary-600);
  --al-theme-color-background-info-bold: var(--al-color-primary-700);
  --al-theme-color-background-success-faint: var(--al-color-success-100);
  --al-theme-color-background-success-weak: var(--al-color-success-100);
  --al-theme-color-background-success-default: var(--al-color-success-600);
  --al-theme-color-background-success-strong: var(--al-color-success-600);
  --al-theme-color-background-success-bold: var(--al-color-success-700);
  --al-theme-color-background-warning-faint: var(--al-color-warning-100);
  --al-theme-color-background-warning-weak: var(--al-color-warning-100);
  --al-theme-color-background-warning-strong: var(--al-color-warning-600);
  --al-theme-color-background-warning-bold: var(--al-color-warning-700);
  --al-theme-color-background-danger-faint: var(--al-color-danger-100);
  --al-theme-color-background-danger-weak: var(--al-color-danger-100);
  --al-theme-color-background-danger-default: var(--al-color-danger-500);
  --al-theme-color-background-danger-strong: var(--al-color-danger-700);
  --al-theme-color-background-danger-bold: var(--al-color-danger-700);
  --al-theme-color-background-inverse-default: var(--al-color-neutral-800);
  --al-theme-color-background-inverse-strong: var(--al-color-neutral-800);
  --al-theme-color-background-transparent-strong: var(--al-color-neutral-alpha-900-60);
  --al-theme-color-background-disabled-default: var(--al-color-neutral-300);
  --al-theme-color-content-neutral-weak: var(--al-color-neutral-600);
  --al-theme-color-content-neutral-default: var(--al-color-neutral-800);
  --al-theme-color-content-neutral-faint: var(--al-color-neutral-600);
  --al-theme-color-content-primary-faint: var(--al-color-primary-200);
  --al-theme-color-content-primary-weak: var(--al-color-neutral-100);
  --al-theme-color-content-primary-default: var(--al-color-primary-600);
  --al-theme-color-content-primary-strong: var(--al-color-primary-600);
  --al-theme-color-content-primary-bold: var(--al-color-primary-800);
  --al-theme-color-content-secondary-faint: var(--al-color-neutral-200);
  --al-theme-color-content-secondary-weak: var(--al-color-neutral-100);
  --al-theme-color-content-secondary-default: var(--al-color-neutral-600);
  --al-theme-color-content-secondary-strong: var(--al-color-neutral-400);
  --al-theme-color-content-secondary-bold: var(--al-color-neutral-800);
  --al-theme-color-content-tertiary-faint: var(--al-color-tertiary-200);
  --al-theme-color-content-tertiary-weak: var(--al-color-tertiary-300);
  --al-theme-color-content-tertiary-default: var(--al-color-tertiary-600);
  --al-theme-color-content-tertiary-strong: var(--al-color-tertiary-700);
  --al-theme-color-content-tertiary-bold: var(--al-color-tertiary-800);
  --al-theme-color-content-info-faint: var(--al-color-primary-200);
  --al-theme-color-content-info-weak: var(--al-color-neutral-100);
  --al-theme-color-content-info-default: var(--al-color-primary-600);
  --al-theme-color-content-info-strong: var(--al-color-primary-700);
  --al-theme-color-content-info-bold: var(--al-color-primary-800);
  --al-theme-color-content-success-faint: var(--al-color-success-200);
  --al-theme-color-content-success-weak: var(--al-color-neutral-100);
  --al-theme-color-content-success-default: var(--al-color-success-600);
  --al-theme-color-content-success-strong: var(--al-color-success-700);
  --al-theme-color-content-success-bold: var(--al-color-success-800);
  --al-theme-color-content-warning-faint: var(--al-color-warning-200);
  --al-theme-color-content-warning-default: var(--al-color-warning-600);
  --al-theme-color-content-warning-strong: var(--al-color-warning-700);
  --al-theme-color-content-warning-bold: var(--al-color-warning-800);
  --al-theme-color-content-danger-faint: var(--al-color-danger-200);
  --al-theme-color-content-danger-weak: var(--al-color-neutral-100);
  --al-theme-color-content-danger-default: var(--al-color-danger-600);
  --al-theme-color-content-danger-strong: var(--al-color-danger-700);
  --al-theme-color-content-danger-bold: var(--al-color-danger-800);
  --al-theme-color-content-inverse-default: var(--al-color-neutral-100);
  --al-theme-color-content-inverse-strong: var(--al-color-neutral-100);
  --al-theme-color-content-disabled-default: var(--al-color-neutral-400);
  --al-theme-color-border-neutral-weak: var(--al-color-neutral-300);
  --al-theme-color-border-neutral-default: var(--al-color-neutral-300);
  --al-theme-color-border-neutral-strong: var(--al-color-neutral-400);
  --al-theme-color-border-primary-faint: var(--al-color-primary-100);
  --al-theme-color-border-primary-default: var(--al-color-primary-500);
  --al-theme-color-border-primary-strong: var(--al-color-primary-600);
  --al-theme-color-border-primary-bold: var(--al-color-primary-700);
  --al-theme-color-border-secondary-faint: var(--al-color-neutral-200);
  --al-theme-color-border-secondary-weak: var(--al-color-neutral-300);
  --al-theme-color-border-secondary-default: var(--al-color-neutral-800);
  --al-theme-color-border-secondary-strong: var(--al-color-neutral-600);
  --al-theme-color-border-secondary-bold: var(--al-color-neutral-500);
  --al-theme-color-border-tertiary-faint: var(--al-color-tertiary-100);
  --al-theme-color-border-tertiary-weak: var(--al-color-tertiary-200);
  --al-theme-color-border-tertiary-default: var(--al-color-tertiary-500);
  --al-theme-color-border-tertiary-strong: var(--al-color-tertiary-600);
  --al-theme-color-border-tertiary-bold: var(--al-color-tertiary-700);
  --al-theme-color-border-info-faint: var(--al-color-primary-100);
  --al-theme-color-border-info-weak: var(--al-color-primary-200);
  --al-theme-color-border-info-default: var(--al-color-primary-500);
  --al-theme-color-border-info-strong: var(--al-color-primary-600);
  --al-theme-color-border-info-bold: var(--al-color-primary-700);
  --al-theme-color-border-success-faint: var(--al-color-success-100);
  --al-theme-color-border-success-weak: var(--al-color-success-200);
  --al-theme-color-border-success-default: var(--al-color-success-500);
  --al-theme-color-border-success-strong: var(--al-color-success-600);
  --al-theme-color-border-success-bold: var(--al-color-success-700);
  --al-theme-color-border-warning-faint: var(--al-color-warning-100);
  --al-theme-color-border-warning-weak: var(--al-color-warning-200);
  --al-theme-color-border-warning-default: var(--al-color-warning-500);
  --al-theme-color-border-warning-strong: var(--al-color-warning-600);
  --al-theme-color-border-warning-bold: var(--al-color-warning-700);
  --al-theme-color-border-danger-faint: var(--al-color-danger-100);
  --al-theme-color-border-danger-weak: var(--al-color-danger-200);
  --al-theme-color-border-danger-default: var(--al-color-danger-500);
  --al-theme-color-border-danger-strong: var(--al-color-danger-600);
  --al-theme-color-border-danger-bold: var(--al-color-danger-700);
  --al-theme-color-border-disabled-default: var(--al-color-neutral-300);
  --al-theme-color-shadow-default: var(--al-theme-color-shadow-neutral);
  --al-theme-color-shadow-neutral: var(--al-color-neutral-alpha-900-30);
  --al-theme-color-shadow-primary: var(--al-color-primary-alpha-900-30);
  --al-theme-color-shadow-secondary: var(--al-color-secondary-alpha-900-30);
  --al-theme-color-shadow-tertiary: var(--al-color-tertiary-alpha-900-30);
  --al-theme-color-inverse-100: var(--al-color-neutral-900);
  --al-theme-color-inverse-200: var(--al-color-neutral-800);
  --al-theme-color-inverse-300: var(--al-color-neutral-700);
  --al-theme-color-inverse-400: var(--al-color-neutral-600);
  --al-theme-color-inverse-600: var(--al-color-neutral-400);
  --al-theme-color-inverse-700: var(--al-color-neutral-300);
  --al-theme-color-inverse-800: var(--al-color-neutral-200);
  --al-theme-color-inverse-900: var(--al-color-neutral-100);
  --al-theme-color-header-background: var(--al-theme-color-background-neutral-strong);
}

[data-al-mode='dark'] {
  --al-box-shadow-2: 0px 2px 2px 0px rgba(19, 19, 17, 0.6);
  --al-box-shadow-4: 0px 4px 4px 0px rgba(19, 19, 17, 0.6), 0px 2px 2px 0px rgba(19, 19, 17, 0.6);
  --al-box-shadow-8: 0px 8px 8px 0px rgba(19, 19, 17, 0.6), 0px 4px 4px 0px rgba(19, 19, 17, 0.6), 0px 2px 2px 0px rgba(19, 19, 17, 0.6);
  --al-box-shadow-16: 0px 16px 16px 0px rgba(19, 19, 17, 0.6), 0px 8px 8px 0px rgba(19, 19, 17, 0.6), 0px 4px 4px 0px rgba(19, 19, 17, 0.6), 0px 2px 2px 0px rgba(19, 19, 17, 0.6);
  --al-box-shadow-32: 0px 32px 32px 0px rgba(19, 19, 17, 0.6), 0px 16px 16px 0px rgba(19, 19, 17, 0.6), 0px 8px 8px 0px rgba(19, 19, 17, 0.6), 0px 4px 4px 0px rgba(19, 19, 17, 0.6), 0px 2px 2px 0px rgba(19, 19, 17, 0.6);
  --al-box-shadow-48: 0px 48px 48px 0px rgba(19, 19, 17, 0.6), 0px 32px 32px 0px rgba(19, 19, 17, 0.6), 0px 16px 16px 0px rgba(19, 19, 17, 0.6), 0px 8px 8px 0px rgba(19, 19, 17, 0.6), 0px 4px 4px 0px rgba(19, 19, 17, 0.6), 0px 2px 2px 0px rgba(19, 19, 17, 0.6);
  --al-box-shadow-hard-2: 2px 2px 0px 0px #8ea6ff;
  --al-box-shadow-hard-4: 4px 4px 0px 0px #8ea6ff;
  --al-box-shadow-raised: 0px 1px 2px 0px rgba(19, 19, 17, 0.6);
  --al-box-shadow-overlay: 0px 8px 24px 0px rgba(19, 19, 17, 0.6);
  --al-box-shadow-overlay-lg: 0px 12px 32px -8px rgba(19, 19, 17, 0.6);
  --al-box-shadow-overlay-xl: 0px 24px 48px -12px rgba(19, 19, 17, 0.6);
  --al-theme-color-background-neutral-weak: var(--al-color-neutral-900);
  --al-theme-color-background-neutral-default: var(--al-color-neutral-800);
  --al-theme-color-background-neutral-strong: var(--al-color-neutral-700);
  --al-theme-color-background-neutral-bold: var(--al-color-neutral-600);
  --al-theme-color-background-primary-faint: var(--al-color-primary-800);
  --al-theme-color-background-primary-weak: var(--al-color-primary-700);
  --al-theme-color-background-primary-default: var(--al-color-primary-400);
  --al-theme-color-background-primary-strong: var(--al-color-primary-400);
  --al-theme-color-background-primary-bold: var(--al-color-primary-200);
  --al-theme-color-background-secondary-faint: var(--al-color-neutral-700);
  --al-theme-color-background-secondary-weak: var(--al-color-neutral-600);
  --al-theme-color-background-secondary-default: var(--al-color-neutral-200);
  --al-theme-color-background-secondary-strong: var(--al-color-neutral-400);
  --al-theme-color-background-tertiary-faint: var(--al-color-tertiary-800);
  --al-theme-color-background-tertiary-weak: var(--al-color-tertiary-700);
  --al-theme-color-background-tertiary-default: var(--al-color-tertiary-400);
  --al-theme-color-background-tertiary-strong: var(--al-color-tertiary-300);
  --al-theme-color-background-tertiary-bold: var(--al-color-tertiary-200);
  --al-theme-color-background-info-faint: var(--al-color-primary-800);
  --al-theme-color-background-info-weak: var(--al-color-primary-800);
  --al-theme-color-background-info-default: var(--al-color-primary-400);
  --al-theme-color-background-info-strong: var(--al-color-primary-300);
  --al-theme-color-background-info-bold: var(--al-color-primary-200);
  --al-theme-color-background-success-faint: var(--al-color-success-800);
  --al-theme-color-background-success-weak: var(--al-color-success-900);
  --al-theme-color-background-success-default: var(--al-color-success-400);
  --al-theme-color-background-success-strong: var(--al-color-success-300);
  --al-theme-color-background-success-bold: var(--al-color-success-200);
  --al-theme-color-background-warning-faint: var(--al-color-warning-800);
  --al-theme-color-background-warning-weak: var(--al-color-warning-900);
  --al-theme-color-background-warning-strong: var(--al-color-warning-300);
  --al-theme-color-background-warning-bold: var(--al-color-warning-200);
  --al-theme-color-background-danger-faint: var(--al-color-danger-800);
  --al-theme-color-background-danger-weak: var(--al-color-danger-900);
  --al-theme-color-background-danger-default: var(--al-color-danger-400);
  --al-theme-color-background-danger-strong: var(--al-color-danger-300);
  --al-theme-color-background-danger-bold: var(--al-color-danger-200);
  --al-theme-color-background-inverse-default: var(--al-color-neutral-100);
  --al-theme-color-background-inverse-strong: var(--al-color-neutral-100);
  --al-theme-color-background-transparent-strong: var(--al-color-neutral-alpha-900-80);
  --al-theme-color-background-disabled-default: var(--al-color-neutral-700);
  --al-theme-color-content-neutral-weak: var(--al-color-neutral-400);
  --al-theme-color-content-neutral-default: var(--al-color-neutral-200);
  --al-theme-color-content-neutral-faint: var(--al-color-neutral-400);
  --al-theme-color-content-primary-faint: var(--al-color-primary-700);
  --al-theme-color-content-primary-weak: var(--al-color-primary-900);
  --al-theme-color-content-primary-default: var(--al-color-primary-300);
  --al-theme-color-content-primary-strong: var(--al-color-primary-400);
  --al-theme-color-content-primary-bold: var(--al-color-primary-200);
  --al-theme-color-content-secondary-faint: var(--al-color-neutral-700);
  --al-theme-color-content-secondary-weak: var(--al-color-neutral-800);
  --al-theme-color-content-secondary-default: var(--al-color-neutral-400);
  --al-theme-color-content-secondary-strong: var(--al-color-neutral-500);
  --al-theme-color-content-secondary-bold: var(--al-color-neutral-300);
  --al-theme-color-content-tertiary-faint: var(--al-color-tertiary-700);
  --al-theme-color-content-tertiary-weak: var(--al-color-tertiary-800);
  --al-theme-color-content-tertiary-default: var(--al-color-tertiary-300);
  --al-theme-color-content-tertiary-strong: var(--al-color-tertiary-400);
  --al-theme-color-content-tertiary-bold: var(--al-color-tertiary-200);
  --al-theme-color-content-info-faint: var(--al-color-primary-700);
  --al-theme-color-content-info-weak: var(--al-color-primary-900);
  --al-theme-color-content-info-default: var(--al-color-primary-300);
  --al-theme-color-content-info-strong: var(--al-color-primary-400);
  --al-theme-color-content-info-bold: var(--al-color-primary-200);
  --al-theme-color-content-success-faint: var(--al-color-success-700);
  --al-theme-color-content-success-weak: var(--al-color-neutral-800);
  --al-theme-color-content-success-default: var(--al-color-success-400);
  --al-theme-color-content-success-strong: var(--al-color-success-400);
  --al-theme-color-content-success-bold: var(--al-color-success-200);
  --al-theme-color-content-warning-faint: var(--al-color-warning-700);
  --al-theme-color-content-warning-default: var(--al-color-warning-400);
  --al-theme-color-content-warning-strong: var(--al-color-warning-400);
  --al-theme-color-content-warning-bold: var(--al-color-warning-200);
  --al-theme-color-content-danger-faint: var(--al-color-danger-700);
  --al-theme-color-content-danger-weak: var(--al-color-neutral-800);
  --al-theme-color-content-danger-default: var(--al-color-danger-400);
  --al-theme-color-content-danger-strong: var(--al-color-danger-400);
  --al-theme-color-content-danger-bold: var(--al-color-danger-200);
  --al-theme-color-content-inverse-default: var(--al-color-neutral-800);
  --al-theme-color-content-inverse-strong: var(--al-color-neutral-800);
  --al-theme-color-content-disabled-default: var(--al-color-neutral-500);
  --al-theme-color-border-neutral-weak: var(--al-color-neutral-700);
  --al-theme-color-border-neutral-default: var(--al-color-neutral-700);
  --al-theme-color-border-neutral-strong: var(--al-color-neutral-500);
  --al-theme-color-border-primary-faint: var(--al-color-primary-900);
  --al-theme-color-border-primary-default: var(--al-color-primary-400);
  --al-theme-color-border-primary-strong: var(--al-color-primary-300);
  --al-theme-color-border-primary-bold: var(--al-color-primary-200);
  --al-theme-color-border-secondary-faint: var(--al-color-neutral-700);
  --al-theme-color-border-secondary-weak: var(--al-color-neutral-600);
  --al-theme-color-border-secondary-default: var(--al-color-neutral-400);
  --al-theme-color-border-secondary-strong: var(--al-color-neutral-300);
  --al-theme-color-border-secondary-bold: var(--al-color-neutral-200);
  --al-theme-color-border-tertiary-faint: var(--al-color-tertiary-900);
  --al-theme-color-border-tertiary-weak: var(--al-color-tertiary-800);
  --al-theme-color-border-tertiary-default: var(--al-color-tertiary-400);
  --al-theme-color-border-tertiary-strong: var(--al-color-tertiary-300);
  --al-theme-color-border-tertiary-bold: var(--al-color-tertiary-200);
  --al-theme-color-border-info-faint: var(--al-color-primary-900);
  --al-theme-color-border-info-weak: var(--al-color-primary-800);
  --al-theme-color-border-info-default: var(--al-color-primary-400);
  --al-theme-color-border-info-strong: var(--al-color-primary-300);
  --al-theme-color-border-info-bold: var(--al-color-primary-200);
  --al-theme-color-border-success-faint: var(--al-color-success-900);
  --al-theme-color-border-success-weak: var(--al-color-success-800);
  --al-theme-color-border-success-default: var(--al-color-success-400);
  --al-theme-color-border-success-strong: var(--al-color-success-300);
  --al-theme-color-border-success-bold: var(--al-color-success-200);
  --al-theme-color-border-warning-faint: var(--al-color-warning-900);
  --al-theme-color-border-warning-weak: var(--al-color-warning-800);
  --al-theme-color-border-warning-default: var(--al-color-warning-400);
  --al-theme-color-border-warning-strong: var(--al-color-warning-300);
  --al-theme-color-border-warning-bold: var(--al-color-warning-200);
  --al-theme-color-border-danger-faint: var(--al-color-danger-900);
  --al-theme-color-border-danger-weak: var(--al-color-danger-800);
  --al-theme-color-border-danger-default: var(--al-color-danger-400);
  --al-theme-color-border-danger-strong: var(--al-color-danger-300);
  --al-theme-color-border-danger-bold: var(--al-color-danger-200);
  --al-theme-color-border-disabled-default: var(--al-color-neutral-700);
  --al-theme-color-shadow-default: var(--al-theme-color-shadow-dark);
  --al-theme-color-shadow-neutral: var(--al-color-neutral-alpha-100-30);
  --al-theme-color-shadow-primary: var(--al-color-primary-alpha-100-30);
  --al-theme-color-shadow-secondary: var(--al-color-secondary-alpha-100-30);
  --al-theme-color-shadow-tertiary: var(--al-color-tertiary-alpha-100-30);
  --al-theme-color-inverse-100: var(--al-color-neutral-100);
  --al-theme-color-inverse-200: var(--al-color-neutral-200);
  --al-theme-color-inverse-300: var(--al-color-neutral-300);
  --al-theme-color-inverse-400: var(--al-color-neutral-400);
  --al-theme-color-inverse-600: var(--al-color-neutral-600);
  --al-theme-color-inverse-700: var(--al-color-neutral-700);
  --al-theme-color-inverse-800: var(--al-color-neutral-800);
  --al-theme-color-inverse-900: var(--al-color-neutral-900);
  --al-theme-color-header-background: var(--al-theme-color-background-neutral-default);
}