:root { --border-color: #9FADA3; --primary-trans-90: color-mix(in oklch, var(--primary) 90%, transparent); --primary-trans-80: color-mix(in oklch, var(--primary) 80%, transparent); --primary-trans-70: color-mix(in oklch, var(--primary) 70%, transparent); --primary-trans-60: color-mix(in oklch, var(--primary) 60%, transparent); --primary-trans-50: color-mix(in oklch, var(--primary) 50%, transparent); --primary-trans-40: color-mix(in oklch, var(--primary) 40%, transparent); --primary-trans-30: color-mix(in oklch, var(--primary) 30%, transparent); --primary-trans-20: color-mix(in oklch, var(--primary) 20%, transparent); --primary-trans-10: color-mix(in oklch, var(--primary) 10%, transparent); --secondary-trans-90: color-mix(in oklch, var(--secondary) 90%, transparent); --secondary-trans-80: color-mix(in oklch, var(--secondary) 80%, transparent); --secondary-trans-70: color-mix(in oklch, var(--secondary) 70%, transparent); --secondary-trans-60: color-mix(in oklch, var(--secondary) 60%, transparent); --secondary-trans-50: color-mix(in oklch, var(--secondary) 50%, transparent); --secondary-trans-40: color-mix(in oklch, var(--secondary) 40%, transparent); --secondary-trans-30: color-mix(in oklch, var(--secondary) 30%, transparent); --secondary-trans-20: color-mix(in oklch, var(--secondary) 20%, transparent); --secondary-trans-10: color-mix(in oklch, var(--secondary) 10%, transparent); --base-trans-90: color-mix(in oklch, var(--base) 90%, transparent); --base-trans-80: color-mix(in oklch, var(--base) 80%, transparent); --base-trans-70: color-mix(in oklch, var(--base) 70%, transparent); --base-trans-60: color-mix(in oklch, var(--base) 60%, transparent); --base-trans-50: color-mix(in oklch, var(--base) 50%, transparent); --base-trans-40: color-mix(in oklch, var(--base) 40%, transparent); --base-trans-30: color-mix(in oklch, var(--base) 30%, transparent); --base-trans-20: color-mix(in oklch, var(--base) 20%, transparent); --base-trans-10: color-mix(in oklch, var(--base) 10%, transparent); --black-trans-90: color-mix(in oklch, var(--black) 90%, transparent);; --black-trans-80: color-mix(in oklch, var(--black) 80%, transparent);; --black-trans-70: color-mix(in oklch, var(--black) 70%, transparent);; --black-trans-60: color-mix(in oklch, var(--black) 60%, transparent);; --black-trans-50: color-mix(in oklch, var(--black) 50%, transparent);; --black-trans-40: color-mix(in oklch, var(--black) 40%, transparent);; --black-trans-30: color-mix(in oklch, var(--black) 30%, transparent);; --black-trans-20: color-mix(in oklch, var(--black) 20%, transparent);; --black-trans-10: color-mix(in oklch, var(--black) 10%, transparent);; --white-trans-90: color-mix(in oklch, var(--white) 90%, transparent);; --white-trans-80: color-mix(in oklch, var(--white) 80%, transparent);; --white-trans-70: color-mix(in oklch, var(--white) 70%, transparent);; --white-trans-60: color-mix(in oklch, var(--white) 60%, transparent);; --white-trans-50: color-mix(in oklch, var(--white) 50%, transparent);; --white-trans-40: color-mix(in oklch, var(--white) 40%, transparent);; --white-trans-30: color-mix(in oklch, var(--white) 30%, transparent);; --white-trans-20: color-mix(in oklch, var(--white) 20%, transparent);; --white-trans-10: color-mix(in oklch, var(--white) 10%, transparent);; --space-3xs: clamp(0.13rem, calc(0 * (100vw - 22.5rem) + 0.13rem), 0.13rem); --space-2xs: clamp(0.25rem, calc(0 * (100vw - 22.5rem) + 0.25rem), 0.25rem); --space-m-plus: clamp(1rem, calc(0.004347826086956522 * (100vw - 22.5rem) + 1rem), 1.25rem); --space-3xl: clamp(2.5rem, calc(0.02608695652173913 * (100vw - 22.5rem) + 2.5rem), 4rem); --space-4xl: clamp(3.5rem, calc(0.043478260869565216 * (100vw - 22.5rem) + 3.5rem), 6rem); --space-5xl: clamp(4rem, calc(0.06956521739130435 * (100vw - 22.5rem) + 4rem), 8rem); --text-3xl: clamp(1.5rem, calc(0.008695652173913044 * (100vw - 22.5rem) + 1.5rem), 2rem); --text-4xl: clamp(1.88rem, calc(0.010782608695652176 * (100vw - 22.5rem) + 1.88rem), 2.5rem); --text-5xl: clamp(2rem, calc(0.017391304347826087 * (100vw - 22.5rem) + 2rem), 3rem);}