:root{--font-sans: "Rubik", sans-serif;--font-serif: "Rubik", serif;--fs-base: 16px;--fs-xs: calc(var(--fs-base) * 0.75);--fs-s: calc(var(--fs-base) * 0.875);--fs-m: var(--fs-base);--fs-l: calc(var(--fs-base) * 1.125);--fs-xl: calc(var(--fs-base) * 1.25);--fs-h1: calc(var(--fs-base) * 2);--fs-h2: calc(var(--fs-base) * 1.75);--fs-h3: calc(var(--fs-base) * 1.5);--fs-h4: calc(var(--fs-base) * 1.25);--fs-h5: calc(var(--fs-base) * 1.125);--fs-h6: calc(var(--fs-base) * 1);--lh-base: 1.5;--lh-xs: 1;--lh-sm: calc(var(--lh-base) * 0.8);--lh-md: var(--lh-base);--lh-lg: calc(var(--lh-base) * 1.25);--container: 1200px;--gap: 20px;--sp: 16px;--sp03: calc(0.25 * var(--sp));--sp02: calc(0.5 * var(--sp));--sp01: calc(0.75 * var(--sp));--sp0: var(--sp);--sp1: calc(1.5 * var(--sp));--sp2: calc(2 * var(--sp));--sp3: calc(3 * var(--sp));--sp4: calc(4 * var(--sp));--sp5: calc(5 * var(--sp));--sp6: calc(6 * var(--sp));--gap-sm: calc(var(--gap) / 2);--gap-md: var(--gap);--gap-lg: calc(var(--gap) * 2);--c-red: #e33f1e;--c-yellow: #ffc107;--c-orange: #FFAB2B;--c-blue: #2bafe3;--c-purple: #6f42c1;--c-indigo: #6610f2;--c-green: #30D804;--c-teal: #84DEAD;--c-cyan: #7ABFF8;--c-pink: #D6347E;--c-white: #fff;--c-gray-100: #ececec;--c-gray-200: #F2F4F6;--c-gray-300: #E8ECEF;--c-gray-400: #ced4da;--c-gray-500: #adb5bd;--c-gray-600: #98A9BC;--c-gray-700: #778CA2;--c-gray-800: #6E6D71;--c-gray-900: #252631;--c-black: #000;--c-bg: var(--c-gray-100);--c-text: var(--c-gray-800);--c-link: var(--c-gray-900);--c-primary: var(--c-blue);--c-secondary: var(--c-green);--br-base: 4px;--br-sm: calc(var(--br-base) / 2);--br-md: var(--br-base);--br-lg: calc(var(--br-base) * 2);--shadow-sm: 0 0.125rem 0.25rem rgb(0 0 0 / 8%);--transition: all 250ms ease 0s}