:root { --bricks-color-grey-100: #f5f5f5; --bricks-color-grey-300: #e0e0e0; --bricks-color-grey-500: #9e9e9e; --bricks-color-grey-700: #616161; --bricks-color-grey-800: #424242; --bricks-color-grey-900: #212121; --bricks-color-yellow: #ffeb3b; --bricks-color-amber: #ffc107; --bricks-color-orange: #ff9800; --bricks-color-deep-orange: #ff5722; --bricks-color-red: #f44336; --bricks-color-purple: #9c27b0; --bricks-color-blue: #2196f3; --bricks-color-light-blue: #03a9f4; --bricks-color-sky-blue: #81D4FA; --bricks-color-green: #4caf50; --bricks-color-light-green: #8bc34a; --bricks-color-lime: #cddc39; --clr-white: #FFFFFF; --clr-gray-50: #FAFAFA; --clr-gray-100: #F5F5F5; --clr-gray-200: #E5E5E5; --clr-gray-300: #D4D4D4; --clr-gray-400: #A3A3A3; --clr-gray-500: #737373; --clr-gray-600: #525252; --clr-gray-700: #404040; --clr-gray-800: #262626; --clr-gray-900: #171717; --clr-black: #000000; --clr-violet: #5A3CB4; --clr-violet-10: #6E52C4; --clr-violet-20: #8268D4; --clr-violet-30: #967FE3; --clr-violet-40: #AA95F3; --clr-violet-50: #BEB0F8; --clr-violet-60: #D2CCFD; --clr-violet-70: #E6E7FF; --clr-violet-80: #F0F1FF; --clr-orange: #FF7D00; --clr-orange-10: #FF8F1F; --clr-orange-20: #FFA13D; --clr-orange-30: #FFB35C; --clr-orange-40: #FFC57B; --clr-orange-50: #FFD69A; --clr-orange-60: #FFE8B9; --clr-orange-70: #FFF4D9; --clr-orange-80: #FFFAF2; --text-2xs: clamp(0.82rem, calc(0.00018518518518518534 * (100vw - 36rem) + 0.82rem), 0.84rem); --text-xs: clamp(1.02rem, calc(0.0010185185185185173 * (100vw - 36rem) + 1.02rem), 1.13rem); --text-s: clamp(1.28rem, calc(0.002037037037037037 * (100vw - 36rem) + 1.28rem), 1.5rem); --text-m: clamp(1.6rem, calc(0.003703703703703703 * (100vw - 36rem) + 1.6rem), 2rem); --text-l: clamp(2rem, calc(0.0062037037037037035 * (100vw - 36rem) + 2rem), 2.67rem); --text-xl: clamp(2.5rem, calc(0.00972222222222222 * (100vw - 36rem) + 2.5rem), 3.55rem); --text-2xl: clamp(3.13rem, calc(0.014907407407407411 * (100vw - 36rem) + 3.13rem), 4.74rem); --space-2xs: clamp(0.82rem, calc(0.00018518518518518534 * (100vw - 36rem) + 0.82rem), 0.84rem); --space-xs: clamp(1.02rem, calc(0.0010185185185185173 * (100vw - 36rem) + 1.02rem), 1.13rem); --space-s: clamp(1.28rem, calc(0.002037037037037037 * (100vw - 36rem) + 1.28rem), 1.5rem); --space-m: clamp(1.6rem, calc(0.003703703703703703 * (100vw - 36rem) + 1.6rem), 2rem); --space-l: clamp(2rem, calc(0.0062037037037037035 * (100vw - 36rem) + 2rem), 2.67rem); --space-xl: clamp(2.5rem, calc(0.00972222222222222 * (100vw - 36rem) + 2.5rem), 3.55rem); --space-2xl: clamp(3.13rem, calc(0.014907407407407411 * (100vw - 36rem) + 3.13rem), 4.74rem); --radius-xs: 0.25rem; --radius-s: 0.5rem; --radius-m: 0.75rem; --radius-l: 1rem; --radius-full: 9999px; --border-1: 1px; --border-2: 2px; --border-4: 4px; --shadow-none: none; --shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, 0.05); --shadow-s: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); --shadow-m: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); --shadow-l: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); --transition-fast: 150ms ease-in-out; --transition-base: 250ms ease-in-out; --transition-slow: 350ms ease-in-out; --easing-linear: linear; --easing-ease: ease; --easing-ease-in: ease-in; --easing-ease-out: ease-out; --easing-ease-in-out: ease-in-out; --line-height-tight: 1.2; --line-height-normal: 1.5; --line-height-relaxed: 1.75; --line-height-loose: 2; --letter-spacing-tight: -0.02em; --letter-spacing-normal: 0em; --letter-spacing-wide: 0.05em; --z-index-hidden: -1; --z-index-auto: auto; --z-index-dropdown: 1000; --z-index-sticky: 1020; --z-index-fixed: 1030; --z-index-modal-backdrop: 1040; --z-index-modal: 1050; --z-index-popover: 1060; --z-index-tooltip: 1070;}