:root{color-scheme:light;--accentColor1:hsl(218.9,80%,63.1%);--headerBackground1:hsl(0,0%,98%);--headerBackgroundColor1:var(--headerBackground1);--menuBackground1:hsl(0,0%,78%);--menuBackground2:hsl(0,0%,86%);--menuBorder1:hsl(0,0%,70%);--menuTextColor1:hsla(210,90%,0%,0.6);--menuTextColor2:hsla(210,50%,55%,0.6);--menuPressedBackground1:hsl(94,10%,60%);--menuPressedBorder1:hsl(94,15%,48%);--menuHoverTextColor1:hsla(210,90%,0%,0.95);--menuHoverTextColor2:hsla(210,50%,55%,0.95);--menuHoverBackground1:hsla(217,8%,74%,0.8);--menuActiveBackground1:hsl(217,8%,70%);--menuColorBackground1:hsl(0,80%,75%);--menuColorBorder1:hsl(0,80%,60%);--menuColorBackground2:hsl(94,33%,56%);--menuColorBorder2:hsl(94,40%,40%);--menuColorHoverBackground1:hsl(0,50%,80%);--menuColorActiveBackground1:hsl(0,80%,70%);--menuColorHoverBackground2:hsl(94,33%,68%);--menuColorActiveBackground2:hsl(94,33%,45%);--menuColorColor1:hsl(0,60%,45%);--menuColorColor2:hsl(94,40%,45%);--contentHeaderBackground1:hsl(0,0%,96.5%);--contentBackground1:hsl(0,0%,95%);--contentBackground2:hsl(0,0%,92%);--contentBackground3:hsl(0,0%,85%);--contentBorder1:hsl(0,0%,78%);--contentBorder2:hsl(0,0%,70%);--contentBorder3:hsl(0,0%,60%);--contentColoredBackground1:hsl(180,15%,85%);--contentColoredBackground2:hsl(180,15%,78%);--contentColoredBackground3:hsl(180,15%,70%);--contentColoredBorder1:hsl(180,12%,70%);--contentColoredBorder2:hsl(180,12%,65%);--contentColoredBorder3:hsl(180,12%,60%);--contentBackdropBackground1:hsl(120,16.1%,30.4%);--contentBackdropBackground2:hsl(120,14.5%,27.1%);--contentBackdropBackground3:hsl(120,14.1%,25.1%);--listBackground1:hsl(216,15%,92%);--listBackground2:hsl(216,15%,88%);--listBorder1:hsl(216,15%,65%);--listColoredBackground1:hsl(180,28%,82%);--listColoredBackground2:hsl(180,28%,75%);--listColoredBorder1:hsl(180,28%,60%);--highlightContentBackground1:hsl(0,0%,93%);--highlightContentBackground2:hsl(0,0%,84%);--highlightContentBackground3:hsl(0,0%,83%);--highlightContentBackground4:hsl(0,0%,74%);--highlightContentBackground5:hsl(0,0%,75%);--highlightContentBackground6:hsl(0,0%,67%);--highlightContentBorder1:hsl(216,15%,50%);--highlightContentBorder2:hsl(216,15%,40%);--highlightColorContentBackground1:hsl(147,90%,60%);--highlightColorContentBackground2:hsl(157,100%,45%);--highlightColorContentBackground3:hsl(147,88%,70%);--highlightColorContentBackground4:hsl(157,95%,45%);--highlightColorContentBackground5:hsl(147,75%,80%);--highlightColorContentBackground6:hsl(157,85%,60%);--highlightColorContentBorder1:hsl(147,15%,40%);--highlightColorContentBorder2:hsl(147,70%,40%);--infoBackground1:hsla(210,60%,89%,0.7);--infoBorder1:hsla(210,60%,65%,0.8);--infoColor1:hsl(210,70%,70%);--textColor:hsl(210,30%,20%);--textGrayColor:hsl(219,16%,35%);--textBoldColor:hsl(209,79%,9%);--textAccentColor:hsl(210,70%,35%);--textBoldAccentColor:hsl(209,80%,35%);--textLowerColor1:hsl(210,30%,30%);--textColoredBackgroundColor:hsl(210,30%,18%);--textColoredBackgroundGrayColor:hsl(210,15%,28%);--textColoredBackgroundBoldColor:hsl(0,50%,5%);--textDisabledColor:hsl(210,16%,45%);--titleTextColor:hsl(222,91%,4%);--titleTextGrayColor:hsl(215,16%,15%);--coloredTextColor1:hsl(94,20%,50%);--coloredTextColor2:hsl(0,33.3%,40%);--coloredTextHoverColor1:hsl(94,20%,60%);--coloredTextHoverColor2:hsl(0,33.3%,50%);--coloredTitleTextColor1:hsl(94,33%,30%);--coloredTitleTextColor2:hsl(0,33%,30%);--coloredTitleTextHoverColor1:hsl(94,22%,35%);--coloredTitleTextHoverColor2:hsl(0,33%,35%);--headerSecondaryBackground1:hsl(217.5,14.8%,10.6%);--headerSecondaryBackground2:hsl(216,14.3%,6.9%);--contentSecondaryBackground1:hsl(220,13%,9%);--textSecondaryColor:hsl(0,0%,80%);--textSecondaryGrayColor:hsl(0,0%,64%);--titleTextSecondaryColor1:hsl(0,0%,96%);--coloredTextSecondaryColor1:hsl(94,15%,50%);--coloredTextSecondaryColor2:hsl(218,70%,70%);--coloredTextSecondaryHoverColor1:hsl(94,15%,60%);--coloredTextSecondaryHoverColor2:hsl(218,80%,80%);--coloredTitleTextSecondaryColor1:hsl(94,22%,55%);--coloredTitleTextSecondaryColor2:hsl(218,80%,63%);--coloredTitleTextSecondaryHoverColor1:hsl(94,22%,65%);--coloredTitleTextSecondaryHoverColor2:hsl(218,80%,75%);--successTextColor1:hsl(120,40%,50%);--errorTextColor1:hsl(0,50%,60%);--shadowLightColor:hsl(0,0%,35%);--shadowColor:hsl(0,0%,20%);--shadowDarkColor:hsl(0,0%,13%);--shadowBlackColor:hsl(0,0%,2%);--mdColor1:hsla(0,0%,0%,0.54);--mdInactiveColor1:hsla(0,0%,0%,0.26);--mdSecondaryColor1:hsla(0,0%,100%,1);--mdInactiveSecondaryColor1:hsla(0,0%,100%,0.3);--focusColor1:hsl(192,100%,44%);--focusColor2:hsla(192,100%,75%,0.5);--highlightOverlayColorSubtle:hsla(0,0%,70%,0.2);--linkNormal:hsl(234,71%,53%);--linkHover1:hsl(354,83%,40%);--linkHover2:hsl(20,83%,40%);--linkVisited:hsl(300,33%,40%);--documentColor1:hsl(94,30%,32%);--documentVisitedColor1:hsl(160,36%,36%);--documentHoverColor1:var(--linkHover1);--documentHoverColor2:var(--linkHover2);--linkSecondaryNormal:hsl(232,69%,67%);--linkSecondaryHover1:hsl(354,85%,63%);--linkSecondaryHover2:hsl(30,85%,63%);--linkSecondaryVisited:hsl(300,33%,59%);--linkSecondaryFocusColor1:hsl(5,65%,55%);--linkSecondaryFocusColor2:hsla(5,80%,65%,0.5);--buttonBackground1:hsl(216,10%,94%);--buttonBorder1:hsl(216,10%,60%);--buttonColor1:hsl(216,16%,30%);--buttonHoverBackground1:hsl(216,8%,87%);--buttonHoverColor1:hsl(216,20%,15%);--buttonActiveBackground1:hsl(216,10%,80%);--buttonDisabledBackground1:hsl(216,7%,86%);--buttonDisabledBorder1:hsl(216,7%,72%);--buttonDisabledColor1:hsl(216,10%,36%);--menuColorBackground1:hsl(0,80%,75%);--menuColorBorder1:hsl(0,80%,60%);--menuColorBackground2:hsl(94,33%,56%);--menuColorBorder2:hsl(94,40%,40%);--menuColorHoverBackground1:hsl(0,50%,80%);--menuColorActiveBackground1:hsl(0,80%,70%);--menuColorHoverBackground2:hsl(94,33%,68%);--menuColorActiveBackground2:hsl(94,33%,45%);--highlightButtonBackground1:hsl(94,30%,60%);--highlightButtonBorder1:hsl(94,28%,45%);--highlightButtonHoverBackground1:hsl(94,38%,68%);--highlightButtonActiveBackground1:hsl(94,33%,58%);--highlightButtonDisabledBackground1:hsl(94,15%,60%);--highlightButtonDisabledBorder1:hsl(94,12%,50%);--textButtonHoverBackground1:hsla(0,0%,60%,0.5);--textButtonActiveBackground1:hsla(0,0%,40%,0.6);--invertedButtonSecondaryBackground1:hsl(0,0%,80%);--invertedButtonSecondaryHoverBackground1:hsl(0,0%,70%);--invertedButtonSecondaryActiveBackground1:hsl(0,0%,62%);--inputBackground1:hsl(0,0%,100%);--inputBackground2:hsl(240,0%,92%);--inputHoverBackground1:hsl(216,8%,91%);--inputHoverBackground2:hsl(240,8%,83%);--inputActiveBackground2:hsl(240,5%,71%);--inputBorder:hsl(0,0%,52%);--inputHoverBorder1:hsl(216,8%,40%);--inputInactiveBackground1:hsl(216,7%,79%);--inputInactiveBorder1:hsl(216,7%,68%);--inputFocusColor1:hsl(214,100%,44%);--inputFocusColor2:hsl(0,0%,100%);--inputFocusColor3:hsl(204,70%,80%);--inputFocusBorder:2px solid var(--inputFocusColor1);--inputFocusBorderOutline:2px solid var(--inputFocusColor3);--inputFocusOutline:2px solid var(--inputFocusColor1);--inputFocusOutlineShadow:0 0 0 3.5px var(--inputFocusColor3);--inputCheckedBackground1:hsl(214,100%,44%);--inputCheckedHoverBackground1:hsl(214,100%,53%);--inputCheckedActiveBackground1:hsl(214,100%,70%);--inputCheckedColor1:hsl(214,0%,100%);--modifiedBorder:hsl(40,30%,50%);--modifiedFocusColor1:hsl(40,100%,44%);--modifiedFocusColor2:hsla(40,100%,60%,0.4);--newBorder:hsl(110,20%,50%);--newFocusColor1:hsl(100,70%,44%);--newFocusColor2:hsla(100,90%,60%,0.4);--requiredColor1:hsl(0,80%,60%);--syntaxBackground:hsl(207,80%,98%);--syntaxBorder:hsl(207,40%,90%);--syntaxNameColor:hsl(182,86%,33%);--syntaxStringColor:hsl(288,48%,69%);--syntaxStringMarkColor:hsl(322,78%,30%);--syntaxEscapedChar:hsl(300,40%,50%);--syntaxNumberColor:hsl(314,91%,39%);--syntaxBooleanColor:hsl(17,59%,58%);--syntaxNullColor:hsl(350,69%,57%);--syntaxBracketColor:hsl(38,24%,70%);--syntaxOperatorColor:hsl(276,50%,60%);--syntaxPunctuation:hsl(240,25%,50%)}