@charset "UTF-8";
:root {
    --color-brand-text-primary: #16764d;
    --color-brand-text-primary-inverted: #fff;
    --color-brand-text-disabled: #889f9b;
    --color-brand-fill-primary: #103e36;
    --color-brand-fill-secondary: #0c0c0c;
    --color-brand-fill-tertiary: #f3f3f2;
    --color-brand-fill-disabled: #889f9b;
    --color-brand-fill-focused: #f3f5f5;
    --color-brand-fill-pressed: #202c28;
    --color-brand-stroke-primary: #103e36;
    --color-brand-stroke-primary-disabled: #889f9b;
    --color-brand-stroke-secondary: #282828;
    --color-brand-stroke-secondary-disabled: #949494;
    --color-brand-fill-hover: #28514a;
    --color-brand-on-fill-brand: #fff;
    --color-brand-on-fill-brand-secondary: #fff;
    --color-neutrals-text-primary: #282828;
    --color-neutrals-text-primary-inverted: #fff;
    --color-neutrals-text-secondary: #7e7e7e;
    --color-neutrals-text-secondary-inverted: #b0b0b0;
    --color-neutrals-text-disabled: #949494;
    --color-neutrals-on-fill-light: #282828;
    --color-neutrals-on-fill-light-disabled: #949494;
    --color-neutrals-on-fill-dark: #fff;
    --color-neutrals-on-fill-dark-disabled: #3d3d3d;
    --color-neutrals-card-fill-primary: #fff;
    --color-neutrals-card-fill-secondary: #282828;
    --color-neutrals-fill-primary: #282828;
    --color-neutrals-fill-secondary: #7e7e7e;
    --color-neutrals-fill-tertiary: #a9a9a9;
    --color-neutrals-fill-quaternary: #eaeaea;
    --color-neutrals-fill-quinary: #f4f4f4;
    --color-neutrals-fill-disabled: #eaeaea;
    --color-neutrals-fill-focused: #f4f4f4;
    --color-neutrals-fill-pressed: #141414;
    --color-neutrals-stroke-primary: #282828;
    --color-neutrals-stroke-primary-disabled: #949494;
    --color-neutrals-stroke-secondary: #eaeaea;
    --color-neutrals-stroke-secondary-disabled: #949494;
    --color-neutrals-divider: #f4f4f4;
    --color-neutrals-divider-inverted: #1c1c1c;
    --color-neutrals-widget-primary: #f9f9f9;
    --color-neutrals-fill-hover: #3d3d3d;
    --color-neutrals-gradient-primary: #2828281f;
    --color-positive-text-primary: #16764d;
    --color-positive-text-primary-inverted: #fff;
    --color-positive-text-disabled: #96f6cd;
    --color-positive-fill-primary: #2cec9a;
    --color-positive-fill-secondary: #96f6cd;
    --color-positive-fill-tertiary: #d5fbeb;
    --color-positive-fill-disabled: #96f6cd;
    --color-positive-fill-focused: #f4fefa;
    --color-positive-fill-pressed: #16764d;
    --color-positive-stroke-primary: #2cec9a;
    --color-positive-stroke-primary-disabled: #96f6cd;
    --color-positive-gradient-primary: #16764d1f;
    --color-warning-text-primary: #995917;
    --color-warning-text-primary-inverted: #fff;
    --color-warning-text-disabled: #ffca93;
    --color-warning-fill-primary: #ff9426;
    --color-warning-fill-secondary: #ffd4a8;
    --color-warning-fill-tertiary: #ffead4;
    --color-warning-fill-disabled: #fff4e9;
    --color-warning-fill-pressed: #804a13;
    --color-warning-fill-focused: #fffaf4;
    --color-warning-stroke-primary: #ff9426;
    --color-warning-stroke-primary-disabled: #ffca93;
    --color-negative-text-primary: #cc3e3e;
    --color-negative-text-primary-inverted: #fff;
    --color-negative-text-disabled: #ffa7a7;
    --color-negative-fill-primary: #ff4e4e;
    --color-negative-fill-secondary: #ffa7a7;
    --color-negative-fill-tertiary: #fff6f6;
    --color-negative-fill-disabled: #ffa7a7;
    --color-negative-fill-pressed: #ff8383;
    --color-negative-fill-focused: #ffeded;
    --color-negative-stroke-primary: #ff4e4e;
    --color-negative-stroke-primary-disabled: #ffa7a7;
    --color-negative-gradient-primary: #ff4e4e1f;
    --color-information-text-primary: #1a4380;
    --color-information-text-primary-inverted: #fff;
    --color-information-text-disabled: #95b7ea;
    --color-information-fill-primary: #2b6fd5;
    --color-information-fill-secondary: #aac5ee;
    --color-information-fill-tertiary: #d5e2f7;
    --color-information-fill-disabled: #eaf1fb;
    --color-information-fill-focused: #f4f8fd;
    --color-information-fill-pressed: #16386b;
    --color-information-stroke-primary: #2b6fd5;
    --color-information-stroke-primary-disabled: #95b7ea;
    --color-best-text-primary: #f2254a;
    --color-best-text-primary-inverted: #fff;
    --color-best-fill-primary: #f2254a;
    --color-best-fill-disabled: #ffa7a7;
    --color-best-fill-focused: #fff4f6;
    --color-best-fill-pressed: #801427;
    --color-best-stroke-primary: #f2254a;
    --color-best-stroke-primary-disabled: #ff93a7;
    --color-best-text-disabled: #fff;
    --color-class-crypto: #ff9426;
    --color-class-leverage: #7921ea;
    --color-class-crypto-indices: #ff6060;
    --color-class-stock: #21c9ab;
    --color-class-etf: #2b6fd5;
    --color-class-commodities: #f7da44;
    --color-class-metal: #995917;
    --color-class-cash: #282828;
    --color-class-ai: #2cec9a;
    --color-class-security: #2dc1ed;
    --color-screen-background-primary: #fff;
    --color-screen-background-secondary: #f4f4f4;
    --color-screen-background-overlay: #00000040;
    --color-screen-background-tertiary: #f4f4f4;
    --color-vision-fill-primary: #103e36;
    --radius-none: 0;
    --radius-extra-small-2: 2px;
    --radius-extra-small: 4px;
    --radius-small: 8px;
    --radius-medium: 16px;
    --radius-large: 24px;
    --radius-extra-large: 32px;
    --spacing-extra-small-4: 2px;
    --spacing-extra-small-3: 4px;
    --spacing-extra-small-2: 8px;
    --spacing-extra-small: 12px;
    --spacing-small: 16px;
    --spacing-medium: 24px;
    --spacing-large: 32px;
    --spacing-extra-large: 40px;
    --spacing-extra-large-2: 48px;
    --spacing-extra-large-3: 56px;
    --spacing-extra-large-4: 64px;
    --spacing-extra-large-5: 72px;
    --font-family-default: Inter;
    --font-family-fallback: arial;
    --font-family-bitpanda-compressed: Bitpanda Compressed;
    --font-weight-bold: 700;
    --font-weight-medium: 500;
    --font-weight-regular: 400;
    --font-weight-semi-bold: 600;
    --font-weight-light: 300;
    --font-size-display-extra-large-bold: 88;
    --font-size-display-extra-large-medium: 88;
    --font-size-display-extra-large: 88;
    --font-size-display-large-bold: 64;
    --font-size-display-large-medium: 64;
    --font-size-display-medium-bold: 52;
    --font-size-display-medium: 52;
    --font-size-display-2-extra-large-semi-bold: 112;
    --font-size-display-2-extra-large-medium: 112;
    --font-size-headline-extra-large-semi-bold: 48;
    --font-size-headline-extra-large: 48;
    --font-size-headline-large-semi-bold: 40;
    --font-size-headline-large: 40;
    --font-size-headline-medium-medium: 24;
    --font-size-headline-medium: 24;
    --font-size-headline-small-medium: 20;
    --font-size-headline-small: 20;
    --font-size-title-large-medium: 17;
    --font-size-title-large: 17;
    --font-size-title-medium-medium: 15;
    --font-size-title-medium: 15;
    --font-size-label-large-bold: 16;
    --font-size-label-large: 16;
    --font-size-label-medium-bold: 15;
    --font-size-label-medium-medium: 15;
    --font-size-body-medium: 13;
    --font-size-body-medium-medium: 13;
    --font-size-caption-medium-bold: 12;
    --font-size-caption-medium-medium: 12;
    --font-size-caption-small: 11;
    --font-size-caption-small-light: 11;
    --font-line-height-xs: 12;
    --font-line-height-sm: 14;
    --font-line-height-md: 16;
    --font-line-height-lg: 18;
    --font-line-height-xl: 20;
    --font-line-height-2xl: 24;
    --font-line-height-3xl: 28;
    --font-line-height-4xl: 30;
    --font-line-height-5xl: 46;
    --font-line-height-6xl: 40;
    --font-line-height-7xl: 46;
    --font-line-height-8xl: 52;
    --font-line-height-9xl: 56;
    --font-line-height-10xl: 60;
    --font-line-height-11xl: 64;
    --font-line-height-12xl: 68;
    --font-line-height-13xl: 72;
    --font-line-height-14xl: 76;
    --font-line-height-15xl: 80;
    --font-line-height-16xl: 92;
    --font-line-height-17xl: 104;
    --font-line-height-18xl: 112;
    --font-line-height-19xl: 120;
    --font-line-height-20xl: 128;
    --font-letter-spacing-extra-small: -1;
    --font-letter-spacing-small-2: 0.2;
    --font-letter-spacing-small-4: 0.4;
    --font-letter-spacing-small-6: 0.6;
    --font-letter-spacing-small-8: 0.8;
    --font-letter-spacing-small: 0;
    --font-letter-spacing-medium: 1;
    --font-letter-spacing-extra-small-1: -0.4;
    --font-letter-spacing-extra-small-2: -0.6;
    --font-text-transform-title: uppercase;
    --font-text-transform-text: none;
    --typography-headline-medium-medium-line-height: 1.25;
    --typography-headline-medium-medium-font-family:
        "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --typography-headline-medium-medium-font-weight: 500;
    --typography-headline-medium-medium-font-size: 24px;
    --typography-headline-medium-medium-letter-spacing: -0.6px;
    --typography-headline-medium-medium-text-transform: none;
    --typography-headline-extra-large-semi-bold-font-family:
        "Bitpanda Compressed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --typography-headline-extra-large-semi-bold-font-weight: 600;
    --typography-headline-extra-large-semi-bold-font-size: 48px;
    --typography-headline-extra-large-semi-bold-line-height: 0.9583;
    --typography-headline-extra-large-semi-bold-letter-spacing: 0;
    --typography-headline-extra-large-semi-bold-text-transform: uppercase;
    --typography-headline-extra-large-font-family:
        "Bitpanda Compressed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --typography-headline-extra-large-font-weight: 400;
    --typography-headline-extra-large-font-size: 48px;
    --typography-headline-extra-large-line-height: 0.9583;
    --typography-headline-extra-large-letter-spacing: 0;
    --typography-headline-extra-large-text-transform: uppercase;
    --typography-headline-large-semi-bold-font-family:
        "Bitpanda Compressed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --typography-headline-large-semi-bold-font-weight: 600;
    --typography-headline-large-semi-bold-font-size: 40px;
    --typography-headline-large-semi-bold-line-height: 1;
    --typography-headline-large-semi-bold-letter-spacing: 0;
    --typography-headline-large-semi-bold-text-transform: uppercase;
    --typography-headline-large-font-family:
        "Bitpanda Compressed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --typography-headline-large-font-weight: 400;
    --typography-headline-large-font-size: 40px;
    --typography-headline-large-line-height: 1;
    --typography-headline-large-letter-spacing: 0;
    --typography-headline-large-text-transform: uppercase;
    --typography-headline-medium-font-family:
        "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --typography-headline-medium-font-weight: 400;
    --typography-headline-medium-font-size: 24px;
    --typography-headline-medium-line-height: 1.25;
    --typography-headline-medium-letter-spacing: -0.6px;
    --typography-headline-medium-text-transform: none;
    --typography-headline-small-medium-font-family:
        "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --typography-headline-small-medium-font-weight: 500;
    --typography-headline-small-medium-font-size: 20px;
    --typography-headline-small-medium-line-height: 1.2;
    --typography-headline-small-medium-letter-spacing: 0;
    --typography-headline-small-medium-text-transform: none;
    --typography-headline-small-font-family:
        "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --typography-headline-small-font-weight: 400;
    --typography-headline-small-font-size: 20px;
    --typography-headline-small-line-height: 1.2;
    --typography-headline-small-letter-spacing: 0;
    --typography-headline-small-text-transform: none;
    --typography-display-extra-large-bold-font-family:
        "Bitpanda Compressed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --typography-display-extra-large-bold-font-weight: 700;
    --typography-display-extra-large-bold-font-size: 88px;
    --typography-display-extra-large-bold-line-height: 1.0455;
    --typography-display-extra-large-bold-letter-spacing: 0;
    --typography-display-extra-large-bold-text-transform: uppercase;
    --typography-display-large-bold-font-family:
        "Bitpanda Compressed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --typography-display-large-bold-font-weight: 700;
    --typography-display-large-bold-font-size: 64px;
    --typography-display-large-bold-line-height: 1;
    --typography-display-large-bold-letter-spacing: 0;
    --typography-display-large-bold-text-transform: uppercase;
    --typography-display-large-medium-font-family:
        "Bitpanda Compressed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --typography-display-large-medium-font-weight: 500;
    --typography-display-large-medium-font-size: 64px;
    --typography-display-large-medium-line-height: 1;
    --typography-display-large-medium-letter-spacing: 0;
    --typography-display-large-medium-text-transform: uppercase;
    --typography-display-medium-bold-font-family:
        "Bitpanda Compressed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --typography-display-medium-bold-font-weight: 500;
    --typography-display-medium-bold-font-size: 52px;
    --typography-display-medium-bold-line-height: 1;
    --typography-display-medium-bold-letter-spacing: 0;
    --typography-display-medium-bold-text-transform: uppercase;
    --typography-display-medium-font-family:
        "Bitpanda Compressed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --typography-display-medium-font-weight: 400;
    --typography-display-medium-font-size: 52px;
    --typography-display-medium-line-height: 1;
    --typography-display-medium-letter-spacing: 0;
    --typography-display-medium-text-transform: uppercase;
    --typography-display-extra-large-medium-font-family:
        "Bitpanda Compressed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --typography-display-extra-large-medium-font-weight: 500;
    --typography-display-extra-large-medium-font-size: 88px;
    --typography-display-extra-large-medium-line-height: 1.0455;
    --typography-display-extra-large-medium-letter-spacing: 0;
    --typography-display-extra-large-medium-text-transform: uppercase;
    --typography-display-extra-large-font-family:
        "Bitpanda Compressed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --typography-display-extra-large-font-weight: 400;
    --typography-display-extra-large-font-size: 88px;
    --typography-display-extra-large-line-height: 1.0455;
    --typography-display-extra-large-letter-spacing: 0;
    --typography-display-extra-large-text-transform: uppercase;
    --typography-display-2-extra-large-semi-bold-font-family:
        "Bitpanda Compressed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --typography-display-2-extra-large-semi-bold-font-weight: 600;
    --typography-display-2-extra-large-semi-bold-font-size: 112px;
    --typography-display-2-extra-large-semi-bold-line-height: 1;
    --typography-display-2-extra-large-semi-bold-letter-spacing: 0;
    --typography-display-2-extra-large-semi-bold-text-transform: uppercase;
    --typography-display-2-extra-large-medium-font-family:
        "Bitpanda Compressed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --typography-display-2-extra-large-medium-font-weight: 500;
    --typography-display-2-extra-large-medium-font-size: 112px;
    --typography-display-2-extra-large-medium-line-height: 1;
    --typography-display-2-extra-large-medium-letter-spacing: 0;
    --typography-display-2-extra-large-medium-text-transform: uppercase;
    --typography-title-large-medium-font-family:
        "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --typography-title-large-medium-font-weight: 500;
    --typography-title-large-medium-font-size: 17px;
    --typography-title-large-medium-line-height: 1.4118;
    --typography-title-large-medium-letter-spacing: -0.4px;
    --typography-title-large-medium-text-transform: none;
    --typography-title-large-font-family:
        "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --typography-title-large-font-weight: 400;
    --typography-title-large-font-size: 17px;
    --typography-title-large-line-height: 1.4118;
    --typography-title-large-letter-spacing: 0;
    --typography-title-large-text-transform: none;
    --typography-title-medium-medium-font-family:
        "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --typography-title-medium-medium-font-weight: 500;
    --typography-title-medium-medium-font-size: 15px;
    --typography-title-medium-medium-line-height: 1.2;
    --typography-title-medium-medium-letter-spacing: 0;
    --typography-title-medium-medium-text-transform: none;
    --typography-title-medium-font-family:
        "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --typography-title-medium-font-weight: 400;
    --typography-title-medium-font-size: 15px;
    --typography-title-medium-line-height: 1.2;
    --typography-title-medium-letter-spacing: 0;
    --typography-title-medium-text-transform: none;
    --typography-label-large-bold-font-family:
        "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --typography-label-large-bold-font-weight: 700;
    --typography-label-large-bold-font-size: 16px;
    --typography-label-large-bold-line-height: 1.5;
    --typography-label-large-bold-letter-spacing: 0;
    --typography-label-large-bold-text-transform: none;
    --typography-label-large-font-family:
        "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --typography-label-large-font-weight: 400;
    --typography-label-large-font-size: 16px;
    --typography-label-large-line-height: 1.5;
    --typography-label-large-letter-spacing: 0;
    --typography-label-large-text-transform: none;
    --typography-label-medium-bold-font-family:
        "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --typography-label-medium-bold-font-weight: 700;
    --typography-label-medium-bold-font-size: 15px;
    --typography-label-medium-bold-line-height: 1.3333;
    --typography-label-medium-bold-letter-spacing: 0;
    --typography-label-medium-bold-text-transform: none;
    --typography-label-medium-medium-font-family:
        "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --typography-label-medium-medium-font-weight: 400;
    --typography-label-medium-medium-font-size: 15px;
    --typography-label-medium-medium-line-height: 1.3333;
    --typography-label-medium-medium-letter-spacing: 0;
    --typography-label-medium-medium-text-transform: none;
    --typography-body-medium-font-family:
        "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --typography-body-medium-font-weight: 400;
    --typography-body-medium-font-size: 13px;
    --typography-body-medium-line-height: 1.2308;
    --typography-body-medium-letter-spacing: 0;
    --typography-body-medium-text-transform: none;
    --typography-body-medium-medium-font-family:
        "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --typography-body-medium-medium-font-weight: 500;
    --typography-body-medium-medium-font-size: 13px;
    --typography-body-medium-medium-line-height: 1.2308;
    --typography-body-medium-medium-letter-spacing: 0;
    --typography-body-medium-medium-text-transform: none;
    --typography-caption-medium-bold-font-family:
        "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --typography-caption-medium-bold-font-weight: 700;
    --typography-caption-medium-bold-font-size: 12px;
    --typography-caption-medium-bold-line-height: 1.3333;
    --typography-caption-medium-bold-letter-spacing: 0.2px;
    --typography-caption-medium-bold-text-transform: none;
    --typography-caption-medium-medium-font-family:
        "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --typography-caption-medium-medium-font-weight: 500;
    --typography-caption-medium-medium-font-size: 12px;
    --typography-caption-medium-medium-line-height: 1.3333;
    --typography-caption-medium-medium-letter-spacing: 0.2px;
    --typography-caption-medium-medium-text-transform: none;
    --typography-caption-small-font-family:
        "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --typography-caption-small-font-weight: 400;
    --typography-caption-small-font-size: 11px;
    --typography-caption-small-line-height: 1.4545;
    --typography-caption-small-letter-spacing: 0.2px;
    --typography-caption-small-text-transform: none;
    --typography-caption-small-light-font-family:
        "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --typography-caption-small-light-font-weight: 300;
    --typography-caption-small-light-font-size: 11px;
    --typography-caption-small-light-line-height: 1.4545;
    --typography-caption-small-light-letter-spacing: 0.2px;
    --typography-caption-small-light-text-transform: none;
    --effect-elevation-shadow-small-0: 0 10px 20px 0 #0000000d;
    --effect-elevation-shadow-small-1: 0 4px 15px 0 #0000001a;
    --gradient-light-brand-gradient-gold: [object Object];
    --gradient-light-brand-gradient-silver: [object Object];
    --gradient-light-neutrals-gradient-primary: [object Object];
    --gradient-light-positive-gradient-primary: [object Object];
    --gradient-light-negative-gradient-primary: [object Object];
    --gradient-dark-brand-gradient-gold: [object Object];
    --gradient-dark-brand-gradient-silver: [object Object];
    --gradient-dark-neutrals-gradient-primary: [object Object];
    --gradient-dark-positive-gradient-primary: [object Object];
    --gradient-dark-negative-gradient-primary: [object Object];
}
.dark-surface,
body.dark,
body.dark-theme {
    --color-brand-text-primary: #2cec9a;
    --color-brand-text-primary-inverted: #f5f5f5;
    --color-brand-text-disabled: #46524f;
    --color-brand-fill-primary: #f5f5f5;
    --color-brand-fill-secondary: #eaeaea;
    --color-brand-fill-tertiary: #f3f3f2;
    --color-brand-fill-disabled: #bfc4c2;
    --color-brand-fill-focused: #020c08;
    --color-brand-fill-pressed: #989f9d;
    --color-brand-stroke-primary: #0c2f29;
    --color-brand-stroke-primary-disabled: #cfd8d7;
    --color-brand-stroke-secondary: #fff;
    --color-brand-stroke-secondary-disabled: #949494;
    --color-brand-fill-hover: #eaeceb;
    --color-brand-on-fill-brand: #282828;
    --color-brand-on-fill-brand-secondary: #282828;
    --color-neutrals-text-primary: #fff;
    --color-neutrals-text-primary-inverted: #141918;
    --color-neutrals-text-secondary: #9fb2af;
    --color-neutrals-text-secondary-inverted: #141918;
    --color-neutrals-text-disabled: #656f6c;
    --color-neutrals-on-fill-light: #0a0d0c;
    --color-neutrals-on-fill-light-disabled: #949494;
    --color-neutrals-on-fill-dark: #fff;
    --color-neutrals-on-fill-dark-disabled: #9fb2af;
    --color-neutrals-card-fill-primary: #19201e;
    --color-neutrals-card-fill-secondary: #27322f;
    --color-neutrals-fill-primary: #f5f5f5;
    --color-neutrals-fill-secondary: #989f9d;
    --color-neutrals-fill-tertiary: #656f6c;
    --color-neutrals-fill-quaternary: #313f3b;
    --color-neutrals-fill-quinary: #252f2c;
    --color-neutrals-fill-disabled: #2c3935;
    --color-neutrals-fill-focused: #2c3935;
    --color-neutrals-fill-pressed: #adb2b1;
    --color-neutrals-stroke-primary: #fff;
    --color-neutrals-stroke-primary-disabled: #2c3935;
    --color-neutrals-stroke-secondary: #5a6562;
    --color-neutrals-stroke-secondary-disabled: #27322f;
    --color-neutrals-divider: #2c3935;
    --color-neutrals-divider-inverted: #d6d9d8;
    --color-neutrals-widget-primary: #1d2623;
    --color-neutrals-fill-hover: #cccfce;
    --color-neutrals-gradient-primary: #eaeaea1f;
    --color-positive-text-primary: #2cec9a;
    --color-positive-text-primary-inverted: #fff;
    --color-positive-text-disabled: #16764d;
    --color-positive-fill-primary: #2cec9a;
    --color-positive-fill-secondary: #0d472e;
    --color-positive-fill-tertiary: #092f1f;
    --color-positive-fill-disabled: #16764d;
    --color-positive-fill-focused: #0b3b27;
    --color-positive-fill-pressed: #16764d;
    --color-positive-stroke-primary: #2cec9a;
    --color-positive-stroke-primary-disabled: #16764d;
    --color-positive-gradient-primary: #2cec9a1f;
    --color-warning-text-primary: #ff9426;
    --color-warning-text-primary-inverted: #fff;
    --color-warning-text-disabled: #804a13;
    --color-warning-fill-primary: #ff9426;
    --color-warning-fill-secondary: #542f00;
    --color-warning-fill-tertiary: #331e08;
    --color-warning-fill-disabled: #804a13;
    --color-warning-fill-pressed: #ffca93;
    --color-warning-fill-focused: #40250a;
    --color-warning-stroke-primary: #ff9426;
    --color-warning-stroke-primary-disabled: #804a13;
    --color-negative-text-primary: #ff4e4e;
    --color-negative-text-primary-inverted: #fff;
    --color-negative-text-disabled: #802727;
    --color-negative-fill-primary: #ff4e4e;
    --color-negative-fill-secondary: #661f1f;
    --color-negative-fill-tertiary: #331010;
    --color-negative-fill-disabled: #802727;
    --color-negative-fill-pressed: #b33737;
    --color-negative-fill-focused: #401414;
    --color-negative-stroke-primary: #ff4e4e;
    --color-negative-stroke-primary-disabled: #802727;
    --color-negative-gradient-primary: #ff4e4e1f;
    --color-information-text-primary: #6b9ae2;
    --color-information-text-primary-inverted: #fff;
    --color-information-text-disabled: #1a4380;
    --color-information-fill-primary: #2b6fd5;
    --color-information-fill-secondary: #112c55;
    --color-information-fill-tertiary: #09162b;
    --color-information-fill-disabled: #0d2140;
    --color-information-fill-focused: #112c55;
    --color-information-fill-pressed: #16386b;
    --color-information-stroke-primary: #2b6fd5;
    --color-information-stroke-primary-disabled: #16386b;
    --color-best-text-primary: #f2254a;
    --color-best-text-primary-inverted: #fff;
    --color-best-fill-primary: #f2254a;
    --color-best-fill-disabled: #801427;
    --color-best-fill-focused: #400a14;
    --color-best-fill-pressed: #801427;
    --color-best-stroke-primary: #f2254a;
    --color-best-stroke-primary-disabled: #801427;
    --color-best-text-disabled: #ff93a7;
    --color-class-crypto: #ff9426;
    --color-class-leverage: #7921ea;
    --color-class-crypto-indices: #ff6060;
    --color-class-stock: #21c9ab;
    --color-class-etf: #65a3ff;
    --color-class-commodities: #f7da44;
    --color-class-metal: #cc761e;
    --color-class-cash: #fff;
    --color-class-ai: #2cec9a;
    --color-class-security: #2dc1ed;
    --color-screen-background-primary: #141918;
    --color-screen-background-secondary: #141918;
    --color-screen-background-overlay: #000000b3;
    --color-screen-background-tertiary: #000;
    --color-vision-fill-primary: #fff;
}
:where(
    :not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)
) {
    all: unset;
    display: revert;
}
*,
:after,
:before {
    box-sizing: border-box;
}
a,
button {
    cursor: revert;
}
menu,
ol,
ul {
    list-style: none;
}
img {
    max-block-size: 100%;
    max-inline-size: 100%;
}
table {
    border-collapse: collapse;
}
input,
textarea {
    -webkit-user-select: auto;
}
textarea {
    white-space: revert;
}
meter {
    -webkit-appearance: revert;
    -moz-appearance: revert;
    appearance: revert;
}
:where(pre) {
    all: revert;
}
::-moz-placeholder {
    color: unset;
}
::placeholder {
    color: unset;
}
::marker {
    content: normal;
}
:where([hidden]) {
    display: none;
}
:where([contenteditable]:not([contenteditable="false"])) {
    -moz-user-modify: read-write;
    -webkit-user-modify: read-write;
    -webkit-line-break: after-white-space;
    overflow-wrap: break-word;
    -webkit-user-select: auto;
}
:where([draggable="true"]) {
    -webkit-user-drag: element;
}
:where(dialog:modal) {
    all: revert;
}
.header {
    z-index: 10;
}
@media (min-width: 1200px) {
    .header {
        left: 0;
        position: fixed;
        right: 0;
    }
}
.header--container {
    align-items: center;
    display: flex;
    flex-direction: row;
    padding: var(--spacing-large) var(--spacing-medium);
}
.header--logo {
    color: var(--color-neutrals-text-primary);
}
.header--right {
    margin-left: auto;
}
.header--navigation {
    display: flex;
    flex-direction: row;
    font-family: var(--typography-label-medium-medium-font-family);
    font-size: var(--typography-label-medium-medium-font-size);
    font-weight: var(--typography-label-medium-medium-font-weight);
    gap: var(--spacing-small);
    letter-spacing: var(--typography-label-medium-medium-letter-spacing);
    line-height: var(--typography-label-medium-medium-line-height);
    -webkit-text-decoration: var(
        --typography-label-medium-medium-text-decoration
    );
    text-decoration: var(--typography-label-medium-medium-text-decoration);
    text-transform: var(--typography-label-medium-medium-text-transform);
}
.header--navigation,
.header--navigation a {
    color: var(--color-neutrals-text-primary);
}
@media (min-width: 1200px) {
    .header--navigation,
    .header--navigation a {
        color: var(--color-neutrals-text-primary-inverted);
    }
}
.header--language-selector {
    position: relative;
}
.header--language-selector:hover {
    color: var(--color-brand-fill-pressed);
}
.header--language-selector select {
    padding-right: 22px;
}
.header--language-selector bp-icon {
    display: flex;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}
@media (min-width: 1200px) {
    body.dark-theme .header .header--navigation,
    body.dark-theme .header .header--navigation a {
        color: var(--color-neutrals-text-primary);
    }
}
.banner {
    background-image: url(./banner-new-bg.png);
    background-position: top;
    background-size: cover;
    display: none;
    flex-direction: column;
    padding: var(--spacing-extra-large);
    position: relative;
}
@media (min-width: 1200px) {
    .banner {
        display: flex;
    }
}
@media (min-width: 1440px) {
    .banner {
        padding: 80px;
    }
}
@media (min-width: 1920px) {
    .banner {
        padding: 100px;
    }
}
.banner--content {
    display: flex;
    flex-direction: row;
    gap: var(--spacing-medium);
    margin-top: auto;
}
.banner--text-stack {
    color: var(--color-neutrals-text-primary);
    display: flex;
    flex-direction: column;
    gap: var(--spacing-large);
    max-width: 415px;
}
.banner--title {
    font-family: var(--typography-headline-large-font-family);
    font-size: var(--typography-headline-large-font-size);
    font-size: 46px;
    font-weight: var(--typography-headline-large-font-weight);
    letter-spacing: var(--typography-headline-large-letter-spacing);
    line-height: var(--typography-headline-large-line-height);
    line-height: 1;
    -webkit-text-decoration: var(--typography-headline-large-text-decoration);
    text-decoration: var(--typography-headline-large-text-decoration);
    text-transform: var(--typography-headline-large-text-transform);
}
@media (min-width: 1920px) {
    .banner--title {
        font-size: 54px;
    }
}
.banner--title span {
    color: var(--color-brand-fill-primary);
}
.banner--subtitle {
    font-family: var(--typography-label-large-font-family);
    font-size: var(--typography-label-large-font-size);
    font-weight: var(--typography-label-large-font-weight);
    letter-spacing: var(--typography-label-large-letter-spacing);
    line-height: var(--typography-label-large-line-height);
    -webkit-text-decoration: var(--typography-label-large-text-decoration);
    text-decoration: var(--typography-label-large-text-decoration);
    text-transform: var(--typography-label-large-text-transform);
}
.banner--qr-code {
    align-self: flex-end;
    background-color: var(--color-screen-background-primary);
    border-radius: 12px;
    color: var(--color-neutrals-text-primary);
    display: none;
    flex-direction: column;
    gap: var(--spacing-extra-small-3);
    margin-left: auto;
    padding: var(--spacing-extra-small-2);
    text-align: center;
    width: 156px;
}
@media (min-width: 1280px) {
    .banner--qr-code {
        display: flex;
    }
}
.banner--qr-code img {
    aspect-ratio: 1/1;
    height: 100px;
    width: 100px;
}
.banner--qr-code--container {
    aspect-ratio: 1/1;
    background-color: #fff;
    border-radius: 12px;
    height: 140px;
    padding: 20px;
    width: 140px;
}
.banner--qr-code--title {
    color: var(--color-neutrals-text-primary);
    font-family: var(--typography-label-medium-bold-font-family);
    font-size: var(--typography-label-medium-bold-font-size);
    font-weight: var(--typography-label-medium-bold-font-weight);
    letter-spacing: var(--typography-label-medium-bold-letter-spacing);
    line-height: var(--typography-label-medium-bold-line-height);
    -webkit-text-decoration: var(
        --typography-label-medium-bold-text-decoration
    );
    text-decoration: var(--typography-label-medium-bold-text-decoration);
    text-transform: var(--typography-label-medium-bold-text-transform);
}
.banner--qr-code--text {
    color: var(--color-neutrals-text-secondary);
    font-family: var(--typography-label-medium-medium-font-family);
    font-size: var(--typography-label-medium-medium-font-size);
    font-weight: var(--typography-label-medium-medium-font-weight);
    letter-spacing: var(--typography-label-medium-medium-letter-spacing);
    line-height: var(--typography-label-medium-medium-line-height);
    -webkit-text-decoration: var(
        --typography-label-medium-medium-text-decoration
    );
    text-decoration: var(--typography-label-medium-medium-text-decoration);
    text-transform: var(--typography-label-medium-medium-text-transform);
}
.form {
    gap: var(--spacing-small);
}
.form,
.form--group {
    display: flex;
    flex-direction: column;
}
.form--group {
    gap: var(--spacing-extra-small-2);
}
.form--group--label {
    font-family: var(--typography-label-medium-medium-font-family);
    font-size: var(--typography-label-medium-medium-font-size);
    font-weight: var(--typography-label-medium-medium-font-weight);
    letter-spacing: var(--typography-label-medium-medium-letter-spacing);
    line-height: var(--typography-label-medium-medium-line-height);
    -webkit-text-decoration: var(
        --typography-label-medium-medium-text-decoration
    );
    text-decoration: var(--typography-label-medium-medium-text-decoration);
    text-transform: var(--typography-label-medium-medium-text-transform);
}
.form--group--helper-text.error {
    color: var(--color-negative-text-primary);
}
.form--input {
    border: 1px solid var(--color-neutrals-fill-tertiary);
    border-radius: 4px;
    font-family: var(--typography-label-large-font-family);
    font-size: var(--typography-label-large-font-size);
    font-weight: var(--typography-label-large-font-weight);
    letter-spacing: var(--typography-label-large-letter-spacing);
    line-height: var(--typography-label-large-line-height);
    padding: var(--spacing-small);
    -webkit-text-decoration: var(--typography-label-large-text-decoration);
    text-decoration: var(--typography-label-large-text-decoration);
    text-transform: var(--typography-label-large-text-transform);
    transition: border-color 0.15s ease-in-out;
}
.form--input.error {
    border-color: var(--color-negative-stroke-primary);
}
.form--input.error:focus,
.form--input.error:hover {
    border-color: var(--color-negative-fill-pressed);
}
.form--input:hover {
    border-color: var(--color-neutrals-stroke-primary);
}
.form--input:focus {
    border: 2px solid var(--color-neutrals-stroke-primary);
    padding: calc(var(--spacing-small) - 1px);
}
.form--password-input {
    display: flex;
    flex-direction: column;
    position: relative;
}
.form--password-input .form--input {
    padding-right: calc(
        var(--spacing-extra-small-3) + var(--button-height) +
            var(--spacing-extra-small-2)
    );
}
.form--password-input button {
    position: absolute;
    right: var(--spacing-extra-small-3);
    top: var(--spacing-extra-small-3);
}
.form--pin-input {
    display: grid;
    gap: var(--spacing-extra-small-2);
    grid-template-columns: repeat(6, minmax(50px, 1fr));
}
.form--pin-input .form--input {
    height: 72px;
    text-align: center;
}
.form--actions {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-small);
    margin-top: var(--spacing-small);
}
.t-raphy-headline-medium-medium-line-height {
    font-family: var(
        --typography-raphy-headline-medium-medium-line-height-font-family
    );
    font-size: var(
        --typography-raphy-headline-medium-medium-line-height-font-size
    );
    font-weight: var(
        --typography-raphy-headline-medium-medium-line-height-font-weight
    );
    letter-spacing: var(
        --typography-raphy-headline-medium-medium-line-height-letter-spacing
    );
    line-height: var(
        --typography-raphy-headline-medium-medium-line-height-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-headline-medium-medium-line-height-text-decoration
    );
    text-decoration: var(
        --typography-raphy-headline-medium-medium-line-height-text-decoration
    );
    text-transform: var(
        --typography-raphy-headline-medium-medium-line-height-text-transform
    );
}
.t-raphy-headline-medium-medium-font-family {
    font-family: var(
        --typography-raphy-headline-medium-medium-font-family-font-family
    );
    font-size: var(
        --typography-raphy-headline-medium-medium-font-family-font-size
    );
    font-weight: var(
        --typography-raphy-headline-medium-medium-font-family-font-weight
    );
    letter-spacing: var(
        --typography-raphy-headline-medium-medium-font-family-letter-spacing
    );
    line-height: var(
        --typography-raphy-headline-medium-medium-font-family-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-headline-medium-medium-font-family-text-decoration
    );
    text-decoration: var(
        --typography-raphy-headline-medium-medium-font-family-text-decoration
    );
    text-transform: var(
        --typography-raphy-headline-medium-medium-font-family-text-transform
    );
}
.t-raphy-headline-medium-medium-font-weight {
    font-family: var(
        --typography-raphy-headline-medium-medium-font-weight-font-family
    );
    font-size: var(
        --typography-raphy-headline-medium-medium-font-weight-font-size
    );
    font-weight: var(
        --typography-raphy-headline-medium-medium-font-weight-font-weight
    );
    letter-spacing: var(
        --typography-raphy-headline-medium-medium-font-weight-letter-spacing
    );
    line-height: var(
        --typography-raphy-headline-medium-medium-font-weight-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-headline-medium-medium-font-weight-text-decoration
    );
    text-decoration: var(
        --typography-raphy-headline-medium-medium-font-weight-text-decoration
    );
    text-transform: var(
        --typography-raphy-headline-medium-medium-font-weight-text-transform
    );
}
.t-raphy-headline-medium-medium-font-size {
    font-family: var(
        --typography-raphy-headline-medium-medium-font-size-font-family
    );
    font-size: var(
        --typography-raphy-headline-medium-medium-font-size-font-size
    );
    font-weight: var(
        --typography-raphy-headline-medium-medium-font-size-font-weight
    );
    letter-spacing: var(
        --typography-raphy-headline-medium-medium-font-size-letter-spacing
    );
    line-height: var(
        --typography-raphy-headline-medium-medium-font-size-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-headline-medium-medium-font-size-text-decoration
    );
    text-decoration: var(
        --typography-raphy-headline-medium-medium-font-size-text-decoration
    );
    text-transform: var(
        --typography-raphy-headline-medium-medium-font-size-text-transform
    );
}
.t-raphy-headline-medium-medium-letter-spacing {
    font-family: var(
        --typography-raphy-headline-medium-medium-letter-spacing-font-family
    );
    font-size: var(
        --typography-raphy-headline-medium-medium-letter-spacing-font-size
    );
    font-weight: var(
        --typography-raphy-headline-medium-medium-letter-spacing-font-weight
    );
    letter-spacing: var(
        --typography-raphy-headline-medium-medium-letter-spacing-letter-spacing
    );
    line-height: var(
        --typography-raphy-headline-medium-medium-letter-spacing-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-headline-medium-medium-letter-spacing-text-decoration
    );
    text-decoration: var(
        --typography-raphy-headline-medium-medium-letter-spacing-text-decoration
    );
    text-transform: var(
        --typography-raphy-headline-medium-medium-letter-spacing-text-transform
    );
}
.t-raphy-headline-medium-medium-text-transform {
    font-family: var(
        --typography-raphy-headline-medium-medium-text-transform-font-family
    );
    font-size: var(
        --typography-raphy-headline-medium-medium-text-transform-font-size
    );
    font-weight: var(
        --typography-raphy-headline-medium-medium-text-transform-font-weight
    );
    letter-spacing: var(
        --typography-raphy-headline-medium-medium-text-transform-letter-spacing
    );
    line-height: var(
        --typography-raphy-headline-medium-medium-text-transform-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-headline-medium-medium-text-transform-text-decoration
    );
    text-decoration: var(
        --typography-raphy-headline-medium-medium-text-transform-text-decoration
    );
    text-transform: var(
        --typography-raphy-headline-medium-medium-text-transform-text-transform
    );
}
.t-raphy-headline-extra-large-semi-bold-font-family {
    font-family: var(
        --typography-raphy-headline-extra-large-semi-bold-font-family-font-family
    );
    font-size: var(
        --typography-raphy-headline-extra-large-semi-bold-font-family-font-size
    );
    font-weight: var(
        --typography-raphy-headline-extra-large-semi-bold-font-family-font-weight
    );
    letter-spacing: var(
        --typography-raphy-headline-extra-large-semi-bold-font-family-letter-spacing
    );
    line-height: var(
        --typography-raphy-headline-extra-large-semi-bold-font-family-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-headline-extra-large-semi-bold-font-family-text-decoration
    );
    text-decoration: var(
        --typography-raphy-headline-extra-large-semi-bold-font-family-text-decoration
    );
    text-transform: var(
        --typography-raphy-headline-extra-large-semi-bold-font-family-text-transform
    );
}
.t-raphy-headline-extra-large-semi-bold-font-weight {
    font-family: var(
        --typography-raphy-headline-extra-large-semi-bold-font-weight-font-family
    );
    font-size: var(
        --typography-raphy-headline-extra-large-semi-bold-font-weight-font-size
    );
    font-weight: var(
        --typography-raphy-headline-extra-large-semi-bold-font-weight-font-weight
    );
    letter-spacing: var(
        --typography-raphy-headline-extra-large-semi-bold-font-weight-letter-spacing
    );
    line-height: var(
        --typography-raphy-headline-extra-large-semi-bold-font-weight-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-headline-extra-large-semi-bold-font-weight-text-decoration
    );
    text-decoration: var(
        --typography-raphy-headline-extra-large-semi-bold-font-weight-text-decoration
    );
    text-transform: var(
        --typography-raphy-headline-extra-large-semi-bold-font-weight-text-transform
    );
}
.t-raphy-headline-extra-large-semi-bold-font-size {
    font-family: var(
        --typography-raphy-headline-extra-large-semi-bold-font-size-font-family
    );
    font-size: var(
        --typography-raphy-headline-extra-large-semi-bold-font-size-font-size
    );
    font-weight: var(
        --typography-raphy-headline-extra-large-semi-bold-font-size-font-weight
    );
    letter-spacing: var(
        --typography-raphy-headline-extra-large-semi-bold-font-size-letter-spacing
    );
    line-height: var(
        --typography-raphy-headline-extra-large-semi-bold-font-size-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-headline-extra-large-semi-bold-font-size-text-decoration
    );
    text-decoration: var(
        --typography-raphy-headline-extra-large-semi-bold-font-size-text-decoration
    );
    text-transform: var(
        --typography-raphy-headline-extra-large-semi-bold-font-size-text-transform
    );
}
.t-raphy-headline-extra-large-semi-bold-line-height {
    font-family: var(
        --typography-raphy-headline-extra-large-semi-bold-line-height-font-family
    );
    font-size: var(
        --typography-raphy-headline-extra-large-semi-bold-line-height-font-size
    );
    font-weight: var(
        --typography-raphy-headline-extra-large-semi-bold-line-height-font-weight
    );
    letter-spacing: var(
        --typography-raphy-headline-extra-large-semi-bold-line-height-letter-spacing
    );
    line-height: var(
        --typography-raphy-headline-extra-large-semi-bold-line-height-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-headline-extra-large-semi-bold-line-height-text-decoration
    );
    text-decoration: var(
        --typography-raphy-headline-extra-large-semi-bold-line-height-text-decoration
    );
    text-transform: var(
        --typography-raphy-headline-extra-large-semi-bold-line-height-text-transform
    );
}
.t-raphy-headline-extra-large-semi-bold-letter-spacing {
    font-family: var(
        --typography-raphy-headline-extra-large-semi-bold-letter-spacing-font-family
    );
    font-size: var(
        --typography-raphy-headline-extra-large-semi-bold-letter-spacing-font-size
    );
    font-weight: var(
        --typography-raphy-headline-extra-large-semi-bold-letter-spacing-font-weight
    );
    letter-spacing: var(
        --typography-raphy-headline-extra-large-semi-bold-letter-spacing-letter-spacing
    );
    line-height: var(
        --typography-raphy-headline-extra-large-semi-bold-letter-spacing-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-headline-extra-large-semi-bold-letter-spacing-text-decoration
    );
    text-decoration: var(
        --typography-raphy-headline-extra-large-semi-bold-letter-spacing-text-decoration
    );
    text-transform: var(
        --typography-raphy-headline-extra-large-semi-bold-letter-spacing-text-transform
    );
}
.t-raphy-headline-extra-large-semi-bold-text-transform {
    font-family: var(
        --typography-raphy-headline-extra-large-semi-bold-text-transform-font-family
    );
    font-size: var(
        --typography-raphy-headline-extra-large-semi-bold-text-transform-font-size
    );
    font-weight: var(
        --typography-raphy-headline-extra-large-semi-bold-text-transform-font-weight
    );
    letter-spacing: var(
        --typography-raphy-headline-extra-large-semi-bold-text-transform-letter-spacing
    );
    line-height: var(
        --typography-raphy-headline-extra-large-semi-bold-text-transform-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-headline-extra-large-semi-bold-text-transform-text-decoration
    );
    text-decoration: var(
        --typography-raphy-headline-extra-large-semi-bold-text-transform-text-decoration
    );
    text-transform: var(
        --typography-raphy-headline-extra-large-semi-bold-text-transform-text-transform
    );
}
.t-raphy-headline-extra-large-font-family {
    font-family: var(
        --typography-raphy-headline-extra-large-font-family-font-family
    );
    font-size: var(
        --typography-raphy-headline-extra-large-font-family-font-size
    );
    font-weight: var(
        --typography-raphy-headline-extra-large-font-family-font-weight
    );
    letter-spacing: var(
        --typography-raphy-headline-extra-large-font-family-letter-spacing
    );
    line-height: var(
        --typography-raphy-headline-extra-large-font-family-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-headline-extra-large-font-family-text-decoration
    );
    text-decoration: var(
        --typography-raphy-headline-extra-large-font-family-text-decoration
    );
    text-transform: var(
        --typography-raphy-headline-extra-large-font-family-text-transform
    );
}
.t-raphy-headline-extra-large-font-weight {
    font-family: var(
        --typography-raphy-headline-extra-large-font-weight-font-family
    );
    font-size: var(
        --typography-raphy-headline-extra-large-font-weight-font-size
    );
    font-weight: var(
        --typography-raphy-headline-extra-large-font-weight-font-weight
    );
    letter-spacing: var(
        --typography-raphy-headline-extra-large-font-weight-letter-spacing
    );
    line-height: var(
        --typography-raphy-headline-extra-large-font-weight-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-headline-extra-large-font-weight-text-decoration
    );
    text-decoration: var(
        --typography-raphy-headline-extra-large-font-weight-text-decoration
    );
    text-transform: var(
        --typography-raphy-headline-extra-large-font-weight-text-transform
    );
}
.t-raphy-headline-extra-large-font-size {
    font-family: var(
        --typography-raphy-headline-extra-large-font-size-font-family
    );
    font-size: var(--typography-raphy-headline-extra-large-font-size-font-size);
    font-weight: var(
        --typography-raphy-headline-extra-large-font-size-font-weight
    );
    letter-spacing: var(
        --typography-raphy-headline-extra-large-font-size-letter-spacing
    );
    line-height: var(
        --typography-raphy-headline-extra-large-font-size-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-headline-extra-large-font-size-text-decoration
    );
    text-decoration: var(
        --typography-raphy-headline-extra-large-font-size-text-decoration
    );
    text-transform: var(
        --typography-raphy-headline-extra-large-font-size-text-transform
    );
}
.t-raphy-headline-extra-large-line-height {
    font-family: var(
        --typography-raphy-headline-extra-large-line-height-font-family
    );
    font-size: var(
        --typography-raphy-headline-extra-large-line-height-font-size
    );
    font-weight: var(
        --typography-raphy-headline-extra-large-line-height-font-weight
    );
    letter-spacing: var(
        --typography-raphy-headline-extra-large-line-height-letter-spacing
    );
    line-height: var(
        --typography-raphy-headline-extra-large-line-height-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-headline-extra-large-line-height-text-decoration
    );
    text-decoration: var(
        --typography-raphy-headline-extra-large-line-height-text-decoration
    );
    text-transform: var(
        --typography-raphy-headline-extra-large-line-height-text-transform
    );
}
.t-raphy-headline-extra-large-letter-spacing {
    font-family: var(
        --typography-raphy-headline-extra-large-letter-spacing-font-family
    );
    font-size: var(
        --typography-raphy-headline-extra-large-letter-spacing-font-size
    );
    font-weight: var(
        --typography-raphy-headline-extra-large-letter-spacing-font-weight
    );
    letter-spacing: var(
        --typography-raphy-headline-extra-large-letter-spacing-letter-spacing
    );
    line-height: var(
        --typography-raphy-headline-extra-large-letter-spacing-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-headline-extra-large-letter-spacing-text-decoration
    );
    text-decoration: var(
        --typography-raphy-headline-extra-large-letter-spacing-text-decoration
    );
    text-transform: var(
        --typography-raphy-headline-extra-large-letter-spacing-text-transform
    );
}
.t-raphy-headline-extra-large-text-transform {
    font-family: var(
        --typography-raphy-headline-extra-large-text-transform-font-family
    );
    font-size: var(
        --typography-raphy-headline-extra-large-text-transform-font-size
    );
    font-weight: var(
        --typography-raphy-headline-extra-large-text-transform-font-weight
    );
    letter-spacing: var(
        --typography-raphy-headline-extra-large-text-transform-letter-spacing
    );
    line-height: var(
        --typography-raphy-headline-extra-large-text-transform-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-headline-extra-large-text-transform-text-decoration
    );
    text-decoration: var(
        --typography-raphy-headline-extra-large-text-transform-text-decoration
    );
    text-transform: var(
        --typography-raphy-headline-extra-large-text-transform-text-transform
    );
}
.t-raphy-headline-large-semi-bold-font-family {
    font-family: var(
        --typography-raphy-headline-large-semi-bold-font-family-font-family
    );
    font-size: var(
        --typography-raphy-headline-large-semi-bold-font-family-font-size
    );
    font-weight: var(
        --typography-raphy-headline-large-semi-bold-font-family-font-weight
    );
    letter-spacing: var(
        --typography-raphy-headline-large-semi-bold-font-family-letter-spacing
    );
    line-height: var(
        --typography-raphy-headline-large-semi-bold-font-family-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-headline-large-semi-bold-font-family-text-decoration
    );
    text-decoration: var(
        --typography-raphy-headline-large-semi-bold-font-family-text-decoration
    );
    text-transform: var(
        --typography-raphy-headline-large-semi-bold-font-family-text-transform
    );
}
.t-raphy-headline-large-semi-bold-font-weight {
    font-family: var(
        --typography-raphy-headline-large-semi-bold-font-weight-font-family
    );
    font-size: var(
        --typography-raphy-headline-large-semi-bold-font-weight-font-size
    );
    font-weight: var(
        --typography-raphy-headline-large-semi-bold-font-weight-font-weight
    );
    letter-spacing: var(
        --typography-raphy-headline-large-semi-bold-font-weight-letter-spacing
    );
    line-height: var(
        --typography-raphy-headline-large-semi-bold-font-weight-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-headline-large-semi-bold-font-weight-text-decoration
    );
    text-decoration: var(
        --typography-raphy-headline-large-semi-bold-font-weight-text-decoration
    );
    text-transform: var(
        --typography-raphy-headline-large-semi-bold-font-weight-text-transform
    );
}
.t-raphy-headline-large-semi-bold-font-size {
    font-family: var(
        --typography-raphy-headline-large-semi-bold-font-size-font-family
    );
    font-size: var(
        --typography-raphy-headline-large-semi-bold-font-size-font-size
    );
    font-weight: var(
        --typography-raphy-headline-large-semi-bold-font-size-font-weight
    );
    letter-spacing: var(
        --typography-raphy-headline-large-semi-bold-font-size-letter-spacing
    );
    line-height: var(
        --typography-raphy-headline-large-semi-bold-font-size-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-headline-large-semi-bold-font-size-text-decoration
    );
    text-decoration: var(
        --typography-raphy-headline-large-semi-bold-font-size-text-decoration
    );
    text-transform: var(
        --typography-raphy-headline-large-semi-bold-font-size-text-transform
    );
}
.t-raphy-headline-large-semi-bold-line-height {
    font-family: var(
        --typography-raphy-headline-large-semi-bold-line-height-font-family
    );
    font-size: var(
        --typography-raphy-headline-large-semi-bold-line-height-font-size
    );
    font-weight: var(
        --typography-raphy-headline-large-semi-bold-line-height-font-weight
    );
    letter-spacing: var(
        --typography-raphy-headline-large-semi-bold-line-height-letter-spacing
    );
    line-height: var(
        --typography-raphy-headline-large-semi-bold-line-height-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-headline-large-semi-bold-line-height-text-decoration
    );
    text-decoration: var(
        --typography-raphy-headline-large-semi-bold-line-height-text-decoration
    );
    text-transform: var(
        --typography-raphy-headline-large-semi-bold-line-height-text-transform
    );
}
.t-raphy-headline-large-semi-bold-letter-spacing {
    font-family: var(
        --typography-raphy-headline-large-semi-bold-letter-spacing-font-family
    );
    font-size: var(
        --typography-raphy-headline-large-semi-bold-letter-spacing-font-size
    );
    font-weight: var(
        --typography-raphy-headline-large-semi-bold-letter-spacing-font-weight
    );
    letter-spacing: var(
        --typography-raphy-headline-large-semi-bold-letter-spacing-letter-spacing
    );
    line-height: var(
        --typography-raphy-headline-large-semi-bold-letter-spacing-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-headline-large-semi-bold-letter-spacing-text-decoration
    );
    text-decoration: var(
        --typography-raphy-headline-large-semi-bold-letter-spacing-text-decoration
    );
    text-transform: var(
        --typography-raphy-headline-large-semi-bold-letter-spacing-text-transform
    );
}
.t-raphy-headline-large-semi-bold-text-transform {
    font-family: var(
        --typography-raphy-headline-large-semi-bold-text-transform-font-family
    );
    font-size: var(
        --typography-raphy-headline-large-semi-bold-text-transform-font-size
    );
    font-weight: var(
        --typography-raphy-headline-large-semi-bold-text-transform-font-weight
    );
    letter-spacing: var(
        --typography-raphy-headline-large-semi-bold-text-transform-letter-spacing
    );
    line-height: var(
        --typography-raphy-headline-large-semi-bold-text-transform-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-headline-large-semi-bold-text-transform-text-decoration
    );
    text-decoration: var(
        --typography-raphy-headline-large-semi-bold-text-transform-text-decoration
    );
    text-transform: var(
        --typography-raphy-headline-large-semi-bold-text-transform-text-transform
    );
}
.t-raphy-headline-large-font-family {
    font-family: var(--typography-raphy-headline-large-font-family-font-family);
    font-size: var(--typography-raphy-headline-large-font-family-font-size);
    font-weight: var(--typography-raphy-headline-large-font-family-font-weight);
    letter-spacing: var(
        --typography-raphy-headline-large-font-family-letter-spacing
    );
    line-height: var(--typography-raphy-headline-large-font-family-line-height);
    -webkit-text-decoration: var(
        --typography-raphy-headline-large-font-family-text-decoration
    );
    text-decoration: var(
        --typography-raphy-headline-large-font-family-text-decoration
    );
    text-transform: var(
        --typography-raphy-headline-large-font-family-text-transform
    );
}
.t-raphy-headline-large-font-weight {
    font-family: var(--typography-raphy-headline-large-font-weight-font-family);
    font-size: var(--typography-raphy-headline-large-font-weight-font-size);
    font-weight: var(--typography-raphy-headline-large-font-weight-font-weight);
    letter-spacing: var(
        --typography-raphy-headline-large-font-weight-letter-spacing
    );
    line-height: var(--typography-raphy-headline-large-font-weight-line-height);
    -webkit-text-decoration: var(
        --typography-raphy-headline-large-font-weight-text-decoration
    );
    text-decoration: var(
        --typography-raphy-headline-large-font-weight-text-decoration
    );
    text-transform: var(
        --typography-raphy-headline-large-font-weight-text-transform
    );
}
.t-raphy-headline-large-font-size {
    font-family: var(--typography-raphy-headline-large-font-size-font-family);
    font-size: var(--typography-raphy-headline-large-font-size-font-size);
    font-weight: var(--typography-raphy-headline-large-font-size-font-weight);
    letter-spacing: var(
        --typography-raphy-headline-large-font-size-letter-spacing
    );
    line-height: var(--typography-raphy-headline-large-font-size-line-height);
    -webkit-text-decoration: var(
        --typography-raphy-headline-large-font-size-text-decoration
    );
    text-decoration: var(
        --typography-raphy-headline-large-font-size-text-decoration
    );
    text-transform: var(
        --typography-raphy-headline-large-font-size-text-transform
    );
}
.t-raphy-headline-large-line-height {
    font-family: var(--typography-raphy-headline-large-line-height-font-family);
    font-size: var(--typography-raphy-headline-large-line-height-font-size);
    font-weight: var(--typography-raphy-headline-large-line-height-font-weight);
    letter-spacing: var(
        --typography-raphy-headline-large-line-height-letter-spacing
    );
    line-height: var(--typography-raphy-headline-large-line-height-line-height);
    -webkit-text-decoration: var(
        --typography-raphy-headline-large-line-height-text-decoration
    );
    text-decoration: var(
        --typography-raphy-headline-large-line-height-text-decoration
    );
    text-transform: var(
        --typography-raphy-headline-large-line-height-text-transform
    );
}
.t-raphy-headline-large-letter-spacing {
    font-family: var(
        --typography-raphy-headline-large-letter-spacing-font-family
    );
    font-size: var(--typography-raphy-headline-large-letter-spacing-font-size);
    font-weight: var(
        --typography-raphy-headline-large-letter-spacing-font-weight
    );
    letter-spacing: var(
        --typography-raphy-headline-large-letter-spacing-letter-spacing
    );
    line-height: var(
        --typography-raphy-headline-large-letter-spacing-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-headline-large-letter-spacing-text-decoration
    );
    text-decoration: var(
        --typography-raphy-headline-large-letter-spacing-text-decoration
    );
    text-transform: var(
        --typography-raphy-headline-large-letter-spacing-text-transform
    );
}
.t-raphy-headline-large-text-transform {
    font-family: var(
        --typography-raphy-headline-large-text-transform-font-family
    );
    font-size: var(--typography-raphy-headline-large-text-transform-font-size);
    font-weight: var(
        --typography-raphy-headline-large-text-transform-font-weight
    );
    letter-spacing: var(
        --typography-raphy-headline-large-text-transform-letter-spacing
    );
    line-height: var(
        --typography-raphy-headline-large-text-transform-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-headline-large-text-transform-text-decoration
    );
    text-decoration: var(
        --typography-raphy-headline-large-text-transform-text-decoration
    );
    text-transform: var(
        --typography-raphy-headline-large-text-transform-text-transform
    );
}
.t-raphy-headline-medium-font-family {
    font-family: var(
        --typography-raphy-headline-medium-font-family-font-family
    );
    font-size: var(--typography-raphy-headline-medium-font-family-font-size);
    font-weight: var(
        --typography-raphy-headline-medium-font-family-font-weight
    );
    letter-spacing: var(
        --typography-raphy-headline-medium-font-family-letter-spacing
    );
    line-height: var(
        --typography-raphy-headline-medium-font-family-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-headline-medium-font-family-text-decoration
    );
    text-decoration: var(
        --typography-raphy-headline-medium-font-family-text-decoration
    );
    text-transform: var(
        --typography-raphy-headline-medium-font-family-text-transform
    );
}
.t-raphy-headline-medium-font-weight {
    font-family: var(
        --typography-raphy-headline-medium-font-weight-font-family
    );
    font-size: var(--typography-raphy-headline-medium-font-weight-font-size);
    font-weight: var(
        --typography-raphy-headline-medium-font-weight-font-weight
    );
    letter-spacing: var(
        --typography-raphy-headline-medium-font-weight-letter-spacing
    );
    line-height: var(
        --typography-raphy-headline-medium-font-weight-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-headline-medium-font-weight-text-decoration
    );
    text-decoration: var(
        --typography-raphy-headline-medium-font-weight-text-decoration
    );
    text-transform: var(
        --typography-raphy-headline-medium-font-weight-text-transform
    );
}
.t-raphy-headline-medium-font-size {
    font-family: var(--typography-raphy-headline-medium-font-size-font-family);
    font-size: var(--typography-raphy-headline-medium-font-size-font-size);
    font-weight: var(--typography-raphy-headline-medium-font-size-font-weight);
    letter-spacing: var(
        --typography-raphy-headline-medium-font-size-letter-spacing
    );
    line-height: var(--typography-raphy-headline-medium-font-size-line-height);
    -webkit-text-decoration: var(
        --typography-raphy-headline-medium-font-size-text-decoration
    );
    text-decoration: var(
        --typography-raphy-headline-medium-font-size-text-decoration
    );
    text-transform: var(
        --typography-raphy-headline-medium-font-size-text-transform
    );
}
.t-raphy-headline-medium-line-height {
    font-family: var(
        --typography-raphy-headline-medium-line-height-font-family
    );
    font-size: var(--typography-raphy-headline-medium-line-height-font-size);
    font-weight: var(
        --typography-raphy-headline-medium-line-height-font-weight
    );
    letter-spacing: var(
        --typography-raphy-headline-medium-line-height-letter-spacing
    );
    line-height: var(
        --typography-raphy-headline-medium-line-height-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-headline-medium-line-height-text-decoration
    );
    text-decoration: var(
        --typography-raphy-headline-medium-line-height-text-decoration
    );
    text-transform: var(
        --typography-raphy-headline-medium-line-height-text-transform
    );
}
.t-raphy-headline-medium-letter-spacing {
    font-family: var(
        --typography-raphy-headline-medium-letter-spacing-font-family
    );
    font-size: var(--typography-raphy-headline-medium-letter-spacing-font-size);
    font-weight: var(
        --typography-raphy-headline-medium-letter-spacing-font-weight
    );
    letter-spacing: var(
        --typography-raphy-headline-medium-letter-spacing-letter-spacing
    );
    line-height: var(
        --typography-raphy-headline-medium-letter-spacing-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-headline-medium-letter-spacing-text-decoration
    );
    text-decoration: var(
        --typography-raphy-headline-medium-letter-spacing-text-decoration
    );
    text-transform: var(
        --typography-raphy-headline-medium-letter-spacing-text-transform
    );
}
.t-raphy-headline-medium-text-transform {
    font-family: var(
        --typography-raphy-headline-medium-text-transform-font-family
    );
    font-size: var(--typography-raphy-headline-medium-text-transform-font-size);
    font-weight: var(
        --typography-raphy-headline-medium-text-transform-font-weight
    );
    letter-spacing: var(
        --typography-raphy-headline-medium-text-transform-letter-spacing
    );
    line-height: var(
        --typography-raphy-headline-medium-text-transform-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-headline-medium-text-transform-text-decoration
    );
    text-decoration: var(
        --typography-raphy-headline-medium-text-transform-text-decoration
    );
    text-transform: var(
        --typography-raphy-headline-medium-text-transform-text-transform
    );
}
.t-raphy-headline-small-medium-font-family {
    font-family: var(
        --typography-raphy-headline-small-medium-font-family-font-family
    );
    font-size: var(
        --typography-raphy-headline-small-medium-font-family-font-size
    );
    font-weight: var(
        --typography-raphy-headline-small-medium-font-family-font-weight
    );
    letter-spacing: var(
        --typography-raphy-headline-small-medium-font-family-letter-spacing
    );
    line-height: var(
        --typography-raphy-headline-small-medium-font-family-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-headline-small-medium-font-family-text-decoration
    );
    text-decoration: var(
        --typography-raphy-headline-small-medium-font-family-text-decoration
    );
    text-transform: var(
        --typography-raphy-headline-small-medium-font-family-text-transform
    );
}
.t-raphy-headline-small-medium-font-weight {
    font-family: var(
        --typography-raphy-headline-small-medium-font-weight-font-family
    );
    font-size: var(
        --typography-raphy-headline-small-medium-font-weight-font-size
    );
    font-weight: var(
        --typography-raphy-headline-small-medium-font-weight-font-weight
    );
    letter-spacing: var(
        --typography-raphy-headline-small-medium-font-weight-letter-spacing
    );
    line-height: var(
        --typography-raphy-headline-small-medium-font-weight-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-headline-small-medium-font-weight-text-decoration
    );
    text-decoration: var(
        --typography-raphy-headline-small-medium-font-weight-text-decoration
    );
    text-transform: var(
        --typography-raphy-headline-small-medium-font-weight-text-transform
    );
}
.t-raphy-headline-small-medium-font-size {
    font-family: var(
        --typography-raphy-headline-small-medium-font-size-font-family
    );
    font-size: var(
        --typography-raphy-headline-small-medium-font-size-font-size
    );
    font-weight: var(
        --typography-raphy-headline-small-medium-font-size-font-weight
    );
    letter-spacing: var(
        --typography-raphy-headline-small-medium-font-size-letter-spacing
    );
    line-height: var(
        --typography-raphy-headline-small-medium-font-size-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-headline-small-medium-font-size-text-decoration
    );
    text-decoration: var(
        --typography-raphy-headline-small-medium-font-size-text-decoration
    );
    text-transform: var(
        --typography-raphy-headline-small-medium-font-size-text-transform
    );
}
.t-raphy-headline-small-medium-line-height {
    font-family: var(
        --typography-raphy-headline-small-medium-line-height-font-family
    );
    font-size: var(
        --typography-raphy-headline-small-medium-line-height-font-size
    );
    font-weight: var(
        --typography-raphy-headline-small-medium-line-height-font-weight
    );
    letter-spacing: var(
        --typography-raphy-headline-small-medium-line-height-letter-spacing
    );
    line-height: var(
        --typography-raphy-headline-small-medium-line-height-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-headline-small-medium-line-height-text-decoration
    );
    text-decoration: var(
        --typography-raphy-headline-small-medium-line-height-text-decoration
    );
    text-transform: var(
        --typography-raphy-headline-small-medium-line-height-text-transform
    );
}
.t-raphy-headline-small-medium-letter-spacing {
    font-family: var(
        --typography-raphy-headline-small-medium-letter-spacing-font-family
    );
    font-size: var(
        --typography-raphy-headline-small-medium-letter-spacing-font-size
    );
    font-weight: var(
        --typography-raphy-headline-small-medium-letter-spacing-font-weight
    );
    letter-spacing: var(
        --typography-raphy-headline-small-medium-letter-spacing-letter-spacing
    );
    line-height: var(
        --typography-raphy-headline-small-medium-letter-spacing-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-headline-small-medium-letter-spacing-text-decoration
    );
    text-decoration: var(
        --typography-raphy-headline-small-medium-letter-spacing-text-decoration
    );
    text-transform: var(
        --typography-raphy-headline-small-medium-letter-spacing-text-transform
    );
}
.t-raphy-headline-small-medium-text-transform {
    font-family: var(
        --typography-raphy-headline-small-medium-text-transform-font-family
    );
    font-size: var(
        --typography-raphy-headline-small-medium-text-transform-font-size
    );
    font-weight: var(
        --typography-raphy-headline-small-medium-text-transform-font-weight
    );
    letter-spacing: var(
        --typography-raphy-headline-small-medium-text-transform-letter-spacing
    );
    line-height: var(
        --typography-raphy-headline-small-medium-text-transform-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-headline-small-medium-text-transform-text-decoration
    );
    text-decoration: var(
        --typography-raphy-headline-small-medium-text-transform-text-decoration
    );
    text-transform: var(
        --typography-raphy-headline-small-medium-text-transform-text-transform
    );
}
.t-raphy-headline-small-font-family {
    font-family: var(--typography-raphy-headline-small-font-family-font-family);
    font-size: var(--typography-raphy-headline-small-font-family-font-size);
    font-weight: var(--typography-raphy-headline-small-font-family-font-weight);
    letter-spacing: var(
        --typography-raphy-headline-small-font-family-letter-spacing
    );
    line-height: var(--typography-raphy-headline-small-font-family-line-height);
    -webkit-text-decoration: var(
        --typography-raphy-headline-small-font-family-text-decoration
    );
    text-decoration: var(
        --typography-raphy-headline-small-font-family-text-decoration
    );
    text-transform: var(
        --typography-raphy-headline-small-font-family-text-transform
    );
}
.t-raphy-headline-small-font-weight {
    font-family: var(--typography-raphy-headline-small-font-weight-font-family);
    font-size: var(--typography-raphy-headline-small-font-weight-font-size);
    font-weight: var(--typography-raphy-headline-small-font-weight-font-weight);
    letter-spacing: var(
        --typography-raphy-headline-small-font-weight-letter-spacing
    );
    line-height: var(--typography-raphy-headline-small-font-weight-line-height);
    -webkit-text-decoration: var(
        --typography-raphy-headline-small-font-weight-text-decoration
    );
    text-decoration: var(
        --typography-raphy-headline-small-font-weight-text-decoration
    );
    text-transform: var(
        --typography-raphy-headline-small-font-weight-text-transform
    );
}
.t-raphy-headline-small-font-size {
    font-family: var(--typography-raphy-headline-small-font-size-font-family);
    font-size: var(--typography-raphy-headline-small-font-size-font-size);
    font-weight: var(--typography-raphy-headline-small-font-size-font-weight);
    letter-spacing: var(
        --typography-raphy-headline-small-font-size-letter-spacing
    );
    line-height: var(--typography-raphy-headline-small-font-size-line-height);
    -webkit-text-decoration: var(
        --typography-raphy-headline-small-font-size-text-decoration
    );
    text-decoration: var(
        --typography-raphy-headline-small-font-size-text-decoration
    );
    text-transform: var(
        --typography-raphy-headline-small-font-size-text-transform
    );
}
.t-raphy-headline-small-line-height {
    font-family: var(--typography-raphy-headline-small-line-height-font-family);
    font-size: var(--typography-raphy-headline-small-line-height-font-size);
    font-weight: var(--typography-raphy-headline-small-line-height-font-weight);
    letter-spacing: var(
        --typography-raphy-headline-small-line-height-letter-spacing
    );
    line-height: var(--typography-raphy-headline-small-line-height-line-height);
    -webkit-text-decoration: var(
        --typography-raphy-headline-small-line-height-text-decoration
    );
    text-decoration: var(
        --typography-raphy-headline-small-line-height-text-decoration
    );
    text-transform: var(
        --typography-raphy-headline-small-line-height-text-transform
    );
}
.t-raphy-headline-small-letter-spacing {
    font-family: var(
        --typography-raphy-headline-small-letter-spacing-font-family
    );
    font-size: var(--typography-raphy-headline-small-letter-spacing-font-size);
    font-weight: var(
        --typography-raphy-headline-small-letter-spacing-font-weight
    );
    letter-spacing: var(
        --typography-raphy-headline-small-letter-spacing-letter-spacing
    );
    line-height: var(
        --typography-raphy-headline-small-letter-spacing-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-headline-small-letter-spacing-text-decoration
    );
    text-decoration: var(
        --typography-raphy-headline-small-letter-spacing-text-decoration
    );
    text-transform: var(
        --typography-raphy-headline-small-letter-spacing-text-transform
    );
}
.t-raphy-headline-small-text-transform {
    font-family: var(
        --typography-raphy-headline-small-text-transform-font-family
    );
    font-size: var(--typography-raphy-headline-small-text-transform-font-size);
    font-weight: var(
        --typography-raphy-headline-small-text-transform-font-weight
    );
    letter-spacing: var(
        --typography-raphy-headline-small-text-transform-letter-spacing
    );
    line-height: var(
        --typography-raphy-headline-small-text-transform-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-headline-small-text-transform-text-decoration
    );
    text-decoration: var(
        --typography-raphy-headline-small-text-transform-text-decoration
    );
    text-transform: var(
        --typography-raphy-headline-small-text-transform-text-transform
    );
}
.t-raphy-display-extra-large-bold-font-family {
    font-family: var(
        --typography-raphy-display-extra-large-bold-font-family-font-family
    );
    font-size: var(
        --typography-raphy-display-extra-large-bold-font-family-font-size
    );
    font-weight: var(
        --typography-raphy-display-extra-large-bold-font-family-font-weight
    );
    letter-spacing: var(
        --typography-raphy-display-extra-large-bold-font-family-letter-spacing
    );
    line-height: var(
        --typography-raphy-display-extra-large-bold-font-family-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-display-extra-large-bold-font-family-text-decoration
    );
    text-decoration: var(
        --typography-raphy-display-extra-large-bold-font-family-text-decoration
    );
    text-transform: var(
        --typography-raphy-display-extra-large-bold-font-family-text-transform
    );
}
.t-raphy-display-extra-large-bold-font-weight {
    font-family: var(
        --typography-raphy-display-extra-large-bold-font-weight-font-family
    );
    font-size: var(
        --typography-raphy-display-extra-large-bold-font-weight-font-size
    );
    font-weight: var(
        --typography-raphy-display-extra-large-bold-font-weight-font-weight
    );
    letter-spacing: var(
        --typography-raphy-display-extra-large-bold-font-weight-letter-spacing
    );
    line-height: var(
        --typography-raphy-display-extra-large-bold-font-weight-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-display-extra-large-bold-font-weight-text-decoration
    );
    text-decoration: var(
        --typography-raphy-display-extra-large-bold-font-weight-text-decoration
    );
    text-transform: var(
        --typography-raphy-display-extra-large-bold-font-weight-text-transform
    );
}
.t-raphy-display-extra-large-bold-font-size {
    font-family: var(
        --typography-raphy-display-extra-large-bold-font-size-font-family
    );
    font-size: var(
        --typography-raphy-display-extra-large-bold-font-size-font-size
    );
    font-weight: var(
        --typography-raphy-display-extra-large-bold-font-size-font-weight
    );
    letter-spacing: var(
        --typography-raphy-display-extra-large-bold-font-size-letter-spacing
    );
    line-height: var(
        --typography-raphy-display-extra-large-bold-font-size-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-display-extra-large-bold-font-size-text-decoration
    );
    text-decoration: var(
        --typography-raphy-display-extra-large-bold-font-size-text-decoration
    );
    text-transform: var(
        --typography-raphy-display-extra-large-bold-font-size-text-transform
    );
}
.t-raphy-display-extra-large-bold-line-height {
    font-family: var(
        --typography-raphy-display-extra-large-bold-line-height-font-family
    );
    font-size: var(
        --typography-raphy-display-extra-large-bold-line-height-font-size
    );
    font-weight: var(
        --typography-raphy-display-extra-large-bold-line-height-font-weight
    );
    letter-spacing: var(
        --typography-raphy-display-extra-large-bold-line-height-letter-spacing
    );
    line-height: var(
        --typography-raphy-display-extra-large-bold-line-height-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-display-extra-large-bold-line-height-text-decoration
    );
    text-decoration: var(
        --typography-raphy-display-extra-large-bold-line-height-text-decoration
    );
    text-transform: var(
        --typography-raphy-display-extra-large-bold-line-height-text-transform
    );
}
.t-raphy-display-extra-large-bold-letter-spacing {
    font-family: var(
        --typography-raphy-display-extra-large-bold-letter-spacing-font-family
    );
    font-size: var(
        --typography-raphy-display-extra-large-bold-letter-spacing-font-size
    );
    font-weight: var(
        --typography-raphy-display-extra-large-bold-letter-spacing-font-weight
    );
    letter-spacing: var(
        --typography-raphy-display-extra-large-bold-letter-spacing-letter-spacing
    );
    line-height: var(
        --typography-raphy-display-extra-large-bold-letter-spacing-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-display-extra-large-bold-letter-spacing-text-decoration
    );
    text-decoration: var(
        --typography-raphy-display-extra-large-bold-letter-spacing-text-decoration
    );
    text-transform: var(
        --typography-raphy-display-extra-large-bold-letter-spacing-text-transform
    );
}
.t-raphy-display-extra-large-bold-text-transform {
    font-family: var(
        --typography-raphy-display-extra-large-bold-text-transform-font-family
    );
    font-size: var(
        --typography-raphy-display-extra-large-bold-text-transform-font-size
    );
    font-weight: var(
        --typography-raphy-display-extra-large-bold-text-transform-font-weight
    );
    letter-spacing: var(
        --typography-raphy-display-extra-large-bold-text-transform-letter-spacing
    );
    line-height: var(
        --typography-raphy-display-extra-large-bold-text-transform-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-display-extra-large-bold-text-transform-text-decoration
    );
    text-decoration: var(
        --typography-raphy-display-extra-large-bold-text-transform-text-decoration
    );
    text-transform: var(
        --typography-raphy-display-extra-large-bold-text-transform-text-transform
    );
}
.t-raphy-display-large-bold-font-family {
    font-family: var(
        --typography-raphy-display-large-bold-font-family-font-family
    );
    font-size: var(--typography-raphy-display-large-bold-font-family-font-size);
    font-weight: var(
        --typography-raphy-display-large-bold-font-family-font-weight
    );
    letter-spacing: var(
        --typography-raphy-display-large-bold-font-family-letter-spacing
    );
    line-height: var(
        --typography-raphy-display-large-bold-font-family-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-display-large-bold-font-family-text-decoration
    );
    text-decoration: var(
        --typography-raphy-display-large-bold-font-family-text-decoration
    );
    text-transform: var(
        --typography-raphy-display-large-bold-font-family-text-transform
    );
}
.t-raphy-display-large-bold-font-weight {
    font-family: var(
        --typography-raphy-display-large-bold-font-weight-font-family
    );
    font-size: var(--typography-raphy-display-large-bold-font-weight-font-size);
    font-weight: var(
        --typography-raphy-display-large-bold-font-weight-font-weight
    );
    letter-spacing: var(
        --typography-raphy-display-large-bold-font-weight-letter-spacing
    );
    line-height: var(
        --typography-raphy-display-large-bold-font-weight-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-display-large-bold-font-weight-text-decoration
    );
    text-decoration: var(
        --typography-raphy-display-large-bold-font-weight-text-decoration
    );
    text-transform: var(
        --typography-raphy-display-large-bold-font-weight-text-transform
    );
}
.t-raphy-display-large-bold-font-size {
    font-family: var(
        --typography-raphy-display-large-bold-font-size-font-family
    );
    font-size: var(--typography-raphy-display-large-bold-font-size-font-size);
    font-weight: var(
        --typography-raphy-display-large-bold-font-size-font-weight
    );
    letter-spacing: var(
        --typography-raphy-display-large-bold-font-size-letter-spacing
    );
    line-height: var(
        --typography-raphy-display-large-bold-font-size-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-display-large-bold-font-size-text-decoration
    );
    text-decoration: var(
        --typography-raphy-display-large-bold-font-size-text-decoration
    );
    text-transform: var(
        --typography-raphy-display-large-bold-font-size-text-transform
    );
}
.t-raphy-display-large-bold-line-height {
    font-family: var(
        --typography-raphy-display-large-bold-line-height-font-family
    );
    font-size: var(--typography-raphy-display-large-bold-line-height-font-size);
    font-weight: var(
        --typography-raphy-display-large-bold-line-height-font-weight
    );
    letter-spacing: var(
        --typography-raphy-display-large-bold-line-height-letter-spacing
    );
    line-height: var(
        --typography-raphy-display-large-bold-line-height-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-display-large-bold-line-height-text-decoration
    );
    text-decoration: var(
        --typography-raphy-display-large-bold-line-height-text-decoration
    );
    text-transform: var(
        --typography-raphy-display-large-bold-line-height-text-transform
    );
}
.t-raphy-display-large-bold-letter-spacing {
    font-family: var(
        --typography-raphy-display-large-bold-letter-spacing-font-family
    );
    font-size: var(
        --typography-raphy-display-large-bold-letter-spacing-font-size
    );
    font-weight: var(
        --typography-raphy-display-large-bold-letter-spacing-font-weight
    );
    letter-spacing: var(
        --typography-raphy-display-large-bold-letter-spacing-letter-spacing
    );
    line-height: var(
        --typography-raphy-display-large-bold-letter-spacing-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-display-large-bold-letter-spacing-text-decoration
    );
    text-decoration: var(
        --typography-raphy-display-large-bold-letter-spacing-text-decoration
    );
    text-transform: var(
        --typography-raphy-display-large-bold-letter-spacing-text-transform
    );
}
.t-raphy-display-large-bold-text-transform {
    font-family: var(
        --typography-raphy-display-large-bold-text-transform-font-family
    );
    font-size: var(
        --typography-raphy-display-large-bold-text-transform-font-size
    );
    font-weight: var(
        --typography-raphy-display-large-bold-text-transform-font-weight
    );
    letter-spacing: var(
        --typography-raphy-display-large-bold-text-transform-letter-spacing
    );
    line-height: var(
        --typography-raphy-display-large-bold-text-transform-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-display-large-bold-text-transform-text-decoration
    );
    text-decoration: var(
        --typography-raphy-display-large-bold-text-transform-text-decoration
    );
    text-transform: var(
        --typography-raphy-display-large-bold-text-transform-text-transform
    );
}
.t-raphy-display-large-medium-font-family {
    font-family: var(
        --typography-raphy-display-large-medium-font-family-font-family
    );
    font-size: var(
        --typography-raphy-display-large-medium-font-family-font-size
    );
    font-weight: var(
        --typography-raphy-display-large-medium-font-family-font-weight
    );
    letter-spacing: var(
        --typography-raphy-display-large-medium-font-family-letter-spacing
    );
    line-height: var(
        --typography-raphy-display-large-medium-font-family-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-display-large-medium-font-family-text-decoration
    );
    text-decoration: var(
        --typography-raphy-display-large-medium-font-family-text-decoration
    );
    text-transform: var(
        --typography-raphy-display-large-medium-font-family-text-transform
    );
}
.t-raphy-display-large-medium-font-weight {
    font-family: var(
        --typography-raphy-display-large-medium-font-weight-font-family
    );
    font-size: var(
        --typography-raphy-display-large-medium-font-weight-font-size
    );
    font-weight: var(
        --typography-raphy-display-large-medium-font-weight-font-weight
    );
    letter-spacing: var(
        --typography-raphy-display-large-medium-font-weight-letter-spacing
    );
    line-height: var(
        --typography-raphy-display-large-medium-font-weight-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-display-large-medium-font-weight-text-decoration
    );
    text-decoration: var(
        --typography-raphy-display-large-medium-font-weight-text-decoration
    );
    text-transform: var(
        --typography-raphy-display-large-medium-font-weight-text-transform
    );
}
.t-raphy-display-large-medium-font-size {
    font-family: var(
        --typography-raphy-display-large-medium-font-size-font-family
    );
    font-size: var(--typography-raphy-display-large-medium-font-size-font-size);
    font-weight: var(
        --typography-raphy-display-large-medium-font-size-font-weight
    );
    letter-spacing: var(
        --typography-raphy-display-large-medium-font-size-letter-spacing
    );
    line-height: var(
        --typography-raphy-display-large-medium-font-size-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-display-large-medium-font-size-text-decoration
    );
    text-decoration: var(
        --typography-raphy-display-large-medium-font-size-text-decoration
    );
    text-transform: var(
        --typography-raphy-display-large-medium-font-size-text-transform
    );
}
.t-raphy-display-large-medium-line-height {
    font-family: var(
        --typography-raphy-display-large-medium-line-height-font-family
    );
    font-size: var(
        --typography-raphy-display-large-medium-line-height-font-size
    );
    font-weight: var(
        --typography-raphy-display-large-medium-line-height-font-weight
    );
    letter-spacing: var(
        --typography-raphy-display-large-medium-line-height-letter-spacing
    );
    line-height: var(
        --typography-raphy-display-large-medium-line-height-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-display-large-medium-line-height-text-decoration
    );
    text-decoration: var(
        --typography-raphy-display-large-medium-line-height-text-decoration
    );
    text-transform: var(
        --typography-raphy-display-large-medium-line-height-text-transform
    );
}
.t-raphy-display-large-medium-letter-spacing {
    font-family: var(
        --typography-raphy-display-large-medium-letter-spacing-font-family
    );
    font-size: var(
        --typography-raphy-display-large-medium-letter-spacing-font-size
    );
    font-weight: var(
        --typography-raphy-display-large-medium-letter-spacing-font-weight
    );
    letter-spacing: var(
        --typography-raphy-display-large-medium-letter-spacing-letter-spacing
    );
    line-height: var(
        --typography-raphy-display-large-medium-letter-spacing-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-display-large-medium-letter-spacing-text-decoration
    );
    text-decoration: var(
        --typography-raphy-display-large-medium-letter-spacing-text-decoration
    );
    text-transform: var(
        --typography-raphy-display-large-medium-letter-spacing-text-transform
    );
}
.t-raphy-display-large-medium-text-transform {
    font-family: var(
        --typography-raphy-display-large-medium-text-transform-font-family
    );
    font-size: var(
        --typography-raphy-display-large-medium-text-transform-font-size
    );
    font-weight: var(
        --typography-raphy-display-large-medium-text-transform-font-weight
    );
    letter-spacing: var(
        --typography-raphy-display-large-medium-text-transform-letter-spacing
    );
    line-height: var(
        --typography-raphy-display-large-medium-text-transform-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-display-large-medium-text-transform-text-decoration
    );
    text-decoration: var(
        --typography-raphy-display-large-medium-text-transform-text-decoration
    );
    text-transform: var(
        --typography-raphy-display-large-medium-text-transform-text-transform
    );
}
.t-raphy-display-medium-bold-font-family {
    font-family: var(
        --typography-raphy-display-medium-bold-font-family-font-family
    );
    font-size: var(
        --typography-raphy-display-medium-bold-font-family-font-size
    );
    font-weight: var(
        --typography-raphy-display-medium-bold-font-family-font-weight
    );
    letter-spacing: var(
        --typography-raphy-display-medium-bold-font-family-letter-spacing
    );
    line-height: var(
        --typography-raphy-display-medium-bold-font-family-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-display-medium-bold-font-family-text-decoration
    );
    text-decoration: var(
        --typography-raphy-display-medium-bold-font-family-text-decoration
    );
    text-transform: var(
        --typography-raphy-display-medium-bold-font-family-text-transform
    );
}
.t-raphy-display-medium-bold-font-weight {
    font-family: var(
        --typography-raphy-display-medium-bold-font-weight-font-family
    );
    font-size: var(
        --typography-raphy-display-medium-bold-font-weight-font-size
    );
    font-weight: var(
        --typography-raphy-display-medium-bold-font-weight-font-weight
    );
    letter-spacing: var(
        --typography-raphy-display-medium-bold-font-weight-letter-spacing
    );
    line-height: var(
        --typography-raphy-display-medium-bold-font-weight-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-display-medium-bold-font-weight-text-decoration
    );
    text-decoration: var(
        --typography-raphy-display-medium-bold-font-weight-text-decoration
    );
    text-transform: var(
        --typography-raphy-display-medium-bold-font-weight-text-transform
    );
}
.t-raphy-display-medium-bold-font-size {
    font-family: var(
        --typography-raphy-display-medium-bold-font-size-font-family
    );
    font-size: var(--typography-raphy-display-medium-bold-font-size-font-size);
    font-weight: var(
        --typography-raphy-display-medium-bold-font-size-font-weight
    );
    letter-spacing: var(
        --typography-raphy-display-medium-bold-font-size-letter-spacing
    );
    line-height: var(
        --typography-raphy-display-medium-bold-font-size-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-display-medium-bold-font-size-text-decoration
    );
    text-decoration: var(
        --typography-raphy-display-medium-bold-font-size-text-decoration
    );
    text-transform: var(
        --typography-raphy-display-medium-bold-font-size-text-transform
    );
}
.t-raphy-display-medium-bold-line-height {
    font-family: var(
        --typography-raphy-display-medium-bold-line-height-font-family
    );
    font-size: var(
        --typography-raphy-display-medium-bold-line-height-font-size
    );
    font-weight: var(
        --typography-raphy-display-medium-bold-line-height-font-weight
    );
    letter-spacing: var(
        --typography-raphy-display-medium-bold-line-height-letter-spacing
    );
    line-height: var(
        --typography-raphy-display-medium-bold-line-height-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-display-medium-bold-line-height-text-decoration
    );
    text-decoration: var(
        --typography-raphy-display-medium-bold-line-height-text-decoration
    );
    text-transform: var(
        --typography-raphy-display-medium-bold-line-height-text-transform
    );
}
.t-raphy-display-medium-bold-letter-spacing {
    font-family: var(
        --typography-raphy-display-medium-bold-letter-spacing-font-family
    );
    font-size: var(
        --typography-raphy-display-medium-bold-letter-spacing-font-size
    );
    font-weight: var(
        --typography-raphy-display-medium-bold-letter-spacing-font-weight
    );
    letter-spacing: var(
        --typography-raphy-display-medium-bold-letter-spacing-letter-spacing
    );
    line-height: var(
        --typography-raphy-display-medium-bold-letter-spacing-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-display-medium-bold-letter-spacing-text-decoration
    );
    text-decoration: var(
        --typography-raphy-display-medium-bold-letter-spacing-text-decoration
    );
    text-transform: var(
        --typography-raphy-display-medium-bold-letter-spacing-text-transform
    );
}
.t-raphy-display-medium-bold-text-transform {
    font-family: var(
        --typography-raphy-display-medium-bold-text-transform-font-family
    );
    font-size: var(
        --typography-raphy-display-medium-bold-text-transform-font-size
    );
    font-weight: var(
        --typography-raphy-display-medium-bold-text-transform-font-weight
    );
    letter-spacing: var(
        --typography-raphy-display-medium-bold-text-transform-letter-spacing
    );
    line-height: var(
        --typography-raphy-display-medium-bold-text-transform-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-display-medium-bold-text-transform-text-decoration
    );
    text-decoration: var(
        --typography-raphy-display-medium-bold-text-transform-text-decoration
    );
    text-transform: var(
        --typography-raphy-display-medium-bold-text-transform-text-transform
    );
}
.t-raphy-display-medium-font-family {
    font-family: var(--typography-raphy-display-medium-font-family-font-family);
    font-size: var(--typography-raphy-display-medium-font-family-font-size);
    font-weight: var(--typography-raphy-display-medium-font-family-font-weight);
    letter-spacing: var(
        --typography-raphy-display-medium-font-family-letter-spacing
    );
    line-height: var(--typography-raphy-display-medium-font-family-line-height);
    -webkit-text-decoration: var(
        --typography-raphy-display-medium-font-family-text-decoration
    );
    text-decoration: var(
        --typography-raphy-display-medium-font-family-text-decoration
    );
    text-transform: var(
        --typography-raphy-display-medium-font-family-text-transform
    );
}
.t-raphy-display-medium-font-weight {
    font-family: var(--typography-raphy-display-medium-font-weight-font-family);
    font-size: var(--typography-raphy-display-medium-font-weight-font-size);
    font-weight: var(--typography-raphy-display-medium-font-weight-font-weight);
    letter-spacing: var(
        --typography-raphy-display-medium-font-weight-letter-spacing
    );
    line-height: var(--typography-raphy-display-medium-font-weight-line-height);
    -webkit-text-decoration: var(
        --typography-raphy-display-medium-font-weight-text-decoration
    );
    text-decoration: var(
        --typography-raphy-display-medium-font-weight-text-decoration
    );
    text-transform: var(
        --typography-raphy-display-medium-font-weight-text-transform
    );
}
.t-raphy-display-medium-font-size {
    font-family: var(--typography-raphy-display-medium-font-size-font-family);
    font-size: var(--typography-raphy-display-medium-font-size-font-size);
    font-weight: var(--typography-raphy-display-medium-font-size-font-weight);
    letter-spacing: var(
        --typography-raphy-display-medium-font-size-letter-spacing
    );
    line-height: var(--typography-raphy-display-medium-font-size-line-height);
    -webkit-text-decoration: var(
        --typography-raphy-display-medium-font-size-text-decoration
    );
    text-decoration: var(
        --typography-raphy-display-medium-font-size-text-decoration
    );
    text-transform: var(
        --typography-raphy-display-medium-font-size-text-transform
    );
}
.t-raphy-display-medium-line-height {
    font-family: var(--typography-raphy-display-medium-line-height-font-family);
    font-size: var(--typography-raphy-display-medium-line-height-font-size);
    font-weight: var(--typography-raphy-display-medium-line-height-font-weight);
    letter-spacing: var(
        --typography-raphy-display-medium-line-height-letter-spacing
    );
    line-height: var(--typography-raphy-display-medium-line-height-line-height);
    -webkit-text-decoration: var(
        --typography-raphy-display-medium-line-height-text-decoration
    );
    text-decoration: var(
        --typography-raphy-display-medium-line-height-text-decoration
    );
    text-transform: var(
        --typography-raphy-display-medium-line-height-text-transform
    );
}
.t-raphy-display-medium-letter-spacing {
    font-family: var(
        --typography-raphy-display-medium-letter-spacing-font-family
    );
    font-size: var(--typography-raphy-display-medium-letter-spacing-font-size);
    font-weight: var(
        --typography-raphy-display-medium-letter-spacing-font-weight
    );
    letter-spacing: var(
        --typography-raphy-display-medium-letter-spacing-letter-spacing
    );
    line-height: var(
        --typography-raphy-display-medium-letter-spacing-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-display-medium-letter-spacing-text-decoration
    );
    text-decoration: var(
        --typography-raphy-display-medium-letter-spacing-text-decoration
    );
    text-transform: var(
        --typography-raphy-display-medium-letter-spacing-text-transform
    );
}
.t-raphy-display-medium-text-transform {
    font-family: var(
        --typography-raphy-display-medium-text-transform-font-family
    );
    font-size: var(--typography-raphy-display-medium-text-transform-font-size);
    font-weight: var(
        --typography-raphy-display-medium-text-transform-font-weight
    );
    letter-spacing: var(
        --typography-raphy-display-medium-text-transform-letter-spacing
    );
    line-height: var(
        --typography-raphy-display-medium-text-transform-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-display-medium-text-transform-text-decoration
    );
    text-decoration: var(
        --typography-raphy-display-medium-text-transform-text-decoration
    );
    text-transform: var(
        --typography-raphy-display-medium-text-transform-text-transform
    );
}
.t-raphy-display-extra-large-medium-font-family {
    font-family: var(
        --typography-raphy-display-extra-large-medium-font-family-font-family
    );
    font-size: var(
        --typography-raphy-display-extra-large-medium-font-family-font-size
    );
    font-weight: var(
        --typography-raphy-display-extra-large-medium-font-family-font-weight
    );
    letter-spacing: var(
        --typography-raphy-display-extra-large-medium-font-family-letter-spacing
    );
    line-height: var(
        --typography-raphy-display-extra-large-medium-font-family-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-display-extra-large-medium-font-family-text-decoration
    );
    text-decoration: var(
        --typography-raphy-display-extra-large-medium-font-family-text-decoration
    );
    text-transform: var(
        --typography-raphy-display-extra-large-medium-font-family-text-transform
    );
}
.t-raphy-display-extra-large-medium-font-weight {
    font-family: var(
        --typography-raphy-display-extra-large-medium-font-weight-font-family
    );
    font-size: var(
        --typography-raphy-display-extra-large-medium-font-weight-font-size
    );
    font-weight: var(
        --typography-raphy-display-extra-large-medium-font-weight-font-weight
    );
    letter-spacing: var(
        --typography-raphy-display-extra-large-medium-font-weight-letter-spacing
    );
    line-height: var(
        --typography-raphy-display-extra-large-medium-font-weight-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-display-extra-large-medium-font-weight-text-decoration
    );
    text-decoration: var(
        --typography-raphy-display-extra-large-medium-font-weight-text-decoration
    );
    text-transform: var(
        --typography-raphy-display-extra-large-medium-font-weight-text-transform
    );
}
.t-raphy-display-extra-large-medium-font-size {
    font-family: var(
        --typography-raphy-display-extra-large-medium-font-size-font-family
    );
    font-size: var(
        --typography-raphy-display-extra-large-medium-font-size-font-size
    );
    font-weight: var(
        --typography-raphy-display-extra-large-medium-font-size-font-weight
    );
    letter-spacing: var(
        --typography-raphy-display-extra-large-medium-font-size-letter-spacing
    );
    line-height: var(
        --typography-raphy-display-extra-large-medium-font-size-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-display-extra-large-medium-font-size-text-decoration
    );
    text-decoration: var(
        --typography-raphy-display-extra-large-medium-font-size-text-decoration
    );
    text-transform: var(
        --typography-raphy-display-extra-large-medium-font-size-text-transform
    );
}
.t-raphy-display-extra-large-medium-line-height {
    font-family: var(
        --typography-raphy-display-extra-large-medium-line-height-font-family
    );
    font-size: var(
        --typography-raphy-display-extra-large-medium-line-height-font-size
    );
    font-weight: var(
        --typography-raphy-display-extra-large-medium-line-height-font-weight
    );
    letter-spacing: var(
        --typography-raphy-display-extra-large-medium-line-height-letter-spacing
    );
    line-height: var(
        --typography-raphy-display-extra-large-medium-line-height-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-display-extra-large-medium-line-height-text-decoration
    );
    text-decoration: var(
        --typography-raphy-display-extra-large-medium-line-height-text-decoration
    );
    text-transform: var(
        --typography-raphy-display-extra-large-medium-line-height-text-transform
    );
}
.t-raphy-display-extra-large-medium-letter-spacing {
    font-family: var(
        --typography-raphy-display-extra-large-medium-letter-spacing-font-family
    );
    font-size: var(
        --typography-raphy-display-extra-large-medium-letter-spacing-font-size
    );
    font-weight: var(
        --typography-raphy-display-extra-large-medium-letter-spacing-font-weight
    );
    letter-spacing: var(
        --typography-raphy-display-extra-large-medium-letter-spacing-letter-spacing
    );
    line-height: var(
        --typography-raphy-display-extra-large-medium-letter-spacing-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-display-extra-large-medium-letter-spacing-text-decoration
    );
    text-decoration: var(
        --typography-raphy-display-extra-large-medium-letter-spacing-text-decoration
    );
    text-transform: var(
        --typography-raphy-display-extra-large-medium-letter-spacing-text-transform
    );
}
.t-raphy-display-extra-large-medium-text-transform {
    font-family: var(
        --typography-raphy-display-extra-large-medium-text-transform-font-family
    );
    font-size: var(
        --typography-raphy-display-extra-large-medium-text-transform-font-size
    );
    font-weight: var(
        --typography-raphy-display-extra-large-medium-text-transform-font-weight
    );
    letter-spacing: var(
        --typography-raphy-display-extra-large-medium-text-transform-letter-spacing
    );
    line-height: var(
        --typography-raphy-display-extra-large-medium-text-transform-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-display-extra-large-medium-text-transform-text-decoration
    );
    text-decoration: var(
        --typography-raphy-display-extra-large-medium-text-transform-text-decoration
    );
    text-transform: var(
        --typography-raphy-display-extra-large-medium-text-transform-text-transform
    );
}
.t-raphy-display-extra-large-font-family {
    font-family: var(
        --typography-raphy-display-extra-large-font-family-font-family
    );
    font-size: var(
        --typography-raphy-display-extra-large-font-family-font-size
    );
    font-weight: var(
        --typography-raphy-display-extra-large-font-family-font-weight
    );
    letter-spacing: var(
        --typography-raphy-display-extra-large-font-family-letter-spacing
    );
    line-height: var(
        --typography-raphy-display-extra-large-font-family-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-display-extra-large-font-family-text-decoration
    );
    text-decoration: var(
        --typography-raphy-display-extra-large-font-family-text-decoration
    );
    text-transform: var(
        --typography-raphy-display-extra-large-font-family-text-transform
    );
}
.t-raphy-display-extra-large-font-weight {
    font-family: var(
        --typography-raphy-display-extra-large-font-weight-font-family
    );
    font-size: var(
        --typography-raphy-display-extra-large-font-weight-font-size
    );
    font-weight: var(
        --typography-raphy-display-extra-large-font-weight-font-weight
    );
    letter-spacing: var(
        --typography-raphy-display-extra-large-font-weight-letter-spacing
    );
    line-height: var(
        --typography-raphy-display-extra-large-font-weight-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-display-extra-large-font-weight-text-decoration
    );
    text-decoration: var(
        --typography-raphy-display-extra-large-font-weight-text-decoration
    );
    text-transform: var(
        --typography-raphy-display-extra-large-font-weight-text-transform
    );
}
.t-raphy-display-extra-large-font-size {
    font-family: var(
        --typography-raphy-display-extra-large-font-size-font-family
    );
    font-size: var(--typography-raphy-display-extra-large-font-size-font-size);
    font-weight: var(
        --typography-raphy-display-extra-large-font-size-font-weight
    );
    letter-spacing: var(
        --typography-raphy-display-extra-large-font-size-letter-spacing
    );
    line-height: var(
        --typography-raphy-display-extra-large-font-size-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-display-extra-large-font-size-text-decoration
    );
    text-decoration: var(
        --typography-raphy-display-extra-large-font-size-text-decoration
    );
    text-transform: var(
        --typography-raphy-display-extra-large-font-size-text-transform
    );
}
.t-raphy-display-extra-large-line-height {
    font-family: var(
        --typography-raphy-display-extra-large-line-height-font-family
    );
    font-size: var(
        --typography-raphy-display-extra-large-line-height-font-size
    );
    font-weight: var(
        --typography-raphy-display-extra-large-line-height-font-weight
    );
    letter-spacing: var(
        --typography-raphy-display-extra-large-line-height-letter-spacing
    );
    line-height: var(
        --typography-raphy-display-extra-large-line-height-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-display-extra-large-line-height-text-decoration
    );
    text-decoration: var(
        --typography-raphy-display-extra-large-line-height-text-decoration
    );
    text-transform: var(
        --typography-raphy-display-extra-large-line-height-text-transform
    );
}
.t-raphy-display-extra-large-letter-spacing {
    font-family: var(
        --typography-raphy-display-extra-large-letter-spacing-font-family
    );
    font-size: var(
        --typography-raphy-display-extra-large-letter-spacing-font-size
    );
    font-weight: var(
        --typography-raphy-display-extra-large-letter-spacing-font-weight
    );
    letter-spacing: var(
        --typography-raphy-display-extra-large-letter-spacing-letter-spacing
    );
    line-height: var(
        --typography-raphy-display-extra-large-letter-spacing-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-display-extra-large-letter-spacing-text-decoration
    );
    text-decoration: var(
        --typography-raphy-display-extra-large-letter-spacing-text-decoration
    );
    text-transform: var(
        --typography-raphy-display-extra-large-letter-spacing-text-transform
    );
}
.t-raphy-display-extra-large-text-transform {
    font-family: var(
        --typography-raphy-display-extra-large-text-transform-font-family
    );
    font-size: var(
        --typography-raphy-display-extra-large-text-transform-font-size
    );
    font-weight: var(
        --typography-raphy-display-extra-large-text-transform-font-weight
    );
    letter-spacing: var(
        --typography-raphy-display-extra-large-text-transform-letter-spacing
    );
    line-height: var(
        --typography-raphy-display-extra-large-text-transform-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-display-extra-large-text-transform-text-decoration
    );
    text-decoration: var(
        --typography-raphy-display-extra-large-text-transform-text-decoration
    );
    text-transform: var(
        --typography-raphy-display-extra-large-text-transform-text-transform
    );
}
.t-raphy-display-2-extra-large-semi-bold-font-family {
    font-family: var(
        --typography-raphy-display-2-extra-large-semi-bold-font-family-font-family
    );
    font-size: var(
        --typography-raphy-display-2-extra-large-semi-bold-font-family-font-size
    );
    font-weight: var(
        --typography-raphy-display-2-extra-large-semi-bold-font-family-font-weight
    );
    letter-spacing: var(
        --typography-raphy-display-2-extra-large-semi-bold-font-family-letter-spacing
    );
    line-height: var(
        --typography-raphy-display-2-extra-large-semi-bold-font-family-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-display-2-extra-large-semi-bold-font-family-text-decoration
    );
    text-decoration: var(
        --typography-raphy-display-2-extra-large-semi-bold-font-family-text-decoration
    );
    text-transform: var(
        --typography-raphy-display-2-extra-large-semi-bold-font-family-text-transform
    );
}
.t-raphy-display-2-extra-large-semi-bold-font-weight {
    font-family: var(
        --typography-raphy-display-2-extra-large-semi-bold-font-weight-font-family
    );
    font-size: var(
        --typography-raphy-display-2-extra-large-semi-bold-font-weight-font-size
    );
    font-weight: var(
        --typography-raphy-display-2-extra-large-semi-bold-font-weight-font-weight
    );
    letter-spacing: var(
        --typography-raphy-display-2-extra-large-semi-bold-font-weight-letter-spacing
    );
    line-height: var(
        --typography-raphy-display-2-extra-large-semi-bold-font-weight-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-display-2-extra-large-semi-bold-font-weight-text-decoration
    );
    text-decoration: var(
        --typography-raphy-display-2-extra-large-semi-bold-font-weight-text-decoration
    );
    text-transform: var(
        --typography-raphy-display-2-extra-large-semi-bold-font-weight-text-transform
    );
}
.t-raphy-display-2-extra-large-semi-bold-font-size {
    font-family: var(
        --typography-raphy-display-2-extra-large-semi-bold-font-size-font-family
    );
    font-size: var(
        --typography-raphy-display-2-extra-large-semi-bold-font-size-font-size
    );
    font-weight: var(
        --typography-raphy-display-2-extra-large-semi-bold-font-size-font-weight
    );
    letter-spacing: var(
        --typography-raphy-display-2-extra-large-semi-bold-font-size-letter-spacing
    );
    line-height: var(
        --typography-raphy-display-2-extra-large-semi-bold-font-size-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-display-2-extra-large-semi-bold-font-size-text-decoration
    );
    text-decoration: var(
        --typography-raphy-display-2-extra-large-semi-bold-font-size-text-decoration
    );
    text-transform: var(
        --typography-raphy-display-2-extra-large-semi-bold-font-size-text-transform
    );
}
.t-raphy-display-2-extra-large-semi-bold-line-height {
    font-family: var(
        --typography-raphy-display-2-extra-large-semi-bold-line-height-font-family
    );
    font-size: var(
        --typography-raphy-display-2-extra-large-semi-bold-line-height-font-size
    );
    font-weight: var(
        --typography-raphy-display-2-extra-large-semi-bold-line-height-font-weight
    );
    letter-spacing: var(
        --typography-raphy-display-2-extra-large-semi-bold-line-height-letter-spacing
    );
    line-height: var(
        --typography-raphy-display-2-extra-large-semi-bold-line-height-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-display-2-extra-large-semi-bold-line-height-text-decoration
    );
    text-decoration: var(
        --typography-raphy-display-2-extra-large-semi-bold-line-height-text-decoration
    );
    text-transform: var(
        --typography-raphy-display-2-extra-large-semi-bold-line-height-text-transform
    );
}
.t-raphy-display-2-extra-large-semi-bold-letter-spacing {
    font-family: var(
        --typography-raphy-display-2-extra-large-semi-bold-letter-spacing-font-family
    );
    font-size: var(
        --typography-raphy-display-2-extra-large-semi-bold-letter-spacing-font-size
    );
    font-weight: var(
        --typography-raphy-display-2-extra-large-semi-bold-letter-spacing-font-weight
    );
    letter-spacing: var(
        --typography-raphy-display-2-extra-large-semi-bold-letter-spacing-letter-spacing
    );
    line-height: var(
        --typography-raphy-display-2-extra-large-semi-bold-letter-spacing-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-display-2-extra-large-semi-bold-letter-spacing-text-decoration
    );
    text-decoration: var(
        --typography-raphy-display-2-extra-large-semi-bold-letter-spacing-text-decoration
    );
    text-transform: var(
        --typography-raphy-display-2-extra-large-semi-bold-letter-spacing-text-transform
    );
}
.t-raphy-display-2-extra-large-semi-bold-text-transform {
    font-family: var(
        --typography-raphy-display-2-extra-large-semi-bold-text-transform-font-family
    );
    font-size: var(
        --typography-raphy-display-2-extra-large-semi-bold-text-transform-font-size
    );
    font-weight: var(
        --typography-raphy-display-2-extra-large-semi-bold-text-transform-font-weight
    );
    letter-spacing: var(
        --typography-raphy-display-2-extra-large-semi-bold-text-transform-letter-spacing
    );
    line-height: var(
        --typography-raphy-display-2-extra-large-semi-bold-text-transform-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-display-2-extra-large-semi-bold-text-transform-text-decoration
    );
    text-decoration: var(
        --typography-raphy-display-2-extra-large-semi-bold-text-transform-text-decoration
    );
    text-transform: var(
        --typography-raphy-display-2-extra-large-semi-bold-text-transform-text-transform
    );
}
.t-raphy-display-2-extra-large-medium-font-family {
    font-family: var(
        --typography-raphy-display-2-extra-large-medium-font-family-font-family
    );
    font-size: var(
        --typography-raphy-display-2-extra-large-medium-font-family-font-size
    );
    font-weight: var(
        --typography-raphy-display-2-extra-large-medium-font-family-font-weight
    );
    letter-spacing: var(
        --typography-raphy-display-2-extra-large-medium-font-family-letter-spacing
    );
    line-height: var(
        --typography-raphy-display-2-extra-large-medium-font-family-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-display-2-extra-large-medium-font-family-text-decoration
    );
    text-decoration: var(
        --typography-raphy-display-2-extra-large-medium-font-family-text-decoration
    );
    text-transform: var(
        --typography-raphy-display-2-extra-large-medium-font-family-text-transform
    );
}
.t-raphy-display-2-extra-large-medium-font-weight {
    font-family: var(
        --typography-raphy-display-2-extra-large-medium-font-weight-font-family
    );
    font-size: var(
        --typography-raphy-display-2-extra-large-medium-font-weight-font-size
    );
    font-weight: var(
        --typography-raphy-display-2-extra-large-medium-font-weight-font-weight
    );
    letter-spacing: var(
        --typography-raphy-display-2-extra-large-medium-font-weight-letter-spacing
    );
    line-height: var(
        --typography-raphy-display-2-extra-large-medium-font-weight-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-display-2-extra-large-medium-font-weight-text-decoration
    );
    text-decoration: var(
        --typography-raphy-display-2-extra-large-medium-font-weight-text-decoration
    );
    text-transform: var(
        --typography-raphy-display-2-extra-large-medium-font-weight-text-transform
    );
}
.t-raphy-display-2-extra-large-medium-font-size {
    font-family: var(
        --typography-raphy-display-2-extra-large-medium-font-size-font-family
    );
    font-size: var(
        --typography-raphy-display-2-extra-large-medium-font-size-font-size
    );
    font-weight: var(
        --typography-raphy-display-2-extra-large-medium-font-size-font-weight
    );
    letter-spacing: var(
        --typography-raphy-display-2-extra-large-medium-font-size-letter-spacing
    );
    line-height: var(
        --typography-raphy-display-2-extra-large-medium-font-size-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-display-2-extra-large-medium-font-size-text-decoration
    );
    text-decoration: var(
        --typography-raphy-display-2-extra-large-medium-font-size-text-decoration
    );
    text-transform: var(
        --typography-raphy-display-2-extra-large-medium-font-size-text-transform
    );
}
.t-raphy-display-2-extra-large-medium-line-height {
    font-family: var(
        --typography-raphy-display-2-extra-large-medium-line-height-font-family
    );
    font-size: var(
        --typography-raphy-display-2-extra-large-medium-line-height-font-size
    );
    font-weight: var(
        --typography-raphy-display-2-extra-large-medium-line-height-font-weight
    );
    letter-spacing: var(
        --typography-raphy-display-2-extra-large-medium-line-height-letter-spacing
    );
    line-height: var(
        --typography-raphy-display-2-extra-large-medium-line-height-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-display-2-extra-large-medium-line-height-text-decoration
    );
    text-decoration: var(
        --typography-raphy-display-2-extra-large-medium-line-height-text-decoration
    );
    text-transform: var(
        --typography-raphy-display-2-extra-large-medium-line-height-text-transform
    );
}
.t-raphy-display-2-extra-large-medium-letter-spacing {
    font-family: var(
        --typography-raphy-display-2-extra-large-medium-letter-spacing-font-family
    );
    font-size: var(
        --typography-raphy-display-2-extra-large-medium-letter-spacing-font-size
    );
    font-weight: var(
        --typography-raphy-display-2-extra-large-medium-letter-spacing-font-weight
    );
    letter-spacing: var(
        --typography-raphy-display-2-extra-large-medium-letter-spacing-letter-spacing
    );
    line-height: var(
        --typography-raphy-display-2-extra-large-medium-letter-spacing-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-display-2-extra-large-medium-letter-spacing-text-decoration
    );
    text-decoration: var(
        --typography-raphy-display-2-extra-large-medium-letter-spacing-text-decoration
    );
    text-transform: var(
        --typography-raphy-display-2-extra-large-medium-letter-spacing-text-transform
    );
}
.t-raphy-display-2-extra-large-medium-text-transform {
    font-family: var(
        --typography-raphy-display-2-extra-large-medium-text-transform-font-family
    );
    font-size: var(
        --typography-raphy-display-2-extra-large-medium-text-transform-font-size
    );
    font-weight: var(
        --typography-raphy-display-2-extra-large-medium-text-transform-font-weight
    );
    letter-spacing: var(
        --typography-raphy-display-2-extra-large-medium-text-transform-letter-spacing
    );
    line-height: var(
        --typography-raphy-display-2-extra-large-medium-text-transform-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-display-2-extra-large-medium-text-transform-text-decoration
    );
    text-decoration: var(
        --typography-raphy-display-2-extra-large-medium-text-transform-text-decoration
    );
    text-transform: var(
        --typography-raphy-display-2-extra-large-medium-text-transform-text-transform
    );
}
.t-raphy-title-large-medium-font-family {
    font-family: var(
        --typography-raphy-title-large-medium-font-family-font-family
    );
    font-size: var(--typography-raphy-title-large-medium-font-family-font-size);
    font-weight: var(
        --typography-raphy-title-large-medium-font-family-font-weight
    );
    letter-spacing: var(
        --typography-raphy-title-large-medium-font-family-letter-spacing
    );
    line-height: var(
        --typography-raphy-title-large-medium-font-family-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-title-large-medium-font-family-text-decoration
    );
    text-decoration: var(
        --typography-raphy-title-large-medium-font-family-text-decoration
    );
    text-transform: var(
        --typography-raphy-title-large-medium-font-family-text-transform
    );
}
.t-raphy-title-large-medium-font-weight {
    font-family: var(
        --typography-raphy-title-large-medium-font-weight-font-family
    );
    font-size: var(--typography-raphy-title-large-medium-font-weight-font-size);
    font-weight: var(
        --typography-raphy-title-large-medium-font-weight-font-weight
    );
    letter-spacing: var(
        --typography-raphy-title-large-medium-font-weight-letter-spacing
    );
    line-height: var(
        --typography-raphy-title-large-medium-font-weight-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-title-large-medium-font-weight-text-decoration
    );
    text-decoration: var(
        --typography-raphy-title-large-medium-font-weight-text-decoration
    );
    text-transform: var(
        --typography-raphy-title-large-medium-font-weight-text-transform
    );
}
.t-raphy-title-large-medium-font-size {
    font-family: var(
        --typography-raphy-title-large-medium-font-size-font-family
    );
    font-size: var(--typography-raphy-title-large-medium-font-size-font-size);
    font-weight: var(
        --typography-raphy-title-large-medium-font-size-font-weight
    );
    letter-spacing: var(
        --typography-raphy-title-large-medium-font-size-letter-spacing
    );
    line-height: var(
        --typography-raphy-title-large-medium-font-size-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-title-large-medium-font-size-text-decoration
    );
    text-decoration: var(
        --typography-raphy-title-large-medium-font-size-text-decoration
    );
    text-transform: var(
        --typography-raphy-title-large-medium-font-size-text-transform
    );
}
.t-raphy-title-large-medium-line-height {
    font-family: var(
        --typography-raphy-title-large-medium-line-height-font-family
    );
    font-size: var(--typography-raphy-title-large-medium-line-height-font-size);
    font-weight: var(
        --typography-raphy-title-large-medium-line-height-font-weight
    );
    letter-spacing: var(
        --typography-raphy-title-large-medium-line-height-letter-spacing
    );
    line-height: var(
        --typography-raphy-title-large-medium-line-height-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-title-large-medium-line-height-text-decoration
    );
    text-decoration: var(
        --typography-raphy-title-large-medium-line-height-text-decoration
    );
    text-transform: var(
        --typography-raphy-title-large-medium-line-height-text-transform
    );
}
.t-raphy-title-large-medium-letter-spacing {
    font-family: var(
        --typography-raphy-title-large-medium-letter-spacing-font-family
    );
    font-size: var(
        --typography-raphy-title-large-medium-letter-spacing-font-size
    );
    font-weight: var(
        --typography-raphy-title-large-medium-letter-spacing-font-weight
    );
    letter-spacing: var(
        --typography-raphy-title-large-medium-letter-spacing-letter-spacing
    );
    line-height: var(
        --typography-raphy-title-large-medium-letter-spacing-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-title-large-medium-letter-spacing-text-decoration
    );
    text-decoration: var(
        --typography-raphy-title-large-medium-letter-spacing-text-decoration
    );
    text-transform: var(
        --typography-raphy-title-large-medium-letter-spacing-text-transform
    );
}
.t-raphy-title-large-medium-text-transform {
    font-family: var(
        --typography-raphy-title-large-medium-text-transform-font-family
    );
    font-size: var(
        --typography-raphy-title-large-medium-text-transform-font-size
    );
    font-weight: var(
        --typography-raphy-title-large-medium-text-transform-font-weight
    );
    letter-spacing: var(
        --typography-raphy-title-large-medium-text-transform-letter-spacing
    );
    line-height: var(
        --typography-raphy-title-large-medium-text-transform-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-title-large-medium-text-transform-text-decoration
    );
    text-decoration: var(
        --typography-raphy-title-large-medium-text-transform-text-decoration
    );
    text-transform: var(
        --typography-raphy-title-large-medium-text-transform-text-transform
    );
}
.t-raphy-title-large-font-family {
    font-family: var(--typography-raphy-title-large-font-family-font-family);
    font-size: var(--typography-raphy-title-large-font-family-font-size);
    font-weight: var(--typography-raphy-title-large-font-family-font-weight);
    letter-spacing: var(
        --typography-raphy-title-large-font-family-letter-spacing
    );
    line-height: var(--typography-raphy-title-large-font-family-line-height);
    -webkit-text-decoration: var(
        --typography-raphy-title-large-font-family-text-decoration
    );
    text-decoration: var(
        --typography-raphy-title-large-font-family-text-decoration
    );
    text-transform: var(
        --typography-raphy-title-large-font-family-text-transform
    );
}
.t-raphy-title-large-font-weight {
    font-family: var(--typography-raphy-title-large-font-weight-font-family);
    font-size: var(--typography-raphy-title-large-font-weight-font-size);
    font-weight: var(--typography-raphy-title-large-font-weight-font-weight);
    letter-spacing: var(
        --typography-raphy-title-large-font-weight-letter-spacing
    );
    line-height: var(--typography-raphy-title-large-font-weight-line-height);
    -webkit-text-decoration: var(
        --typography-raphy-title-large-font-weight-text-decoration
    );
    text-decoration: var(
        --typography-raphy-title-large-font-weight-text-decoration
    );
    text-transform: var(
        --typography-raphy-title-large-font-weight-text-transform
    );
}
.t-raphy-title-large-font-size {
    font-family: var(--typography-raphy-title-large-font-size-font-family);
    font-size: var(--typography-raphy-title-large-font-size-font-size);
    font-weight: var(--typography-raphy-title-large-font-size-font-weight);
    letter-spacing: var(
        --typography-raphy-title-large-font-size-letter-spacing
    );
    line-height: var(--typography-raphy-title-large-font-size-line-height);
    -webkit-text-decoration: var(
        --typography-raphy-title-large-font-size-text-decoration
    );
    text-decoration: var(
        --typography-raphy-title-large-font-size-text-decoration
    );
    text-transform: var(
        --typography-raphy-title-large-font-size-text-transform
    );
}
.t-raphy-title-large-line-height {
    font-family: var(--typography-raphy-title-large-line-height-font-family);
    font-size: var(--typography-raphy-title-large-line-height-font-size);
    font-weight: var(--typography-raphy-title-large-line-height-font-weight);
    letter-spacing: var(
        --typography-raphy-title-large-line-height-letter-spacing
    );
    line-height: var(--typography-raphy-title-large-line-height-line-height);
    -webkit-text-decoration: var(
        --typography-raphy-title-large-line-height-text-decoration
    );
    text-decoration: var(
        --typography-raphy-title-large-line-height-text-decoration
    );
    text-transform: var(
        --typography-raphy-title-large-line-height-text-transform
    );
}
.t-raphy-title-large-letter-spacing {
    font-family: var(--typography-raphy-title-large-letter-spacing-font-family);
    font-size: var(--typography-raphy-title-large-letter-spacing-font-size);
    font-weight: var(--typography-raphy-title-large-letter-spacing-font-weight);
    letter-spacing: var(
        --typography-raphy-title-large-letter-spacing-letter-spacing
    );
    line-height: var(--typography-raphy-title-large-letter-spacing-line-height);
    -webkit-text-decoration: var(
        --typography-raphy-title-large-letter-spacing-text-decoration
    );
    text-decoration: var(
        --typography-raphy-title-large-letter-spacing-text-decoration
    );
    text-transform: var(
        --typography-raphy-title-large-letter-spacing-text-transform
    );
}
.t-raphy-title-large-text-transform {
    font-family: var(--typography-raphy-title-large-text-transform-font-family);
    font-size: var(--typography-raphy-title-large-text-transform-font-size);
    font-weight: var(--typography-raphy-title-large-text-transform-font-weight);
    letter-spacing: var(
        --typography-raphy-title-large-text-transform-letter-spacing
    );
    line-height: var(--typography-raphy-title-large-text-transform-line-height);
    -webkit-text-decoration: var(
        --typography-raphy-title-large-text-transform-text-decoration
    );
    text-decoration: var(
        --typography-raphy-title-large-text-transform-text-decoration
    );
    text-transform: var(
        --typography-raphy-title-large-text-transform-text-transform
    );
}
.t-raphy-title-medium-medium-font-family {
    font-family: var(
        --typography-raphy-title-medium-medium-font-family-font-family
    );
    font-size: var(
        --typography-raphy-title-medium-medium-font-family-font-size
    );
    font-weight: var(
        --typography-raphy-title-medium-medium-font-family-font-weight
    );
    letter-spacing: var(
        --typography-raphy-title-medium-medium-font-family-letter-spacing
    );
    line-height: var(
        --typography-raphy-title-medium-medium-font-family-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-title-medium-medium-font-family-text-decoration
    );
    text-decoration: var(
        --typography-raphy-title-medium-medium-font-family-text-decoration
    );
    text-transform: var(
        --typography-raphy-title-medium-medium-font-family-text-transform
    );
}
.t-raphy-title-medium-medium-font-weight {
    font-family: var(
        --typography-raphy-title-medium-medium-font-weight-font-family
    );
    font-size: var(
        --typography-raphy-title-medium-medium-font-weight-font-size
    );
    font-weight: var(
        --typography-raphy-title-medium-medium-font-weight-font-weight
    );
    letter-spacing: var(
        --typography-raphy-title-medium-medium-font-weight-letter-spacing
    );
    line-height: var(
        --typography-raphy-title-medium-medium-font-weight-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-title-medium-medium-font-weight-text-decoration
    );
    text-decoration: var(
        --typography-raphy-title-medium-medium-font-weight-text-decoration
    );
    text-transform: var(
        --typography-raphy-title-medium-medium-font-weight-text-transform
    );
}
.t-raphy-title-medium-medium-font-size {
    font-family: var(
        --typography-raphy-title-medium-medium-font-size-font-family
    );
    font-size: var(--typography-raphy-title-medium-medium-font-size-font-size);
    font-weight: var(
        --typography-raphy-title-medium-medium-font-size-font-weight
    );
    letter-spacing: var(
        --typography-raphy-title-medium-medium-font-size-letter-spacing
    );
    line-height: var(
        --typography-raphy-title-medium-medium-font-size-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-title-medium-medium-font-size-text-decoration
    );
    text-decoration: var(
        --typography-raphy-title-medium-medium-font-size-text-decoration
    );
    text-transform: var(
        --typography-raphy-title-medium-medium-font-size-text-transform
    );
}
.t-raphy-title-medium-medium-line-height {
    font-family: var(
        --typography-raphy-title-medium-medium-line-height-font-family
    );
    font-size: var(
        --typography-raphy-title-medium-medium-line-height-font-size
    );
    font-weight: var(
        --typography-raphy-title-medium-medium-line-height-font-weight
    );
    letter-spacing: var(
        --typography-raphy-title-medium-medium-line-height-letter-spacing
    );
    line-height: var(
        --typography-raphy-title-medium-medium-line-height-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-title-medium-medium-line-height-text-decoration
    );
    text-decoration: var(
        --typography-raphy-title-medium-medium-line-height-text-decoration
    );
    text-transform: var(
        --typography-raphy-title-medium-medium-line-height-text-transform
    );
}
.t-raphy-title-medium-medium-letter-spacing {
    font-family: var(
        --typography-raphy-title-medium-medium-letter-spacing-font-family
    );
    font-size: var(
        --typography-raphy-title-medium-medium-letter-spacing-font-size
    );
    font-weight: var(
        --typography-raphy-title-medium-medium-letter-spacing-font-weight
    );
    letter-spacing: var(
        --typography-raphy-title-medium-medium-letter-spacing-letter-spacing
    );
    line-height: var(
        --typography-raphy-title-medium-medium-letter-spacing-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-title-medium-medium-letter-spacing-text-decoration
    );
    text-decoration: var(
        --typography-raphy-title-medium-medium-letter-spacing-text-decoration
    );
    text-transform: var(
        --typography-raphy-title-medium-medium-letter-spacing-text-transform
    );
}
.t-raphy-title-medium-medium-text-transform {
    font-family: var(
        --typography-raphy-title-medium-medium-text-transform-font-family
    );
    font-size: var(
        --typography-raphy-title-medium-medium-text-transform-font-size
    );
    font-weight: var(
        --typography-raphy-title-medium-medium-text-transform-font-weight
    );
    letter-spacing: var(
        --typography-raphy-title-medium-medium-text-transform-letter-spacing
    );
    line-height: var(
        --typography-raphy-title-medium-medium-text-transform-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-title-medium-medium-text-transform-text-decoration
    );
    text-decoration: var(
        --typography-raphy-title-medium-medium-text-transform-text-decoration
    );
    text-transform: var(
        --typography-raphy-title-medium-medium-text-transform-text-transform
    );
}
.t-raphy-title-medium-font-family {
    font-family: var(--typography-raphy-title-medium-font-family-font-family);
    font-size: var(--typography-raphy-title-medium-font-family-font-size);
    font-weight: var(--typography-raphy-title-medium-font-family-font-weight);
    letter-spacing: var(
        --typography-raphy-title-medium-font-family-letter-spacing
    );
    line-height: var(--typography-raphy-title-medium-font-family-line-height);
    -webkit-text-decoration: var(
        --typography-raphy-title-medium-font-family-text-decoration
    );
    text-decoration: var(
        --typography-raphy-title-medium-font-family-text-decoration
    );
    text-transform: var(
        --typography-raphy-title-medium-font-family-text-transform
    );
}
.t-raphy-title-medium-font-weight {
    font-family: var(--typography-raphy-title-medium-font-weight-font-family);
    font-size: var(--typography-raphy-title-medium-font-weight-font-size);
    font-weight: var(--typography-raphy-title-medium-font-weight-font-weight);
    letter-spacing: var(
        --typography-raphy-title-medium-font-weight-letter-spacing
    );
    line-height: var(--typography-raphy-title-medium-font-weight-line-height);
    -webkit-text-decoration: var(
        --typography-raphy-title-medium-font-weight-text-decoration
    );
    text-decoration: var(
        --typography-raphy-title-medium-font-weight-text-decoration
    );
    text-transform: var(
        --typography-raphy-title-medium-font-weight-text-transform
    );
}
.t-raphy-title-medium-font-size {
    font-family: var(--typography-raphy-title-medium-font-size-font-family);
    font-size: var(--typography-raphy-title-medium-font-size-font-size);
    font-weight: var(--typography-raphy-title-medium-font-size-font-weight);
    letter-spacing: var(
        --typography-raphy-title-medium-font-size-letter-spacing
    );
    line-height: var(--typography-raphy-title-medium-font-size-line-height);
    -webkit-text-decoration: var(
        --typography-raphy-title-medium-font-size-text-decoration
    );
    text-decoration: var(
        --typography-raphy-title-medium-font-size-text-decoration
    );
    text-transform: var(
        --typography-raphy-title-medium-font-size-text-transform
    );
}
.t-raphy-title-medium-line-height {
    font-family: var(--typography-raphy-title-medium-line-height-font-family);
    font-size: var(--typography-raphy-title-medium-line-height-font-size);
    font-weight: var(--typography-raphy-title-medium-line-height-font-weight);
    letter-spacing: var(
        --typography-raphy-title-medium-line-height-letter-spacing
    );
    line-height: var(--typography-raphy-title-medium-line-height-line-height);
    -webkit-text-decoration: var(
        --typography-raphy-title-medium-line-height-text-decoration
    );
    text-decoration: var(
        --typography-raphy-title-medium-line-height-text-decoration
    );
    text-transform: var(
        --typography-raphy-title-medium-line-height-text-transform
    );
}
.t-raphy-title-medium-letter-spacing {
    font-family: var(
        --typography-raphy-title-medium-letter-spacing-font-family
    );
    font-size: var(--typography-raphy-title-medium-letter-spacing-font-size);
    font-weight: var(
        --typography-raphy-title-medium-letter-spacing-font-weight
    );
    letter-spacing: var(
        --typography-raphy-title-medium-letter-spacing-letter-spacing
    );
    line-height: var(
        --typography-raphy-title-medium-letter-spacing-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-title-medium-letter-spacing-text-decoration
    );
    text-decoration: var(
        --typography-raphy-title-medium-letter-spacing-text-decoration
    );
    text-transform: var(
        --typography-raphy-title-medium-letter-spacing-text-transform
    );
}
.t-raphy-title-medium-text-transform {
    font-family: var(
        --typography-raphy-title-medium-text-transform-font-family
    );
    font-size: var(--typography-raphy-title-medium-text-transform-font-size);
    font-weight: var(
        --typography-raphy-title-medium-text-transform-font-weight
    );
    letter-spacing: var(
        --typography-raphy-title-medium-text-transform-letter-spacing
    );
    line-height: var(
        --typography-raphy-title-medium-text-transform-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-title-medium-text-transform-text-decoration
    );
    text-decoration: var(
        --typography-raphy-title-medium-text-transform-text-decoration
    );
    text-transform: var(
        --typography-raphy-title-medium-text-transform-text-transform
    );
}
.t-raphy-label-large-bold-font-family {
    font-family: var(
        --typography-raphy-label-large-bold-font-family-font-family
    );
    font-size: var(--typography-raphy-label-large-bold-font-family-font-size);
    font-weight: var(
        --typography-raphy-label-large-bold-font-family-font-weight
    );
    letter-spacing: var(
        --typography-raphy-label-large-bold-font-family-letter-spacing
    );
    line-height: var(
        --typography-raphy-label-large-bold-font-family-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-label-large-bold-font-family-text-decoration
    );
    text-decoration: var(
        --typography-raphy-label-large-bold-font-family-text-decoration
    );
    text-transform: var(
        --typography-raphy-label-large-bold-font-family-text-transform
    );
}
.t-raphy-label-large-bold-font-weight {
    font-family: var(
        --typography-raphy-label-large-bold-font-weight-font-family
    );
    font-size: var(--typography-raphy-label-large-bold-font-weight-font-size);
    font-weight: var(
        --typography-raphy-label-large-bold-font-weight-font-weight
    );
    letter-spacing: var(
        --typography-raphy-label-large-bold-font-weight-letter-spacing
    );
    line-height: var(
        --typography-raphy-label-large-bold-font-weight-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-label-large-bold-font-weight-text-decoration
    );
    text-decoration: var(
        --typography-raphy-label-large-bold-font-weight-text-decoration
    );
    text-transform: var(
        --typography-raphy-label-large-bold-font-weight-text-transform
    );
}
.t-raphy-label-large-bold-font-size {
    font-family: var(--typography-raphy-label-large-bold-font-size-font-family);
    font-size: var(--typography-raphy-label-large-bold-font-size-font-size);
    font-weight: var(--typography-raphy-label-large-bold-font-size-font-weight);
    letter-spacing: var(
        --typography-raphy-label-large-bold-font-size-letter-spacing
    );
    line-height: var(--typography-raphy-label-large-bold-font-size-line-height);
    -webkit-text-decoration: var(
        --typography-raphy-label-large-bold-font-size-text-decoration
    );
    text-decoration: var(
        --typography-raphy-label-large-bold-font-size-text-decoration
    );
    text-transform: var(
        --typography-raphy-label-large-bold-font-size-text-transform
    );
}
.t-raphy-label-large-bold-line-height {
    font-family: var(
        --typography-raphy-label-large-bold-line-height-font-family
    );
    font-size: var(--typography-raphy-label-large-bold-line-height-font-size);
    font-weight: var(
        --typography-raphy-label-large-bold-line-height-font-weight
    );
    letter-spacing: var(
        --typography-raphy-label-large-bold-line-height-letter-spacing
    );
    line-height: var(
        --typography-raphy-label-large-bold-line-height-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-label-large-bold-line-height-text-decoration
    );
    text-decoration: var(
        --typography-raphy-label-large-bold-line-height-text-decoration
    );
    text-transform: var(
        --typography-raphy-label-large-bold-line-height-text-transform
    );
}
.t-raphy-label-large-bold-letter-spacing {
    font-family: var(
        --typography-raphy-label-large-bold-letter-spacing-font-family
    );
    font-size: var(
        --typography-raphy-label-large-bold-letter-spacing-font-size
    );
    font-weight: var(
        --typography-raphy-label-large-bold-letter-spacing-font-weight
    );
    letter-spacing: var(
        --typography-raphy-label-large-bold-letter-spacing-letter-spacing
    );
    line-height: var(
        --typography-raphy-label-large-bold-letter-spacing-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-label-large-bold-letter-spacing-text-decoration
    );
    text-decoration: var(
        --typography-raphy-label-large-bold-letter-spacing-text-decoration
    );
    text-transform: var(
        --typography-raphy-label-large-bold-letter-spacing-text-transform
    );
}
.t-raphy-label-large-bold-text-transform {
    font-family: var(
        --typography-raphy-label-large-bold-text-transform-font-family
    );
    font-size: var(
        --typography-raphy-label-large-bold-text-transform-font-size
    );
    font-weight: var(
        --typography-raphy-label-large-bold-text-transform-font-weight
    );
    letter-spacing: var(
        --typography-raphy-label-large-bold-text-transform-letter-spacing
    );
    line-height: var(
        --typography-raphy-label-large-bold-text-transform-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-label-large-bold-text-transform-text-decoration
    );
    text-decoration: var(
        --typography-raphy-label-large-bold-text-transform-text-decoration
    );
    text-transform: var(
        --typography-raphy-label-large-bold-text-transform-text-transform
    );
}
.t-raphy-label-large-font-family {
    font-family: var(--typography-raphy-label-large-font-family-font-family);
    font-size: var(--typography-raphy-label-large-font-family-font-size);
    font-weight: var(--typography-raphy-label-large-font-family-font-weight);
    letter-spacing: var(
        --typography-raphy-label-large-font-family-letter-spacing
    );
    line-height: var(--typography-raphy-label-large-font-family-line-height);
    -webkit-text-decoration: var(
        --typography-raphy-label-large-font-family-text-decoration
    );
    text-decoration: var(
        --typography-raphy-label-large-font-family-text-decoration
    );
    text-transform: var(
        --typography-raphy-label-large-font-family-text-transform
    );
}
.t-raphy-label-large-font-weight {
    font-family: var(--typography-raphy-label-large-font-weight-font-family);
    font-size: var(--typography-raphy-label-large-font-weight-font-size);
    font-weight: var(--typography-raphy-label-large-font-weight-font-weight);
    letter-spacing: var(
        --typography-raphy-label-large-font-weight-letter-spacing
    );
    line-height: var(--typography-raphy-label-large-font-weight-line-height);
    -webkit-text-decoration: var(
        --typography-raphy-label-large-font-weight-text-decoration
    );
    text-decoration: var(
        --typography-raphy-label-large-font-weight-text-decoration
    );
    text-transform: var(
        --typography-raphy-label-large-font-weight-text-transform
    );
}
.t-raphy-label-large-font-size {
    font-family: var(--typography-raphy-label-large-font-size-font-family);
    font-size: var(--typography-raphy-label-large-font-size-font-size);
    font-weight: var(--typography-raphy-label-large-font-size-font-weight);
    letter-spacing: var(
        --typography-raphy-label-large-font-size-letter-spacing
    );
    line-height: var(--typography-raphy-label-large-font-size-line-height);
    -webkit-text-decoration: var(
        --typography-raphy-label-large-font-size-text-decoration
    );
    text-decoration: var(
        --typography-raphy-label-large-font-size-text-decoration
    );
    text-transform: var(
        --typography-raphy-label-large-font-size-text-transform
    );
}
.t-raphy-label-large-line-height {
    font-family: var(--typography-raphy-label-large-line-height-font-family);
    font-size: var(--typography-raphy-label-large-line-height-font-size);
    font-weight: var(--typography-raphy-label-large-line-height-font-weight);
    letter-spacing: var(
        --typography-raphy-label-large-line-height-letter-spacing
    );
    line-height: var(--typography-raphy-label-large-line-height-line-height);
    -webkit-text-decoration: var(
        --typography-raphy-label-large-line-height-text-decoration
    );
    text-decoration: var(
        --typography-raphy-label-large-line-height-text-decoration
    );
    text-transform: var(
        --typography-raphy-label-large-line-height-text-transform
    );
}
.t-raphy-label-large-letter-spacing {
    font-family: var(--typography-raphy-label-large-letter-spacing-font-family);
    font-size: var(--typography-raphy-label-large-letter-spacing-font-size);
    font-weight: var(--typography-raphy-label-large-letter-spacing-font-weight);
    letter-spacing: var(
        --typography-raphy-label-large-letter-spacing-letter-spacing
    );
    line-height: var(--typography-raphy-label-large-letter-spacing-line-height);
    -webkit-text-decoration: var(
        --typography-raphy-label-large-letter-spacing-text-decoration
    );
    text-decoration: var(
        --typography-raphy-label-large-letter-spacing-text-decoration
    );
    text-transform: var(
        --typography-raphy-label-large-letter-spacing-text-transform
    );
}
.t-raphy-label-large-text-transform {
    font-family: var(--typography-raphy-label-large-text-transform-font-family);
    font-size: var(--typography-raphy-label-large-text-transform-font-size);
    font-weight: var(--typography-raphy-label-large-text-transform-font-weight);
    letter-spacing: var(
        --typography-raphy-label-large-text-transform-letter-spacing
    );
    line-height: var(--typography-raphy-label-large-text-transform-line-height);
    -webkit-text-decoration: var(
        --typography-raphy-label-large-text-transform-text-decoration
    );
    text-decoration: var(
        --typography-raphy-label-large-text-transform-text-decoration
    );
    text-transform: var(
        --typography-raphy-label-large-text-transform-text-transform
    );
}
.t-raphy-label-medium-bold-font-family {
    font-family: var(
        --typography-raphy-label-medium-bold-font-family-font-family
    );
    font-size: var(--typography-raphy-label-medium-bold-font-family-font-size);
    font-weight: var(
        --typography-raphy-label-medium-bold-font-family-font-weight
    );
    letter-spacing: var(
        --typography-raphy-label-medium-bold-font-family-letter-spacing
    );
    line-height: var(
        --typography-raphy-label-medium-bold-font-family-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-label-medium-bold-font-family-text-decoration
    );
    text-decoration: var(
        --typography-raphy-label-medium-bold-font-family-text-decoration
    );
    text-transform: var(
        --typography-raphy-label-medium-bold-font-family-text-transform
    );
}
.t-raphy-label-medium-bold-font-weight {
    font-family: var(
        --typography-raphy-label-medium-bold-font-weight-font-family
    );
    font-size: var(--typography-raphy-label-medium-bold-font-weight-font-size);
    font-weight: var(
        --typography-raphy-label-medium-bold-font-weight-font-weight
    );
    letter-spacing: var(
        --typography-raphy-label-medium-bold-font-weight-letter-spacing
    );
    line-height: var(
        --typography-raphy-label-medium-bold-font-weight-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-label-medium-bold-font-weight-text-decoration
    );
    text-decoration: var(
        --typography-raphy-label-medium-bold-font-weight-text-decoration
    );
    text-transform: var(
        --typography-raphy-label-medium-bold-font-weight-text-transform
    );
}
.t-raphy-label-medium-bold-font-size {
    font-family: var(
        --typography-raphy-label-medium-bold-font-size-font-family
    );
    font-size: var(--typography-raphy-label-medium-bold-font-size-font-size);
    font-weight: var(
        --typography-raphy-label-medium-bold-font-size-font-weight
    );
    letter-spacing: var(
        --typography-raphy-label-medium-bold-font-size-letter-spacing
    );
    line-height: var(
        --typography-raphy-label-medium-bold-font-size-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-label-medium-bold-font-size-text-decoration
    );
    text-decoration: var(
        --typography-raphy-label-medium-bold-font-size-text-decoration
    );
    text-transform: var(
        --typography-raphy-label-medium-bold-font-size-text-transform
    );
}
.t-raphy-label-medium-bold-line-height {
    font-family: var(
        --typography-raphy-label-medium-bold-line-height-font-family
    );
    font-size: var(--typography-raphy-label-medium-bold-line-height-font-size);
    font-weight: var(
        --typography-raphy-label-medium-bold-line-height-font-weight
    );
    letter-spacing: var(
        --typography-raphy-label-medium-bold-line-height-letter-spacing
    );
    line-height: var(
        --typography-raphy-label-medium-bold-line-height-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-label-medium-bold-line-height-text-decoration
    );
    text-decoration: var(
        --typography-raphy-label-medium-bold-line-height-text-decoration
    );
    text-transform: var(
        --typography-raphy-label-medium-bold-line-height-text-transform
    );
}
.t-raphy-label-medium-bold-letter-spacing {
    font-family: var(
        --typography-raphy-label-medium-bold-letter-spacing-font-family
    );
    font-size: var(
        --typography-raphy-label-medium-bold-letter-spacing-font-size
    );
    font-weight: var(
        --typography-raphy-label-medium-bold-letter-spacing-font-weight
    );
    letter-spacing: var(
        --typography-raphy-label-medium-bold-letter-spacing-letter-spacing
    );
    line-height: var(
        --typography-raphy-label-medium-bold-letter-spacing-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-label-medium-bold-letter-spacing-text-decoration
    );
    text-decoration: var(
        --typography-raphy-label-medium-bold-letter-spacing-text-decoration
    );
    text-transform: var(
        --typography-raphy-label-medium-bold-letter-spacing-text-transform
    );
}
.t-raphy-label-medium-bold-text-transform {
    font-family: var(
        --typography-raphy-label-medium-bold-text-transform-font-family
    );
    font-size: var(
        --typography-raphy-label-medium-bold-text-transform-font-size
    );
    font-weight: var(
        --typography-raphy-label-medium-bold-text-transform-font-weight
    );
    letter-spacing: var(
        --typography-raphy-label-medium-bold-text-transform-letter-spacing
    );
    line-height: var(
        --typography-raphy-label-medium-bold-text-transform-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-label-medium-bold-text-transform-text-decoration
    );
    text-decoration: var(
        --typography-raphy-label-medium-bold-text-transform-text-decoration
    );
    text-transform: var(
        --typography-raphy-label-medium-bold-text-transform-text-transform
    );
}
.t-raphy-label-medium-medium-font-family {
    font-family: var(
        --typography-raphy-label-medium-medium-font-family-font-family
    );
    font-size: var(
        --typography-raphy-label-medium-medium-font-family-font-size
    );
    font-weight: var(
        --typography-raphy-label-medium-medium-font-family-font-weight
    );
    letter-spacing: var(
        --typography-raphy-label-medium-medium-font-family-letter-spacing
    );
    line-height: var(
        --typography-raphy-label-medium-medium-font-family-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-label-medium-medium-font-family-text-decoration
    );
    text-decoration: var(
        --typography-raphy-label-medium-medium-font-family-text-decoration
    );
    text-transform: var(
        --typography-raphy-label-medium-medium-font-family-text-transform
    );
}
.t-raphy-label-medium-medium-font-weight {
    font-family: var(
        --typography-raphy-label-medium-medium-font-weight-font-family
    );
    font-size: var(
        --typography-raphy-label-medium-medium-font-weight-font-size
    );
    font-weight: var(
        --typography-raphy-label-medium-medium-font-weight-font-weight
    );
    letter-spacing: var(
        --typography-raphy-label-medium-medium-font-weight-letter-spacing
    );
    line-height: var(
        --typography-raphy-label-medium-medium-font-weight-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-label-medium-medium-font-weight-text-decoration
    );
    text-decoration: var(
        --typography-raphy-label-medium-medium-font-weight-text-decoration
    );
    text-transform: var(
        --typography-raphy-label-medium-medium-font-weight-text-transform
    );
}
.t-raphy-label-medium-medium-font-size {
    font-family: var(
        --typography-raphy-label-medium-medium-font-size-font-family
    );
    font-size: var(--typography-raphy-label-medium-medium-font-size-font-size);
    font-weight: var(
        --typography-raphy-label-medium-medium-font-size-font-weight
    );
    letter-spacing: var(
        --typography-raphy-label-medium-medium-font-size-letter-spacing
    );
    line-height: var(
        --typography-raphy-label-medium-medium-font-size-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-label-medium-medium-font-size-text-decoration
    );
    text-decoration: var(
        --typography-raphy-label-medium-medium-font-size-text-decoration
    );
    text-transform: var(
        --typography-raphy-label-medium-medium-font-size-text-transform
    );
}
.t-raphy-label-medium-medium-line-height {
    font-family: var(
        --typography-raphy-label-medium-medium-line-height-font-family
    );
    font-size: var(
        --typography-raphy-label-medium-medium-line-height-font-size
    );
    font-weight: var(
        --typography-raphy-label-medium-medium-line-height-font-weight
    );
    letter-spacing: var(
        --typography-raphy-label-medium-medium-line-height-letter-spacing
    );
    line-height: var(
        --typography-raphy-label-medium-medium-line-height-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-label-medium-medium-line-height-text-decoration
    );
    text-decoration: var(
        --typography-raphy-label-medium-medium-line-height-text-decoration
    );
    text-transform: var(
        --typography-raphy-label-medium-medium-line-height-text-transform
    );
}
.t-raphy-label-medium-medium-letter-spacing {
    font-family: var(
        --typography-raphy-label-medium-medium-letter-spacing-font-family
    );
    font-size: var(
        --typography-raphy-label-medium-medium-letter-spacing-font-size
    );
    font-weight: var(
        --typography-raphy-label-medium-medium-letter-spacing-font-weight
    );
    letter-spacing: var(
        --typography-raphy-label-medium-medium-letter-spacing-letter-spacing
    );
    line-height: var(
        --typography-raphy-label-medium-medium-letter-spacing-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-label-medium-medium-letter-spacing-text-decoration
    );
    text-decoration: var(
        --typography-raphy-label-medium-medium-letter-spacing-text-decoration
    );
    text-transform: var(
        --typography-raphy-label-medium-medium-letter-spacing-text-transform
    );
}
.t-raphy-label-medium-medium-text-transform {
    font-family: var(
        --typography-raphy-label-medium-medium-text-transform-font-family
    );
    font-size: var(
        --typography-raphy-label-medium-medium-text-transform-font-size
    );
    font-weight: var(
        --typography-raphy-label-medium-medium-text-transform-font-weight
    );
    letter-spacing: var(
        --typography-raphy-label-medium-medium-text-transform-letter-spacing
    );
    line-height: var(
        --typography-raphy-label-medium-medium-text-transform-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-label-medium-medium-text-transform-text-decoration
    );
    text-decoration: var(
        --typography-raphy-label-medium-medium-text-transform-text-decoration
    );
    text-transform: var(
        --typography-raphy-label-medium-medium-text-transform-text-transform
    );
}
.t-raphy-body-medium-font-family {
    font-family: var(--typography-raphy-body-medium-font-family-font-family);
    font-size: var(--typography-raphy-body-medium-font-family-font-size);
    font-weight: var(--typography-raphy-body-medium-font-family-font-weight);
    letter-spacing: var(
        --typography-raphy-body-medium-font-family-letter-spacing
    );
    line-height: var(--typography-raphy-body-medium-font-family-line-height);
    -webkit-text-decoration: var(
        --typography-raphy-body-medium-font-family-text-decoration
    );
    text-decoration: var(
        --typography-raphy-body-medium-font-family-text-decoration
    );
    text-transform: var(
        --typography-raphy-body-medium-font-family-text-transform
    );
}
.t-raphy-body-medium-font-weight {
    font-family: var(--typography-raphy-body-medium-font-weight-font-family);
    font-size: var(--typography-raphy-body-medium-font-weight-font-size);
    font-weight: var(--typography-raphy-body-medium-font-weight-font-weight);
    letter-spacing: var(
        --typography-raphy-body-medium-font-weight-letter-spacing
    );
    line-height: var(--typography-raphy-body-medium-font-weight-line-height);
    -webkit-text-decoration: var(
        --typography-raphy-body-medium-font-weight-text-decoration
    );
    text-decoration: var(
        --typography-raphy-body-medium-font-weight-text-decoration
    );
    text-transform: var(
        --typography-raphy-body-medium-font-weight-text-transform
    );
}
.t-raphy-body-medium-font-size {
    font-family: var(--typography-raphy-body-medium-font-size-font-family);
    font-size: var(--typography-raphy-body-medium-font-size-font-size);
    font-weight: var(--typography-raphy-body-medium-font-size-font-weight);
    letter-spacing: var(
        --typography-raphy-body-medium-font-size-letter-spacing
    );
    line-height: var(--typography-raphy-body-medium-font-size-line-height);
    -webkit-text-decoration: var(
        --typography-raphy-body-medium-font-size-text-decoration
    );
    text-decoration: var(
        --typography-raphy-body-medium-font-size-text-decoration
    );
    text-transform: var(
        --typography-raphy-body-medium-font-size-text-transform
    );
}
.t-raphy-body-medium-line-height {
    font-family: var(--typography-raphy-body-medium-line-height-font-family);
    font-size: var(--typography-raphy-body-medium-line-height-font-size);
    font-weight: var(--typography-raphy-body-medium-line-height-font-weight);
    letter-spacing: var(
        --typography-raphy-body-medium-line-height-letter-spacing
    );
    line-height: var(--typography-raphy-body-medium-line-height-line-height);
    -webkit-text-decoration: var(
        --typography-raphy-body-medium-line-height-text-decoration
    );
    text-decoration: var(
        --typography-raphy-body-medium-line-height-text-decoration
    );
    text-transform: var(
        --typography-raphy-body-medium-line-height-text-transform
    );
}
.t-raphy-body-medium-letter-spacing {
    font-family: var(--typography-raphy-body-medium-letter-spacing-font-family);
    font-size: var(--typography-raphy-body-medium-letter-spacing-font-size);
    font-weight: var(--typography-raphy-body-medium-letter-spacing-font-weight);
    letter-spacing: var(
        --typography-raphy-body-medium-letter-spacing-letter-spacing
    );
    line-height: var(--typography-raphy-body-medium-letter-spacing-line-height);
    -webkit-text-decoration: var(
        --typography-raphy-body-medium-letter-spacing-text-decoration
    );
    text-decoration: var(
        --typography-raphy-body-medium-letter-spacing-text-decoration
    );
    text-transform: var(
        --typography-raphy-body-medium-letter-spacing-text-transform
    );
}
.t-raphy-body-medium-text-transform {
    font-family: var(--typography-raphy-body-medium-text-transform-font-family);
    font-size: var(--typography-raphy-body-medium-text-transform-font-size);
    font-weight: var(--typography-raphy-body-medium-text-transform-font-weight);
    letter-spacing: var(
        --typography-raphy-body-medium-text-transform-letter-spacing
    );
    line-height: var(--typography-raphy-body-medium-text-transform-line-height);
    -webkit-text-decoration: var(
        --typography-raphy-body-medium-text-transform-text-decoration
    );
    text-decoration: var(
        --typography-raphy-body-medium-text-transform-text-decoration
    );
    text-transform: var(
        --typography-raphy-body-medium-text-transform-text-transform
    );
}
.t-raphy-body-medium-medium-font-family {
    font-family: var(
        --typography-raphy-body-medium-medium-font-family-font-family
    );
    font-size: var(--typography-raphy-body-medium-medium-font-family-font-size);
    font-weight: var(
        --typography-raphy-body-medium-medium-font-family-font-weight
    );
    letter-spacing: var(
        --typography-raphy-body-medium-medium-font-family-letter-spacing
    );
    line-height: var(
        --typography-raphy-body-medium-medium-font-family-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-body-medium-medium-font-family-text-decoration
    );
    text-decoration: var(
        --typography-raphy-body-medium-medium-font-family-text-decoration
    );
    text-transform: var(
        --typography-raphy-body-medium-medium-font-family-text-transform
    );
}
.t-raphy-body-medium-medium-font-weight {
    font-family: var(
        --typography-raphy-body-medium-medium-font-weight-font-family
    );
    font-size: var(--typography-raphy-body-medium-medium-font-weight-font-size);
    font-weight: var(
        --typography-raphy-body-medium-medium-font-weight-font-weight
    );
    letter-spacing: var(
        --typography-raphy-body-medium-medium-font-weight-letter-spacing
    );
    line-height: var(
        --typography-raphy-body-medium-medium-font-weight-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-body-medium-medium-font-weight-text-decoration
    );
    text-decoration: var(
        --typography-raphy-body-medium-medium-font-weight-text-decoration
    );
    text-transform: var(
        --typography-raphy-body-medium-medium-font-weight-text-transform
    );
}
.t-raphy-body-medium-medium-font-size {
    font-family: var(
        --typography-raphy-body-medium-medium-font-size-font-family
    );
    font-size: var(--typography-raphy-body-medium-medium-font-size-font-size);
    font-weight: var(
        --typography-raphy-body-medium-medium-font-size-font-weight
    );
    letter-spacing: var(
        --typography-raphy-body-medium-medium-font-size-letter-spacing
    );
    line-height: var(
        --typography-raphy-body-medium-medium-font-size-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-body-medium-medium-font-size-text-decoration
    );
    text-decoration: var(
        --typography-raphy-body-medium-medium-font-size-text-decoration
    );
    text-transform: var(
        --typography-raphy-body-medium-medium-font-size-text-transform
    );
}
.t-raphy-body-medium-medium-line-height {
    font-family: var(
        --typography-raphy-body-medium-medium-line-height-font-family
    );
    font-size: var(--typography-raphy-body-medium-medium-line-height-font-size);
    font-weight: var(
        --typography-raphy-body-medium-medium-line-height-font-weight
    );
    letter-spacing: var(
        --typography-raphy-body-medium-medium-line-height-letter-spacing
    );
    line-height: var(
        --typography-raphy-body-medium-medium-line-height-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-body-medium-medium-line-height-text-decoration
    );
    text-decoration: var(
        --typography-raphy-body-medium-medium-line-height-text-decoration
    );
    text-transform: var(
        --typography-raphy-body-medium-medium-line-height-text-transform
    );
}
.t-raphy-body-medium-medium-letter-spacing {
    font-family: var(
        --typography-raphy-body-medium-medium-letter-spacing-font-family
    );
    font-size: var(
        --typography-raphy-body-medium-medium-letter-spacing-font-size
    );
    font-weight: var(
        --typography-raphy-body-medium-medium-letter-spacing-font-weight
    );
    letter-spacing: var(
        --typography-raphy-body-medium-medium-letter-spacing-letter-spacing
    );
    line-height: var(
        --typography-raphy-body-medium-medium-letter-spacing-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-body-medium-medium-letter-spacing-text-decoration
    );
    text-decoration: var(
        --typography-raphy-body-medium-medium-letter-spacing-text-decoration
    );
    text-transform: var(
        --typography-raphy-body-medium-medium-letter-spacing-text-transform
    );
}
.t-raphy-body-medium-medium-text-transform {
    font-family: var(
        --typography-raphy-body-medium-medium-text-transform-font-family
    );
    font-size: var(
        --typography-raphy-body-medium-medium-text-transform-font-size
    );
    font-weight: var(
        --typography-raphy-body-medium-medium-text-transform-font-weight
    );
    letter-spacing: var(
        --typography-raphy-body-medium-medium-text-transform-letter-spacing
    );
    line-height: var(
        --typography-raphy-body-medium-medium-text-transform-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-body-medium-medium-text-transform-text-decoration
    );
    text-decoration: var(
        --typography-raphy-body-medium-medium-text-transform-text-decoration
    );
    text-transform: var(
        --typography-raphy-body-medium-medium-text-transform-text-transform
    );
}
.t-raphy-caption-medium-bold-font-family {
    font-family: var(
        --typography-raphy-caption-medium-bold-font-family-font-family
    );
    font-size: var(
        --typography-raphy-caption-medium-bold-font-family-font-size
    );
    font-weight: var(
        --typography-raphy-caption-medium-bold-font-family-font-weight
    );
    letter-spacing: var(
        --typography-raphy-caption-medium-bold-font-family-letter-spacing
    );
    line-height: var(
        --typography-raphy-caption-medium-bold-font-family-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-caption-medium-bold-font-family-text-decoration
    );
    text-decoration: var(
        --typography-raphy-caption-medium-bold-font-family-text-decoration
    );
    text-transform: var(
        --typography-raphy-caption-medium-bold-font-family-text-transform
    );
}
.t-raphy-caption-medium-bold-font-weight {
    font-family: var(
        --typography-raphy-caption-medium-bold-font-weight-font-family
    );
    font-size: var(
        --typography-raphy-caption-medium-bold-font-weight-font-size
    );
    font-weight: var(
        --typography-raphy-caption-medium-bold-font-weight-font-weight
    );
    letter-spacing: var(
        --typography-raphy-caption-medium-bold-font-weight-letter-spacing
    );
    line-height: var(
        --typography-raphy-caption-medium-bold-font-weight-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-caption-medium-bold-font-weight-text-decoration
    );
    text-decoration: var(
        --typography-raphy-caption-medium-bold-font-weight-text-decoration
    );
    text-transform: var(
        --typography-raphy-caption-medium-bold-font-weight-text-transform
    );
}
.t-raphy-caption-medium-bold-font-size {
    font-family: var(
        --typography-raphy-caption-medium-bold-font-size-font-family
    );
    font-size: var(--typography-raphy-caption-medium-bold-font-size-font-size);
    font-weight: var(
        --typography-raphy-caption-medium-bold-font-size-font-weight
    );
    letter-spacing: var(
        --typography-raphy-caption-medium-bold-font-size-letter-spacing
    );
    line-height: var(
        --typography-raphy-caption-medium-bold-font-size-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-caption-medium-bold-font-size-text-decoration
    );
    text-decoration: var(
        --typography-raphy-caption-medium-bold-font-size-text-decoration
    );
    text-transform: var(
        --typography-raphy-caption-medium-bold-font-size-text-transform
    );
}
.t-raphy-caption-medium-bold-line-height {
    font-family: var(
        --typography-raphy-caption-medium-bold-line-height-font-family
    );
    font-size: var(
        --typography-raphy-caption-medium-bold-line-height-font-size
    );
    font-weight: var(
        --typography-raphy-caption-medium-bold-line-height-font-weight
    );
    letter-spacing: var(
        --typography-raphy-caption-medium-bold-line-height-letter-spacing
    );
    line-height: var(
        --typography-raphy-caption-medium-bold-line-height-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-caption-medium-bold-line-height-text-decoration
    );
    text-decoration: var(
        --typography-raphy-caption-medium-bold-line-height-text-decoration
    );
    text-transform: var(
        --typography-raphy-caption-medium-bold-line-height-text-transform
    );
}
.t-raphy-caption-medium-bold-letter-spacing {
    font-family: var(
        --typography-raphy-caption-medium-bold-letter-spacing-font-family
    );
    font-size: var(
        --typography-raphy-caption-medium-bold-letter-spacing-font-size
    );
    font-weight: var(
        --typography-raphy-caption-medium-bold-letter-spacing-font-weight
    );
    letter-spacing: var(
        --typography-raphy-caption-medium-bold-letter-spacing-letter-spacing
    );
    line-height: var(
        --typography-raphy-caption-medium-bold-letter-spacing-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-caption-medium-bold-letter-spacing-text-decoration
    );
    text-decoration: var(
        --typography-raphy-caption-medium-bold-letter-spacing-text-decoration
    );
    text-transform: var(
        --typography-raphy-caption-medium-bold-letter-spacing-text-transform
    );
}
.t-raphy-caption-medium-bold-text-transform {
    font-family: var(
        --typography-raphy-caption-medium-bold-text-transform-font-family
    );
    font-size: var(
        --typography-raphy-caption-medium-bold-text-transform-font-size
    );
    font-weight: var(
        --typography-raphy-caption-medium-bold-text-transform-font-weight
    );
    letter-spacing: var(
        --typography-raphy-caption-medium-bold-text-transform-letter-spacing
    );
    line-height: var(
        --typography-raphy-caption-medium-bold-text-transform-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-caption-medium-bold-text-transform-text-decoration
    );
    text-decoration: var(
        --typography-raphy-caption-medium-bold-text-transform-text-decoration
    );
    text-transform: var(
        --typography-raphy-caption-medium-bold-text-transform-text-transform
    );
}
.t-raphy-caption-medium-medium-font-family {
    font-family: var(
        --typography-raphy-caption-medium-medium-font-family-font-family
    );
    font-size: var(
        --typography-raphy-caption-medium-medium-font-family-font-size
    );
    font-weight: var(
        --typography-raphy-caption-medium-medium-font-family-font-weight
    );
    letter-spacing: var(
        --typography-raphy-caption-medium-medium-font-family-letter-spacing
    );
    line-height: var(
        --typography-raphy-caption-medium-medium-font-family-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-caption-medium-medium-font-family-text-decoration
    );
    text-decoration: var(
        --typography-raphy-caption-medium-medium-font-family-text-decoration
    );
    text-transform: var(
        --typography-raphy-caption-medium-medium-font-family-text-transform
    );
}
.t-raphy-caption-medium-medium-font-weight {
    font-family: var(
        --typography-raphy-caption-medium-medium-font-weight-font-family
    );
    font-size: var(
        --typography-raphy-caption-medium-medium-font-weight-font-size
    );
    font-weight: var(
        --typography-raphy-caption-medium-medium-font-weight-font-weight
    );
    letter-spacing: var(
        --typography-raphy-caption-medium-medium-font-weight-letter-spacing
    );
    line-height: var(
        --typography-raphy-caption-medium-medium-font-weight-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-caption-medium-medium-font-weight-text-decoration
    );
    text-decoration: var(
        --typography-raphy-caption-medium-medium-font-weight-text-decoration
    );
    text-transform: var(
        --typography-raphy-caption-medium-medium-font-weight-text-transform
    );
}
.t-raphy-caption-medium-medium-font-size {
    font-family: var(
        --typography-raphy-caption-medium-medium-font-size-font-family
    );
    font-size: var(
        --typography-raphy-caption-medium-medium-font-size-font-size
    );
    font-weight: var(
        --typography-raphy-caption-medium-medium-font-size-font-weight
    );
    letter-spacing: var(
        --typography-raphy-caption-medium-medium-font-size-letter-spacing
    );
    line-height: var(
        --typography-raphy-caption-medium-medium-font-size-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-caption-medium-medium-font-size-text-decoration
    );
    text-decoration: var(
        --typography-raphy-caption-medium-medium-font-size-text-decoration
    );
    text-transform: var(
        --typography-raphy-caption-medium-medium-font-size-text-transform
    );
}
.t-raphy-caption-medium-medium-line-height {
    font-family: var(
        --typography-raphy-caption-medium-medium-line-height-font-family
    );
    font-size: var(
        --typography-raphy-caption-medium-medium-line-height-font-size
    );
    font-weight: var(
        --typography-raphy-caption-medium-medium-line-height-font-weight
    );
    letter-spacing: var(
        --typography-raphy-caption-medium-medium-line-height-letter-spacing
    );
    line-height: var(
        --typography-raphy-caption-medium-medium-line-height-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-caption-medium-medium-line-height-text-decoration
    );
    text-decoration: var(
        --typography-raphy-caption-medium-medium-line-height-text-decoration
    );
    text-transform: var(
        --typography-raphy-caption-medium-medium-line-height-text-transform
    );
}
.t-raphy-caption-medium-medium-letter-spacing {
    font-family: var(
        --typography-raphy-caption-medium-medium-letter-spacing-font-family
    );
    font-size: var(
        --typography-raphy-caption-medium-medium-letter-spacing-font-size
    );
    font-weight: var(
        --typography-raphy-caption-medium-medium-letter-spacing-font-weight
    );
    letter-spacing: var(
        --typography-raphy-caption-medium-medium-letter-spacing-letter-spacing
    );
    line-height: var(
        --typography-raphy-caption-medium-medium-letter-spacing-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-caption-medium-medium-letter-spacing-text-decoration
    );
    text-decoration: var(
        --typography-raphy-caption-medium-medium-letter-spacing-text-decoration
    );
    text-transform: var(
        --typography-raphy-caption-medium-medium-letter-spacing-text-transform
    );
}
.t-raphy-caption-medium-medium-text-transform {
    font-family: var(
        --typography-raphy-caption-medium-medium-text-transform-font-family
    );
    font-size: var(
        --typography-raphy-caption-medium-medium-text-transform-font-size
    );
    font-weight: var(
        --typography-raphy-caption-medium-medium-text-transform-font-weight
    );
    letter-spacing: var(
        --typography-raphy-caption-medium-medium-text-transform-letter-spacing
    );
    line-height: var(
        --typography-raphy-caption-medium-medium-text-transform-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-caption-medium-medium-text-transform-text-decoration
    );
    text-decoration: var(
        --typography-raphy-caption-medium-medium-text-transform-text-decoration
    );
    text-transform: var(
        --typography-raphy-caption-medium-medium-text-transform-text-transform
    );
}
.t-raphy-caption-small-font-family {
    font-family: var(--typography-raphy-caption-small-font-family-font-family);
    font-size: var(--typography-raphy-caption-small-font-family-font-size);
    font-weight: var(--typography-raphy-caption-small-font-family-font-weight);
    letter-spacing: var(
        --typography-raphy-caption-small-font-family-letter-spacing
    );
    line-height: var(--typography-raphy-caption-small-font-family-line-height);
    -webkit-text-decoration: var(
        --typography-raphy-caption-small-font-family-text-decoration
    );
    text-decoration: var(
        --typography-raphy-caption-small-font-family-text-decoration
    );
    text-transform: var(
        --typography-raphy-caption-small-font-family-text-transform
    );
}
.t-raphy-caption-small-font-weight {
    font-family: var(--typography-raphy-caption-small-font-weight-font-family);
    font-size: var(--typography-raphy-caption-small-font-weight-font-size);
    font-weight: var(--typography-raphy-caption-small-font-weight-font-weight);
    letter-spacing: var(
        --typography-raphy-caption-small-font-weight-letter-spacing
    );
    line-height: var(--typography-raphy-caption-small-font-weight-line-height);
    -webkit-text-decoration: var(
        --typography-raphy-caption-small-font-weight-text-decoration
    );
    text-decoration: var(
        --typography-raphy-caption-small-font-weight-text-decoration
    );
    text-transform: var(
        --typography-raphy-caption-small-font-weight-text-transform
    );
}
.t-raphy-caption-small-font-size {
    font-family: var(--typography-raphy-caption-small-font-size-font-family);
    font-size: var(--typography-raphy-caption-small-font-size-font-size);
    font-weight: var(--typography-raphy-caption-small-font-size-font-weight);
    letter-spacing: var(
        --typography-raphy-caption-small-font-size-letter-spacing
    );
    line-height: var(--typography-raphy-caption-small-font-size-line-height);
    -webkit-text-decoration: var(
        --typography-raphy-caption-small-font-size-text-decoration
    );
    text-decoration: var(
        --typography-raphy-caption-small-font-size-text-decoration
    );
    text-transform: var(
        --typography-raphy-caption-small-font-size-text-transform
    );
}
.t-raphy-caption-small-line-height {
    font-family: var(--typography-raphy-caption-small-line-height-font-family);
    font-size: var(--typography-raphy-caption-small-line-height-font-size);
    font-weight: var(--typography-raphy-caption-small-line-height-font-weight);
    letter-spacing: var(
        --typography-raphy-caption-small-line-height-letter-spacing
    );
    line-height: var(--typography-raphy-caption-small-line-height-line-height);
    -webkit-text-decoration: var(
        --typography-raphy-caption-small-line-height-text-decoration
    );
    text-decoration: var(
        --typography-raphy-caption-small-line-height-text-decoration
    );
    text-transform: var(
        --typography-raphy-caption-small-line-height-text-transform
    );
}
.t-raphy-caption-small-letter-spacing {
    font-family: var(
        --typography-raphy-caption-small-letter-spacing-font-family
    );
    font-size: var(--typography-raphy-caption-small-letter-spacing-font-size);
    font-weight: var(
        --typography-raphy-caption-small-letter-spacing-font-weight
    );
    letter-spacing: var(
        --typography-raphy-caption-small-letter-spacing-letter-spacing
    );
    line-height: var(
        --typography-raphy-caption-small-letter-spacing-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-caption-small-letter-spacing-text-decoration
    );
    text-decoration: var(
        --typography-raphy-caption-small-letter-spacing-text-decoration
    );
    text-transform: var(
        --typography-raphy-caption-small-letter-spacing-text-transform
    );
}
.t-raphy-caption-small-text-transform {
    font-family: var(
        --typography-raphy-caption-small-text-transform-font-family
    );
    font-size: var(--typography-raphy-caption-small-text-transform-font-size);
    font-weight: var(
        --typography-raphy-caption-small-text-transform-font-weight
    );
    letter-spacing: var(
        --typography-raphy-caption-small-text-transform-letter-spacing
    );
    line-height: var(
        --typography-raphy-caption-small-text-transform-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-caption-small-text-transform-text-decoration
    );
    text-decoration: var(
        --typography-raphy-caption-small-text-transform-text-decoration
    );
    text-transform: var(
        --typography-raphy-caption-small-text-transform-text-transform
    );
}
.t-raphy-caption-small-light-font-family {
    font-family: var(
        --typography-raphy-caption-small-light-font-family-font-family
    );
    font-size: var(
        --typography-raphy-caption-small-light-font-family-font-size
    );
    font-weight: var(
        --typography-raphy-caption-small-light-font-family-font-weight
    );
    letter-spacing: var(
        --typography-raphy-caption-small-light-font-family-letter-spacing
    );
    line-height: var(
        --typography-raphy-caption-small-light-font-family-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-caption-small-light-font-family-text-decoration
    );
    text-decoration: var(
        --typography-raphy-caption-small-light-font-family-text-decoration
    );
    text-transform: var(
        --typography-raphy-caption-small-light-font-family-text-transform
    );
}
.t-raphy-caption-small-light-font-weight {
    font-family: var(
        --typography-raphy-caption-small-light-font-weight-font-family
    );
    font-size: var(
        --typography-raphy-caption-small-light-font-weight-font-size
    );
    font-weight: var(
        --typography-raphy-caption-small-light-font-weight-font-weight
    );
    letter-spacing: var(
        --typography-raphy-caption-small-light-font-weight-letter-spacing
    );
    line-height: var(
        --typography-raphy-caption-small-light-font-weight-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-caption-small-light-font-weight-text-decoration
    );
    text-decoration: var(
        --typography-raphy-caption-small-light-font-weight-text-decoration
    );
    text-transform: var(
        --typography-raphy-caption-small-light-font-weight-text-transform
    );
}
.t-raphy-caption-small-light-font-size {
    font-family: var(
        --typography-raphy-caption-small-light-font-size-font-family
    );
    font-size: var(--typography-raphy-caption-small-light-font-size-font-size);
    font-weight: var(
        --typography-raphy-caption-small-light-font-size-font-weight
    );
    letter-spacing: var(
        --typography-raphy-caption-small-light-font-size-letter-spacing
    );
    line-height: var(
        --typography-raphy-caption-small-light-font-size-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-caption-small-light-font-size-text-decoration
    );
    text-decoration: var(
        --typography-raphy-caption-small-light-font-size-text-decoration
    );
    text-transform: var(
        --typography-raphy-caption-small-light-font-size-text-transform
    );
}
.t-raphy-caption-small-light-line-height {
    font-family: var(
        --typography-raphy-caption-small-light-line-height-font-family
    );
    font-size: var(
        --typography-raphy-caption-small-light-line-height-font-size
    );
    font-weight: var(
        --typography-raphy-caption-small-light-line-height-font-weight
    );
    letter-spacing: var(
        --typography-raphy-caption-small-light-line-height-letter-spacing
    );
    line-height: var(
        --typography-raphy-caption-small-light-line-height-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-caption-small-light-line-height-text-decoration
    );
    text-decoration: var(
        --typography-raphy-caption-small-light-line-height-text-decoration
    );
    text-transform: var(
        --typography-raphy-caption-small-light-line-height-text-transform
    );
}
.t-raphy-caption-small-light-letter-spacing {
    font-family: var(
        --typography-raphy-caption-small-light-letter-spacing-font-family
    );
    font-size: var(
        --typography-raphy-caption-small-light-letter-spacing-font-size
    );
    font-weight: var(
        --typography-raphy-caption-small-light-letter-spacing-font-weight
    );
    letter-spacing: var(
        --typography-raphy-caption-small-light-letter-spacing-letter-spacing
    );
    line-height: var(
        --typography-raphy-caption-small-light-letter-spacing-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-caption-small-light-letter-spacing-text-decoration
    );
    text-decoration: var(
        --typography-raphy-caption-small-light-letter-spacing-text-decoration
    );
    text-transform: var(
        --typography-raphy-caption-small-light-letter-spacing-text-transform
    );
}
.t-raphy-caption-small-light-text-transform {
    font-family: var(
        --typography-raphy-caption-small-light-text-transform-font-family
    );
    font-size: var(
        --typography-raphy-caption-small-light-text-transform-font-size
    );
    font-weight: var(
        --typography-raphy-caption-small-light-text-transform-font-weight
    );
    letter-spacing: var(
        --typography-raphy-caption-small-light-text-transform-letter-spacing
    );
    line-height: var(
        --typography-raphy-caption-small-light-text-transform-line-height
    );
    -webkit-text-decoration: var(
        --typography-raphy-caption-small-light-text-transform-text-decoration
    );
    text-decoration: var(
        --typography-raphy-caption-small-light-text-transform-text-decoration
    );
    text-transform: var(
        --typography-raphy-caption-small-light-text-transform-text-transform
    );
}
:root {
    --button-border-width: 2px;
    --button-border-radius: 4px;
    --button-gap: var(--spacing-extra-small);
    --button-height: 48px;
    --button-padding: var(--spacing-extra-small-2) var(--spacing-small);
}
.button {
    align-items: center;
    background-color: var(--button-fill);
    border: var(--button-border-width) solid var(--button-border-color);
    border-radius: var(--button-border-radius);
    color: var(--color-brand-on-fill-brand);
    cursor: pointer;
    display: inline-flex;
    flex-direction: row;
    font-family: var(--typography-label-medium-medium-font-family);
    font-size: var(--typography-label-medium-medium-font-size);
    font-weight: var(--typography-label-medium-medium-font-weight);
    gap: var(--button-gap);
    justify-content: center;
    letter-spacing: var(--typography-label-medium-medium-letter-spacing);
    line-height: var(--typography-label-medium-medium-line-height);
    min-height: var(--button-height);
    min-width: var(--button-height);
    padding: var(--button-padding);
    position: relative;
    -webkit-text-decoration: var(
        --typography-label-medium-medium-text-decoration
    );
    text-decoration: var(--typography-label-medium-medium-text-decoration);
    text-transform: var(--typography-label-medium-medium-text-transform);
    transition: all 0.15s cubic-bezier(0, 0, 0.35, 1);
}
.button:hover {
    background-color: var(--button-fill-hover);
    border-color: var(--button-border-color-hover);
}
.button:disabled,
.button[aria-disabled=""],
.button[aria-disabled="true"] {
    background-color: var(--button-fill-disabled);
    border-color: var(--button-border-color-disabled);
    color: var(--button-content-disabled);
    cursor: not-allowed;
    pointer-events: none;
}
.button.large {
    --button-height: 56px;
    --button-padding: var(--spacing-extra-small) var(--spacing-small);
    font-family: var(--typography-label-large-font-family);
    font-size: var(--typography-label-large-font-size);
    font-weight: var(--typography-label-large-font-weight);
    letter-spacing: var(--typography-label-large-letter-spacing);
    line-height: var(--typography-label-large-line-height);
    -webkit-text-decoration: var(--typography-label-large-text-decoration);
    text-decoration: var(--typography-label-large-text-decoration);
    text-transform: var(--typography-label-large-text-transform);
}
.button.small {
    --button-height: 40px;
    --button-padding: var(--spacing-extra-small-2) var(--spacing-small);
    font-family: var(--typography-caption-small-font-family);
    font-size: var(--typography-caption-small-font-size);
    font-weight: var(--typography-caption-small-font-weight);
    letter-spacing: var(--typography-caption-small-letter-spacing);
    line-height: var(--typography-caption-small-line-height);
    -webkit-text-decoration: var(--typography-caption-small-text-decoration);
    text-decoration: var(--typography-caption-small-text-decoration);
    text-transform: var(--typography-caption-small-text-transform);
}
.button.fluid {
    width: 100%;
}
.button.icon-only bp-icon {
    display: flex;
    inset-block-start: 50%;
    inset-inline-start: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
}
.button.button-ghost {
    --button-fill: transparent;
    --button-content: var(--color-neutrals-text-primary);
    --button-border-color: var(--button-fill);
    --button-fill-hover: var(--color-neutrals-fill-quinary);
    --button-content-hover: var(--button-content);
    --button-border-color-hover: var(--button-border-color);
    --button-fill-disabled: var(--button-fill);
    --button-content-disabled: var(--color-neutrals-text-disabled);
    --button-border-color-disabled: var(--button-fill-disabled);
    color: var(--color-neutrals-text-primary);
}
.button,
.button.button-primary {
    --button-fill: var(--color-neutrals-fill-primary);
    --button-content: var(--color-brand-fill-primary);
    --button-border-color: var(--button-fill);
    --button-fill-hover: var(--color-brand-fill-hover);
    --button-content-hover: var(--color-brand-fill-primary);
    --button-border-color-hover: var(--button-fill-hover);
    --button-fill-disabled: var(--color-neutrals-fill-disabled);
    --button-content-disabled: var(--color-neutrals-text-disabled);
    --button-border-color-disabled: var(--button-fill-disabled);
}
.button.button-secondary {
    --button-fill: var(--color-neutrals-card-fill-primary);
    --button-content: var(--color-neutrals-text-primary);
    --button-border-color: var(--color-neutrals-stroke-primary);
    --button-fill-hover: var(--color-neutrals-fill-quaternary);
    --button-content-hover: var(--color-neutrals-text-primary);
    --button-border-color-hover: var(--color-neutrals-stroke-primary);
    --button-fill-disabled: var(--color-neutrals-card-fill-primary);
    --button-content-disabled: var(--color-neutrals-text-disabled);
    --button-border-color-disabled: var(
        --color-neutrals-stroke-primary-disabled
    );
}
.button.button-special {
    --button-fill: var(--color-brand-fill-primary);
    --button-content: var(--color-brand-fill-primary);
    --button-border-color: var(--color-brand-fill-primary);
    --button-fill-hover: var(--color-brand-fill-hover);
    --button-content-hover: var(--color-brand-fill-primary);
    --button-border-color-hover: var(--color-brand-fill-hover);
    --button-fill-disabled: var(--color-neutrals-fill-disabled);
    --button-content-disabled: var(--color-neutrals-text-disabled);
    --button-border-color-disabled: var(--color-neutrals-fill-disabled);
}
.button--timer--text {
    display: contents;
}
.alert {
    background-color: var(--color-neutrals-card-fill-primary);
    border: 2px solid var(--color-neutrals-stroke-primary);
    border-radius: 8px;
    font-family: var(--typography-label-medium-medium-font-family);
    font-size: var(--typography-label-medium-medium-font-size);
    font-weight: var(--typography-label-medium-medium-font-weight);
    letter-spacing: var(--typography-label-medium-medium-letter-spacing);
    line-height: var(--typography-label-medium-medium-line-height);
    padding: var(--spacing-small);
    -webkit-text-decoration: var(
        --typography-label-medium-medium-text-decoration
    );
    text-decoration: var(--typography-label-medium-medium-text-decoration);
    text-transform: var(--typography-label-medium-medium-text-transform);
}
.alert.warning {
    border-color: var(--color-warning-stroke-primary);
    color: var(--color-warning-text-primary);
}
.alert.error {
    border-color: var(--color-negative-stroke-primary);
    color: var(--color-negative-text-primary);
}
.alert.info {
    border-color: var(--color-information-stroke-primary);
    color: var(--color-information-text-primary);
}
.alert.success {
    border-color: var(--color-positive-stroke-primary);
    color: var(--color-positive-text-primary);
}
.overlay {
    align-items: center;
    background-color: rgba(0, 0, 0, 0.4);
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 11;
}
.modal {
    align-self: flex-end;
    background-color: var(--color-screen-background-primary);
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-medium);
    padding: var(--spacing-extra-large-2) var(--spacing-medium)
        var(--spacing-large);
    width: 100%;
}
@media (min-width: 768px) {
    .modal {
        align-self: center;
        border-radius: 16px;
        gap: var(--spacing-extra-large-2);
        max-width: 650px;
        padding: var(--spacing-extra-large-3);
    }
}
.modal--header {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-small);
}
.modal--header--title {
    font-family: var(--typography-headline-medium-medium-font-family);
    font-size: var(--typography-headline-medium-medium-font-size);
    font-weight: var(--typography-headline-medium-medium-font-weight);
    letter-spacing: var(--typography-headline-medium-medium-letter-spacing);
    line-height: var(--typography-headline-medium-medium-line-height);
    -webkit-text-decoration: var(
        --typography-headline-medium-medium-text-decoration
    );
    text-decoration: var(--typography-headline-medium-medium-text-decoration);
    text-transform: var(--typography-headline-medium-medium-text-transform);
}
@media (min-width: 768px) {
    .modal--header--title {
        font-family: var(
            --typography-headline-extra-large-semi-bold-font-family
        );
        font-size: var(--typography-headline-extra-large-semi-bold-font-size);
        font-weight: var(
            --typography-headline-extra-large-semi-bold-font-weight
        );
        letter-spacing: var(
            --typography-headline-extra-large-semi-bold-letter-spacing
        );
        line-height: var(
            --typography-headline-extra-large-semi-bold-line-height
        );
        -webkit-text-decoration: var(
            --typography-headline-extra-large-semi-bold-text-decoration
        );
        text-decoration: var(
            --typography-headline-extra-large-semi-bold-text-decoration
        );
        text-transform: var(
            --typography-headline-extra-large-semi-bold-text-transform
        );
    }
}
.modal--header--subtitle {
    font-family: var(--typography-label-large-font-family);
    font-size: var(--typography-label-large-font-size);
    font-weight: var(--typography-label-large-font-weight);
    letter-spacing: var(--typography-label-large-letter-spacing);
    line-height: var(--typography-label-large-line-height);
    -webkit-text-decoration: var(--typography-label-large-text-decoration);
    text-decoration: var(--typography-label-large-text-decoration);
    text-transform: var(--typography-label-large-text-transform);
}
.modal--content,
.toaster-container {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-small);
}
.toaster-container {
    left: var(--spacing-small);
    position: fixed;
    right: var(--spacing-small);
    top: var(--spacing-small);
    z-index: 12;
}
@media (min-width: 768px) {
    .toaster-container {
        left: auto;
        max-width: 350px;
    }
}
.toast {
    background-color: var(--color-neutrals-text-primary-inverted);
    border: 1px solid var(--color-neutrals-stroke-primary);
    border-radius: 12px;
    box-shadow: var(--effect-elevation-level-2);
    color: var(--color-neutrals-text-primary);
    display: flex;
    flex-direction: row;
    gap: var(--spacing-small);
    padding: var(--spacing-small);
}
.toast.success {
    background-color: var(--color-positive-fill-focused);
    border-color: var(--color-positive-fill-primary);
}
.toast.success .toast--icon {
    color: var(--color-positive-fill-primary);
}
.toast.success .toast--title {
    color: var(--color-positive-text-primary);
}
.toast.error {
    background-color: var(--color-negative-fill-focused);
    border-color: var(--color-negative-fill-primary);
}
.toast.error .toast--icon {
    color: var(--color-negative-fill-primary);
}
.toast.error .toast--title {
    color: var(--color-negative-text-primary);
}
.toast.info {
    background-color: var(--color-information-fill-focused);
    border-color: var(--color-information-fill-primary);
}
.toast.info .toast--icon {
    color: var(--color-information-fill-primary);
}
.toast.info .toast--title {
    color: var(--color-information-text-primary);
}
.toast.warning {
    background-color: var(--color-warning-fill-focused);
    border-color: var(--color-warning-fill-primary);
}
.toast.warning .toast--icon {
    color: var(--color-warning-fill-primary);
}
.toast.warning .toast--title {
    color: var(--color-warning-text-primary);
}
.toast--icon {
    display: flex;
}
.toast--content {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: var(--spacing-extra-small-2);
}
.toast--title {
    font-family: var(--typography-label-medium-medium-font-family);
    font-size: var(--typography-label-medium-medium-font-size);
    font-weight: var(--typography-label-medium-medium-font-weight);
    letter-spacing: var(--typography-label-medium-medium-letter-spacing);
    line-height: var(--typography-label-medium-medium-line-height);
    -webkit-text-decoration: var(
        --typography-label-medium-medium-text-decoration
    );
    text-decoration: var(--typography-label-medium-medium-text-decoration);
    text-transform: var(--typography-label-medium-medium-text-transform);
}
.toast--message {
    font-family: var(--typography-body-medium-font-family);
    font-size: var(--typography-body-medium-font-size);
    font-weight: var(--typography-body-medium-font-weight);
    letter-spacing: var(--typography-body-medium-letter-spacing);
    line-height: var(--typography-body-medium-line-height);
    -webkit-text-decoration: var(--typography-body-medium-text-decoration);
    text-decoration: var(--typography-body-medium-text-decoration);
    text-transform: var(--typography-body-medium-text-transform);
}
.spinner {
    animation: rotation 1s linear infinite;
    border: 5px solid var(--color-brand-fill-primary);
    border-bottom: 5px solid transparent;
    border-radius: 50%;
    box-sizing: border-box;
    display: inline-block;
    height: 48px;
    width: 48px;
}
@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(1turn);
    }
}
.stack {
    display: flex;
    flex-direction: column;
}
.stack.spacing-xs4 {
    gap: var(--spacing-extra-small-4);
}
.stack.spacing-xs3 {
    gap: var(--spacing-extra-small-3);
}
.stack.spacing-xs2 {
    gap: var(--spacing-extra-small-2);
}
.stack.spacing-xs {
    gap: var(--spacing-extra-small);
}
.stack.spacing-s {
    gap: var(--spacing-small);
}
.stack.spacing-m {
    gap: var(--spacing-medium);
}
.stack.spacing-l {
    gap: var(--spacing-large);
}
.stack.spacing-xl {
    gap: var(--spacing-extra-large);
}
.stack.spacing-xl2 {
    gap: var(--spacing-extra-large-2);
}
.stack.spacing-xl3 {
    gap: var(--spacing-extra-large-3);
}
.stack.spacing-xl4 {
    gap: var(--spacing-extra-large-4);
}
.stack.spacing-xl5 {
    gap: var(--spacing-extra-large-5);
}
.stack.horizontal {
    flex-direction: row;
}
.stack.flex-1 {
    flex: 1;
}
.stack.pb-medium {
    padding-bottom: var(--spacing-medium);
}
.link-button {
    text-decoration: none;
    transition: color 0.15s ease-in-out;
}
.link-button:disabled,
.link-button[aria-disabled=""],
.link-button[aria-disabled="true"] {
    pointer-events: none;
}
.link-button.primary {
    color: var(--color-neutrals-text-primary);
}
.link-button.primary:disabled,
.link-button.primary[aria-disabled=""],
.link-button.primary[aria-disabled="true"] {
    color: var(--color-neutrals-text-disabled);
}
.link-button.secondary {
    color: var(--color-brand-text-primary);
}
.link-button.secondary:disabled,
.link-button.secondary[aria-disabled=""],
.link-button.secondary[aria-disabled="true"] {
    color: var(--color-brand-text-disabled);
}
.link-button:hover {
    color: var(--color-brand-fill-pressed);
}
.link-button.underline {
    text-decoration: underline;
}
.password-validation--hidden {
    display: none;
}
.password-validation--item {
    color: var(--color-neutrals-text-secondary);
    font-family: var(--typography-caption-small-light-font-family);
    font-size: var(--typography-caption-small-light-font-size);
    font-weight: var(--typography-caption-small-light-font-weight);
    letter-spacing: var(--typography-caption-small-light-letter-spacing);
    line-height: var(--typography-caption-small-light-line-height);
    -webkit-text-decoration: var(
        --typography-caption-small-light-text-decoration
    );
    text-decoration: var(--typography-caption-small-light-text-decoration);
    text-transform: var(--typography-caption-small-light-text-transform);
    transition: color 0.15s ease-in-out;
}
.password-validation--item:before {
    content: "•";
    display: inline-block;
    margin-right: var(--spacing-extra-small-3);
}
.password-validation--item--valid {
    color: var(--color-positive-text-primary);
}
.risk-banner {
    background-color: var(--color-neutrals-fill-quinary);
    display: none;
    font-size: 13px;
    line-height: 1.3;
    padding: 24px;
    text-align: center;
}
.risk-banner.should-show {
    display: block !important;
}

body {
    background-color: var(--color-screen-background-primary);
    color: var(--color-neutrals-text-primary);
    display: flex;
    flex-direction: column;
    font-family: var(--typography-body-medium-font-family);
    font-size: var(--typography-body-medium-font-size);
    font-weight: var(--typography-body-medium-font-weight);
    letter-spacing: var(--typography-body-medium-letter-spacing);
    line-height: var(--typography-body-medium-line-height);
    min-height: 100vh;
    -webkit-text-decoration: var(--typography-body-medium-text-decoration);
    text-decoration: var(--typography-body-medium-text-decoration);
    text-transform: var(--typography-body-medium-text-transform);
}
body > main {
    display: grid;
    flex: 1;
    grid-template-columns: repeat(1, 1fr);
}
@media (min-width: 1200px) {
    body > main {
        grid-template-columns: repeat(2, 1fr);
    }
}
body > iframe {
    position: absolute;
}
@media (min-width: 1200px) {
    .main-with-risk-warning {
        margin-top: 65px;
    }
}
section.content {
    display: flex;
    justify-content: center;
    padding: var(--spacing-extra-large-2) var(--spacing-medium) 0
        var(--spacing-medium);
}
@media (min-width: 1024px) {
    section.content {
        align-items: center;
        padding: 0 var(--spacing-extra-large-5) 0 var(--spacing-extra-large-5);
    }
}
@media (min-width: 1200px) {
    section.content {
        padding-top: 100px;
    }
}
section.content .content--container {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-extra-large-2);
    max-width: 450px;
    width: 100%;
}
section.content .content--heading {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-extra-small);
}
section.content .content--heading.large h1 {
    font-family:
        Bitpanda Compressed,
        Impact,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 64px;
    line-height: 64px;
    text-transform: uppercase;
}
section.content .content--heading.large h2 {
    color: var(--color-neutrals-text-primary);
}
section.content .content--heading h1 {
    font-family:
        Bitpanda Compressed,
        Impact,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 64px;
    text-transform: uppercase;
}
section.content .content--heading h2 {
    color: var(--color-neutrals-text-secondary);
    font-family: var(--typography-title-medium-font-family);
    font-size: var(--typography-title-medium-font-size);
    font-weight: var(--typography-title-medium-font-weight);
    letter-spacing: var(--typography-title-medium-letter-spacing);
    line-height: var(--typography-title-medium-line-height);
    -webkit-text-decoration: var(--typography-title-medium-text-decoration);
    text-decoration: var(--typography-title-medium-text-decoration);
    text-transform: var(--typography-title-medium-text-transform);
}
section.content .content--heading .back-button {
    align-self: flex-start;
    margin-bottom: var(--spacing-medium);
    margin-left: -13px;
}
a {
    color: var(--color-brand-text-primary);
    transition: color 0.15s ease-in-out;
}
a:hover {
    color: var(--color-brand-fill-pressed);
}
[contenteditable]:focus-visible:not([inert]):not([inert] *):not(
        [tabindex^="-"]
    ),
[tabindex]:focus-visible:not([inert]):not([inert] *):not([tabindex^="-"]),
a[href]:focus-visible:not([inert]):not([inert] *):not([tabindex^="-"]),
area[href]:focus-visible:not([inert]):not([inert] *):not([tabindex^="-"]),
audio[controls]:focus-visible:not([inert]):not([inert] *):not([tabindex^="-"]),
button:focus-visible:not([inert]):not([inert] *):not([tabindex^="-"]):not(
        :disabled
    ),
details:focus-visible:not([inert]):not([inert] *)
    > summary:first-of-type:not([tabindex^="-"]),
iframe:focus-visible:not([inert]):not([inert] *):not([tabindex^="-"]),
input[type="radio"]:focus-visible:not([inert]):not([inert] *):not(
        [tabindex^="-"]
    ):not(:disabled),
select:focus-visible:not([inert]):not([inert] *):not([tabindex^="-"]):not(
        :disabled
    ),
textarea:focus-visible:not([inert]):not([inert] *):not([tabindex^="-"]):not(
        :disabled
    ),
video[controls]:focus-visible:not([inert]):not([inert] *):not([tabindex^="-"]) {
    outline: 1px dotted #212121;
    outline: 5px auto -webkit-focus-ring-color;
}
.text-center {
    text-align: center;
}
div.g-recaptcha[data-size="invisible"] {
    display: contents;
}
.disabled-invisible {
    transition: opacity 0.3s ease-in-out;
}
.disabled-invisible,
.disabled-invisible[aria-disabled="false"] {
    opacity: 1;
    visibility: visible;
}
.disabled-invisible:disabled,
.disabled-invisible[aria-disabled=""],
.disabled-invisible[aria-disabled="true"] {
    opacity: 0;
    visibility: hidden;
}
.mt-auto {
    margin-top: auto;
}
.mobile-only {
    display: flex;
}
@media (min-width: 1024px) {
    .mobile-only {
        display: none;
    }
}
.desktop-only {
    display: none;
}
@media (min-width: 1024px) {
    .desktop-only {
        display: flex;
    }
}
#section-loading-content.loading,
#section-manual-content.loading {
    text-align: center;
}
#section-loading-content .spinner,
#section-manual-content .spinner {
    display: inline-block;
}
#section-loading-content p,
#section-manual-content p {
    margin-top: 1em;
}
.banner--text-stack {
    max-width: 380px;
    text-shadow:
        0 0 50px rgba(0, 0, 0, 0.5),
        0 0 5px rgba(0, 0, 0, 0.2);
}
.banner--title {
    font-family:
        Bitpanda Compressed,
        Impact,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 64px;
    max-width: 300px;
    text-transform: uppercase;
}