// Do not edit directly
// Generated on Wed, 06 Mar 2024 19:09:12 GMT

$corner-full: 100%;
$corner-rounded: 500px;
$corner-large: 32px;
$corner-medium: 16px;
$corner-small: 8px;
$corner-smaller: 4px;
$breakpoint-xs: 320px;
$breakpoint-sm: 425px;
$breakpoint-md: 720px;
$breakpoint-lg: 1024px;
$breakpoint-xl: 1280px;
$breakpoint-container: 1232px;
$color-primary-25: #f8f4fc;
$color-primary-50: #f1eaf9;
$color-primary-100: #e4d5f4;
$color-primary-200: #c9abe9;
$color-primary-300: #ae81de;
$color-primary-400: #9357d3;
$color-primary-500: #782dc8;
$color-primary-600: #6024a0;
$color-primary-700: #481b78;
$color-primary-800: #301250;
$color-primary-900: #180928;
$color-secondary-50: #fdede5;
$color-secondary-100: #fbdbcc;
$color-secondary-200: #f7b799;
$color-secondary-300: #f39366;
$color-secondary-400: #ef6f33;
$color-secondary-500: #eb4b00;
$color-secondary-600: #bc3c00;
$color-secondary-700: #8d2d00;
$color-secondary-800: #5e1e00;
$color-secondary-900: #2f0f00;
$color-tertiary-50: #e9faf9;
$color-tertiary-100: #d4f6f4;
$color-tertiary-200: #a9ede9;
$color-tertiary-300: #7ee4de;
$color-tertiary-400: #53dbd3;
$color-tertiary-500: #28d2c8;
$color-tertiary-600: #20a8a0;
$color-tertiary-700: #187e78;
$color-tertiary-800: #105450;
$color-tertiary-900: #082a28;
$color-quarternary-50: #fbe8f3;
$color-quarternary-100: #f7d1e8;
$color-quarternary-200: #efa3d1;
$color-quarternary-300: #e775ba;
$color-quarternary-400: #df47a3;
$color-quarternary-500: #d7198c;
$color-quarternary-600: #ac1470;
$color-quarternary-700: #810f54;
$color-quarternary-800: #560a38;
$color-quarternary-900: #2b051c;
$color-neutral-100: #fafafa;
$color-neutral-150: #f1f1f1;
$color-neutral-200: #dedede;
$color-neutral-300: #c2c1c2;
$color-neutral-400: #a6a5a5;
$color-neutral-500: #8a8989;
$color-neutral-600: #6d6c6d;
$color-neutral-700: #515051;
$color-neutral-800: #353334;
$color-neutral-900: #171719;
$color-semantic-success-50: #e5f6e8;
$color-semantic-success-100: #cceed2;
$color-semantic-success-200: #66cb77;
$color-semantic-success-300: #00a91c;
$color-semantic-success-400: #006511;
$color-semantic-success-500: #002206;
$color-semantic-warning-25: #fff7f7;
$color-semantic-warning-50: #ffecec;
$color-semantic-warning-100: #ffdada;
$color-semantic-warning-200: #ff9191;
$color-semantic-warning-300: #ff4848;
$color-semantic-warning-400: #992b2b;
$color-semantic-warning-500: #330e0e;
$color-semantic-info-50: #eaf0f9;
$color-semantic-info-100: #d6e2f4;
$color-semantic-info-200: #83a7df;
$color-semantic-info-300: #316cca;
$color-semantic-info-400: #1d4179;
$color-semantic-info-500: #0a1628;
$color-semantic-alert-50: #fcf5e5;
$color-semantic-alert-100: #faeccc;
$color-semantic-alert-200: #efc666;
$color-semantic-alert-300: #e5a000;
$color-semantic-alert-400: #896000;
$color-semantic-alert-500: #2e2000;
$color-opacity-dark-50: rgba(0, 0, 0, 0.05);
$color-opacity-dark-100: rgba(0, 0, 0, 0.1);
$color-opacity-dark-200: rgba(0, 0, 0, 0.2);
$color-opacity-dark-300: rgba(0, 0, 0, 0.3);
$color-opacity-dark-400: rgba(0, 0, 0, 0.4);
$color-opacity-dark-500: rgba(0, 0, 0, 0.5);
$color-opacity-dark-600: rgba(0, 0, 0, 0.6);
$color-opacity-dark-700: rgba(0, 0, 0, 0.7);
$color-opacity-dark-800: rgba(0, 0, 0, 0.8);
$color-opacity-dark-900: rgba(0, 0, 0, 0.8);
$color-opacity-dark-1000: #000000;
$color-opacity-light-100: rgba(255, 255, 255, 0.1);
$color-opacity-light-200: rgba(255, 255, 255, 0.2);
$color-opacity-light-300: rgba(255, 255, 255, 0.3);
$color-opacity-light-400: rgba(255, 255, 255, 0.4);
$color-opacity-light-500: rgba(255, 255, 255, 0.5);
$color-opacity-light-600: rgba(255, 255, 255, 0.6);
$color-opacity-light-700: rgba(255, 255, 255, 0.7);
$color-opacity-light-800: rgba(255, 255, 255, 0.8);
$color-opacity-light-900: rgba(255, 255, 255, 0.8);
$color-opacity-light-1000: #ffffff;
$color-gradient-100: rgba(241, 234, 249, 0.3);
$color-focus: #029cfd;
$spacing-base: 4px;
$spacing-offset: 5%;
$spacing-row-2xs: calc(4px / 2);
$spacing-row-xs: 4px;
$spacing-row-sm: calc(4px + 4px);
$spacing-row-md: calc(calc(4px + 4px) + 4px);
$spacing-row-lg: calc(calc(calc(4px + 4px) + 4px) + 4px);
$spacing-row-xl: calc(calc(calc(calc(4px + 4px) + 4px) + 4px) + 4px);
$spacing-row-2xl: calc(calc(calc(calc(calc(4px + 4px) + 4px) + 4px) + 4px) + 4px);
$spacing-row-3xl: calc(calc(calc(calc(calc(calc(4px + 4px) + 4px) + 4px) + 4px) + 4px) + 4px * 2);
$spacing-row-4xl: calc(calc(calc(calc(calc(calc(calc(4px + 4px) + 4px) + 4px) + 4px) + 4px) + 4px * 2) * 2);
$spacing-column-2xs: calc(4px / 2);
$spacing-column-xs: 4px;
$spacing-column-sm: calc(4px + 4px); // 8px
$spacing-column-md: calc(calc(4px + 4px) + 4px); // 12px
$spacing-column-lg: calc(calc(calc(4px + 4px) + 4px) + 4px); // 16px
$spacing-column-xl: calc(calc(calc(calc(4px + 4px) + 4px) + 4px) + 4px); // 20px
$spacing-column-2xl: calc(calc(calc(calc(calc(4px + 4px) + 4px) + 4px) + 4px) + 4px); // 24px
$spacing-column-3xl: calc(calc(calc(calc(calc(calc(4px + 4px) + 4px) + 4px) + 4px) + 4px) + 4px * 2); // 32px
$spacing-column-4xl: calc(calc(calc(calc(calc(calc(calc(4px + 4px) + 4px) + 4px) + 4px) + 4px) + 4px * 2) * 2); // 64px
$spacing-inset-2xs: 8px;
$spacing-inset-xs: 8px 16px;
$spacing-inset-sm: 16px;
$spacing-inset-md: 16px 24px;
$spacing-inset-lg: 24px;
$spacing-inset-xl: 24px 32px;
$spacing-inset-2xl: 48px;
$spacing-size-2xs: 4px; // 4px
$spacing-size-xs: calc(4px * 2); // 8px
$spacing-size-sm: calc(calc(4px * 2) + 4px); // 12px
$spacing-size-md: calc(calc(calc(4px * 2) + 4px) + 4px); // 16px
$spacing-size-lg: calc(calc(calc(calc(4px * 2) + 4px) + 4px) + 4px); // 20px
$spacing-size-xl: calc(calc(calc(calc(calc(4px * 2) + 4px) + 4px) + 4px) + 4px); // 24px
$spacing-size-2xl: calc(calc(calc(calc(calc(calc(4px * 2) + 4px) + 4px) + 4px) + 4px) + 4px * 2); // 32px
$spacing-size-3xl: calc(calc(calc(calc(calc(calc(calc(4px * 2) + 4px) + 4px) + 4px) + 4px) + 4px * 2) + 4px * 2); // 40px
$spacing-size-4xl: calc(calc(calc(calc(calc(calc(calc(calc(4px * 2) + 4px) + 4px) + 4px) + 4px) + 4px * 2) + 4px * 2) + 4px * 2); // 48px
$shadow-xxs: 0px 1px 1px 0px rgba(0, 0, 0, 0.30);
$shadow-xs: 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 2px 8px 2px rgba(0, 0, 0, 0.15);
$shadow-sm: 0px 2px 4px rgba(0, 0, 0, 0.3), 0px 3px 6px 3px rgba(0, 0, 0, 0.15);
$shadow-md: 0px 6px 10px 4px rgba(0, 0, 0, 0.3), 0px 6px 10px 4px rgba(0, 0, 0, 0.15);
$shadow-lg: 0px 6px 8px rgba(0, 0, 0, 0.3), 0px 8px 12px 6px rgba(0, 0, 0, 0.15);
$shadow-xl: 0px 8px 32px rgba(0, 0, 0, 0.3), 0px 10px 32px 8px rgba(0, 0, 0, 0.15);
$shadow-colored-primary: 0px 8px 8px rgba(147, 87, 211, 0.3);
$shadow-colored-secondary: 0px 8px 8px rgba(239, 111, 51, 0.3);
$shadow-colored-tertiary: 0px 8px 8px rgba(83, 219, 211, 0.3);
$shadow-colored-quaternary: 0px 8px 8px rgba(223, 71, 163, 0.3);
$font-family-headline: 'Archivo', sans-serif;
$font-family-body: 'Work Sans', sans-serif;
$font-line-height-headline-smaller: 110%;
$font-line-height-headline-small: 130%;
$font-line-height-headline-default: 150%;
$font-line-height-headline-high: 160%;
$font-line-height-headline-higher: 175%;
$font-line-height-body-relaxed: 160%;
$font-line-height-body-default: 150%;
$font-weight-headline-bold: 700;
$font-weight-headline-semibold: 600;
$font-weight-headline-regular: normal;
$font-weight-body-bold: 700;
$font-weight-body-regular: 400;
$font-weight-body-semibold: 600;
$font-weight-body-medium: 500;
$font-weight-body-light: 300;
$font-weight-display-bold: Bold;
$font-weight-display-semibold: 600;
$font-size-base: 16px;
$font-size-caption: calc(16px - 4px);
$font-size-scale: 1.1;
$font-size-display-large: calc(16px * 5);
$font-size-display-medium: calc(16px * 4);
$font-size-headline-h1: calc(16px * 3);
$font-size-headline-h2: calc(16px * 2.5);
$font-size-headline-h3: calc(16px * 2);
$font-size-headline-h4: calc(16px + 8px);
$font-size-headline-h5: calc(16px + 4px);
$font-size-headline-h6: calc(16px + 2px);
$font-size-body-paragraph-large: calc(16px + 2px);
$font-size-body-paragraph-medium: calc(16px );
$font-size-body-paragraph-small: calc(16px - 2px);
$font-size-body-overline-large: calc(16px - 4px);
$font-size-body-overline-medium: calc(16px - 6px);
$font-size-body-overline-small: calc(16px - 8px);
$font-size-body-action-large: calc(16px + 2px);
$font-size-body-action-medium: calc(16px);
$font-size-body-action-small: calc(16px - 2px);
$font-size-body-caption: calc(16px - 4px);
$font-size-body-badge-extra-large: calc(16px);
$font-size-body-badge-large: calc(16px - 4px);
$font-size-body-badge-medium: calc(16px - 6px);
$font-size-body-badge-small: calc(16px - 8px);
$font-size-body-avatar-extra-large: calc(16px * 2.5);
$font-size-body-avatar-large: calc(16px * 2);
$font-size-body-avatar-medium: calc(16px);
$font-size-body-avatar-small: calc(16px - 2px);
$font-size-body-avatar-extra-small: calc(16px - 4px);
$font-letter-spacing-body: 0;
$font-letter-spacing-headlines: -0.5px;
$font-letter-spacing-buttons: 0;
$font-letter-spacing-captions: -1px;
$font-letter-spacing-code: -1.25px;
$font-style-body-paragraph-italic: italic;
$font-paragraph-spacing-default: 0;
$text-transform-none: none;
$text-transform-uppercase: uppercase;
$text-transform-lowercase: lowercase;
$text-transform-capitalize: capitalize;
$text-decoration-none: none;
$text-decoration-underline: underline;
$text-decoration-line-through: line-through;
$text-style-normal: normal;
$text-style-italic: italic;
$typography-headlines-h1-bold-font-family: 'Archivo', sans-serif;
$typography-headlines-h1-bold-font-weight: 700;
$typography-headlines-h1-bold-line-height: 110%;
$typography-headlines-h1-bold-font-size: calc(16px * 3);
$typography-headlines-h1-bold-letter-spacing: -0.5px;
$typography-headlines-h1-bold-paragraph-spacing: 0;
$typography-headlines-h1-bold-text-decoration: none;
$typography-headlines-h1-bold-text-case: none;
$typography-headlines-h1-semibold-font-family: 'Archivo', sans-serif;
$typography-headlines-h1-semibold-font-weight: 600;
$typography-headlines-h1-semibold-line-height: 110%;
$typography-headlines-h1-semibold-font-size: calc(16px * 3);
$typography-headlines-h1-semibold-letter-spacing: -0.5px;
$typography-headlines-h1-semibold-paragraph-spacing: 0;
$typography-headlines-h1-semibold-text-decoration: none;
$typography-headlines-h1-semibold-text-case: none;
$typography-headlines-h1-regular-font-family: 'Archivo', sans-serif;
$typography-headlines-h1-regular-font-weight: normal;
$typography-headlines-h1-regular-line-height: 110%;
$typography-headlines-h1-regular-font-size: calc(16px * 3);
$typography-headlines-h1-regular-letter-spacing: -0.5px;
$typography-headlines-h1-regular-paragraph-spacing: 0;
$typography-headlines-h1-regular-text-decoration: none;
$typography-headlines-h1-regular-text-case: none;
$typography-headlines-h2-bold-font-family: 'Archivo', sans-serif;
$typography-headlines-h2-bold-font-weight: 700;
$typography-headlines-h2-bold-line-height: 110%;
$typography-headlines-h2-bold-font-size: calc(16px * 2.5);
$typography-headlines-h2-bold-letter-spacing: -0.5px;
$typography-headlines-h2-bold-paragraph-spacing: 0;
$typography-headlines-h2-bold-text-decoration: none;
$typography-headlines-h2-bold-text-case: none;
$typography-headlines-h2-semibold-font-family: 'Archivo', sans-serif;
$typography-headlines-h2-semibold-font-weight: 600;
$typography-headlines-h2-semibold-line-height: 110%;
$typography-headlines-h2-semibold-font-size: calc(16px * 2.5);
$typography-headlines-h2-semibold-letter-spacing: -0.5px;
$typography-headlines-h2-semibold-paragraph-spacing: 0;
$typography-headlines-h2-semibold-text-decoration: none;
$typography-headlines-h2-semibold-text-case: none;
$typography-headlines-h2-regular-font-family: 'Archivo', sans-serif;
$typography-headlines-h2-regular-font-weight: normal;
$typography-headlines-h2-regular-line-height: 110%;
$typography-headlines-h2-regular-font-size: calc(16px * 2.5);
$typography-headlines-h2-regular-letter-spacing: -0.5px;
$typography-headlines-h2-regular-paragraph-spacing: 0;
$typography-headlines-h2-regular-text-decoration: none;
$typography-headlines-h2-regular-text-case: none;
$typography-headlines-h3-bold-font-family: 'Archivo', sans-serif;
$typography-headlines-h3-bold-font-weight: 700;
$typography-headlines-h3-bold-line-height: 110%;
$typography-headlines-h3-bold-font-size: calc(16px * 2);
$typography-headlines-h3-bold-letter-spacing: -0.5px;
$typography-headlines-h3-bold-paragraph-spacing: 0;
$typography-headlines-h3-bold-text-decoration: none;
$typography-headlines-h3-bold-text-case: none;
$typography-headlines-h3-semibold-font-family: 'Archivo', sans-serif;
$typography-headlines-h3-semibold-font-weight: 600;
$typography-headlines-h3-semibold-line-height: 110%;
$typography-headlines-h3-semibold-font-size: calc(16px * 2);
$typography-headlines-h3-semibold-letter-spacing: -0.5px;
$typography-headlines-h3-semibold-paragraph-spacing: 0;
$typography-headlines-h3-semibold-text-decoration: none;
$typography-headlines-h3-semibold-text-case: none;
$typography-headlines-h3-regular-font-family: 'Archivo', sans-serif;
$typography-headlines-h3-regular-font-weight: normal;
$typography-headlines-h3-regular-line-height: 110%;
$typography-headlines-h3-regular-font-size: calc(16px * 2);
$typography-headlines-h3-regular-letter-spacing: -0.5px;
$typography-headlines-h3-regular-paragraph-spacing: 0;
$typography-headlines-h3-regular-text-decoration: none;
$typography-headlines-h3-regular-text-case: none;
$typography-headlines-h4-bold-font-family: 'Archivo', sans-serif;
$typography-headlines-h4-bold-font-weight: 700;
$typography-headlines-h4-bold-line-height: 130%;
$typography-headlines-h4-bold-font-size: calc(16px + 8px);
$typography-headlines-h4-bold-letter-spacing: -0.5px;
$typography-headlines-h4-bold-paragraph-spacing: 0;
$typography-headlines-h4-bold-text-decoration: none;
$typography-headlines-h4-bold-text-case: none;
$typography-headlines-h4-semibold-font-family: 'Archivo', sans-serif;
$typography-headlines-h4-semibold-font-weight: 600;
$typography-headlines-h4-semibold-line-height: 130%;
$typography-headlines-h4-semibold-font-size: calc(16px + 8px);
$typography-headlines-h4-semibold-letter-spacing: -0.5px;
$typography-headlines-h4-semibold-paragraph-spacing: 0;
$typography-headlines-h4-semibold-text-decoration: none;
$typography-headlines-h4-semibold-text-case: none;
$typography-headlines-h4-regular-font-family: 'Archivo', sans-serif;
$typography-headlines-h4-regular-font-weight: normal;
$typography-headlines-h4-regular-line-height: 130%;
$typography-headlines-h4-regular-font-size: calc(16px + 8px);
$typography-headlines-h4-regular-letter-spacing: -0.5px;
$typography-headlines-h4-regular-paragraph-spacing: 0;
$typography-headlines-h4-regular-text-decoration: none;
$typography-headlines-h4-regular-text-case: none;
$typography-headlines-h5-bold-font-family: 'Archivo', sans-serif;
$typography-headlines-h5-bold-font-weight: 700;
$typography-headlines-h5-bold-line-height: 150%;
$typography-headlines-h5-bold-font-size: calc(16px + 4px);
$typography-headlines-h5-bold-letter-spacing: -0.5px;
$typography-headlines-h5-bold-paragraph-spacing: 0;
$typography-headlines-h5-bold-text-decoration: none;
$typography-headlines-h5-bold-text-case: none;
$typography-headlines-h5-semibold-font-family: 'Archivo', sans-serif;
$typography-headlines-h5-semibold-font-weight: 600;
$typography-headlines-h5-semibold-line-height: 150%;
$typography-headlines-h5-semibold-font-size: calc(16px + 4px);
$typography-headlines-h5-semibold-letter-spacing: -0.5px;
$typography-headlines-h5-semibold-paragraph-spacing: 0;
$typography-headlines-h5-semibold-text-decoration: none;
$typography-headlines-h5-semibold-text-case: none;
$typography-headlines-h5-regular-font-family: 'Archivo', sans-serif;
$typography-headlines-h5-regular-font-weight: normal;
$typography-headlines-h5-regular-line-height: 150%;
$typography-headlines-h5-regular-font-size: calc(16px + 4px);
$typography-headlines-h5-regular-letter-spacing: -0.5px;
$typography-headlines-h5-regular-paragraph-spacing: 0;
$typography-headlines-h5-regular-text-decoration: none;
$typography-headlines-h5-regular-text-case: none;
$typography-headlines-h6-bold-font-family: 'Archivo', sans-serif;
$typography-headlines-h6-bold-font-weight: 700;
$typography-headlines-h6-bold-line-height: 150%;
$typography-headlines-h6-bold-font-size: calc(16px + 2px);
$typography-headlines-h6-bold-letter-spacing: -0.5px;
$typography-headlines-h6-bold-paragraph-spacing: 0;
$typography-headlines-h6-bold-text-decoration: none;
$typography-headlines-h6-bold-text-case: none;
$typography-headlines-h6-semibold-font-family: 'Archivo', sans-serif;
$typography-headlines-h6-semibold-font-weight: 600;
$typography-headlines-h6-semibold-line-height: 150%;
$typography-headlines-h6-semibold-font-size: calc(16px + 2px);
$typography-headlines-h6-semibold-letter-spacing: -0.5px;
$typography-headlines-h6-semibold-paragraph-spacing: 0;
$typography-headlines-h6-semibold-text-decoration: none;
$typography-headlines-h6-semibold-text-case: none;
$typography-headlines-h6-regular-font-family: 'Archivo', sans-serif;
$typography-headlines-h6-regular-font-weight: normal;
$typography-headlines-h6-regular-line-height: 150%;
$typography-headlines-h6-regular-font-size: calc(16px + 2px);
$typography-headlines-h6-regular-letter-spacing: -0.5px;
$typography-headlines-h6-regular-paragraph-spacing: 0;
$typography-headlines-h6-regular-text-decoration: none;
$typography-headlines-h6-regular-text-case: none;
$typography-headlines-display-large-bold-font-family: 'Archivo', sans-serif;
$typography-headlines-display-large-bold-font-weight: Bold;
$typography-headlines-display-large-bold-line-height: 110%;
$typography-headlines-display-large-bold-font-size: calc(16px * 5);
$typography-headlines-display-large-bold-letter-spacing: -0.5px;
$typography-headlines-display-large-bold-paragraph-spacing: 0;
$typography-headlines-display-large-bold-text-decoration: none;
$typography-headlines-display-large-bold-text-case: none;
$typography-headlines-display-large-semibold-font-family: 'Archivo', sans-serif;
$typography-headlines-display-large-semibold-font-weight: 600;
$typography-headlines-display-large-semibold-line-height: 110%;
$typography-headlines-display-large-semibold-font-size: calc(16px * 5);
$typography-headlines-display-large-semibold-letter-spacing: -0.5px;
$typography-headlines-display-large-semibold-paragraph-spacing: 0;
$typography-headlines-display-large-semibold-text-decoration: none;
$typography-headlines-display-large-semibold-text-case: none;
$typography-headlines-display-medium-bold-font-family: 'Archivo', sans-serif;
$typography-headlines-display-medium-bold-font-weight: Bold;
$typography-headlines-display-medium-bold-line-height: 110%;
$typography-headlines-display-medium-bold-font-size: calc(16px * 4);
$typography-headlines-display-medium-bold-letter-spacing: -0.5px;
$typography-headlines-display-medium-bold-paragraph-spacing: 0;
$typography-headlines-display-medium-bold-text-decoration: none;
$typography-headlines-display-medium-bold-text-case: none;
$typography-headlines-display-medium-semibold-font-family: 'Archivo', sans-serif;
$typography-headlines-display-medium-semibold-font-weight: 600;
$typography-headlines-display-medium-semibold-line-height: 110%;
$typography-headlines-display-medium-semibold-font-size: calc(16px * 4);
$typography-headlines-display-medium-semibold-letter-spacing: -0.5px;
$typography-headlines-display-medium-semibold-paragraph-spacing: 0;
$typography-headlines-display-medium-semibold-text-decoration: none;
$typography-headlines-display-medium-semibold-text-case: none;
$typography-body-paragraph-large-regular-font-family: 'Work Sans', sans-serif;
$typography-body-paragraph-large-regular-font-weight: 400;
$typography-body-paragraph-large-regular-line-height: 160%;
$typography-body-paragraph-large-regular-font-size: calc(16px + 2px);
$typography-body-paragraph-large-regular-letter-spacing: 0;
$typography-body-paragraph-large-italic-font-family: 'Work Sans', sans-serif;
$typography-body-paragraph-large-italic-font-weight: 300;
$typography-body-paragraph-large-italic-line-height: 160%;
$typography-body-paragraph-large-italic-font-size: calc(16px + 2px);
$typography-body-paragraph-large-italic-letter-spacing: 0;
$typography-body-paragraph-large-italic-font-style: italic;
$typography-body-paragraph-large-medium-font-family: 'Work Sans', sans-serif;
$typography-body-paragraph-large-medium-font-weight: 500;
$typography-body-paragraph-large-medium-line-height: 160%;
$typography-body-paragraph-large-medium-font-size: calc(16px + 2px);
$typography-body-paragraph-large-medium-letter-spacing: 0;
$typography-body-paragraph-large-light-font-family: 'Work Sans', sans-serif;
$typography-body-paragraph-large-light-font-weight: 300;
$typography-body-paragraph-large-light-line-height: 160%;
$typography-body-paragraph-large-light-font-size: calc(16px + 2px);
$typography-body-paragraph-large-light-letter-spacing: 0;
$typography-body-paragraph-medium-regular-font-family: 'Work Sans', sans-serif;
$typography-body-paragraph-medium-regular-font-weight: 400;
$typography-body-paragraph-medium-regular-line-height: 150%;
$typography-body-paragraph-medium-regular-font-size: calc(16px );
$typography-body-paragraph-medium-regular-letter-spacing: 0;
$typography-body-paragraph-medium-medium-font-family: 'Work Sans', sans-serif;
$typography-body-paragraph-medium-medium-font-weight: 500;
$typography-body-paragraph-medium-medium-line-height: 150%;
$typography-body-paragraph-medium-medium-font-size: calc(16px );
$typography-body-paragraph-medium-medium-letter-spacing: 0;
$typography-body-paragraph-medium-light-font-family: 'Work Sans', sans-serif;
$typography-body-paragraph-medium-light-font-weight: 300;
$typography-body-paragraph-medium-light-line-height: 160%;
$typography-body-paragraph-medium-light-font-size: calc(16px );
$typography-body-paragraph-medium-light-letter-spacing: 0;
$typography-body-paragraph-medium-italic-font-family: 'Work Sans', sans-serif;
$typography-body-paragraph-medium-italic-font-weight: 300;
$typography-body-paragraph-medium-italic-line-height: 160%;
$typography-body-paragraph-medium-italic-font-size: calc(16px );
$typography-body-paragraph-medium-italic-letter-spacing: 0;
$typography-body-paragraph-medium-italic-font-style: italic;
$typography-body-paragraph-small-regular-font-family: 'Work Sans', sans-serif;
$typography-body-paragraph-small-regular-font-weight: 400;
$typography-body-paragraph-small-regular-line-height: 150%;
$typography-body-paragraph-small-regular-font-size: calc(16px - 2px);
$typography-body-paragraph-small-regular-letter-spacing: 0;
$typography-body-paragraph-small-medium-font-family: 'Work Sans', sans-serif;
$typography-body-paragraph-small-medium-font-weight: 500;
$typography-body-paragraph-small-medium-line-height: 150%;
$typography-body-paragraph-small-medium-font-size: calc(16px - 2px);
$typography-body-paragraph-small-medium-letter-spacing: 0;
$typography-body-paragraph-small-light-font-family: 'Work Sans', sans-serif;
$typography-body-paragraph-small-light-font-weight: 300;
$typography-body-paragraph-small-light-line-height: 160%;
$typography-body-paragraph-small-light-font-size: calc(16px - 2px);
$typography-body-paragraph-small-light-letter-spacing: 0;
$typography-body-paragraph-small-italic-font-family: 'Work Sans', sans-serif;
$typography-body-paragraph-small-italic-font-weight: 300;
$typography-body-paragraph-small-italic-line-height: 160%;
$typography-body-paragraph-small-italic-font-size: calc(16px - 2px);
$typography-body-paragraph-small-italic-letter-spacing: 0;
$typography-body-paragraph-small-italic-font-style: italic;
$typography-body-action-large-semibold-font-family: 'Work Sans', sans-serif;
$typography-body-action-large-semibold-font-weight: 600;
$typography-body-action-large-semibold-line-height: 160%;
$typography-body-action-large-semibold-font-size: calc(16px + 2px);
$typography-body-action-large-semibold-letter-spacing: 0;
$typography-body-action-large-semibold-text-decoration: none;
$typography-body-action-large-underline-font-family: 'Work Sans', sans-serif;
$typography-body-action-large-underline-font-weight: 300;
$typography-body-action-large-underline-line-height: 160%;
$typography-body-action-large-underline-font-size: calc(16px + 2px);
$typography-body-action-large-underline-letter-spacing: 0;
$typography-body-action-large-underline-text-decoration: underline;
$typography-body-action-medium-semibold-font-family: 'Work Sans', sans-serif;
$typography-body-action-medium-semibold-font-weight: 600;
$typography-body-action-medium-semibold-line-height: 150%;
$typography-body-action-medium-semibold-font-size: calc(16px);
$typography-body-action-medium-semibold-letter-spacing: 0;
$typography-body-action-medium-semibold-text-decoration: none;
$typography-body-action-medium-underline-font-family: 'Work Sans', sans-serif;
$typography-body-action-medium-underline-font-weight: 300;
$typography-body-action-medium-underline-line-height: calc(16px);
$typography-body-action-medium-underline-font-size: calc(16px);
$typography-body-action-medium-underline-letter-spacing: 0;
$typography-body-action-medium-underline-text-decoration: underline;
$typography-body-action-small-semibold-font-family: 'Work Sans', sans-serif;
$typography-body-action-small-semibold-font-weight: 600;
$typography-body-action-small-semibold-line-height: 150%;
$typography-body-action-small-semibold-font-size: calc(16px - 2px);
$typography-body-action-small-semibold-letter-spacing: 0;
$typography-body-action-small-semibold-text-decoration: none;
$typography-body-action-small-underline-font-family: 'Work Sans', sans-serif;
$typography-body-action-small-underline-font-weight: 300;
$typography-body-action-small-underline-line-height: 150%;
$typography-body-action-small-underline-font-size: calc(16px - 2px);
$typography-body-action-small-underline-letter-spacing: 0;
$typography-body-action-small-underline-text-decoration: underline;
$typography-body-caption-regular-font-family: 'Work Sans', sans-serif;
$typography-body-caption-regular-font-weight: 400;
$typography-body-caption-regular-line-height: 160%;
$typography-body-caption-regular-font-size: calc(16px - 4px);
$typography-body-caption-regular-letter-spacing: 0;
$typography-body-caption-regular-paragraph-spacing: 0;
$typography-body-caption-regular-text-decoration: none;
$typography-body-caption-regular-text-transform: uppercase;
$typography-body-overline-large-font-family: 'Work Sans', sans-serif;
$typography-body-overline-large-font-weight: 400;
$typography-body-overline-large-line-height: 160%;
$typography-body-overline-large-font-size: calc(16px - 4px);
$typography-body-overline-large-letter-spacing: -1px;
$typography-body-overline-large-paragraph-spacing: 0;
$typography-body-overline-large-text-decoration: none;
$typography-body-overline-large-text-case: none;
$typography-body-overline-large-text-style: normal;
$typography-body-overline-medium-font-family: 'Work Sans', sans-serif;
$typography-body-overline-medium-font-weight: 400;
$typography-body-overline-medium-line-height: 160%;
$typography-body-overline-medium-font-size: calc(16px - 6px);
$typography-body-overline-medium-letter-spacing: -1px;
$typography-body-overline-medium-paragraph-spacing: 0;
$typography-body-overline-medium-text-decoration: none;
$typography-body-overline-medium-text-case: none;
$typography-body-overline-medium-text-style: normal;
$typography-body-overline-small-font-family: 'Work Sans', sans-serif;
$typography-body-overline-small-font-weight: 400;
$typography-body-overline-small-line-height: 160%;
$typography-body-overline-small-font-size: calc(16px - 8px);
$typography-body-overline-small-letter-spacing: -1px;
$typography-body-overline-small-paragraph-spacing: 0;
$typography-body-overline-small-text-decoration: none;
$typography-body-overline-small-text-case: none;
$typography-body-overline-small-text-style: normal;
$zindex-overlay: 600;
$zindex-modal: 700;
$zindex-header: 750;
$zindex-dropdown: 800;
$zindex-toast: 950;
$zindex-tooltip: 1000;