:root { --color-primary-red: #8b1934; --color-primary-red-t-1: hsla(346, 70%, 32%, 0.17); --color-primary-red-t-2: hsla(346, 70%, 32%, 0.33); --color-primary-red-t-3: hsla(346, 70%, 32%, 0.5); --color-primary-red-t-4: hsla(346, 70%, 32%, 0.67); --color-primary-red-t-5: hsla(346, 70%, 32%, 0.83); --color-primary-red-l-1: #9e3f56; --color-primary-red-l-2: #b26678; --color-primary-red-l-3: #c58c9a; --color-primary-red-l-4: #d8b2bb; --color-primary-red-l-5: #ecd9dd; --color-primary-red-d-1: #74152b; --color-primary-red-d-2: #5d1123; --color-primary-red-d-3: #460d1a; --color-primary-red-d-4: #2e0811; --color-primary-red-d-5: #170409; --color-primary-gery: #728097; --color-primary-gery-d-1: #5f6b7e; --color-primary-gery-d-2: #4c5565; --color-primary-gery-d-3: #39404c; --color-primary-gery-d-4: #262b32; --color-primary-gery-d-5: #131519; --color-primary-gery-l-1: #8a95a8; --color-primary-gery-l-2: #a1aaba; --color-primary-gery-l-3: #b9c0cb; --color-primary-gery-l-4: #d0d5dc; --color-primary-gery-l-5: #e8eaee; --dark: #000; --dark-t-1: hsla(0, 0%, 0%, 0.17); --dark-t-2: hsla(0, 0%, 0%, 0.33); --dark-t-3: hsla(0, 0%, 0%, 0.5); --dark-t-4: hsla(0, 0%, 0%, 0.67); --dark-t-5: hsla(0, 0%, 0%, 0.83); --light: #fff; --light-t-1: hsla(0, 0%, 100%, 0.17); --light-t-2: hsla(0, 0%, 100%, 0.33); --light-t-3: hsla(0, 0%, 100%, 0.5); --light-t-4: hsla(0, 0%, 100%, 0.67); --light-t-5: hsla(0, 0%, 100%, 0.83); --space-2xs: clamp(0.51rem, calc(-0.002074074074074074 * (100vw - 22.5rem) + 0.51rem), 0.37rem); --space-xs: clamp(0.64rem, calc(-0.0011851851851851845 * (100vw - 22.5rem) + 0.64rem), 0.56rem); --space-s: clamp(0.8rem, calc(0.0004444444444444432 * (100vw - 22.5rem) + 0.8rem), 0.83rem); --space-m: clamp(1rem, calc(0.003703703703703704 * (100vw - 22.5rem) + 1rem), 1.25rem); --space-l: clamp(1.25rem, calc(0.009333333333333332 * (100vw - 22.5rem) + 1.25rem), 1.88rem); --space-xl: clamp(1.56rem, calc(0.018518518518518517 * (100vw - 22.5rem) + 1.56rem), 2.81rem); --space-2xl: clamp(1.95rem, calc(0.03362962962962962 * (100vw - 22.5rem) + 1.95rem), 4.22rem); --space-3xl: clamp(2.44rem, calc(0.057629629629629635 * (100vw - 22.5rem) + 2.44rem), 6.33rem); --space-4xl: clamp(3.05rem, calc(0.09540740740740741 * (100vw - 22.5rem) + 3.05rem), 9.49rem); --text-2xs: clamp(0.51rem, calc(0.005481481481481481 * (100vw - 22.5rem) + 0.51rem), 0.88rem); --text-xs: clamp(0.64rem, calc(0.005185185185185185 * (100vw - 22.5rem) + 0.64rem), 0.99rem); --text-s: clamp(0.8rem, calc(0.004592592592592593 * (100vw - 22.5rem) + 0.8rem), 1.11rem); --text-m: clamp(1rem, calc(0.003703703703703704 * (100vw - 22.5rem) + 1rem), 1.25rem); --text-l: clamp(1.25rem, calc(0.002370370370370369 * (100vw - 22.5rem) + 1.25rem), 1.41rem); --text-xl: clamp(1.56rem, calc(0.00029629629629629656 * (100vw - 22.5rem) + 1.56rem), 1.58rem); --text-2xl: clamp(1.95rem, calc(-0.0025185185185185176 * (100vw - 22.5rem) + 1.95rem), 1.78rem); --text-3xl: clamp(2.44rem, calc(-0.006518518518518518 * (100vw - 22.5rem) + 2.44rem), 2rem); --text-4xl: clamp(3.05rem, calc(-0.01185185185185185 * (100vw - 22.5rem) + 3.05rem), 2.25rem); --text-5xl: clamp(3.81rem, calc(-0.018962962962962966 * (100vw - 22.5rem) + 3.81rem), 2.53rem); --text-6xl: clamp(4.77rem, calc(-0.028444444444444435 * (100vw - 22.5rem) + 4.77rem), 2.85rem); --text-7xl: clamp(5.96rem, calc(-0.040740740740740744 * (100vw - 22.5rem) + 5.96rem), 3.21rem); --text-8xl: clamp(7.45rem, calc(-0.05688888888888889 * (100vw - 22.5rem) + 7.45rem), 3.61rem);}.bg-color-primary-red { background-color: var(--color-primary-red); }.bg-color-primary-red-t-1 { background-color: var(--color-primary-red-t-1); }.bg-color-primary-red-t-2 { background-color: var(--color-primary-red-t-2); }.bg-color-primary-red-t-3 { background-color: var(--color-primary-red-t-3); }.bg-color-primary-red-t-4 { background-color: var(--color-primary-red-t-4); }.bg-color-primary-red-t-5 { background-color: var(--color-primary-red-t-5); }.bg-color-primary-red-l-1 { background-color: var(--color-primary-red-l-1); }.bg-color-primary-red-l-2 { background-color: var(--color-primary-red-l-2); }.bg-color-primary-red-l-3 { background-color: var(--color-primary-red-l-3); }.bg-color-primary-red-l-4 { background-color: var(--color-primary-red-l-4); }.bg-color-primary-red-l-5 { background-color: var(--color-primary-red-l-5); }.bg-color-primary-red-d-1 { background-color: var(--color-primary-red-d-1); }.bg-color-primary-red-d-2 { background-color: var(--color-primary-red-d-2); }.bg-color-primary-red-d-3 { background-color: var(--color-primary-red-d-3); }.bg-color-primary-red-d-4 { background-color: var(--color-primary-red-d-4); }.bg-color-primary-red-d-5 { background-color: var(--color-primary-red-d-5); }.border-color-primary-red { border-color: var(--color-primary-red); }.border-color-primary-red-t-1 { border-color: var(--color-primary-red-t-1); }.border-color-primary-red-t-2 { border-color: var(--color-primary-red-t-2); }.border-color-primary-red-t-3 { border-color: var(--color-primary-red-t-3); }.border-color-primary-red-t-4 { border-color: var(--color-primary-red-t-4); }.border-color-primary-red-t-5 { border-color: var(--color-primary-red-t-5); }.border-color-primary-red-l-1 { border-color: var(--color-primary-red-l-1); }.border-color-primary-red-l-2 { border-color: var(--color-primary-red-l-2); }.border-color-primary-red-l-3 { border-color: var(--color-primary-red-l-3); }.border-color-primary-red-l-4 { border-color: var(--color-primary-red-l-4); }.border-color-primary-red-l-5 { border-color: var(--color-primary-red-l-5); }.border-color-primary-red-d-1 { border-color: var(--color-primary-red-d-1); }.border-color-primary-red-d-2 { border-color: var(--color-primary-red-d-2); }.border-color-primary-red-d-3 { border-color: var(--color-primary-red-d-3); }.border-color-primary-red-d-4 { border-color: var(--color-primary-red-d-4); }.border-color-primary-red-d-5 { border-color: var(--color-primary-red-d-5); }.outline-color-primary-red { outline-color: var(--color-primary-red); }.outline-color-primary-red-t-1 { outline-color: var(--color-primary-red-t-1); }.outline-color-primary-red-t-2 { outline-color: var(--color-primary-red-t-2); }.outline-color-primary-red-t-3 { outline-color: var(--color-primary-red-t-3); }.outline-color-primary-red-t-4 { outline-color: var(--color-primary-red-t-4); }.outline-color-primary-red-t-5 { outline-color: var(--color-primary-red-t-5); }.outline-color-primary-red-l-1 { outline-color: var(--color-primary-red-l-1); }.outline-color-primary-red-l-2 { outline-color: var(--color-primary-red-l-2); }.outline-color-primary-red-l-3 { outline-color: var(--color-primary-red-l-3); }.outline-color-primary-red-l-4 { outline-color: var(--color-primary-red-l-4); }.outline-color-primary-red-l-5 { outline-color: var(--color-primary-red-l-5); }.outline-color-primary-red-d-1 { outline-color: var(--color-primary-red-d-1); }.outline-color-primary-red-d-2 { outline-color: var(--color-primary-red-d-2); }.outline-color-primary-red-d-3 { outline-color: var(--color-primary-red-d-3); }.outline-color-primary-red-d-4 { outline-color: var(--color-primary-red-d-4); }.outline-color-primary-red-d-5 { outline-color: var(--color-primary-red-d-5); }.text-dark { color: var(--dark); }.text-dark-t-1 { color: var(--dark-t-1); }.text-dark-t-2 { color: var(--dark-t-2); }.text-dark-t-3 { color: var(--dark-t-3); }.text-dark-t-4 { color: var(--dark-t-4); }.text-dark-t-5 { color: var(--dark-t-5); }