: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; --primary: #143d73; --primary-dark: #10315c; --primary-ultra-dark: #0c2545; --primary-light: #dce2ea; --primary-ultra-light: #f3f5f8; --primary-trans-10: rgba(20, 61, 115, 0.1); --primary-trans-20: rgba(20, 61, 115, 0.2); --primary-trans-30: rgba(20, 61, 115, 0.3); --primary-trans-40: rgba(20, 61, 115, 0.4); --primary-trans-50: rgba(20, 61, 115, 0.5); --primary-trans-60: rgba(20, 61, 115, 0.6); --primary-trans-70: rgba(20, 61, 115, 0.7); --primary-trans-80: rgba(20, 61, 115, 0.8); --primary-trans-90: rgba(20, 61, 115, 0.9); --secondary: #f89903; --secondary-ultra-dark: #955c02; --secondary-dark: #c67a02; --secondary-light: #fef0d9; --secondary-ultra-light: #fffaf2; --base: #4d4d66; --base-ultra-dark: #2e2e3d; --base-dark: #3e3e52; --base-light: #e4e4e8; --base-ultra-light: #f6f6f7; --white: #ffffff; --white-trans-10: rgba(255, 255, 255, 0.1); --white-trans-20: rgba(255, 255, 255, 0.2); --white-trans-30: rgba(255, 255, 255, 0.3); --white-trans-40: rgba(255, 255, 255, 0.4); --white-trans-50: rgba(255, 255, 255, 0.5); --white-trans-60: rgba(255, 255, 255, 0.6); --white-trans-70: rgba(255, 255, 255, 0.7); --white-trans-80: rgba(255, 255, 255, 0.8); --white-trans-90: rgba(255, 255, 255, 0.9); --black: #000000; --text-2xs: clamp(0.93rem, calc(0.0008333333333333331 * (100vw - 36rem) + 0.93rem), 1.02rem); --text-xs: clamp(1.11rem, calc(0.0015740740740740734 * (100vw - 36rem) + 1.11rem), 1.28rem); --text-s: clamp(1.33rem, calc(0.0025 * (100vw - 36rem) + 1.33rem), 1.6rem); --text-m: clamp(1.6rem, calc(0.003703703703703703 * (100vw - 36rem) + 1.6rem), 2rem); --text-l: clamp(1.92rem, calc(0.005370370370370371 * (100vw - 36rem) + 1.92rem), 2.5rem); --text-xl: clamp(2.3rem, calc(0.0076851851851851855 * (100vw - 36rem) + 2.3rem), 3.13rem); --text-2xl: clamp(2.76rem, calc(0.010648148148148151 * (100vw - 36rem) + 2.76rem), 3.91rem); --space-3xs: clamp(0.66rem, calc(-0.00027777777777777805 * (100vw - 36rem) + 0.66rem), 0.63rem); --space-2xs: clamp(0.82rem, calc(0.00018518518518518534 * (100vw - 36rem) + 0.82rem), 0.84rem); --space-xs: clamp(0.82rem, calc(0.00018518518518518534 * (100vw - 36rem) + 0.82rem), 0.84rem); --space-s: clamp(1.02rem, calc(0.0010185185185185173 * (100vw - 36rem) + 1.02rem), 1.13rem); --space-m: clamp(1.28rem, calc(0.002037037037037037 * (100vw - 36rem) + 1.28rem), 1.5rem); --space-l: clamp(1.6rem, calc(0.003703703703703703 * (100vw - 36rem) + 1.6rem), 2rem); --space-xl: clamp(2rem, calc(0.0062037037037037035 * (100vw - 36rem) + 2rem), 2.67rem); --space-2xl: clamp(3.13rem, calc(0.014907407407407411 * (100vw - 36rem) + 3.13rem), 4.74rem); --space-3xl: clamp(3.91rem, calc(0.022222222222222216 * (100vw - 36rem) + 3.91rem), 6.31rem); --text-mm: clamp(1.80rem, calc(1.80rem + 0.0022 * (100vw - 380px)), 2.00rem); --text-xxl: clamp(3.10rem, calc(3.10rem + 0.0044 * (100vw - 380px)), 3.50rem); --h1: clamp(4.40rem, calc(4.40rem + 0.0122 * (100vw - 380px)), 5.50rem); --h2: clamp(3.50rem, calc(3.50rem + 0.0100 * (100vw - 380px)), 4.40rem); --h3: clamp(2.80rem, calc(2.80rem + 0.0078 * (100vw - 380px)), 3.50rem); --h4: clamp(2.20rem, calc(2.20rem + 0.0067 * (100vw - 380px)), 2.80rem); --h5: clamp(1.80rem, calc(1.80rem + 0.0044 * (100vw - 380px)), 2.20rem); --h6: clamp(1.40rem, calc(1.40rem + 0.0044 * (100vw - 380px)), 1.80rem);}.bg-primary { background-color: var(--primary); }.bg-primary-dark { background-color: var(--primary-dark); }.bg-primary-ultra-dark { background-color: var(--primary-ultra-dark); }.bg-primary-light { background-color: var(--primary-light); }.bg-primary-ultra-light { background-color: var(--primary-ultra-light); }.bg-primary-trans-10 { background-color: var(--primary-trans-10); }.bg-primary-trans-20 { background-color: var(--primary-trans-20); }.bg-primary-trans-30 { background-color: var(--primary-trans-30); }.bg-primary-trans-40 { background-color: var(--primary-trans-40); }.bg-primary-trans-50 { background-color: var(--primary-trans-50); }.bg-primary-trans-60 { background-color: var(--primary-trans-60); }.bg-primary-trans-70 { background-color: var(--primary-trans-70); }.bg-primary-trans-80 { background-color: var(--primary-trans-80); }.bg-primary-trans-90 { background-color: var(--primary-trans-90); }.text-primary { color: var(--primary); }.text-primary-dark { color: var(--primary-dark); }.text-primary-ultra-dark { color: var(--primary-ultra-dark); }.text-primary-light { color: var(--primary-light); }.text-primary-ultra-light { color: var(--primary-ultra-light); }.text-primary-trans-10 { color: var(--primary-trans-10); }.text-primary-trans-20 { color: var(--primary-trans-20); }.text-primary-trans-30 { color: var(--primary-trans-30); }.text-primary-trans-40 { color: var(--primary-trans-40); }.text-primary-trans-50 { color: var(--primary-trans-50); }.text-primary-trans-60 { color: var(--primary-trans-60); }.text-primary-trans-70 { color: var(--primary-trans-70); }.text-primary-trans-80 { color: var(--primary-trans-80); }.text-primary-trans-90 { color: var(--primary-trans-90); }.border-primary { border-color: var(--primary); }.border-primary-dark { border-color: var(--primary-dark); }.border-primary-ultra-dark { border-color: var(--primary-ultra-dark); }.border-primary-light { border-color: var(--primary-light); }.border-primary-ultra-light { border-color: var(--primary-ultra-light); }.border-primary-trans-10 { border-color: var(--primary-trans-10); }.border-primary-trans-20 { border-color: var(--primary-trans-20); }.border-primary-trans-30 { border-color: var(--primary-trans-30); }.border-primary-trans-40 { border-color: var(--primary-trans-40); }.border-primary-trans-50 { border-color: var(--primary-trans-50); }.border-primary-trans-60 { border-color: var(--primary-trans-60); }.border-primary-trans-70 { border-color: var(--primary-trans-70); }.border-primary-trans-80 { border-color: var(--primary-trans-80); }.border-primary-trans-90 { border-color: var(--primary-trans-90); }.outline-primary { outline-color: var(--primary); }.outline-primary-dark { outline-color: var(--primary-dark); }.outline-primary-ultra-dark { outline-color: var(--primary-ultra-dark); }.outline-primary-light { outline-color: var(--primary-light); }.outline-primary-ultra-light { outline-color: var(--primary-ultra-light); }.outline-primary-trans-10 { outline-color: var(--primary-trans-10); }.outline-primary-trans-20 { outline-color: var(--primary-trans-20); }.outline-primary-trans-30 { outline-color: var(--primary-trans-30); }.outline-primary-trans-40 { outline-color: var(--primary-trans-40); }.outline-primary-trans-50 { outline-color: var(--primary-trans-50); }.outline-primary-trans-60 { outline-color: var(--primary-trans-60); }.outline-primary-trans-70 { outline-color: var(--primary-trans-70); }.outline-primary-trans-80 { outline-color: var(--primary-trans-80); }.outline-primary-trans-90 { outline-color: var(--primary-trans-90); }.fill-primary { fill: var(--primary); }.fill-primary-dark { fill: var(--primary-dark); }.fill-primary-ultra-dark { fill: var(--primary-ultra-dark); }.fill-primary-light { fill: var(--primary-light); }.fill-primary-ultra-light { fill: var(--primary-ultra-light); }.fill-primary-trans-10 { fill: var(--primary-trans-10); }.fill-primary-trans-20 { fill: var(--primary-trans-20); }.fill-primary-trans-30 { fill: var(--primary-trans-30); }.fill-primary-trans-40 { fill: var(--primary-trans-40); }.fill-primary-trans-50 { fill: var(--primary-trans-50); }.fill-primary-trans-60 { fill: var(--primary-trans-60); }.fill-primary-trans-70 { fill: var(--primary-trans-70); }.fill-primary-trans-80 { fill: var(--primary-trans-80); }.fill-primary-trans-90 { fill: var(--primary-trans-90); }.stroke-primary { stroke: var(--primary); }.stroke-primary-dark { stroke: var(--primary-dark); }.stroke-primary-ultra-dark { stroke: var(--primary-ultra-dark); }.stroke-primary-light { stroke: var(--primary-light); }.stroke-primary-ultra-light { stroke: var(--primary-ultra-light); }.stroke-primary-trans-10 { stroke: var(--primary-trans-10); }.stroke-primary-trans-20 { stroke: var(--primary-trans-20); }.stroke-primary-trans-30 { stroke: var(--primary-trans-30); }.stroke-primary-trans-40 { stroke: var(--primary-trans-40); }.stroke-primary-trans-50 { stroke: var(--primary-trans-50); }.stroke-primary-trans-60 { stroke: var(--primary-trans-60); }.stroke-primary-trans-70 { stroke: var(--primary-trans-70); }.stroke-primary-trans-80 { stroke: var(--primary-trans-80); }.stroke-primary-trans-90 { stroke: var(--primary-trans-90); }.bg-secondary { background-color: var(--secondary); }.bg-secondary-ultra-dark { background-color: var(--secondary-ultra-dark); }.bg-secondary-dark { background-color: var(--secondary-dark); }.bg-secondary-light { background-color: var(--secondary-light); }.bg-secondary-ultra-light { background-color: var(--secondary-ultra-light); }.text-secondary { color: var(--secondary); }.text-secondary-ultra-dark { color: var(--secondary-ultra-dark); }.text-secondary-dark { color: var(--secondary-dark); }.text-secondary-light { color: var(--secondary-light); }.text-secondary-ultra-light { color: var(--secondary-ultra-light); }.border-secondary { border-color: var(--secondary); }.border-secondary-ultra-dark { border-color: var(--secondary-ultra-dark); }.border-secondary-dark { border-color: var(--secondary-dark); }.border-secondary-light { border-color: var(--secondary-light); }.border-secondary-ultra-light { border-color: var(--secondary-ultra-light); }.outline-secondary { outline-color: var(--secondary); }.outline-secondary-ultra-dark { outline-color: var(--secondary-ultra-dark); }.outline-secondary-dark { outline-color: var(--secondary-dark); }.outline-secondary-light { outline-color: var(--secondary-light); }.outline-secondary-ultra-light { outline-color: var(--secondary-ultra-light); }.fill-secondary { fill: var(--secondary); }.fill-secondary-ultra-dark { fill: var(--secondary-ultra-dark); }.fill-secondary-dark { fill: var(--secondary-dark); }.fill-secondary-light { fill: var(--secondary-light); }.fill-secondary-ultra-light { fill: var(--secondary-ultra-light); }.stroke-secondary { stroke: var(--secondary); }.stroke-secondary-ultra-dark { stroke: var(--secondary-ultra-dark); }.stroke-secondary-dark { stroke: var(--secondary-dark); }.stroke-secondary-light { stroke: var(--secondary-light); }.stroke-secondary-ultra-light { stroke: var(--secondary-ultra-light); }.bg-base { background-color: var(--base); }.bg-base-ultra-dark { background-color: var(--base-ultra-dark); }.bg-base-dark { background-color: var(--base-dark); }.bg-base-light { background-color: var(--base-light); }.bg-base-ultra-light { background-color: var(--base-ultra-light); }.text-base { color: var(--base); }.text-base-ultra-dark { color: var(--base-ultra-dark); }.text-base-dark { color: var(--base-dark); }.text-base-light { color: var(--base-light); }.text-base-ultra-light { color: var(--base-ultra-light); }.border-base { border-color: var(--base); }.border-base-ultra-dark { border-color: var(--base-ultra-dark); }.border-base-dark { border-color: var(--base-dark); }.border-base-light { border-color: var(--base-light); }.border-base-ultra-light { border-color: var(--base-ultra-light); }.outline-base { outline-color: var(--base); }.outline-base-ultra-dark { outline-color: var(--base-ultra-dark); }.outline-base-dark { outline-color: var(--base-dark); }.outline-base-light { outline-color: var(--base-light); }.outline-base-ultra-light { outline-color: var(--base-ultra-light); }.fill-base { fill: var(--base); }.fill-base-ultra-dark { fill: var(--base-ultra-dark); }.fill-base-dark { fill: var(--base-dark); }.fill-base-light { fill: var(--base-light); }.fill-base-ultra-light { fill: var(--base-ultra-light); }.stroke-base { stroke: var(--base); }.stroke-base-ultra-dark { stroke: var(--base-ultra-dark); }.stroke-base-dark { stroke: var(--base-dark); }.stroke-base-light { stroke: var(--base-light); }.stroke-base-ultra-light { stroke: var(--base-ultra-light); }.bg-white { background-color: var(--white); }.bg-white-trans-10 { background-color: var(--white-trans-10); }.bg-white-trans-20 { background-color: var(--white-trans-20); }.bg-white-trans-30 { background-color: var(--white-trans-30); }.bg-white-trans-40 { background-color: var(--white-trans-40); }.bg-white-trans-50 { background-color: var(--white-trans-50); }.bg-white-trans-60 { background-color: var(--white-trans-60); }.bg-white-trans-70 { background-color: var(--white-trans-70); }.bg-white-trans-80 { background-color: var(--white-trans-80); }.bg-white-trans-90 { background-color: var(--white-trans-90); }.text-white { color: var(--white); }.text-white-trans-10 { color: var(--white-trans-10); }.text-white-trans-20 { color: var(--white-trans-20); }.text-white-trans-30 { color: var(--white-trans-30); }.text-white-trans-40 { color: var(--white-trans-40); }.text-white-trans-50 { color: var(--white-trans-50); }.text-white-trans-60 { color: var(--white-trans-60); }.text-white-trans-70 { color: var(--white-trans-70); }.text-white-trans-80 { color: var(--white-trans-80); }.text-white-trans-90 { color: var(--white-trans-90); }.border-white { border-color: var(--white); }.border-white-trans-10 { border-color: var(--white-trans-10); }.border-white-trans-20 { border-color: var(--white-trans-20); }.border-white-trans-30 { border-color: var(--white-trans-30); }.border-white-trans-40 { border-color: var(--white-trans-40); }.border-white-trans-50 { border-color: var(--white-trans-50); }.border-white-trans-60 { border-color: var(--white-trans-60); }.border-white-trans-70 { border-color: var(--white-trans-70); }.border-white-trans-80 { border-color: var(--white-trans-80); }.border-white-trans-90 { border-color: var(--white-trans-90); }.outline-white { outline-color: var(--white); }.outline-white-trans-10 { outline-color: var(--white-trans-10); }.outline-white-trans-20 { outline-color: var(--white-trans-20); }.outline-white-trans-30 { outline-color: var(--white-trans-30); }.outline-white-trans-40 { outline-color: var(--white-trans-40); }.outline-white-trans-50 { outline-color: var(--white-trans-50); }.outline-white-trans-60 { outline-color: var(--white-trans-60); }.outline-white-trans-70 { outline-color: var(--white-trans-70); }.outline-white-trans-80 { outline-color: var(--white-trans-80); }.outline-white-trans-90 { outline-color: var(--white-trans-90); }.fill-white { fill: var(--white); }.fill-white-trans-10 { fill: var(--white-trans-10); }.fill-white-trans-20 { fill: var(--white-trans-20); }.fill-white-trans-30 { fill: var(--white-trans-30); }.fill-white-trans-40 { fill: var(--white-trans-40); }.fill-white-trans-50 { fill: var(--white-trans-50); }.fill-white-trans-60 { fill: var(--white-trans-60); }.fill-white-trans-70 { fill: var(--white-trans-70); }.fill-white-trans-80 { fill: var(--white-trans-80); }.fill-white-trans-90 { fill: var(--white-trans-90); }.stroke-white { stroke: var(--white); }.stroke-white-trans-10 { stroke: var(--white-trans-10); }.stroke-white-trans-20 { stroke: var(--white-trans-20); }.stroke-white-trans-30 { stroke: var(--white-trans-30); }.stroke-white-trans-40 { stroke: var(--white-trans-40); }.stroke-white-trans-50 { stroke: var(--white-trans-50); }.stroke-white-trans-60 { stroke: var(--white-trans-60); }.stroke-white-trans-70 { stroke: var(--white-trans-70); }.stroke-white-trans-80 { stroke: var(--white-trans-80); }.stroke-white-trans-90 { stroke: var(--white-trans-90); }.bg-black { background-color: var(--black); }.text-black { color: var(--black); }.border-black { border-color: var(--black); }.outline-black { outline-color: var(--black); }.fill-black { fill: var(--black); }.stroke-black { stroke: var(--black); }.text-2xs { font-size: var(--text-2xs); }.text-xs { font-size: var(--text-xs); }.text-s { font-size: var(--text-s); }.text-m { font-size: var(--text-m); }.text-l { font-size: var(--text-l); }.text-xl { font-size: var(--text-xl); }.text-2xl { font-size: var(--text-2xl); }.space-3xs { padding: var(--space-3xs); }.space-2xs { padding: var(--space-2xs); }.space-xs { padding: var(--space-xs); }.space-s { padding: var(--space-s); }.space-m { padding: var(--space-m); }.space-l { padding: var(--space-l); }.space-xl { padding: var(--space-xl); }.space-2xl { padding: var(--space-2xl); }.space-3xl { padding: var(--space-3xl); }