:root {
--color-body-25: 250, 251, 252;
--color-body-50: 244, 246, 249;
--color-body-100: 228, 231, 236;
--color-body-200: 221, 226, 234;
--color-body-300: 203, 211, 222;
--color-body-400: 174, 187, 204;
--color-body-500: 143, 164, 191;
--color-body-600: 90, 107, 128;
--color-body-700: 65, 85, 110;
--color-body-800: 40, 61, 89;
--color-body-900: 14, 36, 68;
--color-body-950: 8, 22, 41;
--color-primary-25: 245, 248, 252;
--color-primary-50: 235, 241, 249;
--color-primary-100: 220, 231, 245;
--color-primary-200: 198, 218, 238;
--color-primary-300: 159, 195, 232;
--color-primary-400: 101, 153, 201;
--color-primary-500: 42, 111, 170;
--color-primary-600: 20, 73, 142;
--color-primary-700: 10, 55, 117;
--color-primary-800: 0, 42, 102;
--color-primary-900: 0, 30, 80;
--color-primary-950: 0, 22, 59;
--color-secondary-25: 254, 246, 246;
--color-secondary-50: 251, 235, 237;
--color-secondary-100: 249, 217, 217;
--color-secondary-200: 247, 192, 189;
--color-secondary-300: 245, 167, 160;
--color-secondary-400: 235, 113, 114;
--color-secondary-500: 224, 58, 68;
--color-secondary-600: 204, 27, 47;
--color-secondary-700: 162, 19, 36;
--color-secondary-800: 133, 16, 30;
--color-secondary-900: 103, 13, 24;
--color-secondary-950: 74, 10, 18;
--color-tertiary-25: 252, 251, 248;
--color-tertiary-50: 247, 245, 240;
--color-tertiary-100: 242, 240, 234;
--color-tertiary-200: 236, 234, 228;
--color-tertiary-300: 204, 201, 193;
--color-tertiary-400: 172, 168, 158;
--color-tertiary-500: 140, 135, 123;
--color-tertiary-600: 118, 114, 103;
--color-tertiary-700: 96, 93, 83;
--color-tertiary-800: 75, 71, 64;
--color-tertiary-900: 53, 50, 44;
--color-tertiary-950: 31, 29, 24;
--font-family--body:'Instrument Sans', sans-serif;
--font-family--display:'Outfit', sans-serif;
--typography-text-xs-font-size: 13px; 
 --typography-text-xs-line-height: 18px; 
 --typography-text-xs-letter-spacing: 0.26px;
body{
&[data-font-size='2']{
--typography-text-xs-font-size: calc(13px * 1.2);
}
&[data-font-size='3']{
--typography-text-xs-font-size: calc(13px * 1.4); 
}
&[data-font-size='4']{
--typography-text-xs-font-size: calc(13px * 1.6); 
}
&[data-font-size='5']{
--typography-text-xs-font-size: calc(13px * 1.8); 
}
&[data-font-size='6']{
--typography-text-xs-font-size: calc(13px * 2); 
}
&[data-line-height='2']{
--typography-text-xs-line-height: calc(18px * 1.2);
}
&[data-line-height='3']{
--typography-text-xs-line-height: calc(18px * 1.4); 
}
&[data-line-height='4']{
--typography-text-xs-line-height: calc(18px * 1.6); 
}
&[data-line-height='5']{
--typography-text-xs-line-height: calc(18px * 1.8); 
}
&[data-line-height='6']{
--typography-text-xs-line-height: calc(18px * 2); 
}
}

--typography-text-sm-font-size: 15px; 
 --typography-text-sm-line-height: 26px; 
 --typography-text-sm-letter-spacing: 0px;
body{
&[data-font-size='2']{
--typography-text-sm-font-size: calc(15px * 1.2);
}
&[data-font-size='3']{
--typography-text-sm-font-size: calc(15px * 1.4); 
}
&[data-font-size='4']{
--typography-text-sm-font-size: calc(15px * 1.6); 
}
&[data-font-size='5']{
--typography-text-sm-font-size: calc(15px * 1.8); 
}
&[data-font-size='6']{
--typography-text-sm-font-size: calc(15px * 2); 
}
&[data-line-height='2']{
--typography-text-sm-line-height: calc(26px * 1.2);
}
&[data-line-height='3']{
--typography-text-sm-line-height: calc(26px * 1.4); 
}
&[data-line-height='4']{
--typography-text-sm-line-height: calc(26px * 1.6); 
}
&[data-line-height='5']{
--typography-text-sm-line-height: calc(26px * 1.8); 
}
&[data-line-height='6']{
--typography-text-sm-line-height: calc(26px * 2); 
}
}

--typography-text-md-font-size: 16px; 
 --typography-text-md-line-height: 27px; 
 --typography-text-md-letter-spacing: 0px;
body{
&[data-font-size='2']{
--typography-text-md-font-size: calc(16px * 1.2);
}
&[data-font-size='3']{
--typography-text-md-font-size: calc(16px * 1.4); 
}
&[data-font-size='4']{
--typography-text-md-font-size: calc(16px * 1.6); 
}
&[data-font-size='5']{
--typography-text-md-font-size: calc(16px * 1.8); 
}
&[data-font-size='6']{
--typography-text-md-font-size: calc(16px * 2); 
}
&[data-line-height='2']{
--typography-text-md-line-height: calc(27px * 1.2);
}
&[data-line-height='3']{
--typography-text-md-line-height: calc(27px * 1.4); 
}
&[data-line-height='4']{
--typography-text-md-line-height: calc(27px * 1.6); 
}
&[data-line-height='5']{
--typography-text-md-line-height: calc(27px * 1.8); 
}
&[data-line-height='6']{
--typography-text-md-line-height: calc(27px * 2); 
}
}

--typography-text-lg-font-size: 17px; 
 --typography-text-lg-line-height: 30px; 
 --typography-text-lg-letter-spacing: 0px;
body{
&[data-font-size='2']{
--typography-text-lg-font-size: calc(17px * 1.2);
}
&[data-font-size='3']{
--typography-text-lg-font-size: calc(17px * 1.4); 
}
&[data-font-size='4']{
--typography-text-lg-font-size: calc(17px * 1.6); 
}
&[data-font-size='5']{
--typography-text-lg-font-size: calc(17px * 1.8); 
}
&[data-font-size='6']{
--typography-text-lg-font-size: calc(17px * 2); 
}
&[data-line-height='2']{
--typography-text-lg-line-height: calc(30px * 1.2);
}
&[data-line-height='3']{
--typography-text-lg-line-height: calc(30px * 1.4); 
}
&[data-line-height='4']{
--typography-text-lg-line-height: calc(30px * 1.6); 
}
&[data-line-height='5']{
--typography-text-lg-line-height: calc(30px * 1.8); 
}
&[data-line-height='6']{
--typography-text-lg-line-height: calc(30px * 2); 
}
}

--typography-text-xl-font-size: 18px; 
 --typography-text-xl-line-height: 29px; 
 --typography-text-xl-letter-spacing: 0px;
body{
&[data-font-size='2']{
--typography-text-xl-font-size: calc(18px * 1.2);
}
&[data-font-size='3']{
--typography-text-xl-font-size: calc(18px * 1.4); 
}
&[data-font-size='4']{
--typography-text-xl-font-size: calc(18px * 1.6); 
}
&[data-font-size='5']{
--typography-text-xl-font-size: calc(18px * 1.8); 
}
&[data-font-size='6']{
--typography-text-xl-font-size: calc(18px * 2); 
}
&[data-line-height='2']{
--typography-text-xl-line-height: calc(29px * 1.2);
}
&[data-line-height='3']{
--typography-text-xl-line-height: calc(29px * 1.4); 
}
&[data-line-height='4']{
--typography-text-xl-line-height: calc(29px * 1.6); 
}
&[data-line-height='5']{
--typography-text-xl-line-height: calc(29px * 1.8); 
}
&[data-line-height='6']{
--typography-text-xl-line-height: calc(29px * 2); 
}
}

--typography-display-xs-font-size: 22px; 
 --typography-display-xs-line-height: 26px; 
 --typography-display-xs-letter-spacing: -0.44px;
body{
&[data-font-size='2']{
--typography-display-xs-font-size: calc(22px * 1.2);
}
&[data-font-size='3']{
--typography-display-xs-font-size: calc(22px * 1.4); 
}
&[data-font-size='4']{
--typography-display-xs-font-size: calc(22px * 1.6); 
}
&[data-font-size='5']{
--typography-display-xs-font-size: calc(22px * 1.8); 
}
&[data-font-size='6']{
--typography-display-xs-font-size: calc(22px * 2); 
}
&[data-line-height='2']{
--typography-display-xs-line-height: calc(26px * 1.2);
}
&[data-line-height='3']{
--typography-display-xs-line-height: calc(26px * 1.4); 
}
&[data-line-height='4']{
--typography-display-xs-line-height: calc(26px * 1.6); 
}
&[data-line-height='5']{
--typography-display-xs-line-height: calc(26px * 1.8); 
}
&[data-line-height='6']{
--typography-display-xs-line-height: calc(26px * 2); 
}
}

--typography-display-sm-font-size: 30px; 
 --typography-display-sm-line-height: 36px; 
 --typography-display-sm-letter-spacing: -0.6px;
body{
&[data-font-size='2']{
--typography-display-sm-font-size: calc(30px * 1.2);
}
&[data-font-size='3']{
--typography-display-sm-font-size: calc(30px * 1.4); 
}
&[data-font-size='4']{
--typography-display-sm-font-size: calc(30px * 1.6); 
}
&[data-font-size='5']{
--typography-display-sm-font-size: calc(30px * 1.8); 
}
&[data-font-size='6']{
--typography-display-sm-font-size: calc(30px * 2); 
}
&[data-line-height='2']{
--typography-display-sm-line-height: calc(36px * 1.2);
}
&[data-line-height='3']{
--typography-display-sm-line-height: calc(36px * 1.4); 
}
&[data-line-height='4']{
--typography-display-sm-line-height: calc(36px * 1.6); 
}
&[data-line-height='5']{
--typography-display-sm-line-height: calc(36px * 1.8); 
}
&[data-line-height='6']{
--typography-display-sm-line-height: calc(36px * 2); 
}
}

--typography-display-md-font-size: 42px; 
 --typography-display-md-line-height: 48px; 
 --typography-display-md-letter-spacing: -0.84px;
body{
&[data-font-size='2']{
--typography-display-md-font-size: calc(42px * 1.2);
}
&[data-font-size='3']{
--typography-display-md-font-size: calc(42px * 1.4); 
}
&[data-font-size='4']{
--typography-display-md-font-size: calc(42px * 1.6); 
}
&[data-font-size='5']{
--typography-display-md-font-size: calc(42px * 1.8); 
}
&[data-font-size='6']{
--typography-display-md-font-size: calc(42px * 2); 
}
&[data-line-height='2']{
--typography-display-md-line-height: calc(48px * 1.2);
}
&[data-line-height='3']{
--typography-display-md-line-height: calc(48px * 1.4); 
}
&[data-line-height='4']{
--typography-display-md-line-height: calc(48px * 1.6); 
}
&[data-line-height='5']{
--typography-display-md-line-height: calc(48px * 1.8); 
}
&[data-line-height='6']{
--typography-display-md-line-height: calc(48px * 2); 
}
}

--typography-display-lg-font-size: 56px; 
 --typography-display-lg-line-height: 59px; 
 --typography-display-lg-letter-spacing: -1.12px;
body{
&[data-font-size='2']{
--typography-display-lg-font-size: calc(56px * 1.2);
}
&[data-font-size='3']{
--typography-display-lg-font-size: calc(56px * 1.4); 
}
&[data-font-size='4']{
--typography-display-lg-font-size: calc(56px * 1.6); 
}
&[data-font-size='5']{
--typography-display-lg-font-size: calc(56px * 1.8); 
}
&[data-font-size='6']{
--typography-display-lg-font-size: calc(56px * 2); 
}
&[data-line-height='2']{
--typography-display-lg-line-height: calc(59px * 1.2);
}
&[data-line-height='3']{
--typography-display-lg-line-height: calc(59px * 1.4); 
}
&[data-line-height='4']{
--typography-display-lg-line-height: calc(59px * 1.6); 
}
&[data-line-height='5']{
--typography-display-lg-line-height: calc(59px * 1.8); 
}
&[data-line-height='6']{
--typography-display-lg-line-height: calc(59px * 2); 
}
}

--typography-display-xl-font-size: 64px; 
 --typography-display-xl-line-height: 67px; 
 --typography-display-xl-letter-spacing: -1.92px;
body{
&[data-font-size='2']{
--typography-display-xl-font-size: calc(64px * 1.2);
}
&[data-font-size='3']{
--typography-display-xl-font-size: calc(64px * 1.4); 
}
&[data-font-size='4']{
--typography-display-xl-font-size: calc(64px * 1.6); 
}
&[data-font-size='5']{
--typography-display-xl-font-size: calc(64px * 1.8); 
}
&[data-font-size='6']{
--typography-display-xl-font-size: calc(64px * 2); 
}
&[data-line-height='2']{
--typography-display-xl-line-height: calc(67px * 1.2);
}
&[data-line-height='3']{
--typography-display-xl-line-height: calc(67px * 1.4); 
}
&[data-line-height='4']{
--typography-display-xl-line-height: calc(67px * 1.6); 
}
&[data-line-height='5']{
--typography-display-xl-line-height: calc(67px * 1.8); 
}
&[data-line-height='6']{
--typography-display-xl-line-height: calc(67px * 2); 
}
}

--typography-display-2xl-font-size: 72px; 
 --typography-display-2xl-line-height: 72px; 
 --typography-display-2xl-letter-spacing: -1.44px;
body{
&[data-font-size='2']{
--typography-display-2xl-font-size: calc(72px * 1.2);
}
&[data-font-size='3']{
--typography-display-2xl-font-size: calc(72px * 1.4); 
}
&[data-font-size='4']{
--typography-display-2xl-font-size: calc(72px * 1.6); 
}
&[data-font-size='5']{
--typography-display-2xl-font-size: calc(72px * 1.8); 
}
&[data-font-size='6']{
--typography-display-2xl-font-size: calc(72px * 2); 
}
&[data-line-height='2']{
--typography-display-2xl-line-height: calc(72px * 1.2);
}
&[data-line-height='3']{
--typography-display-2xl-line-height: calc(72px * 1.4); 
}
&[data-line-height='4']{
--typography-display-2xl-line-height: calc(72px * 1.6); 
}
&[data-line-height='5']{
--typography-display-2xl-line-height: calc(72px * 1.8); 
}
&[data-line-height='6']{
--typography-display-2xl-line-height: calc(72px * 2); 
}
}

--button-sm--primary-pt: var(--spacing-lg); 
--button-sm--primary-pr: var(--spacing-3xl); 
--button-sm--primary-pb: var(--spacing-lg); 
--button-sm--primary-pl: var(--spacing-3xl); 
--button-sm--primary-gap: var(--spacing-sm); 
--button-sm--primary-border: 1px; 
--button-sm--primary-rounded: var(--radius-none); 
--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-4xl); 
--button-md--primary-pb: var(--spacing-xl); 
--button-md--primary-pl: var(--spacing-4xl); 
--button-md--primary-gap: var(--spacing-md); 
--button-md--primary-border: 1px; 
--button-md--primary-rounded: var(--radius-none); 
--button-md--primary-font-family: var(--font-family--body); 
--button-md--primary-font-weight: 600; 
--button-md--primary-typography-fz: var(--typography-text-sm-font-size); 
--button-md--primary-typography-lh: var(--typography-text-sm-line-height); 
--button-md--primary-typography-ls: var(--typography-text-sm-letter-spacing); 

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

--button-sm--secondary-pt: var(--spacing-lg); 
--button-sm--secondary-pr: var(--spacing-3xl); 
--button-sm--secondary-pb: var(--spacing-lg); 
--button-sm--secondary-pl: var(--spacing-3xl); 
--button-sm--secondary-gap: var(--spacing-sm); 
--button-sm--secondary-border: 1px; 
--button-sm--secondary-rounded: var(--radius-none); 
--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-4xl); 
--button-md--secondary-pb: var(--spacing-xl); 
--button-md--secondary-pl: var(--spacing-4xl); 
--button-md--secondary-gap: var(--spacing-md); 
--button-md--secondary-border: 1px; 
--button-md--secondary-rounded: var(--radius-none); 
--button-md--secondary-font-family: var(--font-family--body); 
--button-md--secondary-font-weight: 600; 
--button-md--secondary-typography-fz: var(--typography-text-sm-font-size); 
--button-md--secondary-typography-lh: var(--typography-text-sm-line-height); 
--button-md--secondary-typography-ls: var(--typography-text-sm-letter-spacing); 

--button-lg--secondary-pt: var(--spacing-xl); 
--button-lg--secondary-pr: var(--spacing-4xl); 
--button-lg--secondary-pb: var(--spacing-xl); 
--button-lg--secondary-pl: var(--spacing-4xl); 
--button-lg--secondary-gap: var(--spacing-lg); 
--button-lg--secondary-border: 1px; 
--button-lg--secondary-rounded: var(--radius-none); 
--button-lg--secondary-font-family: var(--font-family--body); 
--button-lg--secondary-font-weight: 600; 
--button-lg--secondary-typography-fz: var(--typography-text-md-font-size); 
--button-lg--secondary-typography-lh: var(--typography-text-md-line-height); 
--button-lg--secondary-typography-ls: var(--typography-text-md-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-sm-font-size); 
--button-md--link-typography-lh: var(--typography-text-sm-line-height); 
--button-md--link-typography-ls: var(--typography-text-sm-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-md-font-size); 
--button-lg--link-typography-lh: var(--typography-text-md-line-height); 
--button-lg--link-typography-ls: var(--typography-text-md-letter-spacing); 

--badge-sm--color-pt: var(--spacing-xs); 
--badge-sm--color-pr: var(--spacing-lg); 
--badge-sm--color-pb: var(--spacing-xs); 
--badge-sm--color-pl: var(--spacing-lg); 
--badge-sm--color-gap: var(--spacing-sm); 
--badge-sm--color-border: 1px; 
--badge-sm--color-rounded: var(--radius-none); 
--badge-sm--color-font-family: var(--font-family--body); 
--badge-sm--color-font-weight: 600; 
--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-sm); 
--badge-md--color-pr: var(--spacing-lg); 
--badge-md--color-pb: var(--spacing-sm); 
--badge-md--color-pl: var(--spacing-lg); 
--badge-md--color-gap: var(--spacing-md); 
--badge-md--color-border: 1px; 
--badge-md--color-rounded: var(--radius-none); 
--badge-md--color-font-family: var(--font-family--body); 
--badge-md--color-font-weight: 600; 
--badge-md--color-typography-fz: var(--typography-text-xs-font-size); 
--badge-md--color-typography-lh: var(--typography-text-xs-line-height); 
--badge-md--color-typography-ls: var(--typography-text-xs-letter-spacing); 

--badge-lg--color-pt: var(--spacing-md); 
--badge-lg--color-pr: var(--spacing-xl); 
--badge-lg--color-pb: var(--spacing-md); 
--badge-lg--color-pl: var(--spacing-xl); 
--badge-lg--color-gap: var(--spacing-md); 
--badge-lg--color-border: 1px; 
--badge-lg--color-rounded: var(--radius-none); 
--badge-lg--color-font-family: var(--font-family--body); 
--badge-lg--color-font-weight: 600; 
--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-xs); 
--badge-sm--outline-pr: var(--spacing-lg); 
--badge-sm--outline-pb: var(--spacing-xs); 
--badge-sm--outline-pl: var(--spacing-lg); 
--badge-sm--outline-gap: var(--spacing-sm); 
--badge-sm--outline-border: 1px; 
--badge-sm--outline-rounded: var(--radius-none); 
--badge-sm--outline-font-family: var(--font-family--body); 
--badge-sm--outline-font-weight: 600; 
--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-sm); 
--badge-md--outline-pr: var(--spacing-lg); 
--badge-md--outline-pb: var(--spacing-sm); 
--badge-md--outline-pl: var(--spacing-lg); 
--badge-md--outline-gap: var(--spacing-md); 
--badge-md--outline-border: 1px; 
--badge-md--outline-rounded: var(--radius-none); 
--badge-md--outline-font-family: var(--font-family--body); 
--badge-md--outline-font-weight: 600; 
--badge-md--outline-typography-fz: var(--typography-text-xs-font-size); 
--badge-md--outline-typography-lh: var(--typography-text-xs-line-height); 
--badge-md--outline-typography-ls: var(--typography-text-xs-letter-spacing); 

--badge-lg--outline-pt: var(--spacing-md); 
--badge-lg--outline-pr: var(--spacing-xl); 
--badge-lg--outline-pb: var(--spacing-md); 
--badge-lg--outline-pl: var(--spacing-xl); 
--badge-lg--outline-gap: var(--spacing-md); 
--badge-lg--outline-border: 1px; 
--badge-lg--outline-rounded: var(--radius-none); 
--badge-lg--outline-font-family: var(--font-family--body); 
--badge-lg--outline-font-weight: 600; 
--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: 13px; 
 --typography-text-xs-line-height: 18px; 
 --typography-text-xs-letter-spacing: 0.26px;
body{
&[data-font-size='2']{
--typography-text-xs-font-size: calc(13px * 1.2);
}
&[data-font-size='3']{
--typography-text-xs-font-size: calc(13px * 1.4); 
}
&[data-font-size='4']{
--typography-text-xs-font-size: calc(13px * 1.6); 
}
&[data-font-size='5']{
--typography-text-xs-font-size: calc(13px * 1.8); 
}
&[data-font-size='6']{
--typography-text-xs-font-size: calc(13px * 2); 
}
&[data-line-height='2']{
--typography-text-xs-line-height: calc(18px * 1.2);
}
&[data-line-height='3']{
--typography-text-xs-line-height: calc(18px * 1.4); 
}
&[data-line-height='4']{
--typography-text-xs-line-height: calc(18px * 1.6); 
}
&[data-line-height='5']{
--typography-text-xs-line-height: calc(18px * 1.8); 
}
&[data-line-height='6']{
--typography-text-xs-line-height: calc(18px * 2); 
}
}

--typography-text-sm-font-size: 15px; 
 --typography-text-sm-line-height: 26px; 
 --typography-text-sm-letter-spacing: 0px;
body{
&[data-font-size='2']{
--typography-text-sm-font-size: calc(15px * 1.2);
}
&[data-font-size='3']{
--typography-text-sm-font-size: calc(15px * 1.4); 
}
&[data-font-size='4']{
--typography-text-sm-font-size: calc(15px * 1.6); 
}
&[data-font-size='5']{
--typography-text-sm-font-size: calc(15px * 1.8); 
}
&[data-font-size='6']{
--typography-text-sm-font-size: calc(15px * 2); 
}
&[data-line-height='2']{
--typography-text-sm-line-height: calc(26px * 1.2);
}
&[data-line-height='3']{
--typography-text-sm-line-height: calc(26px * 1.4); 
}
&[data-line-height='4']{
--typography-text-sm-line-height: calc(26px * 1.6); 
}
&[data-line-height='5']{
--typography-text-sm-line-height: calc(26px * 1.8); 
}
&[data-line-height='6']{
--typography-text-sm-line-height: calc(26px * 2); 
}
}

--typography-text-md-font-size: 16px; 
 --typography-text-md-line-height: 27px; 
 --typography-text-md-letter-spacing: 0px;
body{
&[data-font-size='2']{
--typography-text-md-font-size: calc(16px * 1.2);
}
&[data-font-size='3']{
--typography-text-md-font-size: calc(16px * 1.4); 
}
&[data-font-size='4']{
--typography-text-md-font-size: calc(16px * 1.6); 
}
&[data-font-size='5']{
--typography-text-md-font-size: calc(16px * 1.8); 
}
&[data-font-size='6']{
--typography-text-md-font-size: calc(16px * 2); 
}
&[data-line-height='2']{
--typography-text-md-line-height: calc(27px * 1.2);
}
&[data-line-height='3']{
--typography-text-md-line-height: calc(27px * 1.4); 
}
&[data-line-height='4']{
--typography-text-md-line-height: calc(27px * 1.6); 
}
&[data-line-height='5']{
--typography-text-md-line-height: calc(27px * 1.8); 
}
&[data-line-height='6']{
--typography-text-md-line-height: calc(27px * 2); 
}
}

--typography-text-lg-font-size: 17px; 
 --typography-text-lg-line-height: 30px; 
 --typography-text-lg-letter-spacing: 0px;
body{
&[data-font-size='2']{
--typography-text-lg-font-size: calc(17px * 1.2);
}
&[data-font-size='3']{
--typography-text-lg-font-size: calc(17px * 1.4); 
}
&[data-font-size='4']{
--typography-text-lg-font-size: calc(17px * 1.6); 
}
&[data-font-size='5']{
--typography-text-lg-font-size: calc(17px * 1.8); 
}
&[data-font-size='6']{
--typography-text-lg-font-size: calc(17px * 2); 
}
&[data-line-height='2']{
--typography-text-lg-line-height: calc(30px * 1.2);
}
&[data-line-height='3']{
--typography-text-lg-line-height: calc(30px * 1.4); 
}
&[data-line-height='4']{
--typography-text-lg-line-height: calc(30px * 1.6); 
}
&[data-line-height='5']{
--typography-text-lg-line-height: calc(30px * 1.8); 
}
&[data-line-height='6']{
--typography-text-lg-line-height: calc(30px * 2); 
}
}

--typography-text-xl-font-size: 18px; 
 --typography-text-xl-line-height: 29px; 
 --typography-text-xl-letter-spacing: 0px;
body{
&[data-font-size='2']{
--typography-text-xl-font-size: calc(18px * 1.2);
}
&[data-font-size='3']{
--typography-text-xl-font-size: calc(18px * 1.4); 
}
&[data-font-size='4']{
--typography-text-xl-font-size: calc(18px * 1.6); 
}
&[data-font-size='5']{
--typography-text-xl-font-size: calc(18px * 1.8); 
}
&[data-font-size='6']{
--typography-text-xl-font-size: calc(18px * 2); 
}
&[data-line-height='2']{
--typography-text-xl-line-height: calc(29px * 1.2);
}
&[data-line-height='3']{
--typography-text-xl-line-height: calc(29px * 1.4); 
}
&[data-line-height='4']{
--typography-text-xl-line-height: calc(29px * 1.6); 
}
&[data-line-height='5']{
--typography-text-xl-line-height: calc(29px * 1.8); 
}
&[data-line-height='6']{
--typography-text-xl-line-height: calc(29px * 2); 
}
}

--typography-display-xs-font-size: 22px; 
 --typography-display-xs-line-height: 26px; 
 --typography-display-xs-letter-spacing: -0.44px;
body{
&[data-font-size='2']{
--typography-display-xs-font-size: calc(22px * 1.2);
}
&[data-font-size='3']{
--typography-display-xs-font-size: calc(22px * 1.4); 
}
&[data-font-size='4']{
--typography-display-xs-font-size: calc(22px * 1.6); 
}
&[data-font-size='5']{
--typography-display-xs-font-size: calc(22px * 1.8); 
}
&[data-font-size='6']{
--typography-display-xs-font-size: calc(22px * 2); 
}
&[data-line-height='2']{
--typography-display-xs-line-height: calc(26px * 1.2);
}
&[data-line-height='3']{
--typography-display-xs-line-height: calc(26px * 1.4); 
}
&[data-line-height='4']{
--typography-display-xs-line-height: calc(26px * 1.6); 
}
&[data-line-height='5']{
--typography-display-xs-line-height: calc(26px * 1.8); 
}
&[data-line-height='6']{
--typography-display-xs-line-height: calc(26px * 2); 
}
}

--typography-display-sm-font-size: 26px; 
 --typography-display-sm-line-height: 31px; 
 --typography-display-sm-letter-spacing: -0.52px;
body{
&[data-font-size='2']{
--typography-display-sm-font-size: calc(26px * 1.2);
}
&[data-font-size='3']{
--typography-display-sm-font-size: calc(26px * 1.4); 
}
&[data-font-size='4']{
--typography-display-sm-font-size: calc(26px * 1.6); 
}
&[data-font-size='5']{
--typography-display-sm-font-size: calc(26px * 1.8); 
}
&[data-font-size='6']{
--typography-display-sm-font-size: calc(26px * 2); 
}
&[data-line-height='2']{
--typography-display-sm-line-height: calc(31px * 1.2);
}
&[data-line-height='3']{
--typography-display-sm-line-height: calc(31px * 1.4); 
}
&[data-line-height='4']{
--typography-display-sm-line-height: calc(31px * 1.6); 
}
&[data-line-height='5']{
--typography-display-sm-line-height: calc(31px * 1.8); 
}
&[data-line-height='6']{
--typography-display-sm-line-height: calc(31px * 2); 
}
}

--typography-display-md-font-size: 34px; 
 --typography-display-md-line-height: 39px; 
 --typography-display-md-letter-spacing: -0.68px;
body{
&[data-font-size='2']{
--typography-display-md-font-size: calc(34px * 1.2);
}
&[data-font-size='3']{
--typography-display-md-font-size: calc(34px * 1.4); 
}
&[data-font-size='4']{
--typography-display-md-font-size: calc(34px * 1.6); 
}
&[data-font-size='5']{
--typography-display-md-font-size: calc(34px * 1.8); 
}
&[data-font-size='6']{
--typography-display-md-font-size: calc(34px * 2); 
}
&[data-line-height='2']{
--typography-display-md-line-height: calc(39px * 1.2);
}
&[data-line-height='3']{
--typography-display-md-line-height: calc(39px * 1.4); 
}
&[data-line-height='4']{
--typography-display-md-line-height: calc(39px * 1.6); 
}
&[data-line-height='5']{
--typography-display-md-line-height: calc(39px * 1.8); 
}
&[data-line-height='6']{
--typography-display-md-line-height: calc(39px * 2); 
}
}

--typography-display-lg-font-size: 44px; 
 --typography-display-lg-line-height: 47px; 
 --typography-display-lg-letter-spacing: -0.88px;
body{
&[data-font-size='2']{
--typography-display-lg-font-size: calc(44px * 1.2);
}
&[data-font-size='3']{
--typography-display-lg-font-size: calc(44px * 1.4); 
}
&[data-font-size='4']{
--typography-display-lg-font-size: calc(44px * 1.6); 
}
&[data-font-size='5']{
--typography-display-lg-font-size: calc(44px * 1.8); 
}
&[data-font-size='6']{
--typography-display-lg-font-size: calc(44px * 2); 
}
&[data-line-height='2']{
--typography-display-lg-line-height: calc(47px * 1.2);
}
&[data-line-height='3']{
--typography-display-lg-line-height: calc(47px * 1.4); 
}
&[data-line-height='4']{
--typography-display-lg-line-height: calc(47px * 1.6); 
}
&[data-line-height='5']{
--typography-display-lg-line-height: calc(47px * 1.8); 
}
&[data-line-height='6']{
--typography-display-lg-line-height: calc(47px * 2); 
}
}

--typography-display-xl-font-size: 52px; 
 --typography-display-xl-line-height: 54px; 
 --typography-display-xl-letter-spacing: -1.56px;
body{
&[data-font-size='2']{
--typography-display-xl-font-size: calc(52px * 1.2);
}
&[data-font-size='3']{
--typography-display-xl-font-size: calc(52px * 1.4); 
}
&[data-font-size='4']{
--typography-display-xl-font-size: calc(52px * 1.6); 
}
&[data-font-size='5']{
--typography-display-xl-font-size: calc(52px * 1.8); 
}
&[data-font-size='6']{
--typography-display-xl-font-size: calc(52px * 2); 
}
&[data-line-height='2']{
--typography-display-xl-line-height: calc(54px * 1.2);
}
&[data-line-height='3']{
--typography-display-xl-line-height: calc(54px * 1.4); 
}
&[data-line-height='4']{
--typography-display-xl-line-height: calc(54px * 1.6); 
}
&[data-line-height='5']{
--typography-display-xl-line-height: calc(54px * 1.8); 
}
&[data-line-height='6']{
--typography-display-xl-line-height: calc(54px * 2); 
}
}

--typography-display-2xl-font-size: 50px; 
 --typography-display-2xl-line-height: 50px; 
 --typography-display-2xl-letter-spacing: -1px;
body{
&[data-font-size='2']{
--typography-display-2xl-font-size: calc(50px * 1.2);
}
&[data-font-size='3']{
--typography-display-2xl-font-size: calc(50px * 1.4); 
}
&[data-font-size='4']{
--typography-display-2xl-font-size: calc(50px * 1.6); 
}
&[data-font-size='5']{
--typography-display-2xl-font-size: calc(50px * 1.8); 
}
&[data-font-size='6']{
--typography-display-2xl-font-size: calc(50px * 2); 
}
&[data-line-height='2']{
--typography-display-2xl-line-height: calc(50px * 1.2);
}
&[data-line-height='3']{
--typography-display-2xl-line-height: calc(50px * 1.4); 
}
&[data-line-height='4']{
--typography-display-2xl-line-height: calc(50px * 1.6); 
}
&[data-line-height='5']{
--typography-display-2xl-line-height: calc(50px * 1.8); 
}
&[data-line-height='6']{
--typography-display-2xl-line-height: calc(50px * 2); 
}
}

}
}
@media screen and (max-width: 744px) {
:root {
--typography-text-xs-font-size: 13px; 
 --typography-text-xs-line-height: 18px; 
 --typography-text-xs-letter-spacing: 0.26px;
body{
&[data-font-size='2']{
--typography-text-xs-font-size: calc(13px * 1.2);
}
&[data-font-size='3']{
--typography-text-xs-font-size: calc(13px * 1.4); 
}
&[data-font-size='4']{
--typography-text-xs-font-size: calc(13px * 1.6); 
}
&[data-font-size='5']{
--typography-text-xs-font-size: calc(13px * 1.8); 
}
&[data-font-size='6']{
--typography-text-xs-font-size: calc(13px * 2); 
}
&[data-line-height='2']{
--typography-text-xs-line-height: calc(18px * 1.2);
}
&[data-line-height='3']{
--typography-text-xs-line-height: calc(18px * 1.4); 
}
&[data-line-height='4']{
--typography-text-xs-line-height: calc(18px * 1.6); 
}
&[data-line-height='5']{
--typography-text-xs-line-height: calc(18px * 1.8); 
}
&[data-line-height='6']{
--typography-text-xs-line-height: calc(18px * 2); 
}
}

--typography-text-sm-font-size: 15px; 
 --typography-text-sm-line-height: 26px; 
 --typography-text-sm-letter-spacing: 0px;
body{
&[data-font-size='2']{
--typography-text-sm-font-size: calc(15px * 1.2);
}
&[data-font-size='3']{
--typography-text-sm-font-size: calc(15px * 1.4); 
}
&[data-font-size='4']{
--typography-text-sm-font-size: calc(15px * 1.6); 
}
&[data-font-size='5']{
--typography-text-sm-font-size: calc(15px * 1.8); 
}
&[data-font-size='6']{
--typography-text-sm-font-size: calc(15px * 2); 
}
&[data-line-height='2']{
--typography-text-sm-line-height: calc(26px * 1.2);
}
&[data-line-height='3']{
--typography-text-sm-line-height: calc(26px * 1.4); 
}
&[data-line-height='4']{
--typography-text-sm-line-height: calc(26px * 1.6); 
}
&[data-line-height='5']{
--typography-text-sm-line-height: calc(26px * 1.8); 
}
&[data-line-height='6']{
--typography-text-sm-line-height: calc(26px * 2); 
}
}

--typography-text-md-font-size: 16px; 
 --typography-text-md-line-height: 27px; 
 --typography-text-md-letter-spacing: 0px;
body{
&[data-font-size='2']{
--typography-text-md-font-size: calc(16px * 1.2);
}
&[data-font-size='3']{
--typography-text-md-font-size: calc(16px * 1.4); 
}
&[data-font-size='4']{
--typography-text-md-font-size: calc(16px * 1.6); 
}
&[data-font-size='5']{
--typography-text-md-font-size: calc(16px * 1.8); 
}
&[data-font-size='6']{
--typography-text-md-font-size: calc(16px * 2); 
}
&[data-line-height='2']{
--typography-text-md-line-height: calc(27px * 1.2);
}
&[data-line-height='3']{
--typography-text-md-line-height: calc(27px * 1.4); 
}
&[data-line-height='4']{
--typography-text-md-line-height: calc(27px * 1.6); 
}
&[data-line-height='5']{
--typography-text-md-line-height: calc(27px * 1.8); 
}
&[data-line-height='6']{
--typography-text-md-line-height: calc(27px * 2); 
}
}

--typography-text-lg-font-size: 17px; 
 --typography-text-lg-line-height: 30px; 
 --typography-text-lg-letter-spacing: 0px;
body{
&[data-font-size='2']{
--typography-text-lg-font-size: calc(17px * 1.2);
}
&[data-font-size='3']{
--typography-text-lg-font-size: calc(17px * 1.4); 
}
&[data-font-size='4']{
--typography-text-lg-font-size: calc(17px * 1.6); 
}
&[data-font-size='5']{
--typography-text-lg-font-size: calc(17px * 1.8); 
}
&[data-font-size='6']{
--typography-text-lg-font-size: calc(17px * 2); 
}
&[data-line-height='2']{
--typography-text-lg-line-height: calc(30px * 1.2);
}
&[data-line-height='3']{
--typography-text-lg-line-height: calc(30px * 1.4); 
}
&[data-line-height='4']{
--typography-text-lg-line-height: calc(30px * 1.6); 
}
&[data-line-height='5']{
--typography-text-lg-line-height: calc(30px * 1.8); 
}
&[data-line-height='6']{
--typography-text-lg-line-height: calc(30px * 2); 
}
}

--typography-text-xl-font-size: 18px; 
 --typography-text-xl-line-height: 29px; 
 --typography-text-xl-letter-spacing: 0px;
body{
&[data-font-size='2']{
--typography-text-xl-font-size: calc(18px * 1.2);
}
&[data-font-size='3']{
--typography-text-xl-font-size: calc(18px * 1.4); 
}
&[data-font-size='4']{
--typography-text-xl-font-size: calc(18px * 1.6); 
}
&[data-font-size='5']{
--typography-text-xl-font-size: calc(18px * 1.8); 
}
&[data-font-size='6']{
--typography-text-xl-font-size: calc(18px * 2); 
}
&[data-line-height='2']{
--typography-text-xl-line-height: calc(29px * 1.2);
}
&[data-line-height='3']{
--typography-text-xl-line-height: calc(29px * 1.4); 
}
&[data-line-height='4']{
--typography-text-xl-line-height: calc(29px * 1.6); 
}
&[data-line-height='5']{
--typography-text-xl-line-height: calc(29px * 1.8); 
}
&[data-line-height='6']{
--typography-text-xl-line-height: calc(29px * 2); 
}
}

--typography-display-xs-font-size: 22px; 
 --typography-display-xs-line-height: 26px; 
 --typography-display-xs-letter-spacing: -0.44px;
body{
&[data-font-size='2']{
--typography-display-xs-font-size: calc(22px * 1.2);
}
&[data-font-size='3']{
--typography-display-xs-font-size: calc(22px * 1.4); 
}
&[data-font-size='4']{
--typography-display-xs-font-size: calc(22px * 1.6); 
}
&[data-font-size='5']{
--typography-display-xs-font-size: calc(22px * 1.8); 
}
&[data-font-size='6']{
--typography-display-xs-font-size: calc(22px * 2); 
}
&[data-line-height='2']{
--typography-display-xs-line-height: calc(26px * 1.2);
}
&[data-line-height='3']{
--typography-display-xs-line-height: calc(26px * 1.4); 
}
&[data-line-height='4']{
--typography-display-xs-line-height: calc(26px * 1.6); 
}
&[data-line-height='5']{
--typography-display-xs-line-height: calc(26px * 1.8); 
}
&[data-line-height='6']{
--typography-display-xs-line-height: calc(26px * 2); 
}
}

--typography-display-sm-font-size: 24px; 
 --typography-display-sm-line-height: 29px; 
 --typography-display-sm-letter-spacing: -0.48px;
body{
&[data-font-size='2']{
--typography-display-sm-font-size: calc(24px * 1.2);
}
&[data-font-size='3']{
--typography-display-sm-font-size: calc(24px * 1.4); 
}
&[data-font-size='4']{
--typography-display-sm-font-size: calc(24px * 1.6); 
}
&[data-font-size='5']{
--typography-display-sm-font-size: calc(24px * 1.8); 
}
&[data-font-size='6']{
--typography-display-sm-font-size: calc(24px * 2); 
}
&[data-line-height='2']{
--typography-display-sm-line-height: calc(29px * 1.2);
}
&[data-line-height='3']{
--typography-display-sm-line-height: calc(29px * 1.4); 
}
&[data-line-height='4']{
--typography-display-sm-line-height: calc(29px * 1.6); 
}
&[data-line-height='5']{
--typography-display-sm-line-height: calc(29px * 1.8); 
}
&[data-line-height='6']{
--typography-display-sm-line-height: calc(29px * 2); 
}
}

--typography-display-md-font-size: 30px; 
 --typography-display-md-line-height: 34px; 
 --typography-display-md-letter-spacing: -0.6px;
body{
&[data-font-size='2']{
--typography-display-md-font-size: calc(30px * 1.2);
}
&[data-font-size='3']{
--typography-display-md-font-size: calc(30px * 1.4); 
}
&[data-font-size='4']{
--typography-display-md-font-size: calc(30px * 1.6); 
}
&[data-font-size='5']{
--typography-display-md-font-size: calc(30px * 1.8); 
}
&[data-font-size='6']{
--typography-display-md-font-size: calc(30px * 2); 
}
&[data-line-height='2']{
--typography-display-md-line-height: calc(34px * 1.2);
}
&[data-line-height='3']{
--typography-display-md-line-height: calc(34px * 1.4); 
}
&[data-line-height='4']{
--typography-display-md-line-height: calc(34px * 1.6); 
}
&[data-line-height='5']{
--typography-display-md-line-height: calc(34px * 1.8); 
}
&[data-line-height='6']{
--typography-display-md-line-height: calc(34px * 2); 
}
}

--typography-display-lg-font-size: 34px; 
 --typography-display-lg-line-height: 36px; 
 --typography-display-lg-letter-spacing: -0.68px;
body{
&[data-font-size='2']{
--typography-display-lg-font-size: calc(34px * 1.2);
}
&[data-font-size='3']{
--typography-display-lg-font-size: calc(34px * 1.4); 
}
&[data-font-size='4']{
--typography-display-lg-font-size: calc(34px * 1.6); 
}
&[data-font-size='5']{
--typography-display-lg-font-size: calc(34px * 1.8); 
}
&[data-font-size='6']{
--typography-display-lg-font-size: calc(34px * 2); 
}
&[data-line-height='2']{
--typography-display-lg-line-height: calc(36px * 1.2);
}
&[data-line-height='3']{
--typography-display-lg-line-height: calc(36px * 1.4); 
}
&[data-line-height='4']{
--typography-display-lg-line-height: calc(36px * 1.6); 
}
&[data-line-height='5']{
--typography-display-lg-line-height: calc(36px * 1.8); 
}
&[data-line-height='6']{
--typography-display-lg-line-height: calc(36px * 2); 
}
}

--typography-display-xl-font-size: 38px; 
 --typography-display-xl-line-height: 40px; 
 --typography-display-xl-letter-spacing: -1.14px;
body{
&[data-font-size='2']{
--typography-display-xl-font-size: calc(38px * 1.2);
}
&[data-font-size='3']{
--typography-display-xl-font-size: calc(38px * 1.4); 
}
&[data-font-size='4']{
--typography-display-xl-font-size: calc(38px * 1.6); 
}
&[data-font-size='5']{
--typography-display-xl-font-size: calc(38px * 1.8); 
}
&[data-font-size='6']{
--typography-display-xl-font-size: calc(38px * 2); 
}
&[data-line-height='2']{
--typography-display-xl-line-height: calc(40px * 1.2);
}
&[data-line-height='3']{
--typography-display-xl-line-height: calc(40px * 1.4); 
}
&[data-line-height='4']{
--typography-display-xl-line-height: calc(40px * 1.6); 
}
&[data-line-height='5']{
--typography-display-xl-line-height: calc(40px * 1.8); 
}
&[data-line-height='6']{
--typography-display-xl-line-height: calc(40px * 2); 
}
}

--typography-display-2xl-font-size: 44px; 
 --typography-display-2xl-line-height: 44px; 
 --typography-display-2xl-letter-spacing: -0.88px;
body{
&[data-font-size='2']{
--typography-display-2xl-font-size: calc(44px * 1.2);
}
&[data-font-size='3']{
--typography-display-2xl-font-size: calc(44px * 1.4); 
}
&[data-font-size='4']{
--typography-display-2xl-font-size: calc(44px * 1.6); 
}
&[data-font-size='5']{
--typography-display-2xl-font-size: calc(44px * 1.8); 
}
&[data-font-size='6']{
--typography-display-2xl-font-size: calc(44px * 2); 
}
&[data-line-height='2']{
--typography-display-2xl-line-height: calc(44px * 1.2);
}
&[data-line-height='3']{
--typography-display-2xl-line-height: calc(44px * 1.4); 
}
&[data-line-height='4']{
--typography-display-2xl-line-height: calc(44px * 1.6); 
}
&[data-line-height='5']{
--typography-display-2xl-line-height: calc(44px * 1.8); 
}
&[data-line-height='6']{
--typography-display-2xl-line-height: calc(44px * 2); 
}
}

}
}