/*
    The variable names along with their values are taken from the HUB which can be found below:
    https://www.figma.com/file/WK6weEB4nRdH0Y3OWQxlYc/The-HUB-I-System?type=design&node-id=2583-24758&mode=dev
*/
/* PRIMITIVES */
:root {
    /* Font sizes */
    --font-size-xxs: 12px;
    --font-size-xs: 14px;
    --font-size-s: 16px;
    --font-size-sm: 18px;
    --font-size-m: 24px;
    --font-size-l: 32px;
    --font-size-xl: 48px;
    --font-size-xxl: 56px;
    --font-size-xxxl: 64px;
    --font-size-4xl: 72px;
    /* Line heights */
    --line-height-xxs: 12px;
    --line-height-xs: 14px;
    --line-height-s: 16px;
    --line-height-sm: 20px;
    --line-height-m: 24px;
    --line-height-l: 32px;
    --line-height-xl: 48px;
    --line-height-xxl: 56px;
    --line-height-xxxl: 64px;
    --line-height-4xl: 72px;
    --line-height-5xl: 80px;
    /* Colors */
    --color-gray-00: rgb(255 255 255);
    --color-gray-25: rgb(249 250 251);
    --color-gray-50: rgb(244 246 248);
    --color-gray-100: rgb(223 227 232);
    --color-gray-200: rgb(196 205 213);
    --color-gray-300: rgb(145 158 171);
    --color-gray-400: rgb(99 115 129);
    --color-gray-500: rgb(69 79 91);
    --color-gray-600: rgb(38 43 50);
    --color-blue-25: rgb(247 249 254);
    --color-blue-50: rgb(230 237 251);
    --color-blue-100: rgb(176 200 243);
    --color-blue-200: rgb(138 174 237);
    --color-blue-300: rgb(84 136 229);
    --color-blue-400: rgb(51 113 224);
    --color-blue-500: rgb(0 78 216);
    --color-blue-600: rgb(0 43 119);
    --color-blue-700: rgb(0 34 95);
    --color-blue-gray-25: rgb(247 248 249);
    --color-blue-gray-50: rgb(241 245 248);
    --color-blue-gray-100: rgb(210 220 223);
    --color-blue-gray-200: rgb(185 200 205);
    --color-blue-gray-300: rgb(150 173 181);
    --color-blue-gray-400: rgb(105 138 149);
    --color-blue-gray-500: rgb(38 77 90);
    --color-blue-gray-600: rgb(15 44 53);
    --color-blue-gray-700: rgb(0 40 50);
    --color-blue-soft-25: rgb(247 253 255);
    --color-blue-soft-50: rgb(230 248 254);
    --color-blue-soft-100: rgb(176 233 250);
    --color-blue-soft-200: rgb(138 223 248);
    --color-blue-soft-300: rgb(84 208 245);
    --color-blue-soft-400: rgb(51 199 243);
    --color-blue-soft-500: rgb(0 185 240);
    --color-blue-soft-600: rgb(0 149 194);
    --color-blue-soft-700: rgb(0 95 123);
    --color-green-25: rgb(249 253 251);
    --color-green-50: rgb(235 247 242);
    --color-green-100: rgb(193 231 215);
    --color-green-200: rgb(163 220 196);
    --color-green-300: rgb(120 204 169);
    --color-green-400: rgb(94 194 152);
    --color-green-500: rgb(54 179 126);
    --color-green-600: rgb(27 128 106);
    --color-green-700: rgb(10 85 84);
    --color-yellow-25: rgb(255 252 247);
    --color-yellow-50: rgb(255 246 230);
    --color-yellow-100: rgb(255 228 176);
    --color-yellow-200: rgb(255 215 138);
    --color-yellow-300: rgb(255 197 84);
    --color-yellow-400: rgb(255 185 51);
    --color-yellow-500: rgb(255 168 0);
    --color-yellow-600: rgb(242 117 1);
    --color-yellow-700: rgb(161 65 11);
    --color-red-25: rgb(255 248 249);
    --color-orange-25: rgb(255 250 247);
    --color-indigo-25: rgb(243 244 247);
    --color-red-50: rgb(255 234 236);
    --color-red-100: rgb(255 191 195);
    --color-red-200: rgb(255 160 165);
    --color-red-300: rgb(255 116 124);
    --color-red-400: rgb(255 89 99);
    --color-red-500: rgb(255 48 60);
    --color-red-600: rgb(183 24 34);
    --color-red-700: rgb(122 9 22);
    --color-indigo-50: rgb(230 232 237);
    --color-indigo-100: rgb(176 184 200);
    --color-indigo-200: rgb(138 150 174);
    --color-indigo-300: rgb(85 102 136);
    --color-indigo-400: rgb(52 73 113);
    --color-indigo-500: rgb(0 38 111);
    --color-indigo-600: rgb(1 27 78);
    --color-indigo-700: rgb(1 25 71);
    --color-orange-50: rgb(255 240 230);
    --color-orange-100: rgb(255 208 176);
    --color-orange-200: rgb(255 185 138);
    --color-orange-300: rgb(255 153 84);
    --color-orange-400: rgb(255 133 51);
    --color-orange-500: rgb(255 103 0);
    --color-orange-600: rgb(255 81 34);
    --color-orange-700: rgb(204 65 27);
    --color-purple-25: rgb(248 247 251);
    --color-purple-50: rgb(239 237 247);
    --color-purple-100: rgb(205 200 231);
    --color-purple-200: rgb(181 173 220);
    --color-purple-300: rgb(147 136 203);
    --color-purple-400: rgb(126 113 193);
    --color-purple-500: rgb(94 77 178);
    --color-purple-600: rgb(53 44 99);
    --color-purple-700: rgb(43 36 81);
    --color-magenta-25: rgb(250 246 249);
    --color-magenta-50: rgb(244 236 241);
    --color-magenta-100: rgb(222 195 212);
    --color-magenta-200: rgb(206 166 191);
    --color-magenta-300: rgb(183 125 161);
    --color-magenta-400: rgb(169 100 143);
    --color-magenta-500: rgb(148 61 115);
    --color-magenta-600: rgb(80 37 63);
    --color-magenta-700: rgb(66 31 52);
    --color-gray-8: rgba(69 79 91 / 0.08);
    --color-gray-12: rgba(69 79 91 / 0.12);
    --color-gray-16: rgba(69 79 91 / 0.16);
    --color-gray-32: rgba(69 79 91 / 0.32);
    --color-gray-48: rgba(69 79 91 / 0.48);
    --color-gray-64: rgba(69 79 91 / 0.64);
    --color-gray-72: rgba(69 79 91 / 0.72);
    --color-blue-gray-4: rgba(38 77 90 / 0.04);
    --color-blue-gray-8: rgba(38 77 90 / 0.08);
    --color-blue-gray-12: rgba(38 77 90 / 0.12);
    --color-blue-gray-16: rgba(38 77 90 / 0.16);
    --color-blue-gray-32: rgba(38 77 90 / 0.32);
    --color-blue-gray-48: rgba(38 77 90 / 0.48);
    --color-blue-gray-64: rgba(38 77 90 / 0.64);
    --color-blue-gray-72: rgba(38 77 90 / 0.72);
    --color-blue-8: rgba(0 78 216 / 0.08);
    --color-blue-12: rgba(0 78 216 / 0.12);
    --color-blue-16: rgba(0 78 216 / 0.16);
    --color-blue-32: rgba(0 78 216 / 0.32);
    --color-blue-48: rgba(0 78 216 / 0.48);
    --color-blue-64: rgba(0 78 216 / 0.64);
    --color-blue-72: rgba(0 78 216 / 0.72);
    --color-indigo-8: rgba(0 38 111 / 0.08);
    --color-indigo-12: rgba(0 38 111 / 0.12);
    --color-indigo-16: rgba(0 38 111 / 0.16);
    --color-indigo-32: rgba(0 38 111 / 0.32);
    --color-indigo-48: rgba(0 38 111 / 0.48);
    --color-indigo-64: rgba(0 38 111 / 0.64);
    --color-indigo-72: rgba(0 38 111 / 0.72);
    --color-blue-soft-8: rgba(0 185 240 / 0.08);
    --color-blue-soft-12: rgba(0 185 240 / 0.12);
    --color-blue-soft-16: rgba(0 185 240 / 0.16);
    --color-blue-soft-32: rgba(0 185 240 / 0.32);
    --color-blue-soft-48: rgba(0 185 240 / 0.48);
    --color-blue-soft-64: rgba(0 185 240 / 0.64);
    --color-blue-soft-72: rgba(0 185 240 / 0.72);
    --color-green-8: rgba(54 179 126 / 0.08);
    --color-green-12: rgba(54 179 126 / 0.12);
    --color-green-16: rgba(54 179 126 / 0.16);
    --color-green-32: rgba(54 179 126 / 0.32);
    --color-green-48: rgba(54 179 126 / 0.48);
    --color-green-64: rgba(54 179 126 / 0.64);
    --color-green-72: rgba(54 179 126 / 0.72);
    --color-yellow-8: rgba(255 168 0 / 0.08);
    --color-yellow-12: rgba(255 168 0 / 0.12);
    --color-yellow-16: rgba(255 168 0 / 0.16);
    --color-yellow-32: rgba(255 168 0 / 0.32);
    --color-yellow-48: rgba(255 168 0 / 0.48);
    --color-yellow-64: rgba(255 168 0 / 0.64);
    --color-yellow-72: rgba(255 168 0 / 0.72);
    --color-red-8: rgba(255 48 60 / 0.08);
    --color-red-12: rgba(255 48 60 / 0.12);
    --color-red-16: rgba(255 48 60 / 0.16);
    --color-red-32: rgba(255 48 60 / 0.32);
    --color-red-48: rgba(255 48 60 / 0.48);
    --color-red-64: rgba(255 48 60 / 0.64);
    --color-red-72: rgba(255 48 60 / 0.72);
    --color-orange-8: rgba(255 103 0 / 0.08);
    --color-orange-12: rgba(255 103 0 / 0.12);
    --color-orange-16: rgba(255 103 0 / 0.16);
    --color-orange-32: rgba(255 103 0 / 0.32);
    --color-orange-48: rgba(255 103 0 / 0.48);
    --color-orange-64: rgba(255 103 0 / 0.64);
    --color-orange-72: rgba(255 103 0 / 0.72);
    --color-purple-8: rgba(94 77 178 / 0.08);
    --color-purple-12: rgba(94 77 178 / 0.12);
    --color-purple-16: rgba(94 77 178 / 0.16);
    --color-purple-32: rgba(94 77 178 / 0.32);
    --color-purple-48: rgba(94 77 178 / 0.48);
    --color-purple-64: rgba(94 77 178 / 0.64);
    --color-purple-72: rgba(94 77 178 / 0.72);
    --color-magenta-8: rgba(148 61 115 / 0.08);
    --color-magenta-12: rgba(148 61 115 / 0.12);
    --color-magenta-16: rgba(148 61 115 / 0.16);
    --color-magenta-32: rgba(148 61 115 / 0.32);
    --color-magenta-48: rgba(148 61 115 / 0.48);
    --color-magenta-64: rgba(148 61 115 / 0.64);
    --color-magenta-72: rgba(148 61 115 / 0.72);
    --color-teal-25: rgb(243 247 248);
    --color-teal-50: rgb(230 237 240);
    --color-teal-100: rgb(176 199 207);
    --color-teal-200: rgb(138 171 184);
    --color-teal-300: rgb(84 133 151);
    --color-teal-400: rgb(51 109 131);
    --color-teal-500: rgb(0 73 100);
    --color-teal-600: rgb(0 66 91);
    --color-teal-700: rgb(0 52 71);
    --color-teal-8: rgba(0 73 100 / 0.08);
    --color-teal-12: rgba(0 73 100 / 0.12);
    --color-teal-16: rgba(0 73 100 / 0.16);
    --color-teal-32: rgba(0 73 100 / 0.32);
    --color-teal-48: rgba(0 73 100 / 0.48);
    --color-teal-64: rgba(0 73 100 / 0.64);
    --color-teal-72: rgba(0 73 100 / 0.72);
    /* Spacing */
    --spacing-00: 0px;
    --spacing-00-rem: 0rem;
    --spacing-0-25: 2px;
    --spacing-0-25-rem: 0.125rem;
    --spacing-0-5: 4px;
    --spacing-0-5-rem: 0.25rem;
    --spacing-0-75: 6px;
    --spacing-0-75-rem: 0.375rem;
    --spacing-1: 8px;
    --spacing-1-rem: 0.5rem;
    --spacing-1-5: 12px;
    --spacing-1-5-rem: 0.75rem;
    --spacing-2: 16px;
    --spacing-2-rem: 1rem;
    --spacing-2-5: 20px;
    --spacing-2-5-rem: 1.25rem;
    --spacing-3: 24px;
    --spacing-3-rem: 1.5rem;
    --spacing-4: 32px;
    --spacing-4-rem: 2rem;
    --spacing-4-5: 36px;
    --spacing-4-5-rem: 2.25rem;
    --spacing-5: 40px;
    --spacing-5-rem: 2.5rem;
    --spacing-6: 48px;
    --spacing-6-rem: 3rem;
    --spacing-7: 56px;
    --spacing-7-rem: 3.5rem;
    --spacing-8: 64px;
    --spacing-8-rem: 4rem;
    --spacing-9: 72px;
    --spacing-9-rem: 4.5rem;
    --spacing-10: 80px;
    --spacing-10-rem: 5rem;
    --spacing-11: 88px;
    --spacing-11-rem: 5.5rem;
    --spacing-12: 96px;
    --spacing-12-rem: 6rem;
    --spacing-16: 128px;
    --spacing-16-rem: 8rem;
    --spacing-20: 160px;
    --spacing-20-rem: 10rem;
    /* Radius */
    --radius-00: 0px;
    --radius-00-rem: 0rem;
    --radius-1: 4px;
    --radius-1-rem: 0.25rem;
    --radius-2: 8px;
    --radius-2-rem: 0.5rem;
    --radius-3: 12px;
    --radius-3-rem: 0.75rem;
    --radius-4: 16px;
    --radius-5: 360px;
    --radius-5-rem: 22.5rem;
    /* Elevation bottom */
    --elevation-bottom-xxs: 0px 1px 2px 0px var(--color-blue-gray-4);
    --elevation-bottom-s: 0 4px 8px 0 var(--color-blue-gray-8);
    --elevation-bottom-m: 0 4px 12px 0 var(--color-blue-gray-12);
    --elevation-bottom-l: 0 4px 16px 0 var(--color-blue-gray-16);
    --elevation-bottom-xl: 0 4px 24px var(--color-blue-gray-16); /* Elevation bottom */
    --elevation-right-xxs: 2px 0px 4px 0px var(--color-blue-gray-4);
    --elevation-right-s: 8px 0px 4px 0 var(--color-blue-gray-8);
    --elevation-right-m: 12px 0px 4px 0 var(--color-blue-gray-12);
    --elevation-right-l: 16px 0px 4px 0 var(--color-blue-gray-16);
    --elevation-right-xl: 24px 0px 4px var(--color-blue-gray-16);
}

/* TOKENS */
:root {
    /* Spacing */
    --spacing-spacing-none: var(--spacing-00);
    --spacing-spacing-3xs: var(--spacing-0-25);
    --spacing-spacing-2xs: var(--spacing-0-5);
    --spacing-spacing-xs: var(--spacing-0-75);
    --spacing-spacing-sm: var(--spacing-1);
    --spacing-spacing-md: var(--spacing-1-5);
    --spacing-spacing-big: var(--spacing-2);
    --spacing-spacing-x-big: var(--spacing-2-5);
    --spacing-spacing-xx-big: var(--spacing-3);
    --spacing-spacing-xxx-big: var(--spacing-4);
    --spacing-spacing-lg: var(--spacing-4-5);
    --spacing-spacing-x-lg: var(--spacing-5);
    --spacing-spacing-xx-lg: var(--spacing-6);
    --spacing-spacing-xxx-lg: var(--spacing-7);
    --spacing-spacing-xlg: var(--spacing-8);
    --spacing-spacing-x-xlg: var(--spacing-9);
    --spacing-spacing-xx-xlg: var(--spacing-10);
    --spacing-spacing-xxx-xlg: var(--spacing-11);
    --spacing-spacing-huge: var(--spacing-12);
    --spacing-spacing-x-huge: var(--spacing-16);
    --spacing-spacing-xx-huge: var(--spacing-20);
    /* Radius */
    --radius-radius-none: var(--radius-00);
    --radius-radius-s: var(--radius-1);
    --radius-radius-m: var(--radius-2);
    --radius-radius-l: var(--radius-3);
    --radius-radius-xl: var(--radius-4);
    --radius-radius-xxl: var(--radius-5);
    /* Buttons */
    --button-primary-solid-surface-enabled: var(--color-blue-gray-500);
    --button-primary-solid-surface-hover: var(--color-blue-gray-600);
    --button-primary-solid-surface-pressed: var(--color-blue-gray-400);
    --button-primary-solid-surface-disabled: var(--color-gray-100);
    --button-primary-solid-surface-active: var(--color-blue-gray-600);
    --button-primary-solid-surface-focused: var(--color-blue-gray-500);
    --button-primary-solid-border-focused: var(--color-blue-gray-600);
    --button-primary-solid-text-default-activated: var(--color-gray-00);
    --button-primary-solid-text-disabled: var(--color-gray-300);
    --button-primary-tonal-surface-enabled: var(--color-blue-gray-50);
    --button-primary-tonal-surface-hover: var(--color-blue-gray-200);
    --button-primary-tonal-surface-pressed: var(--color-blue-gray-100);
    --button-primary-tonal-surface-active: var(--color-blue-gray-200);
    --button-primary-tonal-surface-focused: var(--color-blue-gray-50);
    --button-primary-tonal-border-focused: var(--color-blue-gray-200);
    --button-primary-tonal-surface-disabled: var(--color-gray-100);
    --button-primary-tonal-text-default: var(--color-blue-gray-500);
    --button-primary-tonal-text-disabled: var(--color-gray-300);
    --button-primary-tonal-text-activated: var(--color-blue-gray-600);
    --button-primary-outline-surface-hover: var(--color-blue-gray-200);
    --button-primary-outline-surface-pressed: var(--color-blue-gray-100);
    --button-primary-outline-surface-active: var(--color-blue-gray-200);
    --button-primary-outline-surface-focused: var(--color-blue-gray-50);
    --button-primary-outline-border-focused-inside: var(--color-blue-gray-600);
    --button-primary-outline-border-disabled: var(--color-gray-300);
    --button-primary-outline-text-default: var(--color-blue-gray-500);
    --button-primary-outline-text-activated: var(--color-blue-gray-600);
    --button-primary-outline-text-disabled: var(--color-gray-300);
    --button-primary-ghost-surface-hover: var(--color-blue-gray-200);
    --button-primary-ghost-surface-pressed: var(--color-blue-gray-100);
    --button-primary-ghost-surface-active: var(--color-blue-gray-200);
    --button-primary-ghost-border-focused: var(--color-blue-gray-200);
    --button-primary-ghost-text-default: var(--color-blue-gray-500);
    --button-primary-ghost-text-activated: var(--color-blue-gray-600);
    --button-primary-ghost-text-disabled: var(--color-gray-300);
    --button-primary-outline-border-default: var(--color-blue-gray-500);
    --button-primary-outline-border-activated: var(--color-blue-gray-600);
    --button-secondary-solid-border-focused: var(--color-blue-600);
    --button-secondary-solid-surface-enabled: var(--color-blue-500);
    --button-secondary-solid-surface-hover: var(--color-blue-600);
    --button-secondary-solid-surface-pressed: var(--color-blue-400);
    --button-secondary-solid-surface-active: var(--color-blue-600);
    --button-secondary-solid-surface-focused: var(--color-blue-500);
    --button-secondary-solid-surface-disabled: var(--color-gray-100);
    --button-secondary-solid-text-default-activated: var(--color-gray-00);
    --button-secondary-solid-text-disabled: var(--color-gray-300);
    --button-secondary-tonal-border-focused: var(--color-blue-200);
    --button-secondary-tonal-surface-enabled: var(--color-blue-50);
    --button-secondary-tonal-surface-hover: var(--color-blue-200);
    --button-secondary-tonal-surface-pressed: var(--color-blue-100);
    --button-secondary-tonal-surface-active: var(--color-blue-200);
    --button-secondary-tonal-surface-focused: var(--color-blue-50);
    --button-secondary-tonal-surface-disabled: var(--color-gray-100);
    --button-secondary-tonal-text-default: var(--color-blue-500);
    --button-secondary-tonal-text-activated: var(--color-blue-600);
    --button-secondary-tonal-text-disabled: var(--color-gray-300);
    --button-secondary-outline-border-default: var(--color-blue-500);
    --button-secondary-outline-border-disabled: var(--color-gray-300);
    --button-secondary-outline-border-activated: var(--color-blue-600);
    --button-secondary-outline-border-focused-inside: var(--color-blue-600);
    --button-secondary-outline-surface-hover: var(--color-blue-200);
    --button-secondary-outline-surface-pressed: var(--color-blue-100);
    --button-secondary-outline-surface-active: var(--color-blue-200);
    --button-secondary-outline-surface-focused: var(--color-blue-50);
    --button-secondary-outline-text-default: var(--color-blue-500);
    --button-secondary-outline-text-activated: var(--color-blue-600);
    --button-secondary-outline-text-disabled: var(--color-gray-300);
    --button-secondary-ghost-border-focused: var(--color-blue-200);
    --button-secondary-ghost-surface-hover: var(--color-blue-200);
    --button-secondary-ghost-surface-pressed: var(--color-blue-100);
    --button-secondary-ghost-surface-active: var(--color-blue-200);
    --button-secondary-ghost-text-default: var(--color-blue-500);
    --button-secondary-ghost-text-activated: var(--color-blue-600);
    --button-secondary-ghost-text-disabled: var(--color-gray-300);
    --button-error-solid-border-focused: var(--color-red-600);
    --button-error-solid-surface-enabled: var(--color-red-500);
    --button-error-solid-surface-hover: var(--color-red-600);
    --button-error-solid-surface-pressed: var(--color-red-400);
    --button-error-solid-surface-active: var(--color-red-600);
    --button-error-solid-surface-focused: var(--color-red-500);
    --button-error-solid-surface-disabled: var(--color-gray-100);
    --button-error-solid-text-default-activated: var(--color-gray-00);
    --button-error-solid-text-disabled: var(--color-gray-300);
    --button-error-tonal-border-focused: var(--color-red-200);
    --button-error-tonal-surface-enabled: var(--color-red-50);
    --button-error-tonal-surface-hover: var(--color-red-200);
    --button-error-tonal-surface-pressed: var(--color-red-100);
    --button-error-tonal-surface-active: var(--color-red-200);
    --button-error-tonal-surface-focused: var(--color-red-50);
    --button-error-tonal-surface-disabled: var(--color-gray-100);
    --button-error-tonal-text-default: var(--color-red-500);
    --button-error-tonal-text-activated: var(--color-red-600);
    --button-error-tonal-text-disabled: var(--color-gray-300);
    --button-error-outline-border-default: var(--color-red-500);
    --button-error-outline-border-disabled: var(--color-gray-300);
    --button-error-outline-border-activated: var(--color-red-600);
    --button-error-outline-border-focused-inside: var(--color-red-600);
    --button-error-outline-surface-hover: var(--color-red-200);
    --button-error-outline-surface-pressed: var(--color-red-100);
    --button-error-outline-surface-active: var(--color-red-200);
    --button-error-outline-surface-focused: var(--color-red-50);
    --button-error-outline-text-default: var(--color-red-500);
    --button-error-outline-text-activated: var(--color-red-600);
    --button-error-outline-text-disabled: var(--color-gray-300);
    --button-error-ghost-border-focused: var(--color-red-200);
    --button-error-ghost-surface-hover: var(--color-red-200);
    --button-error-ghost-surface-pressed: var(--color-red-100);
    --button-error-ghost-surface-active: var(--color-red-200);
    --button-error-ghost-text-default: var(--color-red-500);
    --button-error-ghost-text-activated: var(--color-red-600);
    --button-error-ghost-text-disabled: var(--color-gray-300);
    --button-warning-solid-border-focused: var(--color-yellow-600);
    --button-warning-solid-surface-enabled: var(--color-yellow-500);
    --button-warning-solid-surface-hover: var(--color-yellow-600);
    --button-warning-solid-surface-pressed: var(--color-yellow-400);
    --button-warning-solid-surface-active: var(--color-yellow-600);
    --button-warning-solid-surface-focused: var(--color-yellow-500);
    --button-warning-solid-surface-disabled: var(--color-gray-100);
    --button-warning-solid-text-default-activated: var(--color-gray-600);
    --button-warning-solid-text-disabled: var(--color-gray-300);
    --button-warning-tonal-border-focused: var(--color-yellow-200);
    --button-warning-tonal-surface-enabled: var(--color-yellow-50);
    --button-warning-tonal-surface-hover: var(--color-yellow-200);
    --button-warning-tonal-surface-pressed: var(--color-yellow-100);
    --button-warning-tonal-surface-active: var(--color-yellow-200);
    --button-warning-tonal-surface-focused: var(--color-yellow-50);
    --button-warning-tonal-surface-disabled: var(--color-gray-100);
    --button-warning-tonal-text-default: var(--color-yellow-600);
    --button-warning-tonal-text-activated: var(--color-yellow-700);
    --button-warning-tonal-text-disabled: var(--color-gray-300);
    --button-warning-outline-border-default: var(--color-yellow-500);
    --button-warning-outline-border-disabled: var(--color-gray-300);
    --button-warning-outline-border-activated: var(--color-yellow-600);
    --button-warning-outline-border-focused-inside: var(--color-yellow-600);
    --button-warning-outline-surface-hover: var(--color-yellow-200);
    --button-warning-outline-surface-pressed: var(--color-yellow-100);
    --button-warning-outline-surface-active: var(--color-yellow-200);
    --button-warning-outline-surface-focused: var(--color-yellow-50);
    --button-warning-outline-text-default: var(--color-yellow-500);
    --button-warning-outline-text-activated: var(--color-yellow-700);
    --button-warning-outline-text-disabled: var(--color-gray-300);
    --button-warning-ghost-border-focused: var(--color-yellow-200);
    --button-warning-ghost-surface-hover: var(--color-yellow-200);
    --button-warning-ghost-surface-pressed: var(--color-yellow-100);
    --button-warning-ghost-surface-active: var(--color-yellow-200);
    --button-warning-ghost-text-default: var(--color-yellow-500);
    --button-warning-ghost-text-activated: var(--color-yellow-700);
    --button-warning-ghost-text-disabled: var(--color-gray-300);
    --button-primary-outline-surface-enabled: var(--color-gray-00);
    --button-secondary-outline-surface-enabled: var(--color-gray-00);
    --button-error-outline-surface-enabled: var(--color-gray-00);
    --button-warning-outline-surface-enabled: var(--color-gray-00);
    --button-primary-outline-surface-disabled: var(--color-gray-100);
    --button-secondary-outline-surface-disabled: var(--color-gray-100);
    --button-error-outline-surface-disabled: var(--color-gray-100);
    --button-warning-outline-surface-disabled: var(--color-gray-100);
    --button-primary-outline-border-focused-outside: var(--color-blue-gray-200);
    --button-secondary-outline-border-focused-outside: var(--color-blue-200);
    --button-error-outline-border-focused-outside: var(--color-red-200);
    --button-warning-outline-border-focused-outline: var(--color-yellow-200);
    /* Borders */
    --border-base-border-default: var(--color-gray-100);
    --border-base-border-bold: var(--color-gray-200);
    --border-base-border-inverted: var(--color-gray-00);
    --border-base-border-disabled: var(--color-gray-300);
    --border-main-border-primary: var(--color-blue-gray-500);
    --border-main-border-primary-active: var(--color-blue-gray-600);
    --border-main-border-secondary: var(--color-blue-500);
    --border-main-border-secondary-active: var(--color-blue-600);
    --border-main-border-primary-focused: var(--color-blue-gray-200);
    --border-main-border-secondary-focused: var(--color-blue-200);
    --border-main-border-error: var(--color-red-500);
    --border-main-border-error-active: var(--color-red-600);
    --border-main-border-error-focused: var(--color-red-200);
    /* Backgrounds */
    --background-base-surface-default: var(--color-gray-00);
    --background-base-surface-bold: var(--color-gray-50);
    --background-base-surface-subtle: var(--color-gray-25);
    --background-base-surface-highlight-subtle: var(--color-blue-gray-50);
    --background-base-surface-highlight-bold: var(--color-blue-50);
    --background-base-surface-inactive: var(--color-gray-100);
    --background-main-surface-magenta-solid: var(--color-magenta-500);
    --background-main-surface-magenta-tonal: var(--color-magenta-50);
    --background-main-surface-indigo-solid: var(--color-indigo-500);
    --background-main-surface-indigo-tonal: var(--color-indigo-50);
    --background-main-surface-orange-solid: var(--color-orange-500);
    --background-main-surface-orange-tonal: var(--color-orange-50);
    --background-main-surface-teal-solid: var(--color-teal-500);
    --background-main-surface-teal-tonal: var(--color-teal-50);
    --background-main-surface-primary-solid: var(--color-blue-gray-500);
    --background-main-surface-primary-tonal: var(--color-blue-gray-50);
    --background-main-surface-secondary-solid: var(--color-blue-500);
    --background-main-surface-secondary-solid-active: var(--color-blue-600);
    --background-main-surface-secondary-tonal: var(--color-blue-50);
    --background-main-surface-error-solid: var(--color-red-500);
    --background-main-surface-error-tonal: var(--color-red-50);
    --background-main-surface-warning-solid: var(--color-yellow-500);
    --background-main-surface-warning-tonal: var(--color-yellow-50);
    --background-main-surface-success-solid: var(--color-green-500);
    --background-main-surface-success-tonal: var(--color-green-50);
    --background-main-surface-info-solid: var(--color-blue-soft-500);
    --background-main-surface-info-tonal: var(--color-blue-soft-50);
    --background-main-surface-discovery-solid: var(--color-purple-500);
    --background-main-surface-discovery-tonal: var(--color-purple-50);
    /* Content text */
    --content-text-text-default: var(--color-gray-600);
    --content-text-text-bold: var(--color-gray-500);
    --content-text-text-subtle: var(--color-gray-400);
    --content-text-text-inverted: var(--color-gray-00);
    --content-text-text-disabled: var(--color-gray-300);
    --content-text-text-error: var(--color-red-500);
    --content-text-text-info: var(--color-blue-soft-500);
    --content-text-text-warning: var(--color-yellow-500);
    --content-text-text-success: var(--color-green-500);
    --content-text-text-discovery: var(--color-purple-500);
    --content-text-text-secondary: var(--color-blue-500);
    --content-text-text-primary: var(--color-blue-gray-500);
    /* Foreground colors */
    --colors-foreground-fg-white: var(--color-gray-00);
}

/* TYPE */
:root {
    --display-display1-700-family: "Source Sans Pro";
    --display-display1-700-size: 72px;
    --display-display1-700-size-rem: 4.5rem;
    --display-display1-700-weight: 700;
    --display-display1-700-style: normal;
    --display-display1-700-line-height: 80px;
    --display-display1-700-line-height-rem: 5rem;
    --display-display1-underline-700-family: "Source Sans Pro";
    --display-display1-underline-700-size: 72px;
    --display-display1-underline-700-size-rem: 4.5rem;
    --display-display1-underline-700-weight: 700;
    --display-display1-underline-700-style: normal;
    --display-display1-underline-700-line-height: 80px;
    --display-display1-underline-700-line-height-rem: 5rem;
    --display-display1-strikethrough-700-family: "Source Sans Pro";
    --display-display1-strikethrough-700-size: 72px;
    --display-display1-strikethrough-700-size-rem: 4.5rem;
    --display-display1-strikethrough-700-weight: 700;
    --display-display1-strikethrough-700-style: normal;
    --display-display1-strikethrough-700-line-height: 80px;
    --display-display1-strikethrough-700-line-height-rem: 5rem;
    --display-display1-uppercase-700-family: "Source Sans Pro";
    --display-display1-uppercase-700-size: 72px;
    --display-display1-uppercase-700-size-rem: 4.5rem;
    --display-display1-uppercase-700-weight: 700;
    --display-display1-uppercase-700-style: normal;
    --display-display1-uppercase-700-line-height: 80px;
    --display-display1-uppercase-700-line-height-rem: 5rem;
    --display-display2-700-family: "Source Sans Pro";
    --display-display2-700-size: 64px;
    --display-display2-700-size-rem: 4rem;
    --display-display2-700-weight: 700;
    --display-display2-700-style: normal;
    --display-display2-700-line-height: 72px;
    --display-display2-700-line-height-rem: 4.5rem;
    --display-display2-underline-700-family: "Source Sans Pro";
    --display-display2-underline-700-size: 64px;
    --display-display2-underline-700-size-rem: 4rem;
    --display-display2-underline-700-weight: 700;
    --display-display2-underline-700-style: normal;
    --display-display2-underline-700-line-height: 72px;
    --display-display2-underline-700-line-height-rem: 4.5rem;
    --display-display2-strikethrough-700-700-family: "Source Sans Pro";
    --display-display2-strikethrough-700-700-size: 64px;
    --display-display2-strikethrough-700-700-size-rem: 4rem;
    --display-display2-strikethrough-700-700-weight: 700;
    --display-display2-strikethrough-700-700-style: normal;
    --display-display2-strikethrough-700-700-line-height: 72px;
    --display-display2-strikethrough-700-700-line-height-rem: 4.5rem;
    --display-display2-uppercase-700-family: "Source Sans Pro";
    --display-display2-uppercase-700-size: 64px;
    --display-display2-uppercase-700-size-rem: 4rem;
    --display-display2-uppercase-700-weight: 700;
    --display-display2-uppercase-700-style: normal;
    --display-display2-uppercase-700-line-height: 70px;
    --display-display2-uppercase-700-line-height-rem: 4.375rem;
    --display-display3-700-family: "Source Sans Pro";
    --display-display3-700-size: 56px;
    --display-display3-700-size-rem: 3.5rem;
    --display-display3-700-weight: 700;
    --display-display3-700-style: normal;
    --display-display3-700-line-height: 64px;
    --display-display3-700-line-height-rem: 4rem;
    --display-display3-underline-700-family: "Source Sans Pro";
    --display-display3-underline-700-size: 56px;
    --display-display3-underline-700-size-rem: 3.5rem;
    --display-display3-underline-700-weight: 700;
    --display-display3-underline-700-style: normal;
    --display-display3-underline-700-line-height: 64px;
    --display-display3-underline-700-line-height-rem: 4rem;
    --display-display3-strikethrough-700-family: "Source Sans Pro";
    --display-display3-strikethrough-700-size: 56px;
    --display-display3-strikethrough-700-size-rem: 3.5rem;
    --display-display3-strikethrough-700-weight: 700;
    --display-display3-strikethrough-700-style: normal;
    --display-display3-strikethrough-700-line-height: 64px;
    --display-display3-strikethrough-700-line-height-rem: 4rem;
    --display-display3-uppercase-700-family: "Source Sans Pro";
    --display-display3-uppercase-700-size: 56px;
    --display-display3-uppercase-700-size-rem: 3.5rem;
    --display-display3-uppercase-700-weight: 700;
    --display-display3-uppercase-700-style: normal;
    --display-display3-uppercase-700-line-height: 64px;
    --display-display3-uppercase-700-line-height-rem: 4rem;
    --headline-h1-700-family: "Source Sans Pro";
    --headline-h1-700-size: 48px;
    --headline-h1-700-size-rem: 3rem;
    --headline-h1-700-weight: 700;
    --headline-h1-700-style: normal;
    --headline-h1-700-line-height: 56px;
    --headline-h1-700-line-height-rem: 3.5rem;
    --headline-h1-underline-700-family: "Source Sans Pro";
    --headline-h1-underline-700-size: 48px;
    --headline-h1-underline-700-size-rem: 3rem;
    --headline-h1-underline-700-weight: 700;
    --headline-h1-underline-700-style: normal;
    --headline-h1-underline-700-line-height: 56px;
    --headline-h1-underline-700-line-height-rem: 3.5rem;
    --headline-h1-strikethrough-700-family: "Source Sans Pro";
    --headline-h1-strikethrough-700-size: 48px;
    --headline-h1-strikethrough-700-size-rem: 3rem;
    --headline-h1-strikethrough-700-weight: 700;
    --headline-h1-strikethrough-700-style: normal;
    --headline-h1-strikethrough-700-line-height: 56px;
    --headline-h1-strikethrough-700-line-height-rem: 3.5rem;
    --headline-h1-uppercase-700-family: "Source Sans Pro";
    --headline-h1-uppercase-700-size: 48px;
    --headline-h1-uppercase-700-size-rem: 3rem;
    --headline-h1-uppercase-700-weight: 700;
    --headline-h1-uppercase-700-style: normal;
    --headline-h2-700-family: "Source Sans Pro";
    --headline-h2-700-size: 32px;
    --headline-h2-700-size-rem: 2rem;
    --headline-h2-700-weight: 700;
    --headline-h2-700-style: normal;
    --headline-h2-700-line-height: 40px;
    --headline-h2-700-line-height-rem: 2.5rem;
    --headline-h2-underline-700-family: "Source Sans Pro";
    --headline-h2-underline-700-size: 32px;
    --headline-h2-underline-700-size-rem: 2rem;
    --headline-h2-underline-700-weight: 700;
    --headline-h2-underline-700-style: normal;
    --headline-h2-underline-700-line-height: 40px;
    --headline-h2-underline-700-line-height-rem: 2.5rem;
    --headline-h2-strikethrough-700-family: "Source Sans Pro";
    --headline-h2-strikethrough-700-size: 32px;
    --headline-h2-strikethrough-700-size-rem: 2rem;
    --headline-h2-strikethrough-700-weight: 700;
    --headline-h2-strikethrough-700-style: normal;
    --headline-h2-strikethrough-700-line-height: 40px;
    --headline-h2-strikethrough-700-line-height-rem: 2.5rem;
    --headline-h2-uppercase-700-family: "Source Sans Pro";
    --headline-h2-uppercase-700-size: 32px;
    --headline-h2-uppercase-700-size-rem: 2rem;
    --headline-h2-uppercase-700-weight: 700;
    --headline-h2-uppercase-700-style: normal;
    --headline-h2-uppercase-700-line-height: 40px;
    --headline-h2-uppercase-700-line-height-rem: 2.5rem;
    --headline-h3-underline-700-family: "Source Sans Pro";
    --headline-h3-underline-700-size: 24px;
    --headline-h3-underline-700-size-rem: 1.5rem;
    --headline-h3-underline-700-weight: 700;
    --headline-h3-underline-700-style: normal;
    --headline-h3-underline-700-line-height: 32px;
    --headline-h3-underline-700-line-height-rem: 2rem;
    --headline-h3-strikethrough-700-family: "Source Sans Pro";
    --headline-h3-strikethrough-700-size: 42px;
    --headline-h3-strikethrough-700-size-rem: 2.625rem;
    --headline-h3-strikethrough-700-weight: 700;
    --headline-h3-strikethrough-700-style: normal;
    --headline-h3-strikethrough-700-line-height: 32px;
    --headline-h3-strikethrough-700-line-height-rem: 2rem;
    --headline-h3-uppercase-700-family: "Source Sans Pro";
    --headline-h3-uppercase-700-size: 24px;
    --headline-h3-uppercase-700-size-rem: 1.5rem;
    --headline-h3-uppercase-700-weight: 700;
    --headline-h3-uppercase-700-style: normal;
    --headline-h3-uppercase-700-line-height: 32px;
    --headline-h3-uppercase-700-line-height-rem: 2rem;
    --headline-h4-underline-700-family: "Source Sans Pro";
    --headline-h4-underline-700-size: 20px;
    --headline-h4-underline-700-size-rem: 1.25rem;
    --headline-h4-underline-700-weight: 700;
    --headline-h4-underline-700-style: normal;
    --headline-h4-underline-700-line-height: 24px;
    --headline-h4-underline-700-line-height-rem: 1.5rem;
    --headline-h4-strikethrough-700-family: "Source Sans Pro";
    --headline-h4-strikethrough-700-size: 20px;
    --headline-h4-strikethrough-700-size-rem: 1.25rem;
    --headline-h4-strikethrough-700-weight: 700;
    --headline-h4-strikethrough-700-style: normal;
    --headline-h4-strikethrough-700-line-height: 24px;
    --headline-h4-strikethrough-700-line-height-rem: 1.5rem;
    --headline-h4-uppercase-700-family: "Source Sans Pro";
    --headline-h4-uppercase-700-size: 20px;
    --headline-h4-uppercase-700-size-rem: 1.25rem;
    --headline-h4-uppercase-700-weight: 700;
    --headline-h4-uppercase-700-style: normal;
    --headline-h4-uppercase-700-line-height: 24px;
    --headline-h4-uppercase-700-line-height-rem: 1.5rem;
    --headline-h5-700-family: "Source Sans Pro";
    --headline-h5-700-size: 18px;
    --headline-h5-700-size-rem: 1.125rem;
    --headline-h5-700-weight: 700;
    --headline-h5-700-style: normal;
    --headline-h5-700-line-height: 24px;
    --headline-h5-700-line-height-rem: 1.5rem;
    --headline-h5-underline-700-family: "Source Sans Pro";
    --headline-h5-underline-700-size: 18px;
    --headline-h5-underline-700-size-rem: 1.125rem;
    --headline-h5-underline-700-weight: 700;
    --headline-h5-underline-700-style: normal;
    --headline-h5-underline-700-line-height: 24px;
    --headline-h5-underline-700-line-height-rem: 1.5rem;
    --headline-h5-strikethrough-700-family: "Source Sans Pro";
    --headline-h5-strikethrough-700-size: 18px;
    --headline-h5-strikethrough-700-size-rem: 1.125rem;
    --headline-h5-strikethrough-700-weight: 700;
    --headline-h5-strikethrough-700-style: normal;
    --headline-h5-strikethrough-700-line-height: 24px;
    --headline-h5-strikethrough-700-line-height-rem: 1.5rem;
    --headline-h5-uppercase-700-family: "Source Sans Pro";
    --headline-h5-uppercase-700-size: 18px;
    --headline-h5-uppercase-700-size-rem: 1.125rem;
    --headline-h5-uppercase-700-weight: 700;
    --headline-h5-uppercase-700-style: normal;
    --headline-h5-uppercase-700-line-height: 24px;
    --headline-h5-uppercase-700-line-height-rem: 1.5rem;
    --headline-h6-700-family: "Source Sans Pro";
    --headline-h6-700-size: 16px;
    --headline-h6-700-size-rem: 1rem;
    --headline-h6-700-weight: 700;
    --headline-h6-700-style: normal;
    --headline-h6-700-line-height: 20px;
    --headline-h6-700-line-height-rem: 1.25rem;
    --headline-h6-underline-700-family: "Source Sans Pro";
    --headline-h6-underline-700-size: 16px;
    --headline-h6-underline-700-size-rem: 1rem;
    --headline-h6-underline-700-weight: 700;
    --headline-h6-underline-700-style: normal;
    --headline-h6-underline-700-line-height: 20px;
    --headline-h6-underline-700-line-height-rem: 1.25rem;
    --headline-h6-strikethrough-700-family: "Source Sans Pro";
    --headline-h6-strikethrough-700-size: 16px;
    --headline-h6-strikethrough-700-size-rem: 1rem;
    --headline-h6-strikethrough-700-weight: 700;
    --headline-h6-strikethrough-700-style: normal;
    --headline-h6-strikethrough-700-line-height: 20px;
    --headline-h6-strikethrough-700-line-height-rem: 1.25rem;
    --headline-h6-uppercase-700-family: "Source Sans Pro";
    --headline-h6-uppercase-700-size: 16px;
    --headline-h6-uppercase-700-size-rem: 1rem;
    --headline-h6-uppercase-700-weight: 700;
    --headline-h6-uppercase-700-style: normal;
    --headline-h6-uppercase-700-line-height: 20px;
    --headline-h6-uppercase-700-line-height-rem: 1.25rem;
    --subtitle-subtitle2-600-family: "Source Sans Pro";
    --subtitle-subtitle2-600-size: 16px;
    --subtitle-subtitle2-600-size-rem: 1rem;
    --subtitle-subtitle2-600-weight: 600;
    --subtitle-subtitle2-600-style: normal;
    --subtitle-subtitle2-600-line-height: 20px;
    --subtitle-subtitle2-600-line-height-rem: 1.25rem;
    --subtitle-subtitle2-underline-600-family: "Source Sans Pro";
    --subtitle-subtitle2-underline-600-size: 16px;
    --subtitle-subtitle2-underline-600-size-rem: 1rem;
    --subtitle-subtitle2-underline-600-weight: 600;
    --subtitle-subtitle2-underline-600-style: normal;
    --subtitle-subtitle2-underline-600-line-height: 20px;
    --subtitle-subtitle2-underline-600-line-height-rem: 1.25rem;
    --subtitle-subtitle2-strikethrough-600-family: "Source Sans Pro";
    --subtitle-subtitle2-strikethrough-600-size: 16px;
    --subtitle-subtitle2-strikethrough-600-size-rem: 1rem;
    --subtitle-subtitle2-strikethrough-600-weight: 600;
    --subtitle-subtitle2-strikethrough-600-style: normal;
    --subtitle-subtitle2-strikethrough-600-line-height: 20px;
    --subtitle-subtitle2-strikethrough-600-line-height-rem: 1.25rem;
    --subtitle-subtitle2-uppercase-600-family: "Source Sans Pro";
    --subtitle-subtitle2-uppercase-600-size: 16px;
    --subtitle-subtitle2-uppercase-600-size-rem: 1rem;
    --subtitle-subtitle2-uppercase-600-weight: 600;
    --subtitle-subtitle2-uppercase-600-style: normal;
    --subtitle-subtitle2-uppercase-600-line-height: 20px;
    --subtitle-subtitle2-uppercase-600-line-height-rem: 1.25rem;
    --subtitle-subtitle3-600-family: "Source Sans Pro";
    --subtitle-subtitle3-600-size: 14px;
    --subtitle-subtitle3-600-size-rem: 0.875rem;
    --subtitle-subtitle3-600-weight: 600;
    --subtitle-subtitle3-600-style: normal;
    --subtitle-subtitle3-600-line-height: 20px;
    --subtitle-subtitle3-600-line-height-rem: 1.25rem;
    --subtitle-subtitle3-underline-600-family: "Source Sans Pro";
    --subtitle-subtitle3-underline-600-size: 14px;
    --subtitle-subtitle3-underline-600-size-rem: 0.875rem;
    --subtitle-subtitle3-underline-600-weight: 600;
    --subtitle-subtitle3-underline-600-style: normal;
    --subtitle-subtitle3-underline-600-line-height: 20px;
    --subtitle-subtitle3-underline-600-line-height-rem: 1.25rem;
    --subtitle-subtitle3-strikethrough-600-family: "Source Sans Pro";
    --subtitle-subtitle3-strikethrough-600-size: 14px;
    --subtitle-subtitle3-strikethrough-600-size-rem: 0.875rem;
    --subtitle-subtitle3-strikethrough-600-weight: 600;
    --subtitle-subtitle3-strikethrough-600-style: normal;
    --subtitle-subtitle3-strikethrough-600-line-height: 20px;
    --subtitle-subtitle3-strikethrough-600-line-height-rem: 1.25rem;
    --subtitle-subtitle3-uppercase-600-family: "Source Sans Pro";
    --subtitle-subtitle3-uppercase-600-size: 14px;
    --subtitle-subtitle3-uppercase-600-size-rem: 0.875rem;
    --subtitle-subtitle3-uppercase-600-weight: 600;
    --subtitle-subtitle3-uppercase-600-style: normal;
    --body-body1-400-family: "Source Sans Pro";
    --body-body1-400-size: 16px;
    --body-body1-400-size-rem: 1rem;
    --body-body1-400-weight: 400;
    --body-body1-400-style: normal;
    --body-body1-400-line-height: 20px;
    --body-body1-400-line-height-rem: 1.25rem;
    --body-body1-underline-400-family: "Source Sans Pro";
    --body-body1-underline-400-size: 16px;
    --body-body1-underline-400-size-rem: 1rem;
    --body-body1-underline-400-weight: 400;
    --body-body1-underline-400-style: normal;
    --body-body1-underline-400-line-height: 20px;
    --body-body1-underline-400-line-height-rem: 1.25rem;
    --body-body1-strikethrough-400-family: "Source Sans Pro";
    --body-body1-strikethrough-400-size: 16px;
    --body-body1-strikethrough-400-size-rem: 1rem;
    --body-body1-strikethrough-400-weight: 400;
    --body-body1-strikethrough-400-style: normal;
    --body-body1-strikethrough-400-line-height: 20px;
    --body-body1-strikethrough-400-line-height-rem: 1.25rem;
    --body-body1-uppercase-400-family: "Source Sans Pro";
    --body-body1-uppercase-400-size: 16px;
    --body-body1-uppercase-400-size-rem: 1rem;
    --body-body1-uppercase-400-weight: 400;
    --body-body1-uppercase-400-style: normal;
    --body-body1-uppercase-400-line-height: 20px;
    --body-body1-uppercase-400-line-height-rem: 1.25rem;
    --body-body2-underline-400-family: "Source Sans Pro";
    --body-body2-underline-400-size: 14px;
    --body-body2-underline-400-size-rem: 0.875rem;
    --body-body2-underline-400-weight: 400;
    --body-body2-underline-400-style: normal;
    --body-body2-underline-400-line-height: 20px;
    --body-body2-underline-400-line-height-rem: 1.25rem;
    --body-body2-strikethrough-400-family: "Source Sans Pro";
    --body-body2-strikethrough-400-size: 14px;
    --body-body2-strikethrough-400-size-rem: 0.875rem;
    --body-body2-strikethrough-400-weight: 400;
    --body-body2-strikethrough-400-style: normal;
    --body-body2-strikethrough-400-line-height: 20px;
    --body-body2-strikethrough-400-line-height-rem: 1.25rem;
    --body-body2-uppercase-400-family: "Source Sans Pro";
    --body-body2-uppercase-400-size: 14px;
    --body-body2-uppercase-400-size-rem: 0.875rem;
    --body-body2-uppercase-400-weight: 400;
    --body-body2-uppercase-400-style: normal;
    --body-body2-uppercase-400-line-height: 20px;
    --body-body2-uppercase-400-line-height-rem: 1.25rem;
    --body-body3-400-family: "Source Sans Pro";
    --body-body3-400-size: 12px;
    --body-body3-400-size-rem: 0.75rem;
    --body-body3-400-weight: 400;
    --body-body3-400-style: normal;
    --body-body3-400-line-height: 16px;
    --body-body3-400-line-height-rem: 1rem;
    --body-body3-undeline-400-family: "Source Sans Pro";
    --body-body3-undeline-400-size: 12px;
    --body-body3-undeline-400-size-rem: 0.75rem;
    --body-body3-undeline-400-weight: 400;
    --body-body3-undeline-400-style: normal;
    --body-body3-undeline-400-line-height: 16px;
    --body-body3-undeline-400-line-height-rem: 1rem;
    --body-body3-strikethrough-400-family: "Source Sans Pro";
    --body-body3-strikethrough-400-size: 12px;
    --body-body3-strikethrough-400-size-rem: 0.75rem;
    --body-body3-strikethrough-400-weight: 400;
    --body-body3-strikethrough-400-style: normal;
    --body-body3-strikethrough-400-line-height: 16px;
    --body-body3-strikethrough-400-line-height-rem: 1rem;
    --body-body3-uppercase-400-family: "Source Sans Pro";
    --body-body3-uppercase-400-size: 12px;
    --body-body3-uppercase-400-size-rem: 0.75rem;
    --body-body3-uppercase-400-weight: 400;
    --body-body3-uppercase-400-style: normal;
    --body-body3-uppercase-400-line-height: 16px;
    --body-body3-uppercase-400-line-height-rem: 1rem;
    --label-400-label1-underline-400-family: "Source Sans Pro";
    --label-400-label1-underline-400-size: 16px;
    --label-400-label1-underline-400-size-rem: 1rem;
    --label-400-label1-underline-400-weight: 400;
    --label-400-label1-underline-400-style: normal;
    --label-400-label1-underline-400-line-height: 20px;
    --label-400-label1-underline-400-line-height-rem: 1.25rem;
    --label-400-label1-uppercase-400-family: "Source Sans Pro";
    --label-400-label1-uppercase-400-size: 16px;
    --label-400-label1-uppercase-400-size-rem: 1rem;
    --label-400-label1-uppercase-400-weight: 400;
    --label-400-label1-uppercase-400-style: normal;
    --label-400-label1-uppercase-400-line-height: 20px;
    --label-400-label1-uppercase-400-line-height-rem: 1.25rem;
    --label-400-label2-underline-400-family: "Source Sans Pro";
    --label-400-label2-underline-400-size: 14px;
    --label-400-label2-underline-400-size-rem: 0.875rem;
    --label-400-label2-underline-400-weight: 400;
    --label-400-label2-underline-400-style: normal;
    --label-400-label2-underline-400-line-height: 20px;
    --label-400-label2-underline-400-line-height-rem: 1.25rem;
    --label-400-label2-uppercase-400-family: "Source Sans Pro";
    --label-400-label2-uppercase-400-size: 14px;
    --label-400-label2-uppercase-400-size-rem: 0.875rem;
    --label-400-label2-uppercase-400-weight: 400;
    --label-400-label2-uppercase-400-style: normal;
    --label-400-label2-uppercase-400-line-height: 20px;
    --label-400-label2-uppercase-400-line-height-rem: 1.25rem;
    --label-400-label3-underline-400-family: "Source Sans Pro";
    --label-400-label3-underline-400-size: 12px;
    --label-400-label3-underline-400-size-rem: 0.75rem;
    --label-400-label3-underline-400-weight: 400;
    --label-400-label3-underline-400-style: normal;
    --label-400-label3-underline-400-line-height: 20px;
    --label-400-label3-underline-400-line-height-rem: 1.25rem;
    --label-400-label3-uppercase-400-family: "Source Sans Pro";
    --label-400-label3-uppercase-400-size: 12px;
    --label-400-label3-uppercase-400-size-rem: 0.75rem;
    --label-400-label3-uppercase-400-weight: 400;
    --label-400-label3-uppercase-400-style: normal;
    --label-400-label3-uppercase-400-line-height: 16px;
    --label-400-label3-uppercase-400-line-height-rem: 1rem;
    --label-600-label2-underline-600-family: "Source Sans Pro";
    --label-600-label2-underline-600-size: 14px;
    --label-600-label2-underline-600-size-rem: 0.875rem;
    --label-600-label2-underline-600-weight: 600;
    --label-600-label2-underline-600-style: normal;
    --label-600-label2-underline-600-line-height: 20px;
    --label-600-label2-underline-600-line-height-rem: 1.25rem;
    --label-600-label2-uppercase-600-family: "Source Sans Pro";
    --label-600-label2-uppercase-600-size: 14px;
    --label-600-label2-uppercase-600-size-rem: 0.875rem;
    --label-600-label2-uppercase-600-weight: 600;
    --label-600-label2-uppercase-600-style: normal;
    --label-600-label2-uppercase-600-line-height: 20px;
    --label-600-label2-uppercase-600-line-height-rem: 1.25rem;
    --label-600-label3-underline-600-family: "Source Sans Pro";
    --label-600-label3-underline-600-size: 12px;
    --label-600-label3-underline-600-size-rem: 0.75rem;
    --label-600-label3-underline-600-weight: 600;
    --label-600-label3-underline-600-style: normal;
    --label-600-label3-underline-600-line-height: 16px;
    --label-600-label3-underline-600-line-height-rem: 1rem;
    --label-600-label3-uppercase-600-family: "Source Sans Pro";
    --label-600-label3-uppercase-600-size: 12px;
    --label-600-label3-uppercase-600-size-rem: 0.75rem;
    --label-600-label3-uppercase-600-weight: 600;
    --label-600-label3-uppercase-600-style: normal;
    --label-600-label3-uppercase-600-line-height: 16px;
    --label-600-label3-uppercase-600-line-height-rem: 1rem;
    --label-700-label1-700-family: "Source Sans Pro";
    --label-700-label1-700-size: 16px;
    --label-700-label1-700-size-rem: 1rem;
    --label-700-label1-700-weight: 700;
    --label-700-label1-700-style: normal;
    --label-700-label1-700-line-height: 20px;
    --label-700-label1-700-line-height-rem: 1.25rem;
    --label-700-label1-underline-700-family: "Source Sans Pro";
    --label-700-label1-underline-700-size: 16px;
    --label-700-label1-underline-700-size-rem: 1rem;
    --label-700-label1-underline-700-weight: 700;
    --label-700-label1-underline-700-style: normal;
    --label-700-label1-underline-700-line-height: 20px;
    --label-700-label1-underline-700-line-height-rem: 1.25rem;
    --label-700-label1-uppercase-700-family: "Source Sans Pro";
    --label-700-label1-uppercase-700-size: 16px;
    --label-700-label1-uppercase-700-size-rem: 1rem;
    --label-700-label1-uppercase-700-weight: 700;
    --label-700-label1-uppercase-700-style: normal;
    --label-700-label1-uppercase-700-line-height: 20px;
    --label-700-label1-uppercase-700-line-height-rem: 1.25rem;
    --label-700-label2-underline-700-family: "Source Sans Pro";
    --label-700-label2-underline-700-size: 14px;
    --label-700-label2-underline-700-size-rem: 0.875rem;
    --label-700-label2-underline-700-weight: 700;
    --label-700-label2-underline-700-style: normal;
    --label-700-label2-underline-700-line-height: 20px;
    --label-700-label2-underline-700-line-height-rem: 1.25rem;
    --label-700-label2-uppercase-700-family: "Source Sans Pro";
    --label-700-label2-uppercase-700-size: 14px;
    --label-700-label2-uppercase-700-size-rem: 0.875rem;
    --label-700-label2-uppercase-700-weight: 700;
    --label-700-label2-uppercase-700-style: normal;
    --label-700-label2-uppercase-700-line-height: 20px;
    --label-700-label2-uppercase-700-line-height-rem: 1.25rem;
    --label-700-label3-700-family: "Source Sans Pro";
    --label-700-label3-700-size: 12px;
    --label-700-label3-700-size-rem: 0.75rem;
    --label-700-label3-700-weight: 700;
    --label-700-label3-700-style: normal;
    --label-700-label3-700-line-height: 16px;
    --label-700-label3-700-line-height-rem: 1rem;
    --label-700-label3-underline-700-family: "Source Sans Pro";
    --label-700-label3-underline-700-size: 12px;
    --label-700-label3-underline-700-size-rem: 0.75rem;
    --label-700-label3-underline-700-weight: 700;
    --label-700-label3-underline-700-style: normal;
    --label-700-label3-underline-700-line-height: 16px;
    --label-700-label3-underline-700-line-height-rem: 1rem;
    --label-700-label3-uppercase-700-family: "Source Sans Pro";
    --label-700-label3-uppercase-700-size: 12px;
    --label-700-label3-uppercase-700-size-rem: 0.75rem;
    --label-700-label3-uppercase-700-weight: 700;
    --label-700-label3-uppercase-700-style: normal;
    --label-700-label3-uppercase-700-line-height: 16px;
    --label-700-label3-uppercase-700-line-height-rem: 1rem;
    --caption-caption1-400-family: "Source Sans Pro";
    --caption-caption1-400-size: 12px;
    --caption-caption1-400-size-rem: 0.75rem;
    --caption-caption1-400-weight: 400;
    --caption-caption1-400-style: normal;
    --caption-caption1-400-line-height: 16px;
    --caption-caption1-400-line-height-rem: 1rem;
    --caption-caption1-underline-400-family: "Source Sans Pro";
    --caption-caption1-underline-400-size: 12px;
    --caption-caption1-underline-400-size-rem: 0.75rem;
    --caption-caption1-underline-400-weight: 400;
    --caption-caption1-underline-400-style: normal;
    --caption-caption1-underline-400-line-height: 16px;
    --caption-caption1-underline-400-line-height-rem: 1rem;
    --caption-caption1-strikethrough-400-family: "Source Sans Pro";
    --caption-caption1-strikethrough-400-size: 12px;
    --caption-caption1-strikethrough-400-size-rem: 0.75rem;
    --caption-caption1-strikethrough-400-weight: 400;
    --caption-caption1-strikethrough-400-style: normal;
    --caption-caption1-strikethrough-400-line-height: 16px;
    --caption-caption1-strikethrough-400-line-height-rem: 1rem;
    --caption-caption1-uppercase-400-family: "Source Sans Pro";
    --caption-caption1-uppercase-400-size: 12px;
    --caption-caption1-uppercase-400-size-rem: 0.75rem;
    --caption-caption1-uppercase-400-weight: 400;
    --caption-caption1-uppercase-400-style: normal;
    --caption-caption1-uppercase-400-line-height: 16px;
    --caption-caption1-uppercase-400-line-height-rem: 1rem;
    --overline-overline1-700-family: "Source Sans Pro";
    --overline-overline1-700-size: 12px;
    --overline-overline1-700-size-rem: 0.75rem;
    --overline-overline1-700-weight: 700;
    --overline-overline1-700-style: normal;
    --overline-overline1-700-line-height: 16px;
    --overline-overline1-700-line-height-rem: 1rem;
    --overline-overline1-underline-700-family: "Source Sans Pro";
    --overline-overline1-underline-700-size: 12px;
    --overline-overline1-underline-700-size-rem: 0.75rem;
    --overline-overline1-underline-700-weight: 700;
    --overline-overline1-underline-700-style: normal;
    --overline-overline1-underline-700-line-height: 16px;
    --overline-overline1-underline-700-line-height-rem: 1rem;
    --overline-overline1-strikethrough-700-family: "Source Sans Pro";
    --overline-overline1-strikethrough-700-size: 12px;
    --overline-overline1-strikethrough-700-size-rem: 0.75rem;
    --overline-overline1-strikethrough-700-weight: 700;
    --overline-overline1-strikethrough-700-style: normal;
    --overline-overline1-strikethrough-700-line-height: 16px;
    --overline-overline1-strikethrough-700-line-height-rem: 1rem;
    --overline-overline1-uppercase-700-family: "Source Sans Pro";
    --overline-overline1-uppercase-700-size: 12px;
    --overline-overline1-uppercase-700-size-rem: 0.75rem;
    --overline-overline1-uppercase-700-weight: 700;
    --overline-overline1-uppercase-700-style: normal;
    --overline-overline1-uppercase-700-line-height: 16px;
    --overline-overline1-uppercase-700-line-height-rem: 1rem;
    --icon-outline-outline-xxxs-family: "Font Awesome 6 Pro";
    --icon-outline-outline-xxxs-size: 4px;
    --icon-outline-outline-xxxs-size-rem: 0.25rem;
    --icon-outline-outline-xxxs-weight: 400;
    --icon-outline-outline-xxxs-style: normal;
    --icon-outline-outline-xxxs-line-height: 4px;
    --icon-outline-outline-xxxs-line-height-rem: 0.25rem;
    --icon-outline-outline-xxs-family: "Font Awesome 6 Pro";
    --icon-outline-outline-xxs-size: 8px;
    --icon-outline-outline-xxs-size-rem: 0.5rem;
    --icon-outline-outline-xxs-weight: 400;
    --icon-outline-outline-xxs-style: normal;
    --icon-outline-outline-xxs-line-height: 8px;
    --icon-outline-outline-xxs-line-height-rem: 0.5rem;
    --icon-outline-outline-xs-family: "Font Awesome 6 Pro";
    --icon-outline-outline-xs-size: 12px;
    --icon-outline-outline-xs-size-rem: 0.75rem;
    --icon-outline-outline-xs-weight: 400;
    --icon-outline-outline-xs-style: normal;
    --icon-outline-outline-xs-line-height: 12px;
    --icon-outline-outline-xs-line-height-rem: 0.75rem;
    --icon-outline-outline-s-family: "Font Awesome 6 Pro";
    --icon-outline-outline-s-size: 16px;
    --icon-outline-outline-s-size-rem: 1rem;
    --icon-outline-outline-s-weight: 400;
    --icon-outline-outline-s-style: normal;
    --icon-outline-outline-s-line-height: 16px;
    --icon-outline-outline-s-line-height-rem: 1rem;
    --icon-outline-outline-m-family: "Font Awesome 6 Pro";
    --icon-outline-outline-m-size: 20px;
    --icon-outline-outline-m-size-rem: 1.25rem;
    --icon-outline-outline-m-weight: 400;
    --icon-outline-outline-m-style: normal;
    --icon-outline-outline-m-line-height: 20px;
    --icon-outline-outline-m-line-height-rem: 1.25rem;
    --icon-outline-outline-l-family: "Font Awesome 6 Pro";
    --icon-outline-outline-l-size: 24px;
    --icon-outline-outline-l-size-rem: 1.5rem;
    --icon-outline-outline-l-weight: 400;
    --icon-outline-outline-l-style: normal;
    --icon-outline-outline-l-line-height: 24px;
    --icon-outline-outline-l-line-height-rem: 1.5rem;
    --icon-outline-outline-xl-family: "Font Awesome 6 Pro";
    --icon-outline-outline-xl-size: 32px;
    --icon-outline-outline-xl-size-rem: 2rem;
    --icon-outline-outline-xl-weight: 400;
    --icon-outline-outline-xl-style: normal;
    --icon-outline-outline-xl-line-height: 32px;
    --icon-outline-outline-xl-line-height-rem: 2rem;
    --icon-outline-outline-xxl-family: "Font Awesome 6 Pro";
    --icon-outline-outline-xxl-size: 48px;
    --icon-outline-outline-xxl-size-rem: 3rem;
    --icon-outline-outline-xxl-weight: 400;
    --icon-outline-outline-xxl-style: normal;
    --icon-outline-outline-xxl-line-height: 48px;
    --icon-outline-outline-xxl-line-height-rem: 3rem;
    --icon-outline-outline-xxxl-family: "Font Awesome 6 Pro";
    --icon-outline-outline-xxxl-size: 56px;
    --icon-outline-outline-xxxl-size-rem: 3.5rem;
    --icon-outline-outline-xxxl-weight: 400;
    --icon-outline-outline-xxxl-style: normal;
    --icon-outline-outline-xxxl-line-height: 56px;
    --icon-outline-outline-xxxl-line-height-rem: 3.5rem;
    --icon-outline-outline-xxxxl-family: "Font Awesome 6 Pro";
    --icon-outline-outline-xxxxl-size: 64px;
    --icon-outline-outline-xxxxl-size-rem: 4rem;
    --icon-outline-outline-xxxxl-weight: 400;
    --icon-outline-outline-xxxxl-style: normal;
    --icon-outline-outline-xxxxl-line-height: 64px;
    --icon-outline-outline-xxxxl-line-height-rem: 4rem;
    --icon-solid-outline-xxxs-family: "Font Awesome 6 Pro";
    --icon-solid-outline-xxxs-size: 4px;
    --icon-solid-outline-xxxs-size-rem: 0.25rem;
    --icon-solid-outline-xxxs-style: normal;
    --icon-solid-outline-xxxs-line-height: 4px;
    --icon-solid-outline-xxxs-line-height-rem: 0.25rem;
    --icon-solid-solid-xxs-family: "Font Awesome 6 Pro";
    --icon-solid-solid-xxs-size: 8px;
    --icon-solid-solid-xxs-size-rem: 0.5rem;
    --icon-solid-solid-xxs-style: normal;
    --icon-solid-solid-xxs-line-height: 8px;
    --icon-solid-solid-xxs-line-height-rem: 0.5rem;
    --icon-solid-solid-xs-family: "Font Awesome 6 Pro";
    --icon-solid-solid-xs-size: 12px;
    --icon-solid-solid-xs-size-rem: 0.75rem;
    --icon-solid-solid-xs-style: normal;
    --icon-solid-solid-xs-line-height: 12px;
    --icon-solid-solid-xs-line-height-rem: 0.75rem;
    --icon-solid-solid-s-family: "Font Awesome 6 Pro";
    --icon-solid-solid-s-size: 16px;
    --icon-solid-solid-s-size-rem: 1rem;
    --icon-solid-solid-s-style: normal;
    --icon-solid-solid-s-line-height: 16px;
    --icon-solid-solid-s-line-height-rem: 1rem;
    --icon-solid-solid-m-family: "Font Awesome 6 Pro";
    --icon-solid-solid-m-size: 20px;
    --icon-solid-solid-m-size-rem: 1.25rem;
    --icon-solid-solid-m-style: normal;
    --icon-solid-solid-m-line-height: 20px;
    --icon-solid-solid-m-line-height-rem: 1.25rem;
    --icon-solid-solid-l-family: "Font Awesome 6 Pro";
    --icon-solid-solid-l-size: 24px;
    --icon-solid-solid-l-size-rem: 1.5rem;
    --icon-solid-solid-l-style: normal;
    --icon-solid-solid-l-line-height: 24px;
    --icon-solid-solid-l-line-height-rem: 1.5rem;
    --icon-solid-solid-xl-family: "Font Awesome 6 Pro";
    --icon-solid-solid-xl-size: 32px;
    --icon-solid-solid-xl-size-rem: 2rem;
    --icon-solid-solid-xl-style: normal;
    --icon-solid-solid-xl-line-height: 32px;
    --icon-solid-solid-xl-line-height-rem: 2rem;
    --icon-solid-solid-xxl-family: "Font Awesome 6 Pro";
    --icon-solid-solid-xxl-size: 48px;
    --icon-solid-solid-xxl-size-rem: 3rem;
    --icon-solid-solid-xxl-style: normal;
    --icon-solid-solid-xxl-line-height: 48px;
    --icon-solid-solid-xxl-line-height-rem: 3rem;
    --icon-solid-solid-xxxl-family: "Font Awesome 6 Pro";
    --icon-solid-solid-xxxl-size: 56px;
    --icon-solid-solid-xxxl-size-rem: 3.5rem;
    --icon-solid-solid-xxxl-style: normal;
    --icon-solid-solid-xxxl-line-height: 56px;
    --icon-solid-solid-xxxl-line-height-rem: 3.5rem;
    --icon-solid-solid-xxxxl-family: "Font Awesome 6 Pro";
    --icon-solid-solid-xxxxl-size: 64px;
    --icon-solid-solid-xxxxl-size-rem: 4rem;
    --icon-solid-solid-xxxxl-style: normal;
    --icon-solid-solid-xxxxl-line-height: 64px;
    --icon-solid-solid-xxxxl-line-height-rem: 4rem;
    /* SHADOWS */
    --elevation-top-elevation-top-xxs: 0 -1px 2px 0 rgba(38 77 90 / 0.04);
    --elevation-top-elevation-top-xs: 0 -1px 4px 0 rgba(38 77 90 / 0.08);
    --elevation-top-elevation-top-s: 0 -4px 8px 0 rgba(38 77 90 / 0.08);
    --elevation-top-elevation-top-m: 0 -4px 12px 0 rgba(38 77 90 / 0.12);
    --elevation-top-elevation-top-l: 0 -4px 16px 0 rgba(38 77 90 / 0.16);
    --elevation-top-elevation-top-xl: 0 -4px 24px 0 rgba(38 77 90 / 0.16);
    --elevation-bottom-elevation-bottom-xxs: 0 1px 2px 0 rgba(38 77 90 / 0.04);
    --elevation-bottom-elevation-bottom-xs: 0 1px 4px 0 rgba(38 77 90 / 0.08);
    --elevation-bottom-elevation-bottom-s: 0 4px 8px 0 rgba(38 77 90 / 0.08);
    --elevation-bottom-elevation-bottom-m: 0 4px 12px 0 rgba(38 77 90 / 0.12);
    --elevation-bottom-elevation-bottom-l: 0 4px 16px 0 rgba(38 77 90 / 0.16);
    --elevation-bottom-elevation-bottom-xl: 0 4px 24px 0 rgba(38 77 90 / 0.16);
    --elevation-left-elevation-left-xxs: -1px 0 2px 0 rgba(38 77 90 / 0.04);
    --elevation-left-elevation-left-xs: -1px 0 4px 0 rgba(38 77 90 / 0.08);
    --elevation-left-elevation-left-s: -4px 0 8px 0 rgba(38 77 90 / 0.08);
    --elevation-left-elevation-left-m: -4px 0 12px 0 rgba(38 77 90 / 0.12);
    --elevation-left-elevation-left-l: -4px 0 16px 0 rgba(38 77 90 / 0.16);
    --elevation-left-elevation-left-xl: -4px 0 24px 0 rgba(38 77 90 / 0.16);
    --elevation-right-elevation-right-xxs: 1px 0 2px 0 rgba(38 77 90 / 0.04);
    --elevation-right-elevation-right-xs: 1px 0 4px 0 rgba(38 77 90 / 0.08);
    --elevation-right-elevation-right-s: 4px 0 8px 0 rgba(38 77 90 / 0.08);
    --elevation-right-elevation-right-m: 4px 0 12px 0 rgba(38 77 90 / 0.12);
    --elevation-right-elevation-right-l: 4px 0 16px 0 rgba(38 77 90 / 0.16);
    --elevation-right-elevation-right-xl: 4px 0 24px 0 rgba(38 77 90 / 0.16);
    --focused-primary: 0 0 0 2px rgba(185 200 205 / 1.00);
    --focused-secondary: 0 0 0 2px rgba(138 174 237 / 1.00);
    --focused-error: 0 0 0 2px rgba(255 160 165 / 1.00);
    --focused-warning: 0 0 0 2px rgba(255 215 138 / 1.00);
    --focused-success: 0 0 0 2px rgba(163 220 196 / 1.00);
    --focused-info: 0 0 0 2px rgba(138 223 248 / 1.00);
    --focused-purple: 0 0 0 2px rgba(181 173 220 / 1.00);
    --focused-magenta: 0 0 0 2px rgba(206 166 191 / 1.00);
    --focused-indigo: 0 0 0 2px rgba(138 150 174 / 1.00);
    --focused-orange: 0 0 0 2px rgba(255 185 138 / 1.00);
    /* GRIDS */
    --header-1-row-72px-size: 72px;
    --header-1-row-72px-size-rem: 4.5rem;
    --header-1-row-72px-rows: 1;
    --header-1-row-72px-gutter: 24px;
    --header-1-row-72px-gutter-rem: 1.5rem;
    --desktop-desktop-1440-i-side-nav-open-size: 1128px;
    --desktop-desktop-1440-i-side-nav-open-size-rem: 70.5rem;
    --desktop-desktop-1440-i-side-nav-open-columns: 12;
    --desktop-desktop-1440-i-side-nav-open-gutter: 24px;
    --desktop-desktop-1440-i-side-nav-open-gutter-rem: 1.5rem;
    --desktop-desktop-1440-i-side-nav-closed-size: 1296px;
    --desktop-desktop-1440-i-side-nav-closed-size-rem: 81rem;
    --desktop-desktop-1440-i-side-nav-closed-columns: 12;
    --desktop-desktop-1440-i-side-nav-closed-gutter: 24px;
    --desktop-desktop-1440-i-side-nav-closed-gutter-rem: 1.5rem;
    --desktop-desktop-1440-columns: 12;
    --desktop-desktop-1440-gutter: 24px;
    --desktop-desktop-1440-gutter-rem: 1.5rem;
    --tablet-tablet-portrait-768-columns: 8;
    --tablet-tablet-portrait-768-gutter: 24px;
    --tablet-tablet-portrait-768-gutter-rem: 1.5rem;
    --tablet-tablet-portrait-768-i-side-nav-open-size: 456px;
    --tablet-tablet-portrait-768-i-side-nav-open-size-rem: 28.5rem;
    --tablet-tablet-portrait-768-i-side-nav-open-columns: 6;
    --tablet-tablet-portrait-768-i-side-nav-open-gutter: 24px;
    --tablet-tablet-portrait-768-i-side-nav-open-gutter-rem: 1.5rem;
    --tablet-tablet-portrait-768-i-side-nav-collapsed-size: 624px;
    --tablet-tablet-portrait-768-i-side-nav-collapsed-size-rem: 39rem;
    --tablet-tablet-portrait-768-i-side-nav-collapsed-columns: 6;
    --tablet-tablet-portrait-768-i-side-nav-collapsed-gutter: 24px;
    --tablet-tablet-portrait-768-i-side-nav-collapsed-gutter-rem: 1.5rem;
    --tablet-tablet-ladscape-1024-i-side-nav-open-size: 712px;
    --tablet-tablet-ladscape-1024-i-side-nav-open-size-rem: 44.5rem;
    --tablet-tablet-ladscape-1024-i-side-nav-open-columns: 8;
    --tablet-tablet-ladscape-1024-i-side-nav-open-gutter: 24px;
    --tablet-tablet-ladscape-1024-i-side-nav-open-gutter-rem: 1.5rem;
    --tablet-tablet-lanscape-1024-i-side-nav-closed-size: 880px;
    --tablet-tablet-lanscape-1024-i-side-nav-closed-size-rem: 55rem;
    --tablet-tablet-lanscape-1024-i-side-nav-closed-columns: 8;
    --tablet-tablet-lanscape-1024-i-side-nav-closed-gutter: 24px;
    --tablet-tablet-lanscape-1024-i-side-nav-closed-gutter-rem: 1.5rem;
    --mobile-mobile-375-i-side-nav-expanded-columns: 4;
    --mobile-mobile-375-i-side-nav-expanded-gutter: 16px;
    --mobile-mobile-375-i-side-nav-expanded-gutter-rem: 1rem;
    --mobile-mobile-375-i-side-nav-collapsed-columns: 4;
    --mobile-mobile-375-i-side-nav-collapsed-gutter: 16px;
    --mobile-mobile-375-i-side-nav-collapsed-gutter-rem: 1rem;
}