:root{--primary:hsla(231,100%,59%,1);--primary-5:hsla(231,100%,59%,0.05);--primary-10:hsla(231,100%,59%,0.1);--primary-20:hsla(231,100%,59%,0.2);--primary-30:hsla(231,100%,59%,0.3);--primary-40:hsla(231,100%,59%,0.4);--primary-50:hsla(231,100%,59%,0.5);--primary-60:hsla(231,100%,59%,0.6);--primary-70:hsla(231,100%,59%,0.7);--primary-80:hsla(231,100%,59%,0.8);--primary-90:hsla(231,100%,59%,0.9);--primary-d-1:hsl(234,62%,48%);--primary-d-2:hsl(237,55%,37%);--primary-d-3:hsl(240,47%,25%);--primary-d-4:hsl(245,40%,14%);--primary-l-1:hsl(241,100%,72%);--primary-l-2:hsl(246,100%,78%);--primary-l-3:hsl(249,100%,85%);--primary-l-4:hsl(251,100%,93%);--secondary:hsla(238,100%,84%,1);--secondary-5:hsla(238,100%,84%,0.05);--secondary-10:hsla(238,100%,84%,0.1);--secondary-20:hsla(238,100%,84%,0.2);--secondary-30:hsla(238,100%,84%,0.3);--secondary-40:hsla(238,100%,84%,0.4);--secondary-50:hsla(238,100%,84%,0.5);--secondary-60:hsla(238,100%,84%,0.6);--secondary-70:hsla(238,100%,84%,0.7);--secondary-80:hsla(238,100%,84%,0.8);--secondary-90:hsla(238,100%,84%,0.9);--secondary-d-1:hsl(238,36%,66%);--secondary-d-2:hsl(238,18%,48%);--secondary-d-3:hsl(239,17%,32%);--secondary-d-4:hsl(240,14%,17%);--secondary-l-1:hsl(239,100%,87%);--secondary-l-2:hsl(240,100%,91%);--secondary-l-3:hsl(241,100%,94%);--secondary-l-4:hsl(242,100%,97%);--bg-body:hsla(0,0%,5%,1);--bg-surface:hsla(0,0%,15%,1);--bg-overlay:hsla(0,0%,100%,0.15);--text-body:hsla(0,0%,75%,1);--text-title:hsla(0,0%,100%,1);--text-body-overlay:hsla(158,0%,100%,0.65);--text-title-overlay:hsla(359,0%,100%,1);--border-primary:hsla(0,0%,75%,0.1);--shadow-primary:hsla(0,0%,0%,0.4);--light:hsla(0,0%,0%,1);--light-5:hsla(0,0%,0%,0.05);--light-10:hsla(0,0%,0%,0.1);--light-20:hsla(0,0%,0%,0.2);--light-30:hsla(0,0%,0%,0.3);--light-40:hsla(0,0%,0%,0.4);--light-50:hsla(0,0%,0%,0.5);--light-60:hsla(0,0%,0%,0.6);--light-70:hsla(0,0%,0%,0.7);--light-80:hsla(0,0%,0%,0.8);--light-90:hsla(0,0%,0%,0.9);--dark:hsla(0,0%,100%,1);--dark-5:hsla(0,0%,100%,0.05);--dark-10:hsla(0,0%,100%,0.1);--dark-20:hsla(0,0%,100%,0.2);--dark-30:hsla(0,0%,100%,0.3);--dark-40:hsla(0,0%,100%,0.4);--dark-50:hsla(0,0%,100%,0.5);--dark-60:hsla(0,0%,100%,0.6);--dark-70:hsla(0,0%,100%,0.7);--dark-80:hsla(0,0%,100%,0.8);--dark-90:hsla(0,0%,100%,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);--text-xs:var(--text-xs);--text-s:var(--text-s);--text-m:var(--text-m);--text-l:var(--text-l);--text-xl:var(--text-xl);--text-2xl:var(--text-2xl);--text-3xl:var(--text-3xl);--text-4xl:var(--text-4xl);--space-4xs:var(--space-4xs);--space-3xs:var(--space-3xs);--space-2xs:var(--space-2xs);--space-xs:var(--space-xs);--space-s:var(--space-s);--space-m:var(--space-m);--space-l:var(--space-l);--space-xl:var(--space-xl);--space-2xl:var(--space-2xl);--space-3xl:var(--space-3xl);--space-4xl:var(--space-4xl);--columns-1:var(--columns-1);--columns-2:var(--columns-2);--columns-3:var(--columns-3);--columns-4:var(--columns-4);--columns-5:var(--columns-5);--columns-6:var(--columns-6);--columns-7:var(--columns-7);--columns-8:var(--columns-8);--min-screen-width:var(--min-screen-width);--max-screen-width:var(--max-screen-width);--radius-xs:var(--radius-xs);--radius-s:var(--radius-s);--radius-m:var(--radius-m);--radius-l:var(--radius-l);--radius-xl:var(--radius-xl);--radius-full:var(--radius-full);--shadow-xs:var(--shadow-xs);--shadow-s:var(--shadow-s);--shadow-m:var(--shadow-m);--shadow-l:var(--shadow-l);--shadow-xl:var(--shadow-xl)}