:root {
--color-primary-25: 244, 245, 251;
--color-primary-50: 201, 205, 237;
--color-primary-100: 165, 172, 222;
--color-primary-200: 128, 138, 209;
--color-primary-300: 91, 104, 195;
--color-primary-400: 63, 77, 172;
--color-primary-500: 49, 60, 135;
--color-primary-600: 35, 43, 96;
--color-primary-700: 29, 35, 78;
--color-primary-800: 22, 27, 59;
--color-primary-900: 15, 19, 41;
--color-primary-950: 12, 15, 34;
--color-body-25: 252, 252, 253;
--color-body-50: 249, 250, 251;
--color-body-100: 242, 244, 247;
--color-body-200: 228, 231, 236;
--color-body-300: 208, 213, 221;
--color-body-400: 152, 162, 179;
--color-body-500: 102, 112, 133;
--color-body-600: 71, 84, 103;
--color-body-700: 52, 64, 84;
--color-body-800: 24, 34, 48;
--color-body-900: 16, 24, 40;
--color-body-950: 12, 17, 29;
--color-gradient-1: linear-gradient(242deg, rgba(217, 217, 217, 1) 9.24%, rgba(115, 115, 115, 1) 95.89%);
--color-gradient-2: radial-gradient(50% 50% at 50% 50%, rgba(217, 217, 217, 1) 0%, rgba(115, 115, 115, 1) 100%);
--font-family--body:'Lato', sans-serif;
--font-family--display:'Jost', sans-serif;
--typography-text-xs-font-size: 12px; 
 --typography-text-xs-line-height: 18px; 
 --typography-text-xs-letter-spacing: 0px;

--typography-text-sm-font-size: 14px; 
 --typography-text-sm-line-height: 20px; 
 --typography-text-sm-letter-spacing: 0px;

--typography-text-md-font-size: 16px; 
 --typography-text-md-line-height: 24px; 
 --typography-text-md-letter-spacing: 0px;

--typography-text-lg-font-size: 18px; 
 --typography-text-lg-line-height: 28px; 
 --typography-text-lg-letter-spacing: 0px;

--typography-text-xl-font-size: 20px; 
 --typography-text-xl-line-height: 30px; 
 --typography-text-xl-letter-spacing: 0px;

--typography-display-xs-font-size: 24px; 
 --typography-display-xs-line-height: 32px; 
 --typography-display-xs-letter-spacing: 0px;

--typography-display-sm-font-size: 30px; 
 --typography-display-sm-line-height: 38px; 
 --typography-display-sm-letter-spacing: 0px;

--typography-display-md-font-size: 36px; 
 --typography-display-md-line-height: 44px; 
 --typography-display-md-letter-spacing: 0px;

--typography-display-lg-font-size: 48px; 
 --typography-display-lg-line-height: 60px; 
 --typography-display-lg-letter-spacing: 0px;

--typography-display-xl-font-size: 60px; 
 --typography-display-xl-line-height: 72px; 
 --typography-display-xl-letter-spacing: 0px;

--typography-display-2xl-font-size: 72px; 
 --typography-display-2xl-line-height: 90px; 
 --typography-display-2xl-letter-spacing: 0px;

--shadow-xs: 0px 1px 2px 0px rgba(var(--color-body-900), 0.05);
--shadow-sm: 0px 1px 3px 0px rgba(var(--color-body-900), 0.1), 0px 1px 2px 0px rgba(var(--color-body-900), 0.06);
--shadow-md: 0px 4px 8px -2px rgba(var(--color-body-900), 0.1), 0px 2px 4px -2px rgba(var(--color-body-900), 0.06);
--shadow-lg: 0px 12px 16px -4px rgba(var(--color-body-900), 0.08), 0px 4px 6px -2px rgba(var(--color-body-900), 0.03);
--shadow-xl: 0px 20px 24px -4px rgba(var(--color-body-900), 0.08), 0px 8px 8px -4px rgba(var(--color-body-900), 0.03);
--shadow-2xl: 0px 24px 48px -12px rgba(var(--color-body-900), 0.18);
--shadow-3xl: 0px 32px 64px -12px rgba(var(--color-body-900), 0.14);
--button-sm--primary-pt: var(--spacing-md); 
--button-sm--primary-pr: var(--spacing-lg); 
--button-sm--primary-pb: var(--spacing-md); 
--button-sm--primary-pl: var(--spacing-lg); 
--button-sm--primary-gap: var(--spacing-xs); 
--button-sm--primary-border: 0px; 
--button-sm--primary-rounded: var(--radius-5xl); 
--button-sm--primary-font-family: var(--font-family--body); 
--button-sm--primary-font-weight: 600; 
--button-sm--primary-typography-fz: var(--typography-text-sm-font-size); 
--button-sm--primary-typography-lh: var(--typography-text-sm-line-height); 
--button-sm--primary-typography-ls: var(--typography-text-sm-letter-spacing); 

--button-md--primary-pt: var(--spacing-xl); 
--button-md--primary-pr: var(--spacing-3xl); 
--button-md--primary-pb: var(--spacing-xl); 
--button-md--primary-pl: var(--spacing-3xl); 
--button-md--primary-gap: var(--spacing-sm); 
--button-md--primary-border: 0px; 
--button-md--primary-rounded: var(--radius-5xl); 
--button-md--primary-font-family: var(--font-family--body); 
--button-md--primary-font-weight: 600; 
--button-md--primary-typography-fz: var(--typography-text-md-font-size); 
--button-md--primary-typography-lh: var(--typography-text-md-line-height); 
--button-md--primary-typography-ls: var(--typography-text-md-letter-spacing); 

--button-lg--primary-pt: var(--spacing-xl); 
--button-lg--primary-pr: var(--spacing-3xl); 
--button-lg--primary-pb: var(--spacing-xl); 
--button-lg--primary-pl: var(--spacing-3xl); 
--button-lg--primary-gap: var(--spacing-md); 
--button-lg--primary-border: 0px; 
--button-lg--primary-rounded: var(--radius-5xl); 
--button-lg--primary-font-family: var(--font-family--body); 
--button-lg--primary-font-weight: 600; 
--button-lg--primary-typography-fz: var(--typography-text-lg-font-size); 
--button-lg--primary-typography-lh: var(--typography-text-lg-line-height); 
--button-lg--primary-typography-ls: var(--typography-text-lg-letter-spacing); 

--button-sm--secondary-pt: var(--spacing-lg); 
--button-sm--secondary-pr: var(--spacing-md); 
--button-sm--secondary-pb: var(--spacing-lg); 
--button-sm--secondary-pl: var(--spacing-md); 
--button-sm--secondary-gap: var(--spacing-xs); 
--button-sm--secondary-border: 1px; 
--button-sm--secondary-rounded: var(--radius-5xl); 
--button-sm--secondary-font-family: var(--font-family--body); 
--button-sm--secondary-font-weight: 600; 
--button-sm--secondary-typography-fz: var(--typography-text-sm-font-size); 
--button-sm--secondary-typography-lh: var(--typography-text-sm-line-height); 
--button-sm--secondary-typography-ls: var(--typography-text-sm-letter-spacing); 

--button-md--secondary-pt: var(--spacing-xl); 
--button-md--secondary-pr: var(--spacing-3xl); 
--button-md--secondary-pb: var(--spacing-xl); 
--button-md--secondary-pl: var(--spacing-3xl); 
--button-md--secondary-gap: var(--spacing-sm); 
--button-md--secondary-border: 1px; 
--button-md--secondary-rounded: var(--radius-5xl); 
--button-md--secondary-font-family: var(--font-family--body); 
--button-md--secondary-font-weight: 600; 
--button-md--secondary-typography-fz: var(--typography-text-md-font-size); 
--button-md--secondary-typography-lh: var(--typography-text-md-line-height); 
--button-md--secondary-typography-ls: var(--typography-text-md-letter-spacing); 

--button-lg--secondary-pt: var(--spacing-xl); 
--button-lg--secondary-pr: var(--spacing-3xl); 
--button-lg--secondary-pb: var(--spacing-xl); 
--button-lg--secondary-pl: var(--spacing-3xl); 
--button-lg--secondary-gap: var(--spacing-md); 
--button-lg--secondary-border: 1px; 
--button-lg--secondary-rounded: var(--radius-5xl); 
--button-lg--secondary-font-family: var(--font-family--body); 
--button-lg--secondary-font-weight: 600; 
--button-lg--secondary-typography-fz: var(--typography-text-lg-font-size); 
--button-lg--secondary-typography-lh: var(--typography-text-lg-line-height); 
--button-lg--secondary-typography-ls: var(--typography-text-lg-letter-spacing); 

--button-sm--link-pt: var(--spacing-none); 
--button-sm--link-pr: var(--spacing-none); 
--button-sm--link-pb: var(--spacing-none); 
--button-sm--link-pl: var(--spacing-none); 
--button-sm--link-gap: var(--spacing-sm); 
--button-sm--link-border: 0px; 
--button-sm--link-rounded: var(--radius-none); 
--button-sm--link-font-family: var(--font-family--body); 
--button-sm--link-font-weight: 600; 
--button-sm--link-typography-fz: var(--typography-text-sm-font-size); 
--button-sm--link-typography-lh: var(--typography-text-sm-line-height); 
--button-sm--link-typography-ls: var(--typography-text-sm-letter-spacing); 

--button-md--link-pt: var(--spacing-none); 
--button-md--link-pr: var(--spacing-none); 
--button-md--link-pb: var(--spacing-none); 
--button-md--link-pl: var(--spacing-none); 
--button-md--link-gap: var(--spacing-md); 
--button-md--link-border: 0px; 
--button-md--link-rounded: var(--radius-none); 
--button-md--link-font-family: var(--font-family--body); 
--button-md--link-font-weight: 600; 
--button-md--link-typography-fz: var(--typography-text-md-font-size); 
--button-md--link-typography-lh: var(--typography-text-md-line-height); 
--button-md--link-typography-ls: var(--typography-text-md-letter-spacing); 

--button-lg--link-pt: var(--spacing-none); 
--button-lg--link-pr: var(--spacing-none); 
--button-lg--link-pb: var(--spacing-none); 
--button-lg--link-pl: var(--spacing-none); 
--button-lg--link-gap: var(--spacing-lg); 
--button-lg--link-border: 0px; 
--button-lg--link-rounded: var(--radius-none); 
--button-lg--link-font-family: var(--font-family--body); 
--button-lg--link-font-weight: 600; 
--button-lg--link-typography-fz: var(--typography-text-lg-font-size); 
--button-lg--link-typography-lh: var(--typography-text-lg-line-height); 
--button-lg--link-typography-ls: var(--typography-text-lg-letter-spacing); 

--badge-sm--color-pt: var(--spacing-xxs); 
--badge-sm--color-pr: var(--spacing-md); 
--badge-sm--color-pb: var(--spacing-xxs); 
--badge-sm--color-pl: var(--spacing-md); 
--badge-sm--color-gap: var(--spacing-xs); 
--badge-sm--color-border: 1px; 
--badge-sm--color-rounded: var(--radius-full); 
--badge-sm--color-font-family: var(--font-family--body); 
--badge-sm--color-font-weight: 500; 
--badge-sm--color-typography-fz: var(--typography-text-xs-font-size); 
--badge-sm--color-typography-lh: var(--typography-text-xs-line-height); 
--badge-sm--color-typography-ls: var(--typography-text-xs-letter-spacing); 

--badge-md--color-pt: var(--spacing-xxs); 
--badge-md--color-pr: var(--spacing-md); 
--badge-md--color-pb: var(--spacing-xxs); 
--badge-md--color-pl: var(--spacing-md); 
--badge-md--color-gap: var(--spacing-sm); 
--badge-md--color-border: 1px; 
--badge-md--color-rounded: var(--radius-full); 
--badge-md--color-font-family: var(--font-family--body); 
--badge-md--color-font-weight: 500; 
--badge-md--color-typography-fz: var(--typography-text-sm-font-size); 
--badge-md--color-typography-lh: var(--typography-text-sm-line-height); 
--badge-md--color-typography-ls: var(--typography-text-sm-letter-spacing); 

--badge-lg--color-pt: var(--spacing-xs); 
--badge-lg--color-pr: var(--spacing-lg); 
--badge-lg--color-pb: var(--spacing-xs); 
--badge-lg--color-pl: var(--spacing-lg); 
--badge-lg--color-gap: var(--spacing-sm); 
--badge-lg--color-border: 1px; 
--badge-lg--color-rounded: var(--radius-full); 
--badge-lg--color-font-family: var(--font-family--body); 
--badge-lg--color-font-weight: 500; 
--badge-lg--color-typography-fz: var(--typography-text-sm-font-size); 
--badge-lg--color-typography-lh: var(--typography-text-sm-line-height); 
--badge-lg--color-typography-ls: var(--typography-text-sm-letter-spacing); 

--badge-sm--outline-pt: var(--spacing-xxs); 
--badge-sm--outline-pr: var(--spacing-md); 
--badge-sm--outline-pb: var(--spacing-xxs); 
--badge-sm--outline-pl: var(--spacing-md); 
--badge-sm--outline-gap: var(--spacing-xs); 
--badge-sm--outline-border: 2px; 
--badge-sm--outline-rounded: var(--radius-full); 
--badge-sm--outline-font-family: var(--font-family--body); 
--badge-sm--outline-font-weight: 500; 
--badge-sm--outline-typography-fz: var(--typography-text-xs-font-size); 
--badge-sm--outline-typography-lh: var(--typography-text-xs-line-height); 
--badge-sm--outline-typography-ls: var(--typography-text-xs-letter-spacing); 

--badge-md--outline-pt: var(--spacing-xxs); 
--badge-md--outline-pr: var(--spacing-md); 
--badge-md--outline-pb: var(--spacing-xxs); 
--badge-md--outline-pl: var(--spacing-md); 
--badge-md--outline-gap: var(--spacing-sm); 
--badge-md--outline-border: 2px; 
--badge-md--outline-rounded: var(--radius-full); 
--badge-md--outline-font-family: var(--font-family--body); 
--badge-md--outline-font-weight: 500; 
--badge-md--outline-typography-fz: var(--typography-text-sm-font-size); 
--badge-md--outline-typography-lh: var(--typography-text-sm-line-height); 
--badge-md--outline-typography-ls: var(--typography-text-sm-letter-spacing); 

--badge-lg--outline-pt: var(--spacing-xs); 
--badge-lg--outline-pr: var(--spacing-lg); 
--badge-lg--outline-pb: var(--spacing-xs); 
--badge-lg--outline-pl: var(--spacing-lg); 
--badge-lg--outline-gap: var(--spacing-sm); 
--badge-lg--outline-border: 2px; 
--badge-lg--outline-rounded: var(--radius-full); 
--badge-lg--outline-font-family: var(--font-family--body); 
--badge-lg--outline-font-weight: 500; 
--badge-lg--outline-typography-fz: var(--typography-text-sm-font-size); 
--badge-lg--outline-typography-lh: var(--typography-text-sm-line-height); 
--badge-lg--outline-typography-ls: var(--typography-text-sm-letter-spacing); 

}
@media screen and (max-width: 1280px) and (min-width: 745px) {
:root {
--typography-text-xs-font-size: 12px; 
 --typography-text-xs-line-height: 18px; 
 --typography-text-xs-letter-spacing: 0px;

--typography-text-sm-font-size: 14px; 
 --typography-text-sm-line-height: 20px; 
 --typography-text-sm-letter-spacing: 0px;

--typography-text-md-font-size: 16px; 
 --typography-text-md-line-height: 24px; 
 --typography-text-md-letter-spacing: 0px;

--typography-text-lg-font-size: 18px; 
 --typography-text-lg-line-height: 28px; 
 --typography-text-lg-letter-spacing: 0px;

--typography-text-xl-font-size: 20px; 
 --typography-text-xl-line-height: 30px; 
 --typography-text-xl-letter-spacing: 0px;

--typography-display-xs-font-size: 24px; 
 --typography-display-xs-line-height: 32px; 
 --typography-display-xs-letter-spacing: 0px;

--typography-display-sm-font-size: 28px; 
 --typography-display-sm-line-height: 36px; 
 --typography-display-sm-letter-spacing: 0px;

--typography-display-md-font-size: 34px; 
 --typography-display-md-line-height: 44px; 
 --typography-display-md-letter-spacing: 0px;

--typography-display-lg-font-size: 42px; 
 --typography-display-lg-line-height: 52px; 
 --typography-display-lg-letter-spacing: 0px;

--typography-display-xl-font-size: 50px; 
 --typography-display-xl-line-height: 62px; 
 --typography-display-xl-letter-spacing: 0px;

--typography-display-2xl-font-size: 62px; 
 --typography-display-2xl-line-height: 70px; 
 --typography-display-2xl-letter-spacing: 0px;

}
}
@media screen and (max-width: 744px) {
:root {
--typography-text-xs-font-size: 12px; 
 --typography-text-xs-line-height: 16px; 
 --typography-text-xs-letter-spacing: 0px;

--typography-text-sm-font-size: 12px; 
 --typography-text-sm-line-height: 18px; 
 --typography-text-sm-letter-spacing: 0px;

--typography-text-md-font-size: 14px; 
 --typography-text-md-line-height: 20px; 
 --typography-text-md-letter-spacing: 0px;

--typography-text-lg-font-size: 16px; 
 --typography-text-lg-line-height: 22px; 
 --typography-text-lg-letter-spacing: 0px;

--typography-text-xl-font-size: 18px; 
 --typography-text-xl-line-height: 26px; 
 --typography-text-xl-letter-spacing: 0px;

--typography-display-xs-font-size: 20px; 
 --typography-display-xs-line-height: 30px; 
 --typography-display-xs-letter-spacing: 0px;

--typography-display-sm-font-size: 24px; 
 --typography-display-sm-line-height: 34px; 
 --typography-display-sm-letter-spacing: 0px;

--typography-display-md-font-size: 28px; 
 --typography-display-md-line-height: 38px; 
 --typography-display-md-letter-spacing: 0px;

--typography-display-lg-font-size: 34px; 
 --typography-display-lg-line-height: 44px; 
 --typography-display-lg-letter-spacing: 0px;

--typography-display-xl-font-size: 38px; 
 --typography-display-xl-line-height: 42px; 
 --typography-display-xl-letter-spacing: 0px;

--typography-display-2xl-font-size: 48px; 
 --typography-display-2xl-line-height: 60px; 
 --typography-display-2xl-letter-spacing: 0px;

}
}