:root{--min-screen-width:320px;--max-screen-width:1400px;--primary:hsla(353,100%,55%,1);--primary-5:hsla(353,100%,55%,0.05);--primary-10:hsla(353,100%,55%,0.1);--primary-20:hsla(353,100%,55%,0.2);--primary-30:hsla(353,100%,55%,0.3);--primary-40:hsla(353,100%,55%,0.4);--primary-50:hsla(353,100%,55%,0.5);--primary-60:hsla(353,100%,55%,0.6);--primary-70:hsla(353,100%,55%,0.7);--primary-80:hsla(353,100%,55%,0.8);--primary-90:hsla(353,100%,55%,0.9);--primary-d-1:hsl(356,72%,45%);--primary-d-2:hsl(359,64%,35%);--primary-d-3:hsl(2,59%,24%);--primary-d-4:hsl(7,53%,13%);--primary-l-1:hsl(3,100%,67%);--primary-l-2:hsl(7,100%,75%);--primary-l-3:hsl(9,100%,83%);--primary-l-4:hsl(10,100%,91%);--secondary:hsla(184,100%,46%,1);--secondary-5:hsla(184,100%,46%,0.05);--secondary-10:hsla(184,100%,46%,0.1);--secondary-20:hsla(184,100%,46%,0.2);--secondary-30:hsla(184,100%,46%,0.3);--secondary-40:hsla(184,100%,46%,0.4);--secondary-50:hsla(184,100%,46%,0.5);--secondary-60:hsla(184,100%,46%,0.6);--secondary-70:hsla(184,100%,46%,0.7);--secondary-80:hsla(184,100%,46%,0.8);--secondary-90:hsla(184,100%,46%,0.9);--secondary-d-1:hsl(185,73%,42%);--secondary-d-2:hsl(185,60%,33%);--secondary-d-3:hsl(185,48%,23%);--secondary-d-4:hsl(186,35%,13%);--secondary-l-1:hsl(185,81%,67%);--secondary-l-2:hsl(186,79%,77%);--secondary-l-3:hsl(186,78%,85%);--secondary-l-4:hsl(185,78%,93%);--bg-body:hsla(280,26%,95%,1);--bg-surface:hsla(280,100%,99%,1);--bg-surface-5:hsla(280,100%,99%,0.05);--bg-surface-10:hsla(280,100%,99%,0.1);--bg-surface-20:hsla(280,100%,99%,0.2);--bg-surface-30:hsla(280,100%,99%,0.3);--bg-surface-40:hsla(280,100%,99%,0.4);--bg-surface-50:hsla(280,100%,99%,0.5);--bg-surface-60:hsla(280,100%,99%,0.6);--bg-surface-70:hsla(280,100%,99%,0.7);--bg-surface-80:hsla(280,100%,99%,0.8);--bg-surface-90:hsla(280,100%,99%,0.9);--bg-surface-d-1:hsl(276,2%,72%);--bg-surface-d-2:hsl(276,1%,46%);--bg-surface-d-3:hsl(276,1%,23%);--text-body:hsla(285,7%,22%,1);--text-title:hsla(295,8%,9%,1);--border-primary:hsla(0,0%,50%,0.25);--shadow-primary:hsla(0,0%,0%,0.15);--light:hsla(280,100%,98%,1);--light-5:hsla(280,100%,98%,0.05);--light-10:hsla(280,100%,98%,0.1);--light-20:hsla(280,100%,98%,0.2);--light-30:hsla(280,100%,98%,0.3);--light-40:hsla(280,100%,98%,0.4);--light-50:hsla(280,100%,98%,0.5);--light-60:hsla(280,100%,98%,0.6);--light-70:hsla(280,100%,98%,0.7);--light-80:hsla(280,100%,98%,0.8);--light-90:hsla(280,100%,98%,0.9);--light-d-1:hsl(282,6%,76%);--light-d-2:hsl(282,2%,56%);--light-d-3:hsl(282,2%,36%);--light-d-4:hsl(282,2%,19%);--dark:hsla(280,13%,12%,1);--dark-5:hsla(280,13%,12%,0.05);--dark-10:hsla(280,13%,12%,0.1);--dark-20:hsla(280,13%,12%,0.2);--dark-30:hsla(280,13%,12%,0.3);--dark-40:hsla(280,13%,12%,0.4);--dark-50:hsla(280,13%,12%,0.5);--dark-60:hsla(280,13%,12%,0.6);--dark-70:hsla(280,13%,12%,0.7);--dark-80:hsla(280,13%,12%,0.8);--dark-90:hsla(280,13%,12%,0.9);--dark-d-1:hsl(278,12%,10%);--dark-d-2:hsl(280,12%,8%);--dark-d-3:hsl(280,13%,6%);--dark-d-4:hsl(279,17%,3%);--success:hsl(136,95%,56%);--success-5:hsla(136,95%,56%,0.05);--success-10:hsla(136,95%,56%,0.1);--success-20:hsla(136,95%,56%,0.2);--success-30:hsla(136,95%,56%,0.3);--success-40:hsla(136,95%,56%,0.4);--success-50:hsla(136,95%,56%,0.5);--success-60:hsla(136,95%,56%,0.6);--success-70:hsla(136,95%,56%,0.7);--success-80:hsla(136,95%,56%,0.8);--success-90:hsla(136,95%,56%,0.9);--error:hsl(351,95%,56%);--error-5:hsla(351,95%,56%,0.05);--error-10:hsla(351,95%,56%,0.1);--error-20:hsla(351,95%,56%,0.2);--error-30:hsla(351,95%,56%,0.3);--error-40:hsla(351,95%,56%,0.4);--error-50:hsla(351,95%,56%,0.5);--error-60:hsla(351,95%,56%,0.6);--error-70:hsla(351,95%,56%,0.7);--error-80:hsla(351,95%,56%,0.8);--error-90:hsla(351,95%,56%,0.9);--always-light:hsla(280,100%,95%,1);--always-light-d-1:hsl(281,11%,69%);--always-light-d-2:hsl(281,5%,45%);--always-light-d-3:hsl(281,4%,22%);--always-dark:hsla(280,13%,12%,1);--always-dark-d-1:hsl(278,12%,10%);--always-dark-d-2:hsl(280,12%,7%);--always-dark-d-3:hsl(280,16%,4%);--space-4xs:clamp(0.52rem,calc(-0.09vw + 0.55rem),0.42rem);--space-3xs:clamp(0.66rem,calc(-0.05vw + 0.67rem),0.6rem);--space-2xs:clamp(0.82rem,calc(0.03vw + 0.81rem),0.85rem);--space-xs:clamp(1.02rem,calc(0.16vw + 0.97rem),1.2rem);--space-s:clamp(1.28rem,calc(0.39vw + 1.16rem),1.7rem);--space-m:clamp(1.6rem,calc(0.74vw + 1.36rem),2.4rem);--space-l:clamp(2rem,calc(1.29vw + 1.59rem),3.39rem);--space-xl:clamp(2.5rem,calc(2.13vw + 1.82rem),4.8rem);--space-2xl:clamp(3.13rem,calc(3.39vw + 2.04rem),6.78rem);--space-3xl:clamp(3.91rem,calc(5.27vw + 2.22rem),9.59rem);--space-4xl:clamp(4.88rem,calc(8.04vw + 2.31rem),13.57rem);--text-xs:clamp(1.11rem,calc(-0.19vw + 1.17rem),0.9rem);--text-s:clamp(1.24rem,calc(-0.04vw + 1.26rem),1.2rem);--text-m:clamp(1.4rem,calc(0.19vw + 1.34rem),1.6rem);--text-l:clamp(1.57rem,calc(0.52vw + 1.41rem),2.13rem);--text-xl:clamp(1.77rem,calc(0.99vw + 1.45rem),2.84rem);--text-2xl:clamp(1.99rem,calc(1.66vw + 1.46rem),3.79rem);--text-3xl:clamp(2.24rem,calc(2.6vw + 1.41rem),5.05rem);--text-4xl:clamp(2.52rem,calc(3.9vw + 1.27rem),6.73rem);--radius-xs:0.25rem;--radius-s:.5rem;--radius-m:1rem;--radius-l:2rem;--radius-full:999rem;--shadow-xs:0 1px 2px var(--shadow-primary);--shadow-s:0 1.5px 3px var(--shadow-primary);--shadow-m:0 2px 6px var(--shadow-primary);--shadow-l:0 3px 12px var(--shadow-primary);--shadow-xl:0 6px 48px var(--shadow-primary)}