:root{--min-screen-width:320px;--max-screen-width:1400px;--primary:hsla(313,23%,75%,1);--primary-5:hsla(313,23%,75%,0.05);--primary-10:hsla(313,23%,75%,0.1);--primary-20:hsla(313,23%,75%,0.2);--primary-30:hsla(313,23%,75%,0.3);--primary-40:hsla(313,23%,75%,0.4);--primary-50:hsla(313,23%,75%,0.5);--primary-60:hsla(313,23%,75%,0.6);--primary-70:hsla(313,23%,75%,0.7);--primary-80:hsla(313,23%,75%,0.8);--primary-90:hsla(313,23%,75%,0.9);--primary-d-1:hsl(312,16%,68%);--primary-d-2:hsl(312,11%,60%);--primary-d-3:hsl(312,8%,53%);--primary-d-4:hsl(313,7%,46%);--primary-d-5:hsl(313,7%,39%);--primary-d-6:hsl(313,7%,33%);--primary-d-7:hsl(313,7%,26%);--primary-d-8:hsl(313,6%,20%);--primary-d-9:hsl(313,6%,14%);--primary-d-10:hsl(313,5%,8%);--primary-l-1:hsl(313,23%,77%);--primary-l-2:hsl(313,23%,80%);--primary-l-3:hsl(313,23%,82%);--primary-l-4:hsl(313,23%,84%);--primary-l-5:hsl(313,23%,86%);--primary-l-6:hsl(313,24%,89%);--primary-l-7:hsl(313,24%,91%);--primary-l-8:hsl(314,24%,93%);--primary-l-9:hsl(314,24%,95%);--primary-l-10:hsl(314,24%,98%);--secondary:hsla(232,43%,75%,1);--secondary-5:hsla(232,43%,75%,0.05);--secondary-10:hsla(232,43%,75%,0.1);--secondary-20:hsla(232,43%,75%,0.2);--secondary-30:hsla(232,43%,75%,0.3);--secondary-40:hsla(232,43%,75%,0.4);--secondary-50:hsla(232,43%,75%,0.5);--secondary-60:hsla(232,43%,75%,0.6);--secondary-70:hsla(232,43%,75%,0.7);--secondary-80:hsla(232,43%,75%,0.8);--secondary-90:hsla(232,43%,75%,0.9);--secondary-d-1:hsl(232,30%,68%);--secondary-d-2:hsl(232,21%,60%);--secondary-d-3:hsl(233,16%,53%);--secondary-d-4:hsl(233,14%,46%);--secondary-d-5:hsl(233,13%,39%);--secondary-d-6:hsl(233,13%,33%);--secondary-d-7:hsl(233,12%,26%);--secondary-d-8:hsl(233,12%,20%);--secondary-d-9:hsl(234,10%,14%);--secondary-d-10:hsl(235,9%,8%);--secondary-l-1:hsl(234,44%,88%);--tertiary:hsla(319,0%,95%,1);--tertiary-5:hsla(0,0%,95%,0.05);--tertiary-10:hsla(0,0%,95%,0.1);--tertiary-20:hsla(0,0%,95%,0.2);--tertiary-30:hsla(0,0%,95%,0.3);--tertiary-40:hsla(0,0%,95%,0.4);--tertiary-50:hsla(0,0%,95%,0.5);--tertiary-60:hsla(0,0%,95%,0.6);--tertiary-70:hsla(0,0%,95%,0.7);--tertiary-80:hsla(0,0%,95%,0.8);--tertiary-90:hsla(0,0%,95%,0.9);--tertiary-d-1:hsl(144,0%,85%);--tertiary-d-2:hsl(144,0%,76%);--tertiary-d-3:hsl(144,0%,66%);--tertiary-d-4:hsl(144,0%,57%);--tertiary-d-5:hsl(144,0%,49%);--tertiary-d-6:hsl(145,0%,40%);--tertiary-d-7:hsl(145,0%,32%);--tertiary-d-8:hsl(145,0%,24%);--tertiary-d-9:hsl(145,0%,17%);--tertiary-d-10:hsl(146,0%,10%);--tertiary-l-1:hsl(144,0%,95%);--tertiary-l-2:hsl(144,0%,96%);--tertiary-l-3:hsl(144,0%,96%);--tertiary-l-4:hsl(144,0%,97%);--tertiary-l-5:hsl(145,0%,97%);--tertiary-l-6:hsl(145,0%,98%);--tertiary-l-7:hsl(145,0%,98%);--tertiary-l-8:hsl(145,0%,99%);--tertiary-l-9:hsl(145,0%,99%);--tertiary-l-10:hsl(145,0%,100%);--bg-body:hsla(0,0%,100%,1);--bg-surface:hsla(0,0%,90%,1);--text-body:hsla(0,0%,25%,1);--text-title:hsla(0,0%,0%,1);--border-primary:hsla(0,0%,50%,0.25);--shadow-primary:hsla(0,0%,0%,0.15);--light:hsl(85,0%,100%);--light-5:hsla(0,0%,100%,0.05);--light-10:hsla(0,0%,100%,0.1);--light-20:hsla(0,0%,100%,0.2);--light-30:hsla(0,0%,100%,0.3);--light-40:hsla(0,0%,100%,0.4);--light-50:hsla(0,0%,100%,0.5);--light-60:hsla(0,0%,100%,0.6);--light-70:hsla(0,0%,100%,0.7);--light-80:hsla(0,0%,100%,0.8);--light-90:hsla(0,0%,100%,0.9);--dark:hsla(0,0%,0%,1);--dark-5:hsla(0,0%,0%,0.05);--dark-10:hsla(0,0%,0%,0.1);--dark-20:hsla(0,0%,0%,0.2);--dark-30:hsla(0,0%,0%,0.3);--dark-40:hsla(0,0%,0%,0.4);--dark-50:hsla(0,0%,0%,0.5);--dark-60:hsla(0,0%,0%,0.6);--dark-70:hsla(0,0%,0%,0.7);--dark-80:hsla(0,0%,0%,0.8);--dark-90:hsla(0,0%,0%,0.9);--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);--space-3xs:clamp(0.2rem,calc(0vw + 0.2rem),0.2rem);--space-2xs:clamp(0.4rem,calc(0vw + 0.4rem),0.4rem);--space-xs:clamp(0.8rem,calc(0vw + 0.8rem),0.8rem);--space-s:clamp(1.2rem,calc(0vw + 1.2rem),1.2rem);--space-m:clamp(1.6rem,calc(0vw + 1.6rem),1.6rem);--space-l:clamp(2rem,calc(0vw + 2rem),2rem);--space-xl:clamp(2.4rem,calc(0.74vw + 2.16rem),3.2rem);--space-2xl:clamp(3.2rem,calc(1.48vw + 2.73rem),4.8rem);--space-3xl:clamp(4.8rem,calc(1.48vw + 4.33rem),6.4rem);--space-4xl:clamp(6.4rem,calc(2.96vw + 5.45rem),9.6rem);--text-xs:clamp(1rem,calc(0.19vw + 0.94rem),1.2rem);--text-s:clamp(1.2rem,calc(0.19vw + 1.14rem),1.4rem);--text-m:clamp(1.4rem,calc(0.19vw + 1.34rem),1.6rem);--text-l:clamp(1.8rem,calc(0.19vw + 1.74rem),2rem);--text-xl:clamp(2rem,calc(1.11vw + 1.64rem),3.2rem);--text-2xl:clamp(2.4rem,calc(2.22vw + 1.69rem),4.8rem);--text-3xl:clamp(3.2rem,calc(1.85vw + 2.61rem),5.2rem);--text-4xl:clamp(4.8rem,calc(1.48vw + 4.33rem),6.4rem);--radius-2xs:clamp(0.4rem,calc(0vw + 0.4rem),0.4rem);--radius-xs:clamp(0.8rem,calc(0vw + 0.8rem),0.8rem);--radius-s:clamp(1.2rem,calc(0vw + 1.2rem),1.2rem);--radius-m:clamp(1.6rem,calc(0vw + 1.6rem),1.6rem);--radius-l:clamp(2rem,calc(0vw + 2rem),2rem);--radius-xl:clamp(3.2rem,calc(0vw + 3.2rem),3.2rem);--radius-full:999rem;--shadow-xs:0 2px 4px var(--shadow-primary);--shadow-s:0 4px 8px var(--shadow-primary);--shadow-m:0 8px 16px var(--shadow-primary);--shadow-l:0 16px 32px var(--shadow-primary);--shadow-xl:0 32px 48px var(--shadow-primary)}