:root, .light {
  --adbl-primary-fill: #010e19;
  --adbl-secondary-fill: #1e344d;
  --adbl-tertiary-fill: #304864;
  --adbl-quaternary-fill: #4a6687;
  --adbl-inverse-fill: #ffffff;
  --adbl-inverse-tertiary-fill: #c0d2e9;
  --adbl-brand-fill: #702b00;
  --adbl-midnight-fill: #010e19;
  --adbl-attention: #aa0000;
  --adbl-attention-hover: #d31010;
  --adbl-success: #26822c;
  --adbl-caution: #c38d00;
  --adbl-info: #0e5b9b;
  --adbl-link: #0e5b9b;
  --adbl-link-disabled: #0e5b9b80;
  --adbl-link-hover: #1479CF;
  --adbl-link-visited: #0e416c;
  --adbl-link-pressed: #0e416c;
  --adbl-link-secondary: #0e5b9b;
  --adbl-link-secondary-disabled: #0e5b9b80;
  --adbl-link-secondary-hover: #1479CF;
  --adbl-link-secondary-visited: #0e416c;
  --adbl-link-secondary-pressed: #0e416c;
  --adbl-accent: #ffa000;
  --adbl-accent-hover: #ffb333;
  --adbl-accent-pressed: #ff8909;
  --adbl-background: #ffffff;
  --adbl-surface: #ffffff;
  --adbl-surface-hover: #ffffff;
  --adbl-surface-pressed: #ffffff;
  --adbl-surface-success: #f2fdf2;
  --adbl-surface-attention: #ffecec;
  --adbl-surface-base: #dae9f9;
  --adbl-surface-brand: #fff4e0;
  --adbl-surface-caution: #fff5dc;
  --adbl-surface-info: #e6f3ff;
  --adbl-surface-neutral: #f1f7fe;
  --adbl-surface-outline: #c0d2e9;
  --adbl-foreground: #f1f7fe;
  --adbl-background-input: #f1f7fe;
  --adbl-border-default: #4a6687;
  --adbl-border-active: #0e5b9b;
  --adbl-border-attention: #f47e7e;
  --adbl-border-brand: #ffb333;
  --adbl-border-caution: #fac43a;
  --adbl-border-info: #5fb5ff;
  --adbl-border-selected: #1479CF;
  --adbl-border-success: #58cb60;
  --adbl-progress-bar: #ff8909;
  --adbl-progress-info: #1479CF;
  --adbl-progress-bar-empty: #dae9f9;
  --adbl-divider: #c0d2e9;
  --adbl-divider-inverse: #1e344d;
  --adbl-divider-translucent: #010e1926;
  --adbl-scrim: #010e19a6;
  --adbl-background-highlight: #f1f7fe;
  --adbl-primary-overlay: #010e191a;
  --adbl-secondary-overlay: #010e1926;
  --adbl-tertiary-overlay: #010e1940;
  --adbl-quaternary-overlay: #010e1959;
  --adbl-gradient-primary-start: #dae9f9;
  --adbl-gradient-primary-end: #f1f7fe;
  --adbl-gradient-surface-start: #cde6fe;
  --adbl-gradient-surface-end: #f1f7fe;
  --adbl-gradient-info-start: #ffffff;
  --adbl-gradient-info-end: #cde6fe;
  --adbl-gradient-coral-start: #faaca0;
  --adbl-gradient-emerald-start: #a3ece1;
  --adbl-gradient-sapphire-start: #c5cbff;
  --adbl-gradient-sunstone-start: #ffbfa4;
  --adbl-selected: #1479CF;
  --adbl-selected-hover: #0e5b9b;
  --adbl-selected-pressed: #0e416c;
  --adbl-on-accent: #010e19;
  --adbl-solid: #f1f7fe;
  --adbl-solid-hover: #dae9f9;
  --adbl-solid-pressed: #c0d2e9;
  --adbl-simple: transparent;
  --adbl-simple-hover: #010e191a;
  --adbl-simple-pressed: #010e190d;
  --adbl-outline: #93accd;
  --adbl-outline-hover: #93accd;
  --adbl-outline-pressed: #93accd;
  --adbl-product-cover-outline: #00000026;
  --adbl-placeholder-background: #dae9f9;
  --adbl-placeholder-foreground: #93accd;
  --adbl-elevation-1-1: 0 3px 2.5px rgba(0, 0, 0, 0.05);
  --adbl-elevation-2-1: 0 3px 5px rgba(0, 0, 0, 0.1);
  --adbl-elevation-2-2: 0 2px 4px rgba(0, 0, 0, 0.02);
  --adbl-elevation-3-1: 0 5px 7.5px rgba(0, 0, 0, 0.05);
  --adbl-elevation-3-2: 0 10px 12.5px rgba(0, 0, 0, 0.05);
  --adbl-elevation-3-3: 0 15px 15px rgba(0, 0, 0, 0.02);
  --adbl-elevation-4-1: 0 5px 6px rgba(0, 0, 0, 0.08);
  --adbl-elevation-4-2: 0 20px 15px rgba(0, 0, 0, 0.02);
  --adbl-elevation-4-3: 0 30px 20px rgba(0, 0, 0, 0.1);
}

.dark {
  --adbl-primary-fill: #ffffff;
  --adbl-secondary-fill: #dae9f9;
  --adbl-tertiary-fill: #c0d2e9;
  --adbl-quaternary-fill: #93accd;
  --adbl-inverse-fill: #010e19;
  --adbl-inverse-tertiary-fill: #304864;
  --adbl-brand-fill: #ffb333;
  --adbl-midnight-fill: #010e19;
  --adbl-attention: #f47e7e;
  --adbl-attention-hover: #ffbbbb;
  --adbl-success: #78de7e;
  --adbl-caution: #c38d00;
  --adbl-info: #a3d4ff;
  --adbl-link: #a3d4ff;
  --adbl-link-disabled: #a3d4ff80;
  --adbl-link-hover: #cde6fe;
  --adbl-link-visited: #5fb5ff;
  --adbl-link-pressed: #5fb5ff;
  --adbl-link-secondary: #a3d4ff;
  --adbl-link-secondary-disabled: #a3d4ff80;
  --adbl-link-secondary-hover: #cde6fe;
  --adbl-link-secondary-visited: #5fb5ff;
  --adbl-link-secondary-pressed: #5fb5ff;
  --adbl-accent: #ffb333;
  --adbl-accent-hover: #ffcc66;
  --adbl-accent-pressed: #ffa000;
  --adbl-background: #000000;
  --adbl-surface: #102133;
  --adbl-surface-hover: #1e344d;
  --adbl-surface-pressed: #102133;
  --adbl-surface-success: #012317;
  --adbl-surface-attention: #260505;
  --adbl-surface-base: #304864;
  --adbl-surface-brand: #702b00;
  --adbl-surface-caution: #2f2203;
  --adbl-surface-info: #071b2c;
  --adbl-surface-neutral: #102133;
  --adbl-surface-outline: #4a6687;
  --adbl-foreground: #1e344d;
  --adbl-background-input: #102133;
  --adbl-border-default: #93accd;
  --adbl-border-active: #1479CF;
  --adbl-border-attention: #f47e7e;
  --adbl-border-brand: #ffb333;
  --adbl-border-caution: #fac43a;
  --adbl-border-info: #5fb5ff;
  --adbl-border-selected: #5fb5ff;
  --adbl-border-success: #a7edab;
  --adbl-progress-bar: #ffb333;
  --adbl-progress-info: #309efb;
  --adbl-progress-bar-empty: #1e344d;
  --adbl-divider: #1e344d;
  --adbl-divider-inverse: #c0d2e9;
  --adbl-divider-translucent: #ffffff26;
  --adbl-scrim: #010e19a6;
  --adbl-background-highlight: #0a2943;
  --adbl-primary-overlay: #ffffff1a;
  --adbl-secondary-overlay: #ffffff26;
  --adbl-tertiary-overlay: #ffffff40;
  --adbl-quaternary-overlay: #ffffff59;
  --adbl-gradient-primary-start: #4a6687;
  --adbl-gradient-primary-end: #102133;
  --adbl-gradient-surface-start: #0e416c;
  --adbl-gradient-surface-end: #102133;
  --adbl-gradient-info-start: #0e5b9b;
  --adbl-gradient-info-end: #0a2943;
  --adbl-gradient-coral-start: #fb7260;
  --adbl-gradient-emerald-start: #008b76;
  --adbl-gradient-sapphire-start: #3a4ce3;
  --adbl-gradient-sunstone-start: #db4f00;
  --adbl-selected: #5fb5ff;
  --adbl-selected-hover: #a3d4ff;
  --adbl-selected-pressed: #309efb;
  --adbl-on-accent: #010e19;
  --adbl-solid: #1e344d;
  --adbl-solid-hover: #4a6687;
  --adbl-solid-pressed: #304864;
  --adbl-simple: transparent;
  --adbl-simple-hover: #ffffff1a;
  --adbl-simple-pressed: #ffffff0d;
  --adbl-outline: #4a6687;
  --adbl-outline-hover: #4a6687;
  --adbl-outline-pressed: #4a6687;
  --adbl-product-cover-outline: #ffffff26;
  --adbl-placeholder-background: #304864;
  --adbl-placeholder-foreground: #7690b2;
  --adbl-elevation-1-1: 0 3px 2.5px rgba(0, 0, 0, 0.15);
  --adbl-elevation-2-1: 0 8px 10px rgba(0, 0, 0, 0.25);
  --adbl-elevation-2-2: 0 2px 5px rgba(0, 0, 0, 0.25);
  --adbl-elevation-3-1: 0 5px 7.5px rgba(0, 0, 0, 0.25);
  --adbl-elevation-3-2: 0 20px 12.5px rgba(0, 0, 0, 0.15);
  --adbl-elevation-3-3: 0 20px 15px rgba(0, 0, 0, 0.1);
  --adbl-elevation-4-1: 0 5px 5px rgba(0, 0, 0, 0.1);
  --adbl-elevation-4-2: 0 20px 15px rgba(0, 0, 0, 0.05);
  --adbl-elevation-4-3: 0 30px 20px rgba(0, 0, 0, 0.45);
}

.adbl-text-headline-1 {
  font-family: var(--adbl-font-family-headline-1, var(--adbl-font-family-headline, Audible Sans, Arial, sans-serif));
  font-size: var(--adbl-font-size-headline-1, 30px);
  font-weight: var(--adbl-font-weight-headline-1, 700);
  letter-spacing: var(--adbl-font-letter-spacing-headline-1, 0px);
  line-height: var(--adbl-font-line-height-headline-1, 36px);
}

@media (min-width: 960px) {
  .adbl-text-headline-1 {
    font-size: var(--adbl-font-size-headline-1, 48px);
    line-height: var(--adbl-font-line-height-headline-1, 52px);
  }
}

.adbl-text-headline-2 {
  font-family: var(--adbl-font-family-headline-2, var(--adbl-font-family-headline, Audible Sans, Arial, sans-serif));
  font-size: var(--adbl-font-size-headline-2, 24px);
  font-weight: var(--adbl-font-weight-headline-2, 700);
  letter-spacing: var(--adbl-font-letter-spacing-headline-2, 0px);
  line-height: var(--adbl-font-line-height-headline-2, 30px);
}

@media (min-width: 960px) {
  .adbl-text-headline-2 {
    font-size: var(--adbl-font-size-headline-2, 36px);
    line-height: var(--adbl-font-line-height-headline-2, 42px);
  }
}

.adbl-text-headline-3 {
  font-family: var(--adbl-font-family-headline-3, var(--adbl-font-family-headline, Audible Sans, Arial, sans-serif));
  font-size: var(--adbl-font-size-headline-3, 18px);
  font-weight: var(--adbl-font-weight-headline-3, 700);
  letter-spacing: var(--adbl-font-letter-spacing-headline-3, 0px);
  line-height: var(--adbl-font-line-height-headline-3, 26px);
}

@media (min-width: 960px) {
  .adbl-text-headline-3 {
    font-size: var(--adbl-font-size-headline-3, 24px);
    line-height: var(--adbl-font-line-height-headline-3, 28px);
  }
}

.adbl-text-headline-4 {
  font-family: var(--adbl-font-family-headline-4, var(--adbl-font-family-headline, Audible Sans, Arial, sans-serif));
  font-size: var(--adbl-font-size-headline-4, 16px);
  font-weight: var(--adbl-font-weight-headline-4, 700);
  letter-spacing: var(--adbl-font-letter-spacing-headline-4, 0px);
  line-height: var(--adbl-font-line-height-headline-4, 22px);
}

@media (min-width: 960px) {
  .adbl-text-headline-4 {
    font-size: var(--adbl-font-size-headline-4, 18px);
    line-height: var(--adbl-font-line-height-headline-4, 26px);
  }
}

.adbl-text-headline-5 {
  font-family: var(--adbl-font-family-headline-5, var(--adbl-font-family-headline, Audible Sans, Arial, sans-serif));
  font-size: var(--adbl-font-size-headline-5, 14px);
  font-weight: var(--adbl-font-weight-headline-5, 700);
  letter-spacing: var(--adbl-font-letter-spacing-headline-5, 0px);
  line-height: var(--adbl-font-line-height-headline-5, 18px);
}

@media (min-width: 960px) {
  .adbl-text-headline-5 {
    font-size: var(--adbl-font-size-headline-5, 16px);
    line-height: var(--adbl-font-line-height-headline-5, 22px);
  }
}

.adbl-text-headline-6 {
  font-family: var(--adbl-font-family-headline-6, var(--adbl-font-family-headline, Audible Sans, Arial, sans-serif));
  font-size: var(--adbl-font-size-headline-6, 12px);
  font-weight: var(--adbl-font-weight-headline-6, 700);
  letter-spacing: var(--adbl-font-letter-spacing-headline-6, 0px);
  line-height: var(--adbl-font-line-height-headline-6, 16px);
}

@media (min-width: 960px) {
  .adbl-text-headline-6 {
    font-size: var(--adbl-font-size-headline-6, 14px);
    line-height: var(--adbl-font-line-height-headline-6, 18px);
  }
}

.adbl-text-overline {
  font-family: var(--adbl-font-family-overline, var(--adbl-font-family-label, Audible Sans, Arial, sans-serif));
  font-size: var(--adbl-font-size-overline, 11px);
  font-weight: var(--adbl-font-weight-overline, 600);
  letter-spacing: var(--adbl-font-letter-spacing-overline, 1px);
  line-height: var(--adbl-font-line-height-overline, 15px);
  text-transform: var(--adbl-font-text-transform-overline, uppercase);
}

@media (min-width: 960px) {
  .adbl-text-overline {
    font-size: var(--adbl-font-size-overline, 12px);
    line-height: var(--adbl-font-line-height-overline, 16px);
  }
}

.adbl-text-title-1 {
  font-family: var(--adbl-font-family-title-1, var(--adbl-font-family-headline, Audible Sans, Arial, sans-serif));
  font-size: var(--adbl-font-size-title-1, 24px);
  font-weight: var(--adbl-font-weight-title-1, 700);
  letter-spacing: var(--adbl-font-letter-spacing-title-1, 0px);
  line-height: var(--adbl-font-line-height-title-1, 32px);
}

.adbl-text-title-2 {
  font-family: var(--adbl-font-family-title-2, var(--adbl-font-family-headline, Audible Sans, Arial, sans-serif));
  font-size: var(--adbl-font-size-title-2, 18px);
  font-weight: var(--adbl-font-weight-title-2, 600);
  letter-spacing: var(--adbl-font-letter-spacing-title-2, 0px);
  line-height: var(--adbl-font-line-height-title-2, 26px);
}

.adbl-text-title-3 {
  font-family: var(--adbl-font-family-title-3, var(--adbl-font-family-headline, Audible Sans, Arial, sans-serif));
  font-size: var(--adbl-font-size-title-3, 16px);
  font-weight: var(--adbl-font-weight-title-3, 600);
  letter-spacing: var(--adbl-font-letter-spacing-title-3, 0px);
  line-height: var(--adbl-font-line-height-title-3, 22px);
}

.adbl-text-title-4 {
  font-family: var(--adbl-font-family-title-4, var(--adbl-font-family-headline, Audible Sans, Arial, sans-serif));
  font-size: var(--adbl-font-size-title-4, 14px);
  font-weight: var(--adbl-font-weight-title-4, 600);
  letter-spacing: var(--adbl-font-letter-spacing-title-4, 0px);
  line-height: var(--adbl-font-line-height-title-4, 18px);
}

.adbl-text-body-l {
  font-family: var(--adbl-font-family-body-l, var(--adbl-font-family-body, Audible Sans, Arial, sans-serif));
  font-size: var(--adbl-font-size-body-l, 18px);
  font-weight: var(--adbl-font-weight-body-l, 400);
  letter-spacing: var(--adbl-font-letter-spacing-body-l, 0px);
  line-height: var(--adbl-font-line-height-body-l, 26px);
}

@media (min-width: 960px) {
  .adbl-text-body-l {
    font-size: var(--adbl-font-size-body-l, 22px);
    line-height: var(--adbl-font-line-height-body-l, 30px);
  }
}

.adbl-text-body-m {
  font-family: var(--adbl-font-family-body-m, var(--adbl-font-family-body, Audible Sans, Arial, sans-serif));
  font-size: var(--adbl-font-size-body-m, 16px);
  font-weight: var(--adbl-font-weight-body-m, 400);
  letter-spacing: var(--adbl-font-letter-spacing-body-m, 0px);
  line-height: var(--adbl-font-line-height-body-m, 22px);
}

@media (min-width: 960px) {
  .adbl-text-body-m {
    font-size: var(--adbl-font-size-body-m, 18px);
    line-height: var(--adbl-font-line-height-body-m, 26px);
  }
}

.adbl-text-body-s {
  font-family: var(--adbl-font-family-body-s, var(--adbl-font-family-body, Audible Sans, Arial, sans-serif));
  font-size: var(--adbl-font-size-body-s, 14px);
  font-weight: var(--adbl-font-weight-body-s, 400);
  letter-spacing: var(--adbl-font-letter-spacing-body-s, 0px);
  line-height: var(--adbl-font-line-height-body-s, 18px);
}

@media (min-width: 960px) {
  .adbl-text-body-s {
    font-size: var(--adbl-font-size-body-s, 16px);
    line-height: var(--adbl-font-line-height-body-s, 22px);
  }
}

.adbl-text-body-xs {
  font-family: var(--adbl-font-family-body-xs, var(--adbl-font-family-body, Audible Sans, Arial, sans-serif));
  font-size: var(--adbl-font-size-body-xs, 12px);
  font-weight: var(--adbl-font-weight-body-xs, 400);
  letter-spacing: var(--adbl-font-letter-spacing-body-xs, 0px);
  line-height: var(--adbl-font-line-height-body-xs, 16px);
}

@media (min-width: 960px) {
  .adbl-text-body-xs {
    font-size: var(--adbl-font-size-body-xs, 14px);
    line-height: var(--adbl-font-line-height-body-xs, 18px);
  }
}

.adbl-text-action-xl {
  font-family: var(--adbl-font-family-action-xl, var(--adbl-font-family-action, Audible Sans, Arial, sans-serif));
  font-size: var(--adbl-font-size-action-xl, 18px);
  font-weight: var(--adbl-font-weight-action-xl, 600);
  letter-spacing: var(--adbl-font-letter-spacing-action-xl, 0px);
  line-height: var(--adbl-font-line-height-action-xl, 26px);
}

@media (min-width: 960px) {
  .adbl-text-action-xl {
    font-size: var(--adbl-font-size-action-xl, 22px);
    line-height: var(--adbl-font-line-height-action-xl, 30px);
  }
}

.adbl-text-action-l {
  font-family: var(--adbl-font-family-action-l, var(--adbl-font-family-action, Audible Sans, Arial, sans-serif));
  font-size: var(--adbl-font-size-action-l, 16px);
  font-weight: var(--adbl-font-weight-action-l, 600);
  letter-spacing: var(--adbl-font-letter-spacing-action-l, 0px);
  line-height: var(--adbl-font-line-height-action-l, 22px);
}

@media (min-width: 960px) {
  .adbl-text-action-l {
    font-size: var(--adbl-font-size-action-l, 18px);
    line-height: var(--adbl-font-line-height-action-l, 26px);
  }
}

.adbl-text-action-s {
  font-family: var(--adbl-font-family-action-s, var(--adbl-font-family-action, Audible Sans, Arial, sans-serif));
  font-size: var(--adbl-font-size-action-s, 14px);
  font-weight: var(--adbl-font-weight-action-s, 600);
  letter-spacing: var(--adbl-font-letter-spacing-action-s, 0px);
  line-height: var(--adbl-font-line-height-action-s, 18px);
}

@media (min-width: 960px) {
  .adbl-text-action-s {
    font-size: var(--adbl-font-size-action-s, 16px);
    line-height: var(--adbl-font-line-height-action-s, 22px);
  }
}

.adbl-text-action-xs {
  font-family: var(--adbl-font-family-action-xs, var(--adbl-font-family-action, Audible Sans, Arial, sans-serif));
  font-size: var(--adbl-font-size-action-xs, 12px);
  font-weight: var(--adbl-font-weight-action-xs, 600);
  letter-spacing: var(--adbl-font-letter-spacing-action-xs, 0px);
  line-height: var(--adbl-font-line-height-action-xs, 16px);
}

@media (min-width: 960px) {
  .adbl-text-action-xs {
    font-size: var(--adbl-font-size-action-xs, 14px);
    line-height: var(--adbl-font-line-height-action-xs, 20px);
  }
}

.adbl-text-caption-1 {
  font-family: var(--adbl-font-family-caption-1, var(--adbl-font-family-caption, Audible Sans, Arial, sans-serif));
  font-size: var(--adbl-font-size-caption-1, 11px);
  font-weight: var(--adbl-font-weight-caption-1, 400);
  letter-spacing: var(--adbl-font-letter-spacing-caption-1, 0px);
  line-height: var(--adbl-font-line-height-caption-1, 15px);
}

.adbl-text-label-small {
  font-family: var(--adbl-font-family-label-small, Audible Sans, Arial, sans-serif);
  font-size: var(--adbl-font-size-label-small, 11px);
  font-weight: var(--adbl-font-weight-label-small, 700);
  letter-spacing: var(--adbl-font-letter-spacing-label-small, 0px);
  line-height: var(--adbl-font-line-height-label-small, 12px);
  text-transform: var(--adbl-font-text-transform-label-small, uppercase);
}

.adbl-text-label-medium {
  font-family: var(--adbl-font-family-label-medium, Audible Sans, Arial, sans-serif);
  font-size: var(--adbl-font-size-label-medium, 12px);
  font-weight: var(--adbl-font-weight-label-medium, 700);
  letter-spacing: var(--adbl-font-letter-spacing-label-medium, 0px);
  line-height: var(--adbl-font-line-height-label-medium, 12px);
  text-transform: var(--adbl-font-text-transform-label-medium, uppercase);
}

.adbl-text-label-large {
  font-family: var(--adbl-font-family-label-large, Audible Sans, Arial, sans-serif);
  font-size: var(--adbl-font-size-label-large, 14px);
  font-weight: var(--adbl-font-weight-label-large, 700);
  letter-spacing: var(--adbl-font-letter-spacing-label-large, 0px);
  line-height: var(--adbl-font-line-height-label-large, 12px);
  text-transform: var(--adbl-font-text-transform-label-large, uppercase);
}

.adbl-m-0 {
  margin: 0px;
}

.adbl-m-0\.25 {
  margin: 2px;
}

.adbl-m-0\.5 {
  margin: 4px;
}

.adbl-m-1 {
  margin: 8px;
}

.adbl-m-1\.5 {
  margin: 12px;
}

.adbl-m-10 {
  margin: 80px;
}

.adbl-m-2 {
  margin: 16px;
}

.adbl-m-3 {
  margin: 24px;
}

.adbl-m-4 {
  margin: 32px;
}

.adbl-m-5 {
  margin: 40px;
}

.adbl-m-6 {
  margin: 48px;
}

.adbl-m-7 {
  margin: 56px;
}

.adbl-m-8 {
  margin: 64px;
}

.adbl-m-9 {
  margin: 72px;
}

.adbl-m-auto {
  margin: auto;
}

.adbl-mx-0 {
  margin-left: 0px;
  margin-right: 0px;
}

.adbl-mx-0\.25 {
  margin-left: 2px;
  margin-right: 2px;
}

.adbl-mx-0\.5 {
  margin-left: 4px;
  margin-right: 4px;
}

.adbl-mx-1 {
  margin-left: 8px;
  margin-right: 8px;
}

.adbl-mx-1\.5 {
  margin-left: 12px;
  margin-right: 12px;
}

.adbl-mx-10 {
  margin-left: 80px;
  margin-right: 80px;
}

.adbl-mx-2 {
  margin-left: 16px;
  margin-right: 16px;
}

.adbl-mx-3 {
  margin-left: 24px;
  margin-right: 24px;
}

.adbl-mx-4 {
  margin-left: 32px;
  margin-right: 32px;
}

.adbl-mx-5 {
  margin-left: 40px;
  margin-right: 40px;
}

.adbl-mx-6 {
  margin-left: 48px;
  margin-right: 48px;
}

.adbl-mx-7 {
  margin-left: 56px;
  margin-right: 56px;
}

.adbl-mx-8 {
  margin-left: 64px;
  margin-right: 64px;
}

.adbl-mx-9 {
  margin-left: 72px;
  margin-right: 72px;
}

.adbl-mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.adbl-my-0 {
  margin-top: 0px;
  margin-bottom: 0px;
}

.adbl-my-0\.25 {
  margin-top: 2px;
  margin-bottom: 2px;
}

.adbl-my-0\.5 {
  margin-top: 4px;
  margin-bottom: 4px;
}

.adbl-my-1 {
  margin-top: 8px;
  margin-bottom: 8px;
}

.adbl-my-1\.5 {
  margin-top: 12px;
  margin-bottom: 12px;
}

.adbl-my-10 {
  margin-top: 80px;
  margin-bottom: 80px;
}

.adbl-my-2 {
  margin-top: 16px;
  margin-bottom: 16px;
}

.adbl-my-3 {
  margin-top: 24px;
  margin-bottom: 24px;
}

.adbl-my-4 {
  margin-top: 32px;
  margin-bottom: 32px;
}

.adbl-my-5 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.adbl-my-6 {
  margin-top: 48px;
  margin-bottom: 48px;
}

.adbl-my-7 {
  margin-top: 56px;
  margin-bottom: 56px;
}

.adbl-my-8 {
  margin-top: 64px;
  margin-bottom: 64px;
}

.adbl-my-9 {
  margin-top: 72px;
  margin-bottom: 72px;
}

.adbl-my-auto {
  margin-top: auto;
  margin-bottom: auto;
}

.adbl-mb-0 {
  margin-bottom: 0px;
}

.adbl-mb-0\.25 {
  margin-bottom: 2px;
}

.adbl-mb-0\.5 {
  margin-bottom: 4px;
}

.adbl-mb-1 {
  margin-bottom: 8px;
}

.adbl-mb-1\.5 {
  margin-bottom: 12px;
}

.adbl-mb-10 {
  margin-bottom: 80px;
}

.adbl-mb-2 {
  margin-bottom: 16px;
}

.adbl-mb-3 {
  margin-bottom: 24px;
}

.adbl-mb-4 {
  margin-bottom: 32px;
}

.adbl-mb-5 {
  margin-bottom: 40px;
}

.adbl-mb-6 {
  margin-bottom: 48px;
}

.adbl-mb-7 {
  margin-bottom: 56px;
}

.adbl-mb-8 {
  margin-bottom: 64px;
}

.adbl-mb-9 {
  margin-bottom: 72px;
}

.adbl-mb-auto {
  margin-bottom: auto;
}

.adbl-ml-0 {
  margin-left: 0px;
}

.adbl-ml-0\.25 {
  margin-left: 2px;
}

.adbl-ml-0\.5 {
  margin-left: 4px;
}

.adbl-ml-1 {
  margin-left: 8px;
}

.adbl-ml-1\.5 {
  margin-left: 12px;
}

.adbl-ml-10 {
  margin-left: 80px;
}

.adbl-ml-2 {
  margin-left: 16px;
}

.adbl-ml-3 {
  margin-left: 24px;
}

.adbl-ml-4 {
  margin-left: 32px;
}

.adbl-ml-5 {
  margin-left: 40px;
}

.adbl-ml-6 {
  margin-left: 48px;
}

.adbl-ml-7 {
  margin-left: 56px;
}

.adbl-ml-8 {
  margin-left: 64px;
}

.adbl-ml-9 {
  margin-left: 72px;
}

.adbl-ml-auto {
  margin-left: auto;
}

.adbl-mr-0 {
  margin-right: 0px;
}

.adbl-mr-0\.25 {
  margin-right: 2px;
}

.adbl-mr-0\.5 {
  margin-right: 4px;
}

.adbl-mr-1 {
  margin-right: 8px;
}

.adbl-mr-1\.5 {
  margin-right: 12px;
}

.adbl-mr-10 {
  margin-right: 80px;
}

.adbl-mr-2 {
  margin-right: 16px;
}

.adbl-mr-3 {
  margin-right: 24px;
}

.adbl-mr-4 {
  margin-right: 32px;
}

.adbl-mr-5 {
  margin-right: 40px;
}

.adbl-mr-6 {
  margin-right: 48px;
}

.adbl-mr-7 {
  margin-right: 56px;
}

.adbl-mr-8 {
  margin-right: 64px;
}

.adbl-mr-9 {
  margin-right: 72px;
}

.adbl-mr-auto {
  margin-right: auto;
}

.adbl-mt-0 {
  margin-top: 0px;
}

.adbl-mt-0\.25 {
  margin-top: 2px;
}

.adbl-mt-0\.5 {
  margin-top: 4px;
}

.adbl-mt-1 {
  margin-top: 8px;
}

.adbl-mt-1\.5 {
  margin-top: 12px;
}

.adbl-mt-10 {
  margin-top: 80px;
}

.adbl-mt-2 {
  margin-top: 16px;
}

.adbl-mt-3 {
  margin-top: 24px;
}

.adbl-mt-4 {
  margin-top: 32px;
}

.adbl-mt-5 {
  margin-top: 40px;
}

.adbl-mt-6 {
  margin-top: 48px;
}

.adbl-mt-7 {
  margin-top: 56px;
}

.adbl-mt-8 {
  margin-top: 64px;
}

.adbl-mt-9 {
  margin-top: 72px;
}

.adbl-mt-auto {
  margin-top: auto;
}

.adbl-p-0 {
  padding: 0px;
}

.adbl-p-0\.25 {
  padding: 2px;
}

.adbl-p-0\.5 {
  padding: 4px;
}

.adbl-p-1 {
  padding: 8px;
}

.adbl-p-1\.5 {
  padding: 12px;
}

.adbl-p-10 {
  padding: 80px;
}

.adbl-p-2 {
  padding: 16px;
}

.adbl-p-3 {
  padding: 24px;
}

.adbl-p-4 {
  padding: 32px;
}

.adbl-p-5 {
  padding: 40px;
}

.adbl-p-6 {
  padding: 48px;
}

.adbl-p-7 {
  padding: 56px;
}

.adbl-p-8 {
  padding: 64px;
}

.adbl-p-9 {
  padding: 72px;
}

.adbl-px-0 {
  padding-left: 0px;
  padding-right: 0px;
}

.adbl-px-0\.25 {
  padding-left: 2px;
  padding-right: 2px;
}

.adbl-px-0\.5 {
  padding-left: 4px;
  padding-right: 4px;
}

.adbl-px-1 {
  padding-left: 8px;
  padding-right: 8px;
}

.adbl-px-1\.5 {
  padding-left: 12px;
  padding-right: 12px;
}

.adbl-px-10 {
  padding-left: 80px;
  padding-right: 80px;
}

.adbl-px-2 {
  padding-left: 16px;
  padding-right: 16px;
}

.adbl-px-3 {
  padding-left: 24px;
  padding-right: 24px;
}

.adbl-px-4 {
  padding-left: 32px;
  padding-right: 32px;
}

.adbl-px-5 {
  padding-left: 40px;
  padding-right: 40px;
}

.adbl-px-6 {
  padding-left: 48px;
  padding-right: 48px;
}

.adbl-px-7 {
  padding-left: 56px;
  padding-right: 56px;
}

.adbl-px-8 {
  padding-left: 64px;
  padding-right: 64px;
}

.adbl-px-9 {
  padding-left: 72px;
  padding-right: 72px;
}

.adbl-py-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}

.adbl-py-0\.25 {
  padding-top: 2px;
  padding-bottom: 2px;
}

.adbl-py-0\.5 {
  padding-top: 4px;
  padding-bottom: 4px;
}

.adbl-py-1 {
  padding-top: 8px;
  padding-bottom: 8px;
}

.adbl-py-1\.5 {
  padding-top: 12px;
  padding-bottom: 12px;
}

.adbl-py-10 {
  padding-top: 80px;
  padding-bottom: 80px;
}

.adbl-py-2 {
  padding-top: 16px;
  padding-bottom: 16px;
}

.adbl-py-3 {
  padding-top: 24px;
  padding-bottom: 24px;
}

.adbl-py-4 {
  padding-top: 32px;
  padding-bottom: 32px;
}

.adbl-py-5 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.adbl-py-6 {
  padding-top: 48px;
  padding-bottom: 48px;
}

.adbl-py-7 {
  padding-top: 56px;
  padding-bottom: 56px;
}

.adbl-py-8 {
  padding-top: 64px;
  padding-bottom: 64px;
}

.adbl-py-9 {
  padding-top: 72px;
  padding-bottom: 72px;
}

.adbl-pb-0 {
  padding-bottom: 0px;
}

.adbl-pb-0\.25 {
  padding-bottom: 2px;
}

.adbl-pb-0\.5 {
  padding-bottom: 4px;
}

.adbl-pb-1 {
  padding-bottom: 8px;
}

.adbl-pb-1\.5 {
  padding-bottom: 12px;
}

.adbl-pb-10 {
  padding-bottom: 80px;
}

.adbl-pb-2 {
  padding-bottom: 16px;
}

.adbl-pb-3 {
  padding-bottom: 24px;
}

.adbl-pb-4 {
  padding-bottom: 32px;
}

.adbl-pb-5 {
  padding-bottom: 40px;
}

.adbl-pb-6 {
  padding-bottom: 48px;
}

.adbl-pb-7 {
  padding-bottom: 56px;
}

.adbl-pb-8 {
  padding-bottom: 64px;
}

.adbl-pb-9 {
  padding-bottom: 72px;
}

.adbl-pl-0 {
  padding-left: 0px;
}

.adbl-pl-0\.25 {
  padding-left: 2px;
}

.adbl-pl-0\.5 {
  padding-left: 4px;
}

.adbl-pl-1 {
  padding-left: 8px;
}

.adbl-pl-1\.5 {
  padding-left: 12px;
}

.adbl-pl-10 {
  padding-left: 80px;
}

.adbl-pl-2 {
  padding-left: 16px;
}

.adbl-pl-3 {
  padding-left: 24px;
}

.adbl-pl-4 {
  padding-left: 32px;
}

.adbl-pl-5 {
  padding-left: 40px;
}

.adbl-pl-6 {
  padding-left: 48px;
}

.adbl-pl-7 {
  padding-left: 56px;
}

.adbl-pl-8 {
  padding-left: 64px;
}

.adbl-pl-9 {
  padding-left: 72px;
}

.adbl-pr-0 {
  padding-right: 0px;
}

.adbl-pr-0\.25 {
  padding-right: 2px;
}

.adbl-pr-0\.5 {
  padding-right: 4px;
}

.adbl-pr-1 {
  padding-right: 8px;
}

.adbl-pr-1\.5 {
  padding-right: 12px;
}

.adbl-pr-10 {
  padding-right: 80px;
}

.adbl-pr-2 {
  padding-right: 16px;
}

.adbl-pr-3 {
  padding-right: 24px;
}

.adbl-pr-4 {
  padding-right: 32px;
}

.adbl-pr-5 {
  padding-right: 40px;
}

.adbl-pr-6 {
  padding-right: 48px;
}

.adbl-pr-7 {
  padding-right: 56px;
}

.adbl-pr-8 {
  padding-right: 64px;
}

.adbl-pr-9 {
  padding-right: 72px;
}

.adbl-pt-0 {
  padding-top: 0px;
}

.adbl-pt-0\.25 {
  padding-top: 2px;
}

.adbl-pt-0\.5 {
  padding-top: 4px;
}

.adbl-pt-1 {
  padding-top: 8px;
}

.adbl-pt-1\.5 {
  padding-top: 12px;
}

.adbl-pt-10 {
  padding-top: 80px;
}

.adbl-pt-2 {
  padding-top: 16px;
}

.adbl-pt-3 {
  padding-top: 24px;
}

.adbl-pt-4 {
  padding-top: 32px;
}

.adbl-pt-5 {
  padding-top: 40px;
}

.adbl-pt-6 {
  padding-top: 48px;
}

.adbl-pt-7 {
  padding-top: 56px;
}

.adbl-pt-8 {
  padding-top: 64px;
}

.adbl-pt-9 {
  padding-top: 72px;
}

.adbl-text-accent {
  color: var(--adbl-accent);
}

.adbl-text-accent-hover {
  color: var(--adbl-accent-hover);
}

.adbl-text-accent-pressed {
  color: var(--adbl-accent-pressed);
}

.adbl-text-attention {
  color: var(--adbl-attention);
}

.adbl-text-attention-hover {
  color: var(--adbl-attention-hover);
}

.adbl-text-background {
  color: var(--adbl-background);
}

.adbl-text-background-highlight {
  color: var(--adbl-background-highlight);
}

.adbl-text-background-input {
  color: var(--adbl-background-input);
}

.adbl-text-border-active {
  color: var(--adbl-border-active);
}

.adbl-text-border-attention {
  color: var(--adbl-border-attention);
}

.adbl-text-border-brand {
  color: var(--adbl-border-brand);
}

.adbl-text-border-caution {
  color: var(--adbl-border-caution);
}

.adbl-text-border-default {
  color: var(--adbl-border-default);
}

.adbl-text-border-info {
  color: var(--adbl-border-info);
}

.adbl-text-border-selected {
  color: var(--adbl-border-selected);
}

.adbl-text-border-success {
  color: var(--adbl-border-success);
}

.adbl-text-brand-fill {
  color: var(--adbl-brand-fill);
}

.adbl-text-caution {
  color: var(--adbl-caution);
}

.adbl-text-divider {
  color: var(--adbl-divider);
}

.adbl-text-divider-inverse {
  color: var(--adbl-divider-inverse);
}

.adbl-text-divider-translucent {
  color: var(--adbl-divider-translucent);
}

.adbl-text-foreground {
  color: var(--adbl-foreground);
}

.adbl-text-gradient-coral-start {
  color: var(--adbl-gradient-coral-start);
}

.adbl-text-gradient-emerald-start {
  color: var(--adbl-gradient-emerald-start);
}

.adbl-text-gradient-info-end {
  color: var(--adbl-gradient-info-end);
}

.adbl-text-gradient-info-start {
  color: var(--adbl-gradient-info-start);
}

.adbl-text-gradient-primary-end {
  color: var(--adbl-gradient-primary-end);
}

.adbl-text-gradient-primary-start {
  color: var(--adbl-gradient-primary-start);
}

.adbl-text-gradient-sapphire-start {
  color: var(--adbl-gradient-sapphire-start);
}

.adbl-text-gradient-sunstone-start {
  color: var(--adbl-gradient-sunstone-start);
}

.adbl-text-gradient-surface-end {
  color: var(--adbl-gradient-surface-end);
}

.adbl-text-gradient-surface-start {
  color: var(--adbl-gradient-surface-start);
}

.adbl-text-info {
  color: var(--adbl-info);
}

.adbl-text-inverse-fill {
  color: var(--adbl-inverse-fill);
}

.adbl-text-inverse-tertiary-fill {
  color: var(--adbl-inverse-tertiary-fill);
}

.adbl-text-link {
  color: var(--adbl-link);
}

.adbl-text-link-disabled {
  color: var(--adbl-link-disabled);
}

.adbl-text-link-hover {
  color: var(--adbl-link-hover);
}

.adbl-text-link-pressed {
  color: var(--adbl-link-pressed);
}

.adbl-text-link-secondary {
  color: var(--adbl-link-secondary);
}

.adbl-text-link-secondary-disabled {
  color: var(--adbl-link-secondary-disabled);
}

.adbl-text-link-secondary-hover {
  color: var(--adbl-link-secondary-hover);
}

.adbl-text-link-secondary-pressed {
  color: var(--adbl-link-secondary-pressed);
}

.adbl-text-link-secondary-visited {
  color: var(--adbl-link-secondary-visited);
}

.adbl-text-link-visited {
  color: var(--adbl-link-visited);
}

.adbl-text-on-accent {
  color: var(--adbl-on-accent);
}

.adbl-text-outline {
  color: var(--adbl-outline);
}

.adbl-text-outline-hover {
  color: var(--adbl-outline-hover);
}

.adbl-text-outline-pressed {
  color: var(--adbl-outline-pressed);
}

.adbl-text-placeholder-background {
  color: var(--adbl-placeholder-background);
}

.adbl-text-placeholder-foreground {
  color: var(--adbl-placeholder-foreground);
}

.adbl-text-primary-fill {
  color: var(--adbl-primary-fill);
}

.adbl-text-primary-overlay {
  color: var(--adbl-primary-overlay);
}

.adbl-text-product-cover-outline {
  color: var(--adbl-product-cover-outline);
}

.adbl-text-progress-bar {
  color: var(--adbl-progress-bar);
}

.adbl-text-progress-bar-empty {
  color: var(--adbl-progress-bar-empty);
}

.adbl-text-progress-info {
  color: var(--adbl-progress-info);
}

.adbl-text-quaternary-fill {
  color: var(--adbl-quaternary-fill);
}

.adbl-text-quaternary-overlay {
  color: var(--adbl-quaternary-overlay);
}

.adbl-text-scrim {
  color: var(--adbl-scrim);
}

.adbl-text-seasonal-coral {
  color: #fb7260;
}

.adbl-text-seasonal-coral\/0 {
  color: rgb(251 114 96 / 0);
}

.adbl-text-seasonal-coral\/10 {
  color: rgb(251 114 96 / 0.1);
}

.adbl-text-seasonal-coral\/100 {
  color: rgb(251 114 96 / 1);
}

.adbl-text-seasonal-coral\/15 {
  color: rgb(251 114 96 / 0.15);
}

.adbl-text-seasonal-coral\/20 {
  color: rgb(251 114 96 / 0.2);
}

.adbl-text-seasonal-coral\/25 {
  color: rgb(251 114 96 / 0.25);
}

.adbl-text-seasonal-coral\/30 {
  color: rgb(251 114 96 / 0.3);
}

.adbl-text-seasonal-coral\/35 {
  color: rgb(251 114 96 / 0.35);
}

.adbl-text-seasonal-coral\/40 {
  color: rgb(251 114 96 / 0.4);
}

.adbl-text-seasonal-coral\/45 {
  color: rgb(251 114 96 / 0.45);
}

.adbl-text-seasonal-coral\/5 {
  color: rgb(251 114 96 / 0.05);
}

.adbl-text-seasonal-coral\/50 {
  color: rgb(251 114 96 / 0.5);
}

.adbl-text-seasonal-coral\/55 {
  color: rgb(251 114 96 / 0.55);
}

.adbl-text-seasonal-coral\/60 {
  color: rgb(251 114 96 / 0.6);
}

.adbl-text-seasonal-coral\/65 {
  color: rgb(251 114 96 / 0.65);
}

.adbl-text-seasonal-coral\/70 {
  color: rgb(251 114 96 / 0.7);
}

.adbl-text-seasonal-coral\/75 {
  color: rgb(251 114 96 / 0.75);
}

.adbl-text-seasonal-coral\/80 {
  color: rgb(251 114 96 / 0.8);
}

.adbl-text-seasonal-coral\/85 {
  color: rgb(251 114 96 / 0.85);
}

.adbl-text-seasonal-coral\/90 {
  color: rgb(251 114 96 / 0.9);
}

.adbl-text-seasonal-coral\/95 {
  color: rgb(251 114 96 / 0.95);
}

.adbl-text-seasonal-emerald {
  color: #008b76;
}

.adbl-text-seasonal-emerald\/0 {
  color: rgb(0 139 118 / 0);
}

.adbl-text-seasonal-emerald\/10 {
  color: rgb(0 139 118 / 0.1);
}

.adbl-text-seasonal-emerald\/100 {
  color: rgb(0 139 118 / 1);
}

.adbl-text-seasonal-emerald\/15 {
  color: rgb(0 139 118 / 0.15);
}

.adbl-text-seasonal-emerald\/20 {
  color: rgb(0 139 118 / 0.2);
}

.adbl-text-seasonal-emerald\/25 {
  color: rgb(0 139 118 / 0.25);
}

.adbl-text-seasonal-emerald\/30 {
  color: rgb(0 139 118 / 0.3);
}

.adbl-text-seasonal-emerald\/35 {
  color: rgb(0 139 118 / 0.35);
}

.adbl-text-seasonal-emerald\/40 {
  color: rgb(0 139 118 / 0.4);
}

.adbl-text-seasonal-emerald\/45 {
  color: rgb(0 139 118 / 0.45);
}

.adbl-text-seasonal-emerald\/5 {
  color: rgb(0 139 118 / 0.05);
}

.adbl-text-seasonal-emerald\/50 {
  color: rgb(0 139 118 / 0.5);
}

.adbl-text-seasonal-emerald\/55 {
  color: rgb(0 139 118 / 0.55);
}

.adbl-text-seasonal-emerald\/60 {
  color: rgb(0 139 118 / 0.6);
}

.adbl-text-seasonal-emerald\/65 {
  color: rgb(0 139 118 / 0.65);
}

.adbl-text-seasonal-emerald\/70 {
  color: rgb(0 139 118 / 0.7);
}

.adbl-text-seasonal-emerald\/75 {
  color: rgb(0 139 118 / 0.75);
}

.adbl-text-seasonal-emerald\/80 {
  color: rgb(0 139 118 / 0.8);
}

.adbl-text-seasonal-emerald\/85 {
  color: rgb(0 139 118 / 0.85);
}

.adbl-text-seasonal-emerald\/90 {
  color: rgb(0 139 118 / 0.9);
}

.adbl-text-seasonal-emerald\/95 {
  color: rgb(0 139 118 / 0.95);
}

.adbl-text-seasonal-sapphire {
  color: #3a4ce3;
}

.adbl-text-seasonal-sapphire\/0 {
  color: rgb(58 76 227 / 0);
}

.adbl-text-seasonal-sapphire\/10 {
  color: rgb(58 76 227 / 0.1);
}

.adbl-text-seasonal-sapphire\/100 {
  color: rgb(58 76 227 / 1);
}

.adbl-text-seasonal-sapphire\/15 {
  color: rgb(58 76 227 / 0.15);
}

.adbl-text-seasonal-sapphire\/20 {
  color: rgb(58 76 227 / 0.2);
}

.adbl-text-seasonal-sapphire\/25 {
  color: rgb(58 76 227 / 0.25);
}

.adbl-text-seasonal-sapphire\/30 {
  color: rgb(58 76 227 / 0.3);
}

.adbl-text-seasonal-sapphire\/35 {
  color: rgb(58 76 227 / 0.35);
}

.adbl-text-seasonal-sapphire\/40 {
  color: rgb(58 76 227 / 0.4);
}

.adbl-text-seasonal-sapphire\/45 {
  color: rgb(58 76 227 / 0.45);
}

.adbl-text-seasonal-sapphire\/5 {
  color: rgb(58 76 227 / 0.05);
}

.adbl-text-seasonal-sapphire\/50 {
  color: rgb(58 76 227 / 0.5);
}

.adbl-text-seasonal-sapphire\/55 {
  color: rgb(58 76 227 / 0.55);
}

.adbl-text-seasonal-sapphire\/60 {
  color: rgb(58 76 227 / 0.6);
}

.adbl-text-seasonal-sapphire\/65 {
  color: rgb(58 76 227 / 0.65);
}

.adbl-text-seasonal-sapphire\/70 {
  color: rgb(58 76 227 / 0.7);
}

.adbl-text-seasonal-sapphire\/75 {
  color: rgb(58 76 227 / 0.75);
}

.adbl-text-seasonal-sapphire\/80 {
  color: rgb(58 76 227 / 0.8);
}

.adbl-text-seasonal-sapphire\/85 {
  color: rgb(58 76 227 / 0.85);
}

.adbl-text-seasonal-sapphire\/90 {
  color: rgb(58 76 227 / 0.9);
}

.adbl-text-seasonal-sapphire\/95 {
  color: rgb(58 76 227 / 0.95);
}

.adbl-text-seasonal-sunstone {
  color: #db4f00;
}

.adbl-text-seasonal-sunstone\/0 {
  color: rgb(219 79 0 / 0);
}

.adbl-text-seasonal-sunstone\/10 {
  color: rgb(219 79 0 / 0.1);
}

.adbl-text-seasonal-sunstone\/100 {
  color: rgb(219 79 0 / 1);
}

.adbl-text-seasonal-sunstone\/15 {
  color: rgb(219 79 0 / 0.15);
}

.adbl-text-seasonal-sunstone\/20 {
  color: rgb(219 79 0 / 0.2);
}

.adbl-text-seasonal-sunstone\/25 {
  color: rgb(219 79 0 / 0.25);
}

.adbl-text-seasonal-sunstone\/30 {
  color: rgb(219 79 0 / 0.3);
}

.adbl-text-seasonal-sunstone\/35 {
  color: rgb(219 79 0 / 0.35);
}

.adbl-text-seasonal-sunstone\/40 {
  color: rgb(219 79 0 / 0.4);
}

.adbl-text-seasonal-sunstone\/45 {
  color: rgb(219 79 0 / 0.45);
}

.adbl-text-seasonal-sunstone\/5 {
  color: rgb(219 79 0 / 0.05);
}

.adbl-text-seasonal-sunstone\/50 {
  color: rgb(219 79 0 / 0.5);
}

.adbl-text-seasonal-sunstone\/55 {
  color: rgb(219 79 0 / 0.55);
}

.adbl-text-seasonal-sunstone\/60 {
  color: rgb(219 79 0 / 0.6);
}

.adbl-text-seasonal-sunstone\/65 {
  color: rgb(219 79 0 / 0.65);
}

.adbl-text-seasonal-sunstone\/70 {
  color: rgb(219 79 0 / 0.7);
}

.adbl-text-seasonal-sunstone\/75 {
  color: rgb(219 79 0 / 0.75);
}

.adbl-text-seasonal-sunstone\/80 {
  color: rgb(219 79 0 / 0.8);
}

.adbl-text-seasonal-sunstone\/85 {
  color: rgb(219 79 0 / 0.85);
}

.adbl-text-seasonal-sunstone\/90 {
  color: rgb(219 79 0 / 0.9);
}

.adbl-text-seasonal-sunstone\/95 {
  color: rgb(219 79 0 / 0.95);
}

.adbl-text-secondary-fill {
  color: var(--adbl-secondary-fill);
}

.adbl-text-secondary-overlay {
  color: var(--adbl-secondary-overlay);
}

.adbl-text-selected {
  color: var(--adbl-selected);
}

.adbl-text-selected-hover {
  color: var(--adbl-selected-hover);
}

.adbl-text-selected-pressed {
  color: var(--adbl-selected-pressed);
}

.adbl-text-simple {
  color: var(--adbl-simple);
}

.adbl-text-simple-hover {
  color: var(--adbl-simple-hover);
}

.adbl-text-simple-pressed {
  color: var(--adbl-simple-pressed);
}

.adbl-text-solid {
  color: var(--adbl-solid);
}

.adbl-text-solid-hover {
  color: var(--adbl-solid-hover);
}

.adbl-text-solid-pressed {
  color: var(--adbl-solid-pressed);
}

.adbl-text-squidink {
  color: #232f3e;
}

.adbl-text-squidink\/0 {
  color: rgb(35 47 62 / 0);
}

.adbl-text-squidink\/10 {
  color: rgb(35 47 62 / 0.1);
}

.adbl-text-squidink\/100 {
  color: rgb(35 47 62 / 1);
}

.adbl-text-squidink\/15 {
  color: rgb(35 47 62 / 0.15);
}

.adbl-text-squidink\/20 {
  color: rgb(35 47 62 / 0.2);
}

.adbl-text-squidink\/25 {
  color: rgb(35 47 62 / 0.25);
}

.adbl-text-squidink\/30 {
  color: rgb(35 47 62 / 0.3);
}

.adbl-text-squidink\/35 {
  color: rgb(35 47 62 / 0.35);
}

.adbl-text-squidink\/40 {
  color: rgb(35 47 62 / 0.4);
}

.adbl-text-squidink\/45 {
  color: rgb(35 47 62 / 0.45);
}

.adbl-text-squidink\/5 {
  color: rgb(35 47 62 / 0.05);
}

.adbl-text-squidink\/50 {
  color: rgb(35 47 62 / 0.5);
}

.adbl-text-squidink\/55 {
  color: rgb(35 47 62 / 0.55);
}

.adbl-text-squidink\/60 {
  color: rgb(35 47 62 / 0.6);
}

.adbl-text-squidink\/65 {
  color: rgb(35 47 62 / 0.65);
}

.adbl-text-squidink\/70 {
  color: rgb(35 47 62 / 0.7);
}

.adbl-text-squidink\/75 {
  color: rgb(35 47 62 / 0.75);
}

.adbl-text-squidink\/80 {
  color: rgb(35 47 62 / 0.8);
}

.adbl-text-squidink\/85 {
  color: rgb(35 47 62 / 0.85);
}

.adbl-text-squidink\/90 {
  color: rgb(35 47 62 / 0.9);
}

.adbl-text-squidink\/95 {
  color: rgb(35 47 62 / 0.95);
}

.adbl-text-success {
  color: var(--adbl-success);
}

.adbl-text-surface {
  color: var(--adbl-surface);
}

.adbl-text-surface-attention {
  color: var(--adbl-surface-attention);
}

.adbl-text-surface-base {
  color: var(--adbl-surface-base);
}

.adbl-text-surface-brand {
  color: var(--adbl-surface-brand);
}

.adbl-text-surface-caution {
  color: var(--adbl-surface-caution);
}

.adbl-text-surface-hover {
  color: var(--adbl-surface-hover);
}

.adbl-text-surface-info {
  color: var(--adbl-surface-info);
}

.adbl-text-surface-neutral {
  color: var(--adbl-surface-neutral);
}

.adbl-text-surface-outline {
  color: var(--adbl-surface-outline);
}

.adbl-text-surface-pressed {
  color: var(--adbl-surface-pressed);
}

.adbl-text-surface-success {
  color: var(--adbl-surface-success);
}

.adbl-text-tertiary-fill {
  color: var(--adbl-tertiary-fill);
}

.adbl-text-tertiary-overlay {
  color: var(--adbl-tertiary-overlay);
}
.adbl-comparison-chart {
  font-family: var(--adbl-font-family-body-m, var(--adbl-font-family-body, Audible Sans, Arial, sans-serif));
  font-size: var(--adbl-font-size-body-m, 16px);
  font-weight: var(--adbl-font-weight-body-m, 400);
  letter-spacing: var(--adbl-font-letter-spacing-body-m, 0px);
  line-height: var(--adbl-font-line-height-body-m, 22px);
}
@media (min-width: 960px) {

  .adbl-comparison-chart {
    font-size: var(--adbl-font-size-body-m, 18px);
    line-height: var(--adbl-font-line-height-body-m, 26px);
  }
}
.adbl-comparison-chart {
  display: grid;
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  align-items: center;
  text-align: center;

  --table-max-width: 640px;
  --table-data-cols-count: 2;
  --table-data-cell-width: 100px;

  max-width: var(--table-max-width);
  grid-template-columns:
    minmax(100px, 100%)
    /* All middle data columns except the last one (reason for -1 calculation)*/
    repeat(
      calc(var(--table-data-cols-count) - 1),
      calc(var(--table-data-cell-width) + 16px)
    )
    var(--table-data-cell-width);

  thead,
  tbody,
  tr {
    display: contents;
  }

  thead {
    th {
      min-height: 56px;
    }
    th {
      align-content: center;
    }
    th {
      justify-content: center;
    }
    th {

      :first-child {
        font-family: var(--adbl-font-family-title-2, var(--adbl-font-family-headline, Audible Sans, Arial, sans-serif));
        font-size: var(--adbl-font-size-title-2, 18px);
        font-weight: var(--adbl-font-weight-title-2, 600);
        letter-spacing: var(--adbl-font-letter-spacing-title-2, 0px);
        line-height: var(--adbl-font-line-height-title-2, 26px);
      }
      :last-child {
        font-family: var(--adbl-font-family-title-4, var(--adbl-font-family-headline, Audible Sans, Arial, sans-serif));
        font-size: var(--adbl-font-size-title-4, 14px);
        font-weight: var(--adbl-font-weight-title-4, 600);
        letter-spacing: var(--adbl-font-letter-spacing-title-4, 0px);
        line-height: var(--adbl-font-line-height-title-4, 18px);
      }
    }
  }

  tbody {
    td {
      min-height: 56px;
    }
    td {
      align-content: center;
    }
    td {
      justify-content: center;
    }
  }

  td:first-child {
    font-family: var(--adbl-font-family-body-s, var(--adbl-font-family-body, Audible Sans, Arial, sans-serif));
    font-size: var(--adbl-font-size-body-s, 14px);
    font-weight: var(--adbl-font-weight-body-s, 400);
    letter-spacing: var(--adbl-font-letter-spacing-body-s, 0px);
    line-height: var(--adbl-font-line-height-body-s, 18px);
  }

  @media (min-width: 960px) {

    td:first-child {
      font-size: var(--adbl-font-size-body-s, 16px);
      line-height: var(--adbl-font-line-height-body-s, 22px);
    }
  }

  td:first-child {
    justify-self: start;
  }

  td:first-child {
    text-align: left;
  }

  th,
  td {
    margin-right: 16px;
  }

  th,
  td {
    min-width: 56px;
  }

  th,
  td {
    overflow: hidden;
  }

  th,
  td {
    padding: 0px;
  }

  /* 
   * Create a gap only between the data columns as requested by UX
   * Else we would have used the gap feature of the grid.
   */
  td:last-child,
  th:last-child,
  td:first-child,
  th:first-child {
    margin-right: 0px;
  }
}

/* ----- Medium screen ----- */

@media screen and (min-width: 500px) {
  .adbl-comparison-chart {
    /* 
     * In medium and above screens the gap applies between all columns. 
     * No need for a specialized middle columns only gap. 
    */
    -moz-column-gap: 40px;
         column-gap: 40px;

    grid-template-columns:
      minmax(100px, 100%)
      repeat(var(--table-data-cols-count), var(--table-data-cell-width));

    th,
    td {
      margin: 0px;
    }
  }
}

:root {
  --adbl-grid-gutter: 16px;
  --adbl-grid-margin: 16px;
  --adbl-grid-max-width: 1600px;
}

.adbl-responsive-two-column-layout {
  display: grid;
  height: 100%;
  width: 100%;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  padding-left: var(--adbl-grid-margin);
  padding-right: var(--adbl-grid-margin);
}

.adbl-responsive-two-column-layout > * {
  grid-column: span 1 / span 1;
}

@media (min-width: 500px) {
  .adbl-responsive-two-column-layout {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

    .adbl-responsive-two-column-layout > * {
    grid-column: span 6 / span 6;
    grid-column-start: 2;
  }
}

@media (min-width: 960px) {
  :root {
    --adbl-grid-gutter: 24px;
    --adbl-grid-margin: 32px;
  }

  .adbl-responsive-two-column-layout {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    -moz-column-gap: var(--adbl-grid-gutter);
         column-gap: var(--adbl-grid-gutter);
    padding-left: var(--adbl-grid-margin);
    padding-right: var(--adbl-grid-margin);
  }

    .adbl-responsive-two-column-layout > * {
    grid-column: span 1 / span 1;
    grid-row-start: 1;
  }

    .adbl-responsive-two-column-layout > :first-child {
    grid-column-start: 2;
  }

    .adbl-responsive-two-column-layout > :nth-child(2) {
    grid-column-start: 1;
  }
}

@media (min-width: 1280px) {
  :root {
    --adbl-grid-margin: 80px;
  }

  .adbl-responsive-two-column-layout {
    margin-left: auto;
    margin-right: auto;
    max-width: var(--adbl-grid-max-width);
    -moz-column-gap: var(--adbl-grid-gutter);
         column-gap: var(--adbl-grid-gutter);
    padding-left: var(--adbl-grid-margin);
    padding-right: var(--adbl-grid-margin);
  }
}

.adbl-inline {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.adbl-inline-center {
  align-items: center;
}

/*
 * The gap property for Flexbox isn't supported by Safari before version 14.1.
 */
.adbl-inline-gap-0 {
  --adbl-inline-spacing: 0px;
  margin-inline-end: calc(-1 * var(--adbl-inline-spacing));
  margin-block-end: calc(-1 * var(--adbl-inline-spacing));
}
.adbl-inline-gap-0 * {
    margin-inline-end: var(--adbl-inline-spacing);
    margin-block-end: var(--adbl-inline-spacing);
  }

.adbl-inline-gap-0\.25 {
  --adbl-inline-spacing: 2px;
  margin-inline-end: calc(-1 * var(--adbl-inline-spacing));
  margin-block-end: calc(-1 * var(--adbl-inline-spacing));
}

.adbl-inline-gap-0\.25 * {
    margin-inline-end: var(--adbl-inline-spacing);
    margin-block-end: var(--adbl-inline-spacing);
  }

.adbl-inline-gap-0\.5 {
  --adbl-inline-spacing: 4px;
  margin-inline-end: calc(-1 * var(--adbl-inline-spacing));
  margin-block-end: calc(-1 * var(--adbl-inline-spacing));
}

.adbl-inline-gap-0\.5 * {
    margin-inline-end: var(--adbl-inline-spacing);
    margin-block-end: var(--adbl-inline-spacing);
  }

.adbl-inline-gap-1 {
  --adbl-inline-spacing: 8px;
  margin-inline-end: calc(-1 * var(--adbl-inline-spacing));
  margin-block-end: calc(-1 * var(--adbl-inline-spacing));
}

.adbl-inline-gap-1 * {
    margin-inline-end: var(--adbl-inline-spacing);
    margin-block-end: var(--adbl-inline-spacing);
  }

.adbl-inline-gap-1\.5 {
  --adbl-inline-spacing: 12px;
  margin-inline-end: calc(-1 * var(--adbl-inline-spacing));
  margin-block-end: calc(-1 * var(--adbl-inline-spacing));
}

.adbl-inline-gap-1\.5 * {
    margin-inline-end: var(--adbl-inline-spacing);
    margin-block-end: var(--adbl-inline-spacing);
  }

.adbl-inline-gap-2 {
  --adbl-inline-spacing: 16px;
  margin-inline-end: calc(-1 * var(--adbl-inline-spacing));
  margin-block-end: calc(-1 * var(--adbl-inline-spacing));
}

.adbl-inline-gap-2 * {
    margin-inline-end: var(--adbl-inline-spacing);
    margin-block-end: var(--adbl-inline-spacing);
  }

.adbl-inline-gap-3 {
  --adbl-inline-spacing: 24px;
  margin-inline-end: calc(-1 * var(--adbl-inline-spacing));
  margin-block-end: calc(-1 * var(--adbl-inline-spacing));
}

.adbl-inline-gap-3 * {
    margin-inline-end: var(--adbl-inline-spacing);
    margin-block-end: var(--adbl-inline-spacing);
  }

.adbl-inline-gap-4 {
  --adbl-inline-spacing: 32px;
  margin-inline-end: calc(-1 * var(--adbl-inline-spacing));
  margin-block-end: calc(-1 * var(--adbl-inline-spacing));
}

.adbl-inline-gap-4 * {
    margin-inline-end: var(--adbl-inline-spacing);
    margin-block-end: var(--adbl-inline-spacing);
  }

.adbl-inline-gap-5 {
  --adbl-inline-spacing: 40px;
  margin-inline-end: calc(-1 * var(--adbl-inline-spacing));
  margin-block-end: calc(-1 * var(--adbl-inline-spacing));
}

.adbl-inline-gap-5 * {
    margin-inline-end: var(--adbl-inline-spacing);
    margin-block-end: var(--adbl-inline-spacing);
  }

.adbl-inline-gap-6 {
  --adbl-inline-spacing: 48px;
  margin-inline-end: calc(-1 * var(--adbl-inline-spacing));
  margin-block-end: calc(-1 * var(--adbl-inline-spacing));
}

.adbl-inline-gap-6 * {
    margin-inline-end: var(--adbl-inline-spacing);
    margin-block-end: var(--adbl-inline-spacing);
  }

.adbl-inline-gap-7 {
  --adbl-inline-spacing: 56px;
  margin-inline-end: calc(-1 * var(--adbl-inline-spacing));
  margin-block-end: calc(-1 * var(--adbl-inline-spacing));
}

.adbl-inline-gap-7 * {
    margin-inline-end: var(--adbl-inline-spacing);
    margin-block-end: var(--adbl-inline-spacing);
  }

.adbl-inline-gap-8 {
  --adbl-inline-spacing: 64px;
  margin-inline-end: calc(-1 * var(--adbl-inline-spacing));
  margin-block-end: calc(-1 * var(--adbl-inline-spacing));
}

.adbl-inline-gap-8 * {
    margin-inline-end: var(--adbl-inline-spacing);
    margin-block-end: var(--adbl-inline-spacing);
  }

.adbl-inline-gap-9 {
  --adbl-inline-spacing: 72px;
  margin-inline-end: calc(-1 * var(--adbl-inline-spacing));
  margin-block-end: calc(-1 * var(--adbl-inline-spacing));
}

.adbl-inline-gap-9 * {
    margin-inline-end: var(--adbl-inline-spacing);
    margin-block-end: var(--adbl-inline-spacing);
  }

.adbl-inline-gap-10 {
  --adbl-inline-spacing: 80px;
  margin-inline-end: calc(-1 * var(--adbl-inline-spacing));
  margin-block-end: calc(-1 * var(--adbl-inline-spacing));
}

.adbl-inline-gap-10 * {
    margin-inline-end: var(--adbl-inline-spacing);
    margin-block-end: var(--adbl-inline-spacing);
  }

.adbl-stack {
  display: grid;
  grid-auto-flow: row;
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.adbl-stack-center {
  justify-items: center;
}

.adbl-stack-gap-0 {
  --adbl-stack-spacing: 0px;
  gap: var(--adbl-stack-spacing);
}

.adbl-stack-gap-0\.25 {
  --adbl-stack-spacing: 2px;
  gap: var(--adbl-stack-spacing);
}

.adbl-stack-gap-0\.5 {
  --adbl-stack-spacing: 4px;
  gap: var(--adbl-stack-spacing);
}

.adbl-stack-gap-1 {
  --adbl-stack-spacing: 8px;
  gap: var(--adbl-stack-spacing);
}

.adbl-stack-gap-1\.5 {
  --adbl-stack-spacing: 12px;
  gap: var(--adbl-stack-spacing);
}

.adbl-stack-gap-2 {
  --adbl-stack-spacing: 16px;
  gap: var(--adbl-stack-spacing);
}

.adbl-stack-gap-3 {
  --adbl-stack-spacing: 24px;
  gap: var(--adbl-stack-spacing);
}

.adbl-stack-gap-4 {
  --adbl-stack-spacing: 32px;
  gap: var(--adbl-stack-spacing);
}

.adbl-stack-gap-5 {
  --adbl-stack-spacing: 40px;
  gap: var(--adbl-stack-spacing);
}

.adbl-stack-gap-6 {
  --adbl-stack-spacing: 48px;
  gap: var(--adbl-stack-spacing);
}

.adbl-stack-gap-7 {
  --adbl-stack-spacing: 56px;
  gap: var(--adbl-stack-spacing);
}

.adbl-stack-gap-8 {
  --adbl-stack-spacing: 64px;
  gap: var(--adbl-stack-spacing);
}

.adbl-stack-gap-9 {
  --adbl-stack-spacing: 72px;
  gap: var(--adbl-stack-spacing);
}

.adbl-stack-gap-10 {
  --adbl-stack-spacing: 80px;
  gap: var(--adbl-stack-spacing);
}