: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; --green: #97bf0d; --pink: #e2007a; --grey-5: #303030; --grey-4: #515151; --grey-3: #777777; --grey-2: #bfbfbf ; --grey-1: #f7f7f7; --light: #ffffff; --space-4xs: clamp(0.49rem, calc(-0.0004838709677419355 * (100vw - 36rem) + 0.49rem), 0.43rem); --space-3xs: clamp(0.61rem, calc(-0.0003225806451612906 * (100vw - 36rem) + 0.61rem), 0.57rem); --space-2xs: clamp(0.77rem, calc(-0.00008064516129032265 * (100vw - 36rem) + 0.77rem), 0.76rem); --space-xs: clamp(0.96rem, calc(0.0004032258064516133 * (100vw - 36rem) + 0.96rem), 1.01rem); --space-s: clamp(1.2rem, calc(0.0012096774193548398 * (100vw - 36rem) + 1.2rem), 1.35rem); --space-m: clamp(1.5rem, calc(0.002419354838709678 * (100vw - 36rem) + 1.5rem), 1.8rem); --space-l: clamp(1.88rem, calc(0.004193548387096774 * (100vw - 36rem) + 1.88rem), 2.4rem); --space-xl: clamp(2.34rem, calc(0.006935483870967744 * (100vw - 36rem) + 2.34rem), 3.2rem); --space-2xl: clamp(2.93rem, calc(0.0107258064516129 * (100vw - 36rem) + 2.93rem), 4.26rem); --space-3xl: clamp(3.66rem, calc(0.016290322580645156 * (100vw - 36rem) + 3.66rem), 5.68rem); --space-4xl: clamp(4.58rem, calc(0.024193548387096774 * (100vw - 36rem) + 4.58rem), 7.58rem); --space-5xl: clamp(5.72rem, calc(0.03532258064516129 * (100vw - 36rem) + 5.72rem), 10.1rem); --space-6xl: clamp(7.15rem, calc(0.05088709677419355 * (100vw - 36rem) + 7.15rem), 13.46rem); --text-2xs: clamp(0.84rem, calc(-0.0030645161290322577 * (100vw - 36rem) + 0.84rem), 0.46rem); --text-xs: clamp(0.95rem, calc(-0.002419354838709677 * (100vw - 36rem) + 0.95rem), 0.65rem); --text-s: clamp(1.07rem, calc(-0.001209677419354839 * (100vw - 36rem) + 1.07rem), 0.92rem); --text-m: clamp(1.2rem, calc(0.0008064516129032266 * (100vw - 36rem) + 1.2rem), 1.3rem); --text-l: clamp(1.35rem, calc(0.003951612903225806 * (100vw - 36rem) + 1.35rem), 1.84rem); --text-xl: clamp(1.52rem, calc(0.00870967741935484 * (100vw - 36rem) + 1.52rem), 2.6rem); --text-2xl: clamp(1.71rem, calc(0.01588709677419355 * (100vw - 36rem) + 1.71rem), 3.68rem); --text-3xl: clamp(1.92rem, calc(0.02645161290322581 * (100vw - 36rem) + 1.92rem), 5.2rem); --text-4xl: clamp(2.16rem, calc(0.04185483870967741 * (100vw - 36rem) + 2.16rem), 7.35rem); --text-5xl: clamp(2.43rem, calc(0.06419354838709677 * (100vw - 36rem) + 2.43rem), 10.39rem); --text-6xl: clamp(2.74rem, calc(0.09637096774193547 * (100vw - 36rem) + 2.74rem), 14.69rem);}.text-green { color: var(--green); }.bg-green { background-color: var(--green); }.border-green { border-color: var(--green); }.fill-green { fill: var(--green); }.stroke-green { stroke: var(--green); }.stroke-pink { stroke: var(--pink); }.fill-pink { fill: var(--pink); }.border-pink { border-color: var(--pink); }.text-pink { color: var(--pink); }.bg-pink { background-color: var(--pink); }.bg-grey-5 { background-color: var(--grey-5); }.text-grey-5 { color: var(--grey-5); }.border-grey-5 { border-color: var(--grey-5); }.fill-grey-5 { fill: var(--grey-5); }.stroke-grey-5 { stroke: var(--grey-5); }.bg-grey-4 { background-color: var(--grey-4); }.text-grey-4 { color: var(--grey-4); }.border-grey-4 { border-color: var(--grey-4); }.fill-grey-4 { fill: var(--grey-4); }.stroke-grey-4 { stroke: var(--grey-4); }.border-grey-3 { border-color: var(--grey-3); }.bg-grey-3 { background-color: var(--grey-3); }.text-grey-3 { color: var(--grey-3); }.fill-grey-3 { fill: var(--grey-3); }.stroke-grey-3 { stroke: var(--grey-3); }.text-grey-2 { color: var(--grey-2); }.bg-grey-2 { background-color: var(--grey-2); }.border-grey-2 { border-color: var(--grey-2); }.stroke-grey-2 { stroke: var(--grey-2); }.fill-grey-2 { fill: var(--grey-2); }.bg-grey-1 { background-color: var(--grey-1); }.text-grey-1 { color: var(--grey-1); }.border-grey-1 { border-color: var(--grey-1); }.fill-grey-1 { fill: var(--grey-1); }.stroke-grey-1 { stroke: var(--grey-1); }.bg-light { background-color: var(--light); }.text-light { color: var(--light); }.border-light { border-color: var(--light); }.fill-light { fill: var(--light); }.stroke-light { stroke: var(--light); }