:root {  --colors-neutrals-n100: #ffffff;
--colors-neutrals-n1000: #000000;
--colors-neutrals-n200: #fcfcfc;
--colors-neutrals-n300: #f7f7fc;
--colors-neutrals-n400: #eff0f6;
--colors-neutrals-n500: #d9dbe9;
--colors-neutrals-n600: #a0a3bd;
--colors-neutrals-n700: #6e7191;
--colors-neutrals-n800: #4e4b66;
--colors-neutrals-n850: #2d2a3e;
--colors-neutrals-n900: #262338;
--colors-neutrals-n950: #14142a;
--colors-primary-100: #fcdade;
--colors-primary-200: #f9b2b9;
--colors-primary-300: #f4707d;
--colors-primary-400: #f04656;
--colors-primary-500---base: #ed1b2f;
--colors-primary-600: #c51021;
--colors-primary-700: #960c19;
--colors-primary-800: #810814;
--colors-primary-900: #6d0812;
--colors-primary-950: #55040c;
--colors-secondary-1-100: #c7d6f6;
--colors-secondary-1-200: #98b5ee;
--colors-secondary-1-300: #6993e7;
--colors-secondary-1-400: #3b71df;
--colors-secondary-1-500: #064bd7;
--colors-secondary-1-600---base: #0f00d0;
--colors-secondary-1-700: #1105af;
--colors-secondary-1-800: #0e048e;
--colors-secondary-1-900: #090167;
--colors-secondary-1-950: #060044;
--colors-secondary-2-100: #ded9ff;
--colors-secondary-2-200: #c3baff;
--colors-secondary-2-300: #a99bff;
--colors-secondary-2-400: #8f7bff;
--colors-secondary-2-500: #7758fc;
--colors-secondary-2-600: #652ef0;
--colors-secondary-2-700---base: #5300d4;
--colors-secondary-2-800: #3f00a0;
--colors-secondary-2-900: #34117a;
--colors-secondary-2-950: #230b56;
--colors-secondary-3-100: #fff2d1;
--colors-secondary-3-200: #ffe9ae;
--colors-secondary-3-300: #ffdf89;
--colors-secondary-3-400: #fcd467;
--colors-secondary-3-500: #fbc635;
--colors-secondary-3-600---base: #ffbc10;
--colors-secondary-3-700: #f5b000;
--colors-secondary-3-800: #e1a200;
--colors-secondary-3-900: #b88502;
--colors-secondary-3-950: #956b00;
--colors-semantics-green-100: #def5d9;
--colors-semantics-green-1000: #077251;
--colors-semantics-green-200: #beebb4;
--colors-semantics-green-300: #a1e596;
--colors-semantics-green-400: #82dc73;
--colors-semantics-green-500: #62d16b;
--colors-semantics-green-600: #49c173;
--colors-semantics-green-700: #2db26c;
--colors-semantics-green-800: #0fa069;
--colors-semantics-green-900: #0a875d;
--colors-semantics-red-100: #ffebee;
--colors-semantics-red-1000: #b71c1c;
--colors-semantics-red-200: #ffcdd2;
--colors-semantics-red-300: #ef9a9a;
--colors-semantics-red-400: #e57373;
--colors-semantics-red-500: #ef5350;
--colors-semantics-red-600: #f44336;
--colors-semantics-red-700: #e53935;
--colors-semantics-red-800: #d32f2f;
--colors-semantics-red-900: #c62828;
--colors-semantics-yellow-100: #fff2d9;
--colors-semantics-yellow-1000: #ad6f0b;
--colors-semantics-yellow-200: #ffecc7;
--colors-semantics-yellow-300: #ffe18d;
--colors-semantics-yellow-400: #ffd970;
--colors-semantics-yellow-500: #ffcd41;
--colors-semantics-yellow-600: #f2bb33;
--colors-semantics-yellow-700: #e2ab30;
--colors-semantics-yellow-800: #d8991d;
--colors-semantics-yellow-900: #c8870a;
--opacity-dark-10: #0000001a;
--opacity-dark-20: #00000033;
--opacity-dark-30: #0000004d;
--opacity-dark-40: #00000066;
--opacity-dark-50: #00000080;
--opacity-dark-60: #00000099;
--opacity-dark-70: #000000b2;
--opacity-dark-80: #000000cc;
--opacity-dark-90: #000000e5;
--opacity-light-10: #ffffff1a;
--opacity-light-20: #ffffff33;
--opacity-light-30: #ffffff4d;
--opacity-light-40: #ffffff66;
--opacity-light-50: #ffffff80;
--opacity-light-60: #ffffff99;
--opacity-light-70: #ffffffb2;
--opacity-light-80: #ffffffcc;
--opacity-light-90: #ffffffe5; --dropshadow-spread-2xl: -24px;
--dropshadow-spread-xl: -20px;
--dropshadow-spread-lg: -16px;
--dropshadow-spread-md: -12px;
--dropshadow-spread-sm: -8px;
--dropshadow-spread-xs: -4px;
--dropshadow-spread-none: 0px;
--dropshadow-blur-none: 0px;
--dropshadow-blur-3xd: 4px;
--dropshadow-blur-2xs: 8px;
--dropshadow-blur-2xs-2: 10px;
--dropshadow-blur-3xs: 12px;
--dropshadow-blur-3xs-2: 15px;
--dropshadow-blur-sm: 16px;
--dropshadow-blur-md: 18px;
--dropshadow-blur-md-2: 20px;
--dropshadow-blur-2md: 24px;
--dropshadow-blur-3md: 30px;
--dropshadow-blur-lg: 40px;
--dropshadow-blur-2lg: 50px;
--dropshadow-blur-xl: 60px;
--dropshadow-blur-2xl: 70px;
--dropshadow-positioning-none: 0px;
--dropshadow-positioning-3xs: 2px;
--dropshadow-positioning-2xs: 4px;
--dropshadow-positioning-xs: 6px;
--dropshadow-positioning-sm: 8px;
--dropshadow-positioning-2sm: 10px;
--dropshadow-positioning-md: 12px;
--dropshadow-positioning-2md: 15px;
--dropshadow-positioning-lg: 16px;
--dropshadow-positioning-2lg: 20px;
--dropshadow-positioning-3lg: 25px;
--dropshadow-positioning-xl: 35px;
--dropshadow-positioning-2xl: 40px;
--dropshadow-positioning-3xl: 48px;
--dropshadow-positioning-4xl: 50px;
--dropshadow-positioning-5xl: 60px;
--radius-step-1: 0px;
--radius-step-2: 1px;
--radius-step-3: 2px;
--radius-step-4: 3px;
--radius-step-5: 4px;
--radius-step-6: 5px;
--radius-step-7: 6px;
--radius-step-8: 7px;
--radius-step-9: 8px;
--radius-step-10: 9px;
--radius-step-11: 10px;
--radius-step-12: 11px;
--radius-step-13: 12px;
--radius-step-14: 14px;
--radius-step-15: 16px;
--radius-step-16: 18px;
--radius-step-17: 20px;
--radius-step-18: 25px;
--radius-step-19: 30px;
--radius-step-20: 35px;
--radius-step-21: 40px;
--radius-step-22: 45px;
--radius-step-23: 50px;
--spacing-step-1: 2px;
--spacing-step-2: 4px;
--spacing-step-3: 6px;
--spacing-step-4: 8px;
--spacing-step-5: 12px;
--spacing-step-6: 16px;
--spacing-step-7: 24px;
--spacing-step-8: 32px;
--spacing-step-9: 40px;
--spacing-step-10: 48px;
--spacing-step-11: 64px;
--spacing-step-12: 80px;
--spacing-step-13: 96px;
--spacing-step-14: 128px;
--spacing-step-15: 160px;
--spacing-step-16: 192px;
--spacing-step-17: 224px;
--spacing-step-18: 256px;
--spacing-step-19: 295px;
--typography-line-height-height-step1: 14px;
--typography-line-height-height-step2: 17px;
--typography-line-height-height-step3: 21px;
--typography-line-height-height-step4: 24px;
--typography-line-height-height-step5: 26px;
--typography-line-height-height-step6: 28px;
--typography-line-height-height-step7: 30px;
--typography-line-height-height-step8: 34px;
--typography-line-height-height-step9: 38px;
--typography-line-height-height-step10: 42px;
--typography-line-height-height-step11: 48px;
--typography-line-height-height-step12: 50px;
--typography-line-height-height-step13: 54px;
--typography-line-height-height-step14: 58px;
--typography-line-height-height-step15: 62px;
--typography-line-height-height-step16: 70px;
--typography-line-height-height-step17: 78px;
--typography-line-height-height-step18: 84px;
--typography-line-height-height-step19: 94px;
--typography-line-height-height-step20: 124px;
--typography-line-height-height-step21: 156px;
--typography-size-step-1-caption: 10px;
--typography-size-step-2-p4: 12px;
--typography-size-step-3: 14px;
--typography-size-step-4: 16px;
--typography-size-step-5: 18px;
--typography-size-step-6: 20px;
--typography-size-step-7: 22px;
--typography-size-step-8: 24px;
--typography-size-step-9: 28px;
--typography-size-step-10: 32px;
--typography-size-step-11: 36px;
--typography-size-step-12: 40px;
--typography-size-step-13: 44px;
--typography-size-step-14: 48px;
--typography-size-step-15: 52px;
--typography-size-step-16: 60px;
--typography-size-step-17: 68px;
--typography-size-step-18: 84px;
--typography-size-step-19: 100px;
--typography-size-step-20: 124px;
--typography-size-step-21: 156px; --typography-family-typeface-1: Visby CF;
--typography-family-typeface-2: Figtree;
--typography-family-typeface-3: Lexend;
--typography-weight-black: Black;
--typography-weight-black-italic: Black Italic;
--typography-weight-bold: Bold;
--typography-weight-bold-italic: Bold Italic;
--typography-weight-extra-light: Extra Light;
--typography-weight-extra-light-italic: Extra Light Italic;
--typography-weight-extra-bold: ExtraBold;
--typography-weight-extra-bold-italic: ExtraBold Italic;
--typography-weight-light: Light;
--typography-weight-medium: Medium;
--typography-weight-medium-italic: Medium Italic;
--typography-weight-regular: Regular;
--typography-weight-regular-italic: Regular Italic;
--typography-weight-semibold: Semibold;
--typography-weight-semibold-italic: Semibold Italic;
--typography-weight-thin: Thin;
--typography-weight-thin-italic: Thin Italic;
} :root {  --error-darker: var(--colors-semantics-red-800);
--error-darkest: var(--colors-semantics-red-1000);
--error-default: var(--colors-semantics-red-600);
--error-light: var(--colors-semantics-red-200);
--error-lightest: var(--colors-semantics-red-100);
--gradient-blue-200: var(--colors-secondary-1-200);
--gradient-blue-500: var(--colors-secondary-1-500);
--gradient-blue-800: var(--colors-secondary-1-800);
--gradient-red-200: var(--colors-primary-200);
--gradient-red-500: var(--colors-primary-500---base);
--gradient-red-900: var(--colors-primary-900);
--neutrals-neutral-100-white: var(--colors-neutrals-n100);
--neutrals-neutral-1000-black: var(--colors-neutrals-n1000);
--neutrals-neutral-200: var(--colors-neutrals-n200);
--neutrals-neutral-300: var(--colors-neutrals-n300);
--neutrals-neutral-400: var(--colors-neutrals-n400);
--neutrals-neutral-500: var(--colors-neutrals-n500);
--neutrals-neutral-600: var(--colors-neutrals-n600);
--neutrals-neutral-700: var(--colors-neutrals-n700);
--neutrals-neutral-800: var(--colors-neutrals-n800);
--neutrals-neutral-850: var(--colors-neutrals-n850);
--neutrals-neutral-900: var(--colors-neutrals-n900);
--neutrals-neutral-950: var(--colors-neutrals-n950);
--overlay-dark-10: var(--opacity-dark-10);
--overlay-dark-20: var(--opacity-dark-20);
--overlay-dark-30: var(--opacity-dark-30);
--overlay-dark-40: var(--opacity-dark-40);
--overlay-dark-50: var(--opacity-dark-50);
--overlay-dark-60: var(--opacity-dark-60);
--overlay-dark-70: var(--opacity-dark-70);
--overlay-dark-80: var(--opacity-dark-80);
--overlay-dark-90: var(--opacity-dark-90);
--overlay-light-10: var(--opacity-light-10);
--overlay-light-20: var(--opacity-light-20);
--overlay-light-30: var(--opacity-light-30);
--overlay-light-40: var(--opacity-light-40);
--overlay-light-50: var(--opacity-light-50);
--overlay-light-60: var(--opacity-light-60);
--overlay-light-70: var(--opacity-light-70);
--overlay-light-80: var(--opacity-light-80);
--overlay-light-90: var(--opacity-light-90);
--primary-primary-dark: var(--colors-primary-600);
--primary-primary-darker: var(--colors-primary-800);
--primary-primary-default: var(--colors-primary-500---base);
--primary-primary-light: var(--colors-primary-300);
--primary-primary-lighter: var(--colors-primary-100);
--secondary-secondary-dark: var(--colors-secondary-1-800);
--secondary-secondary-darker: var(--colors-secondary-1-950);
--secondary-secondary-default: var(--colors-secondary-1-600---base);
--secondary-secondary-light: var(--colors-secondary-1-300);
--secondary-secondary-lighter: var(--colors-secondary-1-100);
--success-darker: var(--colors-semantics-green-700);
--success-darkest: var(--colors-semantics-green-900);
--success-default: var(--colors-semantics-green-500);
--success-light: var(--colors-semantics-green-200);
--success-lightest: var(--colors-semantics-green-100);
--warning-dark: var(--colors-semantics-yellow-800);
--warning-darker: var(--colors-semantics-yellow-1000);
--warning-default: var(--colors-semantics-yellow-500);
--warning-light: var(--colors-semantics-yellow-300);
--warning-lighter: var(--colors-semantics-yellow-100); --breakpoint-breakpoint: 1920px;
--card-sizes-primary-card: 453px;
--card-sizes-secondary-card: 453px;
--card-sizes-tertiary-card: 453px;
--grid-system-column-count: 12px;
--grid-system-gutter: 24px;
--grid-system-nav-margin: 83px;
--grid-system-margin: 295px;
--grid-system-grid-container: 1330px;
--grid-system-breakpoints: 1920px;
--radius-4xs: var(--radius-step-1);
--radius-3xs: var(--radius-step-2);
--radius-2xs: var(--radius-step-3);
--radius-xs: var(--radius-step-4);
--radius-sm: var(--radius-step-5);
--radius-2sm: var(--radius-step-6);
--radius-3sm: var(--radius-step-7);
--radius-4sm: var(--radius-step-8);
--radius-md: var(--radius-step-9);
--radius-2md: var(--radius-step-10);
--radius-3md: var(--radius-step-11);
--radius-4md: var(--radius-step-12);
--radius-5md: var(--radius-step-13);
--radius-6md: var(--radius-step-14);
--radius-7md: var(--radius-step-15);
--radius-8md: var(--radius-step-16);
--radius-9md: var(--radius-step-17);
--radius-10md: var(--radius-step-18);
--radius-11md: var(--radius-step-19);
--radius-12md: var(--radius-step-20);
--radius-13md: var(--radius-step-21);
--radius-14md: var(--radius-step-22);
--radius-round: var(--radius-step-23);
--spacing-3xs: var(--spacing-step-1);
--spacing-3xs-2: var(---spacing-step-1);
--spacing-2xs: var(--spacing-step-2);
--spacing-xs: var(--spacing-step-4);
--spacing-sm: var(--spacing-step-5);
--spacing-md: var(--spacing-step-6);
--spacing-lg: var(--spacing-step-7);
--spacing-xl: var(--spacing-step-8);
--spacing-2xl: var(--spacing-step-9);
--spacing-3xl: var(--spacing-step-10);
--spacing-4xl: var(--spacing-step-11);
--spacing-5xl: var(--spacing-step-12);
--spacing-6xl: var(--spacing-step-13);
--spacing-7xl: var(--spacing-step-14);
--spacing-8xl: var(--spacing-step-15);
--spacing-9xl: var(--spacing-step-16);
--spacing-10xl: var(--spacing-step-17);
--spacing-11xl: var(--spacing-step-18);
--typography-line-height-caption: var(--typography-line-height-height-step2);
--typography-line-height-p4: var(--typography-line-height-height-step3);
--typography-line-height-p3: var(--typography-line-height-height-step4);
--typography-line-height-p2: var(--typography-line-height-height-step5);
--typography-line-height-p1: var(--typography-line-height-height-step6);
--typography-line-height-h6: var(--typography-line-height-height-step7);
--typography-line-height-h5: var(--typography-line-height-height-step10);
--typography-line-height-h4: var(--typography-line-height-height-step13);
--typography-line-height-h3: var(--typography-line-height-height-step14);
--typography-line-height-h2: var(--typography-line-height-height-step16);
--typography-line-height-h1: var(--typography-line-height-height-step17);
--typography-line-height-d2: var(--typography-line-height-height-step19);
--typography-line-height-d1: var(--typography-line-height-height-step20);
--typography-size-caption: var(--typography-size-step-2-p4);
--typography-size-p4: var(--typography-size-step-3);
--typography-size-p3: var(--typography-size-step-4);
--typography-size-p2: var(--typography-size-step-5);
--typography-size-p1: var(--typography-size-step-6);
--typography-size-36-px: var(--typography-size-step-11);
--typography-size-h6: var(--typography-size-step-8);
--typography-size-h5: var(--typography-size-step-10);
--typography-size-h4: var(--typography-size-step-14);
--typography-size-h3: var(--typography-size-step-15);
--typography-size-h2: var(--typography-size-step-16);
--typography-size-h1: var(--typography-size-step-17);
--typography-size-d2: var(--typography-size-step-18);
--typography-size-d1: var(--typography-size-step-20); --typography-family-body: var(--typography-family-typeface-2);
--typography-family-display: var(--typography-family-typeface-1);
--typography-weight-d1-bold: var(--typography-weight-bold);
--typography-weight-d1-light: var(--typography-weight-light);
--typography-weight-d1-medium: var(--typography-weight-medium);
--typography-weight-d1-regular: var(--typography-weight-regular);
--typography-weight-d1-semi-bold: var(--typography-weight-semibold);
--typography-weight-d2-bold: var(--typography-weight-bold);
--typography-weight-d2-light: var(--typography-weight-light);
--typography-weight-d2-medium: var(--typography-weight-medium);
--typography-weight-d2-regular: var(--typography-weight-regular);
--typography-weight-d2-semi-bold: var(--typography-weight-semibold);
--typography-weight-h1-bold: var(--typography-weight-bold);
--typography-weight-h1-light: var(--typography-weight-light);
--typography-weight-h1-medium: var(--typography-weight-medium);
--typography-weight-h1-regular: var(--typography-weight-regular);
--typography-weight-h1-semi-bold: var(--typography-weight-semibold);
--typography-weight-h2-bold: var(--typography-weight-bold);
--typography-weight-h2-light: var(--typography-weight-light);
--typography-weight-h2-medium: var(--typography-weight-medium);
--typography-weight-h2-regular: var(--typography-weight-regular);
--typography-weight-h2-semi-bold: var(--typography-weight-semibold);
--typography-weight-h3-bold: var(--typography-weight-bold);
--typography-weight-h3-light: var(--typography-weight-light);
--typography-weight-h3-medium: var(--typography-weight-medium);
--typography-weight-h3-regular: var(--typography-weight-regular);
--typography-weight-h3-semi-bold: var(--typography-weight-semibold);
--typography-weight-h4-bold: var(--typography-weight-bold);
--typography-weight-h4-light: var(--typography-weight-light);
--typography-weight-h4-medium: var(--typography-weight-medium);
--typography-weight-h4-regular: var(--typography-weight-regular);
--typography-weight-h4-semi-bold: var(--typography-weight-semibold);
--typography-weight-h5-bold: var(--typography-weight-bold);
--typography-weight-h5-light: var(--typography-weight-light);
--typography-weight-h5-medium: var(--typography-weight-medium);
--typography-weight-h5-regular: var(--typography-weight-regular);
--typography-weight-h5-semi-bold: var(--typography-weight-semibold);
--typography-weight-h6-bold: var(--typography-weight-bold);
--typography-weight-h6-light: var(--typography-weight-light);
--typography-weight-h6-medium: var(--typography-weight-medium);
--typography-weight-h6-regular: var(--typography-weight-regular);
--typography-weight-h6-semi-bold: var(--typography-weight-semibold);
--typography-weight-p1-bold: var(--typography-weight-bold);
--typography-weight-p1-light: var(--typography-weight-light);
--typography-weight-p1-medium: var(--typography-weight-medium);
--typography-weight-p1-regular: var(--typography-weight-regular);
--typography-weight-p1-semi-bold: var(--typography-weight-semibold);
--typography-weight-p2-bold: var(--typography-weight-bold);
--typography-weight-p2-light: var(--typography-weight-light);
--typography-weight-p2-medium: var(--typography-weight-medium);
--typography-weight-p2-regular: var(--typography-weight-regular);
--typography-weight-p2-semi-bold: var(--typography-weight-semibold);
--typography-weight-p3-bold: var(--typography-weight-bold);
--typography-weight-p3-light: var(--typography-weight-light);
--typography-weight-p3-medium: var(--typography-weight-medium);
--typography-weight-p3-regular: var(--typography-weight-regular);
--typography-weight-p3-semi-bold: var(--typography-weight-semibold);
--typography-weight-p4-bold: var(--typography-weight-bold);
--typography-weight-p4-light: var(--typography-weight-light);
--typography-weight-p4-medium: var(--typography-weight-medium);
--typography-weight-p4-regular: var(--typography-weight-regular);
--typography-weight-p4-semi-bold: var(--typography-weight-semibold);
}  @media (min-width: 320px) and (max-width: 767px) {
:root{
--breakpoint-breakpoint: 414px;
--card-sizes-primary-card: 366px;
--card-sizes-secondary-card: 366px;
--card-sizes-tertiary-card: 366px;
--grid-system-column-count: 4px;
--grid-system-gutter: 16px;
--grid-system-margin: 24px;
--grid-system-nav-margin: 24px;
--grid-system-grid-container: 366px;
--grid-system-breakpoints: 414px;
--radius-4xs: var(--radius-step-1);
--radius-3xs: var(--radius-step-2);
--radius-2xs: var(--radius-step-3);
--radius-xs: var(--radius-step-4);
--radius-sm: var(--radius-step-5);
--radius-2sm: var(--radius-step-6);
--radius-3sm: var(--radius-step-7);
--radius-4sm: var(--radius-step-8);
--radius-md: var(--radius-step-9);
--radius-2md: var(--radius-step-10);
--radius-3md: var(--radius-step-11);
--radius-4md: var(--radius-step-12);
--radius-5md: var(--radius-step-13);
--radius-6md: var(--radius-step-14);
--radius-7md: var(--radius-step-15);
--radius-8md: var(--radius-step-16);
--radius-9md: var(--radius-step-17);
--radius-10md: var(--radius-step-18);
--radius-11md: var(--radius-step-19);
--radius-12md: var(--radius-step-20);
--radius-13md: var(--radius-step-21);
--radius-14md: var(--radius-step-22);
--radius-round: var(--radius-step-23);
--spacing-3xs: var(--spacing-step-1);
--spacing-3xs-2: var(---spacing-step-1);
--spacing-2xs: var(--spacing-step-2);
--spacing-xs: var(--spacing-step-3);
--spacing-sm: var(--spacing-step-4);
--spacing-md: var(--spacing-step-5);
--spacing-lg: var(--spacing-step-6);
--spacing-xl: var(--spacing-step-7);
--spacing-2xl: var(--spacing-step-8);
--spacing-3xl: var(--spacing-step-9);
--spacing-4xl: var(--spacing-step-10);
--spacing-5xl: var(--spacing-step-11);
--spacing-6xl: var(--spacing-step-12);
--spacing-7xl: var(--spacing-step-13);
--spacing-8xl: var(--spacing-step-14);
--spacing-9xl: var(--spacing-step-15);
--spacing-10xl: var(--spacing-step-16);
--spacing-11xl: var(--spacing-step-17);
--typography-line-height-caption: var(--typography-line-height-height-step1);
--typography-line-height-p4: var(--typography-line-height-height-step2);
--typography-line-height-p3: var(--typography-line-height-height-step3);
--typography-line-height-p2: var(--typography-line-height-height-step4);
--typography-line-height-p1: var(--typography-line-height-height-step5);
--typography-size-36-px: var(--typography-size-step-7);
--typography-line-height-h6: var(--typography-line-height-height-step6);
--typography-line-height-h5: var(--typography-line-height-height-step7);
--typography-line-height-h4: var(--typography-line-height-height-step8);
--typography-line-height-h3: var(--typography-line-height-height-step9);
--typography-line-height-h2: var(--typography-line-height-height-step11);
--typography-line-height-h1: var(--typography-line-height-height-step13);
--typography-line-height-d2: var(--typography-line-height-height-step14);
--typography-line-height-d1: var(--typography-line-height-height-step15);
--typography-size-caption: var(--typography-size-step-1-caption);
--typography-size-p4: var(--typography-size-step-2-p4);
--typography-size-p3: var(--typography-size-step-3);
--typography-size-p2: var(--typography-size-step-4);
--typography-size-p1: var(--typography-size-step-5);
--typography-size-h6: var(--typography-size-step-6);
--typography-size-h5: var(--typography-size-step-7);
--typography-size-h4: var(--typography-size-step-8);
--typography-size-h3: var(--typography-size-step-9);
--typography-size-h2: var(--typography-size-step-11);
--typography-size-h1: var(--typography-size-step-13);
--typography-size-d2: var(--typography-size-step-15);
--typography-size-d1: var(--typography-size-step-18); --typography-family-body: var(--typography-family-typeface-2);
--typography-family-display: var(--typography-family-typeface-1);
--typography-weight-d1-bold: var(--typography-weight-bold);
--typography-weight-d1-light: var(--typography-weight-light);
--typography-weight-d1-medium: var(--typography-weight-medium);
--typography-weight-d1-regular: var(--typography-weight-regular);
--typography-weight-d1-semi-bold: var(--typography-weight-semibold);
--typography-weight-d2-bold: var(--typography-weight-extra-bold);
--typography-weight-d2-light: var(--typography-weight-light);
--typography-weight-d2-medium: var(--typography-weight-medium);
--typography-weight-d2-regular: var(--typography-weight-regular);
--typography-weight-d2-semi-bold: var(--typography-weight-semibold);
--typography-weight-h1-bold: var(--typography-weight-bold);
--typography-weight-h1-light: var(--typography-weight-light);
--typography-weight-h1-medium: var(--typography-weight-medium);
--typography-weight-h1-regular: var(--typography-weight-regular);
--typography-weight-h1-semi-bold: var(--typography-weight-semibold);
--typography-weight-h2-bold: var(--typography-weight-bold);
--typography-weight-h2-light: var(--typography-weight-light);
--typography-weight-h2-medium: var(--typography-weight-medium);
--typography-weight-h2-regular: var(--typography-weight-regular);
--typography-weight-h2-semi-bold: var(--typography-weight-semibold);
--typography-weight-h3-bold: var(--typography-weight-bold);
--typography-weight-h3-light: var(--typography-weight-light);
--typography-weight-h3-medium: var(--typography-weight-medium);
--typography-weight-h3-regular: var(--typography-weight-regular);
--typography-weight-h3-semi-bold: var(--typography-weight-semibold);
--typography-weight-h4-bold: var(--typography-weight-bold);
--typography-weight-h4-light: var(--typography-weight-light);
--typography-weight-h4-medium: var(--typography-weight-medium);
--typography-weight-h4-regular: var(--typography-weight-regular);
--typography-weight-h4-semi-bold: var(--typography-weight-semibold);
--typography-weight-h5-bold: var(--typography-weight-bold);
--typography-weight-h5-light: var(--typography-weight-extra-light);
--typography-weight-h5-medium: var(--typography-weight-medium);
--typography-weight-h5-regular: var(--typography-weight-regular);
--typography-weight-h5-semi-bold: var(--typography-weight-semibold);
--typography-weight-h6-bold: var(--typography-weight-bold);
--typography-weight-h6-light: var(--typography-weight-light);
--typography-weight-h6-medium: var(--typography-weight-medium);
--typography-weight-h6-regular: var(--typography-weight-regular);
--typography-weight-h6-semi-bold: var(--typography-weight-semibold);
--typography-weight-p1-bold: var(--typography-weight-bold);
--typography-weight-p1-light: var(--typography-weight-light);
--typography-weight-p1-medium: var(--typography-weight-medium);
--typography-weight-p1-regular: var(--typography-weight-regular);
--typography-weight-p1-semi-bold: var(--typography-weight-semibold);
--typography-weight-p2-bold: var(--typography-weight-bold);
--typography-weight-p2-light: var(--typography-weight-light);
--typography-weight-p2-medium: var(--typography-weight-medium);
--typography-weight-p2-regular: var(--typography-weight-regular);
--typography-weight-p2-semi-bold: var(--typography-weight-semibold);
--typography-weight-p3-bold: var(--typography-weight-bold);
--typography-weight-p3-light: var(--typography-weight-light);
--typography-weight-p3-medium: var(--typography-weight-medium);
--typography-weight-p3-regular: var(--typography-weight-regular);
--typography-weight-p3-semi-bold: var(--typography-weight-semibold);
--typography-weight-p4-bold: var(--typography-weight-bold);
--typography-weight-p4-light: var(--typography-weight-light);
--typography-weight-p4-medium: var(--typography-weight-medium);
--typography-weight-p4-regular: var(--typography-weight-regular);
--typography-weight-p4-semi-bold: var(--typography-weight-semibold);
}
}  @media (min-width: 768px) and (max-width: 1199px) {
:root{
--breakpoint-breakpoint: 0px;
--card-sizes-secondary-card: 342px;
--card-sizes-tertiary-card: 342px;
--card-sizes-primary-card: 704px;
--grid-system-column-count: 8px;
--grid-system-gutter: 20px;
--grid-system-margin: 32px;
--grid-system-nav-margin: 32px;
--grid-system-grid-container: 701px;
--grid-system-breakpoints: 768px;
--radius-4xs: var(--radius-step-1);
--radius-3xs: var(--radius-step-2);
--radius-2xs: var(--radius-step-3);
--radius-xs: var(--radius-step-4);
--radius-sm: var(--radius-step-5);
--radius-2sm: var(--radius-step-6);
--radius-3sm: var(--radius-step-7);
--radius-4sm: var(--radius-step-8);
--radius-md: var(--radius-step-9);
--radius-2md: var(--radius-step-10);
--radius-3md: var(--radius-step-11);
--radius-4md: var(--radius-step-12);
--radius-5md: var(--radius-step-13);
--radius-6md: var(--radius-step-14);
--radius-7md: var(--radius-step-15);
--radius-8md: var(--radius-step-16);
--radius-9md: var(--radius-step-17);
--radius-10md: var(--radius-step-18);
--radius-11md: var(--radius-step-19);
--radius-12md: var(--radius-step-20);
--radius-13md: var(--radius-step-21);
--radius-14md: var(--radius-step-22);
--radius-round: var(--radius-step-23);
--spacing-3xs: var(--spacing-step-1);
--spacing-3xs-2: var(---spacing-step-1);
--spacing-2xs: var(--spacing-step-2);
--spacing-xs: var(--spacing-step-4);
--spacing-sm: var(--spacing-step-5);
--spacing-md: var(--spacing-step-6);
--spacing-lg: var(--spacing-step-7);
--spacing-xl: var(--spacing-step-8);
--spacing-2xl: var(--spacing-step-9);
--spacing-3xl: var(--spacing-step-10);
--spacing-4xl: var(--spacing-step-11);
--spacing-5xl: var(--spacing-step-12);
--spacing-6xl: var(--spacing-step-13);
--spacing-7xl: var(--spacing-step-14);
--spacing-8xl: var(--spacing-step-15);
--spacing-9xl: var(--spacing-step-16);
--spacing-10xl: var(--spacing-step-17);
--spacing-11xl: var(--spacing-step-18);
--typography-line-height-caption: var(--typography-line-height-height-step2);
--typography-line-height-p4: var(--typography-line-height-height-step3);
--typography-line-height-p3: var(--typography-line-height-height-step4);
--typography-line-height-p2: var(--typography-line-height-height-step5);
--typography-line-height-p1: var(--typography-line-height-height-step6);
--typography-line-height-h6: var(--typography-line-height-height-step7);
--typography-line-height-h5: var(--typography-line-height-height-step9);
--typography-line-height-h4: var(--typography-line-height-height-step11);
--typography-line-height-h3: var(--typography-line-height-height-step12);
--typography-line-height-h2: var(--typography-line-height-height-step14);
--typography-line-height-h1: var(--typography-line-height-height-step15);
--typography-line-height-d2: var(--typography-line-height-height-step18);
--typography-line-height-d1: var(--typography-line-height-height-step19);
--typography-size-caption: var(--typography-size-step-1-caption);
--typography-size-p4: var(--typography-size-step-2-p4);
--typography-size-p3: var(--typography-size-step-3);
--typography-size-p2: var(--typography-size-step-4);
--typography-size-p1: var(--typography-size-step-5);
--typography-size-36-px: var(--typography-size-step-9);
--typography-size-h6: var(--typography-size-step-7);
--typography-size-h5: var(--typography-size-step-9);
--typography-size-h4: var(--typography-size-step-13);
--typography-size-h3: var(--typography-size-step-14);
--typography-size-h2: var(--typography-size-step-15);
--typography-size-h1: var(--typography-size-step-16);
--typography-size-d2: var(--typography-size-step-17);
--typography-size-d1: var(--typography-size-step-19); --typography-family-body: var(--typography-family-typeface-3);
--typography-family-display: var(--typography-family-typeface-2);
--typography-weight-d1-bold: var(--typography-weight-bold);
--typography-weight-d1-light: var(--typography-weight-light);
--typography-weight-d1-medium: var(--typography-weight-medium);
--typography-weight-d1-regular: var(--typography-weight-regular);
--typography-weight-d1-semi-bold: var(--typography-weight-semibold);
--typography-weight-d2-bold: var(--typography-weight-extra-bold);
--typography-weight-d2-light: var(--typography-weight-light);
--typography-weight-d2-medium: var(--typography-weight-medium);
--typography-weight-d2-regular: var(--typography-weight-regular);
--typography-weight-d2-semi-bold: var(--typography-weight-semibold);
--typography-weight-h1-bold: var(--typography-weight-bold);
--typography-weight-h1-light: var(--typography-weight-light);
--typography-weight-h1-medium: var(--typography-weight-medium);
--typography-weight-h1-regular: var(--typography-weight-regular);
--typography-weight-h1-semi-bold: var(--typography-weight-semibold);
--typography-weight-h2-bold: var(--typography-weight-bold);
--typography-weight-h2-light: var(--typography-weight-light);
--typography-weight-h2-medium: var(--typography-weight-medium);
--typography-weight-h2-regular: var(--typography-weight-regular);
--typography-weight-h2-semi-bold: var(--typography-weight-semibold);
--typography-weight-h3-bold: var(--typography-weight-bold);
--typography-weight-h3-light: var(--typography-weight-light);
--typography-weight-h3-medium: var(--typography-weight-medium);
--typography-weight-h3-regular: var(--typography-weight-regular);
--typography-weight-h3-semi-bold: var(--typography-weight-semibold);
--typography-weight-h4-bold: var(--typography-weight-bold);
--typography-weight-h4-light: var(--typography-weight-light);
--typography-weight-h4-medium: var(--typography-weight-medium);
--typography-weight-h4-regular: var(--typography-weight-regular);
--typography-weight-h4-semi-bold: var(--typography-weight-semibold);
--typography-weight-h5-bold: var(--typography-weight-bold);
--typography-weight-h5-light: var(--typography-weight-extra-light);
--typography-weight-h5-medium: var(--typography-weight-medium);
--typography-weight-h5-regular: var(--typography-weight-regular);
--typography-weight-h5-semi-bold: var(--typography-weight-semibold);
--typography-weight-h6-bold: var(--typography-weight-bold);
--typography-weight-h6-light: var(--typography-weight-light);
--typography-weight-h6-medium: var(--typography-weight-medium);
--typography-weight-h6-regular: var(--typography-weight-regular);
--typography-weight-h6-semi-bold: var(--typography-weight-semibold);
--typography-weight-p1-bold: var(--typography-weight-bold);
--typography-weight-p1-light: var(--typography-weight-light);
--typography-weight-p1-medium: var(--typography-weight-medium);
--typography-weight-p1-regular: var(--typography-weight-regular);
--typography-weight-p1-semi-bold: var(--typography-weight-semibold);
--typography-weight-p2-bold: var(--typography-weight-bold);
--typography-weight-p2-light: var(--typography-weight-light);
--typography-weight-p2-medium: var(--typography-weight-medium);
--typography-weight-p2-regular: var(--typography-weight-regular);
--typography-weight-p2-semi-bold: var(--typography-weight-semibold);
--typography-weight-p3-bold: var(--typography-weight-bold);
--typography-weight-p3-light: var(--typography-weight-light);
--typography-weight-p3-medium: var(--typography-weight-medium);
--typography-weight-p3-regular: var(--typography-weight-regular);
--typography-weight-p3-semi-bold: var(--typography-weight-semibold);
--typography-weight-p4-bold: var(--typography-weight-bold);
--typography-weight-p4-light: var(--typography-weight-light);
--typography-weight-p4-medium: var(--typography-weight-medium);
--typography-weight-p4-regular: var(--typography-weight-regular);
--typography-weight-p4-semi-bold: var(--typography-weight-semibold);
}
}