:root {
	/* colors */
	--gray-white: #FFFFFFFF;
	--gray-5: #F4F5F5FF;
	--gray-10: #EFEFF1FF;
	--gray-50: #E9EAECFF;
	--gray-100: #E4E5E7FF;
	--gray-150: #DFE0E2FF;
	--gray-200: #D4D5D9FF;
	--gray-250: #C9CBCFFF;
	--gray-300: #BEC0C5FF;
	--gray-350: #B3B6BCFF;
	--gray-400: #9EA1A9FF;
	--gray-450: #93969FFF;
	--gray-500: #787C87FF;
	--gray-550: #60636CFF;
	--gray-600: #565961FF;
	--gray-650: #4D4F56FF;
	--gray-700: #43454CFF;
	--gray-750: #3A3B41FF;
	--gray-800: #303236FF;
	--gray-850: #26282BFF;
	--gray-900: #1D1E20FF;
	--gray-950: #18191BFF;
	--gray-1000: #131416FF;
	--gray-black: #0C0C0EFF;
	--blue-50: #E3EAFCFF;
	--blue-100: #CDD7F4FF;
	--blue-200: #ABBDEDFF;
	--blue-300: #6887DEFF;
	--blue-400: #476DD7FF;
	--blue-500: #0546FAFF;
	--blue-600: #0435BEFF;
	--blue-700: #022178FF;
	--blue-800: #021750FF;
	--blue-900: #151A28FF;
	--blue-950: #000514FF;
	--green-50: #F4FCF3FF;
	--green-100: #D9F4D2FF;
	--green-200: #C0EDB5FF;
	--green-300: #8CDF77FF;
	--green-400: #65D44AFF;
	--green-500: #35A918FF;
	--green-600: #2C8F14FF;
	--green-700: #226B0FFF;
	--green-800: #16470BFF;
	--green-900: #0E2C07FF;
	--green-950: #051203FF;
	--orange-50: #FFFAF0FF;
	--orange-100: #FEEECDFF;
	--orange-200: #FEE0A4FF;
	--orange-300: #FDCB68FF;
	--orange-400: #FDBA35FF;
	--orange-500: #FCA903FF;
	--orange-600: #CA8702FF;
	--orange-700: #976502FF;
	--orange-800: #654401FF;
	--orange-900: #322201FF;
	--orange-950: #191100FF;
	--red-50: #FDF2F3FF;
	--purple-50: #F1E7FDFF;
	--purple-100: #E3CEFBFF;
	--purple-200: #C79DF7FF;
	--purple-300: #AB6CF3FF;
	--purple-400: #8F3BEFFF;
	--purple-500: #730AEBFF;
	--purple-600: #5C08BCFF;
	--purple-700: #45068DFF;
	--purple-800: #2E045EFF;
	--purple-900: #17022FFF;
	--purple-950: #06000CFF;
	--font-family-primary: Inter Variable;
	--red-100: #F6D1D2FF;
	--red-200: #F0B2B5FF;
	--red-300: #E57478FF;
	--red-400: #DC454BFF;
	--red-500: #C1151BFF;
	--red-600: #A91218FF;
	--red-700: #7F0E12FF;
	--red-800: #54090CFF;
	--red-900: #2A0506FF;
	--red-950: #150203FF;
	--scale-none: 0px;
	--scale-1: 1px;
	--scale-2: 2px;
	--scale-4: 4px;
	--scale-6: 6px;
	--scale-8: 8px;
	--scale-10: 10px;
	--scale-12: 12px;
	--scale-16: 16px;
	--scale-20: 20px;
	--scale-24: 24px;
	--scale-32: 32px;
	--scale-40: 40px;
	--scale-48: 48px;
	--scale-56: 56px;
	--scale-64: 64px;
	--scale-80: 80px;
	--scale-96: 96px;
	--scale-120: 120px;
	--scale-160: 160px;
	--scale-200: 200px;
	--scale-240: 240px;
	--scale-320: 320px;
	--scale-400: 400px;
	--scale-full: 999px;
	--status-awaiting-payment: #C27803FF;
	--status-processing: #2563EBFF;
	--status-payment-approved: #16A34AFF;
	--status-invoiced: #15803DFF;
	--status-in-production: #1D4ED8FF;
	--status-in-separation: #1E40AFFF;
	--status-packing: #1E3A8AFF;
	--status-shipping: #1D4ED8FF;
	--status-posted: #2563EBFF;
	--status-sent: #2563EBFF;
	--status-in-transit: #4338CAFF;
	--status-delivered: #15803DFF;
	--status-expired: #6B7280FF;
	--status-denied: #DC2626FF;
	--status-canceled: #B91C1CFF;
	--status-refunded: #7C3AEDFF;
	--status-chargeback: #991B1BFF;
	--status-chargeback-refunded: #6D28D9FF;
	/* colors */

	/* alias */
	--neutral-white: var(--gray-white);
	--neutral-5: var(--gray-5);
	--neutral-10: var(--gray-10);
	--neutral-50: var(--gray-50);
	--neutral-100: var(--gray-100);
	--neutral-150: var(--gray-150);
	--neutral-200: var(--gray-200);
	--neutral-250: var(--gray-250);
	--neutral-300: var(--gray-300);
	--neutral-350: var(--gray-350);
	--neutral-400: var(--gray-400);
	--neutral-450: var(--gray-450);
	--neutral-default: var(--gray-500);
	--neutral-550: var(--gray-550);
	--neutral-600: var(--gray-600);
	--neutral-650: var(--gray-650);
	--neutral-700: var(--gray-700);
	--neutral-750: var(--gray-750);
	--neutral-800: var(--gray-800);
	--neutral-850: var(--gray-850);
	--neutral-900: var(--gray-900);
	--neutral-950: var(--gray-950);
	--neutral-1000: var(--gray-1000);
	--neutral-black: var(--gray-black);
	--primary-50: var(--blue-50);
	--success-50: var(--green-50);
	--success-100: var(--green-100);
	--success-200: var(--green-200);
	--success-300: var(--green-300);
	--success-400: var(--green-400);
	--success-default: var(--green-500);
	--success-600: var(--green-600);
	--success-700: var(--green-700);
	--success-800: var(--green-800);
	--success-900: var(--green-900);
	--success-950: var(--green-950);
	--primary-100: var(--blue-100);
	--primary-200: var(--blue-200);
	--primary-300: var(--blue-300);
	--primary-400: var(--blue-400);
	--primary-default: var(--blue-500);
	--primary-600: var(--blue-600);
	--primary-700: var(--blue-700);
	--primary-800: var(--blue-800);
	--primary-900: var(--blue-900);
	--primary-950: var(--blue-950);
	--warning-50: var(--orange-50);
	--warning-100: var(--orange-100);
	--warning-200: var(--orange-200);
	--warning-300: var(--orange-300);
	--warning-400: var(--orange-400);
	--warning-default: var(--orange-500);
	--warning-600: var(--orange-600);
	--warning-700: var(--orange-700);
	--warning-800: var(--orange-800);
	--warning-900: var(--orange-900);
	--warning-950: var(--orange-950);
	--error-50: var(--red-50);
	--error-100: var(--red-100);
	--error-200: var(--red-200);
	--error-300: var(--red-300);
	--error-400: var(--red-400);
	--error-default: var(--red-500);
	--error-600: var(--red-600);
	--error-700: var(--red-700);
	--error-800: var(--red-800);
	--error-900: var(--red-900);
	--error-950: var(--red-950);
	--purple-default: var(--purple-500);
	--border-with-none: var(--scale-none);
	--border-with-sm: var(--scale-1);
	--border-with-md: var(--scale-2);
	--border-with-lg: var(--scale-4);
	--border-radius-none: var(--scale-none);
	--border-radius-xxsm: var(--scale-4);
	--border-radius-xsm: var(--scale-8);
	--border-radius-sm: var(--scale-10);
	--border-radius-md: var(--scale-12);
	--border-radius-lg: var(--scale-16);
	--border-radius-xl: var(--scale-24);
	--border-radius-xxl: var(--scale-40);
	--border-radius-full: var(--scale-full);
	--gap-none: var(--scale-none);
	--gap-xsm: var(--scale-2);
	--gap-sm: var(--scale-4);
	--gap-md: var(--scale-8);
	--gap-lg: var(--scale-12);
	--gap-xlg: var(--scale-16);
	--gap-xxlg: var(--scale-24);
	--gap-xxlg-2: var(--scale-32);
	--gap-big: var(--scale-40);
	--padding-none: var(--scale-none);
	--padding-min: var(--scale-2);
	--padding-xsm: var(--scale-4);
	--padding-sm: var(--scale-8);
	--padding-smd: var(--scale-10);
	--padding-md: var(--scale-12);
	--padding-lg: var(--scale-16);
	--padding-xl: var(--scale-20);
	--padding-xxl: var(--scale-24);
	--padding-big: var(--scale-40);
	/* alias */

	/* light - default */
	--surface-action-blue-default: var(--primary-default);
	--surface-action-blue-hover: var(--primary-600);
	--surface-action-blue-soft-default: var(--primary-50);
	--surface-action-blue-soft-hover: var(--primary-100);
	--surface-light-primary: var(--neutral-white);
	--surface-light-secundary: var(--neutral-5);
	--surface-light-terceary: var(--neutral-10);
	--surface-light-quarteary: var(--neutral-50);
	--surface-light-quinteary: var(--neutral-100);
	--surface-light-neutral-bg-primary: var(--neutral-white);
	--surface-light-neutral-bg-secundary: var(--neutral-5);
	--surface-light-neutral-bg-terceary: var(--neutral-50);
	--surface-dark-primary: var(--neutral-1000);
	--surface-dark-secundary: var(--neutral-950);
	--surface-dark-terceary: var(--neutral-900);
	--surface-dark-quarteary: var(--neutral-850);
	--surface-disable: var(--neutral-100);
	--surface-success: var(--success-50);
	--surface-warning: var(--warning-50);
	--surface-error: var(--error-50);
	--surface-purple: var(--purple-50);
	--border-blue-default: var(--primary-default);
	--surface-action-blue-darkmode: var(--primary-50);
	--surface-action-neutral-light: var(--neutral-white);
	--surface-action-neutral-dark: var(--neutral-850);
	--surface-action-neutral-dark-hover: var(--neutral-750);
	--surface-action-neutral-light-fixed: var(--neutral-white);
	--surface-action-neutral-dark-fixed: var(--neutral-850);
	--surface-blue-darkmode: var(--primary-default);
	--surface-blue-darkmode-light: var(--primary-200);
	--border-blue-hover: var(--primary-600);
	--border-light-primary: var(--neutral-150);
	--border-light-secundary: var(--neutral-200);
	--border-light-terceary: var(--neutral-400);
	--border-dark-primary: var(--neutral-800);
	--border-dark-secundary: var(--neutral-default);
	--border-dark-terceary: var(--neutral-400);
	--border-disable: var(--neutral-100);
	--border-success: var(--success-200);
	--border-warning: var(--warning-200);
	--border-error: var(--error-200);
	--border-purple: var(--purple-200);
	--text-blue-default: var(--primary-default);
	--text-blue-hover: var(--primary-600);
	--text-action-blue-soft: var(--primary-default);
	--text-blue-darkmode: var(--primary-default);
	--text-light-primary: var(--neutral-5);
	--text-light-secundary: var(--neutral-200);
	--text-light-terceary: var(--neutral-300);
	--text-dark-primary: var(--neutral-800);
	--text-dark-secundary: var(--neutral-600);
	--text-dark-terceary: var(--neutral-default);
	--text-action-light: var(--neutral-50);
	--text-action-dark: var(--neutral-900);
	--text-action-light-fixed: var(--neutral-white);
	--text-action-dark-fixed: var(--neutral-900);
	--text-disable: var(--neutral-600);
	--text-success: var(--success-600);
	--text-warning: var(--warning-default);
	--text-error: var(--error-default);
	--text-purple: var(--purple-default);
	--icons-blue-default: var(--primary-default);
	--icons-blue-hover: var(--primary-600);
	--icons-light-primary: var(--neutral-10);
	--icons-light-secundary: var(--neutral-200);
	--icons-light-terceary: var(--neutral-300);
	--icons-dark-primary: var(--neutral-850);
	--icons-dark-secundary: var(--neutral-600);
	--icons-dark-terceary: var(--neutral-default);
	--icons-disable: var(--neutral-600);
	--icons-success: var(--success-600);
	--icons-warning: var(--warning-default);
	--icons-error: var(--error-default);
	--icons-purple: var(--purple-default);
	--icons-action-dark: var(--neutral-900);
	--icons-action-light-fixed: var(--neutral-white);
	--icons-action-dark-fixed: var(--neutral-900);
	--icons-action-light: var(--neutral-50);
	--icons-blue-darkmode: var(--primary-default);
	/* light - default */

	/* responsive - mobile first */
	--display-1-font-size: 56px;
	--display-1-line-height: 68px;
	--display-1-letter-spacing: -1px;
	--display-2-font-size: 48px;
	--display-2-line-height: 58px;
	--display-2-letter-spacing: -1px;
	--display-3-font-size: 40px;
	--display-3-line-height: 48px;
	--display-3-letter-spacing: -1px;
	--heading-1-font-size: 36px;
	--heading-1-line-height: 44px;
	--heading-1-letter-spacing: -0.5px;
	--heading-2-font-size: 32px;
	--heading-2-line-height: 38px;
	--heading-2-letter-spacing: -0.5px;
	--heading-3-font-size: 28px;
	--heading-3-line-height: 34px;
	--heading-3-letter-spacing: -0.5px;
	--heading-4-font-size: 24px;
	--heading-4-line-height: 32px;
	--heading-4-letter-spacing: -0.5px;
	--heading-5-font-size: 20px;
	--heading-5-line-height: 28px;
	--heading-5-letter-spacing: -0.25px;
	--heading-6-font-size: 18px;
	--heading-6-line-height: 22px;
	--heading-6-letter-spacing: -0.25px;
	--body-1-font-size: 16px;
	--body-1-line-height: 18px;
	--body-1-letter-spacing: -0.10000000149011612px;
	--body-2-font-size: 14px;
	--body-2-line-height: 16px;
	--body-2-letter-spacing: -0.10000000149011612px;
	--body-3-font-size: 13px;
	--body-3-line-height: 16px;
	--body-3-letter-spacing: -0.10000000149011612px;
	--body-4-font-size: 12px;
	--body-4-line-height: 14px;
	--body-4-letter-spacing: -0.10000000149011612px;
	--body-6-font-size: 11px;
	--caption-1-font-size: 12px;
	--caption-1-line-height: 12px;
	--caption-1-letter-spacing: 0px;
	--body-6-line-height: 12px;
	--body-6-letter-spacing: -0.10000000149011612px;
	--caption-2-font-size: 11px;
	--caption-2-line-height: 12px;
	--caption-2-letter-spacing: 0px;
	--paragraph-1-font-size: 14px;
	--paragraph-1-line-height: 30px;
	--paragraph-1-letter-spacing: 0px;
	--paragraph-2-font-size: 13px;
	--paragraph-2-line-height: 26px;
	--paragraph-2-letter-spacing: 0px;
	--paragraph-3-font-size: 12px;
	--paragraph-4-font-size: 12px;
	--paragraph-4-line-height: 20px;
	--paragraph-4-letter-spacing: 0px;
	--paragraph-3-line-height: 22px;
	--paragraph-3-letter-spacing: 0px;
	/* responsive - mobile first */

	/* header */
	--header-height: 64px;
	/* header */

	/* sidebar */
	--sidebar-width: 85vw;
	--sidebar-closed-width: 85vw;
	--sidebar-margin-x: var(--padding-md);
	--sidebar-closed-margin-x: var(--padding-md);
	/* sidebar */

	/* breakpoints */
	--bp-sm: 576px;
	--bp-lg: 992px;
	--bp-xl: 1200px;
	--bp-xxl: 1400px;
	/* breakpoints */
}

[data-theme="dark"] {
	--surface-action-blue-default: var(--primary-default);
	--surface-action-blue-hover: var(--primary-600);
	--surface-action-blue-soft-default: var(--primary-900);
	--surface-action-blue-soft-hover: var(--primary-800);
	--surface-light-primary: var(--neutral-950);
	--surface-light-secundary: var(--neutral-900);
	--surface-light-terceary: var(--neutral-850);
	--surface-light-quarteary: var(--neutral-800);
	--surface-light-quinteary: var(--neutral-800);
	--surface-light-neutral-bg-primary: var(--neutral-black);
	--surface-light-neutral-bg-secundary: var(--neutral-1000);
	--surface-light-neutral-bg-terceary: var(--neutral-black);
	--surface-dark-primary: var(--neutral-100);
	--surface-dark-secundary: var(--neutral-200);
	--surface-dark-terceary: var(--neutral-300);
	--surface-dark-quarteary: var(--neutral-400);
	--surface-disable: var(--neutral-450);
	--surface-success: var(--success-900);
	--surface-warning: var(--warning-900);
	--surface-error: var(--error-900);
	--surface-purple: var(--purple-950);
	--border-blue-default: var(--primary-default);
	--surface-action-blue-darkmode: var(--neutral-900);
	--surface-action-neutral-light: var(--neutral-900);
	--surface-action-neutral-dark: var(--neutral-200);
	--surface-action-neutral-dark-hover: var(--neutral-900);
	--surface-action-neutral-light-fixed: var(--neutral-white);
	--surface-action-neutral-dark-fixed: var(--neutral-850);
	--surface-blue-darkmode: var(--neutral-250);
	--surface-blue-darkmode-light: var(--primary-900);
	--border-blue-hover: var(--primary-700);
	--border-light-primary: var(--neutral-950);
	--border-light-secundary: var(--neutral-800);
	--border-light-terceary: var(--neutral-750);
	--border-dark-primary: var(--neutral-default);
	--border-dark-secundary: var(--neutral-600);
	--border-dark-terceary: var(--neutral-700);
	--border-disable: var(--neutral-450);
	--border-success: var(--success-800);
	--border-warning: var(--warning-800);
	--border-error: var(--error-800);
	--border-purple: var(--purple-800);
	--text-blue-default: var(--primary-default);
	--text-blue-hover: var(--primary-600);
	--text-action-blue-soft: var(--primary-300);
	--text-blue-darkmode: var(--neutral-50);
	--text-light-primary: var(--neutral-850);
	--text-light-secundary: var(--neutral-600);
	--text-light-terceary: var(--neutral-400);
	--text-dark-primary: var(--neutral-100);
	--text-dark-secundary: var(--neutral-350);
	--text-dark-terceary: var(--neutral-550);
	--text-action-light: var(--neutral-900);
	--text-action-dark: var(--neutral-100);
	--text-action-light-fixed: var(--neutral-white);
	--text-action-dark-fixed: var(--neutral-900);
	--text-disable: var(--neutral-250);
	--text-success: var(--success-400);
	--text-warning: var(--warning-400);
	--text-error: var(--error-400);
	--text-purple: var(--purple-400);
	--icons-blue-default: var(--primary-default);
	--icons-blue-hover: var(--primary-600);
	--icons-light-primary: var(--neutral-850);
	--icons-light-secundary: var(--neutral-600);
	--icons-light-terceary: var(--neutral-400);
	--icons-dark-primary: var(--neutral-250);
	--icons-dark-secundary: var(--neutral-400);
	--icons-dark-terceary: var(--neutral-400);
	--icons-disable: var(--neutral-250);
	--icons-success: var(--success-400);
	--icons-warning: var(--warning-400);
	--icons-error: var(--error-400);
	--icons-purple: var(--purple-400);
	--icons-action-dark: var(--neutral-100);
	--icons-action-light-fixed: var(--neutral-white);
	--icons-action-dark-fixed: var(--neutral-900);
	--icons-action-light: var(--neutral-900);
	--icons-blue-darkmode: var(--neutral-50);
}

@media (min-width: 992px) {
	:root {
		--sidebar-width: 264px;
		--sidebar-closed-width: 64px;

		--display-1-font-size: 64px;
		--display-1-line-height: 76px;
		--display-1-letter-spacing: -1px;
		--display-2-font-size: 56px;
		--display-2-line-height: 68px;
		--display-2-letter-spacing: -1px;
		--display-3-font-size: 48px;
		--display-3-line-height: 58px;
		--display-3-letter-spacing: -1px;
		--heading-1-font-size: 40px;
		--heading-1-line-height: 48px;
		--heading-1-letter-spacing: -0.5px;
		--heading-2-font-size: 36px;
		--heading-2-line-height: 44px;
		--heading-2-letter-spacing: -0.5px;
		--heading-3-font-size: 32px;
		--heading-3-line-height: 38px;
		--heading-3-letter-spacing: -0.5px;
		--heading-4-font-size: 28px;
		--heading-4-line-height: 34px;
		--heading-4-letter-spacing: -0.5px;
		--heading-5-font-size: 24px;
		--heading-5-line-height: 32px;
		--heading-5-letter-spacing: -0.25px;
		--heading-6-font-size: 20px;
		--heading-6-line-height: 28px;
		--heading-6-letter-spacing: -0.25px;
		--body-1-font-size: 18px;
		--body-1-line-height: 22px;
		--body-1-letter-spacing: -0.10000000149011612px;
		--body-2-font-size: 16px;
		--body-2-line-height: 18px;
		--body-2-letter-spacing: -0.10000000149011612px;
		--body-3-font-size: 14px;
		--body-3-line-height: 16px;
		--body-3-letter-spacing: -0.10000000149011612px;
		--body-4-font-size: 13px;
		--body-4-line-height: 16px;
		--body-4-letter-spacing: -0.10000000149011612px;
		--body-6-font-size: 12px;
		--caption-1-font-size: 12px;
		--caption-1-line-height: 12px;
		--caption-1-letter-spacing: 0px;
		--body-6-line-height: 14px;
		--body-6-letter-spacing: -0.10000000149011612px;
		--caption-2-font-size: 11px;
		--caption-2-line-height: 12px;
		--caption-2-letter-spacing: 0px;
		--paragraph-1-font-size: 16px;
		--paragraph-1-line-height: 30px;
		--paragraph-1-letter-spacing: 0px;
		--paragraph-2-font-size: 14px;
		--paragraph-2-line-height: 26px;
		--paragraph-2-letter-spacing: 0px;
		--paragraph-3-font-size: 13px;
		--paragraph-4-font-size: 12px;
		--paragraph-4-line-height: 20px;
		--paragraph-4-letter-spacing: 0px;
		--paragraph-3-line-height: 22px;
		--paragraph-3-letter-spacing: 0px;
	}
}

@media (min-width: 1200px) {
	:root {
		--display-1-font-size: 64px;
		--display-1-line-height: 76px;
		--display-1-letter-spacing: -1px;
		--display-2-font-size: 56px;
		--display-2-line-height: 68px;
		--display-2-letter-spacing: -1px;
		--display-3-font-size: 48px;
		--display-3-line-height: 58px;
		--display-3-letter-spacing: -1px;
		--heading-1-font-size: 40px;
		--heading-1-line-height: 48px;
		--heading-1-letter-spacing: -0.5px;
		--heading-2-font-size: 36px;
		--heading-2-line-height: 44px;
		--heading-2-letter-spacing: -0.5px;
		--heading-3-font-size: 32px;
		--heading-3-line-height: 38px;
		--heading-3-letter-spacing: -0.5px;
		--heading-4-font-size: 28px;
		--heading-4-line-height: 34px;
		--heading-4-letter-spacing: -0.5px;
		--heading-5-font-size: 24px;
		--heading-5-line-height: 32px;
		--heading-5-letter-spacing: -0.25px;
		--heading-6-font-size: 20px;
		--heading-6-line-height: 28px;
		--heading-6-letter-spacing: -0.25px;
		--body-1-font-size: 18px;
		--body-1-line-height: 22px;
		--body-1-letter-spacing: -0.10000000149011612px;
		--body-2-font-size: 16px;
		--body-2-line-height: 18px;
		--body-2-letter-spacing: -0.10000000149011612px;
		--body-3-font-size: 14px;
		--body-3-line-height: 16px;
		--body-3-letter-spacing: -0.10000000149011612px;
		--body-4-font-size: 13px;
		--body-4-line-height: 16px;
		--body-4-letter-spacing: -0.10000000149011612px;
		--body-6-font-size: 12px;
		--caption-1-font-size: 12px;
		--caption-1-line-height: 12px;
		--caption-1-letter-spacing: 0px;
		--body-6-line-height: 14px;
		--body-6-letter-spacing: -0.10000000149011612px;
		--caption-2-font-size: 11px;
		--caption-2-line-height: 12px;
		--caption-2-letter-spacing: 0px;
		--paragraph-1-font-size: 16px;
		--paragraph-1-line-height: 30px;
		--paragraph-1-letter-spacing: 0px;
		--paragraph-2-font-size: 14px;
		--paragraph-2-line-height: 26px;
		--paragraph-2-letter-spacing: 0px;
		--paragraph-3-font-size: 13px;
		--paragraph-4-font-size: 12px;
		--paragraph-4-line-height: 20px;
		--paragraph-4-letter-spacing: 0px;
		--paragraph-3-line-height: 22px;
		--paragraph-3-letter-spacing: 0px;
	}
}

@media (min-width: 1400px) {
	:root {
		--display-1-font-size: 64px;
		--display-1-line-height: 76px;
		--display-1-letter-spacing: -1px;
		--display-2-font-size: 56px;
		--display-2-line-height: 68px;
		--display-2-letter-spacing: -1px;
		--display-3-font-size: 48px;
		--display-3-line-height: 58px;
		--display-3-letter-spacing: -1px;
		--heading-1-font-size: 40px;
		--heading-1-line-height: 48px;
		--heading-1-letter-spacing: -0.5px;
		--heading-2-font-size: 36px;
		--heading-2-line-height: 44px;
		--heading-2-letter-spacing: -0.5px;
		--heading-3-font-size: 32px;
		--heading-3-line-height: 38px;
		--heading-3-letter-spacing: -0.5px;
		--heading-4-font-size: 28px;
		--heading-4-line-height: 34px;
		--heading-4-letter-spacing: -0.5px;
		--heading-5-font-size: 24px;
		--heading-5-line-height: 32px;
		--heading-5-letter-spacing: -0.25px;
		--heading-6-font-size: 20px;
		--heading-6-line-height: 28px;
		--heading-6-letter-spacing: -0.25px;
		--body-1-font-size: 18px;
		--body-1-line-height: 22px;
		--body-1-letter-spacing: -0.10000000149011612px;
		--body-2-font-size: 16px;
		--body-2-line-height: 18px;
		--body-2-letter-spacing: -0.10000000149011612px;
		--body-3-font-size: 14px;
		--body-3-line-height: 16px;
		--body-3-letter-spacing: -0.10000000149011612px;
		--body-4-font-size: 13px;
		--body-4-line-height: 16px;
		--body-4-letter-spacing: -0.10000000149011612px;
		--body-6-font-size: 12px;
		--caption-1-font-size: 12px;
		--caption-1-line-height: 12px;
		--caption-1-letter-spacing: 0px;
		--body-6-line-height: 14px;
		--body-6-letter-spacing: -0.10000000149011612px;
		--caption-2-font-size: 11px;
		--caption-2-line-height: 12px;
		--caption-2-letter-spacing: 0px;
		--paragraph-1-font-size: 16px;
		--paragraph-1-line-height: 30px;
		--paragraph-1-letter-spacing: 0px;
		--paragraph-2-font-size: 14px;
		--paragraph-2-line-height: 26px;
		--paragraph-2-letter-spacing: 0px;
		--paragraph-3-font-size: 13px;
		--paragraph-4-font-size: 12px;
		--paragraph-4-line-height: 20px;
		--paragraph-4-letter-spacing: 0px;
		--paragraph-3-line-height: 22px;
		--paragraph-3-letter-spacing: 0px;
	}
}