:root { --primary: #fdc600; --primary-d-1: #be9500; --primary-d-2: #7f6300; --primary-d-3: #3f3200; --secondary: #FF0042; --secondary-d-1: #bf0032; --secondary-d-2: #800021; --secondary-d-3: #400011; --tertiary: #2B2D42; --tertiary-l-1: #606271; --tertiary-l-2: #9596a1; --tertiary-l-3: #cacbd0; --tertiary-d-1: #202232; --tertiary-d-2: #161721; --tertiary-d-3: #0b0b11; --white: white; --white-d-1: #cccccc; --white-d-2: #999999; --white-d-3: #666666; --white-d-4: #333333; --black: black; --secondary-l-1: #ff4071; --secondary-l-2: #ff80a1; --secondary-l-3: #ffbfd0; --primary-l-1: #fed440; --primary-l-2: #fee380; --primary-l-3: #fff1bf; --h6: clamp(0.77rem, calc(0.0026666666666666657 * (100vw - 22.5rem) + 0.77rem), 0.95rem); --h5: clamp(0.96rem, calc(0.004592592592592593 * (100vw - 22.5rem) + 0.96rem), 1.27rem); --h4: clamp(1.2rem, calc(0.007259259259259259 * (100vw - 22.5rem) + 1.2rem), 1.69rem); --h3: clamp(1.5rem, calc(0.011111111111111112 * (100vw - 22.5rem) + 1.5rem), 2.25rem); --h2: clamp(1.88rem, calc(0.016592592592592593 * (100vw - 22.5rem) + 1.88rem), 3rem); --h1: clamp(2.34rem, calc(0.024592592592592593 * (100vw - 22.5rem) + 2.34rem), 4rem); --text-2xs: clamp(0.79rem, calc(0.00014814814814814828 * (100vw - 22.5rem) + 0.79rem), 0.8rem); --text-xs: clamp(0.89rem, calc(0.0008888888888888881 * (100vw - 22.5rem) + 0.89rem), 0.95rem); --text-s: clamp(1rem, calc(0.002222222222222221 * (100vw - 22.5rem) + 1rem), 1.15rem); --text-m: clamp(1.13rem, calc(0.003703703703703704 * (100vw - 22.5rem) + 1.13rem), 1.38rem); --text-l: clamp(1.27rem, calc(0.005629629629629628 * (100vw - 22.5rem) + 1.27rem), 1.65rem); --text-xl: clamp(1.42rem, calc(0.008296296296296296 * (100vw - 22.5rem) + 1.42rem), 1.98rem); --text-2xl: clamp(1.6rem, calc(0.011555555555555553 * (100vw - 22.5rem) + 1.6rem), 2.38rem); --space-2xs: clamp(0.51rem, calc(-0.001037037037037037 * (100vw - 22.5rem) + 0.51rem), 0.44rem); --space-xs: clamp(0.64rem, calc(-0.00014814814814814828 * (100vw - 22.5rem) + 0.64rem), 0.63rem); --space-s: clamp(0.8rem, calc(0.0011851851851851845 * (100vw - 22.5rem) + 0.8rem), 0.88rem); --space-m: clamp(1rem, calc(0.003703703703703704 * (100vw - 22.5rem) + 1rem), 1.25rem); --space-l: clamp(1.25rem, calc(0.007703703703703704 * (100vw - 22.5rem) + 1.25rem), 1.77rem); --space-xl: clamp(1.56rem, calc(0.013925925925925925 * (100vw - 22.5rem) + 1.56rem), 2.5rem); --space-2xl: clamp(1.95rem, calc(0.023407407407407405 * (100vw - 22.5rem) + 1.95rem), 3.53rem); --space-3xl: clamp(2.44rem, calc(0.037925925925925925 * (100vw - 22.5rem) + 2.44rem), 5rem); --space-4xl: clamp(3.05rem, calc(0.05955555555555556 * (100vw - 22.5rem) + 3.05rem), 7.07rem); --min-screen-width: 320; --max-screen-width: 1400; --radius-xs: clamp(0.38rem, calc(0.0026666666666666674 * (100vw - 22.5rem) + 0.38rem), 0.56rem); --radius-s: clamp(0.62rem, calc(0.0031111111111111105 * (100vw - 22.5rem) + 0.62rem), 0.83rem); --radius-m: clamp(1rem, calc(0.003703703703703704 * (100vw - 22.5rem) + 1rem), 1.25rem); --radius-l: clamp(1.62rem, calc(0.0038518518518518485 * (100vw - 22.5rem) + 1.62rem), 1.88rem); --radius-xl: clamp(2.62rem, calc(0.002814814814814814 * (100vw - 22.5rem) + 2.62rem), 2.81rem); --radius-full: 999rem;}.padding-2xs { padding: var(--space-2xs); }.padding-xs { padding: var(--space-xs); }.padding-s { padding: var(--space-s); }.padding-m { padding: var(--space-m); }.padding-l { padding: var(--space-l); }.padding-xl { padding: var(--space-xl); }.padding-2xl { padding: var(--space-2xl); }.padding-3xl { padding: var(--space-3xl); }.padding-4xl { padding: var(--space-4xl); }.padding-min-screen-width { padding: var(--min-screen-width); }.padding-max-screen-width { padding: var(--max-screen-width); }.margin-2xs { margin: var(--space-2xs); }.margin-xs { margin: var(--space-xs); }.margin-s { margin: var(--space-s); }.margin-m { margin: var(--space-m); }.margin-l { margin: var(--space-l); }.margin-xl { margin: var(--space-xl); }.margin-2xl { margin: var(--space-2xl); }.margin-3xl { margin: var(--space-3xl); }.margin-4xl { margin: var(--space-4xl); }.margin-min-screen-width { margin: var(--min-screen-width); }.margin-max-screen-width { margin: var(--max-screen-width); }