:root { --bricks-color-title: #212121; --bricks-color-Secondary: #4C4C4C; --bricks-color-text: #6E716E; --bricks-color-accent: #FC7622; --bricks-color-accent-hover: #F2B34D; --bricks-color-black: #000000; --bricks-color-white: #ffffff; --bricks-color-border: #CDCDCD; --bricks-color-grey: #F9FAFD; --bricks-color-transparent: #02010100; --bricks-color-red: #CA0010; --bricks-color-red-hover: #E60012; --bricks-color-bg: #C8D5DC; --bricks-color-black-t-1: hsla(0, 0%, 0%, 0.2); --bricks-color-black-t-2: hsla(0, 0%, 0%, 0.4); --bricks-color-black-t-3: hsla(0, 0%, 0%, 0.6); --bricks-color-black-t-4: hsla(0, 0%, 0%, 0.8); --bricks-color-white-t-1: hsla(0, 0%, 100%, 0.2); --bricks-color-white-t-2: hsla(0, 0%, 100%, 0.4); --bricks-color-white-t-3: hsla(0, 0%, 100%, 0.6); --bricks-color-white-t-4: hsla(0, 0%, 100%, 0.8); --bricks-color-border-l-1: #d7d7d7; --bricks-color-border-l-2: #e1e1e1; --bricks-color-border-l-3: #ebebeb; --bricks-color-border-l-4: #f5f5f5; --text-2xs: clamp(1.12rem, calc(0.0012962962962962954 * (100vw - 36rem) + 1.12rem), 1.26rem); --text-xs: clamp(1.26rem, calc(0.0014814814814814808 * (100vw - 36rem) + 1.26rem), 1.42rem); --text-s: clamp(1.42rem, calc(0.001666666666666668 * (100vw - 36rem) + 1.42rem), 1.6rem); --text-m: clamp(1.6rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1.6rem), 1.8rem); --title-2xs: clamp(1.8rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1.8rem), 2rem); --title-xs: clamp(2.16rem, calc(0.003148148148148147 * (100vw - 36rem) + 2.16rem), 2.5rem); --title-s: clamp(2.59rem, calc(0.005 * (100vw - 36rem) + 2.59rem), 3.13rem); --title-m: clamp(3.11rem, calc(0.00740740740740741 * (100vw - 36rem) + 3.11rem), 3.91rem); --title-l: clamp(3.73rem, calc(0.010648148148148148 * (100vw - 36rem) + 3.73rem), 4.88rem); --title-xl: clamp(4.48rem, calc(0.014999999999999993 * (100vw - 36rem) + 4.48rem), 6.1rem); --title-2xl: clamp(5.37rem, calc(0.020925925925925924 * (100vw - 36rem) + 5.37rem), 7.63rem); --space-2xs: clamp(1.23rem, calc(0.0003703703703703707 * (100vw - 36rem) + 1.23rem), 1.27rem); --space-xs: clamp(1.54rem, calc(0.001388888888888888 * (100vw - 36rem) + 1.54rem), 1.69rem); --space-s: clamp(1.92rem, calc(0.003055555555555556 * (100vw - 36rem) + 1.92rem), 2.25rem); --space-m: clamp(2.4rem, calc(0.005555555555555557 * (100vw - 36rem) + 2.4rem), 3rem); --space-l: clamp(3rem, calc(0.009259259259259259 * (100vw - 36rem) + 3rem), 4rem); --space-xl: clamp(3.75rem, calc(0.01462962962962963 * (100vw - 36rem) + 3.75rem), 5.33rem); --space-2xl: clamp(4.69rem, calc(0.022407407407407407 * (100vw - 36rem) + 4.69rem), 7.11rem); --text-line-height-2xs: clamp(1.39rem, calc(0.0010185185185185195 * (100vw - 36rem) + 1.39rem), 1.5rem); --text-line-height-xs: clamp(1.67rem, calc(0.0012962962962962973 * (100vw - 36rem) + 1.67rem), 1.81rem); --text-line-height-s: clamp(2rem, calc(0.0015740740740740734 * (100vw - 36rem) + 2rem), 2.17rem); --text-line-height-m: clamp(2.4rem, calc(0.0018518518518518534 * (100vw - 36rem) + 2.4rem), 2.6rem); --title-line-height-2xs: clamp(2.15rem, calc(0.006018518518518518 * (100vw - 36rem) + 2.15rem), 2.8rem); --title-line-height-xs: clamp(2.58rem, calc(0.00722222222222222 * (100vw - 36rem) + 2.58rem), 3.36rem); --title-line-height-s: clamp(3.1rem, calc(0.008611111111111113 * (100vw - 36rem) + 3.1rem), 4.03rem); --title-line-height-m: clamp(3.72rem, calc(0.010370370370370367 * (100vw - 36rem) + 3.72rem), 4.84rem); --title-line-height-l: clamp(4.46rem, calc(0.012499999999999997 * (100vw - 36rem) + 4.46rem), 5.81rem); --title-line-height-xl: clamp(5.35rem, calc(0.015000000000000001 * (100vw - 36rem) + 5.35rem), 6.97rem); --title-line-height-2xl: clamp(6.42rem, calc(0.01796296296296296 * (100vw - 36rem) + 6.42rem), 8.36rem);}