:root { --black: #030712; --black-l-1: #353941; --black-l-2: #686a71; --black-l-3: #9a9ca0; --black-l-4: #cdcdd0; --white: hsl(0, 0%, 100%); --white-d-1: hsl(0, 0%, 83%); --white-d-2: hsl(0, 0%, 67%); --white-d-3: hsl(0, 0%, 50%); --white-d-4: hsl(0, 0%, 33%); --white-d-5: hsl(0, 0%, 17%); --primary: #0088cc; --primary-l-1: #40a6d9; --primary-l-2: #80c4e6; --primary-l-3: #bfe1f2; --primary-d-1: #006699; --primary-d-2: #004466; --primary-d-3: #002233; --border-light: rgba(0, 0, 0, 0.04); --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); --text-l: clamp(1.8rem, calc(0.002037037037037037 * (100vw - 36rem) + 1.8rem), 2.02rem); --text-xl: clamp(2.02rem, calc(0.0024074074074074054 * (100vw - 36rem) + 2.02rem), 2.28rem); --text-2xl: clamp(2.28rem, calc(0.0025925925925925947 * (100vw - 36rem) + 2.28rem), 2.56rem); --h-7: clamp(3.37rem, calc(0.020833333333333332 * (100vw - 36rem) + 3.37rem), 5.62rem); --h-6: clamp(3.79rem, calc(0.02342592592592593 * (100vw - 36rem) + 3.79rem), 6.32rem); --h-5: clamp(4.27rem, calc(0.026296296296296304 * (100vw - 36rem) + 4.27rem), 7.11rem); --h-4: clamp(4.8rem, calc(0.02962962962962963 * (100vw - 36rem) + 4.8rem), 8rem); --h-3: clamp(5.4rem, calc(0.03333333333333333 * (100vw - 36rem) + 5.4rem), 9rem); --h-2: clamp(6.08rem, calc(0.037500000000000006 * (100vw - 36rem) + 6.08rem), 10.13rem); --h-1: clamp(6.83rem, calc(0.042222222222222223 * (100vw - 36rem) + 6.83rem), 11.39rem);}