: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; --bp-primary: #F4E9DD; --bp-primary-t-0: rgba(244, 233, 221, 0.05); --bp-primary-t-1: rgba(244, 233, 221, 0.1); --bp-primary-t-2: rgba(244, 233, 221, 0.2); --bp-primary-t-3: rgba(244, 233, 221, 0.3); --bp-primary-t-4: rgba(244, 233, 221, 0.4); --bp-primary-t-5: rgba(244, 233, 221, 0.5); --bp-primary-t-6: rgba(244, 233, 221, 0.6); --bp-primary-t-7: rgba(244, 233, 221, 0.7); --bp-primary-t-8: rgba(244, 233, 221, 0.8); --bp-primary-t-9: rgba(244, 233, 221, 0.9); --bp-black: #000000; --bp-neutral: #123498; --bp-black-t-0: rgba(0, 0, 0, 0.05); --bp-black-t-1: rgba(0, 0, 0, 0.1); --bp-black-t-2: rgba(0, 0, 0, 0.2); --bp-black-t-3: rgba(0, 0, 0, 0.3); --bp-black-t-4: rgba(0, 0, 0, 0.4); --bp-black-t-5: rgba(0, 0, 0, 0.5); --bp-black-t-6: rgba(0, 0, 0, 0.6); --bp-black-t-7: rgba(0, 0, 0, 0.7); --bp-black-t-8: rgba(0, 0, 0, 0.8); --bp-black-t-9: rgba(0, 0, 0, 0.9); --bp-white: #ffffff; --bp-white-t-0: rgba(255, 255, 255, 0.05); --bp-white-t-1: rgba(255, 255, 255, 0.1); --bp-white-t-2: rgba(255, 255, 255, 0.2); --bp-white-t-3: rgba(255, 255, 255, 0.3); --bp-white-t-4: rgba(255, 255, 255, 0.4); --bp-white-t-5: rgba(255, 255, 255, 0.5); --bp-white-t-6: rgba(255, 255, 255, 0.6); --bp-white-t-7: rgba(255, 255, 255, 0.7); --bp-white-t-8: rgba(255, 255, 255, 0.8); --bp-white-t-9: rgba(255, 255, 255, 0.9); --bp-text-1: #687EC0; --bp-text-2: #00082E; --bp-bg-surface: #1E1E1E; --bp-neutral-t-1: rgba(18, 51, 151, 0.05); --bp-neutral-t-2: rgba(18, 51, 151, 0.1); --bp-neutral-t-3: rgba(18, 51, 151, 0.2); --bp-neutral-t-4: rgba(18, 51, 151, 0.3); --bp-neutral-t-5: rgba(18, 51, 151, 0.4); --bp-neutral-t-6: rgba(18, 51, 151, 0.5); --bp-neutral-t-7: rgba(18, 51, 151, 0.6); --bp-neutral-t-8: rgba(18, 51, 151, 0.7); --bp-neutral-t-9: rgba(18, 51, 151, 0.8); --bp-neutral-t-10: rgba(18, 51, 151, 0.9); --bp-text-1-t-1: rgba(104, 126, 192, 0.1); --bp-text-1-t-2: rgba(104, 126, 192, 0.2); --bp-text-1-t-3: rgba(104, 126, 192, 0.3); --bp-text-1-t-4: rgba(104, 126, 192, 0.4); --bp-text-2-t-1: rgba(0, 8, 46, 0.1); --bp-text-2-t-2: rgba(0, 10, 56, 0.2); --bp-text-2-t-3: rgba(0, 10, 56, 0.3); --bp-text-2-t-4: rgba(0, 8, 46, 0.4); --bp-text-2xs: clamp(1.2rem, calc(0.003703703703703705 * (100vw - 36rem) + 1.2rem), 1.6rem); --bp-text-xs: clamp(1.5rem, calc(0.0027777777777777783 * (100vw - 36rem) + 1.5rem), 1.8rem); --bp-text-s: clamp(1.8rem, calc(0.005555555555555554 * (100vw - 36rem) + 1.8rem), 2.4rem); --bp-text-m: clamp(2.2rem, calc(0.016666666666666666 * (100vw - 36rem) + 2.2rem), 4rem); --bp-text-l: clamp(2.4rem, calc(0.037037037037037035 * (100vw - 36rem) + 2.4rem), 6.4rem); --bp-text-xl: clamp(3.2rem, calc(0.037037037037037035 * (100vw - 36rem) + 3.2rem), 7.2rem); --bp-text-2xl: clamp(3.8rem, calc(0.03888888888888889 * (100vw - 36rem) + 3.8rem), 8rem); --bp-space-3xs: clamp(0.4rem, calc(0 * (100vw - 36rem) + 0.4rem), 0.4rem); --bp-space-2xs: clamp(1.4rem, calc(0.0018518518518518534 * (100vw - 36rem) + 1.4rem), 1.6rem); --bp-space-xs: clamp(1.5rem, calc(0.004629629629629629 * (100vw - 36rem) + 1.5rem), 2rem); --bp-space-s: clamp(2.4rem, calc(0 * (100vw - 36rem) + 2.4rem), 2.4rem); --bp-space-m: clamp(2.8rem, calc(0.003703703703703707 * (100vw - 36rem) + 2.8rem), 3.2rem); --bp-space-l: clamp(3.2rem, calc(0.014814814814814812 * (100vw - 36rem) + 3.2rem), 4.8rem); --bp-space-xl: clamp(4rem, calc(0.018518518518518517 * (100vw - 36rem) + 4rem), 6rem); --bp-space-2xl: clamp(6rem, calc(0.018518518518518517 * (100vw - 36rem) + 6rem), 8rem); --bp-space-3xl: clamp(8rem, calc(0.018518518518518517 * (100vw - 36rem) + 8rem), 10rem);}.text-bp-primary { color: var(--bp-primary); }.text-bp-primary-t-0 { color: var(--bp-primary-t-0); }.text-bp-primary-t-1 { color: var(--bp-primary-t-1); }.text-bp-primary-t-2 { color: var(--bp-primary-t-2); }.text-bp-primary-t-3 { color: var(--bp-primary-t-3); }.text-bp-primary-t-4 { color: var(--bp-primary-t-4); }.text-bp-primary-t-5 { color: var(--bp-primary-t-5); }.text-bp-primary-t-6 { color: var(--bp-primary-t-6); }.text-bp-primary-t-7 { color: var(--bp-primary-t-7); }.text-bp-primary-t-8 { color: var(--bp-primary-t-8); }.text-bp-primary-t-9 { color: var(--bp-primary-t-9); }.border-bp-primary { border-color: var(--bp-primary); }.border-bp-primary-t-0 { border-color: var(--bp-primary-t-0); }.border-bp-primary-t-1 { border-color: var(--bp-primary-t-1); }.border-bp-primary-t-2 { border-color: var(--bp-primary-t-2); }.border-bp-primary-t-3 { border-color: var(--bp-primary-t-3); }.border-bp-primary-t-4 { border-color: var(--bp-primary-t-4); }.border-bp-primary-t-5 { border-color: var(--bp-primary-t-5); }.border-bp-primary-t-6 { border-color: var(--bp-primary-t-6); }.border-bp-primary-t-7 { border-color: var(--bp-primary-t-7); }.border-bp-primary-t-8 { border-color: var(--bp-primary-t-8); }.border-bp-primary-t-9 { border-color: var(--bp-primary-t-9); }.fill-bp-primary { fill: var(--bp-primary); }.fill-bp-primary-t-0 { fill: var(--bp-primary-t-0); }.fill-bp-primary-t-1 { fill: var(--bp-primary-t-1); }.fill-bp-primary-t-2 { fill: var(--bp-primary-t-2); }.fill-bp-primary-t-3 { fill: var(--bp-primary-t-3); }.fill-bp-primary-t-4 { fill: var(--bp-primary-t-4); }.fill-bp-primary-t-5 { fill: var(--bp-primary-t-5); }.fill-bp-primary-t-6 { fill: var(--bp-primary-t-6); }.fill-bp-primary-t-7 { fill: var(--bp-primary-t-7); }.fill-bp-primary-t-8 { fill: var(--bp-primary-t-8); }.fill-bp-primary-t-9 { fill: var(--bp-primary-t-9); }.bg-bp-primary { background-color: var(--bp-primary); }.bg-bp-primary-t-0 { background-color: var(--bp-primary-t-0); }.bg-bp-primary-t-1 { background-color: var(--bp-primary-t-1); }.bg-bp-primary-t-2 { background-color: var(--bp-primary-t-2); }.bg-bp-primary-t-3 { background-color: var(--bp-primary-t-3); }.bg-bp-primary-t-4 { background-color: var(--bp-primary-t-4); }.bg-bp-primary-t-5 { background-color: var(--bp-primary-t-5); }.bg-bp-primary-t-6 { background-color: var(--bp-primary-t-6); }.bg-bp-primary-t-7 { background-color: var(--bp-primary-t-7); }.bg-bp-primary-t-8 { background-color: var(--bp-primary-t-8); }.bg-bp-primary-t-9 { background-color: var(--bp-primary-t-9); }.bg-bp-black { background-color: var(--bp-black); }.bg-bp-black-t-0 { background-color: var(--bp-black-t-0); }.bg-bp-black-t-1 { background-color: var(--bp-black-t-1); }.bg-bp-black-t-2 { background-color: var(--bp-black-t-2); }.bg-bp-black-t-3 { background-color: var(--bp-black-t-3); }.bg-bp-black-t-4 { background-color: var(--bp-black-t-4); }.bg-bp-black-t-5 { background-color: var(--bp-black-t-5); }.bg-bp-black-t-6 { background-color: var(--bp-black-t-6); }.bg-bp-black-t-7 { background-color: var(--bp-black-t-7); }.bg-bp-black-t-8 { background-color: var(--bp-black-t-8); }.bg-bp-black-t-9 { background-color: var(--bp-black-t-9); }.text-bp-black { color: var(--bp-black); }.text-bp-black-t-0 { color: var(--bp-black-t-0); }.text-bp-black-t-1 { color: var(--bp-black-t-1); }.text-bp-black-t-2 { color: var(--bp-black-t-2); }.text-bp-black-t-3 { color: var(--bp-black-t-3); }.text-bp-black-t-4 { color: var(--bp-black-t-4); }.text-bp-black-t-5 { color: var(--bp-black-t-5); }.text-bp-black-t-6 { color: var(--bp-black-t-6); }.text-bp-black-t-7 { color: var(--bp-black-t-7); }.text-bp-black-t-8 { color: var(--bp-black-t-8); }.text-bp-black-t-9 { color: var(--bp-black-t-9); }.border-bp-black { border-color: var(--bp-black); }.border-bp-black-t-0 { border-color: var(--bp-black-t-0); }.border-bp-black-t-1 { border-color: var(--bp-black-t-1); }.border-bp-black-t-2 { border-color: var(--bp-black-t-2); }.border-bp-black-t-3 { border-color: var(--bp-black-t-3); }.border-bp-black-t-4 { border-color: var(--bp-black-t-4); }.border-bp-black-t-5 { border-color: var(--bp-black-t-5); }.border-bp-black-t-6 { border-color: var(--bp-black-t-6); }.border-bp-black-t-7 { border-color: var(--bp-black-t-7); }.border-bp-black-t-8 { border-color: var(--bp-black-t-8); }.border-bp-black-t-9 { border-color: var(--bp-black-t-9); }.fill-bp-black { fill: var(--bp-black); }.fill-bp-black-t-0 { fill: var(--bp-black-t-0); }.fill-bp-black-t-1 { fill: var(--bp-black-t-1); }.fill-bp-black-t-2 { fill: var(--bp-black-t-2); }.fill-bp-black-t-3 { fill: var(--bp-black-t-3); }.fill-bp-black-t-4 { fill: var(--bp-black-t-4); }.fill-bp-black-t-5 { fill: var(--bp-black-t-5); }.fill-bp-black-t-6 { fill: var(--bp-black-t-6); }.fill-bp-black-t-7 { fill: var(--bp-black-t-7); }.fill-bp-black-t-8 { fill: var(--bp-black-t-8); }.fill-bp-black-t-9 { fill: var(--bp-black-t-9); }.bg-bp-neutral { background-color: var(--bp-neutral); }.bg-bp-neutral-t-1 { background-color: var(--bp-neutral-t-1); }.bg-bp-neutral-t-2 { background-color: var(--bp-neutral-t-2); }.bg-bp-neutral-t-3 { background-color: var(--bp-neutral-t-3); }.bg-bp-neutral-t-4 { background-color: var(--bp-neutral-t-4); }.bg-bp-neutral-t-5 { background-color: var(--bp-neutral-t-5); }.bg-bp-neutral-t-6 { background-color: var(--bp-neutral-t-6); }.bg-bp-neutral-t-7 { background-color: var(--bp-neutral-t-7); }.bg-bp-neutral-t-8 { background-color: var(--bp-neutral-t-8); }.bg-bp-neutral-t-9 { background-color: var(--bp-neutral-t-9); }.bg-bp-neutral-t-10 { background-color: var(--bp-neutral-t-10); }.text-bp-neutral { color: var(--bp-neutral); }.text-bp-neutral-t-1 { color: var(--bp-neutral-t-1); }.text-bp-neutral-t-2 { color: var(--bp-neutral-t-2); }.text-bp-neutral-t-3 { color: var(--bp-neutral-t-3); }.text-bp-neutral-t-4 { color: var(--bp-neutral-t-4); }.text-bp-neutral-t-5 { color: var(--bp-neutral-t-5); }.text-bp-neutral-t-6 { color: var(--bp-neutral-t-6); }.text-bp-neutral-t-7 { color: var(--bp-neutral-t-7); }.text-bp-neutral-t-8 { color: var(--bp-neutral-t-8); }.text-bp-neutral-t-9 { color: var(--bp-neutral-t-9); }.text-bp-neutral-t-10 { color: var(--bp-neutral-t-10); }.fill-bp-neutral { fill: var(--bp-neutral); }.fill-bp-neutral-t-1 { fill: var(--bp-neutral-t-1); }.fill-bp-neutral-t-2 { fill: var(--bp-neutral-t-2); }.fill-bp-neutral-t-3 { fill: var(--bp-neutral-t-3); }.fill-bp-neutral-t-4 { fill: var(--bp-neutral-t-4); }.fill-bp-neutral-t-5 { fill: var(--bp-neutral-t-5); }.fill-bp-neutral-t-6 { fill: var(--bp-neutral-t-6); }.fill-bp-neutral-t-7 { fill: var(--bp-neutral-t-7); }.fill-bp-neutral-t-8 { fill: var(--bp-neutral-t-8); }.fill-bp-neutral-t-9 { fill: var(--bp-neutral-t-9); }.fill-bp-neutral-t-10 { fill: var(--bp-neutral-t-10); }.bg-bp-white { background-color: var(--bp-white); }.bg-bp-white-t-0 { background-color: var(--bp-white-t-0); }.bg-bp-white-t-1 { background-color: var(--bp-white-t-1); }.bg-bp-white-t-2 { background-color: var(--bp-white-t-2); }.bg-bp-white-t-3 { background-color: var(--bp-white-t-3); }.bg-bp-white-t-4 { background-color: var(--bp-white-t-4); }.bg-bp-white-t-5 { background-color: var(--bp-white-t-5); }.bg-bp-white-t-6 { background-color: var(--bp-white-t-6); }.bg-bp-white-t-7 { background-color: var(--bp-white-t-7); }.bg-bp-white-t-8 { background-color: var(--bp-white-t-8); }.bg-bp-white-t-9 { background-color: var(--bp-white-t-9); }.text-bp-white { color: var(--bp-white); }.text-bp-white-t-0 { color: var(--bp-white-t-0); }.text-bp-white-t-1 { color: var(--bp-white-t-1); }.text-bp-white-t-2 { color: var(--bp-white-t-2); }.text-bp-white-t-3 { color: var(--bp-white-t-3); }.text-bp-white-t-4 { color: var(--bp-white-t-4); }.text-bp-white-t-5 { color: var(--bp-white-t-5); }.text-bp-white-t-6 { color: var(--bp-white-t-6); }.text-bp-white-t-7 { color: var(--bp-white-t-7); }.text-bp-white-t-8 { color: var(--bp-white-t-8); }.text-bp-white-t-9 { color: var(--bp-white-t-9); }.border-bp-white { border-color: var(--bp-white); }.border-bp-white-t-0 { border-color: var(--bp-white-t-0); }.border-bp-white-t-1 { border-color: var(--bp-white-t-1); }.border-bp-white-t-2 { border-color: var(--bp-white-t-2); }.border-bp-white-t-3 { border-color: var(--bp-white-t-3); }.border-bp-white-t-4 { border-color: var(--bp-white-t-4); }.border-bp-white-t-5 { border-color: var(--bp-white-t-5); }.border-bp-white-t-6 { border-color: var(--bp-white-t-6); }.border-bp-white-t-7 { border-color: var(--bp-white-t-7); }.border-bp-white-t-8 { border-color: var(--bp-white-t-8); }.border-bp-white-t-9 { border-color: var(--bp-white-t-9); }.fill-bp-white { fill: var(--bp-white); }.fill-bp-white-t-0 { fill: var(--bp-white-t-0); }.fill-bp-white-t-1 { fill: var(--bp-white-t-1); }.fill-bp-white-t-2 { fill: var(--bp-white-t-2); }.fill-bp-white-t-3 { fill: var(--bp-white-t-3); }.fill-bp-white-t-4 { fill: var(--bp-white-t-4); }.fill-bp-white-t-5 { fill: var(--bp-white-t-5); }.fill-bp-white-t-6 { fill: var(--bp-white-t-6); }.fill-bp-white-t-7 { fill: var(--bp-white-t-7); }.fill-bp-white-t-8 { fill: var(--bp-white-t-8); }.fill-bp-white-t-9 { fill: var(--bp-white-t-9); }.text-bp-text-1 { color: var(--bp-text-1); }.text-bp-text-1-t-1 { color: var(--bp-text-1-t-1); }.text-bp-text-1-t-2 { color: var(--bp-text-1-t-2); }.text-bp-text-1-t-3 { color: var(--bp-text-1-t-3); }.text-bp-text-1-t-4 { color: var(--bp-text-1-t-4); }.text-bp-text-2 { color: var(--bp-text-2); }.text-bp-text-2-t-1 { color: var(--bp-text-2-t-1); }.text-bp-text-2-t-2 { color: var(--bp-text-2-t-2); }.text-bp-text-2-t-3 { color: var(--bp-text-2-t-3); }.text-bp-text-2-t-4 { color: var(--bp-text-2-t-4); }.bg-bp-bg-surface { background-color: var(--bp-bg-surface); }.text-2xs { font-size: var(--bp-text-2xs); }.text-xs { font-size: var(--bp-text-xs); }.text-s { font-size: var(--bp-text-s); }.text-m { font-size: var(--bp-text-m); }.text-l { font-size: var(--bp-text-l); }.text-xl { font-size: var(--bp-text-xl); }.text-2xl { font-size: var(--bp-text-2xl); }