:root {
  --viewport-mobile: 22.5rem;
  --viewport-tablet: 48rem;
  --viewport-laptop: 65rem;
  --viewport-desktop: 90rem;
  --viewport-large-desktop: 105rem;
  --viewport-tv: 120rem;
  --radius-zero: 0;
  --radius-extra-small: 0.375rem;
  --radius-small: 0.5rem;
  --radius-medium: 1rem;
  --radius-large: 1.5rem;
  --radius-extra-large: 2rem;
  --radius-extra-extra-large: 3rem;
  --radius-full: 62.4375rem;
  --strokes-1: 0.0625rem;
  --strokes-2: 0.125rem;
  --strokes-3: 0.25rem;
  --spacing-component-0: 0;
  --spacing-component-1: 0.125rem;
  --spacing-component-2: 0.25rem;
  --spacing-component-3: 0.5rem;
  --spacing-component-4: 0.75rem;
  --spacing-component-5: 1rem;
  --spacing-component-6: 1.25rem;
  --spacing-component-7: 1.5rem;
  --spacing-component-8: 2rem;
  --spacing-component-9: 2.5rem;
  --spacing-component-10: 3rem;
  --spacing-layout-0: 0;
  --spacing-layout-1: 1rem;
  --spacing-layout-2: 1.5rem;
  --spacing-layout-3: 2rem;
  --spacing-layout-4: 2.5rem;
  --spacing-layout-5: 3rem;
  --spacing-layout-6: 3.5rem;
  --spacing-layout-7: 4rem;
  --spacing-layout-8: 5rem;
  --spacing-layout-9: 6rem;
  --spacing-layout-10: 8rem;
  --sizing-component-0: 0;
  --sizing-component-1: 0.0625rem;
  --sizing-component-2: 0.125rem;
  --sizing-component-3: 0.25rem;
  --sizing-component-4: 0.5rem;
  --sizing-component-5: 0.625rem;
  --sizing-component-6: 0.75rem;
  --sizing-component-7: 1rem;
  --sizing-component-8: 1.25rem;
  --sizing-component-9: 1.375rem;
  --sizing-component-10: 1.5rem;
  --sizing-component-11: 1.75rem;
  --sizing-component-12: 2rem;
  --sizing-component-13: 2.5rem;
  --sizing-component-14: 3rem;
  --sizing-component-15: 4rem;
  --sizing-component-16: 4.5rem;
  --sizing-component-17: 5rem;
  --sizing-component-18: 5.5rem;
  --sizing-component-19: 9rem;
  --sizing-component-20: 10rem;
  --sizing-input-height: 4.5rem;
  --sizing-viewport: clamp(22.5rem, 100vw + 0rem, 90rem);
  --sizing-minimum-tappable-area: 3rem;
  --layout-margins-cards: clamp(0.5rem, 1.4815vw + 0.1667rem, 1.5rem);
  --mode-basic-background: #fff;
  --mode-basic-background-subtle: #f1f1f1;
  --mode-basic-background-card: #f1f1f1;
  --mode-basic-text: #000;
  --mode-basic-text-dominant: #e20074;
  --mode-basic-text-recessive: #626262;
  --mode-basic-text-link: #e20074;
  --mode-basic-accent: #e20074;
  --mode-basic-text-on-accent: #fff;
  --mode-basic-accent-secondary: #000;
  --mode-basic-text-on-accent-secondary: #fff;
  --mode-basic-stroke: #000;
  --mode-basic-stroke-subtle: #b6b6b6;
  --mode-basic-modal-overlay: rgba(0, 0, 0, 0.4);
  --mode-shades-accent-shades-accent-subtle: #f9cce3;
  --mode-shades-accent-shades-accent-extra-dominant: #ee66ac;
  --mode-shades-accent-shades-accent-dominant: #e83390;
  --mode-shades-accent-shades-accent-recessive: #b5005d;
  --mode-shades-accent-shades-accent-extra-recessive: #880046;
  --mode-shades-secondary-accent-shades-secondary-accent-subtle: #f1f1f1;
  --mode-shades-secondary-accent-shades-secondary-accent-extra-dominant: #202020;
  --mode-shades-secondary-accent-shades-secondary-accent-dominant: #414141;
  --mode-shades-secondary-accent-shades-secondary-accent-recessive: #626262;
  --mode-shades-secondary-accent-shades-secondary-accent-extra-recessive: #828282;
  --mode-shades-neutral-shades-100: #f1f1f1;
  --mode-shades-neutral-shades-200: #ddd;
  --mode-shades-neutral-shades-300: #cacaca;
  --mode-shades-neutral-shades-400: #b6b6b6;
  --mode-shades-neutral-shades-500: #a3a3a3;
  --mode-shades-neutral-shades-600: #828282;
  --mode-shades-neutral-shades-700: #626262;
  --mode-shades-neutral-shades-800: #414141;
  --mode-shades-neutral-shades-900: #202020;
  --mode-interaction-states-hover-background-hover: #ddd;
  --mode-interaction-states-hover-background-subtle-hover: #ddd;
  --mode-interaction-states-hover-text-hover: #414141;
  --mode-interaction-states-hover-text-dominant-hover: #e83390;
  --mode-interaction-states-hover-text-recessive-hover: #e83390;
  --mode-interaction-states-hover-text-link-hover: #e83390;
  --mode-interaction-states-hover-accent-hover: #e83390;
  --mode-interaction-states-hover-text-on-accent-hover: #fff;
  --mode-interaction-states-hover-accent-secondary-hover: #414141;
  --mode-interaction-states-hover-text-on-accent-secondary-hover: #fff;
  --mode-interaction-states-hover-stroke-hover: #000;
  --mode-interaction-states-hover-stroke-subtle-hover: #000;
  --mode-interaction-states-pressed-background-pressed: #cacaca;
  --mode-interaction-states-pressed-background-subtle-pressed: #cacaca;
  --mode-interaction-states-pressed-text-pressed: #626262;
  --mode-interaction-states-pressed-text-dominant-pressed: #ee66ac;
  --mode-interaction-states-pressed-text-recessive-pressed: #ee66ac;
  --mode-interaction-states-pressed-text-link-pressed: #ee66ac;
  --mode-interaction-states-pressed-accent-pressed: #ee66ac;
  --mode-interaction-states-pressed-text-on-accent-pressed: #fff;
  --mode-interaction-states-pressed-accent-secondary-pressed: #626262;
  --mode-interaction-states-pressed-text-on-accent-secondary-pressed: #fff;
  --mode-interaction-states-pressed-stroke-pressed: #000;
  --mode-interaction-states-pressed-stroke-subtle-pressed: #000;
  --mode-interaction-states-focus-focus: #000;
  --mode-interaction-states-focus-stroke-active: #cacaca;
  --mode-interaction-states-disabled-background-disabled: #ddd;
  --mode-interaction-states-disabled-background-subtle-disabled: #cacaca;
  --mode-interaction-states-disabled-background-card-disabled: #cacaca;
  --mode-interaction-states-disabled-text-disabled: #828282;
  --mode-interaction-states-disabled-text-dominant-disabled: #828282;
  --mode-interaction-states-disabled-text-recessive-disabled: #828282;
  --mode-interaction-states-disabled-text-link-disabled: #828282;
  --mode-interaction-states-disabled-accent-disabled: #b6b6b6;
  --mode-interaction-states-disabled-text-on-accent-disabled: #626262;
  --mode-interaction-states-disabled-accent-secondary-disabled: #b6b6b6;
  --mode-interaction-states-disabled-text-on-accent-secondary-disabled: #626262;
  --mode-interaction-states-disabled-stroke-disabled: #b6b6b6;
  --mode-interaction-states-disabled-stroke-subtle-disabled: #b6b6b6;
  --mode-interaction-states-visited-text-visited: #000;
  --mode-interaction-states-visited-text-link-visited: #880046;
  --mode-functional-notification-notification: #eb2010;
  --mode-functional-notification-text-on-notification: #fff;
  --mode-functional-informational-subtle: #d3d7f9;
  --mode-functional-informational-standard: #2238df;
  --mode-functional-informational-hovered: #05169b;
  --mode-functional-informational-pressed: #000e79;
  --mode-functional-success-subtle: #ccf0e1;
  --mode-functional-success-standard: #008a50;
  --mode-functional-success-hovered: #006138;
  --mode-functional-success-pressed: #004829;
  --mode-functional-warning-subtle: #fee2d0;
  --mode-functional-warning-standard: #d05500;
  --mode-functional-warning-hovered: #bd4600;
  --mode-functional-warning-pressed: #642d07;
  --mode-functional-destructive-subtle: #fad2cf;
  --mode-functional-destructive-standard: #eb2010;
  --mode-functional-destructive-hovered: #bf0e00;
  --mode-functional-destructive-pressed: #960b00;
  --mode-elevation-level-0: 0 0 0 0 rgba(0, 0, 0, 0);
  --mode-elevation-level-1: 0 0 0 0 rgba(0, 0, 0, 0);
  --mode-elevation-level-2: 0 0 0 0 rgba(0, 0, 0, 0);
  --mode-elevation-level-3: 0 0 0 0 rgba(0, 0, 0, 0);
  --mode-elevation-level-4: 0 0 0 0 rgba(0, 0, 0, 0);
  --mode-elevation-level-5: 0 0 0 0 rgba(0, 0, 0, 0);
  --mode-elevation-level-6: 0 0 0 0 rgba(0, 0, 0, 0);
  --mode-elevation-app-bar-top-flat: 0 1px 0 0 rgba(0, 0, 0, 0.1);
  --mode-elevation-app-bar-top-raised: 0 3px 8px 0 rgba(0, 0, 0, 0.05);
  --mode-elevation-app-bar-bottom-flat: 0 -1px 0 0 rgba(0, 0, 0, 0.1);
  --mode-elevation-app-bar-bottom-raised: 0 -3px 8px 0 rgba(0, 0, 0, 0.05);
  --mode-elevation-fab-standard: 0 4px 8px 1px rgba(0, 0, 0, 0.13);
  --mode-elevation-fab-hovered: 0 5px 12px 2px rgba(0, 0, 0, 0.14);
  --mode-elevation-fab-pressed: 0 3px 7px 0 rgba(0, 0, 0, 0.12);
  --mode-inverted-basic-background: #000;
  --mode-inverted-basic-background-subtle: #202020;
  --mode-inverted-basic-background-card: #202020;
  --mode-inverted-basic-text: #fff;
  --mode-inverted-basic-text-dominant: #f61488;
  --mode-inverted-basic-text-recessive: #cacaca;
  --mode-inverted-basic-text-link: #f61488;
  --mode-inverted-basic-accent: #f61488;
  --mode-inverted-basic-text-on-accent: #fff;
  --mode-inverted-basic-accent-secondary: #fff;
  --mode-inverted-basic-text-on-accent-secondary: #000;
  --mode-inverted-basic-stroke: #fff;
  --mode-inverted-basic-stroke-subtle: #828282;
  --mode-inverted-basic-modal-overlay: rgba(255, 255, 255, 0.4);
  --mode-inverted-shades-accent-shades-accent-subtle: #ffbddf;
  --mode-inverted-shades-accent-shades-accent-extra-dominant: #ff69b6;
  --mode-inverted-shades-accent-shades-accent-dominant: #ff3fa1;
  --mode-inverted-shades-accent-shades-accent-recessive: #cd016a;
  --mode-inverted-shades-accent-shades-accent-extra-recessive: #a40054;
  --mode-inverted-shades-secondary-accent-shades-secondary-accent-subtle: #414141;
  --mode-inverted-shades-secondary-accent-shades-secondary-accent-extra-dominant: #f1f1f1;
  --mode-inverted-shades-secondary-accent-shades-secondary-accent-dominant: #ddd;
  --mode-inverted-shades-secondary-accent-shades-secondary-accent-recessive: #cacaca;
  --mode-inverted-shades-secondary-accent-shades-secondary-accent-extra-recessive: #b6b6b6;
  --mode-inverted-shades-neutral-shades-100: #202020;
  --mode-inverted-shades-neutral-shades-200: #414141;
  --mode-inverted-shades-neutral-shades-300: #626262;
  --mode-inverted-shades-neutral-shades-400: #828282;
  --mode-inverted-shades-neutral-shades-500: #a3a3a3;
  --mode-inverted-shades-neutral-shades-600: #b6b6b6;
  --mode-inverted-shades-neutral-shades-700: #cacaca;
  --mode-inverted-shades-neutral-shades-800: #ddd;
  --mode-inverted-shades-neutral-shades-900: #f1f1f1;
  --mode-inverted-interaction-states-hover-background-hover: #626262;
  --mode-inverted-interaction-states-hover-background-subtle-hover: #626262;
  --mode-inverted-interaction-states-hover-text-hover: #ddd;
  --mode-inverted-interaction-states-hover-text-dominant-hover: #ff3fa1;
  --mode-inverted-interaction-states-hover-text-recessive-hover: #ff3fa1;
  --mode-inverted-interaction-states-hover-text-link-hover: #ff3fa1;
  --mode-inverted-interaction-states-hover-accent-hover: #ff3fa1;
  --mode-inverted-interaction-states-hover-text-on-accent-hover: #fff;
  --mode-inverted-interaction-states-hover-accent-secondary-hover: #ddd;
  --mode-inverted-interaction-states-hover-text-on-accent-secondary-hover: #000;
  --mode-inverted-interaction-states-hover-stroke-hover: #fff;
  --mode-inverted-interaction-states-hover-stroke-subtle-hover: #fff;
  --mode-inverted-interaction-states-pressed-background-pressed: #828282;
  --mode-inverted-interaction-states-pressed-background-subtle-pressed: #828282;
  --mode-inverted-interaction-states-pressed-text-pressed: #cacaca;
  --mode-inverted-interaction-states-pressed-text-dominant-pressed: #ff69b6;
  --mode-inverted-interaction-states-pressed-text-recessive-pressed: #ff69b6;
  --mode-inverted-interaction-states-pressed-text-link-pressed: #ff69b6;
  --mode-inverted-interaction-states-pressed-accent-pressed: #ff69b6;
  --mode-inverted-interaction-states-pressed-text-on-accent-pressed: #fff;
  --mode-inverted-interaction-states-pressed-accent-secondary-pressed: #cacaca;
  --mode-inverted-interaction-states-pressed-text-on-accent-secondary-pressed: #000;
  --mode-inverted-interaction-states-pressed-stroke-pressed: #fff;
  --mode-inverted-interaction-states-pressed-stroke-subtle-pressed: #fff;
  --mode-inverted-interaction-states-focus-focus: #fff;
  --mode-inverted-interaction-states-focus-stroke-active: #626262;
  --mode-inverted-interaction-states-disabled-background-disabled: #414141;
  --mode-inverted-interaction-states-disabled-background-subtle-disabled: #626262;
  --mode-inverted-interaction-states-disabled-text-disabled: #828282;
  --mode-inverted-interaction-states-disabled-text-dominant-disabled: #828282;
  --mode-inverted-interaction-states-disabled-text-recessive-disabled: #828282;
  --mode-inverted-interaction-states-disabled-text-link-disabled: #828282;
  --mode-inverted-interaction-states-disabled-accent-disabled: #626262;
  --mode-inverted-interaction-states-disabled-text-on-accent-disabled: #b6b6b6;
  --mode-inverted-interaction-states-disabled-accent-secondary-disabled: #626262;
  --mode-inverted-interaction-states-disabled-text-on-accent-secondary-disabled: #b6b6b6;
  --mode-inverted-interaction-states-disabled-stroke-disabled: #414141;
  --mode-inverted-interaction-states-disabled-stroke-subtle-disabled: #414141;
  --mode-inverted-interaction-states-disabled-background-card-disabled: #626262;
  --mode-inverted-interaction-states-visited-text-visited: #fff;
  --mode-inverted-interaction-states-visited-text-link-visited: #cd016a;
  --mode-inverted-functional-notification-notification: #f2321e;
  --mode-inverted-functional-notification-text-on-notification: #fff;
  --mode-inverted-functional-informational-subtle: #131f7b;
  --mode-inverted-functional-informational-standard: #3950ea;
  --mode-inverted-functional-informational-hovered: #576ff3;
  --mode-inverted-functional-informational-pressed: #7486ff;
  --mode-inverted-functional-success-subtle: #004829;
  --mode-inverted-functional-success-standard: #00c26d;
  --mode-inverted-functional-success-hovered: #1bd27f;
  --mode-inverted-functional-success-pressed: #27ffa0;
  --mode-inverted-functional-warning-subtle: #642d07;
  --mode-inverted-functional-warning-standard: #fd9038;
  --mode-inverted-functional-warning-hovered: #ffaa65;
  --mode-inverted-functional-warning-pressed: #ffc292;
  --mode-inverted-functional-destructive-subtle: #5d0d06;
  --mode-inverted-functional-destructive-standard: #f2321e;
  --mode-inverted-functional-destructive-hovered: #f84934;
  --mode-inverted-functional-destructive-pressed: #ff9084;
  --mode-inverted-elevation-level-0: 0 0 0 0 rgba(0, 0, 0, 0);
  --mode-inverted-elevation-level-1: 0 0 0 0 rgba(0, 0, 0, 0);
  --mode-inverted-elevation-level-2: 0 0 0 0 rgba(0, 0, 0, 0);
  --mode-inverted-elevation-level-3: 0 0 0 0 rgba(0, 0, 0, 0);
  --mode-inverted-elevation-level-4: 0 0 0 0 rgba(0, 0, 0, 0);
  --mode-inverted-elevation-level-5: 0 0 0 0 rgba(0, 0, 0, 0);
  --mode-inverted-elevation-level-6: 0 0 0 0 rgba(0, 0, 0, 0);
  --mode-inverted-elevation-app-bar-top-flat: 0 1px 0 0 rgba(0, 0, 0, 0.1);
  --mode-inverted-elevation-app-bar-top-raised: 0 3px 8px 0 rgba(0, 0, 0, 0.35);
  --mode-inverted-elevation-app-bar-bottom-flat: 0 -1px 0 0 rgba(0, 0, 0, 0.1);
  --mode-inverted-elevation-app-bar-bottom-raised: 0 -3px 8px 0 rgba(0, 0, 0, 0.35);
  --mode-inverted-elevation-fab-standard: 0 5px 12px 0 rgba(0, 0, 0, 0.4);
  --mode-inverted-elevation-fab-hovered: 0 4px 9px 0 rgba(0, 0, 0, 0.3);
  --mode-inverted-elevation-fab-pressed: 0 3px 7px 0 rgba(0, 0, 0, 0.2);
  --display: 700 clamp(4.5rem, 2.2222vw + 4rem, 6rem) / 1;
  --display-font-weight: 700;
  --display-font-size: clamp(4.5rem, 2.2222vw + 4rem, 6rem);
  --display-line-height: 1;
  --display-letter-spacing: 0;
  --display-text-decoration: none;
  --title-l: 700 clamp(2rem, 2.2222vw + 1.5rem, 3.5rem) / 1;
  --title-l-font-weight: 700;
  --title-l-font-size: clamp(2rem, 2.2222vw + 1.5rem, 3.5rem);
  --title-l-line-height: 1;
  --title-l-letter-spacing: 0;
  --title-l-text-decoration: none;
  --title-m: 700 clamp(1.75rem, 1.8519vw + 1.3333rem, 3rem) / 1;
  --title-m-font-weight: 700;
  --title-m-font-size: clamp(1.75rem, 1.8519vw + 1.3333rem, 3rem);
  --title-m-line-height: 1;
  --title-m-letter-spacing: 0;
  --title-m-text-decoration: none;
  --title-s: 700 clamp(1.5rem, 0.7407vw + 1.3333rem, 2rem) / 1;
  --title-s-font-weight: 700;
  --title-s-font-size: clamp(1.5rem, 0.7407vw + 1.3333rem, 2rem);
  --title-s-line-height: 1;
  --title-s-letter-spacing: 0;
  --title-s-text-decoration: none;
  --subtitle: 700 clamp(1.375rem, 0.1852vw + 1.3333rem, 1.5rem) / 1;
  --subtitle-font-weight: 700;
  --subtitle-font-size: clamp(1.375rem, 0.1852vw + 1.3333rem, 1.5rem);
  --subtitle-line-height: 1;
  --subtitle-letter-spacing: 0;
  --subtitle-text-decoration: none;
  --paragraph: 700 1.25rem/1.3;
  --paragraph-font-weight: 700;
  --paragraph-font-size: 1.25rem;
  --paragraph-line-height: 1.3;
  --paragraph-letter-spacing: 0;
  --paragraph-text-decoration: none;
  --body-l: 700 1.25rem/1.2;
  --body-l-font-weight: 700;
  --body-l-font-size: 1.25rem;
  --body-l-line-height: 1.2;
  --body-l-letter-spacing: 0;
  --body-l-text-decoration: none;
  --body-m-bold: 700 1rem/1.25;
  --body-m-bold-font-weight: 700;
  --body-m-bold-font-size: 1rem;
  --body-m-bold-line-height: 1.25;
  --body-m-bold-letter-spacing: 0;
  --body-m-bold-text-decoration: none;
  --body-m-regular: 500 1rem/1.25;
  --body-m-regular-font-weight: 500;
  --body-m-regular-font-size: 1rem;
  --body-m-regular-line-height: 1.25;
  --body-m-regular-letter-spacing: 0;
  --body-m-regular-text-decoration: none;
  --link-m-bold: 700 1rem/1.25;
  --link-m-bold-font-weight: 700;
  --link-m-bold-font-size: 1rem;
  --link-m-bold-line-height: 1.25;
  --link-m-bold-letter-spacing: 0;
  --link-m-bold-text-decoration: underline;
  --link-m-regular: 500 1rem/1.25;
  --link-m-regular-font-weight: 500;
  --link-m-regular-font-size: 1rem;
  --link-m-regular-line-height: 1.25;
  --link-m-regular-letter-spacing: 0;
  --link-m-regular-text-decoration: underline;
  --body-s-bold: 700 0.875rem/1.25;
  --body-s-bold-font-weight: 700;
  --body-s-bold-font-size: 0.875rem;
  --body-s-bold-line-height: 1.25;
  --body-s-bold-letter-spacing: 0;
  --body-s-bold-text-decoration: none;
  --body-s-regular: 500 0.875rem/1.25;
  --body-s-regular-font-weight: 500;
  --body-s-regular-font-size: 0.875rem;
  --body-s-regular-line-height: 1.25;
  --body-s-regular-letter-spacing: 0;
  --body-s-regular-text-decoration: none;
  --link-s-bold: 700 0.875rem/1.25;
  --link-s-bold-font-weight: 700;
  --link-s-bold-font-size: 0.875rem;
  --link-s-bold-line-height: 1.25;
  --link-s-bold-letter-spacing: 0;
  --link-s-bold-text-decoration: underline;
  --link-s-regular: 500 0.875rem/1.25;
  --link-s-regular-font-weight: 500;
  --link-s-regular-font-size: 0.875rem;
  --link-s-regular-line-height: 1.25;
  --link-s-regular-letter-spacing: 0;
  --link-s-regular-text-decoration: underline;
  --microcopy-bold: 700 0.75rem/1.3;
  --microcopy-bold-font-weight: 700;
  --microcopy-bold-font-size: 0.75rem;
  --microcopy-bold-line-height: 1.3;
  --microcopy-bold-letter-spacing: 0;
  --microcopy-bold-text-decoration: none;
  --microcopy-regular: 500 0.75rem/1.3;
  --microcopy-regular-font-weight: 500;
  --microcopy-regular-font-size: 0.75rem;
  --microcopy-regular-line-height: 1.3;
  --microcopy-regular-letter-spacing: 0;
  --microcopy-regular-text-decoration: none;
}

@media (min-width: 768px) and (max-width: 1440px) {
  :root {
    --grid-margins: 1.5rem;
    --grid-margins-overflow: 1.5rem;
    --grid-gutters: 0.5rem;
    --stretch-grid-columns: 0.875rem;
    --stretch-grid-margins: 1.5rem;
    --stretch-grid-gutters: 0.5rem;
    --stretch-grid-column-width: clamp(2.75rem, 7.1429vw + -0.6786rem, 5.75rem);
    --columns-1-columns: clamp(2.75rem, 7.1429vw + -0.6786rem, 5.75rem);
    --columns-2-columns: clamp(6rem, 14.2857vw + -0.8571rem, 12rem);
    --columns-3-columns: clamp(9.25rem, 21.4286vw + -1.0357rem, 18.25rem);
    --columns-4-columns: clamp(12.5rem, 28.5714vw + -1.2143rem, 24.5rem);
    --columns-5-columns: clamp(15.75rem, 35.7143vw + -1.3929rem, 30.75rem);
    --columns-6-columns: clamp(19rem, 42.8571vw + -1.5714rem, 37rem);
    --columns-7-columns: clamp(22.25rem, 50vw + -1.75rem, 43.25rem);
    --columns-8-columns: clamp(25.5rem, 57.1429vw + -1.9286rem, 49.5rem);
    --columns-9-columns: clamp(28.75rem, 64.2857vw + -2.1071rem, 55.75rem);
    --columns-10-columns: clamp(32rem, 71.4286vw + -2.2857rem, 62rem);
    --columns-11-columns: clamp(35.25rem, 78.5714vw + -2.4643rem, 68.25rem);
    --columns-12-columns: clamp(38.5rem, 85.7143vw + -2.6429rem, 74.5rem);
    --columns-13-columns: clamp(38.5rem, 85.7143vw + -2.6429rem, 74.5rem);
    --columns-14-columns: clamp(38.5rem, 85.7143vw + -2.6429rem, 74.5rem);
  }
}
@media (min-width: 360px) and (max-width: 768px) {
  :root {
    --grid-margins: 1.5rem;
    --grid-margins-overflow: clamp(0.5rem, 3.9216vw + -0.3824rem, 1.5rem);
    --grid-gutters: clamp(0.25rem, 0.9804vw + 0.0294rem, 0.5rem);
    --stretch-grid-columns: clamp(0.375rem, 1.9608vw + -0.0662rem, 0.875rem);
    --stretch-grid-margins: 1.5rem;
    --stretch-grid-gutters: clamp(0.25rem, 0.9804vw + 0.0294rem, 0.5rem);
    --stretch-grid-column-width: clamp(
      2.75rem,
      -1.1438vw + 3.299rem,
      3.0417rem
    );
    --columns-1-columns: clamp(3.0419rem, 11.6005vw + 0.4318rem, 6rem);
    --columns-2-columns: clamp(6.3331rem, 24.1838vw + 0.8918rem, 12.5rem);
    --columns-3-columns: clamp(9.625rem, 36.7647vw + 1.3529rem, 19rem);
    --columns-4-columns: clamp(12.9169rem, 49.3456vw + 1.8141rem, 25.5rem);
    --columns-5-columns: clamp(16.2081rem, 61.9289vw + 2.2741rem, 32rem);
    --columns-6-columns: clamp(19.5rem, 74.5098vw + 2.7353rem, 38.5rem);
    --columns-7-columns: clamp(19.5rem, 10.7843vw + 17.0735rem, 22.25rem);
    --columns-8-columns: clamp(19.5rem, 23.5294vw + 14.2059rem, 25.5rem);
    --columns-9-columns: clamp(19.5rem, 36.2745vw + 11.3382rem, 28.75rem);
    --columns-10-columns: clamp(19.5rem, 49.0196vw + 8.4706rem, 32rem);
    --columns-11-columns: clamp(19.5rem, 61.7647vw + 5.6029rem, 35.25rem);
    --columns-12-columns: clamp(19.5rem, 74.5098vw + 2.7353rem, 38.5rem);
    --columns-13-columns: clamp(19.5rem, 74.5098vw + 2.7353rem, 38.5rem);
    --columns-14-columns: clamp(19.5rem, 74.5098vw + 2.7353rem, 38.5rem);
  }
}
@media (max-width: 360px) {
  :root {
    --grid-margins: 1.5rem;
    --grid-margins-overflow: 0.5rem;
    --grid-gutters: 0.25rem;
    --stretch-grid-columns: 0.375rem;
    --stretch-grid-margins: 1.5rem;
    --stretch-grid-gutters: 0.25rem;
    --stretch-grid-column-width: 3.0417rem;
    --overflow-grid-margins: 0.5rem;
    --columns-1-columns: 3.0419rem;
    --columns-2-columns: 6.3331rem;
    --columns-3-columns: 9.625rem;
    --columns-4-columns: 12.9169rem;
    --columns-5-columns: 16.2081rem;
    --columns-6-columns: 19.5rem;
    --columns-7-columns: 19.5rem;
    --columns-8-columns: 19.5rem;
    --columns-9-columns: 19.5rem;
    --columns-10-columns: 19.5rem;
    --columns-11-columns: 19.5rem;
    --columns-12-columns: 19.5rem;
    --columns-13-columns: 19.5rem;
    --columns-14-columns: 19.5rem;
  }
}
@media (min-width: 1680px) {
  :root {
    --grid-margins: 10.375rem;
    --grid-margins-overflow: 10.375rem;
    --grid-gutters: 0.5rem;
    --stretch-grid-column-width: infinityrem;
    --fixed-grid-column-width: 6.5625rem;
    --fixed-grid-columns: 0.875rem;
    --fixed-grid-gutters: 0.5rem;
    --columns-1-columns: 6.5625rem;
    --columns-2-columns: 13.625rem;
    --columns-3-columns: 20.6875rem;
    --columns-4-columns: 27.75rem;
    --columns-5-columns: 34.8125rem;
    --columns-6-columns: 41.875rem;
    --columns-7-columns: 48.9375rem;
    --columns-8-columns: 56rem;
    --columns-9-columns: 63.0625rem;
    --columns-10-columns: 70.125rem;
    --columns-11-columns: 77.1875rem;
    --columns-12-columns: 84.25rem;
    --columns-13-columns: 91.3125rem;
    --columns-14-columns: 98.375rem;
  }
}
@media (min-width: 1440px) and (max-width: 1680px) {
  :root {
    --grid-margins: clamp(1.5rem, 59.1667vw + -51.75rem, 10.375rem);
    --grid-margins-overflow: clamp(1.5rem, 59.1667vw + -51.75rem, 10.375rem);
    --grid-gutters: 0.5rem;
    --stretch-grid-column-width: clamp(
      5.75rem,
      infinityvw + -infinityrem,
      infinityrem
    );
    --columns-1-columns: clamp(5.75rem, 5.4167vw + 0.875rem, 6.5625rem);
    --columns-2-columns: clamp(12rem, 10.8333vw + 2.25rem, 13.625rem);
    --columns-3-columns: clamp(18.25rem, 16.25vw + 3.625rem, 20.6875rem);
    --columns-4-columns: clamp(24.5rem, 21.6667vw + 5rem, 27.75rem);
    --columns-5-columns: clamp(30.75rem, 27.0833vw + 6.375rem, 34.8125rem);
    --columns-6-columns: clamp(37rem, 32.5vw + 7.75rem, 41.875rem);
    --columns-7-columns: clamp(43.25rem, 37.9167vw + 9.125rem, 48.9375rem);
    --columns-8-columns: clamp(49.5rem, 43.3333vw + 10.5rem, 56rem);
    --columns-9-columns: clamp(55.75rem, 48.75vw + 11.875rem, 63.0625rem);
    --columns-10-columns: clamp(62rem, 54.1667vw + 13.25rem, 70.125rem);
    --columns-11-columns: clamp(68.25rem, 59.5833vw + 14.625rem, 77.1875rem);
    --columns-12-columns: clamp(74.5rem, 65vw + 16rem, 84.25rem);
    --columns-13-columns: clamp(74.5rem, 112.0833vw + -26.375rem, 91.3125rem);
    --columns-14-columns: clamp(74.5rem, 159.1667vw + -68.75rem, 98.375rem);
  }
}

[data-mode="dark"] {
  --mode-basic-background: #000;
  --mode-basic-background-subtle: #202020;
  --mode-basic-background-card: #202020;
  --mode-basic-text: #fff;
  --mode-basic-text-dominant: #f61488;
  --mode-basic-text-recessive: #cacaca;
  --mode-basic-text-link: #f61488;
  --mode-basic-accent: #f61488;
  --mode-basic-text-on-accent: #fff;
  --mode-basic-accent-secondary: #fff;
  --mode-basic-text-on-accent-secondary: #000;
  --mode-basic-stroke: #fff;
  --mode-basic-stroke-subtle: #828282;
  --mode-basic-modal-overlay: rgba(255, 255, 255, 0.4);
  --mode-shades-accent-shades-accent-subtle: #ffbddf;
  --mode-shades-accent-shades-accent-extra-dominant: #ff69b6;
  --mode-shades-accent-shades-accent-dominant: #ff3fa1;
  --mode-shades-accent-shades-accent-recessive: #cd016a;
  --mode-shades-accent-shades-accent-extra-recessive: #a40054;
  --mode-shades-secondary-accent-shades-secondary-accent-subtle: #414141;
  --mode-shades-secondary-accent-shades-secondary-accent-extra-dominant: #f1f1f1;
  --mode-shades-secondary-accent-shades-secondary-accent-dominant: #ddd;
  --mode-shades-secondary-accent-shades-secondary-accent-recessive: #cacaca;
  --mode-shades-secondary-accent-shades-secondary-accent-extra-recessive: #b6b6b6;
  --mode-shades-neutral-shades-100: #202020;
  --mode-shades-neutral-shades-200: #414141;
  --mode-shades-neutral-shades-300: #626262;
  --mode-shades-neutral-shades-400: #828282;
  --mode-shades-neutral-shades-500: #a3a3a3;
  --mode-shades-neutral-shades-600: #b6b6b6;
  --mode-shades-neutral-shades-700: #cacaca;
  --mode-shades-neutral-shades-800: #ddd;
  --mode-shades-neutral-shades-900: #f1f1f1;
  --mode-interaction-states-hover-background-hover: #626262;
  --mode-interaction-states-hover-background-subtle-hover: #626262;
  --mode-interaction-states-hover-text-hover: #ddd;
  --mode-interaction-states-hover-text-dominant-hover: #ff3fa1;
  --mode-interaction-states-hover-text-recessive-hover: #ff3fa1;
  --mode-interaction-states-hover-text-link-hover: #ff3fa1;
  --mode-interaction-states-hover-accent-hover: #ff3fa1;
  --mode-interaction-states-hover-text-on-accent-hover: #fff;
  --mode-interaction-states-hover-accent-secondary-hover: #ddd;
  --mode-interaction-states-hover-text-on-accent-secondary-hover: #000;
  --mode-interaction-states-hover-stroke-hover: #fff;
  --mode-interaction-states-hover-stroke-subtle-hover: #fff;
  --mode-interaction-states-pressed-background-pressed: #828282;
  --mode-interaction-states-pressed-background-subtle-pressed: #828282;
  --mode-interaction-states-pressed-text-pressed: #cacaca;
  --mode-interaction-states-pressed-text-dominant-pressed: #ff69b6;
  --mode-interaction-states-pressed-text-recessive-pressed: #ff69b6;
  --mode-interaction-states-pressed-text-link-pressed: #ff69b6;
  --mode-interaction-states-pressed-accent-pressed: #ff69b6;
  --mode-interaction-states-pressed-text-on-accent-pressed: #fff;
  --mode-interaction-states-pressed-accent-secondary-pressed: #cacaca;
  --mode-interaction-states-pressed-text-on-accent-secondary-pressed: #000;
  --mode-interaction-states-pressed-stroke-pressed: #fff;
  --mode-interaction-states-pressed-stroke-subtle-pressed: #fff;
  --mode-interaction-states-focus-focus: #fff;
  --mode-interaction-states-focus-stroke-active: #626262;
  --mode-interaction-states-disabled-background-disabled: #414141;
  --mode-interaction-states-disabled-background-subtle-disabled: #626262;
  --mode-interaction-states-disabled-background-card-disabled: #626262;
  --mode-interaction-states-disabled-text-disabled: #828282;
  --mode-interaction-states-disabled-text-dominant-disabled: #828282;
  --mode-interaction-states-disabled-text-recessive-disabled: #828282;
  --mode-interaction-states-disabled-text-link-disabled: #828282;
  --mode-interaction-states-disabled-accent-disabled: #626262;
  --mode-interaction-states-disabled-text-on-accent-disabled: #b6b6b6;
  --mode-interaction-states-disabled-accent-secondary-disabled: #626262;
  --mode-interaction-states-disabled-text-on-accent-secondary-disabled: #b6b6b6;
  --mode-interaction-states-disabled-stroke-disabled: #414141;
  --mode-interaction-states-disabled-stroke-subtle-disabled: #414141;
  --mode-interaction-states-visited-text-visited: #fff;
  --mode-interaction-states-visited-text-link-visited: #cd016a;
  --mode-functional-notification-notification: #f2321e;
  --mode-functional-notification-text-on-notification: #fff;
  --mode-functional-informational-subtle: #131f7b;
  --mode-functional-informational-standard: #3950ea;
  --mode-functional-informational-hovered: #576ff3;
  --mode-functional-informational-pressed: #7486ff;
  --mode-functional-success-subtle: #004829;
  --mode-functional-success-standard: #00c26d;
  --mode-functional-success-hovered: #1bd27f;
  --mode-functional-success-pressed: #27ffa0;
  --mode-functional-warning-subtle: #642d07;
  --mode-functional-warning-standard: #fd9038;
  --mode-functional-warning-hovered: #ffaa65;
  --mode-functional-warning-pressed: #ffc292;
  --mode-functional-destructive-subtle: #5d0d06;
  --mode-functional-destructive-standard: #f2321e;
  --mode-functional-destructive-hovered: #f84934;
  --mode-functional-destructive-pressed: #ff9084;
  --mode-elevation-level-0: 0 0 0 0 rgba(0, 0, 0, 0);
  --mode-elevation-level-1: 0 0 0 0 rgba(0, 0, 0, 0);
  --mode-elevation-level-2: 0 0 0 0 rgba(0, 0, 0, 0);
  --mode-elevation-level-3: 0 0 0 0 rgba(0, 0, 0, 0);
  --mode-elevation-level-4: 0 0 0 0 rgba(0, 0, 0, 0);
  --mode-elevation-level-5: 0 0 0 0 rgba(0, 0, 0, 0);
  --mode-elevation-level-6: 0 0 0 0 rgba(0, 0, 0, 0);
  --mode-elevation-app-bar-top-flat: 0 1px 0 0 rgba(0, 0, 0, 0.1);
  --mode-elevation-app-bar-top-raised: 0 3px 8px 0 rgba(0, 0, 0, 0.35);
  --mode-elevation-app-bar-bottom-flat: 0 -1px 0 0 rgba(0, 0, 0, 0.1);
  --mode-elevation-app-bar-bottom-raised: 0 -3px 8px 0 rgba(0, 0, 0, 0.35);
  --mode-elevation-fab-standard: 0 5px 12px 0 rgba(0, 0, 0, 0.4);
  --mode-elevation-fab-hovered: 0 4px 9px 0 rgba(0, 0, 0, 0.3);
  --mode-elevation-fab-pressed: 0 3px 7px 0 rgba(0, 0, 0, 0.2);
  --mode-inverted-basic-background: #fff;
  --mode-inverted-basic-background-subtle: #f1f1f1;
  --mode-inverted-basic-background-card: #f1f1f1;
  --mode-inverted-basic-text: #000;
  --mode-inverted-basic-text-dominant: #e20074;
  --mode-inverted-basic-text-recessive: #626262;
  --mode-inverted-basic-text-link: #e20074;
  --mode-inverted-basic-accent: #e20074;
  --mode-inverted-basic-text-on-accent: #fff;
  --mode-inverted-basic-accent-secondary: #000;
  --mode-inverted-basic-text-on-accent-secondary: #fff;
  --mode-inverted-basic-stroke: #000;
  --mode-inverted-basic-stroke-subtle: #b6b6b6;
  --mode-inverted-basic-modal-overlay: rgba(0, 0, 0, 0.4);
  --mode-inverted-shades-accent-shades-accent-subtle: #f9cce3;
  --mode-inverted-shades-accent-shades-accent-extra-dominant: #ee66ac;
  --mode-inverted-shades-accent-shades-accent-dominant: #e83390;
  --mode-inverted-shades-accent-shades-accent-recessive: #b5005d;
  --mode-inverted-shades-accent-shades-accent-extra-recessive: #880046;
  --mode-inverted-shades-secondary-accent-shades-secondary-accent-subtle: #f1f1f1;
  --mode-inverted-shades-secondary-accent-shades-secondary-accent-extra-dominant: #202020;
  --mode-inverted-shades-secondary-accent-shades-secondary-accent-dominant: #414141;
  --mode-inverted-shades-secondary-accent-shades-secondary-accent-recessive: #626262;
  --mode-inverted-shades-secondary-accent-shades-secondary-accent-extra-recessive: #828282;
  --mode-inverted-shades-neutral-shades-100: #f1f1f1;
  --mode-inverted-shades-neutral-shades-200: #ddd;
  --mode-inverted-shades-neutral-shades-300: #cacaca;
  --mode-inverted-shades-neutral-shades-400: #b6b6b6;
  --mode-inverted-shades-neutral-shades-500: #a3a3a3;
  --mode-inverted-shades-neutral-shades-600: #828282;
  --mode-inverted-shades-neutral-shades-700: #626262;
  --mode-inverted-shades-neutral-shades-800: #414141;
  --mode-inverted-shades-neutral-shades-900: #202020;
  --mode-inverted-interaction-states-hover-background-hover: #ddd;
  --mode-inverted-interaction-states-hover-background-subtle-hover: #ddd;
  --mode-inverted-interaction-states-hover-text-hover: #414141;
  --mode-inverted-interaction-states-hover-text-dominant-hover: #e83390;
  --mode-inverted-interaction-states-hover-text-recessive-hover: #e83390;
  --mode-inverted-interaction-states-hover-text-link-hover: #e83390;
  --mode-inverted-interaction-states-hover-accent-hover: #e83390;
  --mode-inverted-interaction-states-hover-text-on-accent-hover: #fff;
  --mode-inverted-interaction-states-hover-accent-secondary-hover: #414141;
  --mode-inverted-interaction-states-hover-text-on-accent-secondary-hover: #fff;
  --mode-inverted-interaction-states-hover-stroke-hover: #000;
  --mode-inverted-interaction-states-hover-stroke-subtle-hover: #000;
  --mode-inverted-interaction-states-pressed-background-pressed: #cacaca;
  --mode-inverted-interaction-states-pressed-background-subtle-pressed: #cacaca;
  --mode-inverted-interaction-states-pressed-text-pressed: #626262;
  --mode-inverted-interaction-states-pressed-text-dominant-pressed: #ee66ac;
  --mode-inverted-interaction-states-pressed-text-recessive-pressed: #ee66ac;
  --mode-inverted-interaction-states-pressed-text-link-pressed: #ee66ac;
  --mode-inverted-interaction-states-pressed-accent-pressed: #ee66ac;
  --mode-inverted-interaction-states-pressed-text-on-accent-pressed: #fff;
  --mode-inverted-interaction-states-pressed-accent-secondary-pressed: #626262;
  --mode-inverted-interaction-states-pressed-text-on-accent-secondary-pressed: #fff;
  --mode-inverted-interaction-states-pressed-stroke-pressed: #000;
  --mode-inverted-interaction-states-pressed-stroke-subtle-pressed: #000;
  --mode-inverted-interaction-states-focus-focus: #000;
  --mode-inverted-interaction-states-focus-stroke-active: #cacaca;
  --mode-inverted-interaction-states-disabled-background-disabled: #ddd;
  --mode-inverted-interaction-states-disabled-background-subtle-disabled: #cacaca;
  --mode-inverted-interaction-states-disabled-background-card-disabled: #cacaca;
  --mode-inverted-interaction-states-disabled-text-disabled: #828282;
  --mode-inverted-interaction-states-disabled-text-dominant-disabled: #828282;
  --mode-inverted-interaction-states-disabled-text-recessive-disabled: #828282;
  --mode-inverted-interaction-states-disabled-text-link-disabled: #828282;
  --mode-inverted-interaction-states-disabled-accent-disabled: #b6b6b6;
  --mode-inverted-interaction-states-disabled-text-on-accent-disabled: #626262;
  --mode-inverted-interaction-states-disabled-accent-secondary-disabled: #b6b6b6;
  --mode-inverted-interaction-states-disabled-text-on-accent-secondary-disabled: #626262;
  --mode-inverted-interaction-states-disabled-stroke-disabled: #b6b6b6;
  --mode-inverted-interaction-states-disabled-stroke-subtle-disabled: #b6b6b6;
  --mode-inverted-interaction-states-visited-text-visited: #000;
  --mode-inverted-interaction-states-visited-text-link-visited: #880046;
  --mode-inverted-functional-notification-notification: #eb2010;
  --mode-inverted-functional-notification-text-on-notification: #fff;
  --mode-inverted-functional-informational-subtle: #d3d7f9;
  --mode-inverted-functional-informational-standard: #2238df;
  --mode-inverted-functional-informational-hovered: #05169b;
  --mode-inverted-functional-informational-pressed: #000e79;
  --mode-inverted-functional-success-subtle: #ccf0e1;
  --mode-inverted-functional-success-standard: #008a50;
  --mode-inverted-functional-success-hovered: #006138;
  --mode-inverted-functional-success-pressed: #004829;
  --mode-inverted-functional-warning-subtle: #fee2d0;
  --mode-inverted-functional-warning-standard: #d05500;
  --mode-inverted-functional-warning-hovered: #bd4600;
  --mode-inverted-functional-warning-pressed: #642d07;
  --mode-inverted-functional-destructive-subtle: #fad2cf;
  --mode-inverted-functional-destructive-standard: #eb2010;
  --mode-inverted-functional-destructive-hovered: #bf0e00;
  --mode-inverted-functional-destructive-pressed: #960b00;
  --mode-inverted-elevation-level-0: 0 0 0 0 rgba(0, 0, 0, 0);
  --mode-inverted-elevation-level-1: 0 0 0 0 rgba(0, 0, 0, 0);
  --mode-inverted-elevation-level-2: 0 0 0 0 rgba(0, 0, 0, 0);
  --mode-inverted-elevation-level-3: 0 0 0 0 rgba(0, 0, 0, 0);
  --mode-inverted-elevation-level-4: 0 0 0 0 rgba(0, 0, 0, 0);
  --mode-inverted-elevation-level-5: 0 0 0 0 rgba(0, 0, 0, 0);
  --mode-inverted-elevation-level-6: 0 0 0 0 rgba(0, 0, 0, 0);
  --mode-inverted-elevation-app-bar-top-flat: 0 1px 0 0 rgba(0, 0, 0, 0.1);
  --mode-inverted-elevation-app-bar-top-raised: 0 3px 8px 0 rgba(0, 0, 0, 0.05);
  --mode-inverted-elevation-app-bar-bottom-flat: 0 -1px 0 0 rgba(0, 0, 0, 0.1);
  --mode-inverted-elevation-app-bar-bottom-raised: 0 -3px 8px 0 rgba(0, 0, 0, 0.05);
  --mode-inverted-elevation-fab-standard: 0 4px 8px 1px rgba(0, 0, 0, 0.13);
  --mode-inverted-elevation-fab-hovered: 0 5px 12px 2px rgba(0, 0, 0, 0.14);
  --mode-inverted-elevation-fab-pressed: 0 3px 7px 0 rgba(0, 0, 0, 0.12);
}

@media (prefers-color-scheme: dark) {
  :root {
    --mode-basic-background: #000;
    --mode-basic-background-subtle: #202020;
    --mode-basic-background-card: #202020;
    --mode-basic-text: #fff;
    --mode-basic-text-dominant: #f61488;
    --mode-basic-text-recessive: #cacaca;
    --mode-basic-text-link: #f61488;
    --mode-basic-accent: #f61488;
    --mode-basic-text-on-accent: #fff;
    --mode-basic-accent-secondary: #fff;
    --mode-basic-text-on-accent-secondary: #000;
    --mode-basic-stroke: #fff;
    --mode-basic-stroke-subtle: #828282;
    --mode-basic-modal-overlay: rgba(255, 255, 255, 0.4);
    --mode-shades-accent-shades-accent-subtle: #ffbddf;
    --mode-shades-accent-shades-accent-extra-dominant: #ff69b6;
    --mode-shades-accent-shades-accent-dominant: #ff3fa1;
    --mode-shades-accent-shades-accent-recessive: #cd016a;
    --mode-shades-accent-shades-accent-extra-recessive: #a40054;
    --mode-shades-secondary-accent-shades-secondary-accent-subtle: #414141;
    --mode-shades-secondary-accent-shades-secondary-accent-extra-dominant: #f1f1f1;
    --mode-shades-secondary-accent-shades-secondary-accent-dominant: #ddd;
    --mode-shades-secondary-accent-shades-secondary-accent-recessive: #cacaca;
    --mode-shades-secondary-accent-shades-secondary-accent-extra-recessive: #b6b6b6;
    --mode-shades-neutral-shades-100: #202020;
    --mode-shades-neutral-shades-200: #414141;
    --mode-shades-neutral-shades-300: #626262;
    --mode-shades-neutral-shades-400: #828282;
    --mode-shades-neutral-shades-500: #a3a3a3;
    --mode-shades-neutral-shades-600: #b6b6b6;
    --mode-shades-neutral-shades-700: #cacaca;
    --mode-shades-neutral-shades-800: #ddd;
    --mode-shades-neutral-shades-900: #f1f1f1;
    --mode-interaction-states-hover-background-hover: #626262;
    --mode-interaction-states-hover-background-subtle-hover: #626262;
    --mode-interaction-states-hover-text-hover: #ddd;
    --mode-interaction-states-hover-text-dominant-hover: #ff3fa1;
    --mode-interaction-states-hover-text-recessive-hover: #ff3fa1;
    --mode-interaction-states-hover-text-link-hover: #ff3fa1;
    --mode-interaction-states-hover-accent-hover: #ff3fa1;
    --mode-interaction-states-hover-text-on-accent-hover: #fff;
    --mode-interaction-states-hover-accent-secondary-hover: #ddd;
    --mode-interaction-states-hover-text-on-accent-secondary-hover: #000;
    --mode-interaction-states-hover-stroke-hover: #fff;
    --mode-interaction-states-hover-stroke-subtle-hover: #fff;
    --mode-interaction-states-pressed-background-pressed: #828282;
    --mode-interaction-states-pressed-background-subtle-pressed: #828282;
    --mode-interaction-states-pressed-text-pressed: #cacaca;
    --mode-interaction-states-pressed-text-dominant-pressed: #ff69b6;
    --mode-interaction-states-pressed-text-recessive-pressed: #ff69b6;
    --mode-interaction-states-pressed-text-link-pressed: #ff69b6;
    --mode-interaction-states-pressed-accent-pressed: #ff69b6;
    --mode-interaction-states-pressed-text-on-accent-pressed: #fff;
    --mode-interaction-states-pressed-accent-secondary-pressed: #cacaca;
    --mode-interaction-states-pressed-text-on-accent-secondary-pressed: #000;
    --mode-interaction-states-pressed-stroke-pressed: #fff;
    --mode-interaction-states-pressed-stroke-subtle-pressed: #fff;
    --mode-interaction-states-focus-focus: #fff;
    --mode-interaction-states-focus-stroke-active: #626262;
    --mode-interaction-states-disabled-background-disabled: #414141;
    --mode-interaction-states-disabled-background-subtle-disabled: #626262;
    --mode-interaction-states-disabled-background-card-disabled: #626262;
    --mode-interaction-states-disabled-text-disabled: #828282;
    --mode-interaction-states-disabled-text-dominant-disabled: #828282;
    --mode-interaction-states-disabled-text-recessive-disabled: #828282;
    --mode-interaction-states-disabled-text-link-disabled: #828282;
    --mode-interaction-states-disabled-accent-disabled: #626262;
    --mode-interaction-states-disabled-text-on-accent-disabled: #b6b6b6;
    --mode-interaction-states-disabled-accent-secondary-disabled: #626262;
    --mode-interaction-states-disabled-text-on-accent-secondary-disabled: #b6b6b6;
    --mode-interaction-states-disabled-stroke-disabled: #414141;
    --mode-interaction-states-disabled-stroke-subtle-disabled: #414141;
    --mode-interaction-states-visited-text-visited: #fff;
    --mode-interaction-states-visited-text-link-visited: #cd016a;
    --mode-functional-notification-notification: #f2321e;
    --mode-functional-notification-text-on-notification: #fff;
    --mode-functional-informational-subtle: #131f7b;
    --mode-functional-informational-standard: #3950ea;
    --mode-functional-informational-hovered: #576ff3;
    --mode-functional-informational-pressed: #7486ff;
    --mode-functional-success-subtle: #004829;
    --mode-functional-success-standard: #00c26d;
    --mode-functional-success-hovered: #1bd27f;
    --mode-functional-success-pressed: #27ffa0;
    --mode-functional-warning-subtle: #642d07;
    --mode-functional-warning-standard: #fd9038;
    --mode-functional-warning-hovered: #ffaa65;
    --mode-functional-warning-pressed: #ffc292;
    --mode-functional-destructive-subtle: #5d0d06;
    --mode-functional-destructive-standard: #f2321e;
    --mode-functional-destructive-hovered: #f84934;
    --mode-functional-destructive-pressed: #ff9084;
    --mode-elevation-level-0: 0 0 0 0 rgba(0, 0, 0, 0);
    --mode-elevation-level-1: 0 0 0 0 rgba(0, 0, 0, 0);
    --mode-elevation-level-2: 0 0 0 0 rgba(0, 0, 0, 0);
    --mode-elevation-level-3: 0 0 0 0 rgba(0, 0, 0, 0);
    --mode-elevation-level-4: 0 0 0 0 rgba(0, 0, 0, 0);
    --mode-elevation-level-5: 0 0 0 0 rgba(0, 0, 0, 0);
    --mode-elevation-level-6: 0 0 0 0 rgba(0, 0, 0, 0);
    --mode-elevation-app-bar-top-flat: 0 1px 0 0 rgba(0, 0, 0, 0.1);
    --mode-elevation-app-bar-top-raised: 0 3px 8px 0 rgba(0, 0, 0, 0.35);
    --mode-elevation-app-bar-bottom-flat: 0 -1px 0 0 rgba(0, 0, 0, 0.1);
    --mode-elevation-app-bar-bottom-raised: 0 -3px 8px 0 rgba(0, 0, 0, 0.35);
    --mode-elevation-fab-standard: 0 5px 12px 0 rgba(0, 0, 0, 0.4);
    --mode-elevation-fab-hovered: 0 4px 9px 0 rgba(0, 0, 0, 0.3);
    --mode-elevation-fab-pressed: 0 3px 7px 0 rgba(0, 0, 0, 0.2);
    --mode-inverted-basic-background: #fff;
    --mode-inverted-basic-background-subtle: #f1f1f1;
    --mode-inverted-basic-background-card: #f1f1f1;
    --mode-inverted-basic-text: #000;
    --mode-inverted-basic-text-dominant: #e20074;
    --mode-inverted-basic-text-recessive: #626262;
    --mode-inverted-basic-text-link: #e20074;
    --mode-inverted-basic-accent: #e20074;
    --mode-inverted-basic-text-on-accent: #fff;
    --mode-inverted-basic-accent-secondary: #000;
    --mode-inverted-basic-text-on-accent-secondary: #fff;
    --mode-inverted-basic-stroke: #000;
    --mode-inverted-basic-stroke-subtle: #b6b6b6;
    --mode-inverted-basic-modal-overlay: rgba(0, 0, 0, 0.4);
    --mode-inverted-shades-accent-shades-accent-subtle: #f9cce3;
    --mode-inverted-shades-accent-shades-accent-extra-dominant: #ee66ac;
    --mode-inverted-shades-accent-shades-accent-dominant: #e83390;
    --mode-inverted-shades-accent-shades-accent-recessive: #b5005d;
    --mode-inverted-shades-accent-shades-accent-extra-recessive: #880046;
    --mode-inverted-shades-secondary-accent-shades-secondary-accent-subtle: #f1f1f1;
    --mode-inverted-shades-secondary-accent-shades-secondary-accent-extra-dominant: #202020;
    --mode-inverted-shades-secondary-accent-shades-secondary-accent-dominant: #414141;
    --mode-inverted-shades-secondary-accent-shades-secondary-accent-recessive: #626262;
    --mode-inverted-shades-secondary-accent-shades-secondary-accent-extra-recessive: #828282;
    --mode-inverted-shades-neutral-shades-100: #f1f1f1;
    --mode-inverted-shades-neutral-shades-200: #ddd;
    --mode-inverted-shades-neutral-shades-300: #cacaca;
    --mode-inverted-shades-neutral-shades-400: #b6b6b6;
    --mode-inverted-shades-neutral-shades-500: #a3a3a3;
    --mode-inverted-shades-neutral-shades-600: #828282;
    --mode-inverted-shades-neutral-shades-700: #626262;
    --mode-inverted-shades-neutral-shades-800: #414141;
    --mode-inverted-shades-neutral-shades-900: #202020;
    --mode-inverted-interaction-states-hover-background-hover: #ddd;
    --mode-inverted-interaction-states-hover-background-subtle-hover: #ddd;
    --mode-inverted-interaction-states-hover-text-hover: #414141;
    --mode-inverted-interaction-states-hover-text-dominant-hover: #e83390;
    --mode-inverted-interaction-states-hover-text-recessive-hover: #e83390;
    --mode-inverted-interaction-states-hover-text-link-hover: #e83390;
    --mode-inverted-interaction-states-hover-accent-hover: #e83390;
    --mode-inverted-interaction-states-hover-text-on-accent-hover: #fff;
    --mode-inverted-interaction-states-hover-accent-secondary-hover: #414141;
    --mode-inverted-interaction-states-hover-text-on-accent-secondary-hover: #fff;
    --mode-inverted-interaction-states-hover-stroke-hover: #000;
    --mode-inverted-interaction-states-hover-stroke-subtle-hover: #000;
    --mode-inverted-interaction-states-pressed-background-pressed: #cacaca;
    --mode-inverted-interaction-states-pressed-background-subtle-pressed: #cacaca;
    --mode-inverted-interaction-states-pressed-text-pressed: #626262;
    --mode-inverted-interaction-states-pressed-text-dominant-pressed: #ee66ac;
    --mode-inverted-interaction-states-pressed-text-recessive-pressed: #ee66ac;
    --mode-inverted-interaction-states-pressed-text-link-pressed: #ee66ac;
    --mode-inverted-interaction-states-pressed-accent-pressed: #ee66ac;
    --mode-inverted-interaction-states-pressed-text-on-accent-pressed: #fff;
    --mode-inverted-interaction-states-pressed-accent-secondary-pressed: #626262;
    --mode-inverted-interaction-states-pressed-text-on-accent-secondary-pressed: #fff;
    --mode-inverted-interaction-states-pressed-stroke-pressed: #000;
    --mode-inverted-interaction-states-pressed-stroke-subtle-pressed: #000;
    --mode-inverted-interaction-states-focus-focus: #000;
    --mode-inverted-interaction-states-focus-stroke-active: #cacaca;
    --mode-inverted-interaction-states-disabled-background-disabled: #ddd;
    --mode-inverted-interaction-states-disabled-background-subtle-disabled: #cacaca;
    --mode-inverted-interaction-states-disabled-background-card-disabled: #cacaca;
    --mode-inverted-interaction-states-disabled-text-disabled: #828282;
    --mode-inverted-interaction-states-disabled-text-dominant-disabled: #828282;
    --mode-inverted-interaction-states-disabled-text-recessive-disabled: #828282;
    --mode-inverted-interaction-states-disabled-text-link-disabled: #828282;
    --mode-inverted-interaction-states-disabled-accent-disabled: #b6b6b6;
    --mode-inverted-interaction-states-disabled-text-on-accent-disabled: #626262;
    --mode-inverted-interaction-states-disabled-accent-secondary-disabled: #b6b6b6;
    --mode-inverted-interaction-states-disabled-text-on-accent-secondary-disabled: #626262;
    --mode-inverted-interaction-states-disabled-stroke-disabled: #b6b6b6;
    --mode-inverted-interaction-states-disabled-stroke-subtle-disabled: #b6b6b6;
    --mode-inverted-interaction-states-visited-text-visited: #000;
    --mode-inverted-interaction-states-visited-text-link-visited: #880046;
    --mode-inverted-functional-notification-notification: #eb2010;
    --mode-inverted-functional-notification-text-on-notification: #fff;
    --mode-inverted-functional-informational-subtle: #d3d7f9;
    --mode-inverted-functional-informational-standard: #2238df;
    --mode-inverted-functional-informational-hovered: #05169b;
    --mode-inverted-functional-informational-pressed: #000e79;
    --mode-inverted-functional-success-subtle: #ccf0e1;
    --mode-inverted-functional-success-standard: #008a50;
    --mode-inverted-functional-success-hovered: #006138;
    --mode-inverted-functional-success-pressed: #004829;
    --mode-inverted-functional-warning-subtle: #fee2d0;
    --mode-inverted-functional-warning-standard: #d05500;
    --mode-inverted-functional-warning-hovered: #bd4600;
    --mode-inverted-functional-warning-pressed: #642d07;
    --mode-inverted-functional-destructive-subtle: #fad2cf;
    --mode-inverted-functional-destructive-standard: #eb2010;
    --mode-inverted-functional-destructive-hovered: #bf0e00;
    --mode-inverted-functional-destructive-pressed: #960b00;
    --mode-inverted-elevation-level-0: 0 0 0 0 rgba(0, 0, 0, 0);
    --mode-inverted-elevation-level-1: 0 0 0 0 rgba(0, 0, 0, 0);
    --mode-inverted-elevation-level-2: 0 0 0 0 rgba(0, 0, 0, 0);
    --mode-inverted-elevation-level-3: 0 0 0 0 rgba(0, 0, 0, 0);
    --mode-inverted-elevation-level-4: 0 0 0 0 rgba(0, 0, 0, 0);
    --mode-inverted-elevation-level-5: 0 0 0 0 rgba(0, 0, 0, 0);
    --mode-inverted-elevation-level-6: 0 0 0 0 rgba(0, 0, 0, 0);
    --mode-inverted-elevation-app-bar-top-flat: 0 1px 0 0 rgba(0, 0, 0, 0.1);
    --mode-inverted-elevation-app-bar-top-raised: 0 3px 8px 0
      rgba(0, 0, 0, 0.05);
    --mode-inverted-elevation-app-bar-bottom-flat: 0 -1px 0 0 rgba(0, 0, 0, 0.1);
    --mode-inverted-elevation-app-bar-bottom-raised: 0 -3px 8px 0 rgba(0, 0, 0, 0.05);
    --mode-inverted-elevation-fab-standard: 0 4px 8px 1px rgba(0, 0, 0, 0.13);
    --mode-inverted-elevation-fab-hovered: 0 5px 12px 2px rgba(0, 0, 0, 0.14);
    --mode-inverted-elevation-fab-pressed: 0 3px 7px 0 rgba(0, 0, 0, 0.12);
  }
  [data-mode="light"] {
    --mode-basic-background: #fff;
    --mode-basic-background-subtle: #f1f1f1;
    --mode-basic-background-card: #f1f1f1;
    --mode-basic-text: #000;
    --mode-basic-text-dominant: #e20074;
    --mode-basic-text-recessive: #626262;
    --mode-basic-text-link: #e20074;
    --mode-basic-accent: #e20074;
    --mode-basic-text-on-accent: #fff;
    --mode-basic-accent-secondary: #000;
    --mode-basic-text-on-accent-secondary: #fff;
    --mode-basic-stroke: #000;
    --mode-basic-stroke-subtle: #b6b6b6;
    --mode-basic-modal-overlay: rgba(0, 0, 0, 0.4);
    --mode-shades-accent-shades-accent-subtle: #f9cce3;
    --mode-shades-accent-shades-accent-extra-dominant: #ee66ac;
    --mode-shades-accent-shades-accent-dominant: #e83390;
    --mode-shades-accent-shades-accent-recessive: #b5005d;
    --mode-shades-accent-shades-accent-extra-recessive: #880046;
    --mode-shades-secondary-accent-shades-secondary-accent-subtle: #f1f1f1;
    --mode-shades-secondary-accent-shades-secondary-accent-extra-dominant: #202020;
    --mode-shades-secondary-accent-shades-secondary-accent-dominant: #414141;
    --mode-shades-secondary-accent-shades-secondary-accent-recessive: #626262;
    --mode-shades-secondary-accent-shades-secondary-accent-extra-recessive: #828282;
    --mode-shades-neutral-shades-100: #f1f1f1;
    --mode-shades-neutral-shades-200: #ddd;
    --mode-shades-neutral-shades-300: #cacaca;
    --mode-shades-neutral-shades-400: #b6b6b6;
    --mode-shades-neutral-shades-500: #a3a3a3;
    --mode-shades-neutral-shades-600: #828282;
    --mode-shades-neutral-shades-700: #626262;
    --mode-shades-neutral-shades-800: #414141;
    --mode-shades-neutral-shades-900: #202020;
    --mode-interaction-states-hover-background-hover: #ddd;
    --mode-interaction-states-hover-background-subtle-hover: #ddd;
    --mode-interaction-states-hover-text-hover: #414141;
    --mode-interaction-states-hover-text-dominant-hover: #e83390;
    --mode-interaction-states-hover-text-recessive-hover: #e83390;
    --mode-interaction-states-hover-text-link-hover: #e83390;
    --mode-interaction-states-hover-accent-hover: #e83390;
    --mode-interaction-states-hover-text-on-accent-hover: #fff;
    --mode-interaction-states-hover-accent-secondary-hover: #414141;
    --mode-interaction-states-hover-text-on-accent-secondary-hover: #fff;
    --mode-interaction-states-hover-stroke-hover: #000;
    --mode-interaction-states-hover-stroke-subtle-hover: #000;
    --mode-interaction-states-pressed-background-pressed: #cacaca;
    --mode-interaction-states-pressed-background-subtle-pressed: #cacaca;
    --mode-interaction-states-pressed-text-pressed: #626262;
    --mode-interaction-states-pressed-text-dominant-pressed: #ee66ac;
    --mode-interaction-states-pressed-text-recessive-pressed: #ee66ac;
    --mode-interaction-states-pressed-text-link-pressed: #ee66ac;
    --mode-interaction-states-pressed-accent-pressed: #ee66ac;
    --mode-interaction-states-pressed-text-on-accent-pressed: #fff;
    --mode-interaction-states-pressed-accent-secondary-pressed: #626262;
    --mode-interaction-states-pressed-text-on-accent-secondary-pressed: #fff;
    --mode-interaction-states-pressed-stroke-pressed: #000;
    --mode-interaction-states-pressed-stroke-subtle-pressed: #000;
    --mode-interaction-states-focus-focus: #000;
    --mode-interaction-states-focus-stroke-active: #cacaca;
    --mode-interaction-states-disabled-background-disabled: #ddd;
    --mode-interaction-states-disabled-background-subtle-disabled: #cacaca;
    --mode-interaction-states-disabled-background-card-disabled: #cacaca;
    --mode-interaction-states-disabled-text-disabled: #828282;
    --mode-interaction-states-disabled-text-dominant-disabled: #828282;
    --mode-interaction-states-disabled-text-recessive-disabled: #828282;
    --mode-interaction-states-disabled-text-link-disabled: #828282;
    --mode-interaction-states-disabled-accent-disabled: #b6b6b6;
    --mode-interaction-states-disabled-text-on-accent-disabled: #626262;
    --mode-interaction-states-disabled-accent-secondary-disabled: #b6b6b6;
    --mode-interaction-states-disabled-text-on-accent-secondary-disabled: #626262;
    --mode-interaction-states-disabled-stroke-disabled: #b6b6b6;
    --mode-interaction-states-disabled-stroke-subtle-disabled: #b6b6b6;
    --mode-interaction-states-visited-text-visited: #000;
    --mode-interaction-states-visited-text-link-visited: #880046;
    --mode-functional-notification-notification: #eb2010;
    --mode-functional-notification-text-on-notification: #fff;
    --mode-functional-informational-subtle: #d3d7f9;
    --mode-functional-informational-standard: #2238df;
    --mode-functional-informational-hovered: #05169b;
    --mode-functional-informational-pressed: #000e79;
    --mode-functional-success-subtle: #ccf0e1;
    --mode-functional-success-standard: #008a50;
    --mode-functional-success-hovered: #006138;
    --mode-functional-success-pressed: #004829;
    --mode-functional-warning-subtle: #fee2d0;
    --mode-functional-warning-standard: #d05500;
    --mode-functional-warning-hovered: #bd4600;
    --mode-functional-warning-pressed: #642d07;
    --mode-functional-destructive-subtle: #fad2cf;
    --mode-functional-destructive-standard: #eb2010;
    --mode-functional-destructive-hovered: #bf0e00;
    --mode-functional-destructive-pressed: #960b00;
    --mode-elevation-level-0: 0 0 0 0 rgba(0, 0, 0, 0);
    --mode-elevation-level-1: 0 0 0 0 rgba(0, 0, 0, 0);
    --mode-elevation-level-2: 0 0 0 0 rgba(0, 0, 0, 0);
    --mode-elevation-level-3: 0 0 0 0 rgba(0, 0, 0, 0);
    --mode-elevation-level-4: 0 0 0 0 rgba(0, 0, 0, 0);
    --mode-elevation-level-5: 0 0 0 0 rgba(0, 0, 0, 0);
    --mode-elevation-level-6: 0 0 0 0 rgba(0, 0, 0, 0);
    --mode-elevation-app-bar-top-flat: 0 1px 0 0 rgba(0, 0, 0, 0.1);
    --mode-elevation-app-bar-top-raised: 0 3px 8px 0 rgba(0, 0, 0, 0.05);
    --mode-elevation-app-bar-bottom-flat: 0 -1px 0 0 rgba(0, 0, 0, 0.1);
    --mode-elevation-app-bar-bottom-raised: 0 -3px 8px 0 rgba(0, 0, 0, 0.05);
    --mode-elevation-fab-standard: 0 4px 8px 1px rgba(0, 0, 0, 0.13);
    --mode-elevation-fab-hovered: 0 5px 12px 2px rgba(0, 0, 0, 0.14);
    --mode-elevation-fab-pressed: 0 3px 7px 0 rgba(0, 0, 0, 0.12);
    --mode-inverted-basic-background: #000;
    --mode-inverted-basic-background-subtle: #202020;
    --mode-inverted-basic-background-card: #202020;
    --mode-inverted-basic-text: #fff;
    --mode-inverted-basic-text-dominant: #f61488;
    --mode-inverted-basic-text-recessive: #cacaca;
    --mode-inverted-basic-text-link: #f61488;
    --mode-inverted-basic-accent: #f61488;
    --mode-inverted-basic-text-on-accent: #fff;
    --mode-inverted-basic-accent-secondary: #fff;
    --mode-inverted-basic-text-on-accent-secondary: #000;
    --mode-inverted-basic-stroke: #fff;
    --mode-inverted-basic-stroke-subtle: #828282;
    --mode-inverted-basic-modal-overlay: rgba(255, 255, 255, 0.4);
    --mode-inverted-shades-accent-shades-accent-subtle: #ffbddf;
    --mode-inverted-shades-accent-shades-accent-extra-dominant: #ff69b6;
    --mode-inverted-shades-accent-shades-accent-dominant: #ff3fa1;
    --mode-inverted-shades-accent-shades-accent-recessive: #cd016a;
    --mode-inverted-shades-accent-shades-accent-extra-recessive: #a40054;
    --mode-inverted-shades-secondary-accent-shades-secondary-accent-subtle: #414141;
    --mode-inverted-shades-secondary-accent-shades-secondary-accent-extra-dominant: #f1f1f1;
    --mode-inverted-shades-secondary-accent-shades-secondary-accent-dominant: #ddd;
    --mode-inverted-shades-secondary-accent-shades-secondary-accent-recessive: #cacaca;
    --mode-inverted-shades-secondary-accent-shades-secondary-accent-extra-recessive: #b6b6b6;
    --mode-inverted-shades-neutral-shades-100: #202020;
    --mode-inverted-shades-neutral-shades-200: #414141;
    --mode-inverted-shades-neutral-shades-300: #626262;
    --mode-inverted-shades-neutral-shades-400: #828282;
    --mode-inverted-shades-neutral-shades-500: #a3a3a3;
    --mode-inverted-shades-neutral-shades-600: #b6b6b6;
    --mode-inverted-shades-neutral-shades-700: #cacaca;
    --mode-inverted-shades-neutral-shades-800: #ddd;
    --mode-inverted-shades-neutral-shades-900: #f1f1f1;
    --mode-inverted-interaction-states-hover-background-hover: #626262;
    --mode-inverted-interaction-states-hover-background-subtle-hover: #626262;
    --mode-inverted-interaction-states-hover-text-hover: #ddd;
    --mode-inverted-interaction-states-hover-text-dominant-hover: #ff3fa1;
    --mode-inverted-interaction-states-hover-text-recessive-hover: #ff3fa1;
    --mode-inverted-interaction-states-hover-text-link-hover: #ff3fa1;
    --mode-inverted-interaction-states-hover-accent-hover: #ff3fa1;
    --mode-inverted-interaction-states-hover-text-on-accent-hover: #fff;
    --mode-inverted-interaction-states-hover-accent-secondary-hover: #ddd;
    --mode-inverted-interaction-states-hover-text-on-accent-secondary-hover: #000;
    --mode-inverted-interaction-states-hover-stroke-hover: #fff;
    --mode-inverted-interaction-states-hover-stroke-subtle-hover: #fff;
    --mode-inverted-interaction-states-pressed-background-pressed: #828282;
    --mode-inverted-interaction-states-pressed-background-subtle-pressed: #828282;
    --mode-inverted-interaction-states-pressed-text-pressed: #cacaca;
    --mode-inverted-interaction-states-pressed-text-dominant-pressed: #ff69b6;
    --mode-inverted-interaction-states-pressed-text-recessive-pressed: #ff69b6;
    --mode-inverted-interaction-states-pressed-text-link-pressed: #ff69b6;
    --mode-inverted-interaction-states-pressed-accent-pressed: #ff69b6;
    --mode-inverted-interaction-states-pressed-text-on-accent-pressed: #fff;
    --mode-inverted-interaction-states-pressed-accent-secondary-pressed: #cacaca;
    --mode-inverted-interaction-states-pressed-text-on-accent-secondary-pressed: #000;
    --mode-inverted-interaction-states-pressed-stroke-pressed: #fff;
    --mode-inverted-interaction-states-pressed-stroke-subtle-pressed: #fff;
    --mode-inverted-interaction-states-focus-focus: #fff;
    --mode-inverted-interaction-states-focus-stroke-active: #626262;
    --mode-inverted-interaction-states-disabled-background-disabled: #414141;
    --mode-inverted-interaction-states-disabled-background-subtle-disabled: #626262;
    --mode-inverted-interaction-states-disabled-text-disabled: #828282;
    --mode-inverted-interaction-states-disabled-text-dominant-disabled: #828282;
    --mode-inverted-interaction-states-disabled-text-recessive-disabled: #828282;
    --mode-inverted-interaction-states-disabled-text-link-disabled: #828282;
    --mode-inverted-interaction-states-disabled-accent-disabled: #626262;
    --mode-inverted-interaction-states-disabled-text-on-accent-disabled: #b6b6b6;
    --mode-inverted-interaction-states-disabled-accent-secondary-disabled: #626262;
    --mode-inverted-interaction-states-disabled-text-on-accent-secondary-disabled: #b6b6b6;
    --mode-inverted-interaction-states-disabled-stroke-disabled: #414141;
    --mode-inverted-interaction-states-disabled-stroke-subtle-disabled: #414141;
    --mode-inverted-interaction-states-disabled-background-card-disabled: #626262;
    --mode-inverted-interaction-states-visited-text-visited: #fff;
    --mode-inverted-interaction-states-visited-text-link-visited: #cd016a;
    --mode-inverted-functional-notification-notification: #f2321e;
    --mode-inverted-functional-notification-text-on-notification: #fff;
    --mode-inverted-functional-informational-subtle: #131f7b;
    --mode-inverted-functional-informational-standard: #3950ea;
    --mode-inverted-functional-informational-hovered: #576ff3;
    --mode-inverted-functional-informational-pressed: #7486ff;
    --mode-inverted-functional-success-subtle: #004829;
    --mode-inverted-functional-success-standard: #00c26d;
    --mode-inverted-functional-success-hovered: #1bd27f;
    --mode-inverted-functional-success-pressed: #27ffa0;
    --mode-inverted-functional-warning-subtle: #642d07;
    --mode-inverted-functional-warning-standard: #fd9038;
    --mode-inverted-functional-warning-hovered: #ffaa65;
    --mode-inverted-functional-warning-pressed: #ffc292;
    --mode-inverted-functional-destructive-subtle: #5d0d06;
    --mode-inverted-functional-destructive-standard: #f2321e;
    --mode-inverted-functional-destructive-hovered: #f84934;
    --mode-inverted-functional-destructive-pressed: #ff9084;
    --mode-inverted-elevation-level-0: 0 0 0 0 rgba(0, 0, 0, 0);
    --mode-inverted-elevation-level-1: 0 0 0 0 rgba(0, 0, 0, 0);
    --mode-inverted-elevation-level-2: 0 0 0 0 rgba(0, 0, 0, 0);
    --mode-inverted-elevation-level-3: 0 0 0 0 rgba(0, 0, 0, 0);
    --mode-inverted-elevation-level-4: 0 0 0 0 rgba(0, 0, 0, 0);
    --mode-inverted-elevation-level-5: 0 0 0 0 rgba(0, 0, 0, 0);
    --mode-inverted-elevation-level-6: 0 0 0 0 rgba(0, 0, 0, 0);
    --mode-inverted-elevation-app-bar-top-flat: 0 1px 0 0 rgba(0, 0, 0, 0.1);
    --mode-inverted-elevation-app-bar-top-raised: 0 3px 8px 0
      rgba(0, 0, 0, 0.35);
    --mode-inverted-elevation-app-bar-bottom-flat: 0 -1px 0 0 rgba(0, 0, 0, 0.1);
    --mode-inverted-elevation-app-bar-bottom-raised: 0 -3px 8px 0 rgba(0, 0, 0, 0.35);
    --mode-inverted-elevation-fab-standard: 0 5px 12px 0 rgba(0, 0, 0, 0.4);
    --mode-inverted-elevation-fab-hovered: 0 4px 9px 0 rgba(0, 0, 0, 0.3);
    --mode-inverted-elevation-fab-pressed: 0 3px 7px 0 rgba(0, 0, 0, 0.2);
  }
}
:root,
[data-scheme="neutral"] {
  --colours-basic-background: var(--mode-basic-background);
  --colours-basic-background-subtle: var(--mode-basic-background-subtle);
  --colours-basic-background-card: var(--mode-basic-background-card);
  --colours-basic-text: var(--mode-basic-text);
  --colours-basic-text-dominant: var(--mode-basic-text-dominant);
  --colours-basic-text-recessive: var(--mode-basic-text-recessive);
  --colours-basic-text-link: var(--mode-basic-text-link);
  --colours-basic-accent: var(--mode-basic-accent);
  --colours-basic-text-on-accent: var(--mode-basic-text-on-accent);
  --colours-basic-accent-secondary: var(--mode-basic-accent-secondary);
  --colours-basic-text-on-accent-secondary: var(
    --mode-basic-text-on-accent-secondary
  );
  --colours-basic-stroke: var(--mode-basic-stroke);
  --colours-basic-stroke-subtle: var(--mode-basic-stroke-subtle);
  --colours-basic-modal-overlay: var(--mode-basic-modal-overlay);
  --colours-shades-accent-shades-accent-subtle: var(
    --mode-shades-accent-shades-accent-subtle
  );
  --colours-shades-accent-shades-accent-extra-dominant: var(
    --mode-shades-accent-shades-accent-extra-dominant
  );
  --colours-shades-accent-shades-accent-dominant: var(
    --mode-shades-accent-shades-accent-dominant
  );
  --colours-shades-accent-shades-accent-recessive: var(
    --mode-shades-accent-shades-accent-recessive
  );
  --colours-shades-accent-shades-accent-extra-recessive: var(
    --mode-shades-accent-shades-accent-extra-recessive
  );
  --colours-shades-secondary-accent-shades-secondary-accent-subtle: var(
    --mode-shades-secondary-accent-shades-secondary-accent-subtle
  );
  --colours-shades-secondary-accent-shades-secondary-accent-extra-dominant: var(
    --mode-shades-secondary-accent-shades-secondary-accent-extra-dominant
  );
  --colours-shades-secondary-accent-shades-secondary-accent-dominant: var(
    --mode-shades-secondary-accent-shades-secondary-accent-dominant
  );
  --colours-shades-secondary-accent-shades-secondary-accent-recessive: var(
    --mode-shades-secondary-accent-shades-secondary-accent-recessive
  );
  --colours-shades-secondary-accent-shades-secondary-accent-extra-recessive: var(
    --mode-shades-secondary-accent-shades-secondary-accent-extra-recessive
  );
  --colours-shades-neutral-shades-100: var(--mode-shades-neutral-shades-100);
  --colours-shades-neutral-shades-200: var(--mode-shades-neutral-shades-200);
  --colours-shades-neutral-shades-300: var(--mode-shades-neutral-shades-300);
  --colours-shades-neutral-shades-400: var(--mode-shades-neutral-shades-400);
  --colours-shades-neutral-shades-500: var(--mode-shades-neutral-shades-500);
  --colours-shades-neutral-shades-600: var(--mode-shades-neutral-shades-600);
  --colours-shades-neutral-shades-700: var(--mode-shades-neutral-shades-700);
  --colours-shades-neutral-shades-800: var(--mode-shades-neutral-shades-800);
  --colours-shades-neutral-shades-900: var(--mode-shades-neutral-shades-900);
  --colours-interaction-states-hover-background-hover: var(
    --mode-interaction-states-hover-background-hover
  );
  --colours-interaction-states-hover-background-subtle-hover: var(
    --mode-interaction-states-hover-background-subtle-hover
  );
  --colours-interaction-states-hover-text-hover: var(
    --mode-interaction-states-hover-text-hover
  );
  --colours-interaction-states-hover-text-dominant-hover: var(
    --mode-interaction-states-hover-text-dominant-hover
  );
  --colours-interaction-states-hover-text-recessive-hover: var(
    --mode-interaction-states-hover-text-recessive-hover
  );
  --colours-interaction-states-hover-text-link-hover: var(
    --mode-interaction-states-hover-text-link-hover
  );
  --colours-interaction-states-hover-accent-hover: var(
    --mode-interaction-states-hover-accent-hover
  );
  --colours-interaction-states-hover-text-on-accent-hover: var(
    --mode-interaction-states-hover-text-on-accent-hover
  );
  --colours-interaction-states-hover-accent-secondary-hover: var(
    --mode-interaction-states-hover-accent-secondary-hover
  );
  --colours-interaction-states-hover-text-on-accent-secondary-hover: var(
    --mode-interaction-states-hover-text-on-accent-secondary-hover
  );
  --colours-interaction-states-hover-stroke-hover: var(
    --mode-interaction-states-hover-stroke-hover
  );
  --colours-interaction-states-hover-stroke-subtle-hover: var(
    --mode-interaction-states-hover-stroke-subtle-hover
  );
  --colours-interaction-states-pressed-background-pressed: var(
    --mode-interaction-states-pressed-background-pressed
  );
  --colours-interaction-states-pressed-background-subtle-pressed: var(
    --mode-interaction-states-pressed-background-subtle-pressed
  );
  --colours-interaction-states-pressed-text-pressed: var(
    --mode-interaction-states-pressed-text-pressed
  );
  --colours-interaction-states-pressed-text-dominant-pressed: var(
    --mode-interaction-states-pressed-text-dominant-pressed
  );
  --colours-interaction-states-pressed-text-recessive-pressed: var(
    --mode-interaction-states-pressed-text-recessive-pressed
  );
  --colours-interaction-states-pressed-text-link-pressed: var(
    --mode-interaction-states-pressed-text-link-pressed
  );
  --colours-interaction-states-pressed-accent-pressed: var(
    --mode-interaction-states-pressed-accent-pressed
  );
  --colours-interaction-states-pressed-text-on-accent-pressed: var(
    --mode-interaction-states-pressed-text-on-accent-pressed
  );
  --colours-interaction-states-pressed-accent-secondary-pressed: var(
    --mode-interaction-states-pressed-accent-secondary-pressed
  );
  --colours-interaction-states-pressed-text-on-accent-secondary-pressed: var(
    --mode-interaction-states-pressed-text-on-accent-secondary-pressed
  );
  --colours-interaction-states-pressed-stroke-pressed: var(
    --mode-interaction-states-pressed-stroke-pressed
  );
  --colours-interaction-states-pressed-stroke-subtle-pressed: var(
    --mode-interaction-states-pressed-stroke-subtle-pressed
  );
  --colours-interaction-states-focus-focus: var(
    --mode-interaction-states-focus-focus
  );
  --colours-interaction-states-focus-stroke-active: var(
    --mode-interaction-states-focus-stroke-active
  );
  --colours-interaction-states-disabled-background-disabled: var(
    --mode-interaction-states-disabled-background-disabled
  );
  --colours-interaction-states-disabled-background-subtle-disabled: var(
    --mode-interaction-states-disabled-background-subtle-disabled
  );
  --colours-interaction-states-disabled-background-card-disabled: var(
    --mode-interaction-states-disabled-background-card-disabled
  );
  --colours-interaction-states-disabled-text-disabled: var(
    --mode-interaction-states-disabled-text-disabled
  );
  --colours-interaction-states-disabled-text-dominant-disabled: var(
    --mode-interaction-states-disabled-text-dominant-disabled
  );
  --colours-interaction-states-disabled-text-recessive-disabled: var(
    --mode-interaction-states-disabled-text-recessive-disabled
  );
  --colours-interaction-states-disabled-text-link-disabled: var(
    --mode-interaction-states-disabled-text-link-disabled
  );
  --colours-interaction-states-disabled-accent-disabled: var(
    --mode-interaction-states-disabled-accent-disabled
  );
  --colours-interaction-states-disabled-text-on-accent-disabled: var(
    --mode-interaction-states-disabled-text-on-accent-disabled
  );
  --colours-interaction-states-disabled-accent-secondary-disabled: var(
    --mode-interaction-states-disabled-accent-secondary-disabled
  );
  --colours-interaction-states-disabled-text-on-accent-secondary-disabled: var(
    --mode-interaction-states-disabled-text-on-accent-secondary-disabled
  );
  --colours-interaction-states-disabled-stroke-disabled: var(
    --mode-interaction-states-disabled-stroke-disabled
  );
  --colours-interaction-states-disabled-stroke-subtle-disabled: var(
    --mode-interaction-states-disabled-stroke-subtle-disabled
  );
  --colours-interaction-states-visited-text-visited: var(
    --mode-interaction-states-visited-text-visited
  );
  --colours-interaction-states-visited-text-link-visited: var(
    --mode-interaction-states-visited-text-link-visited
  );
  --colours-functional-notification-notification: var(
    --mode-functional-notification-notification
  );
  --colours-functional-notification-text-on-notification: var(
    --mode-functional-notification-text-on-notification
  );
  --colours-functional-informational-subtle: var(
    --mode-functional-informational-subtle
  );
  --colours-functional-informational-standard: var(
    --mode-functional-informational-standard
  );
  --colours-functional-informational-hovered: var(
    --mode-functional-informational-hovered
  );
  --colours-functional-informational-pressed: var(
    --mode-functional-informational-pressed
  );
  --colours-functional-success-subtle: var(--mode-functional-success-subtle);
  --colours-functional-success-standard: var(
    --mode-functional-success-standard
  );
  --colours-functional-success-hovered: var(--mode-functional-success-hovered);
  --colours-functional-success-pressed: var(--mode-functional-success-pressed);
  --colours-functional-warning-subtle: var(--mode-functional-warning-subtle);
  --colours-functional-warning-standard: var(
    --mode-functional-warning-standard
  );
  --colours-functional-warning-hovered: var(--mode-functional-warning-hovered);
  --colours-functional-warning-pressed: var(--mode-functional-warning-pressed);
  --colours-functional-destructive-subtle: var(
    --mode-functional-destructive-subtle
  );
  --colours-functional-destructive-standard: var(
    --mode-functional-destructive-standard
  );
  --colours-functional-destructive-hovered: var(
    --mode-functional-destructive-hovered
  );
  --colours-functional-destructive-pressed: var(
    --mode-functional-destructive-pressed
  );
  --elevation-level-0: var(--mode-elevation-level-0);
  --elevation-level-1: var(--mode-elevation-level-1);
  --elevation-level-2: var(--mode-elevation-level-2);
  --elevation-level-3: var(--mode-elevation-level-3);
  --elevation-level-4: var(--mode-elevation-level-4);
  --elevation-level-5: var(--mode-elevation-level-5);
  --elevation-level-6: var(--mode-elevation-level-6);
  --elevation-app-bar-top-flat: var(--mode-elevation-app-bar-top-flat);
  --elevation-app-bar-top-raised: var(--mode-elevation-app-bar-top-raised);
  --elevation-app-bar-bottom-flat: var(--mode-elevation-app-bar-bottom-flat);
  --elevation-app-bar-bottom-raised: var(
    --mode-elevation-app-bar-bottom-raised
  );
  --elevation-fab-standard: var(--mode-elevation-fab-standard);
  --elevation-fab-hovered: var(--mode-elevation-fab-hovered);
  --elevation-fab-pressed: var(--mode-elevation-fab-pressed);
}
[data-scheme="inverted"] {
  --colours-basic-background: var(--mode-inverted-basic-background);
  --colours-basic-background-subtle: var(
    --mode-inverted-basic-background-subtle
  );
  --colours-basic-background-card: var(--mode-inverted-basic-background-card);
  --colours-basic-text: var(--mode-inverted-basic-text);
  --colours-basic-text-dominant: var(--mode-inverted-basic-text-dominant);
  --colours-basic-text-recessive: var(--mode-inverted-basic-text-recessive);
  --colours-basic-text-link: var(--mode-inverted-basic-text-link);
  --colours-basic-accent: var(--mode-inverted-basic-accent);
  --colours-basic-text-on-accent: var(--mode-inverted-basic-text-on-accent);
  --colours-basic-accent-secondary: var(--mode-inverted-basic-accent-secondary);
  --colours-basic-text-on-accent-secondary: var(
    --mode-inverted-basic-text-on-accent-secondary
  );
  --colours-basic-stroke: var(--mode-inverted-basic-stroke);
  --colours-basic-stroke-subtle: var(--mode-inverted-basic-stroke-subtle);
  --colours-basic-modal-overlay: var(--mode-inverted-basic-modal-overlay);
  --colours-shades-accent-shades-accent-subtle: var(
    --mode-inverted-shades-accent-shades-accent-subtle
  );
  --colours-shades-accent-shades-accent-extra-dominant: var(
    --mode-inverted-shades-accent-shades-accent-extra-dominant
  );
  --colours-shades-accent-shades-accent-dominant: var(
    --mode-inverted-shades-accent-shades-accent-dominant
  );
  --colours-shades-accent-shades-accent-recessive: var(
    --mode-inverted-shades-accent-shades-accent-recessive
  );
  --colours-shades-accent-shades-accent-extra-recessive: var(
    --mode-inverted-shades-accent-shades-accent-extra-recessive
  );
  --colours-shades-secondary-accent-shades-secondary-accent-subtle: var(
    --mode-inverted-shades-secondary-accent-shades-secondary-accent-subtle
  );
  --colours-shades-secondary-accent-shades-secondary-accent-extra-dominant: var(
    --mode-inverted-shades-secondary-accent-shades-secondary-accent-extra-dominant
  );
  --colours-shades-secondary-accent-shades-secondary-accent-dominant: var(
    --mode-inverted-shades-secondary-accent-shades-secondary-accent-dominant
  );
  --colours-shades-secondary-accent-shades-secondary-accent-recessive: var(
    --mode-inverted-shades-secondary-accent-shades-secondary-accent-recessive
  );
  --colours-shades-secondary-accent-shades-secondary-accent-extra-recessive: var(
    --mode-inverted-shades-secondary-accent-shades-secondary-accent-extra-recessive
  );
  --colours-shades-neutral-shades-100: var(
    --mode-inverted-shades-neutral-shades-100
  );
  --colours-shades-neutral-shades-200: var(
    --mode-inverted-shades-neutral-shades-200
  );
  --colours-shades-neutral-shades-300: var(
    --mode-inverted-shades-neutral-shades-300
  );
  --colours-shades-neutral-shades-400: var(
    --mode-inverted-shades-neutral-shades-400
  );
  --colours-shades-neutral-shades-500: var(
    --mode-inverted-shades-neutral-shades-500
  );
  --colours-shades-neutral-shades-600: var(
    --mode-inverted-shades-neutral-shades-600
  );
  --colours-shades-neutral-shades-700: var(
    --mode-inverted-shades-neutral-shades-700
  );
  --colours-shades-neutral-shades-800: var(
    --mode-inverted-shades-neutral-shades-800
  );
  --colours-shades-neutral-shades-900: var(
    --mode-inverted-shades-neutral-shades-900
  );
  --colours-interaction-states-hover-background-hover: var(
    --mode-inverted-interaction-states-hover-background-hover
  );
  --colours-interaction-states-hover-background-subtle-hover: var(
    --mode-inverted-interaction-states-hover-background-subtle-hover
  );
  --colours-interaction-states-hover-text-hover: var(
    --mode-inverted-interaction-states-hover-text-hover
  );
  --colours-interaction-states-hover-text-dominant-hover: var(
    --mode-inverted-interaction-states-hover-text-dominant-hover
  );
  --colours-interaction-states-hover-text-recessive-hover: var(
    --mode-inverted-interaction-states-hover-text-recessive-hover
  );
  --colours-interaction-states-hover-text-link-hover: var(
    --mode-inverted-interaction-states-hover-text-link-hover
  );
  --colours-interaction-states-hover-accent-hover: var(
    --mode-inverted-interaction-states-hover-accent-hover
  );
  --colours-interaction-states-hover-text-on-accent-hover: var(
    --mode-inverted-interaction-states-hover-text-on-accent-hover
  );
  --colours-interaction-states-hover-accent-secondary-hover: var(
    --mode-inverted-interaction-states-hover-accent-secondary-hover
  );
  --colours-interaction-states-hover-text-on-accent-secondary-hover: var(
    --mode-inverted-interaction-states-hover-text-on-accent-secondary-hover
  );
  --colours-interaction-states-hover-stroke-hover: var(
    --mode-inverted-interaction-states-hover-stroke-hover
  );
  --colours-interaction-states-hover-stroke-subtle-hover: var(
    --mode-inverted-interaction-states-hover-stroke-subtle-hover
  );
  --colours-interaction-states-pressed-background-pressed: var(
    --mode-inverted-interaction-states-pressed-background-pressed
  );
  --colours-interaction-states-pressed-background-subtle-pressed: var(
    --mode-inverted-interaction-states-pressed-background-subtle-pressed
  );
  --colours-interaction-states-pressed-text-pressed: var(
    --mode-inverted-interaction-states-pressed-text-pressed
  );
  --colours-interaction-states-pressed-text-dominant-pressed: var(
    --mode-inverted-interaction-states-pressed-text-dominant-pressed
  );
  --colours-interaction-states-pressed-text-recessive-pressed: var(
    --mode-inverted-interaction-states-pressed-text-recessive-pressed
  );
  --colours-interaction-states-pressed-text-link-pressed: var(
    --mode-inverted-interaction-states-pressed-text-link-pressed
  );
  --colours-interaction-states-pressed-accent-pressed: var(
    --mode-inverted-interaction-states-pressed-accent-pressed
  );
  --colours-interaction-states-pressed-text-on-accent-pressed: var(
    --mode-inverted-interaction-states-pressed-text-on-accent-pressed
  );
  --colours-interaction-states-pressed-accent-secondary-pressed: var(
    --mode-inverted-interaction-states-pressed-accent-secondary-pressed
  );
  --colours-interaction-states-pressed-text-on-accent-secondary-pressed: var(
    --mode-inverted-interaction-states-pressed-text-on-accent-secondary-pressed
  );
  --colours-interaction-states-pressed-stroke-pressed: var(
    --mode-inverted-interaction-states-pressed-stroke-pressed
  );
  --colours-interaction-states-pressed-stroke-subtle-pressed: var(
    --mode-inverted-interaction-states-pressed-stroke-subtle-pressed
  );
  --colours-interaction-states-focus-focus: var(
    --mode-inverted-interaction-states-focus-focus
  );
  --colours-interaction-states-focus-stroke-active: var(
    --mode-inverted-interaction-states-focus-stroke-active
  );
  --colours-interaction-states-disabled-background-disabled: var(
    --mode-inverted-interaction-states-disabled-background-disabled
  );
  --colours-interaction-states-disabled-background-subtle-disabled: var(
    --mode-inverted-interaction-states-disabled-background-subtle-disabled
  );
  --colours-interaction-states-disabled-background-card-disabled: var(
    --mode-inverted-interaction-states-disabled-background-card-disabled
  );
  --colours-interaction-states-disabled-text-disabled: var(
    --mode-inverted-interaction-states-disabled-text-disabled
  );
  --colours-interaction-states-disabled-text-dominant-disabled: var(
    --mode-inverted-interaction-states-disabled-text-dominant-disabled
  );
  --colours-interaction-states-disabled-text-recessive-disabled: var(
    --mode-inverted-interaction-states-disabled-text-recessive-disabled
  );
  --colours-interaction-states-disabled-text-link-disabled: var(
    --mode-inverted-interaction-states-disabled-text-link-disabled
  );
  --colours-interaction-states-disabled-accent-disabled: var(
    --mode-inverted-interaction-states-disabled-accent-disabled
  );
  --colours-interaction-states-disabled-text-on-accent-disabled: var(
    --mode-inverted-interaction-states-disabled-text-on-accent-disabled
  );
  --colours-interaction-states-disabled-accent-secondary-disabled: var(
    --mode-inverted-interaction-states-disabled-accent-secondary-disabled
  );
  --colours-interaction-states-disabled-text-on-accent-secondary-disabled: var(
    --mode-inverted-interaction-states-disabled-text-on-accent-secondary-disabled
  );
  --colours-interaction-states-disabled-stroke-disabled: var(
    --mode-inverted-interaction-states-disabled-stroke-disabled
  );
  --colours-interaction-states-disabled-stroke-subtle-disabled: var(
    --mode-inverted-interaction-states-disabled-stroke-subtle-disabled
  );
  --colours-interaction-states-visited-text-visited: var(
    --mode-inverted-interaction-states-visited-text-visited
  );
  --colours-interaction-states-visited-text-link-visited: var(
    --mode-inverted-interaction-states-visited-text-link-visited
  );
  --colours-functional-notification-notification: var(
    --mode-inverted-functional-notification-notification
  );
  --colours-functional-notification-text-on-notification: var(
    --mode-inverted-functional-notification-text-on-notification
  );
  --colours-functional-informational-subtle: var(
    --mode-inverted-functional-informational-subtle
  );
  --colours-functional-informational-standard: var(
    --mode-inverted-functional-informational-standard
  );
  --colours-functional-informational-hovered: var(
    --mode-inverted-functional-informational-hovered
  );
  --colours-functional-informational-pressed: var(
    --mode-inverted-functional-informational-pressed
  );
  --colours-functional-success-subtle: var(
    --mode-inverted-functional-success-subtle
  );
  --colours-functional-success-standard: var(
    --mode-inverted-functional-success-standard
  );
  --colours-functional-success-hovered: var(
    --mode-inverted-functional-success-hovered
  );
  --colours-functional-success-pressed: var(
    --mode-inverted-functional-success-pressed
  );
  --colours-functional-warning-subtle: var(
    --mode-inverted-functional-warning-subtle
  );
  --colours-functional-warning-standard: var(
    --mode-inverted-functional-warning-standard
  );
  --colours-functional-warning-hovered: var(
    --mode-inverted-functional-warning-hovered
  );
  --colours-functional-warning-pressed: var(
    --mode-inverted-functional-warning-pressed
  );
  --colours-functional-destructive-subtle: var(
    --mode-inverted-functional-destructive-subtle
  );
  --colours-functional-destructive-standard: var(
    --mode-inverted-functional-destructive-standard
  );
  --colours-functional-destructive-hovered: var(
    --mode-inverted-functional-destructive-hovered
  );
  --colours-functional-destructive-pressed: var(
    --mode-inverted-functional-destructive-pressed
  );
  --elevation-level-0: var(--mode-inverted-elevation-level-0);
  --elevation-level-1: var(--mode-inverted-elevation-level-1);
  --elevation-level-2: var(--mode-inverted-elevation-level-2);
  --elevation-level-3: var(--mode-inverted-elevation-level-3);
  --elevation-level-4: var(--mode-inverted-elevation-level-4);
  --elevation-level-5: var(--mode-inverted-elevation-level-5);
  --elevation-level-6: var(--mode-inverted-elevation-level-6);
  --elevation-app-bar-top-flat: var(--mode-inverted-elevation-app-bar-top-flat);
  --elevation-app-bar-top-raised: var(
    --mode-inverted-elevation-app-bar-top-raised
  );
  --elevation-app-bar-bottom-flat: var(
    --mode-inverted-elevation-app-bar-bottom-flat
  );
  --elevation-app-bar-bottom-raised: var(
    --mode-inverted-elevation-app-bar-bottom-raised
  );
  --elevation-fab-standard: var(--mode-inverted-elevation-fab-standard);
  --elevation-fab-hovered: var(--mode-inverted-elevation-fab-hovered);
  --elevation-fab-pressed: var(--mode-inverted-elevation-fab-pressed);
}
[data-scheme="aperitif"] {
  --colours-basic-background: #ff846b;
  --colours-basic-background-subtle: #ff9e8a;
  --colours-basic-background-card: #ff846b;
  --colours-basic-text: #000;
  --colours-basic-text-dominant: #000;
  --colours-basic-text-recessive: #6b3125;
  --colours-basic-text-link: #000;
  --colours-basic-accent: #000;
  --colours-basic-text-on-accent: #fff;
  --colours-basic-accent-secondary: #ffd1c7;
  --colours-basic-text-on-accent-secondary: #000;
  --colours-basic-stroke: #000;
  --colours-basic-stroke-subtle: #ce6854;
  --colours-basic-modal-overlay: rgba(0, 0, 0, 0.4);
  --colours-shades-accent-shades-accent-subtle: #ffeae5;
  --colours-shades-accent-shades-accent-extra-dominant: #ffd1c7;
  --colours-shades-accent-shades-accent-dominant: #ffb7a8;
  --colours-shades-accent-shades-accent-recessive: #ce6854;
  --colours-shades-accent-shades-accent-extra-recessive: #9c4d3d;
  --colours-shades-secondary-accent-shades-secondary-accent-subtle: #ffeae5;
  --colours-shades-secondary-accent-shades-secondary-accent-extra-dominant: #39150e;
  --colours-shades-secondary-accent-shades-secondary-accent-dominant: #6b3125;
  --colours-shades-secondary-accent-shades-secondary-accent-recessive: #9c4d3d;
  --colours-shades-secondary-accent-shades-secondary-accent-extra-recessive: #ce6854;
  --colours-shades-neutral-shades-100: #ffeae5;
  --colours-shades-neutral-shades-200: #ffd1c7;
  --colours-shades-neutral-shades-300: #ffb7a8;
  --colours-shades-neutral-shades-400: #ff9e8a;
  --colours-shades-neutral-shades-500: #ff846b;
  --colours-shades-neutral-shades-600: #ce6854;
  --colours-shades-neutral-shades-700: #9c4d3d;
  --colours-shades-neutral-shades-800: #6b3125;
  --colours-shades-neutral-shades-900: #39150e;
  --colours-interaction-states-hover-background-hover: #ff9e8a;
  --colours-interaction-states-hover-background-subtle-hover: #ffb7a8;
  --colours-interaction-states-hover-text-hover: #39150e;
  --colours-interaction-states-hover-text-dominant-hover: #39150e;
  --colours-interaction-states-hover-text-recessive-hover: #39150e;
  --colours-interaction-states-hover-text-link-hover: #39150e;
  --colours-interaction-states-hover-accent-hover: #39150e;
  --colours-interaction-states-hover-text-on-accent-hover: #ffeae5;
  --colours-interaction-states-hover-accent-secondary-hover: #ffeae5;
  --colours-interaction-states-hover-text-on-accent-secondary-hover: #000;
  --colours-interaction-states-hover-stroke-hover: #000;
  --colours-interaction-states-hover-stroke-subtle-hover: #9c4d3d;
  --colours-interaction-states-pressed-background-pressed: #ffb7a8;
  --colours-interaction-states-pressed-background-subtle-pressed: #ffd1c7;
  --colours-interaction-states-pressed-text-pressed: #6b3125;
  --colours-interaction-states-pressed-text-dominant-pressed: #6b3125;
  --colours-interaction-states-pressed-text-recessive-pressed: #000;
  --colours-interaction-states-pressed-text-link-pressed: #6b3125;
  --colours-interaction-states-pressed-accent-pressed: #6b3125;
  --colours-interaction-states-pressed-text-on-accent-pressed: #fff;
  --colours-interaction-states-pressed-accent-secondary-pressed: #fff;
  --colours-interaction-states-pressed-text-on-accent-secondary-pressed: #000;
  --colours-interaction-states-pressed-stroke-pressed: #000;
  --colours-interaction-states-pressed-stroke-subtle-pressed: #6b3125;
  --colours-interaction-states-focus-focus: #000;
  --colours-interaction-states-focus-stroke-active: #9c4d3d;
  --colours-interaction-states-disabled-background-disabled: #ce6854;
  --colours-interaction-states-disabled-background-subtle-disabled: #ce6854;
  --colours-interaction-states-disabled-background-card-disabled: #ce6854;
  --colours-interaction-states-disabled-text-disabled: #9c4d3d;
  --colours-interaction-states-disabled-text-dominant-disabled: #9c4d3d;
  --colours-interaction-states-disabled-text-recessive-disabled: #9c4d3d;
  --colours-interaction-states-disabled-text-link-disabled: #9c4d3d;
  --colours-interaction-states-disabled-accent-disabled: #9c4d3d;
  --colours-interaction-states-disabled-text-on-accent-disabled: #39150e;
  --colours-interaction-states-disabled-accent-secondary-disabled: #9c4d3d;
  --colours-interaction-states-disabled-text-on-accent-secondary-disabled: #39150e;
  --colours-interaction-states-disabled-stroke-disabled: #9c4d3d;
  --colours-interaction-states-disabled-stroke-subtle-disabled: #9c4d3d;
  --colours-interaction-states-visited-text-visited: #000;
  --colours-interaction-states-visited-text-link-visited: #9c4d3d;
  --colours-functional-notification-notification: #000;
  --colours-functional-notification-text-on-notification: #fff;
  --colours-functional-informational-subtle: #d3d7f9;
  --colours-functional-informational-standard: #2238df;
  --colours-functional-informational-hovered: #05169b;
  --colours-functional-informational-pressed: #000e79;
  --colours-functional-success-subtle: #ccf0e1;
  --colours-functional-success-standard: #00b367;
  --colours-functional-success-hovered: #008a50;
  --colours-functional-success-pressed: #006138;
  --colours-functional-warning-subtle: #fee2d0;
  --colours-functional-warning-standard: #f97012;
  --colours-functional-warning-hovered: #d05500;
  --colours-functional-warning-pressed: #bd4600;
  --colours-functional-destructive-subtle: #fad2cf;
  --colours-functional-destructive-standard: #eb2010;
  --colours-functional-destructive-hovered: #bf0e00;
  --colours-functional-destructive-pressed: #960b00;
  --elevation-level-0: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-1: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-2: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-3: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-4: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-5: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-6: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-app-bar-top-flat: 0 1px 0 0 rgba(0, 0, 0, 0.1);
  --elevation-app-bar-top-raised: 0 3px 8px 0 rgba(0, 0, 0, 0.05);
  --elevation-app-bar-bottom-flat: 0 -1px 0 0 rgba(0, 0, 0, 0.1);
  --elevation-app-bar-bottom-raised: 0 -3px 8px 0 rgba(0, 0, 0, 0.05);
  --elevation-fab-standard: 0 5px 12px 2px rgba(0, 0, 0, 0.14);
  --elevation-fab-hovered: 0 4px 8px 1px rgba(0, 0, 0, 0.13);
  --elevation-fab-pressed: 0 3px 7px 0 rgba(0, 0, 0, 0.12);
}
[data-scheme="basketball"] {
  --colours-basic-background: #ff9661;
  --colours-basic-background-subtle: #ffac82;
  --colours-basic-background-card: #ff9661;
  --colours-basic-text: #000;
  --colours-basic-text-dominant: #000;
  --colours-basic-text-recessive: #653821;
  --colours-basic-text-link: #000;
  --colours-basic-accent: #000;
  --colours-basic-text-on-accent: #fff;
  --colours-basic-accent-secondary: #ffd8c4;
  --colours-basic-text-on-accent-secondary: #000;
  --colours-basic-stroke: #000;
  --colours-basic-stroke-subtle: #cc774c;
  --colours-basic-modal-overlay: rgba(0, 0, 0, 0.4);
  --colours-shades-accent-shades-accent-subtle: #ffeee5;
  --colours-shades-accent-shades-accent-extra-dominant: #ffd8c4;
  --colours-shades-accent-shades-accent-dominant: #ffc2a3;
  --colours-shades-accent-shades-accent-recessive: #cc774c;
  --colours-shades-accent-shades-accent-extra-recessive: #995736;
  --colours-shades-secondary-accent-shades-secondary-accent-subtle: #ffeee5;
  --colours-shades-secondary-accent-shades-secondary-accent-extra-dominant: #32180b;
  --colours-shades-secondary-accent-shades-secondary-accent-dominant: #653821;
  --colours-shades-secondary-accent-shades-secondary-accent-recessive: #995736;
  --colours-shades-secondary-accent-shades-secondary-accent-extra-recessive: #cc774c;
  --colours-shades-neutral-shades-100: #ffeee5;
  --colours-shades-neutral-shades-200: #ffd8c4;
  --colours-shades-neutral-shades-300: #ffc2a3;
  --colours-shades-neutral-shades-400: #ffac82;
  --colours-shades-neutral-shades-500: #ff9661;
  --colours-shades-neutral-shades-600: #cc774c;
  --colours-shades-neutral-shades-700: #995736;
  --colours-shades-neutral-shades-800: #653821;
  --colours-shades-neutral-shades-900: #32180b;
  --colours-interaction-states-hover-background-hover: #ffac82;
  --colours-interaction-states-hover-background-subtle-hover: #ffc2a3;
  --colours-interaction-states-hover-text-hover: #32180b;
  --colours-interaction-states-hover-text-dominant-hover: #32180b;
  --colours-interaction-states-hover-text-recessive-hover: #32180b;
  --colours-interaction-states-hover-text-link-hover: #32180b;
  --colours-interaction-states-hover-accent-hover: #32180b;
  --colours-interaction-states-hover-text-on-accent-hover: #ffeee5;
  --colours-interaction-states-hover-accent-secondary-hover: #ffeee5;
  --colours-interaction-states-hover-text-on-accent-secondary-hover: #000;
  --colours-interaction-states-hover-stroke-hover: #000;
  --colours-interaction-states-hover-stroke-subtle-hover: #995736;
  --colours-interaction-states-pressed-background-pressed: #ffc2a3;
  --colours-interaction-states-pressed-background-subtle-pressed: #ffd8c4;
  --colours-interaction-states-pressed-text-pressed: #653821;
  --colours-interaction-states-pressed-text-dominant-pressed: #653821;
  --colours-interaction-states-pressed-text-recessive-pressed: #000;
  --colours-interaction-states-pressed-text-link-pressed: #653821;
  --colours-interaction-states-pressed-accent-pressed: #653821;
  --colours-interaction-states-pressed-text-on-accent-pressed: #fff;
  --colours-interaction-states-pressed-accent-secondary-pressed: #fff;
  --colours-interaction-states-pressed-text-on-accent-secondary-pressed: #000;
  --colours-interaction-states-pressed-stroke-pressed: #000;
  --colours-interaction-states-pressed-stroke-subtle-pressed: #653821;
  --colours-interaction-states-focus-focus: #000;
  --colours-interaction-states-focus-stroke-active: #995736;
  --colours-interaction-states-disabled-background-disabled: #cc774c;
  --colours-interaction-states-disabled-background-subtle-disabled: #cc774c;
  --colours-interaction-states-disabled-background-card-disabled: #cc774c;
  --colours-interaction-states-disabled-text-disabled: #995736;
  --colours-interaction-states-disabled-text-dominant-disabled: #995736;
  --colours-interaction-states-disabled-text-recessive-disabled: #995736;
  --colours-interaction-states-disabled-text-link-disabled: #995736;
  --colours-interaction-states-disabled-accent-disabled: #995736;
  --colours-interaction-states-disabled-text-on-accent-disabled: #32180b;
  --colours-interaction-states-disabled-accent-secondary-disabled: #995736;
  --colours-interaction-states-disabled-text-on-accent-secondary-disabled: #32180b;
  --colours-interaction-states-disabled-stroke-disabled: #995736;
  --colours-interaction-states-disabled-stroke-subtle-disabled: #995736;
  --colours-interaction-states-visited-text-visited: #000;
  --colours-interaction-states-visited-text-link-visited: #995736;
  --colours-functional-notification-notification: #000;
  --colours-functional-notification-text-on-notification: #fff;
  --colours-functional-informational-subtle: #d3d7f9;
  --colours-functional-informational-standard: #2238df;
  --colours-functional-informational-hovered: #05169b;
  --colours-functional-informational-pressed: #000e79;
  --colours-functional-success-subtle: #ccf0e1;
  --colours-functional-success-standard: #00b367;
  --colours-functional-success-hovered: #008a50;
  --colours-functional-success-pressed: #006138;
  --colours-functional-warning-subtle: #fee2d0;
  --colours-functional-warning-standard: #f97012;
  --colours-functional-warning-hovered: #d05500;
  --colours-functional-warning-pressed: #bd4600;
  --colours-functional-destructive-subtle: #fad2cf;
  --colours-functional-destructive-standard: #eb2010;
  --colours-functional-destructive-hovered: #bf0e00;
  --colours-functional-destructive-pressed: #960b00;
  --elevation-level-0: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-1: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-2: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-3: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-4: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-5: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-6: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-app-bar-top-flat: 0 1px 0 0 rgba(0, 0, 0, 0.1);
  --elevation-app-bar-top-raised: 0 3px 8px 0 rgba(0, 0, 0, 0.05);
  --elevation-app-bar-bottom-flat: 0 -1px 0 0 rgba(0, 0, 0, 0.1);
  --elevation-app-bar-bottom-raised: 0 -3px 8px 0 rgba(0, 0, 0, 0.05);
  --elevation-fab-standard: 0 5px 12px 2px rgba(0, 0, 0, 0.14);
  --elevation-fab-hovered: 0 4px 8px 1px rgba(0, 0, 0, 0.13);
  --elevation-fab-pressed: 0 3px 7px 0 rgba(0, 0, 0, 0.12);
}
[data-scheme="cheddar"] {
  --colours-basic-background: #ffb25c;
  --colours-basic-background-subtle: #ffc17c;
  --colours-basic-background-card: #ffb25c;
  --colours-basic-text: #000;
  --colours-basic-text-dominant: #000;
  --colours-basic-text-recessive: #65421c;
  --colours-basic-text-link: #000;
  --colours-basic-accent: #000;
  --colours-basic-text-on-accent: #fff;
  --colours-basic-accent-secondary: #ffdfbb;
  --colours-basic-text-on-accent-secondary: #000;
  --colours-basic-stroke: #000;
  --colours-basic-stroke-subtle: #cc8d46;
  --colours-basic-modal-overlay: rgba(0, 0, 0, 0.4);
  --colours-shades-accent-shades-accent-subtle: #ffeedb;
  --colours-shades-accent-shades-accent-extra-dominant: #ffdfbb;
  --colours-shades-accent-shades-accent-dominant: #ffd09b;
  --colours-shades-accent-shades-accent-recessive: #cc8d46;
  --colours-shades-accent-shades-accent-extra-recessive: #996831;
  --colours-shades-secondary-accent-shades-secondary-accent-subtle: #ffeedb;
  --colours-shades-secondary-accent-shades-secondary-accent-extra-dominant: #321d06;
  --colours-shades-secondary-accent-shades-secondary-accent-dominant: #65421c;
  --colours-shades-secondary-accent-shades-secondary-accent-recessive: #996831;
  --colours-shades-secondary-accent-shades-secondary-accent-extra-recessive: #cc8d46;
  --colours-shades-neutral-shades-100: #ffeedb;
  --colours-shades-neutral-shades-200: #ffdfbb;
  --colours-shades-neutral-shades-300: #ffd09b;
  --colours-shades-neutral-shades-400: #ffc17c;
  --colours-shades-neutral-shades-500: #ffb25c;
  --colours-shades-neutral-shades-600: #cc8d46;
  --colours-shades-neutral-shades-700: #996831;
  --colours-shades-neutral-shades-800: #65421c;
  --colours-shades-neutral-shades-900: #321d06;
  --colours-interaction-states-hover-background-hover: #ffc17c;
  --colours-interaction-states-hover-background-subtle-hover: #ffd09b;
  --colours-interaction-states-hover-text-hover: #321d06;
  --colours-interaction-states-hover-text-dominant-hover: #321d06;
  --colours-interaction-states-hover-text-recessive-hover: #321d06;
  --colours-interaction-states-hover-text-link-hover: #321d06;
  --colours-interaction-states-hover-accent-hover: #321d06;
  --colours-interaction-states-hover-text-on-accent-hover: #ffeedb;
  --colours-interaction-states-hover-accent-secondary-hover: #ffeedb;
  --colours-interaction-states-hover-text-on-accent-secondary-hover: #000;
  --colours-interaction-states-hover-stroke-hover: #000;
  --colours-interaction-states-hover-stroke-subtle-hover: #996831;
  --colours-interaction-states-pressed-background-pressed: #ffd09b;
  --colours-interaction-states-pressed-background-subtle-pressed: #ffdfbb;
  --colours-interaction-states-pressed-text-pressed: #65421c;
  --colours-interaction-states-pressed-text-dominant-pressed: #65421c;
  --colours-interaction-states-pressed-text-recessive-pressed: #000;
  --colours-interaction-states-pressed-text-link-pressed: #65421c;
  --colours-interaction-states-pressed-accent-pressed: #65421c;
  --colours-interaction-states-pressed-text-on-accent-pressed: #fff;
  --colours-interaction-states-pressed-accent-secondary-pressed: #fff;
  --colours-interaction-states-pressed-text-on-accent-secondary-pressed: #000;
  --colours-interaction-states-pressed-stroke-pressed: #000;
  --colours-interaction-states-pressed-stroke-subtle-pressed: #65421c;
  --colours-interaction-states-focus-focus: #000;
  --colours-interaction-states-focus-stroke-active: #996831;
  --colours-interaction-states-disabled-background-disabled: #cc8d46;
  --colours-interaction-states-disabled-background-subtle-disabled: #cc8d46;
  --colours-interaction-states-disabled-background-card-disabled: #cc8d46;
  --colours-interaction-states-disabled-text-disabled: #996831;
  --colours-interaction-states-disabled-text-dominant-disabled: #996831;
  --colours-interaction-states-disabled-text-recessive-disabled: #996831;
  --colours-interaction-states-disabled-text-link-disabled: #996831;
  --colours-interaction-states-disabled-accent-disabled: #996831;
  --colours-interaction-states-disabled-text-on-accent-disabled: #321d06;
  --colours-interaction-states-disabled-accent-secondary-disabled: #996831;
  --colours-interaction-states-disabled-text-on-accent-secondary-disabled: #321d06;
  --colours-interaction-states-disabled-stroke-disabled: #996831;
  --colours-interaction-states-disabled-stroke-subtle-disabled: #996831;
  --colours-interaction-states-visited-text-visited: #000;
  --colours-interaction-states-visited-text-link-visited: #996831;
  --colours-functional-notification-notification: #000;
  --colours-functional-notification-text-on-notification: #fff;
  --colours-functional-informational-subtle: #d3d7f9;
  --colours-functional-informational-standard: #2238df;
  --colours-functional-informational-hovered: #05169b;
  --colours-functional-informational-pressed: #000e79;
  --colours-functional-success-subtle: #ccf0e1;
  --colours-functional-success-standard: #00b367;
  --colours-functional-success-hovered: #008a50;
  --colours-functional-success-pressed: #006138;
  --colours-functional-warning-subtle: #fee2d0;
  --colours-functional-warning-standard: #f97012;
  --colours-functional-warning-hovered: #d05500;
  --colours-functional-warning-pressed: #bd4600;
  --colours-functional-destructive-subtle: #fad2cf;
  --colours-functional-destructive-standard: #eb2010;
  --colours-functional-destructive-hovered: #bf0e00;
  --colours-functional-destructive-pressed: #960b00;
  --elevation-level-0: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-1: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-2: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-3: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-4: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-5: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-6: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-app-bar-top-flat: 0 1px 0 0 rgba(0, 0, 0, 0.1);
  --elevation-app-bar-top-raised: 0 3px 8px 0 rgba(0, 0, 0, 0.05);
  --elevation-app-bar-bottom-flat: 0 -1px 0 0 rgba(0, 0, 0, 0.1);
  --elevation-app-bar-bottom-raised: 0 -3px 8px 0 rgba(0, 0, 0, 0.05);
  --elevation-fab-standard: 0 5px 12px 2px rgba(0, 0, 0, 0.14);
  --elevation-fab-hovered: 0 4px 8px 1px rgba(0, 0, 0, 0.13);
  --elevation-fab-pressed: 0 3px 7px 0 rgba(0, 0, 0, 0.12);
}
[data-scheme="dandelion"] {
  --colours-basic-background: #f6d046;
  --colours-basic-background-subtle: #f8d867;
  --colours-basic-background-card: #f6d046;
  --colours-basic-text: #000;
  --colours-basic-text-dominant: #000;
  --colours-basic-text-recessive: #5b4c17;
  --colours-basic-text-link: #000;
  --colours-basic-accent: #000;
  --colours-basic-text-on-accent: #fff;
  --colours-basic-accent-secondary: #fbe9a9;
  --colours-basic-text-on-accent-secondary: #000;
  --colours-basic-stroke: #000;
  --colours-basic-stroke-subtle: #c2a436;
  --colours-basic-modal-overlay: rgba(0, 0, 0, 0.4);
  --colours-shades-accent-shades-accent-subtle: #fcf1ca;
  --colours-shades-accent-shades-accent-extra-dominant: #fbe9a9;
  --colours-shades-accent-shades-accent-dominant: #f9e188;
  --colours-shades-accent-shades-accent-recessive: #c2a436;
  --colours-shades-accent-shades-accent-extra-recessive: #8f7827;
  --colours-shades-secondary-accent-shades-secondary-accent-subtle: #fcf1ca;
  --colours-shades-secondary-accent-shades-secondary-accent-extra-dominant: #2f2604;
  --colours-shades-secondary-accent-shades-secondary-accent-dominant: #5b4c17;
  --colours-shades-secondary-accent-shades-secondary-accent-recessive: #8f7827;
  --colours-shades-secondary-accent-shades-secondary-accent-extra-recessive: #c2a436;
  --colours-shades-neutral-shades-100: #fcf1ca;
  --colours-shades-neutral-shades-200: #fbe9a9;
  --colours-shades-neutral-shades-300: #f9e188;
  --colours-shades-neutral-shades-400: #f8d867;
  --colours-shades-neutral-shades-500: #f6d046;
  --colours-shades-neutral-shades-600: #c2a436;
  --colours-shades-neutral-shades-700: #8f7827;
  --colours-shades-neutral-shades-800: #5b4c17;
  --colours-shades-neutral-shades-900: #2f2604;
  --colours-interaction-states-hover-background-hover: #f8d867;
  --colours-interaction-states-hover-background-subtle-hover: #f9e188;
  --colours-interaction-states-hover-text-hover: #2f2604;
  --colours-interaction-states-hover-text-dominant-hover: #2f2604;
  --colours-interaction-states-hover-text-recessive-hover: #2f2604;
  --colours-interaction-states-hover-text-link-hover: #2f2604;
  --colours-interaction-states-hover-accent-hover: #2f2604;
  --colours-interaction-states-hover-text-on-accent-hover: #fcf1ca;
  --colours-interaction-states-hover-accent-secondary-hover: #fcf1ca;
  --colours-interaction-states-hover-text-on-accent-secondary-hover: #000;
  --colours-interaction-states-hover-stroke-hover: #000;
  --colours-interaction-states-hover-stroke-subtle-hover: #8f7827;
  --colours-interaction-states-pressed-background-pressed: #f9e188;
  --colours-interaction-states-pressed-background-subtle-pressed: #fbe9a9;
  --colours-interaction-states-pressed-text-pressed: #5b4c17;
  --colours-interaction-states-pressed-text-dominant-pressed: #5b4c17;
  --colours-interaction-states-pressed-text-recessive-pressed: #000;
  --colours-interaction-states-pressed-text-link-pressed: #5b4c17;
  --colours-interaction-states-pressed-accent-pressed: #5b4c17;
  --colours-interaction-states-pressed-text-on-accent-pressed: #fff;
  --colours-interaction-states-pressed-accent-secondary-pressed: #fff;
  --colours-interaction-states-pressed-text-on-accent-secondary-pressed: #000;
  --colours-interaction-states-pressed-stroke-pressed: #000;
  --colours-interaction-states-pressed-stroke-subtle-pressed: #5b4c17;
  --colours-interaction-states-focus-focus: #000;
  --colours-interaction-states-focus-stroke-active: #8f7827;
  --colours-interaction-states-disabled-background-disabled: #c2a436;
  --colours-interaction-states-disabled-background-subtle-disabled: #c2a436;
  --colours-interaction-states-disabled-background-card-disabled: #c2a436;
  --colours-interaction-states-disabled-text-disabled: #8f7827;
  --colours-interaction-states-disabled-text-dominant-disabled: #8f7827;
  --colours-interaction-states-disabled-text-recessive-disabled: #8f7827;
  --colours-interaction-states-disabled-text-link-disabled: #8f7827;
  --colours-interaction-states-disabled-accent-disabled: #8f7827;
  --colours-interaction-states-disabled-text-on-accent-disabled: #2f2604;
  --colours-interaction-states-disabled-accent-secondary-disabled: #8f7827;
  --colours-interaction-states-disabled-text-on-accent-secondary-disabled: #2f2604;
  --colours-interaction-states-disabled-stroke-disabled: #8f7827;
  --colours-interaction-states-disabled-stroke-subtle-disabled: #8f7827;
  --colours-interaction-states-visited-text-visited: #000;
  --colours-interaction-states-visited-text-link-visited: #8f7827;
  --colours-functional-notification-notification: #000;
  --colours-functional-notification-text-on-notification: #fff;
  --colours-functional-informational-subtle: #d3d7f9;
  --colours-functional-informational-standard: #2238df;
  --colours-functional-informational-hovered: #05169b;
  --colours-functional-informational-pressed: #000e79;
  --colours-functional-success-subtle: #ccf0e1;
  --colours-functional-success-standard: #00b367;
  --colours-functional-success-hovered: #008a50;
  --colours-functional-success-pressed: #006138;
  --colours-functional-warning-subtle: #fee2d0;
  --colours-functional-warning-standard: #f97012;
  --colours-functional-warning-hovered: #d05500;
  --colours-functional-warning-pressed: #bd4600;
  --colours-functional-destructive-subtle: #fad2cf;
  --colours-functional-destructive-standard: #eb2010;
  --colours-functional-destructive-hovered: #bf0e00;
  --colours-functional-destructive-pressed: #960b00;
  --elevation-level-0: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-1: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-2: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-3: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-4: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-5: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-6: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-app-bar-top-flat: 0 1px 0 0 rgba(0, 0, 0, 0.1);
  --elevation-app-bar-top-raised: 0 3px 8px 0 rgba(0, 0, 0, 0.05);
  --elevation-app-bar-bottom-flat: 0 -1px 0 0 rgba(0, 0, 0, 0.1);
  --elevation-app-bar-bottom-raised: 0 -3px 8px 0 rgba(0, 0, 0, 0.05);
  --elevation-fab-standard: 0 5px 12px 2px rgba(0, 0, 0, 0.14);
  --elevation-fab-hovered: 0 4px 8px 1px rgba(0, 0, 0, 0.13);
  --elevation-fab-pressed: 0 3px 7px 0 rgba(0, 0, 0, 0.12);
}
[data-scheme="egg"] {
  --colours-basic-background: #efdc34;
  --colours-basic-background-subtle: #f2e256;
  --colours-basic-background-card: #efdc34;
  --colours-basic-text: #000;
  --colours-basic-text-dominant: #000;
  --colours-basic-text-recessive: #605813;
  --colours-basic-text-link: #000;
  --colours-basic-accent: #000;
  --colours-basic-text-on-accent: #fff;
  --colours-basic-accent-secondary: #f7ee9b;
  --colours-basic-text-on-accent-secondary: #000;
  --colours-basic-stroke: #000;
  --colours-basic-stroke-subtle: #bfb029;
  --colours-basic-modal-overlay: rgba(0, 0, 0, 0.4);
  --colours-shades-accent-shades-accent-subtle: #faf4bd;
  --colours-shades-accent-shades-accent-extra-dominant: #f7ee9b;
  --colours-shades-accent-shades-accent-dominant: #f4e879;
  --colours-shades-accent-shades-accent-recessive: #bfb029;
  --colours-shades-accent-shades-accent-extra-recessive: #90841e;
  --colours-shades-secondary-accent-shades-secondary-accent-subtle: #faf4bd;
  --colours-shades-secondary-accent-shades-secondary-accent-extra-dominant: #302c08;
  --colours-shades-secondary-accent-shades-secondary-accent-dominant: #605813;
  --colours-shades-secondary-accent-shades-secondary-accent-recessive: #90841e;
  --colours-shades-secondary-accent-shades-secondary-accent-extra-recessive: #bfb029;
  --colours-shades-neutral-shades-100: #faf4bd;
  --colours-shades-neutral-shades-200: #f7ee9b;
  --colours-shades-neutral-shades-300: #f4e879;
  --colours-shades-neutral-shades-400: #f2e256;
  --colours-shades-neutral-shades-500: #efdc34;
  --colours-shades-neutral-shades-600: #bfb029;
  --colours-shades-neutral-shades-700: #90841e;
  --colours-shades-neutral-shades-800: #605813;
  --colours-shades-neutral-shades-900: #302c08;
  --colours-interaction-states-hover-background-hover: #f2e256;
  --colours-interaction-states-hover-background-subtle-hover: #f4e879;
  --colours-interaction-states-hover-text-hover: #302c08;
  --colours-interaction-states-hover-text-dominant-hover: #302c08;
  --colours-interaction-states-hover-text-recessive-hover: #302c08;
  --colours-interaction-states-hover-text-link-hover: #302c08;
  --colours-interaction-states-hover-accent-hover: #302c08;
  --colours-interaction-states-hover-text-on-accent-hover: #faf4bd;
  --colours-interaction-states-hover-accent-secondary-hover: #faf4bd;
  --colours-interaction-states-hover-text-on-accent-secondary-hover: #000;
  --colours-interaction-states-hover-stroke-hover: #000;
  --colours-interaction-states-hover-stroke-subtle-hover: #90841e;
  --colours-interaction-states-pressed-background-pressed: #f4e879;
  --colours-interaction-states-pressed-background-subtle-pressed: #f7ee9b;
  --colours-interaction-states-pressed-text-pressed: #605813;
  --colours-interaction-states-pressed-text-dominant-pressed: #605813;
  --colours-interaction-states-pressed-text-recessive-pressed: #000;
  --colours-interaction-states-pressed-text-link-pressed: #605813;
  --colours-interaction-states-pressed-accent-pressed: #605813;
  --colours-interaction-states-pressed-text-on-accent-pressed: #fff;
  --colours-interaction-states-pressed-accent-secondary-pressed: #fff;
  --colours-interaction-states-pressed-text-on-accent-secondary-pressed: #000;
  --colours-interaction-states-pressed-stroke-pressed: #000;
  --colours-interaction-states-pressed-stroke-subtle-pressed: #605813;
  --colours-interaction-states-focus-focus: #000;
  --colours-interaction-states-focus-stroke-active: #90841e;
  --colours-interaction-states-disabled-background-disabled: #bfb029;
  --colours-interaction-states-disabled-background-subtle-disabled: #bfb029;
  --colours-interaction-states-disabled-background-card-disabled: #bfb029;
  --colours-interaction-states-disabled-text-disabled: #90841e;
  --colours-interaction-states-disabled-text-dominant-disabled: #90841e;
  --colours-interaction-states-disabled-text-recessive-disabled: #90841e;
  --colours-interaction-states-disabled-text-link-disabled: #90841e;
  --colours-interaction-states-disabled-accent-disabled: #90841e;
  --colours-interaction-states-disabled-text-on-accent-disabled: #302c08;
  --colours-interaction-states-disabled-accent-secondary-disabled: #90841e;
  --colours-interaction-states-disabled-text-on-accent-secondary-disabled: #302c08;
  --colours-interaction-states-disabled-stroke-disabled: #90841e;
  --colours-interaction-states-disabled-stroke-subtle-disabled: #90841e;
  --colours-interaction-states-visited-text-visited: #000;
  --colours-interaction-states-visited-text-link-visited: #90841e;
  --colours-functional-notification-notification: #000;
  --colours-functional-notification-text-on-notification: #fff;
  --colours-functional-informational-subtle: #d3d7f9;
  --colours-functional-informational-standard: #2238df;
  --colours-functional-informational-hovered: #05169b;
  --colours-functional-informational-pressed: #000e79;
  --colours-functional-success-subtle: #ccf0e1;
  --colours-functional-success-standard: #00b367;
  --colours-functional-success-hovered: #008a50;
  --colours-functional-success-pressed: #006138;
  --colours-functional-warning-subtle: #fee2d0;
  --colours-functional-warning-standard: #f97012;
  --colours-functional-warning-hovered: #d05500;
  --colours-functional-warning-pressed: #bd4600;
  --colours-functional-destructive-subtle: #fad2cf;
  --colours-functional-destructive-standard: #eb2010;
  --colours-functional-destructive-hovered: #bf0e00;
  --colours-functional-destructive-pressed: #960b00;
  --elevation-level-0: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-1: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-2: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-3: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-4: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-5: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-6: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-app-bar-top-flat: 0 1px 0 0 rgba(0, 0, 0, 0.1);
  --elevation-app-bar-top-raised: 0 3px 8px 0 rgba(0, 0, 0, 0.05);
  --elevation-app-bar-bottom-flat: 0 -1px 0 0 rgba(0, 0, 0, 0.1);
  --elevation-app-bar-bottom-raised: 0 -3px 8px 0 rgba(0, 0, 0, 0.05);
  --elevation-fab-standard: 0 5px 12px 2px rgba(0, 0, 0, 0.14);
  --elevation-fab-hovered: 0 4px 8px 1px rgba(0, 0, 0, 0.13);
  --elevation-fab-pressed: 0 3px 7px 0 rgba(0, 0, 0, 0.12);
}
[data-scheme="frog"] {
  --colours-basic-background: #d4dc38;
  --colours-basic-background-subtle: #dce35b;
  --colours-basic-background-card: #d4dc38;
  --colours-basic-text: #000;
  --colours-basic-text-dominant: #000;
  --colours-basic-text-recessive: #555714;
  --colours-basic-text-link: #000;
  --colours-basic-accent: #000;
  --colours-basic-text-on-accent: #fff;
  --colours-basic-accent-secondary: #ecf0a2;
  --colours-basic-text-on-accent-secondary: #000;
  --colours-basic-stroke: #000;
  --colours-basic-stroke-subtle: #aab02c;
  --colours-basic-modal-overlay: rgba(0, 0, 0, 0.4);
  --colours-shades-accent-shades-accent-subtle: #f4f7c5;
  --colours-shades-accent-shades-accent-extra-dominant: #ecf0a2;
  --colours-shades-accent-shades-accent-dominant: #e4ea7f;
  --colours-shades-accent-shades-accent-recessive: #aab02c;
  --colours-shades-accent-shades-accent-extra-recessive: #7f8420;
  --colours-shades-secondary-accent-shades-secondary-accent-subtle: #f4f7c5;
  --colours-shades-secondary-accent-shades-secondary-accent-extra-dominant: #2a2b08;
  --colours-shades-secondary-accent-shades-secondary-accent-dominant: #555714;
  --colours-shades-secondary-accent-shades-secondary-accent-recessive: #7f8420;
  --colours-shades-secondary-accent-shades-secondary-accent-extra-recessive: #aab02c;
  --colours-shades-neutral-shades-100: #f4f7c5;
  --colours-shades-neutral-shades-200: #ecf0a2;
  --colours-shades-neutral-shades-300: #e4ea7f;
  --colours-shades-neutral-shades-400: #dce35b;
  --colours-shades-neutral-shades-500: #d4dc38;
  --colours-shades-neutral-shades-600: #aab02c;
  --colours-shades-neutral-shades-700: #7f8420;
  --colours-shades-neutral-shades-800: #555714;
  --colours-shades-neutral-shades-900: #2a2b08;
  --colours-interaction-states-hover-background-hover: #dce35b;
  --colours-interaction-states-hover-background-subtle-hover: #e4ea7f;
  --colours-interaction-states-hover-text-hover: #2a2b08;
  --colours-interaction-states-hover-text-dominant-hover: #2a2b08;
  --colours-interaction-states-hover-text-recessive-hover: #2a2b08;
  --colours-interaction-states-hover-text-link-hover: #2a2b08;
  --colours-interaction-states-hover-accent-hover: #2a2b08;
  --colours-interaction-states-hover-text-on-accent-hover: #f4f7c5;
  --colours-interaction-states-hover-accent-secondary-hover: #f4f7c5;
  --colours-interaction-states-hover-text-on-accent-secondary-hover: #000;
  --colours-interaction-states-hover-stroke-hover: #000;
  --colours-interaction-states-hover-stroke-subtle-hover: #7f8420;
  --colours-interaction-states-pressed-background-pressed: #e4ea7f;
  --colours-interaction-states-pressed-background-subtle-pressed: #ecf0a2;
  --colours-interaction-states-pressed-text-pressed: #555714;
  --colours-interaction-states-pressed-text-dominant-pressed: #555714;
  --colours-interaction-states-pressed-text-recessive-pressed: #000;
  --colours-interaction-states-pressed-text-link-pressed: #555714;
  --colours-interaction-states-pressed-accent-pressed: #555714;
  --colours-interaction-states-pressed-text-on-accent-pressed: #fff;
  --colours-interaction-states-pressed-accent-secondary-pressed: #fff;
  --colours-interaction-states-pressed-text-on-accent-secondary-pressed: #000;
  --colours-interaction-states-pressed-stroke-pressed: #000;
  --colours-interaction-states-pressed-stroke-subtle-pressed: #555714;
  --colours-interaction-states-focus-focus: #000;
  --colours-interaction-states-focus-stroke-active: #7f8420;
  --colours-interaction-states-disabled-background-disabled: #aab02c;
  --colours-interaction-states-disabled-background-subtle-disabled: #aab02c;
  --colours-interaction-states-disabled-background-card-disabled: #aab02c;
  --colours-interaction-states-disabled-text-disabled: #7f8420;
  --colours-interaction-states-disabled-text-dominant-disabled: #7f8420;
  --colours-interaction-states-disabled-text-recessive-disabled: #7f8420;
  --colours-interaction-states-disabled-text-link-disabled: #7f8420;
  --colours-interaction-states-disabled-accent-disabled: #7f8420;
  --colours-interaction-states-disabled-text-on-accent-disabled: #2a2b08;
  --colours-interaction-states-disabled-accent-secondary-disabled: #7f8420;
  --colours-interaction-states-disabled-text-on-accent-secondary-disabled: #2a2b08;
  --colours-interaction-states-disabled-stroke-disabled: #7f8420;
  --colours-interaction-states-disabled-stroke-subtle-disabled: #7f8420;
  --colours-interaction-states-visited-text-visited: #000;
  --colours-interaction-states-visited-text-link-visited: #7f8420;
  --colours-functional-notification-notification: #000;
  --colours-functional-notification-text-on-notification: #fff;
  --colours-functional-informational-subtle: #d3d7f9;
  --colours-functional-informational-standard: #2238df;
  --colours-functional-informational-hovered: #05169b;
  --colours-functional-informational-pressed: #000e79;
  --colours-functional-success-subtle: #ccf0e1;
  --colours-functional-success-standard: #00b367;
  --colours-functional-success-hovered: #008a50;
  --colours-functional-success-pressed: #006138;
  --colours-functional-warning-subtle: #fee2d0;
  --colours-functional-warning-standard: #f97012;
  --colours-functional-warning-hovered: #d05500;
  --colours-functional-warning-pressed: #bd4600;
  --colours-functional-destructive-subtle: #fad2cf;
  --colours-functional-destructive-standard: #eb2010;
  --colours-functional-destructive-hovered: #bf0e00;
  --colours-functional-destructive-pressed: #960b00;
  --elevation-level-0: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-1: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-2: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-3: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-4: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-5: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-6: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-app-bar-top-flat: 0 1px 0 0 rgba(0, 0, 0, 0.1);
  --elevation-app-bar-top-raised: 0 3px 8px 0 rgba(0, 0, 0, 0.05);
  --elevation-app-bar-bottom-flat: 0 -1px 0 0 rgba(0, 0, 0, 0.1);
  --elevation-app-bar-bottom-raised: 0 -3px 8px 0 rgba(0, 0, 0, 0.05);
  --elevation-fab-standard: 0 5px 12px 2px rgba(0, 0, 0, 0.14);
  --elevation-fab-hovered: 0 4px 8px 1px rgba(0, 0, 0, 0.13);
  --elevation-fab-pressed: 0 3px 7px 0 rgba(0, 0, 0, 0.12);
}
[data-scheme="guacamole"] {
  --colours-basic-background: #a7de59;
  --colours-basic-background-subtle: #b8e479;
  --colours-basic-background-card: #a7de59;
  --colours-basic-text: #000;
  --colours-basic-text-dominant: #000;
  --colours-basic-text-recessive: #3f561e;
  --colours-basic-text-link: #000;
  --colours-basic-accent: #000;
  --colours-basic-text-on-accent: #fff;
  --colours-basic-accent-secondary: #daf1b9;
  --colours-basic-text-on-accent-secondary: #000;
  --colours-basic-stroke: #000;
  --colours-basic-stroke-subtle: #84b146;
  --colours-basic-modal-overlay: rgba(0, 0, 0, 0.4);
  --colours-shades-accent-shades-accent-subtle: #ebf7d9;
  --colours-shades-accent-shades-accent-extra-dominant: #daf1b9;
  --colours-shades-accent-shades-accent-dominant: #c9eb99;
  --colours-shades-accent-shades-accent-recessive: #84b146;
  --colours-shades-accent-shades-accent-extra-recessive: #628332;
  --colours-shades-secondary-accent-shades-secondary-accent-subtle: #ebf7d9;
  --colours-shades-secondary-accent-shades-secondary-accent-extra-dominant: #1c280b;
  --colours-shades-secondary-accent-shades-secondary-accent-dominant: #3f561e;
  --colours-shades-secondary-accent-shades-secondary-accent-recessive: #628332;
  --colours-shades-secondary-accent-shades-secondary-accent-extra-recessive: #84b146;
  --colours-shades-neutral-shades-100: #ebf7d9;
  --colours-shades-neutral-shades-200: #daf1b9;
  --colours-shades-neutral-shades-300: #c9eb99;
  --colours-shades-neutral-shades-400: #b8e479;
  --colours-shades-neutral-shades-500: #a7de59;
  --colours-shades-neutral-shades-600: #84b146;
  --colours-shades-neutral-shades-700: #628332;
  --colours-shades-neutral-shades-800: #3f561e;
  --colours-shades-neutral-shades-900: #1c280b;
  --colours-interaction-states-hover-background-hover: #b8e479;
  --colours-interaction-states-hover-background-subtle-hover: #c9eb99;
  --colours-interaction-states-hover-text-hover: #1c280b;
  --colours-interaction-states-hover-text-dominant-hover: #1c280b;
  --colours-interaction-states-hover-text-recessive-hover: #1c280b;
  --colours-interaction-states-hover-text-link-hover: #1c280b;
  --colours-interaction-states-hover-accent-hover: #1c280b;
  --colours-interaction-states-hover-text-on-accent-hover: #ebf7d9;
  --colours-interaction-states-hover-accent-secondary-hover: #ebf7d9;
  --colours-interaction-states-hover-text-on-accent-secondary-hover: #000;
  --colours-interaction-states-hover-stroke-hover: #000;
  --colours-interaction-states-hover-stroke-subtle-hover: #628332;
  --colours-interaction-states-pressed-background-pressed: #c9eb99;
  --colours-interaction-states-pressed-background-subtle-pressed: #daf1b9;
  --colours-interaction-states-pressed-text-pressed: #3f561e;
  --colours-interaction-states-pressed-text-dominant-pressed: #3f561e;
  --colours-interaction-states-pressed-text-recessive-pressed: #000;
  --colours-interaction-states-pressed-text-link-pressed: #3f561e;
  --colours-interaction-states-pressed-accent-pressed: #3f561e;
  --colours-interaction-states-pressed-text-on-accent-pressed: #fff;
  --colours-interaction-states-pressed-accent-secondary-pressed: #fff;
  --colours-interaction-states-pressed-text-on-accent-secondary-pressed: #000;
  --colours-interaction-states-pressed-stroke-pressed: #000;
  --colours-interaction-states-pressed-stroke-subtle-pressed: #3f561e;
  --colours-interaction-states-focus-focus: #000;
  --colours-interaction-states-focus-stroke-active: #628332;
  --colours-interaction-states-disabled-background-disabled: #84b146;
  --colours-interaction-states-disabled-background-subtle-disabled: #84b146;
  --colours-interaction-states-disabled-background-card-disabled: #84b146;
  --colours-interaction-states-disabled-text-disabled: #628332;
  --colours-interaction-states-disabled-text-dominant-disabled: #628332;
  --colours-interaction-states-disabled-text-recessive-disabled: #628332;
  --colours-interaction-states-disabled-text-link-disabled: #628332;
  --colours-interaction-states-disabled-accent-disabled: #628332;
  --colours-interaction-states-disabled-text-on-accent-disabled: #1c280b;
  --colours-interaction-states-disabled-accent-secondary-disabled: #628332;
  --colours-interaction-states-disabled-text-on-accent-secondary-disabled: #1c280b;
  --colours-interaction-states-disabled-stroke-disabled: #628332;
  --colours-interaction-states-disabled-stroke-subtle-disabled: #628332;
  --colours-interaction-states-visited-text-visited: #000;
  --colours-interaction-states-visited-text-link-visited: #628332;
  --colours-functional-notification-notification: #000;
  --colours-functional-notification-text-on-notification: #fff;
  --colours-functional-informational-subtle: #d3d7f9;
  --colours-functional-informational-standard: #2238df;
  --colours-functional-informational-hovered: #05169b;
  --colours-functional-informational-pressed: #000e79;
  --colours-functional-success-subtle: #ccf0e1;
  --colours-functional-success-standard: #00b367;
  --colours-functional-success-hovered: #008a50;
  --colours-functional-success-pressed: #006138;
  --colours-functional-warning-subtle: #fee2d0;
  --colours-functional-warning-standard: #f97012;
  --colours-functional-warning-hovered: #d05500;
  --colours-functional-warning-pressed: #bd4600;
  --colours-functional-destructive-subtle: #fad2cf;
  --colours-functional-destructive-standard: #eb2010;
  --colours-functional-destructive-hovered: #bf0e00;
  --colours-functional-destructive-pressed: #960b00;
  --elevation-level-0: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-1: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-2: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-3: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-4: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-5: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-6: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-app-bar-top-flat: 0 1px 0 0 rgba(0, 0, 0, 0.1);
  --elevation-app-bar-top-raised: 0 3px 8px 0 rgba(0, 0, 0, 0.05);
  --elevation-app-bar-bottom-flat: 0 -1px 0 0 rgba(0, 0, 0, 0.1);
  --elevation-app-bar-bottom-raised: 0 -3px 8px 0 rgba(0, 0, 0, 0.05);
  --elevation-fab-standard: 0 5px 12px 2px rgba(0, 0, 0, 0.14);
  --elevation-fab-hovered: 0 4px 8px 1px rgba(0, 0, 0, 0.13);
  --elevation-fab-pressed: 0 3px 7px 0 rgba(0, 0, 0, 0.12);
}
[data-scheme="hummingbird"] {
  --colours-basic-background: #74e281;
  --colours-basic-background-subtle: #90e89b;
  --colours-basic-background-card: #74e281;
  --colours-basic-text: #000;
  --colours-basic-text-dominant: #000;
  --colours-basic-text-recessive: #27592c;
  --colours-basic-text-link: #000;
  --colours-basic-accent: #000;
  --colours-basic-text-on-accent: #fff;
  --colours-basic-accent-secondary: #c8f5ce;
  --colours-basic-text-on-accent-secondary: #000;
  --colours-basic-stroke: #000;
  --colours-basic-stroke-subtle: #5ab465;
  --colours-basic-modal-overlay: rgba(0, 0, 0, 0.4);
  --colours-shades-accent-shades-accent-subtle: #e4fbe7;
  --colours-shades-accent-shades-accent-extra-dominant: #c8f5ce;
  --colours-shades-accent-shades-accent-dominant: #acefb4;
  --colours-shades-accent-shades-accent-recessive: #5ab465;
  --colours-shades-accent-shades-accent-extra-recessive: #418749;
  --colours-shades-secondary-accent-shades-secondary-accent-subtle: #e4fbe7;
  --colours-shades-secondary-accent-shades-secondary-accent-extra-dominant: #0d2b10;
  --colours-shades-secondary-accent-shades-secondary-accent-dominant: #27592c;
  --colours-shades-secondary-accent-shades-secondary-accent-recessive: #418749;
  --colours-shades-secondary-accent-shades-secondary-accent-extra-recessive: #5ab465;
  --colours-shades-neutral-shades-100: #e4fbe7;
  --colours-shades-neutral-shades-200: #c8f5ce;
  --colours-shades-neutral-shades-300: #acefb4;
  --colours-shades-neutral-shades-400: #90e89b;
  --colours-shades-neutral-shades-500: #74e281;
  --colours-shades-neutral-shades-600: #5ab465;
  --colours-shades-neutral-shades-700: #418749;
  --colours-shades-neutral-shades-800: #27592c;
  --colours-shades-neutral-shades-900: #0d2b10;
  --colours-interaction-states-hover-background-hover: #90e89b;
  --colours-interaction-states-hover-background-subtle-hover: #acefb4;
  --colours-interaction-states-hover-text-hover: #0d2b10;
  --colours-interaction-states-hover-text-dominant-hover: #0d2b10;
  --colours-interaction-states-hover-text-recessive-hover: #0d2b10;
  --colours-interaction-states-hover-text-link-hover: #0d2b10;
  --colours-interaction-states-hover-accent-hover: #0d2b10;
  --colours-interaction-states-hover-text-on-accent-hover: #e4fbe7;
  --colours-interaction-states-hover-accent-secondary-hover: #e4fbe7;
  --colours-interaction-states-hover-text-on-accent-secondary-hover: #000;
  --colours-interaction-states-hover-stroke-hover: #000;
  --colours-interaction-states-hover-stroke-subtle-hover: #418749;
  --colours-interaction-states-pressed-background-pressed: #acefb4;
  --colours-interaction-states-pressed-background-subtle-pressed: #c8f5ce;
  --colours-interaction-states-pressed-text-pressed: #27592c;
  --colours-interaction-states-pressed-text-dominant-pressed: #27592c;
  --colours-interaction-states-pressed-text-recessive-pressed: #000;
  --colours-interaction-states-pressed-text-link-pressed: #27592c;
  --colours-interaction-states-pressed-accent-pressed: #27592c;
  --colours-interaction-states-pressed-text-on-accent-pressed: #fff;
  --colours-interaction-states-pressed-accent-secondary-pressed: #fff;
  --colours-interaction-states-pressed-text-on-accent-secondary-pressed: #000;
  --colours-interaction-states-pressed-stroke-pressed: #000;
  --colours-interaction-states-pressed-stroke-subtle-pressed: #27592c;
  --colours-interaction-states-focus-focus: #000;
  --colours-interaction-states-focus-stroke-active: #418749;
  --colours-interaction-states-disabled-background-disabled: #5ab465;
  --colours-interaction-states-disabled-background-subtle-disabled: #5ab465;
  --colours-interaction-states-disabled-background-card-disabled: #5ab465;
  --colours-interaction-states-disabled-text-disabled: #418749;
  --colours-interaction-states-disabled-text-dominant-disabled: #418749;
  --colours-interaction-states-disabled-text-recessive-disabled: #418749;
  --colours-interaction-states-disabled-text-link-disabled: #418749;
  --colours-interaction-states-disabled-accent-disabled: #418749;
  --colours-interaction-states-disabled-text-on-accent-disabled: #0d2b10;
  --colours-interaction-states-disabled-accent-secondary-disabled: #418749;
  --colours-interaction-states-disabled-text-on-accent-secondary-disabled: #0d2b10;
  --colours-interaction-states-disabled-stroke-disabled: #418749;
  --colours-interaction-states-disabled-stroke-subtle-disabled: #418749;
  --colours-interaction-states-visited-text-visited: #000;
  --colours-interaction-states-visited-text-link-visited: #418749;
  --colours-functional-notification-notification: #000;
  --colours-functional-notification-text-on-notification: #fff;
  --colours-functional-informational-subtle: #d3d7f9;
  --colours-functional-informational-standard: #2238df;
  --colours-functional-informational-hovered: #05169b;
  --colours-functional-informational-pressed: #000e79;
  --colours-functional-success-subtle: #ccf0e1;
  --colours-functional-success-standard: #00b367;
  --colours-functional-success-hovered: #008a50;
  --colours-functional-success-pressed: #006138;
  --colours-functional-warning-subtle: #fee2d0;
  --colours-functional-warning-standard: #f97012;
  --colours-functional-warning-hovered: #d05500;
  --colours-functional-warning-pressed: #bd4600;
  --colours-functional-destructive-subtle: #fad2cf;
  --colours-functional-destructive-standard: #eb2010;
  --colours-functional-destructive-hovered: #bf0e00;
  --colours-functional-destructive-pressed: #960b00;
  --elevation-level-0: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-1: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-2: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-3: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-4: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-5: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-6: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-app-bar-top-flat: 0 1px 0 0 rgba(0, 0, 0, 0.1);
  --elevation-app-bar-top-raised: 0 3px 8px 0 rgba(0, 0, 0, 0.05);
  --elevation-app-bar-bottom-flat: 0 -1px 0 0 rgba(0, 0, 0, 0.1);
  --elevation-app-bar-bottom-raised: 0 -3px 8px 0 rgba(0, 0, 0, 0.05);
  --elevation-fab-standard: 0 5px 12px 2px rgba(0, 0, 0, 0.14);
  --elevation-fab-hovered: 0 4px 8px 1px rgba(0, 0, 0, 0.13);
  --elevation-fab-pressed: 0 3px 7px 0 rgba(0, 0, 0, 0.12);
}
[data-scheme="iguana"] {
  --colours-basic-background: #4de0af;
  --colours-basic-background-subtle: #72e7c0;
  --colours-basic-background-card: #4de0af;
  --colours-basic-text: #000;
  --colours-basic-text-dominant: #000;
  --colours-basic-text-recessive: #1b5743;
  --colours-basic-text-link: #000;
  --colours-basic-accent: #000;
  --colours-basic-text-on-accent: #fff;
  --colours-basic-accent-secondary: #bcf3e1;
  --colours-basic-text-on-accent-secondary: #000;
  --colours-basic-stroke: #000;
  --colours-basic-stroke-subtle: #3cb28b;
  --colours-basic-modal-overlay: rgba(0, 0, 0, 0.4);
  --colours-shades-accent-shades-accent-subtle: #e1faf1;
  --colours-shades-accent-shades-accent-extra-dominant: #bcf3e1;
  --colours-shades-accent-shades-accent-dominant: #97edd0;
  --colours-shades-accent-shades-accent-recessive: #3cb28b;
  --colours-shades-accent-shades-accent-extra-recessive: #2c8567;
  --colours-shades-secondary-accent-shades-secondary-accent-subtle: #e1faf1;
  --colours-shades-secondary-accent-shades-secondary-accent-extra-dominant: #0a291f;
  --colours-shades-secondary-accent-shades-secondary-accent-dominant: #1b5743;
  --colours-shades-secondary-accent-shades-secondary-accent-recessive: #2c8567;
  --colours-shades-secondary-accent-shades-secondary-accent-extra-recessive: #3cb28b;
  --colours-shades-neutral-shades-100: #e1faf1;
  --colours-shades-neutral-shades-200: #bcf3e1;
  --colours-shades-neutral-shades-300: #97edd0;
  --colours-shades-neutral-shades-400: #72e7c0;
  --colours-shades-neutral-shades-500: #4de0af;
  --colours-shades-neutral-shades-600: #3cb28b;
  --colours-shades-neutral-shades-700: #2c8567;
  --colours-shades-neutral-shades-800: #1b5743;
  --colours-shades-neutral-shades-900: #0a291f;
  --colours-interaction-states-hover-background-hover: #72e7c0;
  --colours-interaction-states-hover-background-subtle-hover: #97edd0;
  --colours-interaction-states-hover-text-hover: #0a291f;
  --colours-interaction-states-hover-text-dominant-hover: #0a291f;
  --colours-interaction-states-hover-text-recessive-hover: #0a291f;
  --colours-interaction-states-hover-text-link-hover: #0a291f;
  --colours-interaction-states-hover-accent-hover: #0a291f;
  --colours-interaction-states-hover-text-on-accent-hover: #e1faf1;
  --colours-interaction-states-hover-accent-secondary-hover: #e1faf1;
  --colours-interaction-states-hover-text-on-accent-secondary-hover: #000;
  --colours-interaction-states-hover-stroke-hover: #000;
  --colours-interaction-states-hover-stroke-subtle-hover: #2c8567;
  --colours-interaction-states-pressed-background-pressed: #97edd0;
  --colours-interaction-states-pressed-background-subtle-pressed: #bcf3e1;
  --colours-interaction-states-pressed-text-pressed: #1b5743;
  --colours-interaction-states-pressed-text-dominant-pressed: #1b5743;
  --colours-interaction-states-pressed-text-recessive-pressed: #000;
  --colours-interaction-states-pressed-text-link-pressed: #1b5743;
  --colours-interaction-states-pressed-accent-pressed: #1b5743;
  --colours-interaction-states-pressed-text-on-accent-pressed: #fff;
  --colours-interaction-states-pressed-accent-secondary-pressed: #fff;
  --colours-interaction-states-pressed-text-on-accent-secondary-pressed: #000;
  --colours-interaction-states-pressed-stroke-pressed: #000;
  --colours-interaction-states-pressed-stroke-subtle-pressed: #1b5743;
  --colours-interaction-states-focus-focus: #000;
  --colours-interaction-states-focus-stroke-active: #2c8567;
  --colours-interaction-states-disabled-background-disabled: #3cb28b;
  --colours-interaction-states-disabled-background-subtle-disabled: #3cb28b;
  --colours-interaction-states-disabled-background-card-disabled: #3cb28b;
  --colours-interaction-states-disabled-text-disabled: #2c8567;
  --colours-interaction-states-disabled-text-dominant-disabled: #2c8567;
  --colours-interaction-states-disabled-text-recessive-disabled: #2c8567;
  --colours-interaction-states-disabled-text-link-disabled: #2c8567;
  --colours-interaction-states-disabled-accent-disabled: #2c8567;
  --colours-interaction-states-disabled-text-on-accent-disabled: #0a291f;
  --colours-interaction-states-disabled-accent-secondary-disabled: #2c8567;
  --colours-interaction-states-disabled-text-on-accent-secondary-disabled: #0a291f;
  --colours-interaction-states-disabled-stroke-disabled: #2c8567;
  --colours-interaction-states-disabled-stroke-subtle-disabled: #2c8567;
  --colours-interaction-states-visited-text-visited: #000;
  --colours-interaction-states-visited-text-link-visited: #2c8567;
  --colours-functional-notification-notification: #000;
  --colours-functional-notification-text-on-notification: #fff;
  --colours-functional-informational-subtle: #d3d7f9;
  --colours-functional-informational-standard: #2238df;
  --colours-functional-informational-hovered: #05169b;
  --colours-functional-informational-pressed: #000e79;
  --colours-functional-success-subtle: #ccf0e1;
  --colours-functional-success-standard: #00b367;
  --colours-functional-success-hovered: #008a50;
  --colours-functional-success-pressed: #006138;
  --colours-functional-warning-subtle: #fee2d0;
  --colours-functional-warning-standard: #f97012;
  --colours-functional-warning-hovered: #d05500;
  --colours-functional-warning-pressed: #bd4600;
  --colours-functional-destructive-subtle: #fad2cf;
  --colours-functional-destructive-standard: #eb2010;
  --colours-functional-destructive-hovered: #bf0e00;
  --colours-functional-destructive-pressed: #960b00;
  --elevation-level-0: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-1: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-2: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-3: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-4: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-5: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-6: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-app-bar-top-flat: 0 1px 0 0 rgba(0, 0, 0, 0.1);
  --elevation-app-bar-top-raised: 0 3px 8px 0 rgba(0, 0, 0, 0.05);
  --elevation-app-bar-bottom-flat: 0 -1px 0 0 rgba(0, 0, 0, 0.1);
  --elevation-app-bar-bottom-raised: 0 -3px 8px 0 rgba(0, 0, 0, 0.05);
  --elevation-fab-standard: 0 5px 12px 2px rgba(0, 0, 0, 0.14);
  --elevation-fab-hovered: 0 4px 8px 1px rgba(0, 0, 0, 0.13);
  --elevation-fab-pressed: 0 3px 7px 0 rgba(0, 0, 0, 0.12);
}
[data-scheme="jacuzzi"] {
  --colours-basic-background: #4ad9cd;
  --colours-basic-background-subtle: #70e1d8;
  --colours-basic-background-card: #4ad9cd;
  --colours-basic-text: #000;
  --colours-basic-text-dominant: #000;
  --colours-basic-text-recessive: #1b544f;
  --colours-basic-text-link: #000;
  --colours-basic-accent: #000;
  --colours-basic-text-on-accent: #fff;
  --colours-basic-accent-secondary: #bcf1ed;
  --colours-basic-text-on-accent-secondary: #000;
  --colours-basic-stroke: #000;
  --colours-basic-stroke-subtle: #3aada3;
  --colours-basic-modal-overlay: rgba(0, 0, 0, 0.4);
  --colours-shades-accent-shades-accent-subtle: #e2f9f7;
  --colours-shades-accent-shades-accent-extra-dominant: #bcf1ed;
  --colours-shades-accent-shades-accent-dominant: #96e9e2;
  --colours-shades-accent-shades-accent-recessive: #3aada3;
  --colours-shades-accent-shades-accent-extra-recessive: #2b8179;
  --colours-shades-secondary-accent-shades-secondary-accent-subtle: #e2f9f7;
  --colours-shades-secondary-accent-shades-secondary-accent-extra-dominant: #0b2825;
  --colours-shades-secondary-accent-shades-secondary-accent-dominant: #1b544f;
  --colours-shades-secondary-accent-shades-secondary-accent-recessive: #2b8179;
  --colours-shades-secondary-accent-shades-secondary-accent-extra-recessive: #3aada3;
  --colours-shades-neutral-shades-100: #e2f9f7;
  --colours-shades-neutral-shades-200: #bcf1ed;
  --colours-shades-neutral-shades-300: #96e9e2;
  --colours-shades-neutral-shades-400: #70e1d8;
  --colours-shades-neutral-shades-500: #4ad9cd;
  --colours-shades-neutral-shades-600: #3aada3;
  --colours-shades-neutral-shades-700: #2b8179;
  --colours-shades-neutral-shades-800: #1b544f;
  --colours-shades-neutral-shades-900: #0b2825;
  --colours-interaction-states-hover-background-hover: #70e1d8;
  --colours-interaction-states-hover-background-subtle-hover: #96e9e2;
  --colours-interaction-states-hover-text-hover: #0b2825;
  --colours-interaction-states-hover-text-dominant-hover: #0b2825;
  --colours-interaction-states-hover-text-recessive-hover: #0b2825;
  --colours-interaction-states-hover-text-link-hover: #0b2825;
  --colours-interaction-states-hover-accent-hover: #0b2825;
  --colours-interaction-states-hover-text-on-accent-hover: #e2f9f7;
  --colours-interaction-states-hover-accent-secondary-hover: #e2f9f7;
  --colours-interaction-states-hover-text-on-accent-secondary-hover: #000;
  --colours-interaction-states-hover-stroke-hover: #000;
  --colours-interaction-states-hover-stroke-subtle-hover: #2b8179;
  --colours-interaction-states-pressed-background-pressed: #96e9e2;
  --colours-interaction-states-pressed-background-subtle-pressed: #bcf1ed;
  --colours-interaction-states-pressed-text-pressed: #1b544f;
  --colours-interaction-states-pressed-text-dominant-pressed: #1b544f;
  --colours-interaction-states-pressed-text-recessive-pressed: #000;
  --colours-interaction-states-pressed-text-link-pressed: #1b544f;
  --colours-interaction-states-pressed-accent-pressed: #1b544f;
  --colours-interaction-states-pressed-text-on-accent-pressed: #fff;
  --colours-interaction-states-pressed-accent-secondary-pressed: #fff;
  --colours-interaction-states-pressed-text-on-accent-secondary-pressed: #000;
  --colours-interaction-states-pressed-stroke-pressed: #000;
  --colours-interaction-states-pressed-stroke-subtle-pressed: #1b544f;
  --colours-interaction-states-focus-focus: #000;
  --colours-interaction-states-focus-stroke-active: #2b8179;
  --colours-interaction-states-disabled-background-disabled: #3aada3;
  --colours-interaction-states-disabled-background-subtle-disabled: #3aada3;
  --colours-interaction-states-disabled-background-card-disabled: #3aada3;
  --colours-interaction-states-disabled-text-disabled: #2b8179;
  --colours-interaction-states-disabled-text-dominant-disabled: #2b8179;
  --colours-interaction-states-disabled-text-recessive-disabled: #2b8179;
  --colours-interaction-states-disabled-text-link-disabled: #2b8179;
  --colours-interaction-states-disabled-accent-disabled: #2b8179;
  --colours-interaction-states-disabled-text-on-accent-disabled: #0b2825;
  --colours-interaction-states-disabled-accent-secondary-disabled: #2b8179;
  --colours-interaction-states-disabled-text-on-accent-secondary-disabled: #0b2825;
  --colours-interaction-states-disabled-stroke-disabled: #2b8179;
  --colours-interaction-states-disabled-stroke-subtle-disabled: #2b8179;
  --colours-interaction-states-visited-text-visited: #000;
  --colours-interaction-states-visited-text-link-visited: #2b8179;
  --colours-functional-notification-notification: #000;
  --colours-functional-notification-text-on-notification: #fff;
  --colours-functional-informational-subtle: #d3d7f9;
  --colours-functional-informational-standard: #2238df;
  --colours-functional-informational-hovered: #05169b;
  --colours-functional-informational-pressed: #000e79;
  --colours-functional-success-subtle: #ccf0e1;
  --colours-functional-success-standard: #00b367;
  --colours-functional-success-hovered: #008a50;
  --colours-functional-success-pressed: #006138;
  --colours-functional-warning-subtle: #fee2d0;
  --colours-functional-warning-standard: #f97012;
  --colours-functional-warning-hovered: #d05500;
  --colours-functional-warning-pressed: #bd4600;
  --colours-functional-destructive-subtle: #fad2cf;
  --colours-functional-destructive-standard: #eb2010;
  --colours-functional-destructive-hovered: #bf0e00;
  --colours-functional-destructive-pressed: #960b00;
  --elevation-level-0: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-1: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-2: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-3: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-4: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-5: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-6: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-app-bar-top-flat: 0 1px 0 0 rgba(0, 0, 0, 0.1);
  --elevation-app-bar-top-raised: 0 3px 8px 0 rgba(0, 0, 0, 0.05);
  --elevation-app-bar-bottom-flat: 0 -1px 0 0 rgba(0, 0, 0, 0.1);
  --elevation-app-bar-bottom-raised: 0 -3px 8px 0 rgba(0, 0, 0, 0.05);
  --elevation-fab-standard: 0 5px 12px 2px rgba(0, 0, 0, 0.14);
  --elevation-fab-hovered: 0 4px 8px 1px rgba(0, 0, 0, 0.13);
  --elevation-fab-pressed: 0 3px 7px 0 rgba(0, 0, 0, 0.12);
}
[data-scheme="kingfisher"] {
  --colours-basic-background: #4dd1e0;
  --colours-basic-background-subtle: #72dbe7;
  --colours-basic-background-card: #4dd1e0;
  --colours-basic-text: #000;
  --colours-basic-text-dominant: #000;
  --colours-basic-text-recessive: #1b545a;
  --colours-basic-text-link: #000;
  --colours-basic-accent: #000;
  --colours-basic-text-on-accent: #fff;
  --colours-basic-accent-secondary: #bceef3;
  --colours-basic-text-on-accent-secondary: #000;
  --colours-basic-stroke: #000;
  --colours-basic-stroke-subtle: #3ca7b3;
  --colours-basic-modal-overlay: rgba(0, 0, 0, 0.4);
  --colours-shades-accent-shades-accent-subtle: #e1f7fa;
  --colours-shades-accent-shades-accent-extra-dominant: #bceef3;
  --colours-shades-accent-shades-accent-dominant: #97e4ed;
  --colours-shades-accent-shades-accent-recessive: #3ca7b3;
  --colours-shades-accent-shades-accent-extra-recessive: #2c7e87;
  --colours-shades-secondary-accent-shades-secondary-accent-subtle: #e1f7fa;
  --colours-shades-secondary-accent-shades-secondary-accent-extra-dominant: #0b2a2d;
  --colours-shades-secondary-accent-shades-secondary-accent-dominant: #1b545a;
  --colours-shades-secondary-accent-shades-secondary-accent-recessive: #2c7e87;
  --colours-shades-secondary-accent-shades-secondary-accent-extra-recessive: #3ca7b3;
  --colours-shades-neutral-shades-100: #e1f7fa;
  --colours-shades-neutral-shades-200: #bceef3;
  --colours-shades-neutral-shades-300: #97e4ed;
  --colours-shades-neutral-shades-400: #72dbe7;
  --colours-shades-neutral-shades-500: #4dd1e0;
  --colours-shades-neutral-shades-600: #3ca7b3;
  --colours-shades-neutral-shades-700: #2c7e87;
  --colours-shades-neutral-shades-800: #1b545a;
  --colours-shades-neutral-shades-900: #0b2a2d;
  --colours-interaction-states-hover-background-hover: #72dbe7;
  --colours-interaction-states-hover-background-subtle-hover: #97e4ed;
  --colours-interaction-states-hover-text-hover: #0b2a2d;
  --colours-interaction-states-hover-text-dominant-hover: #0b2a2d;
  --colours-interaction-states-hover-text-recessive-hover: #0b2a2d;
  --colours-interaction-states-hover-text-link-hover: #0b2a2d;
  --colours-interaction-states-hover-accent-hover: #0b2a2d;
  --colours-interaction-states-hover-text-on-accent-hover: #e1f7fa;
  --colours-interaction-states-hover-accent-secondary-hover: #e1f7fa;
  --colours-interaction-states-hover-text-on-accent-secondary-hover: #000;
  --colours-interaction-states-hover-stroke-hover: #000;
  --colours-interaction-states-hover-stroke-subtle-hover: #2c7e87;
  --colours-interaction-states-pressed-background-pressed: #97e4ed;
  --colours-interaction-states-pressed-background-subtle-pressed: #bceef3;
  --colours-interaction-states-pressed-text-pressed: #1b545a;
  --colours-interaction-states-pressed-text-dominant-pressed: #1b545a;
  --colours-interaction-states-pressed-text-recessive-pressed: #000;
  --colours-interaction-states-pressed-text-link-pressed: #1b545a;
  --colours-interaction-states-pressed-accent-pressed: #1b545a;
  --colours-interaction-states-pressed-text-on-accent-pressed: #fff;
  --colours-interaction-states-pressed-accent-secondary-pressed: #fff;
  --colours-interaction-states-pressed-text-on-accent-secondary-pressed: #000;
  --colours-interaction-states-pressed-stroke-pressed: #000;
  --colours-interaction-states-pressed-stroke-subtle-pressed: #1b545a;
  --colours-interaction-states-focus-focus: #000;
  --colours-interaction-states-focus-stroke-active: #2c7e87;
  --colours-interaction-states-disabled-background-disabled: #3ca7b3;
  --colours-interaction-states-disabled-background-subtle-disabled: #3ca7b3;
  --colours-interaction-states-disabled-background-card-disabled: #3ca7b3;
  --colours-interaction-states-disabled-text-disabled: #2c7e87;
  --colours-interaction-states-disabled-text-dominant-disabled: #2c7e87;
  --colours-interaction-states-disabled-text-recessive-disabled: #2c7e87;
  --colours-interaction-states-disabled-text-link-disabled: #2c7e87;
  --colours-interaction-states-disabled-accent-disabled: #2c7e87;
  --colours-interaction-states-disabled-text-on-accent-disabled: #0b2a2d;
  --colours-interaction-states-disabled-accent-secondary-disabled: #2c7e87;
  --colours-interaction-states-disabled-text-on-accent-secondary-disabled: #0b2a2d;
  --colours-interaction-states-disabled-stroke-disabled: #2c7e87;
  --colours-interaction-states-disabled-stroke-subtle-disabled: #2c7e87;
  --colours-interaction-states-visited-text-visited: #000;
  --colours-interaction-states-visited-text-link-visited: #2c7e87;
  --colours-functional-notification-notification: #000;
  --colours-functional-notification-text-on-notification: #fff;
  --colours-functional-informational-subtle: #d3d7f9;
  --colours-functional-informational-standard: #2238df;
  --colours-functional-informational-hovered: #05169b;
  --colours-functional-informational-pressed: #000e79;
  --colours-functional-success-subtle: #ccf0e1;
  --colours-functional-success-standard: #00b367;
  --colours-functional-success-hovered: #008a50;
  --colours-functional-success-pressed: #006138;
  --colours-functional-warning-subtle: #fee2d0;
  --colours-functional-warning-standard: #f97012;
  --colours-functional-warning-hovered: #d05500;
  --colours-functional-warning-pressed: #bd4600;
  --colours-functional-destructive-subtle: #fad2cf;
  --colours-functional-destructive-standard: #eb2010;
  --colours-functional-destructive-hovered: #bf0e00;
  --colours-functional-destructive-pressed: #960b00;
  --elevation-level-0: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-1: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-2: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-3: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-4: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-5: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-6: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-app-bar-top-flat: 0 1px 0 0 rgba(0, 0, 0, 0.1);
  --elevation-app-bar-top-raised: 0 3px 8px 0 rgba(0, 0, 0, 0.05);
  --elevation-app-bar-bottom-flat: 0 -1px 0 0 rgba(0, 0, 0, 0.1);
  --elevation-app-bar-bottom-raised: 0 -3px 8px 0 rgba(0, 0, 0, 0.05);
  --elevation-fab-standard: 0 5px 12px 2px rgba(0, 0, 0, 0.14);
  --elevation-fab-hovered: 0 4px 8px 1px rgba(0, 0, 0, 0.13);
  --elevation-fab-pressed: 0 3px 7px 0 rgba(0, 0, 0, 0.12);
}
[data-scheme="lagoon"] {
  --colours-basic-background: #5ec2ed;
  --colours-basic-background-subtle: #81cff1;
  --colours-basic-background-card: #5ec2ed;
  --colours-basic-text: #000;
  --colours-basic-text-dominant: #000;
  --colours-basic-text-recessive: #214d60;
  --colours-basic-text-link: #000;
  --colours-basic-accent: #000;
  --colours-basic-text-on-accent: #fff;
  --colours-basic-accent-secondary: #c6e9f8;
  --colours-basic-text-on-accent-secondary: #000;
  --colours-basic-stroke: #000;
  --colours-basic-stroke-subtle: #4a9bbe;
  --colours-basic-modal-overlay: rgba(0, 0, 0, 0.4);
  --colours-shades-accent-shades-accent-subtle: #e8f6fc;
  --colours-shades-accent-shades-accent-extra-dominant: #c6e9f8;
  --colours-shades-accent-shades-accent-dominant: #a3dcf5;
  --colours-shades-accent-shades-accent-recessive: #4a9bbe;
  --colours-shades-accent-shades-accent-extra-recessive: #35748f;
  --colours-shades-secondary-accent-shades-secondary-accent-subtle: #e8f6fc;
  --colours-shades-secondary-accent-shades-secondary-accent-extra-dominant: #0c2631;
  --colours-shades-secondary-accent-shades-secondary-accent-dominant: #214d60;
  --colours-shades-secondary-accent-shades-secondary-accent-recessive: #35748f;
  --colours-shades-secondary-accent-shades-secondary-accent-extra-recessive: #4a9bbe;
  --colours-shades-neutral-shades-100: #e8f6fc;
  --colours-shades-neutral-shades-200: #c6e9f8;
  --colours-shades-neutral-shades-300: #a3dcf5;
  --colours-shades-neutral-shades-400: #81cff1;
  --colours-shades-neutral-shades-500: #5ec2ed;
  --colours-shades-neutral-shades-600: #4a9bbe;
  --colours-shades-neutral-shades-700: #35748f;
  --colours-shades-neutral-shades-800: #214d60;
  --colours-shades-neutral-shades-900: #0c2631;
  --colours-interaction-states-hover-background-hover: #81cff1;
  --colours-interaction-states-hover-background-subtle-hover: #a3dcf5;
  --colours-interaction-states-hover-text-hover: #0c2631;
  --colours-interaction-states-hover-text-dominant-hover: #0c2631;
  --colours-interaction-states-hover-text-recessive-hover: #0c2631;
  --colours-interaction-states-hover-text-link-hover: #0c2631;
  --colours-interaction-states-hover-accent-hover: #0c2631;
  --colours-interaction-states-hover-text-on-accent-hover: #e8f6fc;
  --colours-interaction-states-hover-accent-secondary-hover: #e8f6fc;
  --colours-interaction-states-hover-text-on-accent-secondary-hover: #000;
  --colours-interaction-states-hover-stroke-hover: #000;
  --colours-interaction-states-hover-stroke-subtle-hover: #35748f;
  --colours-interaction-states-pressed-background-pressed: #a3dcf5;
  --colours-interaction-states-pressed-background-subtle-pressed: #c6e9f8;
  --colours-interaction-states-pressed-text-pressed: #214d60;
  --colours-interaction-states-pressed-text-dominant-pressed: #214d60;
  --colours-interaction-states-pressed-text-recessive-pressed: #000;
  --colours-interaction-states-pressed-text-link-pressed: #214d60;
  --colours-interaction-states-pressed-accent-pressed: #214d60;
  --colours-interaction-states-pressed-text-on-accent-pressed: #fff;
  --colours-interaction-states-pressed-accent-secondary-pressed: #fff;
  --colours-interaction-states-pressed-text-on-accent-secondary-pressed: #000;
  --colours-interaction-states-pressed-stroke-pressed: #000;
  --colours-interaction-states-pressed-stroke-subtle-pressed: #214d60;
  --colours-interaction-states-focus-focus: #000;
  --colours-interaction-states-focus-stroke-active: #35748f;
  --colours-interaction-states-disabled-background-disabled: #4a9bbe;
  --colours-interaction-states-disabled-background-subtle-disabled: #4a9bbe;
  --colours-interaction-states-disabled-background-card-disabled: #4a9bbe;
  --colours-interaction-states-disabled-text-disabled: #35748f;
  --colours-interaction-states-disabled-text-dominant-disabled: #35748f;
  --colours-interaction-states-disabled-text-recessive-disabled: #35748f;
  --colours-interaction-states-disabled-text-link-disabled: #35748f;
  --colours-interaction-states-disabled-accent-disabled: #35748f;
  --colours-interaction-states-disabled-text-on-accent-disabled: #0c2631;
  --colours-interaction-states-disabled-accent-secondary-disabled: #35748f;
  --colours-interaction-states-disabled-text-on-accent-secondary-disabled: #0c2631;
  --colours-interaction-states-disabled-stroke-disabled: #35748f;
  --colours-interaction-states-disabled-stroke-subtle-disabled: #35748f;
  --colours-interaction-states-visited-text-visited: #000;
  --colours-interaction-states-visited-text-link-visited: #35748f;
  --colours-functional-notification-notification: #000;
  --colours-functional-notification-text-on-notification: #fff;
  --colours-functional-informational-subtle: #d3d7f9;
  --colours-functional-informational-standard: #2238df;
  --colours-functional-informational-hovered: #05169b;
  --colours-functional-informational-pressed: #000e79;
  --colours-functional-success-subtle: #ccf0e1;
  --colours-functional-success-standard: #00b367;
  --colours-functional-success-hovered: #008a50;
  --colours-functional-success-pressed: #006138;
  --colours-functional-warning-subtle: #fee2d0;
  --colours-functional-warning-standard: #f97012;
  --colours-functional-warning-hovered: #d05500;
  --colours-functional-warning-pressed: #bd4600;
  --colours-functional-destructive-subtle: #fad2cf;
  --colours-functional-destructive-standard: #eb2010;
  --colours-functional-destructive-hovered: #bf0e00;
  --colours-functional-destructive-pressed: #960b00;
  --elevation-level-0: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-1: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-2: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-3: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-4: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-5: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-6: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-app-bar-top-flat: 0 1px 0 0 rgba(0, 0, 0, 0.1);
  --elevation-app-bar-top-raised: 0 3px 8px 0 rgba(0, 0, 0, 0.05);
  --elevation-app-bar-bottom-flat: 0 -1px 0 0 rgba(0, 0, 0, 0.1);
  --elevation-app-bar-bottom-raised: 0 -3px 8px 0 rgba(0, 0, 0, 0.05);
  --elevation-fab-standard: 0 5px 12px 2px rgba(0, 0, 0, 0.14);
  --elevation-fab-hovered: 0 4px 8px 1px rgba(0, 0, 0, 0.13);
  --elevation-fab-pressed: 0 3px 7px 0 rgba(0, 0, 0, 0.12);
}
[data-scheme="macaw"] {
  --colours-basic-background: #84b0f5;
  --colours-basic-background-subtle: #9ec1f7;
  --colours-basic-background-card: #84b0f5;
  --colours-basic-text: #000;
  --colours-basic-text-dominant: #000;
  --colours-basic-text-recessive: #2e466a;
  --colours-basic-text-link: #000;
  --colours-basic-accent: #000;
  --colours-basic-text-on-accent: #fff;
  --colours-basic-accent-secondary: #d2e2fc;
  --colours-basic-text-on-accent-secondary: #000;
  --colours-basic-stroke: #000;
  --colours-basic-stroke-subtle: #678cc7;
  --colours-basic-modal-overlay: rgba(0, 0, 0, 0.4);
  --colours-shades-accent-shades-accent-subtle: #ecf3fe;
  --colours-shades-accent-shades-accent-extra-dominant: #d2e2fc;
  --colours-shades-accent-shades-accent-dominant: #b8d2fa;
  --colours-shades-accent-shades-accent-recessive: #678cc7;
  --colours-shades-accent-shades-accent-extra-recessive: #4b6998;
  --colours-shades-secondary-accent-shades-secondary-accent-subtle: #ecf3fe;
  --colours-shades-secondary-accent-shades-secondary-accent-extra-dominant: #11223b;
  --colours-shades-secondary-accent-shades-secondary-accent-dominant: #2e466a;
  --colours-shades-secondary-accent-shades-secondary-accent-recessive: #4b6998;
  --colours-shades-secondary-accent-shades-secondary-accent-extra-recessive: #678cc7;
  --colours-shades-neutral-shades-100: #ecf3fe;
  --colours-shades-neutral-shades-200: #d2e2fc;
  --colours-shades-neutral-shades-300: #b8d2fa;
  --colours-shades-neutral-shades-400: #9ec1f7;
  --colours-shades-neutral-shades-500: #84b0f5;
  --colours-shades-neutral-shades-600: #678cc7;
  --colours-shades-neutral-shades-700: #4b6998;
  --colours-shades-neutral-shades-800: #2e466a;
  --colours-shades-neutral-shades-900: #11223b;
  --colours-interaction-states-hover-background-hover: #9ec1f7;
  --colours-interaction-states-hover-background-subtle-hover: #b8d2fa;
  --colours-interaction-states-hover-text-hover: #11223b;
  --colours-interaction-states-hover-text-dominant-hover: #11223b;
  --colours-interaction-states-hover-text-recessive-hover: #11223b;
  --colours-interaction-states-hover-text-link-hover: #11223b;
  --colours-interaction-states-hover-accent-hover: #11223b;
  --colours-interaction-states-hover-text-on-accent-hover: #ecf3fe;
  --colours-interaction-states-hover-accent-secondary-hover: #ecf3fe;
  --colours-interaction-states-hover-text-on-accent-secondary-hover: #000;
  --colours-interaction-states-hover-stroke-hover: #000;
  --colours-interaction-states-hover-stroke-subtle-hover: #4b6998;
  --colours-interaction-states-pressed-background-pressed: #b8d2fa;
  --colours-interaction-states-pressed-background-subtle-pressed: #d2e2fc;
  --colours-interaction-states-pressed-text-pressed: #2e466a;
  --colours-interaction-states-pressed-text-dominant-pressed: #2e466a;
  --colours-interaction-states-pressed-text-recessive-pressed: #000;
  --colours-interaction-states-pressed-text-link-pressed: #2e466a;
  --colours-interaction-states-pressed-accent-pressed: #2e466a;
  --colours-interaction-states-pressed-text-on-accent-pressed: #fff;
  --colours-interaction-states-pressed-accent-secondary-pressed: #fff;
  --colours-interaction-states-pressed-text-on-accent-secondary-pressed: #000;
  --colours-interaction-states-pressed-stroke-pressed: #000;
  --colours-interaction-states-pressed-stroke-subtle-pressed: #2e466a;
  --colours-interaction-states-focus-focus: #000;
  --colours-interaction-states-focus-stroke-active: #4b6998;
  --colours-interaction-states-disabled-background-disabled: #678cc7;
  --colours-interaction-states-disabled-background-subtle-disabled: #678cc7;
  --colours-interaction-states-disabled-background-card-disabled: #678cc7;
  --colours-interaction-states-disabled-text-disabled: #4b6998;
  --colours-interaction-states-disabled-text-dominant-disabled: #4b6998;
  --colours-interaction-states-disabled-text-recessive-disabled: #4b6998;
  --colours-interaction-states-disabled-text-link-disabled: #4b6998;
  --colours-interaction-states-disabled-accent-disabled: #4b6998;
  --colours-interaction-states-disabled-text-on-accent-disabled: #11223b;
  --colours-interaction-states-disabled-accent-secondary-disabled: #4b6998;
  --colours-interaction-states-disabled-text-on-accent-secondary-disabled: #11223b;
  --colours-interaction-states-disabled-stroke-disabled: #4b6998;
  --colours-interaction-states-disabled-stroke-subtle-disabled: #4b6998;
  --colours-interaction-states-visited-text-visited: #000;
  --colours-interaction-states-visited-text-link-visited: #4b6998;
  --colours-functional-notification-notification: #000;
  --colours-functional-notification-text-on-notification: #fff;
  --colours-functional-informational-subtle: #d3d7f9;
  --colours-functional-informational-standard: #2238df;
  --colours-functional-informational-hovered: #05169b;
  --colours-functional-informational-pressed: #000e79;
  --colours-functional-success-subtle: #ccf0e1;
  --colours-functional-success-standard: #00b367;
  --colours-functional-success-hovered: #008a50;
  --colours-functional-success-pressed: #006138;
  --colours-functional-warning-subtle: #fee2d0;
  --colours-functional-warning-standard: #f97012;
  --colours-functional-warning-hovered: #d05500;
  --colours-functional-warning-pressed: #bd4600;
  --colours-functional-destructive-subtle: #fad2cf;
  --colours-functional-destructive-standard: #eb2010;
  --colours-functional-destructive-hovered: #bf0e00;
  --colours-functional-destructive-pressed: #960b00;
  --elevation-level-0: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-1: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-2: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-3: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-4: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-5: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-6: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-app-bar-top-flat: 0 1px 0 0 rgba(0, 0, 0, 0.1);
  --elevation-app-bar-top-raised: 0 3px 8px 0 rgba(0, 0, 0, 0.05);
  --elevation-app-bar-bottom-flat: 0 -1px 0 0 rgba(0, 0, 0, 0.1);
  --elevation-app-bar-bottom-raised: 0 -3px 8px 0 rgba(0, 0, 0, 0.05);
  --elevation-fab-standard: 0 5px 12px 2px rgba(0, 0, 0, 0.14);
  --elevation-fab-hovered: 0 4px 8px 1px rgba(0, 0, 0, 0.13);
  --elevation-fab-pressed: 0 3px 7px 0 rgba(0, 0, 0, 0.12);
}
[data-scheme="nebula"] {
  --colours-basic-background: #95a5f3;
  --colours-basic-background-subtle: #abb8f5;
  --colours-basic-background-card: #95a5f3;
  --colours-basic-text: #000;
  --colours-basic-text-dominant: #000;
  --colours-basic-text-recessive: #374071;
  --colours-basic-text-link: #000;
  --colours-basic-accent: #000;
  --colours-basic-text-on-accent: #fff;
  --colours-basic-accent-secondary: #d6dcfb;
  --colours-basic-text-on-accent-secondary: #000;
  --colours-basic-stroke: #000;
  --colours-basic-stroke-subtle: #7683c7;
  --colours-basic-modal-overlay: rgba(0, 0, 0, 0.4);
  --colours-shades-accent-shades-accent-subtle: #eceffd;
  --colours-shades-accent-shades-accent-extra-dominant: #d6dcfb;
  --colours-shades-accent-shades-accent-dominant: #c1caf8;
  --colours-shades-accent-shades-accent-recessive: #7683c7;
  --colours-shades-accent-shades-accent-extra-recessive: #56629c;
  --colours-shades-secondary-accent-shades-secondary-accent-subtle: #eceffd;
  --colours-shades-secondary-accent-shades-secondary-accent-extra-dominant: #171e45;
  --colours-shades-secondary-accent-shades-secondary-accent-dominant: #374071;
  --colours-shades-secondary-accent-shades-secondary-accent-recessive: #56629c;
  --colours-shades-secondary-accent-shades-secondary-accent-extra-recessive: #7683c7;
  --colours-shades-neutral-shades-100: #eceffd;
  --colours-shades-neutral-shades-200: #d6dcfb;
  --colours-shades-neutral-shades-300: #c1caf8;
  --colours-shades-neutral-shades-400: #abb8f5;
  --colours-shades-neutral-shades-500: #95a5f3;
  --colours-shades-neutral-shades-600: #7683c7;
  --colours-shades-neutral-shades-700: #56629c;
  --colours-shades-neutral-shades-800: #374071;
  --colours-shades-neutral-shades-900: #171e45;
  --colours-interaction-states-hover-background-hover: #abb8f5;
  --colours-interaction-states-hover-background-subtle-hover: #c1caf8;
  --colours-interaction-states-hover-text-hover: #171e45;
  --colours-interaction-states-hover-text-dominant-hover: #171e45;
  --colours-interaction-states-hover-text-recessive-hover: #171e45;
  --colours-interaction-states-hover-text-link-hover: #171e45;
  --colours-interaction-states-hover-accent-hover: #171e45;
  --colours-interaction-states-hover-text-on-accent-hover: #eceffd;
  --colours-interaction-states-hover-accent-secondary-hover: #eceffd;
  --colours-interaction-states-hover-text-on-accent-secondary-hover: #000;
  --colours-interaction-states-hover-stroke-hover: #000;
  --colours-interaction-states-hover-stroke-subtle-hover: #56629c;
  --colours-interaction-states-pressed-background-pressed: #c1caf8;
  --colours-interaction-states-pressed-background-subtle-pressed: #d6dcfb;
  --colours-interaction-states-pressed-text-pressed: #374071;
  --colours-interaction-states-pressed-text-dominant-pressed: #374071;
  --colours-interaction-states-pressed-text-recessive-pressed: #000;
  --colours-interaction-states-pressed-text-link-pressed: #374071;
  --colours-interaction-states-pressed-accent-pressed: #374071;
  --colours-interaction-states-pressed-text-on-accent-pressed: #fff;
  --colours-interaction-states-pressed-accent-secondary-pressed: #fff;
  --colours-interaction-states-pressed-text-on-accent-secondary-pressed: #000;
  --colours-interaction-states-pressed-stroke-pressed: #000;
  --colours-interaction-states-pressed-stroke-subtle-pressed: #374071;
  --colours-interaction-states-focus-focus: #000;
  --colours-interaction-states-focus-stroke-active: #56629c;
  --colours-interaction-states-disabled-background-disabled: #7683c7;
  --colours-interaction-states-disabled-background-subtle-disabled: #7683c7;
  --colours-interaction-states-disabled-background-card-disabled: #7683c7;
  --colours-interaction-states-disabled-text-disabled: #56629c;
  --colours-interaction-states-disabled-text-dominant-disabled: #56629c;
  --colours-interaction-states-disabled-text-recessive-disabled: #56629c;
  --colours-interaction-states-disabled-text-link-disabled: #56629c;
  --colours-interaction-states-disabled-accent-disabled: #56629c;
  --colours-interaction-states-disabled-text-on-accent-disabled: #171e45;
  --colours-interaction-states-disabled-accent-secondary-disabled: #56629c;
  --colours-interaction-states-disabled-text-on-accent-secondary-disabled: #171e45;
  --colours-interaction-states-disabled-stroke-disabled: #56629c;
  --colours-interaction-states-disabled-stroke-subtle-disabled: #56629c;
  --colours-interaction-states-visited-text-visited: #000;
  --colours-interaction-states-visited-text-link-visited: #56629c;
  --colours-functional-notification-notification: #000;
  --colours-functional-notification-text-on-notification: #fff;
  --colours-functional-informational-subtle: #d3d7f9;
  --colours-functional-informational-standard: #2238df;
  --colours-functional-informational-hovered: #05169b;
  --colours-functional-informational-pressed: #000e79;
  --colours-functional-success-subtle: #ccf0e1;
  --colours-functional-success-standard: #00b367;
  --colours-functional-success-hovered: #008a50;
  --colours-functional-success-pressed: #006138;
  --colours-functional-warning-subtle: #fee2d0;
  --colours-functional-warning-standard: #f97012;
  --colours-functional-warning-hovered: #d05500;
  --colours-functional-warning-pressed: #bd4600;
  --colours-functional-destructive-subtle: #fad2cf;
  --colours-functional-destructive-standard: #eb2010;
  --colours-functional-destructive-hovered: #bf0e00;
  --colours-functional-destructive-pressed: #960b00;
  --elevation-level-0: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-1: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-2: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-3: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-4: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-5: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-6: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-app-bar-top-flat: 0 1px 0 0 rgba(0, 0, 0, 0.1);
  --elevation-app-bar-top-raised: 0 3px 8px 0 rgba(0, 0, 0, 0.05);
  --elevation-app-bar-bottom-flat: 0 -1px 0 0 rgba(0, 0, 0, 0.1);
  --elevation-app-bar-bottom-raised: 0 -3px 8px 0 rgba(0, 0, 0, 0.05);
  --elevation-fab-standard: 0 5px 12px 2px rgba(0, 0, 0, 0.14);
  --elevation-fab-hovered: 0 4px 8px 1px rgba(0, 0, 0, 0.13);
  --elevation-fab-pressed: 0 3px 7px 0 rgba(0, 0, 0, 0.12);
}
[data-scheme="orchid"] {
  --colours-basic-background: #a49df1;
  --colours-basic-background-subtle: #b8b2f4;
  --colours-basic-background-card: #a49df1;
  --colours-basic-text: #000;
  --colours-basic-text-dominant: #000;
  --colours-basic-text-recessive: #413d6f;
  --colours-basic-text-link: #000;
  --colours-basic-accent: #000;
  --colours-basic-text-on-accent: #fff;
  --colours-basic-accent-secondary: #dedcfb;
  --colours-basic-text-on-accent-secondary: #000;
  --colours-basic-stroke: #000;
  --colours-basic-stroke-subtle: #837dc6;
  --colours-basic-modal-overlay: rgba(0, 0, 0, 0.4);
  --colours-shades-accent-shades-accent-subtle: #f2f1fe;
  --colours-shades-accent-shades-accent-extra-dominant: #dedcfb;
  --colours-shades-accent-shades-accent-dominant: #cbc7f8;
  --colours-shades-accent-shades-accent-recessive: #837dc6;
  --colours-shades-accent-shades-accent-extra-recessive: #625d9b;
  --colours-shades-secondary-accent-shades-secondary-accent-subtle: #f2f1fe;
  --colours-shades-secondary-accent-shades-secondary-accent-extra-dominant: #201d44;
  --colours-shades-secondary-accent-shades-secondary-accent-dominant: #413d6f;
  --colours-shades-secondary-accent-shades-secondary-accent-recessive: #625d9b;
  --colours-shades-secondary-accent-shades-secondary-accent-extra-recessive: #837dc6;
  --colours-shades-neutral-shades-100: #f2f1fe;
  --colours-shades-neutral-shades-200: #dedcfb;
  --colours-shades-neutral-shades-300: #cbc7f8;
  --colours-shades-neutral-shades-400: #b8b2f4;
  --colours-shades-neutral-shades-500: #a49df1;
  --colours-shades-neutral-shades-600: #837dc6;
  --colours-shades-neutral-shades-700: #625d9b;
  --colours-shades-neutral-shades-800: #413d6f;
  --colours-shades-neutral-shades-900: #201d44;
  --colours-interaction-states-hover-background-hover: #b8b2f4;
  --colours-interaction-states-hover-background-subtle-hover: #cbc7f8;
  --colours-interaction-states-hover-text-hover: #201d44;
  --colours-interaction-states-hover-text-dominant-hover: #201d44;
  --colours-interaction-states-hover-text-recessive-hover: #201d44;
  --colours-interaction-states-hover-text-link-hover: #201d44;
  --colours-interaction-states-hover-accent-hover: #201d44;
  --colours-interaction-states-hover-text-on-accent-hover: #f2f1fe;
  --colours-interaction-states-hover-accent-secondary-hover: #f2f1fe;
  --colours-interaction-states-hover-text-on-accent-secondary-hover: #000;
  --colours-interaction-states-hover-stroke-hover: #000;
  --colours-interaction-states-hover-stroke-subtle-hover: #625d9b;
  --colours-interaction-states-pressed-background-pressed: #cbc7f8;
  --colours-interaction-states-pressed-background-subtle-pressed: #dedcfb;
  --colours-interaction-states-pressed-text-pressed: #413d6f;
  --colours-interaction-states-pressed-text-dominant-pressed: #413d6f;
  --colours-interaction-states-pressed-text-recessive-pressed: #000;
  --colours-interaction-states-pressed-text-link-pressed: #413d6f;
  --colours-interaction-states-pressed-accent-pressed: #413d6f;
  --colours-interaction-states-pressed-text-on-accent-pressed: #fff;
  --colours-interaction-states-pressed-accent-secondary-pressed: #fff;
  --colours-interaction-states-pressed-text-on-accent-secondary-pressed: #000;
  --colours-interaction-states-pressed-stroke-pressed: #000;
  --colours-interaction-states-pressed-stroke-subtle-pressed: #413d6f;
  --colours-interaction-states-focus-focus: #000;
  --colours-interaction-states-focus-stroke-active: #625d9b;
  --colours-interaction-states-disabled-background-disabled: #837dc6;
  --colours-interaction-states-disabled-background-subtle-disabled: #837dc6;
  --colours-interaction-states-disabled-background-card-disabled: #837dc6;
  --colours-interaction-states-disabled-text-disabled: #625d9b;
  --colours-interaction-states-disabled-text-dominant-disabled: #625d9b;
  --colours-interaction-states-disabled-text-recessive-disabled: #625d9b;
  --colours-interaction-states-disabled-text-link-disabled: #625d9b;
  --colours-interaction-states-disabled-accent-disabled: #625d9b;
  --colours-interaction-states-disabled-text-on-accent-disabled: #201d44;
  --colours-interaction-states-disabled-accent-secondary-disabled: #625d9b;
  --colours-interaction-states-disabled-text-on-accent-secondary-disabled: #201d44;
  --colours-interaction-states-disabled-stroke-disabled: #625d9b;
  --colours-interaction-states-disabled-stroke-subtle-disabled: #625d9b;
  --colours-interaction-states-visited-text-visited: #000;
  --colours-interaction-states-visited-text-link-visited: #625d9b;
  --colours-functional-notification-notification: #000;
  --colours-functional-notification-text-on-notification: #fff;
  --colours-functional-informational-subtle: #d3d7f9;
  --colours-functional-informational-standard: #2238df;
  --colours-functional-informational-hovered: #05169b;
  --colours-functional-informational-pressed: #000e79;
  --colours-functional-success-subtle: #ccf0e1;
  --colours-functional-success-standard: #00b367;
  --colours-functional-success-hovered: #008a50;
  --colours-functional-success-pressed: #006138;
  --colours-functional-warning-subtle: #fee2d0;
  --colours-functional-warning-standard: #f97012;
  --colours-functional-warning-hovered: #d05500;
  --colours-functional-warning-pressed: #bd4600;
  --colours-functional-destructive-subtle: #fad2cf;
  --colours-functional-destructive-standard: #eb2010;
  --colours-functional-destructive-hovered: #bf0e00;
  --colours-functional-destructive-pressed: #960b00;
  --elevation-level-0: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-1: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-2: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-3: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-4: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-5: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-6: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-app-bar-top-flat: 0 1px 0 0 rgba(0, 0, 0, 0.1);
  --elevation-app-bar-top-raised: 0 3px 8px 0 rgba(0, 0, 0, 0.05);
  --elevation-app-bar-bottom-flat: 0 -1px 0 0 rgba(0, 0, 0, 0.1);
  --elevation-app-bar-bottom-raised: 0 -3px 8px 0 rgba(0, 0, 0, 0.05);
  --elevation-fab-standard: 0 5px 12px 2px rgba(0, 0, 0, 0.14);
  --elevation-fab-hovered: 0 4px 8px 1px rgba(0, 0, 0, 0.13);
  --elevation-fab-pressed: 0 3px 7px 0 rgba(0, 0, 0, 0.12);
}
[data-scheme="white"] {
  --colours-basic-background: #fff;
  --colours-basic-background-subtle: #f1f1f1;
  --colours-basic-background-card: #f1f1f1;
  --colours-basic-text: #000;
  --colours-basic-text-dominant: #e20074;
  --colours-basic-text-recessive: #626262;
  --colours-basic-text-link: #e20074;
  --colours-basic-accent: #e20074;
  --colours-basic-text-on-accent: #fff;
  --colours-basic-accent-secondary: #000;
  --colours-basic-text-on-accent-secondary: #fff;
  --colours-basic-stroke: #000;
  --colours-basic-stroke-subtle: #b6b6b6;
  --colours-basic-modal-overlay: rgba(0, 0, 0, 0.4);
  --colours-shades-accent-shades-accent-subtle: #f9cce3;
  --colours-shades-accent-shades-accent-extra-dominant: #ee66ac;
  --colours-shades-accent-shades-accent-dominant: #e83390;
  --colours-shades-accent-shades-accent-recessive: #b5005d;
  --colours-shades-accent-shades-accent-extra-recessive: #880046;
  --colours-shades-secondary-accent-shades-secondary-accent-subtle: #f1f1f1;
  --colours-shades-secondary-accent-shades-secondary-accent-extra-dominant: #202020;
  --colours-shades-secondary-accent-shades-secondary-accent-dominant: #414141;
  --colours-shades-secondary-accent-shades-secondary-accent-recessive: #626262;
  --colours-shades-secondary-accent-shades-secondary-accent-extra-recessive: #828282;
  --colours-shades-neutral-shades-100: #f1f1f1;
  --colours-shades-neutral-shades-200: #ddd;
  --colours-shades-neutral-shades-300: #cacaca;
  --colours-shades-neutral-shades-400: #b6b6b6;
  --colours-shades-neutral-shades-500: #a3a3a3;
  --colours-shades-neutral-shades-600: #828282;
  --colours-shades-neutral-shades-700: #626262;
  --colours-shades-neutral-shades-800: #414141;
  --colours-shades-neutral-shades-900: #202020;
  --colours-interaction-states-hover-background-hover: #ddd;
  --colours-interaction-states-hover-background-subtle-hover: #ddd;
  --colours-interaction-states-hover-text-hover: #414141;
  --colours-interaction-states-hover-text-dominant-hover: #e83390;
  --colours-interaction-states-hover-text-recessive-hover: #e83390;
  --colours-interaction-states-hover-text-link-hover: #e83390;
  --colours-interaction-states-hover-accent-hover: #e83390;
  --colours-interaction-states-hover-text-on-accent-hover: #fff;
  --colours-interaction-states-hover-accent-secondary-hover: #414141;
  --colours-interaction-states-hover-text-on-accent-secondary-hover: #fff;
  --colours-interaction-states-hover-stroke-hover: #000;
  --colours-interaction-states-hover-stroke-subtle-hover: #000;
  --colours-interaction-states-pressed-background-pressed: #cacaca;
  --colours-interaction-states-pressed-background-subtle-pressed: #cacaca;
  --colours-interaction-states-pressed-text-pressed: #626262;
  --colours-interaction-states-pressed-text-dominant-pressed: #ee66ac;
  --colours-interaction-states-pressed-text-recessive-pressed: #ee66ac;
  --colours-interaction-states-pressed-text-link-pressed: #ee66ac;
  --colours-interaction-states-pressed-accent-pressed: #ee66ac;
  --colours-interaction-states-pressed-text-on-accent-pressed: #fff;
  --colours-interaction-states-pressed-accent-secondary-pressed: #626262;
  --colours-interaction-states-pressed-text-on-accent-secondary-pressed: #fff;
  --colours-interaction-states-pressed-stroke-pressed: #000;
  --colours-interaction-states-pressed-stroke-subtle-pressed: #000;
  --colours-interaction-states-focus-focus: #000;
  --colours-interaction-states-focus-stroke-active: #cacaca;
  --colours-interaction-states-disabled-background-disabled: #ddd;
  --colours-interaction-states-disabled-background-subtle-disabled: #cacaca;
  --colours-interaction-states-disabled-background-card-disabled: #cacaca;
  --colours-interaction-states-disabled-text-disabled: #828282;
  --colours-interaction-states-disabled-text-dominant-disabled: #828282;
  --colours-interaction-states-disabled-text-recessive-disabled: #828282;
  --colours-interaction-states-disabled-text-link-disabled: #828282;
  --colours-interaction-states-disabled-accent-disabled: #b6b6b6;
  --colours-interaction-states-disabled-text-on-accent-disabled: #626262;
  --colours-interaction-states-disabled-accent-secondary-disabled: #b6b6b6;
  --colours-interaction-states-disabled-text-on-accent-secondary-disabled: #626262;
  --colours-interaction-states-disabled-stroke-disabled: #b6b6b6;
  --colours-interaction-states-disabled-stroke-subtle-disabled: #b6b6b6;
  --colours-interaction-states-visited-text-visited: #000;
  --colours-interaction-states-visited-text-link-visited: #880046;
  --colours-functional-notification-notification: #eb2010;
  --colours-functional-notification-text-on-notification: #fff;
  --colours-functional-informational-subtle: #d3d7f9;
  --colours-functional-informational-standard: #2238df;
  --colours-functional-informational-hovered: #05169b;
  --colours-functional-informational-pressed: #000e79;
  --colours-functional-success-subtle: #ccf0e1;
  --colours-functional-success-standard: #008a50;
  --colours-functional-success-hovered: #006138;
  --colours-functional-success-pressed: #004829;
  --colours-functional-warning-subtle: #fee2d0;
  --colours-functional-warning-standard: #d05500;
  --colours-functional-warning-hovered: #bd4600;
  --colours-functional-warning-pressed: #642d07;
  --colours-functional-destructive-subtle: #fad2cf;
  --colours-functional-destructive-standard: #eb2010;
  --colours-functional-destructive-hovered: #bf0e00;
  --colours-functional-destructive-pressed: #960b00;
  --elevation-level-0: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-1: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-2: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-3: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-4: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-5: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-6: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-app-bar-top-flat: 0 1px 0 0 rgba(0, 0, 0, 0.1);
  --elevation-app-bar-top-raised: 0 3px 8px 0 rgba(0, 0, 0, 0.05);
  --elevation-app-bar-bottom-flat: 0 -1px 0 0 rgba(0, 0, 0, 0.1);
  --elevation-app-bar-bottom-raised: 0 -3px 8px 0 rgba(0, 0, 0, 0.05);
  --elevation-fab-standard: 0 4px 8px 1px rgba(0, 0, 0, 0.13);
  --elevation-fab-hovered: 0 5px 12px 2px rgba(0, 0, 0, 0.14);
  --elevation-fab-pressed: 0 3px 7px 0 rgba(0, 0, 0, 0.12);
}
[data-scheme="black"] {
  --colours-basic-background: #000;
  --colours-basic-background-subtle: #202020;
  --colours-basic-text: #fff;
  --colours-basic-text-dominant: #f61488;
  --colours-basic-text-recessive: #cacaca;
  --colours-basic-text-link: #f61488;
  --colours-basic-accent: #f61488;
  --colours-basic-text-on-accent: #fff;
  --colours-basic-accent-secondary: #fff;
  --colours-basic-text-on-accent-secondary: #000;
  --colours-basic-stroke: #fff;
  --colours-basic-stroke-subtle: #828282;
  --colours-basic-modal-overlay: rgba(255, 255, 255, 0.4);
  --colours-basic-background-card: #202020;
  --colours-shades-accent-shades-accent-subtle: #ffbddf;
  --colours-shades-accent-shades-accent-extra-dominant: #ff69b6;
  --colours-shades-accent-shades-accent-dominant: #ff3fa1;
  --colours-shades-accent-shades-accent-recessive: #cd016a;
  --colours-shades-accent-shades-accent-extra-recessive: #a40054;
  --colours-shades-secondary-accent-shades-secondary-accent-subtle: #414141;
  --colours-shades-secondary-accent-shades-secondary-accent-extra-dominant: #f1f1f1;
  --colours-shades-secondary-accent-shades-secondary-accent-dominant: #ddd;
  --colours-shades-secondary-accent-shades-secondary-accent-recessive: #cacaca;
  --colours-shades-secondary-accent-shades-secondary-accent-extra-recessive: #b6b6b6;
  --colours-shades-neutral-shades-100: #202020;
  --colours-shades-neutral-shades-200: #414141;
  --colours-shades-neutral-shades-300: #626262;
  --colours-shades-neutral-shades-400: #828282;
  --colours-shades-neutral-shades-500: #a3a3a3;
  --colours-shades-neutral-shades-600: #b6b6b6;
  --colours-shades-neutral-shades-700: #cacaca;
  --colours-shades-neutral-shades-800: #ddd;
  --colours-shades-neutral-shades-900: #f1f1f1;
  --colours-interaction-states-hover-background-hover: #626262;
  --colours-interaction-states-hover-background-subtle-hover: #626262;
  --colours-interaction-states-hover-text-hover: #ddd;
  --colours-interaction-states-hover-text-dominant-hover: #ff3fa1;
  --colours-interaction-states-hover-text-recessive-hover: #ff3fa1;
  --colours-interaction-states-hover-text-link-hover: #ff3fa1;
  --colours-interaction-states-hover-accent-hover: #ff3fa1;
  --colours-interaction-states-hover-text-on-accent-hover: #fff;
  --colours-interaction-states-hover-accent-secondary-hover: #ddd;
  --colours-interaction-states-hover-text-on-accent-secondary-hover: #000;
  --colours-interaction-states-hover-stroke-hover: #fff;
  --colours-interaction-states-hover-stroke-subtle-hover: #fff;
  --colours-interaction-states-pressed-background-pressed: #828282;
  --colours-interaction-states-pressed-background-subtle-pressed: #828282;
  --colours-interaction-states-pressed-text-pressed: #cacaca;
  --colours-interaction-states-pressed-text-dominant-pressed: #ff69b6;
  --colours-interaction-states-pressed-text-recessive-pressed: #ff69b6;
  --colours-interaction-states-pressed-text-link-pressed: #ff69b6;
  --colours-interaction-states-pressed-accent-pressed: #ff69b6;
  --colours-interaction-states-pressed-text-on-accent-pressed: #fff;
  --colours-interaction-states-pressed-accent-secondary-pressed: #cacaca;
  --colours-interaction-states-pressed-text-on-accent-secondary-pressed: #000;
  --colours-interaction-states-pressed-stroke-pressed: #fff;
  --colours-interaction-states-pressed-stroke-subtle-pressed: #fff;
  --colours-interaction-states-focus-focus: #fff;
  --colours-interaction-states-focus-stroke-active: #626262;
  --colours-interaction-states-disabled-background-disabled: #414141;
  --colours-interaction-states-disabled-background-subtle-disabled: #626262;
  --colours-interaction-states-disabled-text-disabled: #828282;
  --colours-interaction-states-disabled-text-dominant-disabled: #828282;
  --colours-interaction-states-disabled-text-recessive-disabled: #828282;
  --colours-interaction-states-disabled-text-link-disabled: #828282;
  --colours-interaction-states-disabled-accent-disabled: #626262;
  --colours-interaction-states-disabled-text-on-accent-disabled: #b6b6b6;
  --colours-interaction-states-disabled-accent-secondary-disabled: #626262;
  --colours-interaction-states-disabled-text-on-accent-secondary-disabled: #b6b6b6;
  --colours-interaction-states-disabled-stroke-disabled: #414141;
  --colours-interaction-states-disabled-stroke-subtle-disabled: #414141;
  --colours-interaction-states-disabled-background-card-disabled: #626262;
  --colours-interaction-states-visited-text-visited: #fff;
  --colours-interaction-states-visited-text-link-visited: #cd016a;
  --colours-functional-notification-notification: #f2321e;
  --colours-functional-notification-text-on-notification: #fff;
  --colours-functional-informational-subtle: #131f7b;
  --colours-functional-informational-standard: #3950ea;
  --colours-functional-informational-hovered: #576ff3;
  --colours-functional-informational-pressed: #7486ff;
  --colours-functional-success-subtle: #004829;
  --colours-functional-success-standard: #00c26d;
  --colours-functional-success-hovered: #1bd27f;
  --colours-functional-success-pressed: #27ffa0;
  --colours-functional-warning-subtle: #642d07;
  --colours-functional-warning-standard: #fd9038;
  --colours-functional-warning-hovered: #ffaa65;
  --colours-functional-warning-pressed: #ffc292;
  --colours-functional-destructive-subtle: #5d0d06;
  --colours-functional-destructive-standard: #f2321e;
  --colours-functional-destructive-hovered: #f84934;
  --colours-functional-destructive-pressed: #ff9084;
  --elevation-level-0: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-1: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-2: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-3: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-4: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-5: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-6: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-app-bar-top-flat: 0 1px 0 0 rgba(0, 0, 0, 0.1);
  --elevation-app-bar-top-raised: 0 3px 8px 0 rgba(0, 0, 0, 0.35);
  --elevation-app-bar-bottom-flat: 0 -1px 0 0 rgba(0, 0, 0, 0.1);
  --elevation-app-bar-bottom-raised: 0 -3px 8px 0 rgba(0, 0, 0, 0.35);
  --elevation-fab-standard: 0 5px 12px 0 rgba(0, 0, 0, 0.4);
  --elevation-fab-hovered: 0 4px 9px 0 rgba(0, 0, 0, 0.3);
  --elevation-fab-pressed: 0 3px 7px 0 rgba(0, 0, 0, 0.2);
}
[data-scheme="magenta"] {
  --colours-basic-background: #e20074;
  --colours-basic-background-subtle: #e83390;
  --colours-basic-background-card: #e20074;
  --colours-basic-text: #fff;
  --colours-basic-text-dominant: #fff;
  --colours-basic-text-recessive: #f9cce3;
  --colours-basic-text-link: #fff;
  --colours-basic-accent: #fff;
  --colours-basic-text-on-accent: #000;
  --colours-basic-accent-secondary: #000;
  --colours-basic-text-on-accent-secondary: #fff;
  --colours-basic-stroke: #fff;
  --colours-basic-stroke-subtle: #f399c7;
  --colours-basic-modal-overlay: rgba(0, 0, 0, 0.4);
  --colours-shades-accent-shades-accent-subtle: #f9cce3;
  --colours-shades-accent-shades-accent-extra-dominant: #f399c7;
  --colours-shades-accent-shades-accent-dominant: #ee66ac;
  --colours-shades-accent-shades-accent-recessive: #b5005d;
  --colours-shades-accent-shades-accent-extra-recessive: #880046;
  --colours-shades-secondary-accent-shades-secondary-accent-subtle: #f9cce3;
  --colours-shades-secondary-accent-shades-secondary-accent-extra-dominant: #2d0017;
  --colours-shades-secondary-accent-shades-secondary-accent-dominant: #5a002e;
  --colours-shades-secondary-accent-shades-secondary-accent-recessive: #880046;
  --colours-shades-secondary-accent-shades-secondary-accent-extra-recessive: #b5005d;
  --colours-shades-neutral-shades-100: #f9cce3;
  --colours-shades-neutral-shades-200: #f399c7;
  --colours-shades-neutral-shades-300: #ee66ac;
  --colours-shades-neutral-shades-400: #e83390;
  --colours-shades-neutral-shades-500: #e20074;
  --colours-shades-neutral-shades-600: #b5005d;
  --colours-shades-neutral-shades-700: #880046;
  --colours-shades-neutral-shades-800: #5a002e;
  --colours-shades-neutral-shades-900: #2d0017;
  --colours-interaction-states-hover-background-hover: #e83390;
  --colours-interaction-states-hover-background-subtle-hover: #ee66ac;
  --colours-interaction-states-hover-text-hover: #f9cce3;
  --colours-interaction-states-hover-text-dominant-hover: #f9cce3;
  --colours-interaction-states-hover-text-recessive-hover: #f399c7;
  --colours-interaction-states-hover-text-link-hover: #f9cce3;
  --colours-interaction-states-hover-accent-hover: #f9cce3;
  --colours-interaction-states-hover-text-on-accent-hover: #000;
  --colours-interaction-states-hover-accent-secondary-hover: #2d0017;
  --colours-interaction-states-hover-text-on-accent-secondary-hover: #fff;
  --colours-interaction-states-hover-stroke-hover: #fff;
  --colours-interaction-states-hover-stroke-subtle-hover: #e83390;
  --colours-interaction-states-pressed-background-pressed: #ee66ac;
  --colours-interaction-states-pressed-background-subtle-pressed: #f399c7;
  --colours-interaction-states-pressed-text-pressed: #f399c7;
  --colours-interaction-states-pressed-text-dominant-pressed: #f399c7;
  --colours-interaction-states-pressed-text-recessive-pressed: #ee66ac;
  --colours-interaction-states-pressed-text-link-pressed: #f399c7;
  --colours-interaction-states-pressed-accent-pressed: #f399c7;
  --colours-interaction-states-pressed-text-on-accent-pressed: #000;
  --colours-interaction-states-pressed-accent-secondary-pressed: #5a002e;
  --colours-interaction-states-pressed-text-on-accent-secondary-pressed: #fff;
  --colours-interaction-states-pressed-stroke-pressed: #fff;
  --colours-interaction-states-pressed-stroke-subtle-pressed: #e83390;
  --colours-interaction-states-focus-focus: #fff;
  --colours-interaction-states-focus-stroke-active: #f399c7;
  --colours-interaction-states-disabled-background-disabled: #b5005d;
  --colours-interaction-states-disabled-background-subtle-disabled: #b5005d;
  --colours-interaction-states-disabled-background-card-disabled: #b5005d;
  --colours-interaction-states-disabled-text-disabled: #880046;
  --colours-interaction-states-disabled-text-dominant-disabled: #880046;
  --colours-interaction-states-disabled-text-recessive-disabled: #880046;
  --colours-interaction-states-disabled-text-link-disabled: #880046;
  --colours-interaction-states-disabled-accent-disabled: #880046;
  --colours-interaction-states-disabled-text-on-accent-disabled: #5a002e;
  --colours-interaction-states-disabled-accent-secondary-disabled: #880046;
  --colours-interaction-states-disabled-text-on-accent-secondary-disabled: #5a002e;
  --colours-interaction-states-disabled-stroke-disabled: #880046;
  --colours-interaction-states-disabled-stroke-subtle-disabled: #880046;
  --colours-interaction-states-visited-text-visited: #fff;
  --colours-interaction-states-visited-text-link-visited: #5a002e;
  --colours-functional-notification-notification: #fff;
  --colours-functional-notification-text-on-notification: #000;
  --colours-functional-informational-subtle: #131f7b;
  --colours-functional-informational-standard: #3950ea;
  --colours-functional-informational-hovered: #576ff3;
  --colours-functional-informational-pressed: #7486ff;
  --colours-functional-success-subtle: #004829;
  --colours-functional-success-standard: #00c26d;
  --colours-functional-success-hovered: #1bd27f;
  --colours-functional-success-pressed: #27ffa0;
  --colours-functional-warning-subtle: #642d07;
  --colours-functional-warning-standard: #fd9038;
  --colours-functional-warning-hovered: #ffaa65;
  --colours-functional-warning-pressed: #ffc292;
  --colours-functional-destructive-subtle: #5d0d06;
  --colours-functional-destructive-standard: #f2321e;
  --colours-functional-destructive-hovered: #f84934;
  --colours-functional-destructive-pressed: #ff9084;
  --elevation-level-0: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-1: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-2: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-3: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-4: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-5: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-level-6: 0 0 0 0 rgba(0, 0, 0, 0);
  --elevation-app-bar-top-flat: 0 1px 0 0 rgba(0, 0, 0, 0.1);
  --elevation-app-bar-top-raised: 0 3px 8px 0 rgba(0, 0, 0, 0.05);
  --elevation-app-bar-bottom-flat: 0 -1px 0 0 rgba(0, 0, 0, 0.1);
  --elevation-app-bar-bottom-raised: 0 -3px 8px 0 rgba(0, 0, 0, 0.05);
  --elevation-fab-standard: 0 5px 12px 2px rgba(0, 0, 0, 0.14);
  --elevation-fab-hovered: 0 4px 8px 1px rgba(0, 0, 0, 0.13);
  --elevation-fab-pressed: 0 3px 7px 0 rgba(0, 0, 0, 0.12);
}

.ods-typography-display {
  font-size: clamp(4.5rem, 2.2222vw + 4rem, 6rem);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
  text-decoration: none;
}
.ods-typography-title-l {
  font-size: clamp(2rem, 2.2222vw + 1.5rem, 3.5rem);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
  text-decoration: none;
}
.ods-typography-title-m {
  font-size: clamp(1.75rem, 1.8519vw + 1.3333rem, 3rem);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
  text-decoration: none;
}
.ods-typography-title-s {
  font-size: clamp(1.5rem, 0.7407vw + 1.3333rem, 2rem);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
  text-decoration: none;
}
.ods-typography-subtitle {
  font-size: clamp(1.375rem, 0.1852vw + 1.3333rem, 1.5rem);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
  text-decoration: none;
}
.ods-typography-paragraph {
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.3;
  text-decoration: none;
}
.ods-typography-body-l {
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.2;
  text-decoration: none;
}
.ods-typography-body-m-bold {
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.25;
  text-decoration: none;
}
.ods-typography-body-m-regular {
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.25;
  text-decoration: none;
}
.ods-typography-link-m-bold {
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.25;
  text-decoration: underline;
}
.ods-typography-link-m-regular {
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.25;
  text-decoration: underline;
}
.ods-typography-body-s-bold {
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.25;
  text-decoration: none;
}
.ods-typography-body-s-regular {
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.25;
  text-decoration: none;
}
.ods-typography-link-s-bold {
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.25;
  text-decoration: underline;
}
.ods-typography-link-s-regular {
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.25;
  text-decoration: underline;
}
.ods-typography-microcopy-bold {
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.3;
  text-decoration: none;
}
.ods-typography-microcopy-regular {
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.3;
  text-decoration: none;
}

*{box-sizing:border-box}h1,h2,h3,h4,main,section,article,p,li,button,hr{margin:0;padding:0}ol,ul{list-style:none;margin:0;padding:0}a{text-decoration:none}a:hover{text-decoration:underline}video,img{height:auto;max-width:100%}button{background-color:rgba(0,0,0,0);border:0;cursor:pointer}
.styles_PageWrapper__2SIQ6{background-color:#fff;overflow:clip;position:relative}
.styles_Faq__2mUI9{padding-bottom:var(--spacing-layout-6) !important;position:relative;margin:0 auto;max-width:77.5rem;padding-bottom:var(--spacing-layout-2);padding-left:var(--spacing-component-4);padding-right:var(--spacing-component-4);padding-top:var(--spacing-layout-2)}@media screen and (min-width: 768px){.styles_Faq__2mUI9{padding-bottom:var(--spacing-layout-2);padding-left:var(--spacing-component-7);padding-right:var(--spacing-component-7);padding-top:var(--spacing-layout-5)}}@media screen and (min-width: 768px){.styles_Faq__2mUI9{padding-bottom:var(--spacing-layout-9)}}.styles_Faq__content__39wT4{padding-top:.5rem}@media screen and (min-width: 1040px){.styles_Faq__content__39wT4{padding-top:1.5rem}}
.styles_TextMainHeadline__XR8OM{color:#262626 !important;margin-bottom:.9375rem;overflow-wrap:break-word;position:relative}@media screen and (min-width: 1040px){.styles_TextMainHeadline__XR8OM{font-size:3rem;line-height:1}}.styles_TextSubHeadline__YKT9f{color:#000 !important;position:relative}.styles_TextCopy__2Idqv{color:#000 !important;position:relative}.styles_TextMagenta__142mM{color:#e20074}.styles_TextBlock__2cXTX{display:inline-block}
.styles_ODSDivider__3ZDnn{background-color:var(--colours-basic-stroke-subtle);border:0;height:.0625rem;margin:0;padding:0}.styles_ODSDivider--horizontal__1jAT1{width:100%}
.styles_ODSAccordion___WA3H{display:flex;flex-direction:column;gap:var(--spacing-component-3);position:relative;text-align:left}.styles_ODSAccordion__headline__lZ6m1{font-size:.8125rem !important;line-height:1 !important}@media screen and (min-width: 1040px){.styles_ODSAccordion__headline__lZ6m1{font-size:1.0938rem !important;line-height:1 !important}}.styles_ODSAccordion__button__231yC{background-color:#fff;border:0 none;color:#000;padding:var(--spacing-component-6) var(--spacing-component-8) var(--spacing-component-6) var(--spacing-component-2);position:relative;text-align:left;width:100%}.styles_ODSAccordion__button__231yC:focus-visible{border-radius:.1875rem;outline:.0625rem solid #7d94f9;outline-offset:0}.styles_ODSAccordion__button__231yC:hover{background-color:#efeff0}.styles_ODSAccordion__buttonText__1QNer{font-size:.8125rem;font-weight:700;height:100%;line-height:1;width:calc(100% - 1.5rem)}@media screen and (min-width: 1040px){.styles_ODSAccordion__buttonText__1QNer{font-size:1.0938rem}}.styles_ODSAccordion__content__1UvQJ{opacity:1;padding-bottom:var(--spacing-component-7);padding-left:var(--spacing-component-2);transition:opacity .2s ease-out,max-height .2s ease-out}.styles_ODSAccordion__content--hidden__3QLfW{border-width:0;clip:rect(0, 0, 0, 0);height:.0625rem;margin:-0.0625rem;opacity:0;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:.0625rem}.styles_ODSAccordion__arrow__dBsY0{display:block;margin-top:-0.75rem;position:absolute;right:var(--spacing-component-2);top:50%}.styles_ODSAccordion__arrow__dBsY0:focus{outline:0 none}
.styles_SectionHeader__29ScM{margin-bottom:var(--spacing-component-4);position:relative;text-align:left}@media screen and (min-width: 768px){.styles_SectionHeader__29ScM{margin-bottom:var(--spacing-component-6)}}
.EqualHeight__holder___Yyw3L { display: block; } .EqualHeight__overflow___VHQ2I { overflow: inherit; } .EqualHeight__inner___GPFGP { display: inline-block; width: 100%; } .EqualHeight__animate___4sgWE { height: auto; transition: min-height 0.25s; }
.styles_AlreadyCustomer__3mTai{position:relative;margin:0 auto;max-width:77.5rem;padding-bottom:var(--spacing-layout-2);padding-left:var(--spacing-component-4);padding-right:var(--spacing-component-4);padding-top:var(--spacing-layout-2)}@media screen and (min-width: 768px){.styles_AlreadyCustomer__3mTai{padding-bottom:var(--spacing-layout-2);padding-left:var(--spacing-component-7);padding-right:var(--spacing-component-7);padding-top:var(--spacing-layout-5)}}.styles_AlreadyCustomer__list__2qUzR{display:flex;flex-direction:column;font-family:inherit;gap:var(--spacing-component-4);padding-bottom:.8125rem;padding-top:.5625rem}@media screen and (min-width: 768px){.styles_AlreadyCustomer__list__2qUzR{flex-direction:row}}@media screen and (min-width: 1040px){.styles_AlreadyCustomer__list__2qUzR{padding-bottom:1.625rem}}
.styles_ComponentHeader__11aLi{margin-bottom:var(--spacing-component-3)}@media screen and (min-width: 768px){.styles_ComponentHeader__11aLi{margin-bottom:var(--spacing-component-4)}}@media screen and (min-width: 1040px){.styles_ComponentHeader__11aLi{margin-bottom:var(--spacing-component-6)}}.styles_ComponentHeader--extraMargin__2nk6i{margin-bottom:var(--spacing-component-8)}@media screen and (min-width: 768px){.styles_ComponentHeader--extraMargin__2nk6i{margin-bottom:var(--spacing-component-9)}}
.styles_ODSCardBasicWithAction__k5MUN{background-color:#f1f1f1;border-radius:1rem;cursor:pointer;font-family:inherit;position:relative;text-align:left}.styles_ODSCardBasicWithAction__content__2_DZm{padding:var(--spacing-component-8) var(--spacing-component-8)}@media screen and (min-width: 1040px){.styles_ODSCardBasicWithAction__content__2_DZm{padding:var(--spacing-component-9) var(--spacing-component-6)}}.styles_ODSCardBasicWithAction__action__12qEF{display:block;margin:0 0 var(--spacing-component-5) var(--spacing-component-8);width:fit-content}@media screen and (min-width: 1040px){.styles_ODSCardBasicWithAction__action__12qEF{margin:0 0 var(--spacing-component-5) var(--spacing-component-6)}}.styles_ODSCardBasicWithAction__action__12qEF:hover div:has(svg){background-color:#b5005d !important}.styles_ODSCardBasicWithAction__action__12qEF:focus-visible{outline:1px solid #000;outline-offset:1px}.styles_ODSCardBasicWithAction__action__12qEF::after{content:"";inset:0;position:absolute}
.styles_ODSButtonIconImitation__3PxT1{align-items:center;background-color:#e20074;border:0 none;border-radius:50%;color:#fff;display:flex;height:2.5rem;justify-content:center;position:relative;transition-duration:.1s;transition-property:background-color;transition-timing-function:ease-out;width:2.5rem}.styles_ODSButtonIconImitation__3PxT1:hover{background-color:#b5005d}.styles_ODSButtonIconImitation--outline__2PaRP{background-color:#fff;border:.0625rem solid #000;color:#000}.styles_ODSButtonIconImitation--outline__2PaRP:hover{background-color:#dfdfdf}.styles_ODSButtonIconImitation--small__sbVq3{height:.875rem;width:.875rem}.styles_ODSButtonIconImitation__3PxT1:focus-visible{outline:.0625rem solid #7d94f9;outline-offset:.0625rem}.styles_ODSButtonIconImitation--disabled__2AdE1{background-color:#dfdfdf;color:hsla(0,0%,100%,.3);opacity:.5}
.styles_AlwaysIncluded__3sGbg{position:relative;margin:0 auto;max-width:77.5rem;padding-bottom:var(--spacing-layout-2);padding-left:var(--spacing-component-4);padding-right:var(--spacing-component-4);padding-top:var(--spacing-layout-2)}@media screen and (min-width: 768px){.styles_AlwaysIncluded__3sGbg{padding-bottom:var(--spacing-layout-2);padding-left:var(--spacing-component-7);padding-right:var(--spacing-component-7);padding-top:var(--spacing-layout-5)}}.styles_AlwaysIncluded__list__15f97{display:flex;flex-direction:column;gap:var(--spacing-component-4);padding-top:.75rem}@media screen and (min-width: 768px){.styles_AlwaysIncluded__list__15f97{flex-direction:row;flex-wrap:wrap;justify-content:space-around}}.styles_AlwaysIncluded__item__2wDZp{overflow-wrap:anywhere;width:100%}@media screen and (min-width: 768px){.styles_AlwaysIncluded__item__2wDZp{width:calc(50% - var(--spacing-component-4)/2)}}@media screen and (min-width: 1040px){.styles_AlwaysIncluded__item__2wDZp{width:calc(25% - var(--spacing-component-4))}}
.styles_BrOnlyDesktop__3aoKc{display:none}@media screen and (min-width: 1040px){.styles_BrOnlyDesktop__3aoKc{display:block}}
.styles_ODSCardBasic__9yNhh{background-color:#f1f1f1;border-radius:1rem;position:relative}.styles_ODSCardBasic__content__gZhal{padding:var(--spacing-component-8)}@media screen and (min-width: 1040px){.styles_ODSCardBasic__content__gZhal{padding:var(--spacing-component-8) var(--spacing-component-9)}}.styles_ODSCardBasic__action__3j11Z{padding:0 0 var(--spacing-component-8) var(--spacing-component-8)}
@keyframes styles_scaleUpDown__3pZEM{0%{transform:scale(1)}50%{transform:scale(1.2)}100%{transform:scale(1)}}.styles_PackageChoice__3f4Yo{position:relative}.styles_PackageChoice__buttonContainer__2J0ew{align-items:center;display:flex;gap:15px;justify-content:center;margin-bottom:25px}.styles_PackageChoice__cardCountContainer__6PAn1{align-items:center;display:flex;gap:15px;justify-content:center}@media screen and (min-width: 1040px){.styles_PackageChoice__cardCountContainer__6PAn1{margin-bottom:7px}}.styles_PackageChoice__cardCount__8cljm{color:#e20074;font-size:3.75rem;font-weight:800;line-height:1;min-width:2.5rem;text-align:center;transform:scale(1)}.styles_PackageChoice__cardCount--changing__3jRyS{animation:styles_scaleUpDown__3pZEM 366ms cubic-bezier(0.33, 0, 0.67, 1)}.styles_PackageChoice__cardCountText__3P0xV{text-align:center}.styles_PackageChoiceHeader__1-qRm{margin:0 auto;max-width:77.5rem;padding-bottom:var(--spacing-layout-2);padding-left:var(--spacing-component-4);padding-right:var(--spacing-component-4);padding-top:var(--spacing-layout-2)}@media screen and (min-width: 768px){.styles_PackageChoiceHeader__1-qRm{padding-bottom:var(--spacing-layout-2);padding-left:var(--spacing-component-7);padding-right:var(--spacing-component-7);padding-top:var(--spacing-layout-5)}}.styles_PackageChoicePrice__C4DI0{max-width:15.5rem;text-align:center;width:calc(100% - 116px)}.styles_PackageChoicePrice__priceBox__3Bj5P{display:flex;justify-content:center}.styles_PackageChoicePrice__price__2_Y8n{animation:styles_fadeIn__3GAyA 300ms ease-in}.styles_PackageChoicePrice__total-price__2XfJJ{animation:styles_fadeIn__3GAyA 300ms ease-in}@keyframes styles_fadeIn__3GAyA{0%{opacity:0}100%{opacity:1}}.styles_PackageChoicePrice__C4DI0 .styles_PackageChoicePrice__price__2_Y8n{color:#e20074 !important;font-size:3rem !important;font-weight:800 !important}
.styles_Rive__2Zx5f{aspect-ratio:2850/960;display:block;height:15rem;margin:.75rem auto;position:relative;width:100%}@media screen and (min-width: 768px){.styles_Rive__2Zx5f{height:18.125rem;margin:0}}@media screen and (min-width: 1040px){.styles_Rive__2Zx5f{height:21.25rem}}.styles_Rive__canvas__1j7_d{display:block;height:100%;margin:0 auto;width:100%}.styles_RiveAriaLive__b1cSh{border-width:0;clip:rect(0, 0, 0, 0);height:.0625rem;margin:-0.0625rem;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:.0625rem}
.styles_ODSButtonIcon__3JQZ_{align-items:center;background-color:#e20074;border:0 none;border-radius:50%;color:#fff;display:flex;height:2.5rem;justify-content:center;position:relative;transition-duration:.1s;transition-property:background-color;transition-timing-function:ease-out;width:2.5rem}.styles_ODSButtonIcon__3JQZ_:hover{background-color:#b5005d}.styles_ODSButtonIcon--outline__2uKYU{background-color:#fff;border:.0625rem solid #000;color:#000}.styles_ODSButtonIcon--outline__2uKYU:hover{background-color:#dfdfdf}.styles_ODSButtonIcon--small__1kkkZ{height:.875rem;width:.875rem}.styles_ODSButtonIcon--centered__a_4i0{margin:0 auto}.styles_ODSButtonIcon__3JQZ_:focus-visible{outline:.0625rem solid #7d94f9;outline-offset:.0625rem}.styles_ODSButtonIcon--disabled__2VelY{background-color:#dfdfdf;color:hsla(0,0%,100%,.3);opacity:.5}
.Price__price___5oAgZ { font-family: "TeleNeo", sans-serif; font-size: 1.125rem; font-weight: 400; line-height: 1.5rem; margin: 0; color: #262626; } .Price__current-color___LTm3q { color: inherit; } .Price__as_text___PiPUf { font-family: "TeleNeo", sans-serif; font-size: 0.9375rem; font-weight: 400; line-height: 1.3125rem; margin: 0; color: #262626; margin-bottom: 0.1875rem; } .Price__highlight___VrL-8 { font-weight: 800 !important; font-weight: 700; } .Price__brand___oS3Ry { color: #e20074; } .Price__benefit___yLrt3 { color: #218076; } .Price__large___Z4r7p { font-weight: 800; font-family: "TeleNeo", sans-serif; font-size: 1.5rem; font-weight: 400; line-height: 1.8125000003rem; margin: 0; } .Price__large___Z4r7p.Price__highlight___VrL-8 { font-weight: 700; } .Price__current-font___n-j5m { font-size: inherit; font-weight: inherit; line-height: inherit; } .Price__value___QyPK5 { display: inline-block; } .Price__scaled___GuWoz .Price__value___QyPK5 { font-family: "TeleNeo", sans-serif; font-size: 0.9375rem; font-weight: 400; line-height: 1.3125rem; margin: 0; position: relative; text-decoration: none; } .Price__scaled___GuWoz .Price__value___QyPK5::before { border-color: inherit; border-top: 1px solid currentColor; content: ""; left: 0; position: absolute; right: 0; top: 45%; transform: skewY(-10deg); } .Price__prefix___z4-Vp, .Price__suffix___rmOd- { font-family: "TeleNeo", sans-serif; font-size: 0.9375rem; font-weight: 400; line-height: 1.3125rem; margin: 0; font-weight: inherit; } .Price__prefix___z4-Vp abbr, .Price__suffix___rmOd- abbr { text-decoration: none; } .Price__suffix___rmOd- { margin-right: 0.1875rem; } .Price__offering___-HnDF { font-family: "TeleNeo", sans-serif; font-size: 1.5rem; font-weight: 800; line-height: 1.8125000003rem; margin: 0; } .Price__offering___-HnDF abbr { text-decoration: none; } .Price__offering___-HnDF .Price__value___QyPK5 { margin: 0.1875rem 0rem; } .Price__offering___-HnDF .Price__prefix___z4-Vp, .Price__offering___-HnDF .Price__suffix___rmOd- { font-weight: 800 !important; font-family: "TeleNeo", sans-serif; font-size: 0.9375rem; font-weight: 700; line-height: 1.3125rem; margin: 0; } .Price__offering___-HnDF .Price__prefix___z4-Vp { margin-right: 0.1875rem; } .Price__offering___-HnDF .Price__suffix___rmOd- { margin-left: 0.1875rem; margin-right: 0.1875rem; } .Price__offering___-HnDF.Price__large___Z4r7p { font-family: "TeleNeo", sans-serif; font-size: 2.25rem; font-weight: 800; text-transform: uppercase; line-height: 2.25rem; margin: 0; } .Price__offering___-HnDF.Price__large___Z4r7p .Price__prefix___z4-Vp, .Price__offering___-HnDF.Price__large___Z4r7p .Price__suffix___rmOd- { font-weight: 800 !important; text-transform: none; font-family: "TeleNeo", sans-serif; font-size: 1.5rem; font-weight: 700; line-height: 1.8125000003rem; margin: 0; } .Price__offering___-HnDF.Price__large___Z4r7p .Price__suffix___rmOd- { margin-right: 0.1875rem; } .Price__text___3wIAq { font-family: "TeleNeo", sans-serif; font-size: 0.9375rem; font-weight: 400; line-height: 1.3125rem; margin: 0; color: #262626; margin-bottom: 0.1875rem; } .Price__text___3wIAq:last-child { margin-bottom: 0; } .Price__text___3wIAq abbr { text-decoration: none; } .Price__text-benefit___qqUz6 { color: #218076; } .Price__inline_block___erzjm { display: inline-block; margin: 0 5px; }
.styles_ODSButton__34Rpc{align-items:center;background-color:#e20074;border:0 none;border-radius:2rem;color:#fff;display:flex;height:2.5rem;justify-content:center;min-height:3.25rem;padding:1.25rem 4rem;position:relative;transition-duration:.1s;transition-property:background-color;transition-timing-function:ease-out;width:fit-content}.styles_ODSButton--centered__1JlXL{margin:0 auto}.styles_ODSButton__34Rpc:hover{background-color:#b5005d;color:#fff !important;text-decoration:none}.styles_ODSButton--outline__2lvYy{background-color:#fff;border:.0625rem solid #000;color:#000}.styles_ODSButton--outline__2lvYy:hover{background-color:#dfdfdf;color:#000 !important}.styles_ODSButton--whitesmall__2yVGk{background-color:#fff;border-radius:1.25rem;color:#000;min-height:2.5rem;padding:1.25rem 1.375rem}.styles_ODSButton--whitesmall__2yVGk:hover{background-color:#dfdfdf;color:#000 !important}.styles_ODSButton__34Rpc svg{margin-right:.375rem}.styles_ODSButton__34Rpc:focus-visible{outline:.0625rem solid #7d94f9;outline-offset:.0625rem}
.styles_Explanation__3Zi1-{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;margin:2.375rem auto 0 auto;overflow:clip;padding:0 .75rem 2.25rem}@media screen and (min-width: 768px){.styles_Explanation__3Zi1-{margin:4.625rem auto 0 auto;max-width:76rem;padding:0 .75rem 3.25rem}}.styles_Explanation__button__1ha55{margin:auto 2rem 3rem 2rem;max-width:6.25rem;order:2}@media screen and (min-width: 768px){.styles_Explanation__button__1ha55{margin-bottom:1.875rem;margin-left:2.875rem;order:3}}.styles_Explanation__buttonIcon__2D6gl{border-bottom:.4375rem solid rgba(0,0,0,0);border-left:.8125rem solid #000;border-top:.4375rem solid rgba(0,0,0,0);margin-right:.75rem}.styles_Explanation__buttonContainer__FP51z{padding-left:6.5%;padding-top:1.25rem}@media screen and (min-width: 768px){.styles_Explanation__buttonContainer__FP51z{padding-left:6%}}.styles_Explanation__title__H0s8S,.styles_Explanation__subtitle__3Glj5{margin-top:-34%;padding-left:6.5%;padding-right:1.5rem;text-align:left}@media screen and (min-width: 768px){.styles_Explanation__title__H0s8S,.styles_Explanation__subtitle__3Glj5{padding-left:6%}}.styles_Explanation__subtitle__3Glj5{margin-top:0}.styles_Explanation__container__vhI6Z{align-items:center;background-color:#e20074;border-radius:2rem;display:flex;flex-direction:column;height:100%;overflow:clip}@media screen and (min-width: 768px){.styles_Explanation__container__vhI6Z{align-items:stretch;background-position:right center;flex-direction:row;justify-content:space-between}}.styles_Explanation__background__3Wufy{display:block;margin-top:-13%;position:relative;transform:scale(1.425)}@media screen and (min-width: 768px){.styles_Explanation__background__3Wufy{margin-left:0;margin-top:0}}.styles_Explanation__unlimited__3wBNN{color:#fff;display:block;font-size:clamp(1rem,13vw,3rem);font-weight:900;line-height:.8;opacity:0;text-transform:uppercase}@media screen and (min-width: 768px){.styles_Explanation__unlimited__3wBNN{font-size:clamp(3rem,6vw,4rem)}}.styles_Explanation__contentwrapper__3j9Pc{display:flex;flex-direction:column;justify-content:center;max-width:360px;order:2;padding-bottom:1.5rem;text-align:center;width:100%}@media screen and (min-width: 768px){.styles_Explanation__contentwrapper__3j9Pc{max-width:642px;order:2;padding-bottom:0;width:50%}}.styles_Explanation__videoWrapper__3c6vi{display:flex;height:100%;justify-content:center;order:1;position:relative;width:100%;z-index:1}@media screen and (min-width: 768px){.styles_Explanation__videoWrapper__3c6vi{height:100%;order:1;width:50%}}@media screen and (min-width: 1440px){.styles_Explanation__videoWrapper__3c6vi{min-height:22.5rem}}.styles_Explanation__video__vQ0UC{aspect-ratio:1188/1042;border-radius:2rem 2rem 0 0;height:100%;width:100%}.styles_Explanation__video__vQ0UC:focus-visible{outline:#000 solid 2px;outline-offset:.25rem}@media screen and (min-width: 768px){.styles_Explanation__video__vQ0UC{border-radius:2rem 0 0 2rem}}@media screen and (min-width: 1440px){.styles_Explanation__video__vQ0UC{min-height:22.5rem}}.styles_Explanation__mainline__2Erh7{font-size:2rem;font-weight:655;line-height:1.2;order:1;padding:0 2rem 1.5rem 2rem}@media screen and (min-width: 768px){.styles_Explanation__mainline__2Erh7{padding:1.25rem 4.5rem 1rem 2.875rem}}@media screen and (min-width: 1440px){.styles_Explanation__mainline__2Erh7{font-size:3rem;padding-top:2.5rem}}.styles_Explanation__playIconWrapper__12JXM{align-items:center;display:flex;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%, -50%)}.styles_Explanation__videoButton__PbyCT{color:#eaf0e2;height:unset !important;transition:color 300ms;width:unset !important}.styles_Explanation__videoButton__PbyCT::after{outline-color:#fff !important}.styles_Explanation__videoButton__PbyCT:hover{color:#d5dacd}.styles_Explanation__focusHelper__NkJY0{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(0,0,0,0);border:none;color:inherit;font:inherit;inset:4px;margin:0;padding:0;position:absolute;text-align:inherit;z-index:-1}
.Container__container___b3Frj { box-sizing: border-box; display: flex; flex-direction: column; padding: 0; text-align: left; width: 100%; font-family: "TeleNeo", sans-serif; font-size: 1.125rem; font-weight: 400; line-height: 1.5rem; margin: 0; } @media (min-width: 64em) and (max-width: 83.99em) { .Container__fixed___SErf4 { max-width: 64rem; } } @media (min-width: 84em) { .Container__fixed___SErf4 { max-width: 84rem; } } @media (min-width: 64em) { .Container__fixed-small___fdMFw { max-width: 64rem; } } @media (min-width: 84em) { .Container__fixed-large___pekB0 { max-width: 84rem; } } .Container__centered___K4vWe { align-items: center; margin-left: auto; margin-right: auto; text-align: center; } .Container__sizeToContent___1e89- { align-content: flex-start; flex-wrap: wrap; justify-content: space-around; width: auto; } .Container__padded___lBE3N { padding: 0.75rem; } @media (min-width: 40em) { .Container__padded___lBE3N { padding: 1.5rem; } } .Container__padded-top___I0EEA { padding-top: 0.75rem; } @media (min-width: 40em) { .Container__padded-top___I0EEA { padding-top: 1.5rem; } } .Container__padded-top-big___8-3E- { padding-top: 1.5rem; } @media (min-width: 40em) { .Container__padded-top-big___8-3E- { padding-top: 3rem; } } .Container__padded-top-small___WaNhJ { padding-top: 0.75rem; } @media (min-width: 40em) { .Container__padded-top-small___WaNhJ { padding-top: 0.75rem; } } .Container__padded-bottom___QETXo { padding-bottom: 0.75rem; } @media (min-width: 40em) { .Container__padded-bottom___QETXo { padding-bottom: 1.5rem; } } .Container__padded-bottom-big___aXciS { padding-bottom: 1.5rem; } @media (min-width: 40em) { .Container__padded-bottom-big___aXciS { padding-bottom: 3rem; } } .Container__padded-bottom-small___pYt-e { padding-bottom: 0.75rem; } @media (min-width: 40em) { .Container__padded-bottom-small___pYt-e { padding-bottom: 0.75rem; } } .Container__padded-left___Zto29 { padding-left: 0.75rem; } @media (min-width: 40em) { .Container__padded-left___Zto29 { padding-left: 1.5rem; } } .Container__padded-right___NbJVt { padding-right: 0.75rem; } @media (min-width: 40em) { .Container__padded-right___NbJVt { padding-right: 1.5rem; } } .Container__padded-vertical___osBtD { padding-bottom: 0.75rem; padding-top: 0.75rem; } @media (min-width: 40em) { .Container__padded-vertical___osBtD { padding-bottom: 1.5rem; padding-top: 1.5rem; } } .Container__padded-vertical-big___QkPc- { padding-bottom: 1.5rem; padding-top: 1.5rem; } @media (min-width: 40em) { .Container__padded-vertical-big___QkPc- { padding-bottom: 3rem; padding-top: 3rem; } } .Container__padded-vertical-small___fFvHO { padding-bottom: 0.75rem; padding-top: 0.75rem; } @media (min-width: 40em) { .Container__padded-vertical-small___fFvHO { padding-bottom: 0.75rem; padding-top: 0.75rem; } } .Container__padded-horizontal___PUqc8 { padding-left: 0.75rem; padding-right: 0.75rem; } @media (min-width: 40em) { .Container__padded-horizontal___PUqc8 { padding-left: 1.5rem; padding-right: 1.5rem; } } .Container__unset-inner-alignment___ZChxm { align-items: unset; justify-content: unset; text-align: unset; }
.Flex__flex___hR3FN { box-sizing: border-box; display: flex; width: 100%; } .Flex__container___Y66d0 { padding: 0.75rem; } @media (min-width: 40em) { .Flex__container___Y66d0 { padding: 1.5rem; } } .Flex__gap___Z6zgH { gap: 0.75rem; } @media (min-width: 40em) { .Flex__gap___Z6zgH { gap: 1.5rem; } }
.Button__button___2JA4L { align-items: center; background-color: #e20074; border: 1px solid transparent; border-radius: 0.2499975rem; box-shadow: none; box-sizing: border-box; color: #fff; cursor: pointer; display: inline-flex; justify-content: center; min-height: 2.625rem; padding: 0.41875rem 1.5rem; position: relative; text-align: center; text-decoration: none; vertical-align: middle; font-family: "TeleNeo", sans-serif; font-size: 1.125rem; font-weight: 700; line-height: 1.5rem; margin: 0; transition: background-color 0.2s ease, color 0.2s ease; } .Button__button___2JA4L:focus-visible, .Button__button___2JA4L.force-focus-visible { --focus-pseudo-padding: var(
    --focus-outline-offset,
    0.375rem
  ); outline: none; position: relative; } .Button__button___2JA4L:focus-visible::after, .Button__button___2JA4L.force-focus-visible::after { --focus-outline-offset: 0; border-radius: var(--focus-outline-radius, 0.1875rem); outline-color: var(--focus-outline-color-light, #000) !important; outline-offset: var(--focus-outline-offset, 0.25rem) !important; outline-style: var(--focus-outline-style, solid) !important; outline-width: var(--focus-outline-width, 0.125rem) !important; border-radius: var(--focus-outline-radius, 0.1875rem); content: " "; height: calc(100% + 2 * var(--focus-pseudo-padding)); left: calc(-1 * var(--focus-pseudo-padding)); pointer-events: none; position: absolute; top: calc(-1 * var(--focus-pseudo-padding)); width: calc(100% + 2 * var(--focus-pseudo-padding)); z-index: var(--focus-pseudo-z-index, 1); } .Button__button___2JA4L:has(:focus-visible), .Button__button___2JA4L:has(.force-focus-visible) { --focus-pseudo-padding: var(
    --focus-outline-offset,
    0.375rem
  ); outline: none; position: relative; } .Button__button___2JA4L:has(:focus-visible)::after, .Button__button___2JA4L:has(.force-focus-visible)::after { --focus-outline-offset: 0; border-radius: var(--focus-outline-radius, 0.1875rem); outline-color: var(--focus-outline-color-light, #000) !important; outline-offset: var(--focus-outline-offset, 0.25rem) !important; outline-style: var(--focus-outline-style, solid) !important; outline-width: var(--focus-outline-width, 0.125rem) !important; border-radius: var(--focus-outline-radius, 0.1875rem); content: " "; height: calc(100% + 2 * var(--focus-pseudo-padding)); left: calc(-1 * var(--focus-pseudo-padding)); pointer-events: none; position: absolute; top: calc(-1 * var(--focus-pseudo-padding)); width: calc(100% + 2 * var(--focus-pseudo-padding)); z-index: var(--focus-pseudo-z-index, 1); } .Button__button___2JA4L:focus, .Button__button___2JA4L.force-focus-visible { background-color: #d1006c; text-decoration: none; } .Button__button___2JA4L:hover { background-color: #d1006c; text-decoration: none; } .Button__button___2JA4L:active { background-color: #d1006c; text-decoration: none; } .Button__button___2JA4L.Button__active___BWfrx { background-color: #d1006c; text-decoration: none; } .Button__button___2JA4L:disabled { background-color: #ededed; border: 1px solid #b2b2b2; color: #262626; cursor: default; opacity: 0.5; pointer-events: none; } .Button__button___2JA4L.Button__theme_dark___6VYYg:focus-visible, .Button__button___2JA4L.Button__theme_dark___6VYYg.force-focus-visible { --focus-pseudo-padding: var(
    --focus-outline-offset,
    0.375rem
  ); outline: none; position: relative; } .Button__button___2JA4L.Button__theme_dark___6VYYg:focus-visible::after, .Button__button___2JA4L.Button__theme_dark___6VYYg.force-focus-visible::after { --focus-outline-offset: 0; border-radius: var(--focus-outline-radius, 0.1875rem); outline-color: var(--focus-outline-color-dark, #fff) !important; outline-offset: var(--focus-outline-offset, 0.25rem) !important; outline-style: var(--focus-outline-style, solid) !important; outline-width: var(--focus-outline-width, 0.125rem) !important; border-radius: var(--focus-outline-radius, 0.1875rem); content: " "; height: calc(100% + 2 * var(--focus-pseudo-padding)); left: calc(-1 * var(--focus-pseudo-padding)); pointer-events: none; position: absolute; top: calc(-1 * var(--focus-pseudo-padding)); width: calc(100% + 2 * var(--focus-pseudo-padding)); z-index: var(--focus-pseudo-z-index, 1); } .Button__button___2JA4L.Button__theme_dark___6VYYg:has(:focus-visible), .Button__button___2JA4L.Button__theme_dark___6VYYg:has(.force-focus-visible) { --focus-pseudo-padding: var(
    --focus-outline-offset,
    0.375rem
  ); outline: none; position: relative; } .Button__button___2JA4L.Button__theme_dark___6VYYg:has(:focus-visible)::after, .Button__button___2JA4L.Button__theme_dark___6VYYg:has(.force-focus-visible)::after { --focus-outline-offset: 0; border-radius: var(--focus-outline-radius, 0.1875rem); outline-color: var(--focus-outline-color-dark, #fff) !important; outline-offset: var(--focus-outline-offset, 0.25rem) !important; outline-style: var(--focus-outline-style, solid) !important; outline-width: var(--focus-outline-width, 0.125rem) !important; border-radius: var(--focus-outline-radius, 0.1875rem); content: " "; height: calc(100% + 2 * var(--focus-pseudo-padding)); left: calc(-1 * var(--focus-pseudo-padding)); pointer-events: none; position: absolute; top: calc(-1 * var(--focus-pseudo-padding)); width: calc(100% + 2 * var(--focus-pseudo-padding)); z-index: var(--focus-pseudo-z-index, 1); } .Button__icon___OeKUC { height: 1.125rem; margin-right: 0.75rem; width: 1.125rem; } .Button__secondary___DVppl, .Button__secondary___DVppl:disabled { background-color: #ededed; border: 1px solid #b2b2b2; color: #262626; } .Button__secondary___DVppl:hover, .Button__secondary___DVppl.Button__active___BWfrx, .Button__secondary___DVppl:focus, .Button__secondary___DVppl.force-focus-visible { background-color: #dcdcdc; } .Button__secondary___DVppl:active { background-color: #d0d0d0; } .Button__outline___nfBzi, .Button__outline___nfBzi:disabled { background-color: transparent; border-color: #6b6b6b; color: #262626; } .Button__outline___nfBzi:hover, .Button__outline___nfBzi.Button__active___BWfrx, .Button__outline___nfBzi:focus { background-color: rgba(0, 0, 0, 0.07); color: #262626; } .Button__outline___nfBzi:active { background-color: rgba(0, 0, 0, 0.15); } .Button__outline___nfBzi.Button__theme_magenta___uR7RX, .Button__outline___nfBzi.Button__theme_dark___6VYYg { background-color: transparent; border-color: #fff; color: #fff; } .Button__outline___nfBzi.Button__theme_magenta___uR7RX:disabled, .Button__outline___nfBzi.Button__theme_dark___6VYYg:disabled { border-color: rgba(255, 255, 255, 0.5); color: rgba(255, 255, 255, 0.5); } .Button__outline___nfBzi.Button__theme_magenta___uR7RX:focus-visible, .Button__outline___nfBzi.Button__theme_magenta___uR7RX.force-focus-visible, .Button__outline___nfBzi.Button__theme_dark___6VYYg:focus-visible, .Button__outline___nfBzi.Button__theme_dark___6VYYg.force-focus-visible { --focus-pseudo-padding: var(
    --focus-outline-offset,
    0.375rem
  ); outline: none; position: relative; } .Button__outline___nfBzi.Button__theme_magenta___uR7RX:focus-visible::after, .Button__outline___nfBzi.Button__theme_magenta___uR7RX.force-focus-visible::after, .Button__outline___nfBzi.Button__theme_dark___6VYYg:focus-visible::after, .Button__outline___nfBzi.Button__theme_dark___6VYYg.force-focus-visible::after { --focus-outline-offset: 0; border-radius: var(--focus-outline-radius, 0.1875rem); outline-color: var(--focus-outline-color-dark, #fff) !important; outline-offset: var(--focus-outline-offset, 0.25rem) !important; outline-style: var(--focus-outline-style, solid) !important; outline-width: var(--focus-outline-width, 0.125rem) !important; border-radius: var(--focus-outline-radius, 0.1875rem); content: " "; height: calc(100% + 2 * var(--focus-pseudo-padding)); left: calc(-1 * var(--focus-pseudo-padding)); pointer-events: none; position: absolute; top: calc(-1 * var(--focus-pseudo-padding)); width: calc(100% + 2 * var(--focus-pseudo-padding)); z-index: var(--focus-pseudo-z-index, 1); } .Button__outline___nfBzi.Button__theme_magenta___uR7RX:has(:focus-visible), .Button__outline___nfBzi.Button__theme_magenta___uR7RX:has(.force-focus-visible), .Button__outline___nfBzi.Button__theme_dark___6VYYg:has(:focus-visible), .Button__outline___nfBzi.Button__theme_dark___6VYYg:has(.force-focus-visible) { --focus-pseudo-padding: var(
    --focus-outline-offset,
    0.375rem
  ); outline: none; position: relative; } .Button__outline___nfBzi.Button__theme_magenta___uR7RX:has(:focus-visible)::after, .Button__outline___nfBzi.Button__theme_magenta___uR7RX:has(.force-focus-visible)::after, .Button__outline___nfBzi.Button__theme_dark___6VYYg:has(:focus-visible)::after, .Button__outline___nfBzi.Button__theme_dark___6VYYg:has(.force-focus-visible)::after { --focus-outline-offset: 0; border-radius: var(--focus-outline-radius, 0.1875rem); outline-color: var(--focus-outline-color-dark, #fff) !important; outline-offset: var(--focus-outline-offset, 0.25rem) !important; outline-style: var(--focus-outline-style, solid) !important; outline-width: var(--focus-outline-width, 0.125rem) !important; border-radius: var(--focus-outline-radius, 0.1875rem); content: " "; height: calc(100% + 2 * var(--focus-pseudo-padding)); left: calc(-1 * var(--focus-pseudo-padding)); pointer-events: none; position: absolute; top: calc(-1 * var(--focus-pseudo-padding)); width: calc(100% + 2 * var(--focus-pseudo-padding)); z-index: var(--focus-pseudo-z-index, 1); } .Button__outline___nfBzi.Button__theme_magenta___uR7RX:hover, .Button__outline___nfBzi.Button__theme_magenta___uR7RX.Button__active___BWfrx, .Button__outline___nfBzi.Button__theme_magenta___uR7RX:focus, .Button__outline___nfBzi.Button__theme_dark___6VYYg:hover, .Button__outline___nfBzi.Button__theme_dark___6VYYg.Button__active___BWfrx, .Button__outline___nfBzi.Button__theme_dark___6VYYg:focus { background-color: rgba(255, 255, 255, 0.07); color: #fff; } .Button__outline___nfBzi.Button__theme_magenta___uR7RX:active, .Button__outline___nfBzi.Button__theme_dark___6VYYg:active { background-color: rgba(255, 255, 255, 0.15); } .Button__clean___IFxWr { border: none; } .Button__clean___IFxWr, .Button__clean___IFxWr:disabled { background-color: transparent; border-color: transparent; color: #262626; } .Button__clean___IFxWr:hover, .Button__clean___IFxWr.Button__active___BWfrx, .Button__clean___IFxWr:focus { background-color: #ededed; } .Button__clean___IFxWr:active { background-color: #dcdcdc; } .Button__clean___IFxWr:focus-visible, .Button__clean___IFxWr.force-focus-visible { --focus-outline-offset: var(--button-clean-outline-offset, 0px); } .Button__clean___IFxWr:has(:focus-visible), .Button__clean___IFxWr:has(.force-focus-visible) { --focus-outline-offset: var(--button-clean-outline-offset, 0px); } .Button__clean___IFxWr.Button__theme_magenta___uR7RX, .Button__clean___IFxWr.Button__theme_dark___6VYYg { border-color: #b2b2b2; color: #fff; } .Button__clean___IFxWr.Button__theme_magenta___uR7RX.Button__inverted___z29aV, .Button__clean___IFxWr.Button__theme_dark___6VYYg.Button__inverted___z29aV { background-color: rgba(255, 255, 255, 0.15); border-color: #fff; border-width: 1px; color: #fff; } .Button__clean___IFxWr.Button__theme_magenta___uR7RX.Button__inverted___z29aV:hover, .Button__clean___IFxWr.Button__theme_dark___6VYYg.Button__inverted___z29aV:hover { background-color: rgba(255, 255, 255, 0.15); } .Button__clean___IFxWr.Button__theme_magenta___uR7RX:disabled, .Button__clean___IFxWr.Button__theme_dark___6VYYg:disabled { border-color: rgba(255, 255, 255, 0.5); color: rgba(255, 255, 255, 0.5); } .Button__clean___IFxWr.Button__theme_magenta___uR7RX:hover, .Button__clean___IFxWr.Button__theme_magenta___uR7RX.Button__active___BWfrx, .Button__clean___IFxWr.Button__theme_magenta___uR7RX:focus, .Button__clean___IFxWr.Button__theme_dark___6VYYg:hover, .Button__clean___IFxWr.Button__theme_dark___6VYYg.Button__active___BWfrx, .Button__clean___IFxWr.Button__theme_dark___6VYYg:focus { background-color: rgba(255, 255, 255, 0.07); } .Button__clean___IFxWr.Button__theme_magenta___uR7RX:active, .Button__clean___IFxWr.Button__theme_dark___6VYYg:active { background-color: rgba(255, 255, 255, 0.15); } .Button__rectangle___zo3KY { background-color: transparent; border-bottom: none; border-radius: 0; border-top: none; min-width: 0; } .Button__inverted___z29aV { border: none; } .Button__inverted___z29aV, .Button__inverted___z29aV:disabled, .Button__inverted___z29aV:hover { background-color: rgba(0, 0, 0, 0.15); color: #262626; } .Button__round___DW-sE { border-radius: 50%; height: 2.625rem; min-width: 0; padding: 0.375rem; width: 2.625rem; } .Button__round___DW-sE:focus-visible, .Button__round___DW-sE.force-focus-visible { --focus-pseudo-padding: var(
    --focus-outline-offset,
    0.375rem
  ); outline: none; position: relative; --focus-outline-radius: 50%; } .Button__round___DW-sE:focus-visible::after, .Button__round___DW-sE.force-focus-visible::after { --focus-outline-offset: 0; border-radius: var(--focus-outline-radius, 0.1875rem); outline-color: var(--focus-outline-color-light, #000) !important; outline-offset: var(--focus-outline-offset, 0.25rem) !important; outline-style: var(--focus-outline-style, solid) !important; outline-width: var(--focus-outline-width, 0.125rem) !important; border-radius: var(--focus-outline-radius, 0.1875rem); content: " "; height: calc(100% + 2 * var(--focus-pseudo-padding)); left: calc(-1 * var(--focus-pseudo-padding)); pointer-events: none; position: absolute; top: calc(-1 * var(--focus-pseudo-padding)); width: calc(100% + 2 * var(--focus-pseudo-padding)); z-index: var(--focus-pseudo-z-index, 1); } .Button__round___DW-sE:has(:focus-visible), .Button__round___DW-sE:has(.force-focus-visible) { --focus-pseudo-padding: var(
    --focus-outline-offset,
    0.375rem
  ); outline: none; position: relative; --focus-outline-radius: 50%; } .Button__round___DW-sE:has(:focus-visible)::after, .Button__round___DW-sE:has(.force-focus-visible)::after { --focus-outline-offset: 0; border-radius: var(--focus-outline-radius, 0.1875rem); outline-color: var(--focus-outline-color-light, #000) !important; outline-offset: var(--focus-outline-offset, 0.25rem) !important; outline-style: var(--focus-outline-style, solid) !important; outline-width: var(--focus-outline-width, 0.125rem) !important; border-radius: var(--focus-outline-radius, 0.1875rem); content: " "; height: calc(100% + 2 * var(--focus-pseudo-padding)); left: calc(-1 * var(--focus-pseudo-padding)); pointer-events: none; position: absolute; top: calc(-1 * var(--focus-pseudo-padding)); width: calc(100% + 2 * var(--focus-pseudo-padding)); z-index: var(--focus-pseudo-z-index, 1); } .Button__round___DW-sE, .Button__round___DW-sE:disabled { background-color: #ededed; border: 1px solid #b2b2b2; color: #262626; } .Button__round___DW-sE:hover, .Button__round___DW-sE.Button__active___BWfrx, .Button__round___DW-sE:focus { background-color: #dcdcdc; } .Button__round___DW-sE:active { background-color: #d0d0d0; } .Button__round___DW-sE .Button__icon___OeKUC { margin-right: 0; } .Button__round___DW-sE.Button__theme_magenta___uR7RX, .Button__round___DW-sE.Button__theme_dark___6VYYg { background-color: transparent; border-color: #fff; color: #fff; } .Button__round___DW-sE.Button__theme_magenta___uR7RX:disabled, .Button__round___DW-sE.Button__theme_dark___6VYYg:disabled { border-color: rgba(255, 255, 255, 0.5); color: rgba(255, 255, 255, 0.5); } .Button__round___DW-sE.Button__theme_magenta___uR7RX:focus-visible, .Button__round___DW-sE.Button__theme_magenta___uR7RX.force-focus-visible, .Button__round___DW-sE.Button__theme_dark___6VYYg:focus-visible, .Button__round___DW-sE.Button__theme_dark___6VYYg.force-focus-visible { --focus-pseudo-padding: var(
    --focus-outline-offset,
    0.375rem
  ); outline: none; position: relative; } .Button__round___DW-sE.Button__theme_magenta___uR7RX:focus-visible::after, .Button__round___DW-sE.Button__theme_magenta___uR7RX.force-focus-visible::after, .Button__round___DW-sE.Button__theme_dark___6VYYg:focus-visible::after, .Button__round___DW-sE.Button__theme_dark___6VYYg.force-focus-visible::after { --focus-outline-offset: 0; border-radius: var(--focus-outline-radius, 0.1875rem); outline-color: var(--focus-outline-color-dark, #fff) !important; outline-offset: var(--focus-outline-offset, 0.25rem) !important; outline-style: var(--focus-outline-style, solid) !important; outline-width: var(--focus-outline-width, 0.125rem) !important; border-radius: var(--focus-outline-radius, 0.1875rem); content: " "; height: calc(100% + 2 * var(--focus-pseudo-padding)); left: calc(-1 * var(--focus-pseudo-padding)); pointer-events: none; position: absolute; top: calc(-1 * var(--focus-pseudo-padding)); width: calc(100% + 2 * var(--focus-pseudo-padding)); z-index: var(--focus-pseudo-z-index, 1); } .Button__round___DW-sE.Button__theme_magenta___uR7RX:has(:focus-visible), .Button__round___DW-sE.Button__theme_magenta___uR7RX:has(.force-focus-visible), .Button__round___DW-sE.Button__theme_dark___6VYYg:has(:focus-visible), .Button__round___DW-sE.Button__theme_dark___6VYYg:has(.force-focus-visible) { --focus-pseudo-padding: var(
    --focus-outline-offset,
    0.375rem
  ); outline: none; position: relative; } .Button__round___DW-sE.Button__theme_magenta___uR7RX:has(:focus-visible)::after, .Button__round___DW-sE.Button__theme_magenta___uR7RX:has(.force-focus-visible)::after, .Button__round___DW-sE.Button__theme_dark___6VYYg:has(:focus-visible)::after, .Button__round___DW-sE.Button__theme_dark___6VYYg:has(.force-focus-visible)::after { --focus-outline-offset: 0; border-radius: var(--focus-outline-radius, 0.1875rem); outline-color: var(--focus-outline-color-dark, #fff) !important; outline-offset: var(--focus-outline-offset, 0.25rem) !important; outline-style: var(--focus-outline-style, solid) !important; outline-width: var(--focus-outline-width, 0.125rem) !important; border-radius: var(--focus-outline-radius, 0.1875rem); content: " "; height: calc(100% + 2 * var(--focus-pseudo-padding)); left: calc(-1 * var(--focus-pseudo-padding)); pointer-events: none; position: absolute; top: calc(-1 * var(--focus-pseudo-padding)); width: calc(100% + 2 * var(--focus-pseudo-padding)); z-index: var(--focus-pseudo-z-index, 1); } .Button__round___DW-sE.Button__theme_magenta___uR7RX:hover, .Button__round___DW-sE.Button__theme_magenta___uR7RX.Button__active___BWfrx, .Button__round___DW-sE.Button__theme_magenta___uR7RX:focus, .Button__round___DW-sE.Button__theme_magenta___uR7RX.force-focus-visible, .Button__round___DW-sE.Button__theme_dark___6VYYg:hover, .Button__round___DW-sE.Button__theme_dark___6VYYg.Button__active___BWfrx, .Button__round___DW-sE.Button__theme_dark___6VYYg:focus, .Button__round___DW-sE.Button__theme_dark___6VYYg.force-focus-visible { background-color: rgba(255, 255, 255, 0.07); } .Button__round___DW-sE.Button__theme_magenta___uR7RX:active, .Button__round___DW-sE.Button__theme_dark___6VYYg:active { background-color: rgba(255, 255, 255, 0.15); } .Button__round-primary___f2hLW { background-color: #e20074; border-color: #e20074; color: #fff; } .Button__round-primary___f2hLW:hover, .Button__round-primary___f2hLW.Button__active___BWfrx, .Button__round-primary___f2hLW:focus, .Button__round-primary___f2hLW.force-focus-visible { background-color: #d1006c; } .Button__round-primary___f2hLW:active { background-color: #bd0061; } .Button__round-outline___-vE7C { background-color: transparent; border-color: #6b6b6b; color: #262626; } .Button__round-bold-outline___jstng { background-color: transparent; border: 2px solid #262626; } .Button__round-bold-outline___jstng:hover, .Button__round-bold-outline___jstng.Button__active___BWfrx, .Button__round-bold-outline___jstng:focus, .Button__round-bold-outline___jstng.force-focus-visible { background-color: rgba(0, 0, 0, 0.07); } .Button__round-bold-outline___jstng:active { background-color: rgba(0, 0, 0, 0.15); } .Button__round-bold-outline___jstng.Button__theme_magenta___uR7RX:hover, .Button__round-bold-outline___jstng.Button__theme_magenta___uR7RX.Button__active___BWfrx, .Button__round-bold-outline___jstng.Button__theme_magenta___uR7RX:focus, .Button__round-bold-outline___jstng.Button__theme_magenta___uR7RX.force-focus-visible, .Button__round-bold-outline___jstng.Button__theme_dark___6VYYg:hover, .Button__round-bold-outline___jstng.Button__theme_dark___6VYYg.Button__active___BWfrx, .Button__round-bold-outline___jstng.Button__theme_dark___6VYYg:focus, .Button__round-bold-outline___jstng.Button__theme_dark___6VYYg.force-focus-visible { background-color: rgba(255, 255, 255, 0.07); } .Button__round-bold-outline___jstng.Button__theme_magenta___uR7RX:active, .Button__round-bold-outline___jstng.Button__theme_dark___6VYYg:active { background-color: rgba(255, 255, 255, 0.15); } .Button__full___kSfRM { width: 100%; } .Button__min-width___AakHo { min-width: 7.5rem; } .Button__uppercase___HaOSS { text-transform: uppercase; } .Button__padded___KxeOa { border-radius: 0; height: auto; line-height: 1.5rem; padding: 1.35rem 1.5rem 1.2rem; width: 100%; font-weight: 400; } .Button__bold___y9CvI { border-radius: 0; font-weight: 700; height: auto; line-height: 1.125rem; padding: 1.35rem 1.5rem 1.2rem; width: 100%; font-weight: 400; } .Button__only-icon___krrnh { min-width: 0; padding: 0.675rem 0.75rem; } .Button__only-icon___krrnh .Button__icon___OeKUC { margin-right: 0; } .Button__onlyIconUntilXS___2g1yF .Button__label___LemB6 { display: none; } @media (min-width: 0em) { .Button__onlyIconUntilXS___2g1yF { padding: 0.41875rem 1.5rem; } .Button__onlyIconUntilXS___2g1yF .Button__label___LemB6 { display: inherit; } .Button__onlyIconUntilXS___2g1yF .Button__icon___OeKUC { margin-right: 0.75rem; } } .Button__onlyIconUntilS___3pNjM .Button__label___LemB6 { display: none; } @media (min-width: 20em) { .Button__onlyIconUntilS___3pNjM { padding: 0.41875rem 1.5rem; } .Button__onlyIconUntilS___3pNjM .Button__label___LemB6 { display: inherit; } .Button__onlyIconUntilS___3pNjM .Button__icon___OeKUC { margin-right: 0.75rem; } } .Button__onlyIconUntilM___ZR37n .Button__label___LemB6 { display: none; } @media (min-width: 40em) { .Button__onlyIconUntilM___ZR37n { padding: 0.41875rem 1.5rem; } .Button__onlyIconUntilM___ZR37n .Button__label___LemB6 { display: inherit; } .Button__onlyIconUntilM___ZR37n .Button__icon___OeKUC { margin-right: 0.75rem; } } .Button__onlyIconUntilL___jnmBu .Button__label___LemB6 { display: none; } @media (min-width: 64em) { .Button__onlyIconUntilL___jnmBu { padding: 0.41875rem 1.5rem; } .Button__onlyIconUntilL___jnmBu .Button__label___LemB6 { display: inherit; } .Button__onlyIconUntilL___jnmBu .Button__icon___OeKUC { margin-right: 0.75rem; } } .Button__onlyIconUntilXL___CL0-9 .Button__label___LemB6 { display: none; } @media (min-width: 84em) { .Button__onlyIconUntilXL___CL0-9 { padding: 0.41875rem 1.5rem; } .Button__onlyIconUntilXL___CL0-9 .Button__label___LemB6 { display: inherit; } .Button__onlyIconUntilXL___CL0-9 .Button__icon___OeKUC { margin-right: 0.75rem; } } .Button__onlyIconUntilXXL___DyW9s .Button__label___LemB6 { display: none; } @media (min-width: 105em) { .Button__onlyIconUntilXXL___DyW9s { padding: 0.41875rem 1.5rem; } .Button__onlyIconUntilXXL___DyW9s .Button__label___LemB6 { display: inherit; } .Button__onlyIconUntilXXL___DyW9s .Button__icon___OeKUC { margin-right: 0.75rem; } } .Button__labeled-vertical___Rf8WM { flex-direction: column; } .Button__bare___It8Qt { align-items: center; align-self: center; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: transparent; border: none; color: #000; cursor: pointer; display: inline-flex; font: inherit; justify-content: center; margin: 0; padding: 0; text-align: center; text-decoration: none; } .Button__bare___It8Qt:focus-visible, .Button__bare___It8Qt.force-focus-visible { --focus-pseudo-padding: var(
    --focus-outline-offset,
    0.375rem
  ); outline: none; position: relative; } .Button__bare___It8Qt:focus-visible::after, .Button__bare___It8Qt.force-focus-visible::after { --focus-outline-offset: 0; border-radius: var(--focus-outline-radius, 0.1875rem); outline-color: var(--focus-outline-color-light, #000) !important; outline-offset: var(--focus-outline-offset, 0.25rem) !important; outline-style: var(--focus-outline-style, solid) !important; outline-width: var(--focus-outline-width, 0.125rem) !important; border-radius: var(--focus-outline-radius, 0.1875rem); content: " "; height: calc(100% + 2 * var(--focus-pseudo-padding)); left: calc(-1 * var(--focus-pseudo-padding)); pointer-events: none; position: absolute; top: calc(-1 * var(--focus-pseudo-padding)); width: calc(100% + 2 * var(--focus-pseudo-padding)); z-index: var(--focus-pseudo-z-index, 1); } .Button__bare___It8Qt:has(:focus-visible), .Button__bare___It8Qt:has(.force-focus-visible) { --focus-pseudo-padding: var(
    --focus-outline-offset,
    0.375rem
  ); outline: none; position: relative; } .Button__bare___It8Qt:has(:focus-visible)::after, .Button__bare___It8Qt:has(.force-focus-visible)::after { --focus-outline-offset: 0; border-radius: var(--focus-outline-radius, 0.1875rem); outline-color: var(--focus-outline-color-light, #000) !important; outline-offset: var(--focus-outline-offset, 0.25rem) !important; outline-style: var(--focus-outline-style, solid) !important; outline-width: var(--focus-outline-width, 0.125rem) !important; border-radius: var(--focus-outline-radius, 0.1875rem); content: " "; height: calc(100% + 2 * var(--focus-pseudo-padding)); left: calc(-1 * var(--focus-pseudo-padding)); pointer-events: none; position: absolute; top: calc(-1 * var(--focus-pseudo-padding)); width: calc(100% + 2 * var(--focus-pseudo-padding)); z-index: var(--focus-pseudo-z-index, 1); } .Button__bare___It8Qt:hover, .Button__bare___It8Qt:focus { background: transparent; } .Button__bare___It8Qt:active { transform: scale(1); } .Button__small___FgTuP { height: 2.25rem; } .Button__slider___AJVev { align-items: center; background-color: rgba(107, 107, 107, 0.5); border-radius: 100%; color: #fff; display: flex; height: 3rem; justify-content: center; padding: 0.75rem 0rem; width: 3rem; } .Button__slider___AJVev:focus-visible, .Button__slider___AJVev.force-focus-visible { --focus-pseudo-padding: var(
    --focus-outline-offset,
    0.375rem
  ); outline: none; position: relative; --focus-outline-offset: 3px; --focus-outline-radius: 100%; } .Button__slider___AJVev:focus-visible::after, .Button__slider___AJVev.force-focus-visible::after { --focus-outline-offset: 0; border-radius: var(--focus-outline-radius, 0.1875rem); outline-color: var(--focus-outline-color-light, #000) !important; outline-offset: var(--focus-outline-offset, 0.25rem) !important; outline-style: var(--focus-outline-style, solid) !important; outline-width: var(--focus-outline-width, 0.125rem) !important; border-radius: var(--focus-outline-radius, 0.1875rem); content: " "; height: calc(100% + 2 * var(--focus-pseudo-padding)); left: calc(-1 * var(--focus-pseudo-padding)); pointer-events: none; position: absolute; top: calc(-1 * var(--focus-pseudo-padding)); width: calc(100% + 2 * var(--focus-pseudo-padding)); z-index: var(--focus-pseudo-z-index, 1); } .Button__slider___AJVev:has(:focus-visible), .Button__slider___AJVev:has(.force-focus-visible) { --focus-pseudo-padding: var(
    --focus-outline-offset,
    0.375rem
  ); outline: none; position: relative; --focus-outline-offset: 3px; --focus-outline-radius: 100%; } .Button__slider___AJVev:has(:focus-visible)::after, .Button__slider___AJVev:has(.force-focus-visible)::after { --focus-outline-offset: 0; border-radius: var(--focus-outline-radius, 0.1875rem); outline-color: var(--focus-outline-color-light, #000) !important; outline-offset: var(--focus-outline-offset, 0.25rem) !important; outline-style: var(--focus-outline-style, solid) !important; outline-width: var(--focus-outline-width, 0.125rem) !important; border-radius: var(--focus-outline-radius, 0.1875rem); content: " "; height: calc(100% + 2 * var(--focus-pseudo-padding)); left: calc(-1 * var(--focus-pseudo-padding)); pointer-events: none; position: absolute; top: calc(-1 * var(--focus-pseudo-padding)); width: calc(100% + 2 * var(--focus-pseudo-padding)); z-index: var(--focus-pseudo-z-index, 1); } .Button__slider___AJVev:hover, .Button__slider___AJVev.Button__active___BWfrx, .Button__slider___AJVev:focus { background-color: rgba(107, 107, 107, 0.5); color: #fff; text-decoration: none; } .Button__slider___AJVev:active { background-color: rgba(107, 107, 107, 0.5); } .Button__slider___AJVev.Button__disabled___O-rJR { background-color: rgba(107, 107, 107, 0.25); pointer-events: none; } .Button__slider___AJVev.Button__theme_magenta___uR7RX, .Button__slider___AJVev.Button__theme_dark___6VYYg { background-color: #bfbfbf; border: none; color: #fff; } .Button__slider___AJVev.Button__theme_magenta___uR7RX:focus-visible, .Button__slider___AJVev.Button__theme_magenta___uR7RX.force-focus-visible, .Button__slider___AJVev.Button__theme_dark___6VYYg:focus-visible, .Button__slider___AJVev.Button__theme_dark___6VYYg.force-focus-visible { --focus-pseudo-padding: var(
    --focus-outline-offset,
    0.375rem
  ); outline: none; position: relative; } .Button__slider___AJVev.Button__theme_magenta___uR7RX:focus-visible::after, .Button__slider___AJVev.Button__theme_magenta___uR7RX.force-focus-visible::after, .Button__slider___AJVev.Button__theme_dark___6VYYg:focus-visible::after, .Button__slider___AJVev.Button__theme_dark___6VYYg.force-focus-visible::after { --focus-outline-offset: 0; border-radius: var(--focus-outline-radius, 0.1875rem); outline-color: var(--focus-outline-color-dark, #fff) !important; outline-offset: var(--focus-outline-offset, 0.25rem) !important; outline-style: var(--focus-outline-style, solid) !important; outline-width: var(--focus-outline-width, 0.125rem) !important; border-radius: var(--focus-outline-radius, 0.1875rem); content: " "; height: calc(100% + 2 * var(--focus-pseudo-padding)); left: calc(-1 * var(--focus-pseudo-padding)); pointer-events: none; position: absolute; top: calc(-1 * var(--focus-pseudo-padding)); width: calc(100% + 2 * var(--focus-pseudo-padding)); z-index: var(--focus-pseudo-z-index, 1); } .Button__slider___AJVev.Button__theme_magenta___uR7RX:has(:focus-visible), .Button__slider___AJVev.Button__theme_magenta___uR7RX:has(.force-focus-visible), .Button__slider___AJVev.Button__theme_dark___6VYYg:has(:focus-visible), .Button__slider___AJVev.Button__theme_dark___6VYYg:has(.force-focus-visible) { --focus-pseudo-padding: var(
    --focus-outline-offset,
    0.375rem
  ); outline: none; position: relative; } .Button__slider___AJVev.Button__theme_magenta___uR7RX:has(:focus-visible)::after, .Button__slider___AJVev.Button__theme_magenta___uR7RX:has(.force-focus-visible)::after, .Button__slider___AJVev.Button__theme_dark___6VYYg:has(:focus-visible)::after, .Button__slider___AJVev.Button__theme_dark___6VYYg:has(.force-focus-visible)::after { --focus-outline-offset: 0; border-radius: var(--focus-outline-radius, 0.1875rem); outline-color: var(--focus-outline-color-dark, #fff) !important; outline-offset: var(--focus-outline-offset, 0.25rem) !important; outline-style: var(--focus-outline-style, solid) !important; outline-width: var(--focus-outline-width, 0.125rem) !important; border-radius: var(--focus-outline-radius, 0.1875rem); content: " "; height: calc(100% + 2 * var(--focus-pseudo-padding)); left: calc(-1 * var(--focus-pseudo-padding)); pointer-events: none; position: absolute; top: calc(-1 * var(--focus-pseudo-padding)); width: calc(100% + 2 * var(--focus-pseudo-padding)); z-index: var(--focus-pseudo-z-index, 1); } .Button__slider___AJVev.Button__theme_magenta___uR7RX:hover, .Button__slider___AJVev.Button__theme_magenta___uR7RX.Button__active___BWfrx, .Button__slider___AJVev.Button__theme_magenta___uR7RX:focus, .Button__slider___AJVev.Button__theme_dark___6VYYg:hover, .Button__slider___AJVev.Button__theme_dark___6VYYg.Button__active___BWfrx, .Button__slider___AJVev.Button__theme_dark___6VYYg:focus { background-color: #6b6b6b; color: #fff; text-decoration: none; } .Button__slider___AJVev.Button__theme_magenta___uR7RX:active, .Button__slider___AJVev.Button__theme_dark___6VYYg:active { background-color: #6b6b6b; } .Button__slider___AJVev.Button__theme_magenta___uR7RX.Button__disabled___O-rJR, .Button__slider___AJVev.Button__theme_dark___6VYYg.Button__disabled___O-rJR { background-color: #808080; pointer-events: none; } .Button__responsive___-4dbp { height: 2.25rem; padding: 0.41875rem 1.125rem; } @media (min-width: 40em) { .Button__responsive___-4dbp { height: 2.625rem; padding: 0.41875rem 1.5rem; } } .Button__textLink___hZMoh { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: transparent; border: none; color: inherit; font: inherit; margin: 0; padding: 0; text-align: inherit; text-decoration: underline; text-underline-offset: 0.1875rem; color: #00739f; cursor: pointer; display: inline-flex; transition: color 0.2s ease; --focus-outline-radius: 2px; } .Button__textLink___hZMoh:hover { text-decoration-thickness: 0.1250025rem; } .Button__textLink___hZMoh:focus-visible, .Button__textLink___hZMoh.force-focus-visible { border-radius: var(--focus-outline-radius, 0.1875rem); outline-color: var(--focus-outline-color-light, #000) !important; outline-offset: var(--focus-outline-offset, 0.25rem) !important; outline-style: var(--focus-outline-style, solid) !important; outline-width: var(--focus-outline-width, 0.125rem) !important; } .Button__textLink___hZMoh:hover, .Button__textLink___hZMoh:focus { color: #00739f; } .Button__textLink___hZMoh:active { color: #00739f; } .Button__textLink___hZMoh:disabled { color: #b2b2b2; cursor: default; opacity: 0.5; pointer-events: none; } .Button__textLink___hZMoh.Button__disable-underline___Kahvh { -webkit-text-decoration-line: none; text-decoration-line: none; } .Button__textLink___hZMoh.Button__disable-underline___Kahvh:hover { -webkit-text-decoration-line: underline; text-decoration-line: underline; } .Button__textLink___hZMoh.Button__theme_dark___6VYYg { color: #31c3f7; } .Button__textLink___hZMoh.Button__theme_dark___6VYYg:focus-visible, .Button__textLink___hZMoh.Button__theme_dark___6VYYg.force-focus-visible { border-radius: var(--focus-outline-radius, 0.1875rem); outline-color: var(--focus-outline-color-dark, #fff) !important; outline-offset: var(--focus-outline-offset, 0.25rem) !important; outline-style: var(--focus-outline-style, solid) !important; outline-width: var(--focus-outline-width, 0.125rem) !important; } .Button__textLink___hZMoh.Button__theme_dark___6VYYg:hover, .Button__textLink___hZMoh.Button__theme_dark___6VYYg:focus, .Button__textLink___hZMoh.Button__theme_dark___6VYYg:active { color: #31c3f7; } .Button__textLink___hZMoh.Button__theme_magenta___uR7RX { color: #fff; } .Button__textLink___hZMoh.Button__theme_magenta___uR7RX:hover, .Button__textLink___hZMoh.Button__theme_magenta___uR7RX:focus, .Button__textLink___hZMoh.Button__theme_magenta___uR7RX:active { color: #fff; } .Button__textLink___hZMoh .Button__icon___OeKUC { height: 1rem; margin-left: 0.3125rem; position: relative; width: 1rem; } .Button__textLink___hZMoh .Button__icon___OeKUC svg { bottom: -0.0625rem; position: relative; }
.Icon__wrapper___Wa0Ye { align-content: center; align-items: center; display: inline-flex; flex-direction: column; height: 100%; justify-content: center; width: 100%; } .Icon__icon___DqC9j { color: inherit; display: flex; } .Icon__fill-path___YF4dl path { fill: currentColor; } .Icon__theme_magenta___FjWCh { color: #fff; } .Icon__parentsize___iAFYH { height: 100%; width: 100%; } .Icon__xxsmall___NAFSf { height: 0.75rem; width: 0.75rem; } .Icon__xsmall___1B3w3 { height: 1.3125rem; width: 1.3125rem; } .Icon__small___Pk8uG { height: 1.5rem; width: 1.5rem; } .Icon__medium___3M5Ux { height: 1.6875rem; width: 1.6875rem; } .Icon__large___qUqj5 { height: 1.875rem; width: 1.875rem; } .Icon__xlarge___grZRV { height: 2.625rem; width: 2.625rem; } .Icon__xxlarge___tGXWO { height: 3.375rem; width: 3.375rem; } .Icon__xxxlarge___YDfOP { height: 4.125rem; width: 4.125rem; }
.A11yText__a11y___hJQoO { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.Modal__modal___GB3zb { align-items: center; bottom: 0; display: flex; justify-content: center; left: 0; position: fixed; right: 0; top: 0; } .Modal__modal___GB3zb .Modal__close___UtPir, .Modal__modal___GB3zb .Modal__close___UtPir:focus-visible { padding: 0; position: absolute; right: 12px; top: 4px; } .Modal__modal___GB3zb .Modal__close___UtPir:hover, .Modal__modal___GB3zb .Modal__close___UtPir:focus-visible:hover { background: none; } .Modal__cover___5BQU6 { bottom: 0; left: 0; position: fixed; right: 0; top: 0; transition: background-color 0.4s ease; } .Modal__cover___5BQU6.is-visible { background-color: rgba(0, 0, 0, 0.7); } .Modal__container___yARDL { align-items: center; display: flex; justify-content: center; max-width: 100%; } @media (min-width: 64em) and (max-width: 83.99em) { .Modal__container___yARDL { max-width: 63rem; } } @media (min-width: 84em) { .Modal__container___yARDL { max-width: 81rem; } } .Modal__inner___9L3Re { background: #fff; border-radius: 0.2499975rem; margin: 5.25rem; max-height: 85vh; max-width: 83.33333%; opacity: 0; overflow: hidden; position: relative; transform: translateY(100%); transition: opacity 0.4s ease, transform 0.4s ease; } .Modal__inner___9L3Re:focus { outline: none; } .Modal__inner___9L3Re.is-visible { opacity: 1; transform: translateY(0); } @media (max-width: 39.99em) { .Modal__inner___9L3Re { max-width: 100%; } } @media (max-width: 63.99em) { .Modal__inner___9L3Re { margin: 0.75rem; } } .Modal__content___Vq88u { max-height: 85vh; overflow: auto; word-break: break-word; } .Modal__section___1pGUH { padding: 3rem; } @media (max-width: 63.99em) { .Modal__section___1pGUH { padding: 3rem 1.5rem 1.5rem; } } .Modal__heading___MR-Lw { margin-bottom: 2.25rem; text-align: center; } .Modal__actions___pClOj { align-content: center; display: flex; flex-wrap: wrap; justify-content: center; margin: 2.25rem -0.75rem 0rem; } .Modal__action___uFeA6 { align-content: center; display: flex; justify-content: center; margin: 0.75rem 0.75rem 0rem; }
.styles_ODSButtonLayerModal__1cCJF [class*=Modal__close_]{background-color:rgba(0,0,0,0) !important}
@keyframes styles_animationBadge__yoBCY{0%{opacity:0;transform:scale(1.21)}100%{opacity:1;transform:scale(1)}}@keyframes styles_animationFootnote__28sbx{0%{opacity:0}100%{opacity:1}}.styles_StageLong__3DaPY{background-color:#e20074;background-image:var(--backgroundimage-s);background-position:center top;background-repeat:no-repeat;background-size:612px 284px;border-radius:1.125rem;margin:0 .75rem 1.5625rem !important;min-height:284px;overflow:clip;padding-bottom:0 !important;padding-top:0 !important;position:relative;margin:0 auto;max-width:1440px;padding-bottom:var(--spacing-layout-2);padding-left:var(--spacing-component-4);padding-right:var(--spacing-component-4);padding-top:var(--spacing-layout-2)}@media screen and (min-width: 768px){.styles_StageLong__3DaPY{padding-bottom:var(--spacing-layout-2);padding-left:var(--spacing-component-7);padding-right:var(--spacing-component-7);padding-top:var(--spacing-layout-5)}}@media screen and (min-width: 360px){.styles_StageLong__3DaPY{background-size:720px 380px;min-height:380px}}@media screen and (min-width: 960px){.styles_StageLong__3DaPY{background-image:var(--backgroundimage-l);background-size:1080px 412px;border-radius:2.25rem;min-height:412px}}@media screen and (min-width: 1080px){.styles_StageLong__3DaPY{background-size:1280px 489px;min-height:489px}}@media screen and (min-width: 1280px){.styles_StageLong__3DaPY{background-size:1440px 550px;border-radius:2.25rem;min-height:550px}}@media screen and (min-width: 1480px){.styles_StageLong__3DaPY{margin:0 auto 1.5625rem !important}}.styles_StageLong__video-container__3tVxZ{left:50%;margin:0 auto;max-width:1440px;overflow:clip;position:absolute;top:0;transform:translateX(-50%)}@media screen and (min-width: 960px){.styles_StageLong__video-container__3tVxZ{left:0;transform:translateX(0)}}.styles_StageLong__playButton__3h69A{bottom:5px;position:absolute;right:10px;z-index:11}@media screen and (min-width: 360px){.styles_StageLong__playButton__3h69A{bottom:20px;right:20px}}.styles_StageLong__playButton__3h69A [class*=Button__round__]{height:2.125rem !important;min-height:2.125rem !important;padding:0 !important;width:2.125rem !important}.styles_StageLong__textwrapper-title__15E9Y{color:#fff;height:100%;line-height:1;position:relative;width:100%}.styles_StageLong__textwrapper-title-top__2H_kY{bottom:61%;display:block;font-size:18px;font-style:italic;font-weight:900;line-height:1.125;padding-left:2%;position:absolute;text-transform:uppercase;transform:translateY(-50%)}@media screen and (min-width: 960px){.styles_StageLong__textwrapper-title-top__2H_kY{bottom:57%;font-size:42px}}.styles_StageLong__textwrapper-title-unlimited__K7nYb{opacity:0;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.styles_StageLong__textwrapper-title-bottom__14bpn{display:block;font-size:.9375rem;font-style:italic;font-weight:700;line-height:1.125rem;position:absolute;top:74%;transform:translateY(-50%)}@media screen and (min-width: 960px){.styles_StageLong__textwrapper-title-bottom__14bpn{font-size:1.5rem;line-height:1.5rem;top:72%}}@media screen and (min-width: 1080px){.styles_StageLong__textwrapper-title-bottom__14bpn{top:68%}}@media screen and (min-width: 1280px){.styles_StageLong__textwrapper-title-bottom__14bpn{top:66%}}.styles_StageLong__textwrapper__1gZ0Z{bottom:0;display:block;height:177px;left:50%;position:absolute;transform:translateX(-50%);width:245px}@media screen and (min-width: 360px){.styles_StageLong__textwrapper__1gZ0Z{height:235px;width:324px}}@media screen and (min-width: 960px){.styles_StageLong__textwrapper__1gZ0Z{bottom:auto;height:364px;left:3.6%;padding-right:10%;top:50%;transform:translate(0, -50%);width:590px}}@media screen and (min-width: 1080px){.styles_StageLong__textwrapper__1gZ0Z{height:432px;width:700px}}@media screen and (min-width: 1280px){.styles_StageLong__textwrapper__1gZ0Z{height:487px;width:865px}}@media screen and (min-width: 1480px){.styles_StageLong__textwrapper__1gZ0Z{height:487px;width:786px}}.styles_StageLong__video__xXJKB,.styles_StageLong__logo__1cRni{max-width:none;width:720px}@media screen and (min-width: 360px){.styles_StageLong__video__xXJKB,.styles_StageLong__logo__1cRni{width:960px}}@media screen and (min-width: 960px){.styles_StageLong__video__xXJKB,.styles_StageLong__logo__1cRni{width:1080px}}@media screen and (min-width: 1080px){.styles_StageLong__video__xXJKB,.styles_StageLong__logo__1cRni{width:1280px}}@media screen and (min-width: 1280px){.styles_StageLong__video__xXJKB,.styles_StageLong__logo__1cRni{width:1440px}}.styles_StageLong__logo__1cRni{left:50%;position:absolute;top:50%;transform:translate(-50%, -50%)}.styles_StageLong__wrapper__JC4wb{color:#fff;display:flex;justify-content:center;margin:0 auto;max-width:692px;padding-top:212px;position:relative;width:100%}@media screen and (min-width: 960px){.styles_StageLong__wrapper__JC4wb{justify-content:flex-start;margin:0;max-width:1140px}}.styles_StageLong__hiddentext__1pVs1{opacity:0;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.styles_StageLong__footnote__3P9_y{animation:styles_animationFootnote__28sbx 450ms cubic-bezier(0.08, 0.42, 0.29, 0.86) 3000ms forwards;left:50%;margin-left:65px;opacity:0;position:absolute;top:212px;transform:translateX(-50%)}@media screen and (min-width: 360px){.styles_StageLong__footnote__3P9_y{margin-left:85px;top:285px}}@media screen and (min-width: 960px){.styles_StageLong__footnote__3P9_y{left:354px;margin-left:0;top:243px;transform:translateX(0)}}@media screen and (min-width: 1080px){.styles_StageLong__footnote__3P9_y{left:425px;top:137%}}@media screen and (min-width: 1280px){.styles_StageLong__footnote__3P9_y{left:480px;top:154%}}.styles_StageLongBadge__2V5GT{animation:styles_animationBadge__yoBCY 450ms cubic-bezier(0.08, 0.42, 0.29, 0.86) 2633ms forwards;left:50%;margin-left:30px;opacity:0;position:absolute;top:60px;transform:translateX(-50%);z-index:1}@media screen and (min-width: 360px){.styles_StageLongBadge__2V5GT{margin-left:64px;top:110px}}@media screen and (min-width: 640px){.styles_StageLongBadge__2V5GT{margin-left:170px;top:170px}}@media screen and (min-width: 960px){.styles_StageLongBadge__2V5GT{left:0;margin-left:500px;top:192px;transform:translateX(0)}}@media screen and (min-width: 1080px){.styles_StageLongBadge__2V5GT{margin-left:584px;top:80px}}@media screen and (min-width: 1280px){.styles_StageLongBadge__2V5GT{margin-left:675px}}@media screen and (max-width: 639px){.styles_StageLongBadge--stage-kaugummi__3u7RG{margin-left:24px;top:130px}}@media screen and (max-width: 359px){.styles_StageLongBadge--stage-kaugummi__3u7RG{margin-left:-7px;top:80px}}.styles_StageLongBadge--hidden__1zybU{display:none}.styles_StageLongBadge__footnote__3WgOQ{display:inline-block;font-size:21px;line-height:1;vertical-align:top}@media screen and (min-width: 960px){.styles_StageLongBadge__footnote__3WgOQ{font-size:28px}}
.styles_badge__2s7t-{align-items:center;aspect-ratio:1/1;background-color:#53baf2;border-radius:50%;box-sizing:border-box;color:#000;display:inline-flex;flex-direction:column;font-size:.8125rem;font-style:italic;height:fit-content;justify-content:center;line-height:1;min-height:102px;min-width:102px;padding:16px;text-align:center}@media screen and (min-width: 960px){.styles_badge__2s7t-{font-size:1.3125rem;min-height:9.5625rem;min-width:9.5625rem;padding:14px}}.styles_price__2xupS{font-size:1.625rem;font-weight:800;line-height:1;white-space:nowrap}@media screen and (min-width: 960px){.styles_price__2xupS{font-size:2.5625rem}}.styles_text__3A1KD{font-weight:800;line-height:1}.styles_footnote__3io3B{bottom:0;font-size:.8125rem;font-weight:400;left:-999999px;line-height:1;position:absolute;text-align:center}
.styles_StageShort__1iFCC{background-color:#e20074;background-image:var(--backgroundimage-s);background-position:center top;background-repeat:no-repeat;background-size:768px 300px;border-radius:1.125rem;margin:0 .75rem !important;min-height:300px;overflow:clip;padding-top:0 !important;position:relative;margin:0 auto;max-width:90rem;padding-bottom:var(--spacing-layout-2);padding-left:var(--spacing-component-4);padding-right:var(--spacing-component-4);padding-top:var(--spacing-layout-2)}@media screen and (min-width: 768px){.styles_StageShort__1iFCC{padding-bottom:var(--spacing-layout-2);padding-left:var(--spacing-component-7);padding-right:var(--spacing-component-7);padding-top:var(--spacing-layout-5)}}@media screen and (min-width: 768px){.styles_StageShort__1iFCC{background-image:var(--backgroundimage-l);background-size:1440px 275px;border-radius:2.25rem;min-height:275px}}@media screen and (min-width: 1464px){.styles_StageShort__1iFCC{margin:0 auto !important}}.styles_StageShort__wrapper__ohAzk{color:#fff;display:flex;justify-content:flex-start;margin:0 auto;max-width:71.25rem;padding-top:8rem;width:100%}@media screen and (min-width: 768px){.styles_StageShort__wrapper__ohAzk{justify-content:flex-start;padding-top:8.25rem}}.styles_StageShort__mainline__2y_v_{color:#fff;font-size:2rem;font-style:italic;font-weight:900;line-height:1;opacity:0;text-transform:uppercase}@media screen and (min-width: 768px){.styles_StageShort__mainline__2y_v_{font-size:5rem}}.styles_StageShort__unlimited__48uH-{aspect-ratio:1134/640;background-image:url(https://www.telekom.de/resources/images/1218790/unlimited.png);background-repeat:no-repeat;background-size:contain;display:block;height:auto;left:-1.5rem;position:absolute;top:50%;transform:translateY(-50%);width:270px}@media screen and (min-width: 768px){.styles_StageShort__unlimited__48uH-{width:405px}}@media screen and (min-width: 1040px){.styles_StageShort__unlimited__48uH-{left:-1.5rem;width:567px}}@media screen and (min-width: 1440px){.styles_StageShort__unlimited__48uH-{left:7.5rem}}.styles_StageShortBadge__67-HR{position:absolute;right:-1.5rem;top:6rem}@media screen and (min-width: 768px){.styles_StageShortBadge__67-HR{right:-5.5rem;top:6rem}}@media screen and (min-width: 1040px){.styles_StageShortBadge__67-HR{right:-5.5rem;top:8.5rem}}@media screen and (min-width: 960px){.styles_StageShortBadge__footnote__2ykKf{left:4px;position:relative;top:-6px}}.styles_StageShortBadge__inner__2TIAK{font-size:.8387rem;font-style:italic;height:5.75rem;line-height:1;width:5.75rem}@media screen and (min-width: 768px){.styles_StageShortBadge__inner__2TIAK{font-size:1.3125rem;height:9rem;width:9rem}}.styles_StageShortBadge__price__3J1RM{font-size:26.1904px}@media screen and (min-width: 960px){.styles_StageShortBadge__price__3J1RM{font-size:41px}}@media screen and (max-width: 767px){.styles_StageShortBadge__price__3J1RM{font-size:20px}}
.styles_StagePlaceholder__N4-4E{background-color:#fff;margin:0 .75rem !important;min-height:284px;overflow:clip;padding-top:0 !important;position:relative;margin:0 auto;max-width:1440px;padding-bottom:var(--spacing-layout-2);padding-left:var(--spacing-component-4);padding-right:var(--spacing-component-4);padding-top:var(--spacing-layout-2)}@media screen and (min-width: 768px){.styles_StagePlaceholder__N4-4E{padding-bottom:var(--spacing-layout-2);padding-left:var(--spacing-component-7);padding-right:var(--spacing-component-7);padding-top:var(--spacing-layout-5)}}@media screen and (min-width: 360px){.styles_StagePlaceholder__N4-4E{min-height:380px}}@media screen and (min-width: 960px){.styles_StagePlaceholder__N4-4E{min-height:412px}}@media screen and (min-width: 1100px){.styles_StagePlaceholder__N4-4E{min-height:489px}}@media screen and (min-width: 1280px){.styles_StagePlaceholder__N4-4E{min-height:550px}}@media screen and (min-width: 1944px){.styles_StagePlaceholder__N4-4E{margin:0 auto !important}}
.styles_TariffComparison__2vr3M{padding:.25rem .75rem 1.5rem;text-align:center}@media screen and (min-width: 1040px){.styles_TariffComparison__2vr3M{padding:0 1.5rem 2.5rem}}.styles_TariffComparison__button__1xcLk{background-color:rgba(0,0,0,0);border:0 none;color:#00739f;font-size:.875rem;margin:1.0625rem auto;text-decoration-line:underline !important;text-decoration-thickness:.0625rem}@media screen and (min-width: 1040px){.styles_TariffComparison__button__1xcLk{margin:1.4375rem auto}}.styles_TariffComparison__button__1xcLk:hover{text-decoration-line:underline;text-decoration-thickness:.125rem !important}.styles_TariffComparison__button__1xcLk:focus{outline:.125rem solid #00739f}.styles_TariffComparison__content__1uXL8{background-color:#fff;margin:0 auto;max-width:74.5rem;opacity:1;padding-bottom:var(--spacing-component-7);padding-top:var(--spacing-component-8);transition:opacity .2s ease-out,max-height .2s ease-out}@media screen and (min-width: 1040px){.styles_TariffComparison__content__1uXL8{padding-bottom:var(--spacing-component-1);padding-top:var(--spacing-component-10)}}.styles_TariffComparison__content--hidden__3HMlD{border-width:0;clip:rect(0, 0, 0, 0);height:1px;margin:-1px;opacity:0;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.styles_TariffComparisonTable__3Cy_w{position:relative;width:93rem}.styles_TariffComparisonTable__colHeader__f-Vhn{font-size:1rem;font-weight:700}.styles_TariffComparisonTable__categories__2baF4{left:0;position:absolute;top:6.1875rem;width:100%}@media screen and (min-width: 768px){.styles_TariffComparisonTable__categories__2baF4{top:6.1875rem}}@media screen and (min-width: 1040px){.styles_TariffComparisonTable__categories__2baF4{top:6.75rem}}.styles_TariffComparisonTable__categoryTop__1HKov{align-items:center;align-items:flex-start;border-bottom:.0625rem solid #ddd;box-sizing:border-box;display:flex;flex-direction:column;font-size:16px;font-weight:700;height:72px;justify-content:center;line-height:22px;width:122px}@media screen and (min-width: 30rem){.styles_TariffComparisonTable__categoryTop__1HKov{width:200px}}@media screen and (min-width: 40rem){.styles_TariffComparisonTable__categoryTop__1HKov{align-items:center;flex-direction:row;justify-content:flex-start;width:340px}}.styles_TariffComparisonTable__datavolume__13cWU{font-size:1.25rem;font-weight:700}.styles_TariffComparisonTable__unlimited__23Nzy{color:#e20074;font-size:1.25rem;font-weight:700}.styles_TariffComparisonTable__mainprice__1tWiQ{color:#e20074;font-size:24px;font-weight:700;line-height:27.4304px}@media screen and (min-width: 40rem){.styles_TariffComparisonTable__mainprice__1tWiQ{font-size:32px;line-height:36px}}.styles_TariffComparisonTable__secondaryprice__3VnkS{font-size:1.25rem;font-weight:700}.styles_TariffComparisonTable__3Cy_w .styles_TariffComparisonTable__toggle__4z9M-{align-items:center;box-sizing:border-box;display:flex;font-size:12px;height:100%;justify-content:space-between;line-height:13.5008px;margin-left:.0625rem;padding-left:.25rem;text-align:left;width:100%}@media screen and (min-width: 40rem){.styles_TariffComparisonTable__3Cy_w .styles_TariffComparisonTable__toggle__4z9M-{font-size:15px;line-height:18px}}.styles_TariffComparisonTable__3Cy_w .styles_TariffComparisonTable__toggle__4z9M-:focus{outline:1px solid #00739f !important;outline-offset:0}.styles_TariffComparisonTable__slider__3Adin{box-sizing:border-box;display:flex;margin-left:calc(122px + .75rem);position:relative;width:calc(100% - 122px - .75rem)}@media screen and (min-width: 30rem){.styles_TariffComparisonTable__slider__3Adin{margin-left:calc(200px + .75rem);width:calc(100% - 200px - .75rem)}}@media screen and (min-width: 40rem){.styles_TariffComparisonTable__slider__3Adin{margin-left:calc(340px + .75rem);width:calc(100% - 340px - .75rem)}}.styles_TariffComparisonTable__sliderItemWrapper__15i6e{align-items:center;border-bottom:.0625rem solid #dfdfdf;display:flex;font-size:20px;font-weight:700;justify-content:center;line-height:20px;min-height:72px;overflow:clip;position:relative}.styles_TariffComparisonTable__sliderItem__2ZwXl{align-items:center;border:.0625rem solid #fff;box-sizing:border-box;display:flex;flex-direction:column;height:72px;justify-content:center}.styles_TariffComparisonTable__sliderItem--header__3EAPT{height:5.375rem;margin-bottom:.3125rem}@media screen and (min-width: 768px){.styles_TariffComparisonTable__sliderItem--header__3EAPT{height:5.375rem}}.styles_TariffComparisonTable__slide__36Cvp{text-align:center;width:100%}.styles_TariffComparisonTable__headerTitle__2E3kP{font-size:1rem;font-weight:700;padding:.625rem 0}@media screen and (min-width: 1040px){.styles_TariffComparisonTable__headerTitle__2E3kP{padding:1.25rem 1.875rem 1.25rem 0}}.styles_TariffComparisonTable__tarifftitle__1jWWo{color:#000;font-size:32px;font-weight:700;text-transform:uppercase}.styles_TariffComparisonTable__wrapper__3GIO2{box-sizing:border-box;display:flex;margin:0 auto;max-width:74.5rem;overflow:clip;padding-top:.5rem;position:relative}@media screen and (min-width: 1040px){.styles_TariffComparisonTable__wrapper__3GIO2{padding-top:1.0625rem}}.styles_TariffComparisonTable__buttons__1fJdV{display:flex;justify-content:space-between;left:0;position:absolute;top:1.75rem;width:6.25rem}@media screen and (min-width: 1040px){.styles_TariffComparisonTable__buttons__1fJdV{display:none}}.styles_TariffComparisonTable__scrollbar__2eZVL{max-width:100% !important}.styles_TariffComparisonTable__srOnly__3Lwm4{clip:rect(1px, 1px, 1px, 1px);height:1px;left:-9999px;overflow:hidden;position:absolute;top:0;white-space:nowrap;width:1px}
.ComparisonTable__wrapper___KBtdH { -webkit-hyphens: auto; hyphens: auto; --background-color: white; background-color: var(--background-color); cursor: grab; margin-bottom: 0.75rem; margin-top: 0.75rem; overflow: visible; position: relative; width: 100%; --l-width: 996px; --s-width: 100vw; } @media (min-width: 40em) { .ComparisonTable__wrapper___KBtdH { margin-bottom: 0.75rem; margin-top: 0.75rem; } } @media (min-width: 64em) { .ComparisonTable__wrapper___KBtdH { margin-bottom: 1.5rem; margin-top: 1.5rem; } } @media (min-width: 62.25em) { .ComparisonTable__wrapper___KBtdH::after { background: var(--background-color); content: ""; display: none; height: 100%; position: absolute; right: 0; top: 0; width: calc(1.5rem + max((100vw - 996px) / 2, 0px)); z-index: 1; } } .ComparisonTable__headline___1-gPv + .ComparisonTable__wrapper___KBtdH { margin-top: 2.625rem; } @media (min-width: 40em) { .ComparisonTable__headline___1-gPv + .ComparisonTable__wrapper___KBtdH { margin-top: 3.375rem; } } @media (min-width: 64em) { .ComparisonTable__headline___1-gPv + .ComparisonTable__wrapper___KBtdH { margin-top: 4.125rem; } } .ComparisonTable__scroller___tctGR { box-sizing: border-box; margin: 0 auto; max-width: var(-l-width); -ms-overflow-style: none; overflow-x: auto; overflow-y: hidden; padding: 0rem 0.75rem; scrollbar-width: none; width: 100%; } .ComparisonTable__scroller___tctGR::-webkit-scrollbar { display: none; } .ComparisonTable__scroller___tctGR:focus { outline: 0; } @media (min-width: 40em) { .ComparisonTable__scroller___tctGR { padding: 0rem 1.5rem; } } @media (min-width: 62.25em) { .ComparisonTable__scroller___tctGR { box-sizing: content-box; max-width: calc(var(--l-width) - 3rem); overflow: hidden; } } .ComparisonTable__scroller___tctGR > * { box-sizing: border-box; } .ComparisonTable__table___3J802 { font-family: "TeleNeo", sans-serif; font-size: 1.125rem; font-weight: 400; line-height: 1.5rem; margin: 0; position: relative; } .ComparisonTable__table___3J802 > * { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .ComparisonTable__table___3J802 td, .ComparisonTable__table___3J802 th { background-clip: content-box; padding-left: 0; padding-right: 0.75rem; } @media (min-width: 40em) { .ComparisonTable__table___3J802 td, .ComparisonTable__table___3J802 th { padding-right: 1.5rem; } } .ComparisonTable__row-header___nYk3E { text-align: left; } .ComparisonTable__row-header___nYk3E .ComparisonTable__fixed___NLogT { font-weight: 800; left: 0; position: sticky; text-align: left; } .ComparisonTable__row-header-subline___8K4Z0 { font-size: 0.9375rem; font-weight: 400; line-height: 1.125rem; } .ComparisonTable__row-header___nYk3E td, .ComparisonTable__row-header___nYk3E th { border-bottom: 1px solid #dcdcdc; font-size: 0.9375rem; line-height: 1.0625rem; padding-bottom: 0.375rem; padding-top: 2.25rem; } @media (min-width: 40em) { .ComparisonTable__row-header___nYk3E td, .ComparisonTable__row-header___nYk3E th { font-size: 1.125rem; line-height: 1.3125rem; } } table.ComparisonTable__table___3J802 { border-collapse: collapse !important; empty-cells: show; width: 100%; } .ComparisonTable__head-col-header___IMBoy { font-weight: 800; } .ComparisonTable__head-col-header--big___Ovf-B { font-size: 1.125rem; line-height: 1.3125rem; } @media (min-width: 40em) { .ComparisonTable__head-col-header--big___Ovf-B { font-size: 1.5rem; line-height: 1.8125rem; } } .ComparisonTable__head-col-header--small___PyfTQ { font-size: 1.125rem; line-height: 1.5625rem; } @media (min-width: 40em) { .ComparisonTable__head-col-header--small___PyfTQ { font-size: 1.3125rem; } } .ComparisonTable__head-col-header--left-align-center___mT9F9 { max-width: 9.375rem; padding-left: 1.875rem; text-align: left; } .ComparisonTable__head-col-header--center-align-left___0c4Au { max-width: 8.82375rem; } @media (min-width: 40em) { .ComparisonTable__head-col-header--center-align-left___0c4Au { position: relative; } } .ComparisonTable__table___3J802:not(.ComparisonTable__with-col-header___txQje) { background: transparent; } .ComparisonTable__table___3J802:not(.ComparisonTable__with-col-header___txQje) td, .ComparisonTable__table___3J802:not(.ComparisonTable__with-col-header___txQje) th { vertical-align: top; } .ComparisonTable__table___3J802:not(.ComparisonTable__with-col-header___txQje) .ComparisonTable__head-col-header___IMBoy { padding-bottom: 1.5rem; } @media (min-width: 40em) { .ComparisonTable__table___3J802:not(.ComparisonTable__with-col-header___txQje) .ComparisonTable__head-col-header___IMBoy { padding-bottom: 2.25rem; } } .ComparisonTable__table___3J802:not(.ComparisonTable__with-col-header___txQje) .ComparisonTable__head-col-header--small___PyfTQ { padding-bottom: 0; } @media (min-width: 40em) { .ComparisonTable__table___3J802:not(.ComparisonTable__with-col-header___txQje) .ComparisonTable__head-col-header--small___PyfTQ { padding-bottom: 0.25rem; } } .ComparisonTable__table___3J802.ComparisonTable__with-col-header___txQje tbody td, .ComparisonTable__table___3J802.ComparisonTable__with-col-header___txQje tbody th { border-bottom: 1px solid #dcdcdc; border-top: 1px solid #dcdcdc; padding-bottom: 0.75rem; padding-top: 0.75rem; vertical-align: middle !important; } @media (min-width: 40em) { .ComparisonTable__table___3J802.ComparisonTable__with-col-header___txQje tbody td, .ComparisonTable__table___3J802.ComparisonTable__with-col-header___txQje tbody th { padding-bottom: 0.75rem; padding-top: 0.75rem; } } .ComparisonTable__table___3J802.ComparisonTable__with-col-header___txQje tbody tr:last-child td, .ComparisonTable__table___3J802.ComparisonTable__with-col-header___txQje tbody tr:last-child th { border-bottom: 0; } .ComparisonTable__table___3J802.ComparisonTable__with-col-header___txQje .ComparisonTable__head-col-header___IMBoy { padding-bottom: 2.25rem; } @media (min-width: 40em) { .ComparisonTable__table___3J802.ComparisonTable__with-col-header___txQje .ComparisonTable__head-col-header___IMBoy { padding-bottom: 3rem; } } .ComparisonTable__table___3J802.ComparisonTable__with-col-header___txQje .ComparisonTable__head-col-header--small___PyfTQ { padding-bottom: 1.875rem; } @media (min-width: 40em) { .ComparisonTable__table___3J802.ComparisonTable__with-col-header___txQje .ComparisonTable__head-col-header--small___PyfTQ { padding-bottom: 2.625rem; } } .ComparisonTable__col-header___-Vgv8 { background-clip: content-box; background-color: var(--background-color); box-sizing: border-box; left: 0; position: sticky; text-align: left; } .ComparisonTable__col-header___-Vgv8 .ComparisonTable__sticky-background-cover___lMu-C { align-items: center; background: var(--background-color); display: inline-flex; height: 98%; justify-content: flex-start; position: relative; width: 100%; } .ComparisonTable__col-header___-Vgv8 .ComparisonTable__sticky-background-cover___lMu-C::before { background: var(--background-color); content: ""; height: 98%; left: -3rem; position: absolute; width: 3rem; } .ComparisonTable__col-header--primary___aCFEf { font-size: 0.9375rem; font-weight: 800; line-height: 1.0625rem; } @media (min-width: 40em) { .ComparisonTable__col-header--primary___aCFEf { font-size: 1.125rem; line-height: 1.3125rem; } } .ComparisonTable__col-header--secondary___Luwio { font-size: 0.8125rem; font-weight: 700; line-height: 0.9375rem; padding-left: 1.125rem !important; } @media (min-width: 40em) { .ComparisonTable__col-header--secondary___Luwio { font-size: 0.9375rem; line-height: 1.125rem; } } .ComparisonTable__row___LET4t { background: transparent; } .ComparisonTable__row___LET4t .ComparisonTable__col___53-4X { font-size: 0.9375rem; line-height: 1.125rem; padding-top: 0.375rem; } .ComparisonTable__row___LET4t .ComparisonTable__col___53-4X > a { height: auto; } @media (min-width: 40em) { .ComparisonTable__row___LET4t .ComparisonTable__col___53-4X { font-size: 1.125rem; line-height: 1.3125rem; padding-top: 0.75rem; } } .ComparisonTable__row___LET4t .ComparisonTable__col--centered___ZgrLb { text-align: center; } .ComparisonTable__show-more___94xhl { margin-top: 1.5rem; } @media (min-width: 64em) { .ComparisonTable__show-more___94xhl { display: none; } } .ComparisonTable__show-more-button___lgV3I { align-items: center; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #f8f8f8; border: 0; color: #00739f; cursor: pointer; display: inline-flex; font-family: inherit; font-size: 100%; height: 3rem; justify-content: center; margin: 0; padding: 0; width: 100%; font-family: "TeleNeo", sans-serif; font-size: 1.125rem; font-weight: 400; line-height: 1.5rem; margin: 0; } .ComparisonTable__show-more-button___lgV3I:focus-visible, .ComparisonTable__show-more-button___lgV3I.force-focus-visible { --focus-pseudo-padding: var(
    --focus-outline-offset,
    0.375rem
  ); outline: none; position: relative; } .ComparisonTable__show-more-button___lgV3I:focus-visible::after, .ComparisonTable__show-more-button___lgV3I.force-focus-visible::after { --focus-outline-offset: 0; border-radius: var(--focus-outline-radius, 0.1875rem); outline-color: var(--focus-outline-color-light, #000) !important; outline-offset: var(--focus-outline-offset, 0.25rem) !important; outline-style: var(--focus-outline-style, solid) !important; outline-width: var(--focus-outline-width, 0.125rem) !important; border-radius: var(--focus-outline-radius, 0.1875rem); content: " "; height: calc(100% + 2 * var(--focus-pseudo-padding)); left: calc(-1 * var(--focus-pseudo-padding)); pointer-events: none; position: absolute; top: calc(-1 * var(--focus-pseudo-padding)); width: calc(100% + 2 * var(--focus-pseudo-padding)); z-index: var(--focus-pseudo-z-index, 1); } .ComparisonTable__show-more-button___lgV3I:has(:focus-visible), .ComparisonTable__show-more-button___lgV3I:has(.force-focus-visible) { --focus-pseudo-padding: var(
    --focus-outline-offset,
    0.375rem
  ); outline: none; position: relative; } .ComparisonTable__show-more-button___lgV3I:has(:focus-visible)::after, .ComparisonTable__show-more-button___lgV3I:has(.force-focus-visible)::after { --focus-outline-offset: 0; border-radius: var(--focus-outline-radius, 0.1875rem); outline-color: var(--focus-outline-color-light, #000) !important; outline-offset: var(--focus-outline-offset, 0.25rem) !important; outline-style: var(--focus-outline-style, solid) !important; outline-width: var(--focus-outline-width, 0.125rem) !important; border-radius: var(--focus-outline-radius, 0.1875rem); content: " "; height: calc(100% + 2 * var(--focus-pseudo-padding)); left: calc(-1 * var(--focus-pseudo-padding)); pointer-events: none; position: absolute; top: calc(-1 * var(--focus-pseudo-padding)); width: calc(100% + 2 * var(--focus-pseudo-padding)); z-index: var(--focus-pseudo-z-index, 1); } .ComparisonTable__show-more-button___lgV3I:hover { background-color: #ededed; } .ComparisonTable__show-more-button-icon___JHq0Z { display: inline-block; height: 1.125rem; padding-left: 0.3125rem; width: 1.125rem; } .ComparisonTable__show-more-portal___BpGnP { padding: 0rem 0.75rem; } @media (min-width: 40em) { .ComparisonTable__show-more-portal___BpGnP { padding: 0rem 1.5rem; } } .ComparisonTable__feature-boolean___v65YN { color: #262626; display: inline-block; height: 1.5rem; width: 1.5rem; } @media (min-width: 40em) { .ComparisonTable__feature-boolean___v65YN { height: 1.875rem; width: 1.875rem; } } .ComparisonTable__feature-boolean--green___a3fdf { color: #46a800; } .ComparisonTable__color___aYJm- { border: 1px solid; border-radius: 50%; display: inline-block; height: 1.25rem; width: 1.25rem; } @media (min-width: 64em) { .ComparisonTable__color___aYJm- { height: 1.5rem; width: 1.5rem; } } .ComparisonTable__color___aYJm-:not(:first-child) { margin-left: 0.5rem; } @media (min-width: 64em) { .ComparisonTable__color___aYJm-:not(:first-child) { margin-left: 0.75rem; } } .ComparisonTable__slider-button-wrapper___qroJQ { --slider-button-outline-offset: 0.5rem; position: absolute; top: var(--slider-button-outline-offset); z-index: 1; } .ComparisonTable__slider-button-wrapper--left___5CkQs { left: 0; } @media (min-width: 64em) { .ComparisonTable__slider-button-wrapper--left___5CkQs { left: 0; } } .ComparisonTable__slider-button-wrapper--left___5CkQs.ComparisonTable__slider-button--position-product-hero-feature___HErg3 { left: -0.25rem; } @media (min-width: 40em) { .ComparisonTable__slider-button-wrapper--left___5CkQs.ComparisonTable__slider-button--position-product-hero-feature___HErg3 { left: 0; } } .ComparisonTable__slider-button-wrapper--right___wu-eh { right: 0; } @media (min-width: 64em) { .ComparisonTable__slider-button-wrapper--right___wu-eh { right: 0; } } .ComparisonTable__slider-button-wrapper--position-hardware___b1IIR { top: 3rem; } @media (min-width: 64em) { .ComparisonTable__slider-button-wrapper--position-hardware___b1IIR { top: var(--slider-button-outline-offset); } } .ComparisonTable__slider-button-wrapper--position-hardware-dense___4VtfI { top: calc(var(--slider-button-outline-offset) + 0.375rem); } @media (min-width: 40em) { .ComparisonTable__slider-button-wrapper--position-hardware-dense___4VtfI { top: 1.875rem; } } @media (min-width: 64em) { .ComparisonTable__slider-button-wrapper--position-hardware-dense___4VtfI { top: calc(-2.25rem + var(--slider-button-outline-offset)); } } .ComparisonTable__slider-button-wrapper--position-product___yzLmo { top: -0.375rem; } @media (min-width: 40em) { .ComparisonTable__slider-button-wrapper--position-product___yzLmo { top: -0.1875rem; } } @media (min-width: 40em) { .ComparisonTable__slider-button-wrapper--position-product-hero-feature___DBrFc { top: 0.375rem; } } .ComparisonTable__slider-button___mVnmU { align-items: center; background: transparent; border: 0; color: #262626; cursor: pointer; display: inline-flex; justify-content: center; margin: 0; padding: 0; position: relative; transition: opacity 0.3s; width: 1.5rem; } .ComparisonTable__slider-button___mVnmU:focus-visible, .ComparisonTable__slider-button___mVnmU.force-focus-visible { --focus-pseudo-padding: var(
    --focus-outline-offset,
    0.375rem
  ); outline: none; position: relative; --focus-outline-offset: -2px; } .ComparisonTable__slider-button___mVnmU:focus-visible::after, .ComparisonTable__slider-button___mVnmU.force-focus-visible::after { --focus-outline-offset: 0; border-radius: var(--focus-outline-radius, 0.1875rem); outline-color: var(--focus-outline-color-light, #000) !important; outline-offset: var(--focus-outline-offset, 0.25rem) !important; outline-style: var(--focus-outline-style, solid) !important; outline-width: var(--focus-outline-width, 0.125rem) !important; border-radius: var(--focus-outline-radius, 0.1875rem); content: " "; height: calc(100% + 2 * var(--focus-pseudo-padding)); left: calc(-1 * var(--focus-pseudo-padding)); pointer-events: none; position: absolute; top: calc(-1 * var(--focus-pseudo-padding)); width: calc(100% + 2 * var(--focus-pseudo-padding)); z-index: var(--focus-pseudo-z-index, 1); } .ComparisonTable__slider-button___mVnmU:has(:focus-visible), .ComparisonTable__slider-button___mVnmU:has(.force-focus-visible) { --focus-pseudo-padding: var(
    --focus-outline-offset,
    0.375rem
  ); outline: none; position: relative; --focus-outline-offset: -2px; } .ComparisonTable__slider-button___mVnmU:has(:focus-visible)::after, .ComparisonTable__slider-button___mVnmU:has(.force-focus-visible)::after { --focus-outline-offset: 0; border-radius: var(--focus-outline-radius, 0.1875rem); outline-color: var(--focus-outline-color-light, #000) !important; outline-offset: var(--focus-outline-offset, 0.25rem) !important; outline-style: var(--focus-outline-style, solid) !important; outline-width: var(--focus-outline-width, 0.125rem) !important; border-radius: var(--focus-outline-radius, 0.1875rem); content: " "; height: calc(100% + 2 * var(--focus-pseudo-padding)); left: calc(-1 * var(--focus-pseudo-padding)); pointer-events: none; position: absolute; top: calc(-1 * var(--focus-pseudo-padding)); width: calc(100% + 2 * var(--focus-pseudo-padding)); z-index: var(--focus-pseudo-z-index, 1); } .ComparisonTable__slider-button-icon___kFGgv { height: 2.25rem; width: 2.25rem; } @media (min-width: 40em) { .ComparisonTable__slider-button___mVnmU { width: 2.25rem; } } @media (min-width: 64em) { .ComparisonTable__slider-button___mVnmU { background-color: #808080; border-radius: 3px; color: white; height: 14.4375rem; width: 2.25rem; } .ComparisonTable__slider-button___mVnmU:hover, .ComparisonTable__slider-button___mVnmU:focus { background-color: #737373; } } @media (min-width: 64em) { .ComparisonTable__slider-button___mVnmU[aria-disabled=true] { background-color: #e0e0e0; } } .ComparisonTable__slider-button___mVnmU[aria-disabled=true] .ComparisonTable__slider-button-icon___kFGgv { opacity: 0.5; } .ComparisonTable__image___0jotH { display: block; margin: 0 auto; margin-bottom: 0.5625rem; max-width: 6.75rem; pointer-events: none; width: 100%; } @media (min-width: 64em) { .ComparisonTable__image___0jotH { max-width: 8.25rem; } } .ComparisonTable__collapse-until-l___85Ao- { visibility: visible; } @media (max-width: 63.99em) { .ComparisonTable__collapse-until-l___85Ao- { visibility: collapse; } } .ComparisonTable__blank-cell___cIQrU { background: var(--background-color); background-clip: content-box; bottom: 1px; left: 0; position: absolute; right: 0; top: 1px; } .ComparisonTable__blank-cell___cIQrU::before { background: var(--background-color); content: ""; height: 100%; left: -3rem; position: absolute; top: 0; width: 3rem; } .ComparisonTable__blank-corner-cell___t-EyA { background: var(--background-color); background-clip: content-box; border-bottom: 1px solid #dcdcdc; left: 0; position: sticky; } @media (min-width: 40em) { .ComparisonTable__blank-corner-cell___t-EyA { left: -2.5rem; } } .ComparisonTable__blank-corner-cell___t-EyA::before { background: var(--background-color); content: ""; height: 100%; left: -3rem; position: absolute; top: 0; width: 3rem; } @media (max-width: 39.99em) { .ComparisonTable__col-spacing-s-1___qWBSQ td, .ComparisonTable__col-spacing-s-1___qWBSQ th { max-width: calc((100vw - (1 + 1) * 0.75rem) / 1); min-width: calc((100vw - (1 + 1) * 0.75rem) / 1); width: calc((100vw - (1 + 1) * 0.75rem) / 1); } } @media (min-width: 40em) and (max-width: 62.1875em) { .ComparisonTable__col-spacing-m-1___cPlTO td, .ComparisonTable__col-spacing-m-1___cPlTO th { max-width: calc((100vw - (1 + 1) * 1.5rem) / 1); min-width: calc((100vw - (1 + 1) * 1.5rem) / 1); width: calc((100vw - (1 + 1) * 1.5rem) / 1); } } @media (min-width: 62.25em) and (max-width: 63.99em) { .ComparisonTable__col-spacing-m-1___cPlTO td, .ComparisonTable__col-spacing-m-1___cPlTO th { max-width: calc((var(--l-width) - (1 + 1) * 1.5rem) / 1); min-width: calc((var(--l-width) - (1 + 1) * 1.5rem) / 1); width: calc((var(--l-width) - (1 + 1) * 1.5rem) / 1); } } @media (min-width: 64em) and (max-width: 83.99em) { .ComparisonTable__col-spacing-l-1___C8EgS td, .ComparisonTable__col-spacing-l-1___C8EgS th { max-width: calc((var(--l-width) - (1 + 1) * 1.5rem) / 1); min-width: calc((var(--l-width) - (1 + 1) * 1.5rem) / 1); width: calc((var(--l-width) - (1 + 1) * 1.5rem) / 1); } } @media (min-width: 84em) { .ComparisonTable__col-spacing-xl-1___7hlXe td, .ComparisonTable__col-spacing-xl-1___7hlXe th { max-width: calc((var(--l-width) - (1 + 1) * 1.5rem) / 1); min-width: calc((var(--l-width) - (1 + 1) * 1.5rem) / 1); width: calc((var(--l-width) - (1 + 1) * 1.5rem) / 1); } } @media (max-width: 39.99em) { .ComparisonTable__col-spacing-s-2___BEpax td, .ComparisonTable__col-spacing-s-2___BEpax th { max-width: calc((100vw - (2 + 1) * 0.75rem) / 2); min-width: calc((100vw - (2 + 1) * 0.75rem) / 2); width: calc((100vw - (2 + 1) * 0.75rem) / 2); } } @media (min-width: 40em) and (max-width: 62.1875em) { .ComparisonTable__col-spacing-m-2___TynzQ td, .ComparisonTable__col-spacing-m-2___TynzQ th { max-width: calc((100vw - (2 + 1) * 1.5rem) / 2); min-width: calc((100vw - (2 + 1) * 1.5rem) / 2); width: calc((100vw - (2 + 1) * 1.5rem) / 2); } } @media (min-width: 62.25em) and (max-width: 63.99em) { .ComparisonTable__col-spacing-m-2___TynzQ td, .ComparisonTable__col-spacing-m-2___TynzQ th { max-width: calc((var(--l-width) - (2 + 1) * 1.5rem) / 2); min-width: calc((var(--l-width) - (2 + 1) * 1.5rem) / 2); width: calc((var(--l-width) - (2 + 1) * 1.5rem) / 2); } } @media (min-width: 64em) and (max-width: 83.99em) { .ComparisonTable__col-spacing-l-2___spAzN td, .ComparisonTable__col-spacing-l-2___spAzN th { max-width: calc((var(--l-width) - (2 + 1) * 1.5rem) / 2); min-width: calc((var(--l-width) - (2 + 1) * 1.5rem) / 2); width: calc((var(--l-width) - (2 + 1) * 1.5rem) / 2); } } @media (min-width: 84em) { .ComparisonTable__col-spacing-xl-2___yLjz2 td, .ComparisonTable__col-spacing-xl-2___yLjz2 th { max-width: calc((var(--l-width) - (2 + 1) * 1.5rem) / 2); min-width: calc((var(--l-width) - (2 + 1) * 1.5rem) / 2); width: calc((var(--l-width) - (2 + 1) * 1.5rem) / 2); } } @media (max-width: 39.99em) { .ComparisonTable__col-spacing-s-3___Zmo-Y td, .ComparisonTable__col-spacing-s-3___Zmo-Y th { max-width: calc((100vw - (3 + 1) * 0.75rem) / 3); min-width: calc((100vw - (3 + 1) * 0.75rem) / 3); width: calc((100vw - (3 + 1) * 0.75rem) / 3); } } @media (min-width: 40em) and (max-width: 62.1875em) { .ComparisonTable__col-spacing-m-3___t6aGa td, .ComparisonTable__col-spacing-m-3___t6aGa th { max-width: calc((100vw - (3 + 1) * 1.5rem) / 3); min-width: calc((100vw - (3 + 1) * 1.5rem) / 3); width: calc((100vw - (3 + 1) * 1.5rem) / 3); } } @media (min-width: 62.25em) and (max-width: 63.99em) { .ComparisonTable__col-spacing-m-3___t6aGa td, .ComparisonTable__col-spacing-m-3___t6aGa th { max-width: calc((var(--l-width) - (3 + 1) * 1.5rem) / 3); min-width: calc((var(--l-width) - (3 + 1) * 1.5rem) / 3); width: calc((var(--l-width) - (3 + 1) * 1.5rem) / 3); } } @media (min-width: 64em) and (max-width: 83.99em) { .ComparisonTable__col-spacing-l-3___1ZZLO td, .ComparisonTable__col-spacing-l-3___1ZZLO th { max-width: calc((var(--l-width) - (3 + 1) * 1.5rem) / 3); min-width: calc((var(--l-width) - (3 + 1) * 1.5rem) / 3); width: calc((var(--l-width) - (3 + 1) * 1.5rem) / 3); } } @media (min-width: 84em) { .ComparisonTable__col-spacing-xl-3___8Uu7F td, .ComparisonTable__col-spacing-xl-3___8Uu7F th { max-width: calc((var(--l-width) - (3 + 1) * 1.5rem) / 3); min-width: calc((var(--l-width) - (3 + 1) * 1.5rem) / 3); width: calc((var(--l-width) - (3 + 1) * 1.5rem) / 3); } } @media (max-width: 39.99em) { .ComparisonTable__col-spacing-s-4___GXSE9 td, .ComparisonTable__col-spacing-s-4___GXSE9 th { max-width: calc((100vw - (4 + 1) * 0.75rem) / 4); min-width: calc((100vw - (4 + 1) * 0.75rem) / 4); width: calc((100vw - (4 + 1) * 0.75rem) / 4); } } @media (min-width: 40em) and (max-width: 62.1875em) { .ComparisonTable__col-spacing-m-4___gHN1G td, .ComparisonTable__col-spacing-m-4___gHN1G th { max-width: calc((100vw - (4 + 1) * 1.5rem) / 4); min-width: calc((100vw - (4 + 1) * 1.5rem) / 4); width: calc((100vw - (4 + 1) * 1.5rem) / 4); } } @media (min-width: 62.25em) and (max-width: 63.99em) { .ComparisonTable__col-spacing-m-4___gHN1G td, .ComparisonTable__col-spacing-m-4___gHN1G th { max-width: calc((var(--l-width) - (4 + 1) * 1.5rem) / 4); min-width: calc((var(--l-width) - (4 + 1) * 1.5rem) / 4); width: calc((var(--l-width) - (4 + 1) * 1.5rem) / 4); } } @media (min-width: 64em) and (max-width: 83.99em) { .ComparisonTable__col-spacing-l-4___dimds td, .ComparisonTable__col-spacing-l-4___dimds th { max-width: calc((var(--l-width) - (4 + 1) * 1.5rem) / 4); min-width: calc((var(--l-width) - (4 + 1) * 1.5rem) / 4); width: calc((var(--l-width) - (4 + 1) * 1.5rem) / 4); } } @media (min-width: 84em) { .ComparisonTable__col-spacing-xl-4___qJyyt td, .ComparisonTable__col-spacing-xl-4___qJyyt th { max-width: calc((var(--l-width) - (4 + 1) * 1.5rem) / 4); min-width: calc((var(--l-width) - (4 + 1) * 1.5rem) / 4); width: calc((var(--l-width) - (4 + 1) * 1.5rem) / 4); } } @media (max-width: 39.99em) { .ComparisonTable__col-spacing-s-5___5I7St td, .ComparisonTable__col-spacing-s-5___5I7St th { max-width: calc((100vw - (5 + 1) * 0.75rem) / 5); min-width: calc((100vw - (5 + 1) * 0.75rem) / 5); width: calc((100vw - (5 + 1) * 0.75rem) / 5); } } @media (min-width: 40em) and (max-width: 62.1875em) { .ComparisonTable__col-spacing-m-5___mjwbx td, .ComparisonTable__col-spacing-m-5___mjwbx th { max-width: calc((100vw - (5 + 1) * 1.5rem) / 5); min-width: calc((100vw - (5 + 1) * 1.5rem) / 5); width: calc((100vw - (5 + 1) * 1.5rem) / 5); } } @media (min-width: 62.25em) and (max-width: 63.99em) { .ComparisonTable__col-spacing-m-5___mjwbx td, .ComparisonTable__col-spacing-m-5___mjwbx th { max-width: calc((var(--l-width) - (5 + 1) * 1.5rem) / 5); min-width: calc((var(--l-width) - (5 + 1) * 1.5rem) / 5); width: calc((var(--l-width) - (5 + 1) * 1.5rem) / 5); } } @media (min-width: 64em) and (max-width: 83.99em) { .ComparisonTable__col-spacing-l-5___dyxQr td, .ComparisonTable__col-spacing-l-5___dyxQr th { max-width: calc((var(--l-width) - (5 + 1) * 1.5rem) / 5); min-width: calc((var(--l-width) - (5 + 1) * 1.5rem) / 5); width: calc((var(--l-width) - (5 + 1) * 1.5rem) / 5); } } @media (min-width: 84em) { .ComparisonTable__col-spacing-xl-5___DUCFl td, .ComparisonTable__col-spacing-xl-5___DUCFl th { max-width: calc((var(--l-width) - (5 + 1) * 1.5rem) / 5); min-width: calc((var(--l-width) - (5 + 1) * 1.5rem) / 5); width: calc((var(--l-width) - (5 + 1) * 1.5rem) / 5); } } .ComparisonTable__headline___1-gPv { font-family: "TeleNeo", sans-serif; font-size: 1.5rem; font-weight: 800; line-height: 1.8125000003rem; margin: 0; --background-color: white; background-color: var(--background-color); box-sizing: border-box; display: block; margin-left: auto; margin-right: auto; margin-top: 2.625rem !important; padding: 0rem 0.75rem; text-align: center; width: 100%; } @media (min-width: 40em) { .ComparisonTable__headline___1-gPv { margin-top: 3.375rem !important; max-width: none; padding: 0rem 1.5rem; } } @media (min-width: 64em) { .ComparisonTable__headline___1-gPv { margin-top: 5.625rem !important; font-family: "TeleNeo", sans-serif; font-size: 2.25rem; font-weight: 800; line-height: 2.25rem; margin: 0; } }