:root {--min-screen-width: 320px;--max-screen-width: 1366px;--violet: hsla(269,97%,35%,1);--violet-5: hsla(269,97%,35%,0.05);--violet-10: hsla(269,97%,35%,0.1);--violet-20: hsla(269,97%,35%,0.2);--violet-30: hsla(269,97%,35%,0.3);--violet-40: hsla(269,97%,35%,0.4);--violet-50: hsla(269,97%,35%,0.5);--violet-60: hsla(269,97%,35%,0.6);--violet-70: hsla(269,97%,35%,0.7);--violet-80: hsla(269,97%,35%,0.8);--violet-90: hsla(269,97%,35%,0.9);--violet-d-1: hsla(268.14,88.96%,31.96%,1);--violet-d-2: hsla(268.03,82.43%,29.02%,1);--violet-d-3: hsla(266.94000000000005,76.56%,25.1%,1);--lavande: hsl(257,46%,59%);--lavande-5: hsla(257,46%,59%,0.05);--lavande-10: hsla(257,46%,59%,0.1);--lavande-20: hsla(257,46%,59%,0.2);--lavande-30: hsla(257,46%,59%,0.3);--lavande-40: hsla(257,46%,59%,0.4);--lavande-50: hsla(257,46%,59%,0.5);--lavande-60: hsla(257,46%,59%,0.6);--lavande-70: hsla(257,46%,59%,0.7);--lavande-80: hsla(257,46%,59%,0.8);--lavande-90: hsla(257,46%,59%,0.9);--celadon: hsl(142,55%,81%);--celadon-5: hsla(142,55%,81%,0.05);--celadon-10: hsla(142,55%,81%,0.1);--celadon-20: hsla(142,55%,81%,0.2);--celadon-30: hsla(142,55%,81%,0.3);--celadon-40: hsla(142,55%,81%,0.4);--celadon-50: hsla(142,55%,81%,0.5);--celadon-60: hsla(142,55%,81%,0.6);--celadon-70: hsla(142,55%,81%,0.7);--celadon-80: hsla(142,55%,81%,0.8);--celadon-90: hsla(142,55%,81%,0.9);--celadon-l-1: hsl(141,55%,85%);--celadon-l-2: hsl(140,55%,89%);--celadon-l-3: hsl(140,55%,93%);--celadon-l-4: hsl(139,55%,96%);--the-vert: hsl(124,100%,87%);--vert-ultra-light: hsl(124,100%,97%);--accent: hsl(27,96%,48%);--bg-body: hsl(240,60%,99%);--bg-surface: var(--violet-5);--text-body: #1A1A1A;--text-title: hsl(0,0%,0%);--light: #ffffff;--light-5: #ffffff0d;--light-10: #ffffff1a;--light-20: #ffffff33;--light-30: #ffffff4d;--light-40: #ffffff66;--light-50: #ffffff80;--light-60: #ffffff99;--light-70: #ffffffb3;--light-80: #ffffffcc;--light-90: #ffffffe6;--dark: #000000;--dark-5: #0000000d;--dark-10: #0000001a;--dark-20: #00000033;--dark-30: #0000004d;--dark-40: #00000066;--dark-50: #00000080;--dark-60: #00000099;--dark-70: #000000b3;--dark-80: #000000cc;--dark-90: #000000e6;--success: hsla(136,75%,56%,1);--success-5: hsla(136,75%,56%,0.05);--success-10: hsla(136,75%,56%,0.1);--success-20: hsla(136,75%,56%,0.2);--success-30: hsla(136,75%,56%,0.3);--success-40: hsla(136,75%,56%,0.4);--success-50: hsla(136,75%,56%,0.5);--success-60: hsla(136,75%,56%,0.6);--success-70: hsla(136,75%,56%,0.7);--success-80: hsla(136,75%,56%,0.8);--success-90: hsla(136,75%,56%,0.9);--error: hsla(351,75%,56%,1);--error-5: hsla(351,75%,56%,0.05);--error-10: hsla(351,75%,56%,0.1);--error-20: hsla(351,75%,56%,0.2);--error-30: hsla(351,75%,56%,0.3);--error-40: hsla(351,75%,56%,0.4);--error-50: hsla(351,75%,56%,0.5);--error-60: hsla(351,75%,56%,0.6);--error-70: hsla(351,75%,56%,0.7);--error-80: hsla(351,75%,56%,0.8);--error-90: hsla(351,75%,56%,0.9);--shadow-primary: rgba(100,100,111,0.2);--space-4xs: clamp(0.49rem,calc(0vw + 0.49rem),0.49rem);--space-3xs: clamp(0.66rem,calc(0.04vw + 0.64rem),0.7rem);--space-2xs: clamp(0.82rem,calc(0.16vw + 0.77rem),0.99rem);--space-xs: clamp(1.02rem,calc(0.36vw + 0.91rem),1.4rem);--space-s: clamp(1.28rem,calc(0.67vw + 1.07rem),1.98rem);--space-m: clamp(1.6rem,calc(1.15vw + 1.23rem),2.8rem);--space-l: clamp(2rem,calc(1.87vw + 1.4rem),3.96rem);--space-xl: clamp(2.5rem,calc(2.96vw + 1.55rem),5.6rem);--space-2xl: clamp(3.13rem,calc(4.58vw + 1.66rem),7.92rem);--space-3xl: clamp(3.91rem,calc(6.97vw + 1.68rem),11.19rem);--space-4xl: clamp(4.88rem,calc(10.46vw + 1.53rem),15.83rem);--text-xs: clamp(1.02rem,calc(0vw + 1.02rem),1.02rem);--text-s: clamp(1.28rem,calc(0vw + 1.28rem),1.28rem);--text-m: clamp(1.5rem,calc(0.1vw + 1.47rem),1.6rem);--text-l: clamp(1.69rem,calc(0.3vw + 1.59rem),2rem);--text-xl: clamp(1.9rem,calc(0.58vw + 1.71rem),2.5rem);--text-2xl: clamp(2.14rem,calc(0.95vw + 1.83rem),3.13rem);--text-3xl: clamp(2.4rem,calc(1.44vw + 1.94rem),3.91rem);--text-4xl: clamp(2.7rem,calc(2.08vw + 2.04rem),4.88rem);--columns-1: repeat(1,minmax(0,1fr));--columns-2: repeat(2,minmax(0,1fr));--columns-3: repeat(3,minmax(0,1fr));--columns-4: repeat(4,minmax(0,1fr));--columns-5: repeat(5,minmax(0,1fr));--columns-6: repeat(6,minmax(0,1fr));--columns-7: repeat(7,minmax(0,1fr));--columns-8: repeat(8,minmax(0,1fr));--columns-9: repeat(9,minmax(0,1fr));--columns-10: repeat(10,minmax(0,1fr));--columns-11: repeat(11,minmax(0,1fr));--columns-12: repeat(12,minmax(0,1fr));--radius-xs: clamp(0.4rem,calc(0vw + 0.4rem),0.4rem);--radius-s: clamp(0.6rem,calc(0.19vw + 0.54rem),0.8rem);--radius-m: clamp(1rem,calc(0.19vw + 0.94rem),1.2rem);--radius-l: clamp(1.6rem,calc(0.38vw + 1.48rem),2rem);--radius-xl: clamp(2.6rem,calc(0.57vw + 2.42rem),3.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 7px 29px var(--shadow-primary);}