@media (prefers-color-scheme:dark){:root{--clr--bg--dark:hsla(240deg,28%,18%,100%);--clr--bg--light:hsla(240deg,25%,21%,100%);--clr--bg--card:hsla(240deg,23%,27%,100%);--clr--bg--disabled:hsla(240deg,21%,27%,100%);--clr--txt--primary:hsla(0deg,0%,85%,100%);--clr--txt--secondary:hsla(0deg,0%,62%,100%);--clr--txt--tertiary:hsla(240deg,15%,55%,100%);--clr--txt--disabled:hsla(240deg,10%,49%,100%);--clr--icon:hsla(240deg,20%,69%,100%);--clr--outline:hsla(240deg,20%,30%,100%);--clr--divider:hsla(240deg,20%,50%,35%);--clr--white:hsla(0deg,0%,100%,100%);--clr--txt--onColor:hsla(0deg,0%,9%,100%);--clr--bg--nav:hsla(225deg,35%,94%,0.85);--grd--bg--nav:linear-gradient(90deg,hsla(240,28%,18%,0),hsla(240,35%,14%,0.5));--clr--bg--overlay:hsla(225deg,30%,85%,0.5);--clr--bg--card--highlight:hsla(225deg,37%,45%,50%);--clr--bg--card--highlight--light:hsla(229deg,34%,37%,50%);--clr--bg--card--highlight--light--hover:hsla(229deg,34%,42%,50%);--clr--bg--card--highlight--success:hsla(146deg,26%,40%,15%);--clr--bg--card--highlight--success--hover:hsla(146deg,26%,40%,25%);--clr--bg--card--highlight--error:hsla(359deg,24%,38%,15%);--clr--bg--card--highlight--error--hover:hsla(359deg,24%,38%,25%);--clr--outline--highlight:hsla(225deg,37%,45%,100%);--clr--outline--highlight--light:hsla(229deg,34%,45%,50%);--clr--outline--highlight--success:hsla(146deg,26%,40%,35%);--clr--outline--highlight--error:hsla(359deg,24%,38%,35%);--clr--primary--900:hsla(211deg,92%,8%,100%);--clr--primary--800:hsla(211deg,87%,18%,100%);--clr--primary--700:hsla(211deg,86%,26%,100%);--clr--primary--600:hsla(211deg,85%,35%,100%);--clr--primary--500:hsla(211deg,90%,44%,100%);--clr--primary--400:hsla(211deg,70%,55%,100%);--clr--primary--300:hsla(211deg,67%,65%,100%);--clr--primary--200:hsla(211deg,68%,75%,100%);--clr--primary--100:hsla(211deg,69%,86%,100%);--clr--primary--50:hsla(211deg,72%,96%,100%);--clr--primary--hover:var(--clr--primary--700);--clr--primary--click:var(--clr--primary--600);--clr--accent--900:hsla(30deg,90%,20%,100%);--clr--accent--800:hsla(30deg,85%,25%,100%);--clr--accent--700:hsla(30deg,80%,30%,100%);--clr--accent--600:hsla(30deg,85%,35%,100%);--clr--accent--500:hsla(30deg,90%,44%,100%);--clr--accent--400:hsla(30deg,78%,55%,100%);--clr--accent--300:hsla(30deg,70%,66%,100%);--clr--accent--200:hsla(30deg,68%,77%,100%);--clr--accent--100:hsla(30deg,70%,88%,100%);--clr--accent--50:hsla(30deg,80%,96%,100%);--clr--cta--blue:linear-gradient(to top right,#5090f1,#064097 100%);--clr--system--success--hover:var(--clr--system--success--700);--clr--system--success:var(--clr--system--success--500);--clr--system--success--secondary:var(--clr--system--success--200);--clr--system--success--tertiary:var(--clr--system--success--100);--clr--system--warning--hover:var(--clr--system--warning--700);--clr--system--warning:var(--clr--system--warning--500);--clr--system--warning--secondary:var(--clr--system--warning--200);--clr--system--warning--tertiary:var(--clr--system--warning--100);--clr--system--error--hover:var(--clr--system--error--700);--clr--system--error:var(--clr--system--error--500);--clr--system--error--secondary:var(--clr--system--error--200);--clr--system--error--tertiary:var(--clr--system--error--100);--clr--system--success--50:hsla(132deg,28%,97%,100%);--clr--system--success--100:hsla(132deg,44%,88%,100%);--clr--system--success--200:hsla(132deg,39%,77%,100%);--clr--system--success--300:hsla(132deg,33%,66%,100%);--clr--system--success--400:hsla(132deg,39%,55%,100%);--clr--system--success--500:hsla(132deg,61%,47%,100%);--clr--system--success--600:hsla(132deg,53%,35%,100%);--clr--system--success--700:hsla(132deg,48%,28%,100%);--clr--system--success--800:hsla(132deg,48%,20%,100%);--clr--system--success--900:hsla(132deg,47%,10%,100%);--clr--system--warning--50:hsla(50deg,100%,97%,100%);--clr--system--warning--100:hsla(50deg,100%,90%,100%);--clr--system--warning--200:hsla(50deg,100%,80%,100%);--clr--system--warning--300:hsla(50deg,100%,68%,100%);--clr--system--warning--400:hsla(48deg,91%,54%,100%);--clr--system--warning--500:hsla(45deg,100%,50%,100%);--clr--system--warning--600:hsla(45deg,100%,38%,100%);--clr--system--warning--700:hsla(45deg,100%,31%,100%);--clr--system--warning--800:hsla(39deg,100%,26%,100%);--clr--system--warning--900:hsla(30deg,100%,9%,100%);--clr--system--error--50:hsla(345deg,70%,97%,100%);--clr--system--error--100:hsla(345deg,74%,86%,100%);--clr--system--error--200:hsla(345deg,81%,79%,100%);--clr--system--error--300:hsla(345deg,75%,67%,100%);--clr--system--error--400:hsla(345deg,74%,60%,100%);--clr--system--error--500:hsla(345deg,59%,47%,100%);--clr--system--error--600:hsla(345deg,64%,42%,100%);--clr--system--error--700:hsla(345deg,61%,33%,100%);--clr--system--error--800:hsla(345deg,58%,22%,100%);--clr--system--error--900:hsla(345deg,78%,9%,100%);--clr--bg--streakCorner:var(--clr--bg--card);--clr--gradient--streakCorner:radial-gradient(at top right,var(--clr--accent--400) -10%,rgba(0,0,0,0) 40%);--clr--gradient--streakCorner--module:radial-gradient(at top right,var(--clr--primary--400) -10%,rgba(0,0,0,0) 40%);--clr--streak--txt:var(--clr--accent--200);--clr--bg--nav:hsla(240deg,32%,17%,0.85);--clr--bg--overlay:hsla(240deg,32%,10%,0.5);--clr--ranking--first:hsla(35deg,100%,60%,1);--glow--ranking--first:0px 0px 7px var(--clr--ranking--first);--clr--ranking--second:hsla(208deg,17%,66%,1);--glow--ranking--second:0px 0px 7px var(--clr--ranking--second);--clr--ranking--third:hsla(21deg,35%,47%,1);--glow--ranking--third:0px 0px 7px var(--clr--ranking--third);--clr--ranking--user:var(--clr--bg--card)}}@media (prefers-color-scheme:light){:root{--clr--bg--dark:hsla(225deg,35%,92%,100%);--clr--bg--light:hsla(225deg,35%,96%,100%);--clr--bg--card:hsla(225deg,32%,98%,100%);--clr--bg--disabled:hsla(225deg,25%,95%,100%);--clr--txt--primary:hsla(225deg,35%,18%,100%);--clr--txt--secondary:hsla(225deg,25%,35%,100%);--clr--txt--tertiary:hsla(225deg,20%,48%,100%);--clr--txt--disabled:hsla(225deg,15%,60%,100%);--clr--icon:hsla(225deg,25%,35%,100%);--clr--outline:hsla(225deg,20%,75%,100%);--clr--divider:hsla(225deg,30%,50%,25%);--clr--white:hsla(0deg,0%,100%,100%);--clr--txt--onColor:hsla(0deg,0%,10%,100%);--clr--bg--nav:hsla(225deg,35%,94%,0.85);--grd--bg--nav:linear-gradient(90deg,hsla(240,28%,18%,0),hsla(240,35%,14%,0.05));--clr--bg--overlay:hsla(225deg,30%,85%,0.5);--clr--bg--card--highlight:hsla(225deg,37%,85%,50%);--clr--bg--card--highlight--light:hsla(229deg,34%,92%,50%);--clr--bg--card--highlight--light--hover:hsla(229deg,34%,88%,50%);--clr--bg--card--highlight--success:hsla(146deg,26%,86%,45%);--clr--bg--card--highlight--success--hover:hsla(146deg,26%,80%,55%);--clr--bg--card--highlight--error:hsla(359deg,24%,90%,45%);--clr--bg--card--highlight--error--hover:hsla(359deg,24%,84%,55%);--clr--outline--highlight:hsla(225deg,37%,50%,100%);--clr--outline--highlight--light:hsla(229deg,34%,60%,50%);--clr--outline--highlight--success:hsla(146deg,26%,45%,35%);--clr--outline--highlight--error:hsla(359deg,50%,50%,25%);--clr--primary--900:hsla(210deg,87%,5%,100%);--clr--primary--900:hsla(210deg,87%,10%,100%);--clr--primary--800:hsla(210deg,86%,18%,100%);--clr--primary--700:hsla(210deg,85%,30%,100%);--clr--primary--600:hsla(210deg,83%,40%,100%);--clr--primary--500:hsla(210deg,85%,56%,100%);--clr--primary--400:hsla(210deg,82%,65%,100%);--clr--primary--300:hsla(210deg,77%,74%,100%);--clr--primary--200:hsla(210deg,74%,83%,100%);--clr--primary--100:hsla(210deg,72%,91%,100%);--clr--primary--50:hsla(210deg,70%,97%,100%);--clr--accent--950:hsla(30deg,100%,5%,100%);--clr--accent--900:hsla(30deg,100%,9%,100%);--clr--accent--800:hsla(30deg,100%,16%,100%);--clr--accent--700:hsla(30deg,100%,28%,100%);--clr--accent--600:hsla(30deg,100%,48%,100%);--clr--accent--500:hsla(30deg,100%,56%,100%);--clr--accent--400:hsla(30deg,100%,65%,100%);--clr--accent--300:hsla(30deg,100%,74%,100%);--clr--accent--200:hsla(30deg,100%,83%,100%);--clr--accent--100:hsla(30deg,100%,91%,100%);--clr--accent--50:hsla(30deg,100%,97%,100%);--clr--primary--hover:var(--clr--primary--700);--clr--primary--click:var(--clr--primary--600);--clr--cta--blue:linear-gradient(to top right,#4b92fc,#79aeff 100%);--clr--system--success--50:hsla(132deg,47%,10%,100%);--clr--system--success--100:hsla(132deg,48%,20%,100%);--clr--system--success--200:hsla(132deg,48%,28%,100%);--clr--system--success--300:hsla(132deg,53%,35%,100%);--clr--system--success--400:hsla(132deg,61%,47%,100%);--clr--system--success--500:hsla(132deg,39%,55%,100%);--clr--system--success--600:hsla(132deg,33%,66%,100%);--clr--system--success--700:hsla(132deg,39%,77%,100%);--clr--system--success--800:hsla(132deg,44%,88%,100%);--clr--system--success--900:hsla(132deg,28%,97%,100%);--clr--system--warning--50:hsla(30deg,100%,9%,100%);--clr--system--warning--100:hsla(39deg,100%,26%,100%);--clr--system--warning--200:hsla(45deg,100%,31%,100%);--clr--system--warning--300:hsla(45deg,100%,38%,100%);--clr--system--warning--400:hsla(45deg,100%,50%,100%);--clr--system--warning--500:hsla(48deg,91%,54%,100%);--clr--system--warning--600:hsla(50deg,100%,68%,100%);--clr--system--warning--700:hsla(50deg,100%,80%,100%);--clr--system--warning--800:hsla(50deg,100%,90%,100%);--clr--system--warning--900:hsla(50deg,100%,97%,100%);--clr--system--error--50:hsla(0deg,78%,9%,100%);--clr--system--error--100:hsla(345deg,58%,22%,100%);--clr--system--error--200:hsla(345deg,61%,33%,100%);--clr--system--error--300:hsla(345deg,64%,42%,100%);--clr--system--error--400:hsla(345deg,59%,47%,100%);--clr--system--error--500:hsla(345deg,74%,60%,100%);--clr--system--error--600:hsla(345deg,75%,67%,100%);--clr--system--error--700:hsla(345deg,81%,79%,100%);--clr--system--error--800:hsla(345deg,74%,86%,100%);--clr--system--error--900:hsla(0deg,70%,97%,100%);--clr--bg--streakCorner:var(--clr--bg--card);--clr--gradient--streakCorner:radial-gradient(at top right,var(--clr--accent--300) -0%,rgba(0,0,0,0) 40%);--clr--streak--txt:var(--clr--accent--500)}}:root[data-theme=dark]{--clr--bg--dark:hsla(240deg,28%,18%,100%);--clr--bg--light:hsla(240deg,25%,21%,100%);--clr--bg--card:hsla(240deg,23%,27%,100%);--clr--bg--disabled:hsla(240deg,21%,27%,100%);--clr--txt--primary:hsla(0deg,0%,85%,100%);--clr--txt--secondary:hsla(0deg,0%,62%,100%);--clr--txt--tertiary:hsla(240deg,15%,55%,100%);--clr--txt--disabled:hsla(240deg,10%,49%,100%);--clr--icon:hsla(240deg,20%,69%,100%);--clr--outline:hsla(240deg,20%,30%,100%);--clr--divider:hsla(240deg,20%,50%,35%);--clr--white:hsla(0deg,0%,100%,100%);--clr--txt--onColor:hsla(0deg,0%,9%,100%);--clr--bg--nav:hsla(225deg,35%,94%,0.85);--grd--bg--nav:linear-gradient(90deg,hsla(240,28%,18%,0),hsla(240,35%,14%,0.5));--clr--bg--overlay:hsla(225deg,30%,85%,0.5);--clr--bg--card--highlight:hsla(225deg,37%,45%,50%);--clr--bg--card--highlight--light:hsla(229deg,34%,37%,50%);--clr--bg--card--highlight--light--hover:hsla(229deg,34%,42%,50%);--clr--bg--card--highlight--success:hsla(146deg,26%,40%,15%);--clr--bg--card--highlight--success--hover:hsla(146deg,26%,40%,25%);--clr--bg--card--highlight--error:hsla(359deg,24%,38%,15%);--clr--bg--card--highlight--error--hover:hsla(359deg,24%,38%,25%);--clr--outline--highlight:hsla(225deg,37%,45%,100%);--clr--outline--highlight--light:hsla(229deg,34%,45%,50%);--clr--outline--highlight--success:hsla(146deg,26%,40%,35%);--clr--outline--highlight--error:hsla(359deg,24%,38%,35%);--clr--primary--900:hsla(211deg,92%,8%,100%);--clr--primary--800:hsla(211deg,87%,18%,100%);--clr--primary--700:hsla(211deg,86%,26%,100%);--clr--primary--600:hsla(211deg,85%,35%,100%);--clr--primary--500:hsla(211deg,90%,44%,100%);--clr--primary--400:hsla(211deg,70%,55%,100%);--clr--primary--300:hsla(211deg,67%,65%,100%);--clr--primary--200:hsla(211deg,68%,75%,100%);--clr--primary--100:hsla(211deg,69%,86%,100%);--clr--primary--50:hsla(211deg,72%,96%,100%);--clr--primary--hover:var(--clr--primary--700);--clr--primary--click:var(--clr--primary--600);--clr--accent--900:hsla(30deg,90%,20%,100%);--clr--accent--800:hsla(30deg,85%,25%,100%);--clr--accent--700:hsla(30deg,80%,30%,100%);--clr--accent--600:hsla(30deg,85%,35%,100%);--clr--accent--500:hsla(30deg,90%,44%,100%);--clr--accent--400:hsla(30deg,78%,55%,100%);--clr--accent--300:hsla(30deg,70%,66%,100%);--clr--accent--200:hsla(30deg,68%,77%,100%);--clr--accent--100:hsla(30deg,70%,88%,100%);--clr--accent--50:hsla(30deg,80%,96%,100%);--clr--cta--blue:linear-gradient(to top right,#5090f1,#064097 100%);--clr--system--success--hover:var(--clr--system--success--700);--clr--system--success:var(--clr--system--success--500);--clr--system--success--secondary:var(--clr--system--success--200);--clr--system--success--tertiary:var(--clr--system--success--100);--clr--system--warning--hover:var(--clr--system--warning--700);--clr--system--warning:var(--clr--system--warning--500);--clr--system--warning--secondary:var(--clr--system--warning--200);--clr--system--warning--tertiary:var(--clr--system--warning--100);--clr--system--error--hover:var(--clr--system--error--700);--clr--system--error:var(--clr--system--error--500);--clr--system--error--secondary:var(--clr--system--error--200);--clr--system--error--tertiary:var(--clr--system--error--100);--clr--system--success--50:hsla(132deg,28%,97%,100%);--clr--system--success--100:hsla(132deg,44%,88%,100%);--clr--system--success--200:hsla(132deg,39%,77%,100%);--clr--system--success--300:hsla(132deg,33%,66%,100%);--clr--system--success--400:hsla(132deg,39%,55%,100%);--clr--system--success--500:hsla(132deg,61%,47%,100%);--clr--system--success--600:hsla(132deg,53%,35%,100%);--clr--system--success--700:hsla(132deg,48%,28%,100%);--clr--system--success--800:hsla(132deg,48%,20%,100%);--clr--system--success--900:hsla(132deg,47%,10%,100%);--clr--system--warning--50:hsla(50deg,100%,97%,100%);--clr--system--warning--100:hsla(50deg,100%,90%,100%);--clr--system--warning--200:hsla(50deg,100%,80%,100%);--clr--system--warning--300:hsla(50deg,100%,68%,100%);--clr--system--warning--400:hsla(48deg,91%,54%,100%);--clr--system--warning--500:hsla(45deg,100%,50%,100%);--clr--system--warning--600:hsla(45deg,100%,38%,100%);--clr--system--warning--700:hsla(45deg,100%,31%,100%);--clr--system--warning--800:hsla(39deg,100%,26%,100%);--clr--system--warning--900:hsla(30deg,100%,9%,100%);--clr--system--error--50:hsla(345deg,70%,97%,100%);--clr--system--error--100:hsla(345deg,74%,86%,100%);--clr--system--error--200:hsla(345deg,81%,79%,100%);--clr--system--error--300:hsla(345deg,75%,67%,100%);--clr--system--error--400:hsla(345deg,74%,60%,100%);--clr--system--error--500:hsla(345deg,59%,47%,100%);--clr--system--error--600:hsla(345deg,64%,42%,100%);--clr--system--error--700:hsla(345deg,61%,33%,100%);--clr--system--error--800:hsla(345deg,58%,22%,100%);--clr--system--error--900:hsla(345deg,78%,9%,100%);--clr--bg--streakCorner:var(--clr--bg--card);--clr--gradient--streakCorner:radial-gradient(at top right,var(--clr--accent--400) -10%,rgba(0,0,0,0) 40%);--clr--gradient--streakCorner--module:radial-gradient(at top right,var(--clr--primary--400) -10%,rgba(0,0,0,0) 40%);--clr--streak--txt:var(--clr--accent--200);--clr--bg--nav:hsla(240deg,32%,17%,0.85);--clr--bg--overlay:hsla(240deg,32%,10%,0.5);--clr--ranking--first:hsla(35deg,100%,60%,1);--glow--ranking--first:0px 0px 7px var(--clr--ranking--first);--clr--ranking--second:hsla(208deg,17%,66%,1);--glow--ranking--second:0px 0px 7px var(--clr--ranking--second);--clr--ranking--third:hsla(21deg,35%,47%,1);--glow--ranking--third:0px 0px 7px var(--clr--ranking--third);--clr--ranking--user:var(--clr--bg--card)}:root[data-theme=light]{--clr--bg--dark:hsla(225deg,35%,92%,100%);--clr--bg--light:hsla(225deg,35%,96%,100%);--clr--bg--card:hsla(225deg,32%,98%,100%);--clr--bg--disabled:hsla(225deg,25%,95%,100%);--clr--txt--primary:hsla(225deg,35%,18%,100%);--clr--txt--secondary:hsla(225deg,25%,35%,100%);--clr--txt--tertiary:hsla(225deg,20%,48%,100%);--clr--txt--disabled:hsla(225deg,15%,60%,100%);--clr--icon:hsla(225deg,25%,35%,100%);--clr--outline:hsla(225deg,20%,75%,100%);--clr--divider:hsla(225deg,30%,50%,25%);--clr--white:hsla(0deg,0%,100%,100%);--clr--txt--onColor:hsla(0deg,0%,10%,100%);--clr--bg--nav:hsla(225deg,35%,94%,0.85);--grd--bg--nav:linear-gradient(90deg,hsla(240,28%,18%,0),hsla(240,35%,14%,0.05));--clr--bg--overlay:hsla(225deg,30%,85%,0.5);--clr--bg--card--highlight:hsla(225deg,37%,85%,50%);--clr--bg--card--highlight--light:hsla(229deg,34%,92%,50%);--clr--bg--card--highlight--light--hover:hsla(229deg,34%,88%,50%);--clr--bg--card--highlight--success:hsla(146deg,26%,86%,45%);--clr--bg--card--highlight--success--hover:hsla(146deg,26%,80%,55%);--clr--bg--card--highlight--error:hsla(359deg,24%,90%,45%);--clr--bg--card--highlight--error--hover:hsla(359deg,24%,84%,55%);--clr--outline--highlight:hsla(225deg,37%,50%,100%);--clr--outline--highlight--light:hsla(229deg,34%,60%,50%);--clr--outline--highlight--success:hsla(146deg,26%,45%,35%);--clr--outline--highlight--error:hsla(359deg,50%,50%,25%);--clr--primary--900:hsla(210deg,87%,22%,100%);--clr--primary--800:hsla(210deg,86%,28%,100%);--clr--primary--700:hsla(210deg,85%,34%,100%);--clr--primary--600:hsla(210deg,83%,40%,100%);--clr--primary--500:hsla(210deg,85%,56%,100%);--clr--primary--400:hsla(210deg,82%,65%,100%);--clr--primary--300:hsla(210deg,77%,74%,100%);--clr--primary--200:hsla(210deg,74%,83%,100%);--clr--primary--100:hsla(210deg,72%,91%,100%);--clr--primary--50:hsla(210deg,70%,97%,100%);--clr--accent--900:hsla(30deg,100%,28%,100%);--clr--accent--800:hsla(30deg,100%,34%,100%);--clr--accent--700:hsla(30deg,100%,41%,100%);--clr--accent--600:hsla(30deg,100%,48%,100%);--clr--accent--500:hsla(30deg,100%,56%,100%);--clr--accent--400:hsla(30deg,100%,65%,100%);--clr--accent--300:hsla(30deg,100%,74%,100%);--clr--accent--200:hsla(30deg,100%,83%,100%);--clr--accent--100:hsla(30deg,100%,91%,100%);--clr--accent--50:hsla(30deg,100%,97%,100%);--clr--primary--hover:var(--clr--primary--700);--clr--primary--click:var(--clr--primary--600);--clr--cta--blue:linear-gradient(to top right,#4b92fc,#79aeff 100%);--clr--system--success--50:hsla(132deg,47%,10%,100%);--clr--system--success--100:hsla(132deg,48%,20%,100%);--clr--system--success--200:hsla(132deg,48%,28%,100%);--clr--system--success--300:hsla(132deg,53%,35%,100%);--clr--system--success--400:hsla(132deg,61%,47%,100%);--clr--system--success--500:hsla(132deg,39%,55%,100%);--clr--system--success--600:hsla(132deg,33%,66%,100%);--clr--system--success--700:hsla(132deg,39%,77%,100%);--clr--system--success--800:hsla(132deg,44%,88%,100%);--clr--system--success--900:hsla(132deg,28%,97%,100%);--clr--system--warning--50:hsla(30deg,100%,9%,100%);--clr--system--warning--100:hsla(39deg,100%,26%,100%);--clr--system--warning--200:hsla(45deg,100%,31%,100%);--clr--system--warning--300:hsla(45deg,100%,38%,100%);--clr--system--warning--400:hsla(45deg,100%,50%,100%);--clr--system--warning--500:hsla(48deg,91%,54%,100%);--clr--system--warning--600:hsla(50deg,100%,68%,100%);--clr--system--warning--700:hsla(50deg,100%,80%,100%);--clr--system--warning--800:hsla(50deg,100%,90%,100%);--clr--system--warning--900:hsla(50deg,100%,97%,100%);--clr--system--error--50:hsla(0deg,78%,9%,100%);--clr--system--error--100:hsla(345deg,58%,22%,100%);--clr--system--error--200:hsla(345deg,61%,33%,100%);--clr--system--error--300:hsla(345deg,64%,42%,100%);--clr--system--error--400:hsla(345deg,59%,47%,100%);--clr--system--error--500:hsla(345deg,74%,60%,100%);--clr--system--error--600:hsla(345deg,75%,67%,100%);--clr--system--error--700:hsla(345deg,81%,79%,100%);--clr--system--error--800:hsla(345deg,74%,86%,100%);--clr--system--error--900:hsla(0deg,70%,97%,100%);--clr--bg--streakCorner:var(--clr--bg--card);--clr--gradient--streakCorner:radial-gradient(at top right,var(--clr--accent--300) -0%,rgba(0,0,0,0) 40%);--clr--streak--txt:var(--clr--accent--500)}.color--clr--txt--secondary{color:var(--clr--txt--secondary)}:root{--shadow--z100:0px 0px 12px rgba(4,4,4,0.25);--shadow--z200:0px 0px 18px rgba(4,4,4,0.25);--shadow--z300:0px 0px 24px rgba(4,4,4,0.3);--shadow--highlight:0 0 128px 0 hsla(225deg,37%,45%,100%)}@media (prefers-color-scheme:light){:root{--shadow--z100:0px 0px 10px rgba(132,132,132,0.15);--shadow--z200:0px 0px 20px rgba(132,132,132,0.2);--shadow--z300:0px 0px 30px rgba(132,132,132,0.25);--shadow--highlight:0 0 128px 0 hsla(225deg,30%,75%,100%)}}:root{--glow--yellow:0px 0px 10px var(--clr--system--warning--hover);--clr--cta--glow--blue:0px 0px 20px rgba(75,150,236,1);--glow--streakCorner:0px 0px 10px var(--clr--system--warning--hover);--bg--streakCompleted:var(--clr--bg--card);--bg--streakCornerCTA:rgba(39,120,242,1)}.shiki,.shiki span{color:var(--shiki-dark);background-color:var(--shiki-dark-bg)}@media (prefers-color-scheme:light){.shiki,.shiki span{color:var(--shiki-light);background-color:var(--shiki-light-bg)}}:root[data-theme=light] .shiki,:root[data-theme=light] .shiki span{color:var(--shiki-light);background-color:var(--shiki-light-bg)}:root[data-theme=dark] .shiki,:root[data-theme=dark] .shiki span{color:var(--shiki-dark);background-color:var(--shiki-dark-bg)}:root{--border--radius--xs:0.25rem;--border--radius--s:0.5rem;--border--radius--m:1rem;--border--radius--l:2rem;--border--radius--button:10rem;--border--radius--stCorner:2px}.icon{color:var(--clr--primary--500);width:var(--icon--size);height:var(--icon--size)}.icon--xs{--icon--size:1rem}.icon--s{--icon--size:1.25rem}.icon--m{--icon--size:1.5rem}.icon--l{--icon--size:2rem}.icon--xl{--icon--size:3rem}.icon--flag--s{width:16px}.icon--flag--m{width:32px}.icon--flag--l{width:48px}.cardContainer{padding:var(--padding--container);background-color:var(--clr--bg--light);border:1px solid var(--clr--outline);border-radius:var(--border--radius--l)}.card{display:block;padding:var(--padding--container);background-color:var(--clr--bg--card);border:1px solid var(--clr--outline);border-radius:calc(1.5 * 1rem);transition:all .15s ease}.card--streak{position:relative;background-color:var(--clr--bg--streakCorner);overflow:hidden}.card--streak:before{content:"";position:absolute;inset:0;background:var(--clr--gradient--streakCorner);pointer-events:none}.card--streak.module:before{background:var(--clr--gradient--streakCorner--module)}.card--cta{box-shadow:0 2px 10px 3px var(--clr--outline)}.card--cta footer p,.card--cta footer svg path[fill]{color:var(--clr--txt--primary);fill:var(--clr--txt--primary)}.streakIndicator,.streakIndicator path[fill]{color:var(--clr--streak--txt);fill:var(--clr--streak--txt)}.card--cta .streakIndicator,.card--cta .streakIndicator path[fill]{color:var(--clr--txt--primary);fill:var(--clr--txt--primary)}.cardHeader{display:flex;justify-content:space-between}.cardContainer--chapterSelect{background-color:var(--clr--bg--card--highlight)!important;box-shadow:var(--shadow--highlight);border-color:var(--clr--outline--highlight)!important}.cardContainer--accent,.cardContainer--primary{--card-container-bg:var(--clr--primary--400);--card-container-border:transparent;--card-container-shadow:var(--clr--primary--400);--card-bg:var(--clr--primary--400);--card-border:var(--clr--primary--300);--card-hover-bg:var(--clr--primary--300);--card-text:var(--clr--primary--200);--tab-bg:transparent;--tab-color:var(--clr--primary--100);--tab-border:var(--clr--primary--100);--tab-active-bg:var(--clr--primary--100);--tab-active-color:var(--clr--primary--500);border-color:none!important;background-color:var(--card-container-bg)!important;box-shadow:0 0 48px var(--card-container-shadow)}.cardContainer--accent{--card-container-bg:var(--clr--accent--400);--card-container-shadow:var(--clr--accent--400);--card-bg:var(--clr--accent--400);--card-border:var(--clr--accent--300);--card-hover-bg:var(--clr--accent--300);--card-text:var(--clr--accent--200);--tab-bg:transparent;--tab-color:var(--clr--accent--100);--tab-border:var(--clr--accent--100);--tab-active-bg:var(--clr--accent--100);--tab-active-color:var(--clr--accent--500)}.cardContainer--accent .card,.cardContainer--primary .card{background-color:var(--card-bg);border-color:var(--card-border)}.cardContainer--accent .card:active,.cardContainer--accent .card:hover,.cardContainer--primary .card:active,.cardContainer--primary .card:hover{background-color:var(--card-hover-bg)}.cardContainer--accent .card footer,.cardContainer--accent .card footer path[fill],.cardContainer--accent .color--clr--txt--secondary,.cardContainer--primary .card footer,.cardContainer--primary .card footer path[fill],.cardContainer--primary .color--clr--txt--secondary{color:var(--card-text);fill:var(--card-text)}.cardContainer--accent .tabs,.cardContainer--primary .tabs{background-color:var(--tab-bg)!important;color:var(--tab-color)!important;border-color:var(--tab-border)!important}.cardContainer--accent .tabs--active,.cardContainer--primary .tabs--active{background-color:var(--tab-active-bg)!important;color:var(--tab-active-color)!important}@media (min-width:1200px){.cardContainer--accent,.cardContainer--primary{box-shadow:0 0 128px var(--card-container-shadow)}}.hide--mobile{display:none}.hide--desktop{display:block}@media (min-width:1200px){.hide--mobile{display:block}.hide--desktop{display:none}}.flex{display:flex}.flex--row{flex-direction:row}.flex--column{flex-direction:column}.flex--start{align-items:flex-start;justify-content:flex-start}.flex--center{justify-content:center}.flex--align--center,.flex--center{align-items:center}.flex--justify--center{justify-content:center}.flex--end{align-items:flex-end;justify-content:flex-end}.flex--between{align-items:space-between;justify-content:space-between}