: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: hsl(234 100% 65%); --accent: hsl(122 100% 65%); --neutral: hsl(0, 0%, 40%); --black: hsl(0, 0%, 0%); --white: hsl(0, 0%, 100%); --success: hsl(135 63% 40%); --success-l-1: rgb(58, 174, 87); --success-l-2: rgb(77, 182, 104); --success-l-3: rgb(97, 190, 120); --success-l-4: rgb(117, 198, 137); --success-l-5: rgb(137, 206, 154); --success-l-6: rgb(156, 215, 171); --success-l-7: rgb(176, 223, 188); --success-l-8: rgb(196, 231, 205); --success-l-9: rgb(216, 239, 221); --success-l-10: rgb(235, 247, 238); --success-d-1: rgb(35, 151, 64); --success-d-2: rgb(31, 136, 57); --success-d-3: rgb(28, 121, 51); --success-d-4: rgb(24, 106, 45); --success-d-5: rgb(21, 91, 38); --success-d-6: rgb(17, 75, 32); --success-d-7: rgb(14, 60, 25); --success-d-8: rgb(10, 45, 19); --success-d-9: rgb(7, 30, 13); --success-d-10: rgb(3, 15, 6); --success-t-1: rgba(58, 174, 87, 0.91); --success-t-2: rgba(77, 182, 104, 0.82); --success-t-3: rgba(97, 190, 120, 0.73); --success-t-4: rgba(117, 198, 137, 0.64); --success-t-5: rgba(137, 206, 154, 0.55); --success-t-6: rgba(156, 215, 171, 0.45); --success-t-7: rgba(176, 223, 188, 0.36); --success-t-8: rgba(196, 231, 205, 0.27); --success-t-9: rgba(216, 239, 221, 0.18); --success-t-10: rgba(235, 247, 238, 0.09); --white-t-1: rgba(255, 255, 255, 0.91); --white-t-2: rgba(255, 255, 255, 0.82); --white-t-3: rgba(255, 255, 255, 0.73); --white-t-4: rgba(255, 255, 255, 0.64); --white-t-5: rgba(255, 255, 255, 0.55); --white-t-6: rgba(255, 255, 255, 0.45); --white-t-7: rgba(255, 255, 255, 0.36); --white-t-8: rgba(255, 255, 255, 0.27); --white-t-9: rgba(255, 255, 255, 0.18); --white-t-10: rgba(255, 255, 255, 0.09); --black-t-1: rgba(23, 23, 23, 0.91); --black-t-2: rgba(46, 46, 46, 0.82); --black-t-3: rgba(70, 70, 70, 0.73); --black-t-4: rgba(93, 93, 93, 0.64); --black-t-5: rgba(116, 116, 116, 0.55); --black-t-6: rgba(139, 139, 139, 0.45); --black-t-7: rgba(162, 162, 162, 0.36); --black-t-8: rgba(185, 185, 185, 0.27); --black-t-9: rgba(209, 209, 209, 0.18); --black-t-10: rgba(232, 232, 232, 0.09); --neutral-l-1: rgb(116, 116, 116); --neutral-l-2: rgb(130, 130, 130); --neutral-l-3: rgb(144, 144, 144); --neutral-l-4: rgb(158, 158, 158); --neutral-l-5: rgb(172, 172, 172); --neutral-l-6: rgb(185, 185, 185); --neutral-l-7: rgb(199, 199, 199); --neutral-l-8: rgb(213, 213, 213); --neutral-l-9: rgb(227, 227, 227); --neutral-l-10: rgb(241, 241, 241); --neutral-d-1: rgb(93, 93, 93); --neutral-d-2: rgb(83, 83, 83); --neutral-d-3: rgb(74, 74, 74); --neutral-d-4: rgb(65, 65, 65); --neutral-d-5: rgb(56, 56, 56); --neutral-d-6: rgb(46, 46, 46); --neutral-d-7: rgb(37, 37, 37); --neutral-d-8: rgb(28, 28, 28); --neutral-d-9: rgb(19, 19, 19); --neutral-d-10: rgb(9, 9, 9); --neutral-t-1: rgba(116, 116, 116, 0.91); --neutral-t-2: rgba(130, 130, 130, 0.82); --neutral-t-3: rgba(144, 144, 144, 0.73); --neutral-t-4: rgba(158, 158, 158, 0.64); --neutral-t-5: rgba(172, 172, 172, 0.55); --neutral-t-6: rgba(185, 185, 185, 0.45); --neutral-t-7: rgba(199, 199, 199, 0.36); --neutral-t-8: rgba(213, 213, 213, 0.27); --neutral-t-9: rgba(227, 227, 227, 0.18); --neutral-t-10: rgba(241, 241, 241, 0.09); --accent-l-1: rgb(93, 255, 98); --accent-l-2: rgb(109, 255, 113); --accent-l-3: rgb(126, 255, 129); --accent-l-4: rgb(142, 255, 145); --accent-l-5: rgb(158, 255, 161); --accent-l-6: rgb(174, 255, 176); --accent-l-7: rgb(190, 255, 192); --accent-l-8: rgb(206, 255, 208); --accent-l-9: rgb(223, 255, 224); --accent-l-10: rgb(239, 255, 239); --accent-d-1: rgb(70, 232, 75); --accent-d-2: rgb(63, 209, 67); --accent-d-3: rgb(56, 185, 60); --accent-d-4: rgb(49, 162, 52); --accent-d-5: rgb(42, 139, 45); --accent-d-6: rgb(35, 116, 37); --accent-d-7: rgb(28, 93, 30); --accent-d-8: rgb(21, 70, 22); --accent-d-9: rgb(14, 46, 15); --accent-d-10: rgb(7, 23, 7); --accent-t-1: rgba(93, 255, 98, 0.91); --accent-t-2: rgba(109, 255, 113, 0.82); --accent-t-3: rgba(126, 255, 129, 0.73); --accent-t-4: rgba(142, 255, 145, 0.64); --accent-t-5: rgba(158, 255, 161, 0.55); --accent-t-6: rgba(174, 255, 176, 0.45); --accent-t-7: rgba(190, 255, 192, 0.36); --accent-t-8: rgba(206, 255, 208, 0.27); --accent-t-9: rgba(223, 255, 224, 0.18); --accent-t-10: rgba(239, 255, 239, 0.09); --primary-l-1: rgb(93, 109, 255); --primary-l-2: rgb(109, 123, 255); --primary-l-3: rgb(126, 138, 255); --primary-l-4: rgb(142, 153, 255); --primary-l-5: rgb(158, 167, 255); --primary-l-6: rgb(174, 182, 255); --primary-l-7: rgb(190, 196, 255); --primary-l-8: rgb(206, 211, 255); --primary-l-9: rgb(223, 226, 255); --primary-l-10: rgb(239, 240, 255); --primary-d-1: rgb(70, 85, 232); --primary-d-2: rgb(63, 77, 209); --primary-d-3: rgb(56, 68, 185); --primary-d-4: rgb(49, 60, 162); --primary-d-5: rgb(42, 51, 139); --primary-d-6: rgb(35, 43, 116); --primary-d-7: rgb(28, 34, 93); --primary-d-8: rgb(21, 26, 70); --primary-d-9: rgb(14, 17, 46); --primary-d-10: rgb(7, 9, 23); --primary-t-1: rgba(93, 109, 255, 0.91); --primary-t-2: rgba(109, 123, 255, 0.82); --primary-t-3: rgba(126, 138, 255, 0.73); --primary-t-4: rgba(142, 153, 255, 0.64); --primary-t-5: rgba(158, 167, 255, 0.55); --primary-t-6: rgba(174, 182, 255, 0.45); --primary-t-7: rgba(190, 196, 255, 0.36); --primary-t-8: rgba(206, 211, 255, 0.27); --primary-t-9: rgba(223, 226, 255, 0.18); --primary-t-10: rgba(239, 240, 255, 0.09); --warning: hsl(45 100% 52%); --warning-l-1: rgb(255, 200, 32); --warning-l-2: rgb(255, 205, 55); --warning-l-3: rgb(255, 211, 77); --warning-l-4: rgb(255, 216, 99); --warning-l-5: rgb(255, 222, 121); --warning-l-6: rgb(255, 227, 144); --warning-l-7: rgb(255, 233, 166); --warning-l-8: rgb(255, 238, 188); --warning-l-9: rgb(255, 244, 210); --warning-l-10: rgb(255, 249, 233); --warning-d-1: rgb(232, 176, 9); --warning-d-2: rgb(209, 159, 8); --warning-d-3: rgb(185, 141, 7); --warning-d-4: rgb(162, 123, 6); --warning-d-5: rgb(139, 106, 5); --warning-d-6: rgb(116, 88, 5); --warning-d-7: rgb(93, 71, 4); --warning-d-8: rgb(70, 53, 3); --warning-d-9: rgb(46, 35, 2); --warning-d-10: rgb(23, 18, 1); --warning-t-1: rgba(255, 200, 32, 0.91); --warning-t-2: rgba(255, 205, 55, 0.82); --warning-t-3: rgba(255, 211, 77, 0.73); --warning-t-4: rgba(255, 216, 99, 0.64); --warning-t-5: rgba(255, 222, 121, 0.55); --warning-t-6: rgba(255, 227, 144, 0.45); --warning-t-7: rgba(255, 233, 166, 0.36); --warning-t-8: rgba(255, 238, 188, 0.27); --warning-t-9: rgba(255, 244, 210, 0.18); --warning-t-10: rgba(255, 249, 233, 0.09); --info: hsl(188 77% 41%); --info-l-1: rgb(45, 172, 191); --info-l-2: rgb(66, 181, 198); --info-l-3: rgb(87, 189, 204); --info-l-4: rgb(108, 197, 210); --info-l-5: rgb(129, 205, 217); --info-l-6: rgb(150, 214, 223); --info-l-7: rgb(171, 222, 230); --info-l-8: rgb(192, 230, 236); --info-l-9: rgb(213, 238, 242); --info-l-10: rgb(234, 247, 249); --info-d-1: rgb(22, 149, 168); --info-d-2: rgb(20, 134, 151); --info-d-3: rgb(17, 119, 135); --info-d-4: rgb(15, 104, 118); --info-d-5: rgb(13, 89, 101); --info-d-6: rgb(11, 75, 84); --info-d-7: rgb(9, 60, 67); --info-d-8: rgb(7, 45, 50); --info-d-9: rgb(4, 30, 34); --info-d-10: rgb(2, 15, 17); --info-t-1: rgba(45, 172, 191, 0.91); --info-t-2: rgba(66, 181, 198, 0.82); --info-t-3: rgba(87, 189, 204, 0.73); --info-t-4: rgba(108, 197, 210, 0.64); --info-t-5: rgba(129, 205, 217, 0.55); --info-t-6: rgba(150, 214, 223, 0.45); --info-t-7: rgba(171, 222, 230, 0.36); --info-t-8: rgba(192, 230, 236, 0.27); --info-t-9: rgba(213, 238, 242, 0.18); --info-t-10: rgba(234, 247, 249, 0.09); --danger: hsl(354 70% 54%); --danger-l-1: rgb(223, 74, 89); --danger-l-2: rgb(226, 92, 105); --danger-l-3: rgb(230, 110, 122); --danger-l-4: rgb(233, 128, 139); --danger-l-5: rgb(236, 146, 155); --danger-l-6: rgb(239, 165, 172); --danger-l-7: rgb(242, 183, 188); --danger-l-8: rgb(245, 201, 205); --danger-l-9: rgb(249, 219, 222); --danger-l-10: rgb(252, 237, 238); --danger-d-1: rgb(200, 51, 65); --danger-d-2: rgb(180, 46, 59); --danger-d-3: rgb(160, 41, 52); --danger-d-4: rgb(140, 36, 46); --danger-d-5: rgb(120, 31, 39); --danger-d-6: rgb(100, 25, 33); --danger-d-7: rgb(80, 20, 26); --danger-d-8: rgb(60, 15, 20); --danger-d-9: rgb(40, 10, 13); --danger-d-10: rgb(20, 5, 7); --danger-t-1: rgba(223, 74, 89, 0.91); --danger-t-2: rgba(226, 92, 105, 0.82); --danger-t-3: rgba(230, 110, 122, 0.73); --danger-t-4: rgba(233, 128, 139, 0.64); --danger-t-5: rgba(236, 146, 155, 0.55); --danger-t-6: rgba(239, 165, 172, 0.45); --danger-t-7: rgba(242, 183, 188, 0.36); --danger-t-8: rgba(245, 201, 205, 0.27); --danger-t-9: rgba(249, 219, 222, 0.18); --danger-t-10: rgba(252, 237, 238, 0.09); --text-2xs: clamp(1.12rem, calc(-0.0033333333333333344 * (100vw - 36rem) + 1.12rem), 0.76rem); --text-xs: clamp(1.26rem, calc(-0.0023148148148148147 * (100vw - 36rem) + 1.26rem), 1.01rem); --text-s: clamp(1.42rem, calc(-0.0006481481481481467 * (100vw - 36rem) + 1.42rem), 1.35rem); --text-m: clamp(1.6rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1.6rem), 1.8rem); --text-l: clamp(1.8rem, calc(0.005555555555555554 * (100vw - 36rem) + 1.8rem), 2.4rem); --text-xl: clamp(2.02rem, calc(0.010925925925925927 * (100vw - 36rem) + 2.02rem), 3.2rem); --text-2xl: clamp(2.28rem, calc(0.018333333333333333 * (100vw - 36rem) + 2.28rem), 4.26rem); --text-3xl: clamp(2.56rem, calc(0.028888888888888884 * (100vw - 36rem) + 2.56rem), 5.68rem); --text-4xl: clamp(2.88rem, calc(0.04351851851851852 * (100vw - 36rem) + 2.88rem), 7.58rem); --text-line-height: calc(10px + 2ex); --heading-line-height: calc(7px + 2ex); --space-4xs: clamp(0.38rem, calc(0.0009259259259259257 * (100vw - 36rem) + 0.38rem), 0.48rem); --space-3xs: clamp(0.51rem, calc(0.0011111111111111111 * (100vw - 36rem) + 0.51rem), 0.63rem); --space-2xs: clamp(0.68rem, calc(0.0014814814814814808 * (100vw - 36rem) + 0.68rem), 0.84rem); --space-xs: clamp(0.9rem, calc(0.0021296296296296285 * (100vw - 36rem) + 0.9rem), 1.13rem); --space-s: clamp(1.2rem, calc(0.0027777777777777783 * (100vw - 36rem) + 1.2rem), 1.5rem); --space-m: clamp(1.6rem, calc(0.003703703703703703 * (100vw - 36rem) + 1.6rem), 2rem); --space-l: clamp(2.13rem, calc(0.005 * (100vw - 36rem) + 2.13rem), 2.67rem); --space-xl: clamp(2.84rem, calc(0.006574074074074073 * (100vw - 36rem) + 2.84rem), 3.55rem); --space-2xl: clamp(3.79rem, calc(0.008796296296296299 * (100vw - 36rem) + 3.79rem), 4.74rem); --space-3xl: clamp(5.05rem, calc(0.011666666666666665 * (100vw - 36rem) + 5.05rem), 6.31rem); --space-4xl: clamp(6.73rem, calc(0.015648148148148144 * (100vw - 36rem) + 6.73rem), 8.42rem); --max-width-xs: 440px; --max-width-s: 640px; --max-width-m: 840px; --max-width-l: 980px;}