@property --button-bg{syntax:"<color>";inherits:true;initial-value:#0000}@property --icon-path-one-fill{syntax:"<color>";inherits:true;initial-value:#0000}@property --icon-path-two-fill{syntax:"<color>";inherits:true;initial-value:#0000}@property --nestBtn-shadow-colour-1{syntax:"<color>";inherits:true;initial-value:#0000}@property --nestBtn-shadow-colour-2{syntax:"<color>";inherits:true;initial-value:#0000}@property --nestBtn-shadow-colour-3{syntax:"<color>";inherits:true;initial-value:#0000}@property --nestBtn-shadow-direction{syntax:"<number>";inherits:true;initial-value:0}@keyframes scaleDown{1%,99%{pointer-events:none}0%{filter:grayscale(0);scale:1}50%,to{filter:grayscale();scale:.75}}@keyframes fall{0%{opacity:0;rotate:-42deg;scale:.5;translate:var(--main-x)var(--main-y)}13.7931%{opacity:1;rotate:-42deg;scale:1;translate:0 var(--reducingBoilerplateCode-y)}35.3448%{opacity:1;rotate:1 1 -2 90deg;scale:.75;translate:0 var(--easierMaintenance-y)}56.8966%{opacity:1;rotate:x 60deg;scale:1.25;translate:0 var(--improvedCodeReadability-y)}78.4483%{opacity:1;rotate:-60deg;scale:1.5;translate:0 var(--groupingStylesTogether-y)}to{opacity:1;rotate:none;scale:1;translate:0 var(--mechanicsOfNesting-y)}}@keyframes idle{0%{translate:0}to{translate:0 10%}}@keyframes hover{0%{translate:0 50%}to{translate:0 60%}}@keyframes repeatText{0%{translate:0}to{translate:0 -1lh}}@keyframes swapText{0%,to{padding-top:0}30%,70%{padding-top:1lh}}@keyframes showText{to{text-shadow:0 -1lh}}@keyframes strikethrough{0%{translate:-100%}50%{translate:0%}to{translate:100%}}@keyframes slideDown{0%{opacity:0;translate:0 -20lh}to{opacity:1;translate:0}}@keyframes slideIn{0%{color:#0000}50%,75%{translate:0}62.5%{color:revert-layer}}@keyframes boostUp{to{translate:0 -96em}}@keyframes slideUp{to{translate:0 -16em}}@keyframes changeCard{6.25%{translate:12rem -12rem;rotate:20 -4 20 60deg;scale:.75}12.5%,to{translate:none;rotate:none;scale:none}}@keyframes changeCardBefore{0%,6.25%{opacity:1}6.26%,to{opacity:0}}@keyframes changeCardAfter{0%,6.25%{opacity:0}6.26%,to{opacity:1}}@keyframes slideInLines{0%{translate:-3.25em calc(5lh + (var(--charIndex)*1em))}to{translate:0}}@keyframes rotate{0%{rotate:none}to{rotate:360deg}}@keyframes revealText{0%{letter-spacing:-1.5ch}0%{opacity:0}25%{opacity:.1}50%{opacity:.3}75%{opacity:.5}to{opacity:1}to{letter-spacing:0}}@keyframes widenGap{to{scale:1}to{opacity:.99;scale:.85 1}}@keyframes moveDown{0%{opacity:0;translate:0 -3lh}to{opacity:1;translate:0}}@keyframes fadeUp{0%{opacity:0;translate:0 1.67em}to{opacity:1;translate:-.96ch -.31em}}@keyframes moveLeft{0%{translate:calc(50% + (var(--gutter-real-width)/2) - var(--padding))}to{translate:calc(0% - var(--padding))}}@keyframes moveRight{0%{width:calc(var(--code-editor-width) - var(--padding))}to{width:calc(var(--single-editor-width))}}@keyframes shadowRotate{0%{translate:calc((4/3)*.5em)calc((4/3)*2.5em*var(--nestBtn-shadow-direction))}33%{translate:calc((4/3)*2.25em)calc((4/3)*2.25em*var(--nestBtn-shadow-direction))}67%{translate:calc((4/3)*2.5em)calc((4/3)*0em*var(--nestBtn-shadow-direction))}to{translate:calc((4/3)*.5em)calc((4/3)*2.5em*var(--nestBtn-shadow-direction))}}@keyframes onClick{0%{--onClickValue2:var(--onClickValue1)}}@keyframes lightenBackgroundColour{0%,13.7931%{background-color:var(--shades-black)}35.3448%{background-color:rgb(from color-mix(in srgb,var(--shades-em-darker),var(--shades-black))r g b)}56.8966%{background-color:var(--sec-colour-darkest)}78.4483%{background-color:var(--pri-colour-darkest)}to{background-color:rgb(from color-mix(in srgb,var(--shades-em-darker),var(--shades-black))r g b)}}@keyframes unblur{0%{filter:blur(1em)}to{filter:blur()}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes blink{0%{opacity:1}to{opacity:.25}}@keyframes bounceInTop{0%{filter:opacity(0);animation-timing-function:ease-in;transform:translateY(-500px)}38%{filter:opacity();animation-timing-function:ease-out;transform:translateY(0)}55%{animation-timing-function:ease-in;transform:translateY(-65px)}72%{animation-timing-function:ease-out;transform:translateY(0)}81%{animation-timing-function:ease-in;transform:translateY(-28px)}90%{animation-timing-function:ease-out;transform:translateY(0)}95%{animation-timing-function:ease-in;transform:translateY(-8px)}to{animation-timing-function:ease-out;transform:translateY(0)}}@keyframes slideInLeft{0%{transform:translate(-64rem)}to{transform:translate(0)}}@font-face{font-family:Poppins;font-weight:200;font-display:swap;src:url(../assets/fonts/poppins-extralight-devanagari.otf)format("opentype");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-weight:200;font-display:swap;src:url(../assets/fonts/poppins-extralight-latinext.otf)format("opentype");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-weight:200;font-display:swap;src:url(../assets/fonts/poppins-extralight-latin.otf)format("opentype");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-weight:300;font-display:swap;src:url(../assets/fonts/poppins-light-devanagari.otf)format("opentype");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-weight:300;font-display:swap;src:url(../assets/fonts/poppins-light-latinext.otf)format("opentype");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-weight:300;font-display:swap;src:url(../assets/fonts/poppins-light-latin.otf)format("opentype");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-weight:400;font-display:swap;src:url(../assets/fonts/poppins-regular-devanagari.otf)format("opentype");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-weight:400;font-display:swap;src:url(../assets/fonts/poppins-regular-latinext.otf)format("opentype");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-weight:400;font-display:swap;src:url(../assets/fonts/poppins-regular-latin.otf)format("opentype");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-weight:500;font-display:swap;src:url(../assets/fonts/poppins-medium-devanagari.otf)format("opentype");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-weight:500;font-display:swap;src:url(../assets/fonts/poppins-medium-latinext.otf)format("opentype");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-weight:500;font-display:swap;src:url(../assets/fonts/poppins-medium-latin.otf)format("opentype");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-weight:600;font-display:swap;src:url(../assets/fonts/poppins-semibold-devanagari.otf)format("opentype");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-weight:600;font-display:swap;src:url(../assets/fonts/poppins-semibold-latinext.otf)format("opentype");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-weight:600;font-display:swap;src:url(../assets/fonts/poppins-semibold-latin.otf)format("opentype");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-weight:900;font-display:swap;src:url(../assets/fonts/poppins-black-devanagari.otf)format("opentype");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-weight:900;font-display:swap;src:url(../assets/fonts/poppins-black-latinext.otf)format("opentype");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-weight:900;font-display:swap;src:url(../assets/fonts/poppins-black-latin.otf)format("opentype");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Orelo Semi Condensed;font-weight:600;font-display:swap;src:local(Orelo SemiCondensed DemiBold Regular),local(Orelo SemiCondensed DemiBold),url(../assets/fonts/orelo-semicondensed-demibold.otf)format("opentype")}@font-face{font-family:Orelo Semi Condensed;font-weight:700;font-display:swap;src:local(Orelo SemiCondensed Bold Regular),local(Orelo SemiCondensed Bold),url(../assets/fonts/orelo-semicondensed-bold.otf)format("opentype")}@font-face{font-family:Orelo Semi Expanded;font-weight:400;font-display:swap;src:local(Orelo SemiWide Regular),local(Orelo SemiWide),url(../assets/fonts/orelo-semiwide.otf)format("opentype")}@font-face{font-family:Orelo Expanded;font-weight:600;font-display:swap;src:local(Orelo Wide DemiBold Regular),local(Orelo Wide DemiBold),url(../assets/fonts/orelo-wide-demibold.otf)format("opentype")}@font-face{font-family:Fira Code;font-weight:400;font-display:swap;src:url(../assets/fonts/firacode-regular-cyrillicext.otf)format("opentype");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Fira Code;font-weight:400;font-display:swap;src:url(../assets/fonts/firacode-regular-cyrillic.otf)format("opentype");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Fira Code;font-weight:400;font-display:swap;src:url(../assets/fonts/firacode-regular-greek.otf)format("opentype");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Fira Code;font-weight:400;font-display:swap;src:url(../assets/fonts/firacode-regular-greekext.otf)format("opentype");unicode-range:U+1F??}@font-face{font-family:Fira Code;font-weight:400;font-display:swap;src:url(../assets/fonts/firacode-regular-latinext.otf)format("opentype");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fira Code;font-weight:400;font-display:swap;src:url(../assets/fonts/firacode-regular-latin.otf)format("opentype");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DejaVu Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../assets/fonts/dejavu-mono-regular-latin.otf)format("opentype");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:iA Writer Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../assets/fonts/ia-writer-mono-regular-latin.otf)format("opentype");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Jetbrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../assets/fonts/jetbrains-mono-regular-cyrillicext.otf)format("opentype");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Jetbrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../assets/fonts/jetbrains-mono-regular-cyrillic.otf)format("opentype");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Jetbrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../assets/fonts/jetbrains-mono-regular-greek.otf)format("opentype");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Jetbrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../assets/fonts/jetbrains-mono-regular-vietnamese.otf)format("opentype");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Jetbrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../assets/fonts/jetbrains-mono-regular-latinext.otf)format("opentype");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Jetbrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../assets/fonts/jetbrains-mono-regular-latin.otf)format("opentype");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:PT Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../assets/fonts/pt-mono-regular-cyrillicext.otf)format("opentype");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:PT Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../assets/fonts/pt-mono-regular-cyrillic.otf)format("opentype");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:PT Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../assets/fonts/pt-mono-regular-latinext.otf)format("opentype");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:PT Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../assets/fonts/pt-mono-regular-latin.otf)format("opentype");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@layer base;@layer framework{@starting-style{#mainContent>#textSide>header :is(nav>button,hgroup>:is(h1,p)),#mainContent>#textSide>figure>:is(figcaption,figcaption+div),#mainContent>#editorSide>#codeEditor .editorWrapper{opacity:0}#inputEditorWrapper{background-color:#0000;display:none}#outputEditorWrapper{opacity:0;opacity:0;background-color:#0000}}:root{--lightness-darkest:20%;--chroma-darkest:.0424;--lightness-em-darker:25%;--chroma-em-darker:.0424;--lightness-m-darker:40%;--chroma-m-darker:.0679;--lightness-darker:55%;--chroma-darker:.0935;--lightness-medium:75%;--chroma-medium:.1278;--lightness-lighter:85%;--chroma-lighter:.0821;--lightness-lightest:90%;--chroma-lightest:.0522;--hue-pri-colour:235;--hue-sec-colour:205;--hue-red-colour:15;--hue-shades:360;--pri-colour-darkest:oklch(var(--lightness-darkest)var(--chroma-darkest)var(--hue-pri-colour));--pri-colour-em-darker:oklch(var(--lightness-em-darker)var(--chroma-em-darker)var(--hue-pri-colour));--pri-colour-m-darker:oklch(var(--lightness-m-darker)var(--chroma-m-darker)var(--hue-pri-colour));--pri-colour-darker:oklch(var(--lightness-darker)var(--chroma-darker)var(--hue-pri-colour));--pri-colour-medium:oklch(var(--lightness-medium)var(--chroma-medium)var(--hue-pri-colour));--pri-colour-lighter:oklch(var(--lightness-lighter)var(--chroma-lighter)var(--hue-pri-colour));--pri-colour-lightest:oklch(var(--lightness-lightest)var(--chroma-lightest)var(--hue-pri-colour));--sec-colour-darkest:oklch(var(--lightness-darkest)var(--chroma-darkest)var(--hue-sec-colour));--sec-colour-em-darker:oklch(var(--lightness-em-darker)var(--chroma-em-darker)var(--hue-sec-colour));--sec-colour-m-darker:oklch(var(--lightness-m-darker)var(--chroma-m-darker)var(--hue-sec-colour));--sec-colour-darker:oklch(var(--lightness-darker)var(--chroma-darker)var(--hue-sec-colour));--sec-colour-medium:oklch(var(--lightness-medium)var(--chroma-medium)var(--hue-sec-colour));--sec-colour-lighter:oklch(var(--lightness-lighter)var(--chroma-lighter)var(--hue-sec-colour));--sec-colour-lightest:oklch(var(--lightness-lightest)var(--chroma-lightest)var(--hue-sec-colour));--red-colour-darkest:oklch(var(--lightness-darkest)var(--chroma-darkest)var(--hue-red-colour));--red-colour-em-darker:oklch(var(--lightness-em-darker)var(--chroma-em-darker)var(--hue-red-colour));--red-colour-m-darker:oklch(var(--lightness-m-darker)var(--chroma-m-darker)var(--hue-red-colour));--red-colour-darker:oklch(var(--lightness-darker)var(--chroma-darker)var(--hue-red-colour));--red-colour-medium:oklch(var(--lightness-medium)var(--chroma-medium)var(--hue-red-colour));--red-colour-lighter:oklch(var(--lightness-lighter)var(--chroma-lighter)var(--hue-red-colour));--red-colour-lightest:oklch(var(--lightness-lightest)var(--chroma-lightest)var(--hue-red-colour));--shades-darkest:oklch(var(--lightness-darkest)none none);--shades-em-darker:oklch(var(--lightness-em-darker)none none);--shades-m-darker:oklch(var(--lightness-m-darker)none none);--shades-darker:oklch(var(--lightness-darker)none none);--shades-medium:oklch(var(--lightness-medium)none none);--shades-lighter:oklch(var(--lightness-lighter)none none);--shades-lightest:oklch(var(--lightness-lightest)none none);--shades-black:black;--shades-white:white;--opacity-low:.25;--opacity-medium:.5;--opacity-high:.75;--vh:1vh;--dvh:1dvh;--svh:1svh;--lvh:1lvh;font-size:clamp(0px,1.5dvh,24px)}*{box-sizing:border-box}*[hidden]{display:none}html{background-color:color-mix(in srgb,#000 50%,var(--sec-colour-darkest));overflow:hidden}html ::-webkit-scrollbar{width:0}body{visibility:visible;opacity:1;background-color:var(--shades-black);height:100dvh;margin:0}body>.skip-to-section{width:1px;height:1px;font-size:1rem;position:absolute;left:-9999px;overflow:hidden}body>.skip-to-section:focus{background-color:rgb(from var(--shades-black)r g b/.5);border:.2rem solid rgb(from var(--shades-darker)r g b/var(--opacity-medium));width:auto;height:auto;color:var(--shades-white);z-index:9999;border-top:none;border-radius:0 0 .5rem .5rem;padding:1rem 2rem;font-family:Poppins,Calibri,sans-serif;text-decoration:none;left:50%;translate:-50%;outline:none!important}a:is(body>.skip-to-section):has(~#siteWrapper>main.nesting){display:none}}@layer notScoped{body #siteWrapper{contain:paint;width:clamp(0px,100%,3200px);height:100dvh;margin:0 auto;animation:1ms linear lightenBackgroundColour;animation-timeline:scroll(self);overflow:hidden auto}body #siteWrapper:has(>.nesting){overflow:hidden}body #siteWrapper>main{--padding:2rem;width:100%;height:96dvh;padding:var(--padding);justify-content:flex-end;display:flex}body #siteWrapper>main>#mainSettings{contain:paint inline-size;gap:var(--padding);min-width:0;height:100%;padding-bottom:calc((3/4)*var(--padding));flex-direction:column;flex:0;margin-right:0;transition:margin-right 2s,min-width 2s;display:flex;overflow:hidden auto}body #siteWrapper>main>#mainSettings>section{--panel-background:color-mix(in srgb,var(--shades-darkest),var(--shades-black)75%);background-color:var(--panel-background);padding:var(--padding);gap:var(--padding);border-radius:3rem;flex-direction:column;min-width:58.4416ch;font-family:Poppins,Calibri,sans-serif;display:flex}body #siteWrapper>main>#mainSettings>section>h2{color:var(--shades-medium);margin:0;font-size:1.25rem;font-weight:400}body #siteWrapper>main>#mainSettings>section>ul{--component-gap:calc(var(--padding)/4);--component-background:color-mix(in srgb,var(--shades-black),var(--shades-darkest));--component-background-selected:linear-gradient(to right,var(--shades-m-darker),var(--shades-em-darker));--component-box-shadow-selected:inset 0 calc(1rem/16)oklch(100% none none/var(--opacity-low));--component-box-shadow-focused:0 0 1.5em var(--shades-medium);--component-text:color-mix(in srgb,var(--shades-darker),var(--shades-medium));--component-text-hover:var(--shades-medium);gap:var(--component-gap);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}body #siteWrapper>main>#mainSettings>section>ul>li{grid-template-columns:repeat(8,1fr);display:grid}body #siteWrapper>main>#mainSettings>section>ul>li>span{cursor:auto;color:var(--component-text);grid-column:span 3;align-content:center;font-size:1.125rem;font-weight:300}body #siteWrapper>main>#mainSettings>section>ul>li>span>p{color:var(--shades-m-darker);margin:0;font-size:.625rem}body #siteWrapper>main>#mainSettings>section>ul>li>div{justify-content:space-between;gap:var(--component-gap);color:var(--component-text);flex-direction:row;grid-column:span 5;font-size:1rem;display:flex}body #siteWrapper>main>#mainSettings>section>ul>li>div>#typefaces{flex:1}body #siteWrapper>main>#mainSettings>section>ul>li>div>#fontsizes{flex:0;width:auto;margin:0}body #siteWrapper>main>#mainSettings>section>ul>li>div>#indentationType{flex:1}body #siteWrapper>main>#mainSettings>section>ul>li>div>#indentationSize{align-items:center;gap:var(--component-gap);flex:0;display:flex}body #siteWrapper>main>#mainSettings>section>ul>li>div>#wordWrap,body #siteWrapper>main>#mainSettings>section>ul>li>div>#coordinates,body #siteWrapper>main>#mainSettings>section>ul>li>div>#mode,body #siteWrapper>main>#mainSettings>section>ul>li>div>#auto{flex:1}body #siteWrapper>main>#mainSettings>section>ul>li>div>#externalCss{flex:1;max-width:100%}body #siteWrapper>main>#mainSettings>section>ul>li>div>#samples{flex:1}body #siteWrapper>main>#mainSettings>section>ul>li>div>.dropdown,body #siteWrapper>main>#mainSettings>section>ul>li>div>.combobox{-webkit-user-select:none;user-select:none;text-align:left;box-sizing:content-box;flex-direction:column;width:auto;margin:0;display:inline-flex;position:relative}:is(body #siteWrapper>main>#mainSettings>section>ul>li>div>.dropdown,body #siteWrapper>main>#mainSettings>section>ul>li>div>.combobox)>input{appearance:none;margin:0;position:absolute}:is(body #siteWrapper>main>#mainSettings>section>ul>li>div>.dropdown,body #siteWrapper>main>#mainSettings>section>ul>li>div>.combobox):focus-within>input:checked+output{border-radius:1rem 1rem 0 0}:is(body #siteWrapper>main>#mainSettings>section>ul>li>div>.dropdown,body #siteWrapper>main>#mainSettings>section>ul>li>div>.combobox):focus-within>input:checked~ul{z-index:999;background:var(--component-background);width:100%;box-shadow:0px 10px 10px 2.5px rgb(from var(--shades-black)r g b/.5);border-bottom-right-radius:1rem;border-bottom-left-radius:1rem;flex-direction:column;gap:.5em;margin:.25rem 0 0;padding:1em;display:flex;position:absolute;top:100%}:is(body #siteWrapper>main>#mainSettings>section>ul>li>div>.dropdown,body #siteWrapper>main>#mainSettings>section>ul>li>div>.combobox):focus-within>input:checked~ul>li{text-overflow:ellipsis;overflow:hidden;outline:none!important}:is(body #siteWrapper>main>#mainSettings>section>ul>li>div>.dropdown,body #siteWrapper>main>#mainSettings>section>ul>li>div>.combobox):focus-within>input:checked~ul>li:hover{color:var(--component-text-hover);cursor:pointer}:is(body #siteWrapper>main>#mainSettings>section>ul>li>div>.dropdown,body #siteWrapper>main>#mainSettings>section>ul>li>div>.combobox):focus-within>input:checked~ul>li:focus{color:var(--component-text-hover)}:is(body #siteWrapper>main>#mainSettings>section>ul>li>div>.dropdown,body #siteWrapper>main>#mainSettings>section>ul>li>div>.combobox):focus-within>input:checked~ul>li:disabled{color:rgb(from var(--component-text)r g b/.5);cursor:not-allowed}:is(body #siteWrapper>main>#mainSettings>section>ul>li>div>.dropdown,body #siteWrapper>main>#mainSettings>section>ul>li>div>.combobox):focus-within>input:checked~ul>li:disabled:hover{color:inherit}:is(body #siteWrapper>main>#mainSettings>section>ul>li>div>.dropdown,body #siteWrapper>main>#mainSettings>section>ul>li>div>.combobox)>output{cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:url("data:image/svg+xml,%3Csvg fill='%23484848' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.178 19.569a.998.998 0 0 0 1.644 0l9-13A.999.999 0 0 0 21 5H3a1.002 1.002 0 0 0-.822 1.569l9 13z'%3E%3C/path%3E%3C/svg%3E") right 1rem top 50%/1ch no-repeat,var(--component-background);border-radius:1rem;padding:1rem calc(1rem + 2ch) 1rem 1rem;overflow:clip;outline:none!important}:is(body #siteWrapper>main>#mainSettings>section>ul>li>div>.dropdown,body #siteWrapper>main>#mainSettings>section>ul>li>div>.combobox)>output:hover{color:var(--component-text-hover)}:is(body #siteWrapper>main>#mainSettings>section>ul>li>div>.dropdown,body #siteWrapper>main>#mainSettings>section>ul>li>div>.combobox).dropdown:has(:is(input,ul>li):focus)>output{z-index:1;box-shadow:var(--component-box-shadow-focused)}:is(body #siteWrapper>main>#mainSettings>section>ul>li>div>.dropdown,body #siteWrapper>main>#mainSettings>section>ul>li>div>.combobox).combobox:has(:is(input,output>div,ul>li):focus)>output{z-index:1;box-shadow:var(--component-box-shadow-focused)}:is(body #siteWrapper>main>#mainSettings>section>ul>li>div>.dropdown,body #siteWrapper>main>#mainSettings>section>ul>li>div>.combobox).combobox>output:is(:is(body #siteWrapper>main>#mainSettings>section>ul>li>div>.dropdown,body #siteWrapper>main>#mainSettings>section>ul>li>div>.combobox).combobox>output):hover>div:empty:before{color:var(--shades-darker)}:is(body #siteWrapper>main>#mainSettings>section>ul>li>div>.dropdown,body #siteWrapper>main>#mainSettings>section>ul>li>div>.combobox).combobox>output>div{cursor:auto;text-overflow:ellipsis;overflow:hidden;outline:none!important}:is(body #siteWrapper>main>#mainSettings>section>ul>li>div>.dropdown,body #siteWrapper>main>#mainSettings>section>ul>li>div>.combobox).combobox>output>div:focus{scrollbar-width:none;text-overflow:clip;overflow-x:scroll}:is(body #siteWrapper>main>#mainSettings>section>ul>li>div>.dropdown,body #siteWrapper>main>#mainSettings>section>ul>li>div>.combobox).combobox>output>div:not(:focus):empty{align-content:center;padding:.25em 0;font-size:75%}:is(body #siteWrapper>main>#mainSettings>section>ul>li>div>.dropdown,body #siteWrapper>main>#mainSettings>section>ul>li>div>.combobox).combobox>output>div:not(:focus):empty:before{pointer-events:none;content:attr(placeholder);color:var(--shades-m-darker)}body #siteWrapper>main>#mainSettings>section>ul>li>div>.number{-webkit-user-select:none;user-select:none;width:fit-content;color:var(--component-text);gap:calc(2*var(--component-gap));background:var(--component-background);border:none;border-radius:1rem;padding:1rem;position:relative}body #siteWrapper>main>#mainSettings>section>ul>li>div>.number:hover{color:var(--component-text-hover)}body #siteWrapper>main>#mainSettings>section>ul>li>div>.number:has(input:focus,input:active){z-index:1;box-shadow:var(--component-box-shadow-focused)}body #siteWrapper>main>#mainSettings>section>ul>li>div>.number>output>input{cursor:auto;margin-right:1ch;display:inline-block;outline:none!important}body #siteWrapper>main>#mainSettings>section>ul>li>div>.number>output>input~div{flex-direction:column;gap:.25em;width:1ch;display:flex;position:absolute;top:50%;right:1rem;translate:0 -50%}body #siteWrapper>main>#mainSettings>section>ul>li>div>.number>output>input~div>svg{cursor:pointer}body #siteWrapper>main>#mainSettings>section>ul>li>div>.number>output>input[type=text]{appearance:none;background:inherit;border:inherit;color:inherit;font:inherit;overflow-wrap:break-word;text-align:inherit;-webkit-user-modify:read-write;overflow:visible!important}body #siteWrapper>main>#mainSettings>section>ul>li>div>.checkbox{-webkit-user-select:none;user-select:none;background:var(--component-background);border-radius:1rem;display:flex;position:relative;outline:none!important}body #siteWrapper>main>#mainSettings>section>ul>li>div>.checkbox:before{content:"";border-radius:inherit;background:var(--component-background-selected);width:50%;height:100%;box-shadow:var(--component-box-shadow-selected);z-index:0;transition:all .25s;position:absolute;left:0%}body #siteWrapper>main>#mainSettings>section>ul>li>div>.checkbox:has(:checked):before{left:50%}body #siteWrapper>main>#mainSettings>section>ul>li>div>.checkbox:has(input:focus,input:active){z-index:1;box-shadow:var(--component-box-shadow-focused)}body #siteWrapper>main>#mainSettings>section>ul>li>div>.checkbox>input{appearance:none;margin:0;position:absolute}body #siteWrapper>main>#mainSettings>section>ul>li>div>.checkbox>span{cursor:pointer;text-align:center;flex:1;align-content:center;padding:1rem 2.5ch;position:relative}body #siteWrapper>main>#mainSettings>section>ul>li>div>.checkbox>span:hover{color:var(--component-text-hover)}body #siteWrapper>main>#mainSettings>section>ul>li>div>.radio-group{-webkit-user-select:none;user-select:none;gap:var(--component-gap);display:flex}body #siteWrapper>main>#mainSettings>section>ul>li>div>.radio-group>label{cursor:pointer;text-align:center;--top-colour:var(--shades-m-darker);--bottom-colour:var(--shades-em-darker);background:linear-gradient(to bottom,var(--top-colour),var(--bottom-colour)45%,var(--component-background)55%)0% 100%/100% 210% no-repeat,var(--component-background);border-radius:1rem;flex:1;align-content:center;padding:1rem 1.75ch;transition:background-position .125s ease-out;outline:none!important}body #siteWrapper>main>#mainSettings>section>ul>li>div>.radio-group>label:has(:disabled),body #siteWrapper>main>#mainSettings>section>ul>li>div>.radio-group>label:has(:disabled):hover{--shades-true-darkest:color-mix(in srgb,var(--shades-black),var(--shades-darkest));background:linear-gradient(to bottom,var(--shades-black),var(--shades-true-darkest));box-shadow:inset 0 calc(-1rem/16)var(--shades-darkest);color:var(--shades-m-darker);cursor:not-allowed}body #siteWrapper>main>#mainSettings>section>ul>li>div>.radio-group>label:has(:checked){box-shadow:var(--component-box-shadow-selected);background-position:0 0}body #siteWrapper>main>#mainSettings>section>ul>li>div>.radio-group>label:hover{color:var(--component-text-hover)}body #siteWrapper>main>#mainSettings>section>ul>li>div>.radio-group>label:has(>input:focus){z-index:1;box-shadow:var(--component-box-shadow-focused)}body #siteWrapper>main>#mainSettings>section>ul>li>div>.radio-group>label>input{appearance:none;margin:0;position:absolute}body #siteWrapper>main>#mainSettings>section>ul>li>div>.radio-group.button>label{--top-colour:var(--sec-colour-m-darker);--bottom-colour:var(--pri-colour-darkest)}body #siteWrapper>main>#mainSettings>section>:has(table){max-height:16rem;padding:calc(var(--padding)/2);--table-background:color-mix(in srgb,var(--shades-darkest),var(--panel-background)75%);background-color:var(--table-background);scrollbar-width:.75rem;border-radius:1.5rem;overflow-y:scroll}body #siteWrapper>main>#mainSettings>section>:has(table)>table{width:100%;color:var(--shades-medium);font-size:.75rem}body #siteWrapper>main>#mainSettings>section>:has(table)>table>colgroup>col:last-child{width:0}body #siteWrapper>main>#mainSettings>section>:has(table)>table>thead tr:first-child th{color:var(--shades-darker);font-weight:400}body #siteWrapper>main>#mainSettings>section>:has(table)>table>thead tr:first-child th:first-child{text-align:left}body #siteWrapper>main>#mainSettings>section>:has(table)>table>thead tr:last-child th{color:var(--shades-m-darker);font-weight:400}body #siteWrapper>main>#mainSettings>section>:has(table)>table>tbody:empty:before{content:"There are no errors."}body #siteWrapper>main>#mainSettings>section>:has(table)>table>tbody>tr{color:var(--shades-medium);cursor:pointer;font-weight:400}body #siteWrapper>main>#mainSettings>section>:has(table)>table>tbody>tr:hover{background-color:rgb(from var(--shades-em-darker)r g b/var(--opacity-low))}body #siteWrapper>main>#mainSettings>section>:has(table)>table>tbody>tr>th{text-align:start;font-weight:400}body #siteWrapper>main>#mainSettings>section>:has(table)>table>tbody>tr>td{text-align:center}body #siteWrapper>main>#mainSettings>section>:has(table){--track-colour:color-mix(in srgb,var(--shades-black),var(--panel-background)75%);--thumbnail-colour:var(--shades-m-darker);--scrollbar-padding:4px;--scrollbar-width:12px}@supports selector(::-webkit-scrollbar){body #siteWrapper>main>#mainSettings>section>:has(table)::-webkit-scrollbar{width:var(--scrollbar-width);height:var(--scrollbar-width)}body #siteWrapper>main>#mainSettings>section>:has(table)::-webkit-scrollbar-thumb{background:var(--thumbnail-colour);border:var(--scrollbar-padding)solid transparent;background-clip:padding-box;border-radius:999px}body #siteWrapper>main>#mainSettings>section>:has(table)::-webkit-scrollbar-track{background:var(--track-colour);border-radius:999px}}@supports not selector(::-webkit-scrollbar){body #siteWrapper>main>#mainSettings>section>:has(table){scrollbar-color:var(--thumbnail-colour)var(--track-colour);scrollbar-width:thin}}body #siteWrapper>main>#mainSettings>nav{justify-content:space-evenly;margin:0;padding:0 4ch;display:inline-flex}body #siteWrapper>main>#mainSettings>nav>a{--icon-size:4rem;grid:var(--icon-size)/var(--icon-size);background:0 0;border:none;border-radius:999px;height:calc(100% - 4px);padding:0;display:grid;position:relative;outline:none!important}body #siteWrapper>main>#mainSettings>nav>a:first-of-type>figure{clip-path:url(#iconGithub)}body #siteWrapper>main>#mainSettings>nav>a:nth-of-type(2)>figure{clip-path:url(#iconHistory)}body #siteWrapper>main>#mainSettings>nav>a:nth-of-type(3)>figure{clip-path:url(#iconSettings)}body #siteWrapper>main>#mainSettings>nav>a:nth-of-type(4)>figure{clip-path:url(#iconBug);margin-top:-2px}body #siteWrapper>main>#mainSettings>nav>a:nth-of-type(5)>figure{clip-path:url(#iconShareYourMind)}body #siteWrapper>main>#mainSettings>nav>a>*{border-radius:inherit;width:100%;height:100%}body #siteWrapper>main>#mainSettings>nav>a>figure{background:rgb(from var(--shades-white)r g b/.25);margin:0;container-type:size}body #siteWrapper>main>#mainSettings>nav>a>figure>svg{contain:size}body #siteWrapper>main>#mainSettings>nav>a>figure>svg>clipPath{translate:-7cqw -11cqh;scale:.012}body #siteWrapper>main>#mainSettings>nav>a>figure.hidden.inner-cursor:after{animation-play-state:paused}body #siteWrapper>main>#mainSettings>nav>a:not([aria-disabled=true])>figure.inner-cursor:after{pointer-events:none;border-radius:inherit;content:"";z-index:-999;translate:calc(var(--cursor-x-pos) - 50%)calc(var(--cursor-y-pos) - 50%);filter:blur(1rem);background-color:var(--shades-white);width:75cqw;height:75cqh;animation:3s infinite alternate-reverse blink;position:fixed;top:0;left:0}body #siteWrapper>main>#mainSettings>nav>a:not([aria-disabled=true]):focus{z-index:1;box-shadow:0 0 calc((3/4)*var(--padding))var(--shades-medium);outline:1px solid var(--shades-darker)!important}body #siteWrapper>main>#mainSettings>nav>a[aria-disabled=true]{cursor:not-allowed;opacity:.5}body #siteWrapper>main>#mainSettings>nav>a[aria-disabled=true] use{pointer-events:none}body #siteWrapper>main>#mainContent{--background:url(https://ucarecdn.com/380d4e4c-268c-4913-8c92-e049c44234ec/-/preview/189x189/) 0 .1dvh/5dvh repeat,linear-gradient(to right,rgb(from var(--shades-black)r g b/var(--opacity-medium)),rgb(from var(--pri-colour-em-darker)r g b/var(--opacity-medium)))0 0/100dvw 100dvh,linear-gradient(45deg,transparent,rgb(from var(--pri-colour-m-darker)r g b/var(--opacity-medium))50%,transparent)0 0/100dvw 100dvh,var(--shades-black);background:var(--background);transform-origin:50%;border-radius:3rem;flex:1;justify-content:space-between;width:fit-content;display:flex;position:relative;container-type:size}@supports (animation-range:normal){body #siteWrapper>main>#mainContent{animation:1ms linear scaleDown;animation-timeline:view();animation-range:contain 100% cover}}body #siteWrapper>main>#mainContent>#textSide{contain:paint;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:2rem 0;transition:width 2s,opacity 2s,padding 2s;display:flex;container-type:inline-size}body #siteWrapper>main>#mainContent>#textSide>header{margin:2rem 2rem 0 4rem;font-size:clamp(.5rem,16px,1.5rem)}body #siteWrapper>main>#mainContent>#textSide>header>hgroup{color:rgb(from var(--shades-white)r g b/var(--opacity-high));flex-direction:column-reverse;font-family:Poppins,Calibri,sans-serif;display:flex}body #siteWrapper>main>#mainContent>#textSide>header>hgroup>*{margin:0}body #siteWrapper>main>#mainContent>#textSide>header>hgroup>h1{white-space:nowrap;font-size:6em;font-weight:900;line-height:125%;transition:opacity 3s 1.5s;display:inline-block}body #siteWrapper>main>#mainContent>#textSide>header>hgroup>h1:hover{color:var(--shades-white)}body #siteWrapper>main>#mainContent>#textSide>header>hgroup>h2{width:24ch;height:2lh;font-size:3em;font-weight:200;line-height:125%;transition:opacity 3s 3s;transform:translateZ(0)}body #siteWrapper>main>#mainContent>#textSide>header>nav{--primary-colour:var(--shades-darker);--secondary-colour:color-mix(in srgb,var(--shades-lightest),var(--primary-colour)50%);gap:.33em;margin:1em 0;padding:0;display:inline-flex}body #siteWrapper>main>#mainContent>#textSide>header>nav>a{--anim-duration-icon-in:.5s;--anim-duration-bg-in:0s;--delay-icon-in-paths:0s;--delay-icon-in-bg:calc(var(--delay-icon-in-paths) + var(--anim-duration-icon-in) + 0s);--anim-duration-text-show:.5s;--anim-duration-text-opacity-show:.25s;--delay-text-show-font:calc(var(--delay-icon-in-bg) + 0s);--delay-text-show-opacity:calc(var(--delay-text-show-font) + var(--anim-duration-text-show) + 0s);--anim-duration-text-hide:.5s;--anim-duration-text-opacity-hide:.25s;--delay-text-hide-opacity:0s;--delay-text-hide-font:.5s;--anim-duration-icon-out:.5s;--anim-duration-bg-out:0s;--delay-icon-out-paths:calc(var(--delay-text-hide-font) + var(--anim-duration-text-hide) + 0s);--delay-icon-out-bg:calc(var(--delay-icon-out-paths) + 0s);font-size:inherit;background:radial-gradient(circle at 1.5em,transparent calc(1.5em - .125em),var(--button-bg)0,var(--button-bg)100%);--button-bg:transparent;transition:opacity 3s 1s,--button-bg var(--anim-duration-bg-out)var(--delay-icon-out-bg);border:none;border-radius:999px;flex-direction:row;align-items:center;padding:0;font-family:Poppins,Calibri,sans-serif;text-decoration:none;display:flex;position:relative;outline:none!important}body #siteWrapper>main>#mainContent>#textSide>header>nav>a>svg{aspect-ratio:1;border-radius:inherit;box-sizing:border-box;--icon-path-one-fill:var(--primary-colour);--icon-path-two-fill:transparent;--icon-paths-fill-transition:--icon-path-one-fill var(--anim-duration-icon-out)var(--delay-icon-out-paths),--icon-path-two-fill var(--anim-duration-icon-out)var(--delay-icon-out-paths);width:auto;height:3em}body #siteWrapper>main>#mainContent>#textSide>header>nav>a>span{color:#0000;opacity:0;background:var(--background);transition:font-size var(--anim-duration-text-hide)var(--delay-text-hide-font),opacity var(--anim-duration-text-opacity-hide)var(--delay-text-hide-opacity),color var(--anim-duration-bg-out)var(--delay-icon-out-bg);-webkit-background-clip:text;background-clip:text;flex:1;padding:1.5ch 3ch 1.5ch 0;font-size:0;font-weight:600;line-height:1;display:block;translate:1ch}body #siteWrapper>main>#mainContent>#textSide>header>nav>a:not([aria-disabled=true]):hover{--button-bg:var(--secondary-colour);transition:--button-bg var(--anim-duration-bg-in)var(--delay-icon-in-bg)}body #siteWrapper>main>#mainContent>#textSide>header>nav>a:not([aria-disabled=true]):hover>svg{--icon-path-one-fill:transparent;--icon-path-two-fill:var(--secondary-colour);--icon-paths-fill-transition:fill var(--anim-duration-icon-in)var(--delay-icon-in-paths)}body #siteWrapper>main>#mainContent>#textSide>header>nav>a:not([aria-disabled=true]):hover>span{font-size:unset;opacity:1;transition:font-size var(--anim-duration-text-show)var(--delay-text-show-font),opacity var(--anim-duration-text-opacity-show)var(--delay-text-show-opacity),color var(--anim-duration-icon-in)var(--delay-icon-in-bg);translate:1ch}body #siteWrapper>main>#mainContent>#textSide>header>nav>a:not([aria-disabled=true]):focus{z-index:1;box-shadow:0 0 calc((3/4)*var(--padding))var(--shades-lighter);outline:1px solid var(--shades-medium)!important}body #siteWrapper>main>#mainContent>#textSide>header>nav>a[aria-disabled=true]{cursor:not-allowed;opacity:.5}body #siteWrapper>main>#mainContent>#textSide>header>nav>a[aria-disabled=true] use{pointer-events:none}body #siteWrapper>main>#mainContent>#textSide>figure{flex-direction:column;justify-content:flex-end;gap:1rem;width:min(50vw,100% - 6rem);height:100%;margin:0 2rem 0 4rem;display:flex;container:ads-container/size}body #siteWrapper>main>#mainContent>#textSide>figure>figcaption{text-overflow:ellipsis;white-space:nowrap;color:rgb(from var(--shades-white)r g b/var(--opacity-high));align-content:center;height:2rem;font-family:Poppins,Calibri,sans-serif;font-size:1.25rem;font-weight:200;transition:opacity 3s;overflow:hidden}body #siteWrapper>main>#mainContent>#textSide>figure>div{contain:paint;overflow-clip-margin:content-box;border:.125rem solid rgb(from var(--shades-darker)r g b/var(--opacity-low));flex-flow:row;gap:1rem;width:fit-content;max-width:100%;padding:1rem;transition:all .25s,opacity 3s 1s;animation:.5s cubic-bezier(.25,.46,.45,.94) 1s both slideInLeft;display:flex}body #siteWrapper>main>#mainContent>#textSide>figure>div>picture{aspect-ratio:1;width:17.637rem;transition:filter .25s}body #siteWrapper>main>#mainContent>#textSide>figure>div>picture>*{cursor:pointer;aspect-ratio:1;object-fit:contain;width:auto;height:100%}body #siteWrapper>main>#mainContent>#textSide>figure>div>picture>*.adsbygoogle:not([data-ad-status=filled]){display:none}body #siteWrapper>main>#mainContent>#textSide>figure>div>picture>*.adsbygoogle:not([data-ad-status=filled])~img{display:block}body #siteWrapper>main>#mainContent>#textSide>figure>div>picture>*~img{display:none}body #siteWrapper>main>#mainContent>#textSide>figure>div:hover{border-color:rgb(from var(--shades-lighter)r g b/var(--opacity-low))}body #siteWrapper>main>#mainContent>#textSide>figure>div:hover:has(>picture:hover){border-color:rgb(from var(--shades-lighter)r g b/var(--opacity-medium))}body #siteWrapper>main>#mainContent>#textSide>figure>div:hover picture:not(:hover){filter:grayscale()}body #siteWrapper>main>#mainContent>#editorSide{flex:none;max-width:100%;container-type:inline-size}body #siteWrapper>main>#mainContent>#editorSide{--gutter-width:.25;--editor-width:5;--total-width:(var(--editor-width) + var(--gutter-width) + var(--editor-width));--vertical-padding:(2*var(--padding));--horizontal-padding:(2*var(--padding));--code-editor-height:(100cqh);--code-editor-width:(100cqw);--content-height:(var(--code-editor-height) - var(--vertical-padding));--total-editor-width:((var(--total-width)/7)*var(--content-height));--single-editor-width:((var(--editor-width)/7)*var(--content-height));--gutter-real-width:((var(--gutter-width)/7)*var(--content-height));--settings-panel-width:(58.4416ch*1.232)}body #siteWrapper>main>#mainContent>#editorSide #nestBtn{cursor:pointer;z-index:10;--nestBtn-shadow-direction:1;background:0 0;border:none;border-radius:50%;padding:0;font-size:.75rem;transition:opacity 1s,font-size 1s,translate 1s,--nestBtn-shadow-direction 1s;animation:1.5s .5s both bounceInTop;position:absolute;top:0;right:0;translate:-2rem calc(96dvh - 6rem - 100%);outline:none!important}body #siteWrapper>main>#mainContent>#editorSide #nestBtn:disabled{cursor:not-allowed;filter:brightness(.5);color:var(--shades-black)}body #siteWrapper>main>#mainContent>#editorSide #nestBtn:disabled>div:hover{scale:unset}body #siteWrapper>main>#mainContent>#editorSide #nestBtn:focus{box-shadow:0 0 calc((3/4)*var(--padding))var(--shades-lighter)}body #siteWrapper>main>#mainContent>#editorSide #nestBtn:focus>div{outline:1px solid var(--shades-medium)!important}body #siteWrapper>main>#mainContent>#editorSide #nestBtn>div{border-radius:inherit;aspect-ratio:1;text-align:center;transform-origin:100% 100%;background-color:var(--pri-colour-lighter);box-shadow:inset 0 0 1em 0 var(--shades-black);align-content:center;padding:1.5em;font-family:Poppins,Calibri,sans-serif;font-weight:500;transition:scale .5s,background-color 1s}body #siteWrapper>main>#mainContent>#editorSide #nestBtn>div:hover{background-color:var(--shades-white);scale:1.333}body #siteWrapper>main>#mainContent>#editorSide #nestBtn>div:before{content:"Nest!"}body #siteWrapper>main>#mainContent>#editorSide #nestBtn>span{opacity:0;z-index:-1;border-radius:inherit;transition:inset .5s,opacity 2s,background-color 2s;animation:3s infinite both shadowRotate;position:absolute;inset:1em}:is(#nestBtn:not(:disabled):has(>div:hover)>:is(body #siteWrapper>main>#mainContent>#editorSide #nestBtn>span)){opacity:1;inset:.5em}body #siteWrapper>main>#mainContent>#editorSide #nestBtn>span:first-of-type{background-color:rgb(from var(--pri-colour-medium)r g b/var(--opacity-medium));animation-delay:0s}body #siteWrapper>main>#mainContent>#editorSide #nestBtn>span:nth-of-type(2){background-color:rgb(from var(--sec-colour-medium)r g b/var(--opacity-medium));animation-delay:-1s}body #siteWrapper>main>#mainContent>#editorSide #nestBtn>span:nth-of-type(3){background-color:rgb(from color-mix(in srgb,var(--pri-colour-medium),var(--sec-colour-medium))r g b/var(--opacity-medium));animation-delay:-2s}body #siteWrapper>main>#mainContent>#editorSide #nestBtn.hidden>span{animation-play-state:paused}body #siteWrapper>main>#mainContent>#editorSide>#codeEditor{height:100%;width:calc((var(--code-editor-height) - var(--vertical-padding))*(var(--editor-width)/7));flex:none;justify-content:center;transition:opacity .5s ease-out;display:flex}body #siteWrapper>main>#mainContent>#editorSide>#codeEditor.loading{visibility:hidden;opacity:0}body #siteWrapper>main>#mainContent>#editorSide>#codeEditor{--screen-width:(100lvw);--editor-canvas-width:(100cqw);--code-editor-height:(100cqh);--code-editor-width:(100%);--content-height:(var(--code-editor-height) - var(--vertical-padding));--combined-editor-width:((var(--total-width)/7)*var(--content-height));--difference-of-both-full-widths:(var(--code-editor-width) - var(--combined-editor-width));--align-left:(0% - (var(--difference-of-both-full-widths)/2));--editor-canvas-inner-width:calc(var(--editor-canvas-width) - var(--horizontal-padding))}body #siteWrapper>main>#mainContent>#editorSide>#codeEditor .editorWrapper:not(.shadowEditorWrapper){width:calc((var(--code-editor-height) - var(--vertical-padding))*(var(--editor-width)/7))}body #siteWrapper>main>#mainContent>#editorSide>#codeEditor .editorWrapper:not(.shadowEditorWrapper)#inputEditorWrapper{border-radius:0 3rem 3rem 0;transition:opacity 1s,border-color 1s,background-color 1s;position:relative}body #siteWrapper>main>#mainContent>#editorSide>#codeEditor .editorWrapper:not(.shadowEditorWrapper)#inputEditorWrapper>#shadowEditorsWrapper{position:absolute;inset:0}body #siteWrapper>main>#mainContent>#editorSide>#codeEditor .editorWrapper:not(.shadowEditorWrapper)#inputEditorWrapper>#shadowEditorsWrapper>.shadowEditorWrapper{height:100%;transition:translate 2s,opacity 2s;position:absolute;overflow:hidden}body #siteWrapper>main>#mainContent>#editorSide>#codeEditor .editorWrapper:not(.shadowEditorWrapper)#inputEditorWrapper>#shadowEditorsWrapper,body #siteWrapper>main>#mainContent>#editorSide>#codeEditor .editorWrapper:not(.shadowEditorWrapper)#inputEditorWrapper>#shadowEditorsWrapper *{pointer-events:none}body #siteWrapper>main>#mainContent>#editorSide>#codeEditor .editorWrapper:not(.shadowEditorWrapper)#outputEditorWrapper{transition-behavior:allow-discrete;transition:opacity 1s,display 1s}body #siteWrapper>main>#mainContent>#editorSide>#codeEditor .editorGroup{transform-origin:0;width:auto;height:100%;aspect-ratio:var(--editor-width)/7;flex-direction:column;display:flex}body #siteWrapper>main>#mainContent>#editorSide>#codeEditor .editorGroup:has(button:active){--onClickValue1:.75;--opacity-medium:var(--onClickValue2,unset);animation:1s onClick}body #siteWrapper>main>#mainContent>#editorSide>#codeEditor .editorGroup:has(#inputEditor.drag-hover){--opacity-medium:.75}body #siteWrapper>main>#mainContent>#editorSide>#codeEditor .editorTab{--background-colour:rgb(from var(--shades-black)r g b/var(--opacity-low));--window-text-colour:rgb(from var(--shades-darker)r g b/var(--opacity-medium));color:rgb(from var(--shades-medium)r g b/50%);border:.125rem solid var(--window-text-colour);background-color:var(--background-colour);border-bottom:none;border-radius:1rem 1rem 0 0;flex:0;justify-content:space-between;width:100%;padding:.75rem;font-family:Fira Code,monospace;line-height:100%;display:flex}body #siteWrapper>main>#mainContent>#editorSide>#codeEditor .editorTab>.fileName{align-content:center;font-size:1rem}body #siteWrapper>main>#mainContent>#editorSide>#codeEditor .editorTab>.fileName[cursor]:after{content:attr(cursor);color:var(--shades-m-darker);font-size:.75em}body #siteWrapper>main>#mainContent>#editorSide>#codeEditor .editorTab>.tabButtons{gap:1em;display:flex}body #siteWrapper>main>#mainContent>#editorSide>#codeEditor .editorTab>.tabButtons>button{font-size:inherit;filter:invert(.4431);width:2rem;height:2rem;opacity:var(--opacity-medium);cursor:pointer;background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:contain;border:none;border-radius:50%;padding:0;transition:all .1s;outline:none!important}body #siteWrapper>main>#mainContent>#editorSide>#codeEditor .editorTab>.tabButtons>button.tabCopyAll{background-image:url(../assets/images/icon-copy.svg)}body #siteWrapper>main>#mainContent>#editorSide>#codeEditor .editorTab>.tabButtons>button.tabOpenRaw{background-image:url(../assets/images/icon-open-external.svg)}body #siteWrapper>main>#mainContent>#editorSide>#codeEditor .editorTab>.tabButtons>button.tabInsertCSS{background-image:url(../assets/images/icon-add-file.svg)}body #siteWrapper>main>#mainContent>#editorSide>#codeEditor .editorTab>.tabButtons>button.tabDeleteAll{background-image:url(../assets/images/icon-erase.svg)}body #siteWrapper>main>#mainContent>#editorSide>#codeEditor .editorTab>.tabButtons>button:hover{filter:invert(.8832)}body #siteWrapper>main>#mainContent>#editorSide>#codeEditor .editorTab>.tabButtons>button:focus{z-index:1;box-shadow:0 0 calc((3/4)*var(--padding))var(--shades-medium);background-size:calc(100% - 8px);outline:1px solid var(--shades-medium)!important}body #siteWrapper>main>#mainContent>#editorSide>#codeEditor .editor{flex:1}body #siteWrapper>main:not(.nesting)>#mainContent{gap:var(--padding)}body #siteWrapper>main:not(.nesting)>#mainContent>#editorSide{animation:2s cubic-bezier(1,0,.5,1) both moveRight}body #siteWrapper>main:not(.nesting)>#mainContent>#editorSide>#codeEditor>.editorWrapper{transition:all 1s .5s}body #siteWrapper>main:not(.nesting)>#mainContent>#editorSide>#codeEditor>.editorWrapper:first-child{padding:var(--padding);border-left:calc(1rem/16)solid rgb(from var(--shades-darker)r g b/var(--opacity-medium));border-color:rgb(from var(--shades-darker)r g b/var(--opacity-low));background-color:rgb(from var(--shades-white)r g b/3%);padding-left:0;display:block}body #siteWrapper>main:not(.nesting)>#mainContent>#editorSide>#codeEditor>.editorWrapper:first-child,body #siteWrapper>main:not(.nesting)>#mainContent>#editorSide>#codeEditor>.editorWrapper:first-child>.editorGroup{max-width:100%}body #siteWrapper>main:not(.nesting)>#mainContent>#editorSide>#codeEditor>.editorWrapper:last-child{padding-block:var(--padding);opacity:0;width:0;margin-right:-3.25rem}body #siteWrapper>main:not(.nesting)>#mainContent>#editorSide>#codeEditor>:last-child{display:none}body #siteWrapper>main.nesting{height:100dvh;transition:height 1s}body #siteWrapper>main.nesting+article,body #siteWrapper>main.nesting+article section{opacity:0;pointer-events:none;gap:0;height:0;transition:gap 1s 1s,height 1s 1s,opacity 1s,top 1s;top:100dvh}article:is(body #siteWrapper>main.nesting+article,body #siteWrapper>main.nesting+article section){top:0}body #siteWrapper>main.nesting>#mainSettings{min-width:72ch;margin-right:var(--padding)}body #siteWrapper>main.nesting>#mainContent>#textSide{opacity:0;width:0%;padding:0}body #siteWrapper>main.nesting>#mainContent>#editorSide{align-content:center;width:100%}body #siteWrapper>main.nesting>#mainContent>#editorSide>#nestBtn{opacity:.75;--nestBtn-shadow-direction:-1;font-size:.75rem;translate:0%}body #siteWrapper>main.nesting>#mainContent>#editorSide>#nestBtn>div{transform-origin:100% 0}body #siteWrapper>main.nesting>#mainContent>#editorSide>#nestBtn>div:before{content:"Home"}body #siteWrapper>main.nesting>#mainContent>#editorSide>#codeEditor{width:calc(100vw - (5*var(--padding)) - (58.4416ch*1.232));max-width:100%;max-height:100%;aspect-ratio:var(--total-width)/7;align-items:center;margin-left:auto;animation:2s cubic-bezier(1,0,.5,1) both moveLeft}body #siteWrapper>main.nesting>#mainContent>#editorSide>#codeEditor #editorGap{height:100%;aspect-ratio:var(--gutter-width)/6.625}body #siteWrapper>main.nesting>#mainContent>#editorSide>#codeEditor .editorWrapper#inputEditorWrapper>#shadowEditorsWrapper>.shadowEditorWrapper{transition:all 2s;opacity:0!important;translate:0!important}body #siteWrapper>article{flex-direction:column;gap:min(50dvh,800px);font-size:1rem;display:flex;position:relative;top:0}body #siteWrapper>article>section{contain:size;height:min(100dvh,1600px);font-size:clamp(.5rem,16px,1.5rem);position:relative}body #siteWrapper>article>section>p a{color:color-mix(in srgb,var(--shades-white)50%,var(--pri-colour-darker));text-decoration:none;transition:color}body #siteWrapper>article>section>p a *{transition:inherit}body #siteWrapper>article>section>p a:hover{color:color-mix(in srgb,var(--shades-white)75%,var(--pri-colour-darker))}body #siteWrapper>article>section#reducingBoilerplateCode>a{color:var(--shades-white);text-transform:uppercase;align-items:center;gap:1ch;margin:0;font-family:Poppins,Calibri,sans-serif;font-size:2em;font-weight:500;line-height:100%;text-decoration:none;display:flex;position:absolute;top:.75em;right:0}body #siteWrapper>article>section#reducingBoilerplateCode>a:after{content:"";background:var(--shades-white);width:6em;height:.125em;position:relative}body #siteWrapper>article>section#reducingBoilerplateCode>#repeatingText{cursor:text;color:var(--shades-white);width:52ch;margin:0;font-family:Poppins,Calibri,sans-serif;font-size:2em;font-weight:300;position:absolute;top:8em;left:4em}body #siteWrapper>article>section#reducingBoilerplateCode>#repeatingText .repeat{pointer-events:none;-webkit-mask-image:linear-gradient(transparent,var(--shades-black)75%);mask-image:linear-gradient(transparent,var(--shades-black)75%);padding:3lh 0 .04lh;position:relative}body #siteWrapper>article>section#reducingBoilerplateCode>#repeatingText .repeat:before{content:attr(data-text)"\a " attr(data-text)"\a " attr(data-text)"\a " attr(data-text);z-index:-1;color:rgb(from var(--shades-white)r g b/.5);animation-composition:add;animation:2s linear infinite repeatText;position:absolute;inset:0}body #siteWrapper>article>section#reducingBoilerplateCode>#repeatingText .repeat.hidden:before{animation-play-state:paused}body #siteWrapper>article>section#reducingBoilerplateCode>#parallaxText{color:var(--shades-white);text-transform:uppercase;letter-spacing:.166667em;flex-direction:column;width:fit-content;height:3lh;font-family:Orelo Semi Expanded,sans-serif;font-size:6em;display:flex;position:absolute;bottom:1.33333em;right:1.33333em}body #siteWrapper>article>section#reducingBoilerplateCode>#parallaxText>span{cursor:text;text-shadow:0 1lh;height:1lh;line-height:100%;overflow:hidden}body #siteWrapper>article>section#reducingBoilerplateCode>#parallaxText>span>p{vertical-align:middle;margin:0;display:inline-block;translate:0 -1lh}@supports (animation-range:normal){body #siteWrapper>article>section#reducingBoilerplateCode>#parallaxText>span{animation:1ms linear swapText;animation-timeline:view();animation-range-start:cover -.5lh}body #siteWrapper>article>section#reducingBoilerplateCode>#parallaxText>span:first-child{animation-range-end:contain calc(min(100dvh,1600px) - 1lh)}body #siteWrapper>article>section#reducingBoilerplateCode>#parallaxText>span:nth-child(2){animation-range-end:contain calc(min(100dvh,1600px) - .5lh)}body #siteWrapper>article>section#reducingBoilerplateCode>#parallaxText>span:nth-child(3){animation-range-end:contain calc(min(100dvh,1600px) - 0lh)}}body #siteWrapper>article>section#reducingBoilerplateCode>#parallaxText>span:first-child{text-align:left;margin-left:.5ch}body #siteWrapper>article>section#reducingBoilerplateCode>#parallaxText>span:nth-child(2){text-align:center}body #siteWrapper>article>section#reducingBoilerplateCode>#parallaxText>span:nth-child(3){text-align:right;margin-right:.5ch}body #siteWrapper>article>section#easierMaintenance>#mergingText{color:var(--shades-white);text-align:center;text-transform:capitalize;letter-spacing:.25ch;flex-direction:column;font-family:Orelo Semi Expanded,sans-serif;font-size:5em;font-weight:400;display:flex;position:absolute;top:.8em;left:50%;translate:-50%}body #siteWrapper>article>section#easierMaintenance>#mergingText>span{cursor:text;height:1lh;line-height:100%;position:relative;overflow:hidden}@supports (animation-range:normal){body #siteWrapper>article>section#easierMaintenance>#mergingText>span{padding-top:1lh}body #siteWrapper>article>section#easierMaintenance>#mergingText>span:first-child{text-shadow:0 .5lh;animation:1ms linear forwards showText;animation-timeline:view();animation-range:cover calc(min(50dvh,800px) - 1lh) cover calc(min(100dvh,1600px) - 3.15lh)}body #siteWrapper>article>section#easierMaintenance>#mergingText>span:last-child{text-shadow:0 -2lh;animation:1ms linear forwards showText;animation-timeline:view();animation-range:cover calc(min(50dvh,800px) - 1lh) cover calc(min(100dvh,1600px) - 3.15lh)}}body #siteWrapper>article>section#easierMaintenance>#changingText{color:var(--shades-white);text-align:right;width:56ch;font-family:Poppins,Calibri,sans-serif;font-size:2em;font-weight:300;position:absolute;bottom:6em;right:5vw}@supports (animation-range:normal){body #siteWrapper>article>section#easierMaintenance>#changingText{animation:1ms linear both slideDown;animation-timeline:view();animation-range:cover -20lh contain 5lh}}body #siteWrapper>article>section#easierMaintenance>#changingText s{color:var(--red-colour-medium);clip-path:inset(0);font-size:.75em;text-decoration:none;display:inline-flex;position:relative}body #siteWrapper>article>section#easierMaintenance>#changingText s:first-child{--animation-delay:-1s}body #siteWrapper>article>section#easierMaintenance>#changingText s:nth-child(3){--animation-delay:0s}body #siteWrapper>article>section#easierMaintenance>#changingText s:nth-child(5){--animation-delay:-1.5s}body #siteWrapper>article>section#easierMaintenance>#changingText s:before{content:"";background:color-mix(in oklch,currentColor,var(--shades-white)25%);width:100%;height:.1em;animation:strikethrough 2.5s infinite var(--animation-delay);animation-timing-function:linear(0 0%,0 1.8%,.01 3.6%,.03 6.35%,.07 9.1%,.13 11.4%,.19 13.4%,.27 15%,.34 16.1%,.54 18.35%,.66 20.6%,.72 22.4%,.77 24.6%,.81 27.3%,.85 30.4%,.88 35.1%,.92 40.6%,.94 47.2%,.96 55%,.98 64%,.99 74.4%,1 86.4%,1 100%);position:absolute;top:50%}body #siteWrapper>article>section#easierMaintenance>#changingText s+b{color:oklch(from var(--red-colour-medium)l c calc(h + 135));font-weight:700;text-decoration:none}body #siteWrapper>article>section#easierMaintenance>#changingText s.hidden:before{animation-play-state:paused}body #siteWrapper>article>section#improvedCodeReadability>#backgroundText{color:var(--shades-white);contain:layout;pointer-events:none;text-transform:capitalize;letter-spacing:.0025em;z-index:1;flex-direction:column;margin:0;font-family:Orelo Semi Condensed,sans-serif;font-size:20em;line-height:100%;display:flex;position:relative}body #siteWrapper>article>section#improvedCodeReadability>#backgroundText span{width:100%;color:rgb(from var(--shades-white)r g b/var(--opacity-low));padding:0 .1em;position:relative;translate:-4ch}body #siteWrapper>article>section#improvedCodeReadability>#backgroundText span:first-child,body #siteWrapper>article>section#improvedCodeReadability>#backgroundText span:last-child{text-align:right;translate:10ch}:is(body #siteWrapper>article>section#improvedCodeReadability>#backgroundText span:first-child,body #siteWrapper>article>section#improvedCodeReadability>#backgroundText span:last-child):last-child{color:rgb(from var(--shades-white)r g b/var(--opacity-high))}@supports (animation-range:normal){body #siteWrapper>article>section#improvedCodeReadability>#backgroundText span{animation:1ms ease-out forwards slideIn;animation-timeline:view();animation-range:cover -.5lh cover 4.5lh}body #siteWrapper>article>section#improvedCodeReadability>#backgroundText span:first-child{animation-range:cover 0 cover 5lh}body #siteWrapper>article>section#improvedCodeReadability>#backgroundText span:last-child{animation-range:cover -1.5lh cover 4lh}}body #siteWrapper>article>section#improvedCodeReadability>#visibleText{z-index:1;color:var(--shades-white);width:50ch;font-family:Poppins,Calibri,sans-serif;font-size:2em;font-weight:300;line-height:1.5em;position:absolute;bottom:10em;right:7.5vw}@supports (animation-range:normal){body #siteWrapper>article>section#improvedCodeReadability>#visibleText{animation-composition:add;animation:1ms linear both boostUp,1ms linear both slideUp;animation-timeline:view(),view();animation-range:cover 16em,cover}}@supports not (animation-range:normal){body #siteWrapper>article>section#improvedCodeReadability>#visibleText{translate:-3lh}}body #siteWrapper>article>section#improvedCodeReadability>#visibleText u{color:var(--shades-white)}body #siteWrapper>article>section#improvedCodeReadability>#visibleText u b{font-size:1.25em;transition:color .5s}body #siteWrapper>article>section#improvedCodeReadability>#visibleText u b:hover{color:var(--pri-colour-lightest)}body #siteWrapper>article>section#improvedCodeReadability>#visibleText u b>span{transition:all .125s}body #siteWrapper>article>section#improvedCodeReadability>#visibleText u b>span:hover{color:var(--shades-white)}body #siteWrapper>article>section#groupingStylesTogether{align-content:center}body #siteWrapper>article>section#groupingStylesTogether>#groupedText{color:var(--shades-white);letter-spacing:.25rem;text-align:left;border:.125em dashed rgb(from var(--shades-white)r g b/var(--opacity-low));background:rgb(from var(--pri-colour-darkest)r g b/var(--opacity-high));margin:0;padding:1.5em 2em;font-family:Orelo Semi Expanded,sans-serif;font-size:2em;font-weight:400;display:inline-block;position:absolute;bottom:67%;left:10vw}body #siteWrapper>article>section#groupingStylesTogether>#groupedText:before,body #siteWrapper>article>section#groupingStylesTogether>#groupedText:after{border:inherit;padding:inherit;background:inherit;pointer-events:none;content:attr(data-text);animation:none;position:absolute;inset:-.25rem}body #siteWrapper>article>section#groupingStylesTogether>#groupedText:before{z-index:-1;animation-name:changeCard,changeCardBefore}body #siteWrapper>article>section#groupingStylesTogether>#groupedText:after{z-index:1;animation-name:changeCard,changeCardAfter}:is(body.hidden :is(body #siteWrapper>article>section#groupingStylesTogether>#groupedText)):before,:is(body.hidden :is(body #siteWrapper>article>section#groupingStylesTogether>#groupedText)):after{animation-play-state:paused}body #siteWrapper>article>section#groupingStylesTogether>#miniEditor{width:fit-content;color:var(--shades-white);gap:3ch;margin-left:auto;margin-right:7.5vw;font-family:Fira Code,monospace;font-size:2em;line-height:1em;position:relative}@supports (animation-range:normal){body #siteWrapper>article>section#groupingStylesTogether>#miniEditor{animation:linear viewed;animation-timeline:view();animation-range:contain cover 5lh}body #siteWrapper>article>section#groupingStylesTogether>#miniEditor div :is(span){--charIndex:-1;animation:linear forwards slideInLines;animation-timeline:view();animation-range:cover cover 5lh}}body #siteWrapper>article>section#groupingStylesTogether>#miniEditor>.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;word-wrap:normal;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}body #siteWrapper>article>section#groupingStylesTogether>#miniEditor>.visual-presentation{gap:3ch;display:flex}body #siteWrapper>article>section#groupingStylesTogether>#miniEditor>.visual-presentation>#lineNumbers{opacity:.25;text-align:right;width:2ch;font-family:inherit}body #siteWrapper>article>section#groupingStylesTogether>#miniEditor>.visual-presentation>pre{opacity:.75;letter-spacing:.2em;--maxLines:20;--activeLine:1;--intensityPos:100%;margin:0;font-family:inherit}body #siteWrapper>article>section#groupingStylesTogether>#miniEditor>.visual-presentation>pre>code>div{padding-right:5ch}body #siteWrapper>article>section#groupingStylesTogether>#miniEditor>.visual-presentation>pre>code>div:first-child{position:relative}body #siteWrapper>article>section#groupingStylesTogether>#miniEditor>.visual-presentation>pre>code>div:first-child:before{content:"";background:linear-gradient(to right,transparent,rgb(from var(--pri-colour-m-darker)r g b/var(--opacity-medium))calc(var(--intensityPos) - 20%),rgb(from var(--pri-colour-darker)r g b/var(--opacity-medium))var(--intensityPos),rgb(from var(--pri-colour-m-darker)r g b/var(--opacity-medium))calc(var(--intensityPos) + 20%),transparent);z-index:-1;width:calc(100% + 5ch);height:100%;translate:0 calc((clamp(1,var(--activeLine),var(--maxLines)) - 1)*1lh);transition:all .5s;position:absolute;top:0;right:0}body #siteWrapper>article>section#groupingStylesTogether>#miniEditor>.visual-presentation>pre>code>div span{display:inline-block}body #siteWrapper>article>section#mechanicsOfNesting{contain:size layout;display:flex}body #siteWrapper>article>section#mechanicsOfNesting:has(.hover-animation){touch-action:none}body #siteWrapper>article>section#mechanicsOfNesting:has(.hover-animation):has(>:not(#backToStart):hover){cursor:none}body #siteWrapper>article>section#mechanicsOfNesting:has(.hover-animation):has(>:not(#backToStart):hover)>#nycssCursor{animation-duration:1.5s;scale:.25}body #siteWrapper>article>section#mechanicsOfNesting:has(.hover-animation)>#nycssCursor{opacity:1;animation:12.5s linear infinite rotate}body #siteWrapper>article>section#mechanicsOfNesting>#nycssCursor{opacity:0;pointer-events:none;z-index:999;background-color:rgb(from var(--pri-colour-lightest)r g b/var(--opacity-low));aspect-ratio:1;border-radius:50%;width:1em;height:auto;padding:.0625em;font-size:10em;transition:opacity 1s .1s,scale .5s;position:absolute;translate:calc(50vw - 50%) calc(50vh - 50%)}:is(:has(.hover-animation):has(>body #siteWrapper>article>section#mechanicsOfNesting>#nycssCursor):hover :is(body #siteWrapper>article>section#mechanicsOfNesting>#nycssCursor)){will-change:transform}body #siteWrapper>article>section#mechanicsOfNesting>#nycssCursor.hidden{animation-play-state:paused}body #siteWrapper>article>section#mechanicsOfNesting>#splittingText{color:#0000;text-align:justify;text-align-last:left;column-count:2;word-spacing:.3ch;-webkit-user-select:none;user-select:none;gap:6ch;width:60ch;height:4lh;font-family:Poppins,Calibri,sans-serif;font-size:1.75rem;font-weight:300;position:absolute;top:4lh;right:8ch}@supports (animation-range:normal){body #siteWrapper>article>section#mechanicsOfNesting>#splittingText{animation:1ms ease-out both unblur;animation-timeline:view();animation-range:cover contain calc(min(50dvh,800px))}}body #siteWrapper>article>section#mechanicsOfNesting>#splittingText:before,body #siteWrapper>article>section#mechanicsOfNesting>#splittingText:after{color:var(--shades-white);content:attr(data-text);column-count:inherit;gap:inherit;animation:3s ease-in-out infinite alternate backwards widenGap;position:absolute;inset:0}body #siteWrapper>article>section#mechanicsOfNesting>#splittingText:before{clip-path:inset(0 50% 0 0);transform-origin:0}body #siteWrapper>article>section#mechanicsOfNesting>#splittingText:after{clip-path:inset(0 0 0 50%);transform-origin:100%}body #siteWrapper>article>section#mechanicsOfNesting>#splittingText.hidden:before,body #siteWrapper>article>section#mechanicsOfNesting>#splittingText.hidden:after{animation-play-state:paused}body #siteWrapper>article>section#mechanicsOfNesting>#strechingText{color:var(--shades-white);font-family:Orelo Semi Condensed;font-size:3em;font-weight:600;line-height:200%;position:absolute;top:1.33333em;left:2.66667em;scale:1}@supports (animation-range:normal){body #siteWrapper>article>section#mechanicsOfNesting>#strechingText{animation:1ms linear both moveDown;animation-timeline:view();animation-range:cover -2lh cover 2lh}}body #siteWrapper>article>section#mechanicsOfNesting>#strechingText>span{transition:all 1s;display:inline-block}body #siteWrapper>article>section#mechanicsOfNesting>#strechingText>span:hover{transition:all;scale:1 2}body #siteWrapper>article>section#mechanicsOfNesting>#nestingText{color:var(--shades-white);contain:layout;font-size:5em;position:absolute;bottom:1.6em;right:4.8em}body #siteWrapper>article>section#mechanicsOfNesting>#nestingText>*{white-space:nowrap;margin:0}body #siteWrapper>article>section#mechanicsOfNesting>#nestingText>h3{font-family:Poppins,Calibri,sans-serif;font-size:1em;font-weight:900}@supports (animation-range:normal){body #siteWrapper>article>section#mechanicsOfNesting>#nestingText>h3{animation:1ms linear both moveDown;animation-timeline:view();animation-range:cover -2lh cover 2lh}}body #siteWrapper>article>section#mechanicsOfNesting>#nestingText>h3{transition:scale 1s,text-shadow 1s}body #siteWrapper>article>section#mechanicsOfNesting>#nestingText>h3:hover{text-shadow:0 -.1lh calc(1em/5)var(--shades-black);scale:1.1}body #siteWrapper>article>section#mechanicsOfNesting>#nestingText>p{z-index:-1;letter-spacing:-.05em;color:rgb(from var(--shades-white)r g b/var(--opacity-medium));font-family:Orelo Expanded;font-size:1.125em;font-weight:600;line-height:1em;position:absolute;top:0;left:0}@supports (animation-range:normal){body #siteWrapper>article>section#mechanicsOfNesting>#nestingText>p{animation:1ms linear both fadeUp;animation-timeline:view();animation-range:cover cover calc(1lh + 1.98em)}}@supports not (animation-range:normal){body #siteWrapper>article>section#mechanicsOfNesting>#nestingText>p{opacity:1;translate:-.96ch -.31em}}body #siteWrapper>article>section#mechanicsOfNesting>#nestingText a{color:unset;-webkit-text-decoration:unset;text-decoration:unset}body #siteWrapper>article>section#mechanicsOfNesting>a#nycssLogoGroup{-webkit-user-select:none;user-select:none;contain:layout;z-index:1;flex-direction:column;align-self:flex-end;margin-bottom:8vw;margin-left:8vw;display:inline-flex;position:relative}body #siteWrapper>article>section#mechanicsOfNesting>a#nycssLogoGroup>*{pointer-events:none}body #siteWrapper>article>section#mechanicsOfNesting>a#nycssLogoGroup>img{aspect-ratio:1;width:auto;height:16em}body #siteWrapper>article>section#mechanicsOfNesting>a#nycssLogoGroup>img#nycssNest{color:#0000;filter:drop-shadow(0 -.5em)drop-shadow(.7em .3em)drop-shadow(5.4em 1em)drop-shadow(7.1em 1.1em)drop-shadow(1.6em .4em)drop-shadow(4.3em .9em);clip-path:circle(47.2%)}body #siteWrapper>article>section#mechanicsOfNesting>a#nycssLogoGroup>img#nycssBadge{--main-x:80vw;--main-y:calc(max(-600dvh,-9600px) - 150%);--reducingBoilerplateCode-y:calc(max(-600dvh,-9600px) + 0%);--easierMaintenance-y:calc(max(-450dvh,-7200px) + 50%);--improvedCodeReadability-y:calc(max(-300dvh,-4800px) - 50%);--groupingStylesTogether-y:calc(max(-150dvh,-2400px) + 66%);--mechanicsOfNesting-y:50%;pointer-events:none;filter:drop-shadow(0 var(--shadow-distance)0 var(--shadow-color))drop-shadow(0 calc(-1*var(--shadow-distance))0 var(--shadow-color));--shadow-color:#1474b833;--shadow-distance:0;transition:all 1s}body #siteWrapper>article>section#mechanicsOfNesting>a#nycssLogoGroup>img#nycssBadge.main-animation{animation:1ms linear fall;animation-timeline:scroll()}body #siteWrapper>article>section#mechanicsOfNesting>a#nycssLogoGroup>img#nycssBadge.idle-animation{animation-composition:add;animation:1ms linear fall,2.5s infinite alternate idle;animation-timeline:scroll(),auto}body #siteWrapper>article>section#mechanicsOfNesting>a#nycssLogoGroup>img#nycssBadge.idle-animation.hidden{animation-play-state:paused}body #siteWrapper>article>section#mechanicsOfNesting>a#nycssLogoGroup>img#nycssBadge.hover-animation{--shadow-color:#1474b833;--shadow-distance:1.5em;animation:2s infinite alternate hover}body #siteWrapper>article>section#mechanicsOfNesting>a#nycssLogoGroup>img#nycssBadge.hover-animation.hidden{animation-play-state:paused}body #siteWrapper>article>section#mechanicsOfNesting>a#nycssLogoGroup:has(img.hover-animation){clip-path:inset(19.3% 1.3% 1.3% 7.3%)}body #siteWrapper>article>section#mechanicsOfNesting>a#nycssLogoGroup:has(img.hover-animation):hover #nycssBadge.hover-animation{--shadow-color:#26a2d933;--shadow-distance:2em}body #siteWrapper>article>section#mechanicsOfNesting>#backToStart{width:100%;height:100%;position:absolute;top:0;left:0}body #siteWrapper>article>section#mechanicsOfNesting>#backToStart:has(~a#nycssLogoGroup>img.hover-animation){display:block}body #siteWrapper>article .optimize{content-visibility:auto}@media (aspect-ratio<=1.097){body body>#siteWrapper>main>#mainContent{border-radius:1rem}body body>#siteWrapper>main>#mainContent>#editorSide{width:calc(var(--single-editor-width));animation:none!important}body body>#siteWrapper>main>#mainContent>#editorSide #codeEditor{justify-content:left;max-width:100%}body body>#siteWrapper>main>#mainContent>#editorSide #codeEditor>.editorWrapper{max-width:inherit}body body>#siteWrapper>main>#mainSettings,body body>#siteWrapper>main>#mainContent :is(#textSide,#shadowEditorsWrapper){display:none}body body>#siteWrapper>main:not(.nesting)>#mainContent:is(body body>#siteWrapper>main:not(.nesting)>#mainContent){justify-content:center}body body>#siteWrapper>main:not(.nesting)>#mainContent:is(body body>#siteWrapper>main:not(.nesting)>#mainContent) #codeEditor{margin:0 auto}body body>#siteWrapper>main:not(.nesting)>#mainContent:is(body body>#siteWrapper>main:not(.nesting)>#mainContent) #codeEditor #inputEditorWrapper{background:0 0;border:none;border-radius:1rem;padding:0}body body>#siteWrapper>main:not(.nesting)>#mainContent:is(body body>#siteWrapper>main:not(.nesting)>#mainContent) #codeEditor>#outputEditorWrapper>.editorGroup{opacity:0}body body>#siteWrapper>main.nesting>#mainContent{min-width:100%;transition:unset}body body>#siteWrapper>main.nesting>#mainContent>#editorSide>#codeEditor{flex-direction:column;width:100%;height:100%;animation:none}body body>#siteWrapper>main.nesting>#mainContent>#editorSide>#codeEditor #editorGap{height:var(--padding);aspect-ratio:auto;flex:none}body body>#siteWrapper>main.nesting>#mainContent>#editorSide>#codeEditor .editorWrapper{flex:1}body body>#siteWrapper>main.nesting>#mainContent>#editorSide>#codeEditor .editorGroup{aspect-ratio:auto}body body>#siteWrapper>main.nesting>#mainContent>#editorSide>#codeEditor .editor{aspect-ratio:auto;width:100%;height:100%}body body>#siteWrapper>article{font-size:clamp(1.1px,1.15dvw,22.5px)}body body>#siteWrapper>article>section{contain:size;height:min(100dvh,1600px);position:relative}body body>#siteWrapper>article>section#reducingBoilerplateCode>a{font-size:5vw}body body>#siteWrapper>article>section#reducingBoilerplateCode>#repeatingText{font-size:2.5vw;top:50%;translate:0 calc(-50% - 7.5em)}body body>#siteWrapper>article>section#reducingBoilerplateCode>#parallaxText{font-size:2.5vw;bottom:50%;translate:0 calc(6em - 50%)}body body>#siteWrapper>article>section#easierMaintenance>#mergingText{font-size:8vw;top:1.33333em}body body>#siteWrapper>article>section#easierMaintenance>#changingText{font-size:2.5vw;bottom:16vw;translate:0 calc(5em - 50%)}body body>#siteWrapper>article>section#improvedCodeReadability>#backgroundText{font-size:20vw;top:50%;translate:0 -50%}body body>#siteWrapper>article>section#improvedCodeReadability>#visibleText{font-size:2.5vw;top:50%;translate:0 -25%}body body>#siteWrapper>article>section #groupingStylesTogether>#groupedText{height:fit-content;font-size:5vw;top:calc(50% - 50vw);bottom:auto;translate:0 -50%}body body>#siteWrapper>article>section #groupingStylesTogether>#miniEditor{font-size:2.5vw}body body>#siteWrapper>article>section#mechanicsOfNesting>#splittingText{font-size:2.1vw;top:50%;translate:0 calc(-50% - 12.5em)}body body>#siteWrapper>article>section#mechanicsOfNesting>#strechingText{font-size:7.5vw;animation:none;top:64rem;translate:0 calc(-50% - 12.5em)}body body>#siteWrapper>article>section#mechanicsOfNesting>#nestingText{font-size:4vw;bottom:4em}body body>#siteWrapper>article>section#mechanicsOfNesting>#nycssLogoGroup{font-size:2vw}}}@layer scoped{@scope(#siteWrapper){:scope{contain:paint;width:clamp(0px,100%,3200px);height:100dvh;margin:0 auto;animation:1ms linear lightenBackgroundColour;animation-timeline:scroll(self);overflow:hidden auto}:scope:has(>.nesting){overflow:hidden}:scope>main{--padding:2rem;width:100%;height:96dvh;padding:var(--padding);justify-content:flex-end;display:flex}:scope>article{flex-direction:column;gap:min(50dvh,800px);font-size:1rem;display:flex;position:relative;top:0}:scope>article>section{contain:size;height:min(100dvh,1600px);font-size:clamp(.5rem,16px,1.5rem);position:relative}:scope>article>section>p a{color:color-mix(in srgb,var(--shades-white)50%,var(--pri-colour-darker));text-decoration:none;transition:color}:scope>article>section>p a *{transition:inherit}:scope>article>section>p a:hover{color:color-mix(in srgb,var(--shades-white)75%,var(--pri-colour-darker))}:scope>article .optimize{content-visibility:auto}}@scope(#mainSettings){:scope{contain:paint inline-size;gap:var(--padding);min-width:0;height:100%;padding-bottom:calc((3/4)*var(--padding));flex-direction:column;flex:0;margin-right:0;transition:margin-right 2s,min-width 2s;display:flex;overflow:hidden auto}:scope>section{--panel-background:color-mix(in srgb,var(--shades-darkest),var(--shades-black)75%);background-color:var(--panel-background);padding:var(--padding);gap:var(--padding);border-radius:3rem;flex-direction:column;min-width:58.4416ch;font-family:Poppins,Calibri,sans-serif;display:flex}:scope>section>h2{color:var(--shades-medium);margin:0;font-size:1.25rem;font-weight:400}}@scope(#mainSettings>section>ul){:scope{--component-gap:calc(var(--padding)/4);--component-background:color-mix(in srgb,var(--shades-black),var(--shades-darkest));--component-background-selected:linear-gradient(to right,var(--shades-m-darker),var(--shades-em-darker));--component-box-shadow-selected:inset 0 calc(1rem/16)oklch(100% none none/var(--opacity-low));--component-box-shadow-focused:0 0 1.5em var(--shades-medium);--component-text:color-mix(in srgb,var(--shades-darker),var(--shades-medium));--component-text-hover:var(--shades-medium);gap:var(--component-gap);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}:scope>li{grid-template-columns:repeat(8,1fr);display:grid}:scope>li>span{cursor:auto;color:var(--component-text);grid-column:span 3;align-content:center;font-size:1.125rem;font-weight:300}:scope>li>span>p{color:var(--shades-m-darker);margin:0;font-size:.625rem}:scope>li>div{justify-content:space-between;gap:var(--component-gap);color:var(--component-text);flex-direction:row;grid-column:span 5;font-size:1rem;display:flex}:scope>li>div>label{flex:1}:scope>li>div>#externalCss{max-width:100%}:scope>li>div>#fontsizes{flex:0;width:auto;margin:0}:scope>li>div>#indentationSize{align-items:center;gap:var(--component-gap);flex:0;display:flex}:scope>li>div>.dropdown,:scope>li>div>.combobox{-webkit-user-select:none;user-select:none;text-align:left;box-sizing:content-box;flex-direction:column;width:auto;margin:0;display:inline-flex;position:relative}:is(:scope>li>div>.dropdown,:scope>li>div>.combobox)>input{appearance:none;margin:0;position:absolute}:is(:scope>li>div>.dropdown,:scope>li>div>.combobox):focus-within>input:checked+output{border-radius:1rem 1rem 0 0}:is(:scope>li>div>.dropdown,:scope>li>div>.combobox):focus-within>input:checked~ul{z-index:999;background:var(--component-background);width:100%;box-shadow:0px 10px 10px 2.5px rgb(from var(--shades-black)r g b/.5);border-bottom-right-radius:1rem;border-bottom-left-radius:1rem;flex-direction:column;gap:.5em;margin:.25rem 0 0;padding:1em;display:flex;position:absolute;top:100%}:is(:scope>li>div>.dropdown,:scope>li>div>.combobox):focus-within>input:checked~ul>li{text-overflow:ellipsis;overflow:hidden;outline:none!important}:is(:scope>li>div>.dropdown,:scope>li>div>.combobox):focus-within>input:checked~ul>li:hover{color:var(--component-text-hover);cursor:pointer}:is(:scope>li>div>.dropdown,:scope>li>div>.combobox):focus-within>input:checked~ul>li:focus{color:var(--component-text-hover)}:is(:scope>li>div>.dropdown,:scope>li>div>.combobox):focus-within>input:checked~ul>li:disabled{color:rgb(from var(--component-text)r g b/.5);cursor:not-allowed}:is(:scope>li>div>.dropdown,:scope>li>div>.combobox):focus-within>input:checked~ul>li:disabled:hover{color:inherit}:is(:scope>li>div>.dropdown,:scope>li>div>.combobox)>output{cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:url("data:image/svg+xml,%3Csvg fill='%23484848' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.178 19.569a.998.998 0 0 0 1.644 0l9-13A.999.999 0 0 0 21 5H3a1.002 1.002 0 0 0-.822 1.569l9 13z'%3E%3C/path%3E%3C/svg%3E") right 1rem top 50%/1ch no-repeat,var(--component-background);border-radius:1rem;padding:1rem calc(1rem + 2ch) 1rem 1rem;overflow:clip;outline:none!important}:is(:scope>li>div>.dropdown,:scope>li>div>.combobox)>output:hover{color:var(--component-text-hover)}:is(:scope>li>div>.dropdown,:scope>li>div>.combobox).dropdown:has(:is(input,ul>li):focus)>output{z-index:1;box-shadow:var(--component-box-shadow-focused)}:is(:scope>li>div>.dropdown,:scope>li>div>.combobox).combobox:has(:is(input,output>div,ul>li):focus)>output{z-index:1;box-shadow:var(--component-box-shadow-focused)}:is(:scope>li>div>.dropdown,:scope>li>div>.combobox).combobox>output:is(:is(:scope>li>div>.dropdown,:scope>li>div>.combobox).combobox>output):hover>div:empty:before{color:var(--shades-darker)}:is(:scope>li>div>.dropdown,:scope>li>div>.combobox).combobox>output>div{cursor:auto;text-overflow:ellipsis;overflow:hidden;outline:none!important}:is(:scope>li>div>.dropdown,:scope>li>div>.combobox).combobox>output>div:focus{scrollbar-width:none;text-overflow:clip;overflow-x:scroll}:is(:scope>li>div>.dropdown,:scope>li>div>.combobox).combobox>output>div:not(:focus):empty{align-content:center;padding:.25em 0;font-size:75%}:is(:scope>li>div>.dropdown,:scope>li>div>.combobox).combobox>output>div:not(:focus):empty:before{pointer-events:none;content:attr(placeholder);color:var(--shades-m-darker)}:scope>li>div>.number{-webkit-user-select:none;user-select:none;width:fit-content;color:var(--component-text);gap:calc(2*var(--component-gap));background:var(--component-background);border:none;border-radius:1rem;padding:1rem;position:relative}:scope>li>div>.number:hover{color:var(--component-text-hover)}:scope>li>div>.number:has(input:focus,input:active){z-index:1;box-shadow:var(--component-box-shadow-focused)}:scope>li>div>.number>output>input{cursor:auto;margin-right:1ch;display:inline-block;outline:none!important}:scope>li>div>.number>output>input~div{flex-direction:column;gap:.25em;width:1ch;display:flex;position:absolute;top:50%;right:1rem;translate:0 -50%}:scope>li>div>.number>output>input~div>svg{cursor:pointer}:scope>li>div>.number>output>input[type=text]{appearance:none;background:inherit;border:inherit;color:inherit;font:inherit;overflow-wrap:break-word;text-align:inherit;-webkit-user-modify:read-write;overflow:visible!important}:scope>li>div>.checkbox{-webkit-user-select:none;user-select:none;background:var(--component-background);border-radius:1rem;display:flex;position:relative;outline:none!important}:scope>li>div>.checkbox:before{content:"";border-radius:inherit;background:var(--component-background-selected);width:50%;height:100%;box-shadow:var(--component-box-shadow-selected);z-index:0;transition:all .25s;position:absolute;left:0%}:scope>li>div>.checkbox:has(:checked):before{left:50%}:scope>li>div>.checkbox:has(input:focus,input:active){z-index:1;box-shadow:var(--component-box-shadow-focused)}:scope>li>div>.checkbox>input{appearance:none;margin:0;position:absolute}:scope>li>div>.checkbox>span{cursor:pointer;text-align:center;flex:1;align-content:center;padding:1rem 2.5ch;position:relative}:scope>li>div>.checkbox>span:hover{color:var(--component-text-hover)}:scope>li>div>.radio-group{-webkit-user-select:none;user-select:none;gap:var(--component-gap);display:flex}:scope>li>div>.radio-group>label{cursor:pointer;text-align:center;--top-colour:var(--shades-m-darker);--bottom-colour:var(--shades-em-darker);background:linear-gradient(to bottom,var(--top-colour),var(--bottom-colour)45%,var(--component-background)55%)0% 100%/100% 210% no-repeat,var(--component-background);border-radius:1rem;flex:1;align-content:center;padding:1rem 1.75ch;transition:background-position .125s ease-out;outline:none!important}:scope>li>div>.radio-group>label:has(:disabled),:scope>li>div>.radio-group>label:has(:disabled):hover{--shades-true-darkest:color-mix(in srgb,var(--shades-black),var(--shades-darkest));background:linear-gradient(to bottom,var(--shades-black),var(--shades-true-darkest));box-shadow:inset 0 calc(-1rem/16)var(--shades-darkest);color:var(--shades-m-darker);cursor:not-allowed}:scope>li>div>.radio-group>label:has(:checked){box-shadow:var(--component-box-shadow-selected);background-position:0 0}:scope>li>div>.radio-group>label:hover{color:var(--component-text-hover)}:scope>li>div>.radio-group>label:has(>input:focus){z-index:1;box-shadow:var(--component-box-shadow-focused)}:scope>li>div>.radio-group>label>input{appearance:none;margin:0;position:absolute}:scope>li>div>.radio-group.button>label{--top-colour:var(--sec-colour-m-darker);--bottom-colour:var(--pri-colour-darkest)}}@scope(#mainSettings>section>:has(table)){:scope{max-height:16rem;padding:calc(var(--padding)/2);--table-background:color-mix(in srgb,var(--shades-darkest),var(--panel-background)75%);background-color:var(--table-background);scrollbar-width:.75rem;border-radius:1.5rem;overflow-y:scroll}:scope>table{width:100%;color:var(--shades-medium);font-size:.75rem}:scope>table>colgroup>col:last-child{width:0}:scope>table>thead tr:first-child th{color:var(--shades-darker);font-weight:400}:scope>table>thead tr:first-child th:first-child{text-align:left}:scope>table>thead tr:last-child th{color:var(--shades-m-darker);font-weight:400}:scope>table>tbody:empty:before{content:"There are no errors."}:scope>table>tbody>tr{color:var(--shades-medium);cursor:pointer;font-weight:400}:scope>table>tbody>tr:hover{background-color:rgb(from var(--shades-em-darker)r g b/var(--opacity-low))}:scope>table>tbody>tr>th{text-align:start;font-weight:400}:scope>table>tbody>tr>td{text-align:center}:scope{--track-colour:color-mix(in srgb,var(--shades-black),var(--panel-background)75%);--thumbnail-colour:var(--shades-m-darker);--scrollbar-padding:4px;--scrollbar-width:12px}@supports selector(::-webkit-scrollbar){:scope::-webkit-scrollbar{width:var(--scrollbar-width);height:var(--scrollbar-width)}:scope::-webkit-scrollbar-thumb{background:var(--thumbnail-colour);border:var(--scrollbar-padding)solid transparent;background-clip:padding-box;border-radius:999px}:scope::-webkit-scrollbar-track{background:var(--track-colour);border-radius:999px}}@supports not selector(::-webkit-scrollbar){:scope{scrollbar-color:var(--thumbnail-colour)var(--track-colour);scrollbar-width:thin}}}@scope(#mainSettings>nav){:scope{justify-content:space-evenly;margin:0;padding:0 4ch;display:inline-flex}:scope>a{--icon-size:4rem;grid:var(--icon-size)/var(--icon-size);background:0 0;border:none;border-radius:999px;height:calc(100% - 4px);padding:0;display:grid;position:relative;outline:none!important}:scope>a:first-of-type>figure{clip-path:url(#iconGithub)}:scope>a:nth-of-type(2)>figure{clip-path:url(#iconHistory)}:scope>a:nth-of-type(3)>figure{clip-path:url(#iconSettings)}:scope>a:nth-of-type(4)>figure{clip-path:url(#iconBug);margin-top:-2px}:scope>a:nth-of-type(5)>figure{clip-path:url(#iconShareYourMind)}:scope>a>*{border-radius:inherit;width:100%;height:100%}:scope>a>figure{background:rgb(from var(--shades-white)r g b/.25);margin:0;container-type:size}:scope>a>figure>svg{contain:size}:scope>a>figure>svg>clipPath{translate:-7cqw -11cqh;scale:.012}:scope>a>figure.hidden.inner-cursor:after{animation-play-state:paused}:scope>a:not([aria-disabled=true])>figure.inner-cursor:after{pointer-events:none;border-radius:inherit;content:"";z-index:-999;translate:calc(var(--cursor-x-pos) - 50%)calc(var(--cursor-y-pos) - 50%);filter:blur(1rem);background-color:var(--shades-white);width:75cqw;height:75cqh;animation:3s infinite alternate-reverse blink;position:fixed;top:0;left:0}:scope>a:not([aria-disabled=true]):focus{z-index:1;box-shadow:0 0 calc((3/4)*var(--padding))var(--shades-medium);outline:1px solid var(--shades-darker)!important}:scope>a[aria-disabled=true]{cursor:not-allowed;opacity:.5}:scope>a[aria-disabled=true] use{pointer-events:none}}@scope(#mainContent){:scope{--background:url(https://ucarecdn.com/380d4e4c-268c-4913-8c92-e049c44234ec/-/preview/189x189/) 0 .1dvh/5dvh repeat,linear-gradient(to right,rgb(from var(--shades-black)r g b/var(--opacity-medium)),rgb(from var(--pri-colour-em-darker)r g b/var(--opacity-medium)))0 0/100dvw 100dvh,linear-gradient(45deg,transparent,rgb(from var(--pri-colour-m-darker)r g b/var(--opacity-medium))50%,transparent)0 0/100dvw 100dvh,var(--shades-black);background:var(--background);transform-origin:50%;border-radius:3rem;flex:1;justify-content:space-between;width:fit-content;display:flex;position:relative;container-type:size}@supports (animation-range:normal){:scope{animation:1ms linear scaleDown;animation-timeline:view();animation-range:contain 100% cover}}}@scope(#textSide){:scope{contain:paint;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:2rem 0;transition:width 2s,opacity 2s,padding 2s;display:flex;container-type:inline-size}:scope>header{margin:2rem 2rem 0 4rem;font-size:clamp(.5rem,16px,1.5rem)}}@scope(#textSide>header>hgroup){:scope{color:rgb(from var(--shades-white)r g b/var(--opacity-high));flex-direction:column-reverse;font-family:Poppins,Calibri,sans-serif;display:flex}:scope>*{margin:0}:scope>h1{white-space:nowrap;font-size:6em;font-weight:900;line-height:125%;transition:opacity 3s 1.5s;display:inline-block}:scope>h1:hover{color:var(--shades-white)}:scope>h2{width:24ch;height:2lh;font-size:3em;font-weight:200;line-height:125%;transition:opacity 3s 3s;transform:translateZ(0)}}@scope(#textSide>header>nav){:scope{--primary-colour:var(--shades-darker);--secondary-colour:color-mix(in srgb,var(--shades-lightest),var(--primary-colour)50%);gap:.33em;margin:1em 0;padding:0;display:inline-flex}:scope>a{--anim-duration-icon-in:.5s;--anim-duration-bg-in:0s;--delay-icon-in-paths:0s;--delay-icon-in-bg:calc(var(--delay-icon-in-paths) + var(--anim-duration-icon-in) + 0s);--anim-duration-text-show:.5s;--anim-duration-text-opacity-show:.25s;--delay-text-show-font:calc(var(--delay-icon-in-bg) + 0s);--delay-text-show-opacity:calc(var(--delay-text-show-font) + var(--anim-duration-text-show) + 0s);--anim-duration-text-hide:.5s;--anim-duration-text-opacity-hide:.25s;--delay-text-hide-opacity:0s;--delay-text-hide-font:.5s;--anim-duration-icon-out:.5s;--anim-duration-bg-out:0s;--delay-icon-out-paths:calc(var(--delay-text-hide-font) + var(--anim-duration-text-hide) + 0s);--delay-icon-out-bg:calc(var(--delay-icon-out-paths) + 0s);font-size:inherit;background:radial-gradient(circle at 1.5em,transparent calc(1.5em - .125em),var(--button-bg)0,var(--button-bg)100%);--button-bg:transparent;transition:opacity 3s 1s,--button-bg var(--anim-duration-bg-out)var(--delay-icon-out-bg);border:none;border-radius:999px;flex-direction:row;align-items:center;padding:0;font-family:Poppins,Calibri,sans-serif;text-decoration:none;display:flex;position:relative;outline:none!important}:scope>a>svg{aspect-ratio:1;border-radius:inherit;box-sizing:border-box;--icon-path-one-fill:var(--primary-colour);--icon-path-two-fill:transparent;--icon-paths-fill-transition:--icon-path-one-fill var(--anim-duration-icon-out)var(--delay-icon-out-paths),--icon-path-two-fill var(--anim-duration-icon-out)var(--delay-icon-out-paths);width:auto;height:3em}:scope>a>span{color:#0000;opacity:0;background:var(--background);transition:font-size var(--anim-duration-text-hide)var(--delay-text-hide-font),opacity var(--anim-duration-text-opacity-hide)var(--delay-text-hide-opacity),color var(--anim-duration-bg-out)var(--delay-icon-out-bg);-webkit-background-clip:text;background-clip:text;flex:1;padding:1.5ch 3ch 1.5ch 0;font-size:0;font-weight:600;line-height:1;display:block;translate:1ch}:scope>a:not([aria-disabled=true]):hover{--button-bg:var(--secondary-colour);transition:--button-bg var(--anim-duration-bg-in)var(--delay-icon-in-bg)}:scope>a:not([aria-disabled=true]):hover>svg{--icon-path-one-fill:transparent;--icon-path-two-fill:var(--secondary-colour);--icon-paths-fill-transition:fill var(--anim-duration-icon-in)var(--delay-icon-in-paths)}:scope>a:not([aria-disabled=true]):hover>span{font-size:unset;opacity:1;transition:font-size var(--anim-duration-text-show)var(--delay-text-show-font),opacity var(--anim-duration-text-opacity-show)var(--delay-text-show-opacity),color var(--anim-duration-icon-in)var(--delay-icon-in-bg);translate:1ch}:scope>a:not([aria-disabled=true]):focus{z-index:1;box-shadow:0 0 calc((3/4)*var(--padding))var(--shades-lighter);outline:1px solid var(--shades-medium)!important}:scope>a[aria-disabled=true]{cursor:not-allowed;opacity:.5}:scope>a[aria-disabled=true] use{pointer-events:none}}@scope(#textSide>figure){:scope{flex-direction:column;justify-content:flex-end;gap:1rem;width:min(50vw,100% - 6rem);height:100%;margin:0 2rem 0 4rem;display:flex;container:ads-container/size}:scope>figcaption{text-overflow:ellipsis;white-space:nowrap;color:rgb(from var(--shades-white)r g b/var(--opacity-high));align-content:center;height:2rem;font-family:Poppins,Calibri,sans-serif;font-size:1.25rem;font-weight:200;transition:opacity 3s;overflow:hidden}:scope>div{contain:paint;overflow-clip-margin:content-box;border:.125rem solid rgb(from var(--shades-darker)r g b/var(--opacity-low));flex-flow:row;gap:1rem;width:fit-content;max-width:100%;padding:1rem;transition:all .25s,opacity 3s 1s;animation:.5s cubic-bezier(.25,.46,.45,.94) 1s both slideInLeft;display:flex}:scope>div>picture{aspect-ratio:1;width:17.637rem;transition:filter .25s}:scope>div>picture>*{cursor:pointer;aspect-ratio:1;object-fit:contain;width:auto;height:100%}:scope>div>picture>*.adsbygoogle:not([data-ad-status=filled]){display:none}:scope>div>picture>*.adsbygoogle:not([data-ad-status=filled])~img{display:block}:scope>div>picture>*~img{display:none}:scope>div:hover{border-color:rgb(from var(--shades-lighter)r g b/var(--opacity-low))}:scope>div:hover:has(>picture:hover){border-color:rgb(from var(--shades-lighter)r g b/var(--opacity-medium))}:scope>div:hover picture:not(:hover){filter:grayscale()}}@scope(#editorSide){:scope{flex:none;max-width:100%;container-type:inline-size}:scope{--gutter-width:.25;--editor-width:5;--total-width:(var(--editor-width) + var(--gutter-width) + var(--editor-width));--vertical-padding:(2*var(--padding));--horizontal-padding:(2*var(--padding));--code-editor-height:(100cqh);--code-editor-width:(100cqw);--content-height:(var(--code-editor-height) - var(--vertical-padding));--total-editor-width:((var(--total-width)/7)*var(--content-height));--single-editor-width:((var(--editor-width)/7)*var(--content-height));--gutter-real-width:((var(--gutter-width)/7)*var(--content-height));--settings-panel-width:(58.4416ch*1.232)}:scope>#codeEditor{height:100%;width:calc((var(--code-editor-height) - var(--vertical-padding))*(var(--editor-width)/7));flex:none;justify-content:center;transition:opacity .5s ease-out;display:flex}:scope>#codeEditor.loading{visibility:hidden;opacity:0}:scope>#codeEditor{--screen-width:(100lvw);--editor-canvas-width:(100cqw);--code-editor-height:(100cqh);--code-editor-width:(100%);--content-height:(var(--code-editor-height) - var(--vertical-padding));--combined-editor-width:((var(--total-width)/7)*var(--content-height));--difference-of-both-full-widths:(var(--code-editor-width) - var(--combined-editor-width));--align-left:(0% - (var(--difference-of-both-full-widths)/2));--editor-canvas-inner-width:calc(var(--editor-canvas-width) - var(--horizontal-padding))}}@scope(#codeEditor){:scope .editorWrapper:not(.shadowEditorWrapper):is(#inputEditorWrapper,#outputEditorWrapper):is(#inputEditorWrapper,#outputEditorWrapper):is(#inputEditorWrapper,#outputEditorWrapper){width:calc((var(--code-editor-height) - var(--vertical-padding))*(var(--editor-width)/7))}:scope .editorWrapper:not(.shadowEditorWrapper):is(#inputEditorWrapper,#outputEditorWrapper):is(#inputEditorWrapper,#outputEditorWrapper):is(#inputEditorWrapper,#outputEditorWrapper)#inputEditorWrapper{border-radius:0 3rem 3rem 0;transition:opacity 1s,border-color 1s,background-color 1s;position:relative}:scope .editorWrapper:not(.shadowEditorWrapper):is(#inputEditorWrapper,#outputEditorWrapper):is(#inputEditorWrapper,#outputEditorWrapper):is(#inputEditorWrapper,#outputEditorWrapper)#inputEditorWrapper>#shadowEditorsWrapper{position:absolute;inset:0}:scope .editorWrapper:not(.shadowEditorWrapper):is(#inputEditorWrapper,#outputEditorWrapper):is(#inputEditorWrapper,#outputEditorWrapper):is(#inputEditorWrapper,#outputEditorWrapper)#inputEditorWrapper>#shadowEditorsWrapper>.shadowEditorWrapper{height:100%;transition:translate 2s,opacity 2s;position:absolute;overflow:hidden}:scope .editorWrapper:not(.shadowEditorWrapper):is(#inputEditorWrapper,#outputEditorWrapper):is(#inputEditorWrapper,#outputEditorWrapper):is(#inputEditorWrapper,#outputEditorWrapper)#inputEditorWrapper>#shadowEditorsWrapper,:scope .editorWrapper:not(.shadowEditorWrapper):is(#inputEditorWrapper,#outputEditorWrapper):is(#inputEditorWrapper,#outputEditorWrapper):is(#inputEditorWrapper,#outputEditorWrapper)#inputEditorWrapper>#shadowEditorsWrapper *{pointer-events:none}:scope .editorWrapper:not(.shadowEditorWrapper):is(#inputEditorWrapper,#outputEditorWrapper):is(#inputEditorWrapper,#outputEditorWrapper):is(#inputEditorWrapper,#outputEditorWrapper)#outputEditorWrapper{transition-behavior:allow-discrete;transition:opacity 1s,display 1s}:scope .editorGroup{transform-origin:0;width:auto;height:100%;aspect-ratio:var(--editor-width)/7;flex-direction:column;display:flex}:scope .editorGroup:has(button:active){--onClickValue1:.75;--opacity-medium:var(--onClickValue2,unset);animation:1s onClick}:scope .editorGroup:has(#inputEditor.drag-hover){--opacity-medium:.75}:scope .editorTab{--background-colour:rgb(from var(--shades-black)r g b/var(--opacity-low));--window-text-colour:rgb(from var(--shades-darker)r g b/var(--opacity-medium));color:rgb(from var(--shades-medium)r g b/50%);border:.125rem solid var(--window-text-colour);background-color:var(--background-colour);border-bottom:none;border-radius:1rem 1rem 0 0;flex:0;justify-content:space-between;width:100%;padding:.75rem;font-family:Fira Code,monospace;line-height:100%;display:flex}:scope .editorTab>.fileName{align-content:center;font-size:1rem}:scope .editorTab>.fileName[cursor]:after{content:attr(cursor);color:var(--shades-m-darker);font-size:.75em}:scope .editorTab>.tabButtons{gap:1em;display:flex}:scope .editorTab>.tabButtons>button{font-size:inherit;filter:invert(.4431);width:2rem;height:2rem;opacity:var(--opacity-medium);cursor:pointer;background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:contain;border:none;border-radius:50%;padding:0;transition:all .1s;outline:none!important}:scope .editorTab>.tabButtons>button.tabCopyAll{background-image:url(../assets/images/icon-copy.svg)}:scope .editorTab>.tabButtons>button.tabOpenRaw{background-image:url(../assets/images/icon-open-external.svg)}:scope .editorTab>.tabButtons>button.tabInsertCSS{background-image:url(../assets/images/icon-add-file.svg)}:scope .editorTab>.tabButtons>button.tabDeleteAll{background-image:url(../assets/images/icon-erase.svg)}:scope .editorTab>.tabButtons>button:hover{filter:invert(.8832)}:scope .editorTab>.tabButtons>button:focus{z-index:1;box-shadow:0 0 calc((3/4)*var(--padding))var(--shades-medium);background-size:calc(100% - 8px);outline:1px solid var(--shades-medium)!important}:scope .editor{flex:1}}@scope(#nestBtn){:scope{cursor:pointer;z-index:10;--nestBtn-shadow-direction:1;background:0 0;border:none;border-radius:50%;padding:0;font-size:.75rem;transition:opacity 1s,font-size 1s,translate 1s,--nestBtn-shadow-direction 1s;animation:1.5s .5s both bounceInTop;position:absolute;top:0;right:0;translate:-2rem calc(96dvh - 6rem - 100%);outline:none!important}:scope:disabled{cursor:not-allowed;filter:brightness(.5);color:var(--shades-black)}:scope:disabled>div:hover{scale:unset}:scope:focus{box-shadow:0 0 calc((3/4)*var(--padding))var(--shades-lighter)}:scope:focus>div{outline:1px solid var(--shades-medium)!important}:scope>div{border-radius:inherit;aspect-ratio:1;text-align:center;transform-origin:100% 100%;background-color:var(--pri-colour-lighter);box-shadow:inset 0 0 1em 0 var(--shades-black);align-content:center;padding:1.5em;font-family:Poppins,Calibri,sans-serif;font-weight:500;transition:scale .5s,background-color 1s}:scope>div:hover{background-color:var(--shades-white);scale:1.333}:scope>div:before{content:"Nest!"}:scope>span{opacity:0;z-index:-1;border-radius:inherit;transition:inset .5s,opacity 2s,background-color 2s;animation:3s infinite both shadowRotate;position:absolute;inset:1em}:is(#nestBtn:not(:disabled):has(>div:hover)>:is(:scope>span)){opacity:1;inset:.5em}:scope>span:first-of-type{background-color:rgb(from var(--pri-colour-medium)r g b/var(--opacity-medium));animation-delay:0s}:scope>span:nth-of-type(2){background-color:rgb(from var(--sec-colour-medium)r g b/var(--opacity-medium));animation-delay:-1s}:scope>span:nth-of-type(3){background-color:rgb(from color-mix(in srgb,var(--pri-colour-medium),var(--sec-colour-medium))r g b/var(--opacity-medium));animation-delay:-2s}:scope.hidden>span{animation-play-state:paused}}@scope(#siteWrapper>main:not(.nesting)){:scope #mainContent{gap:var(--padding)}:scope #mainContent>#editorSide{animation:2s cubic-bezier(1,0,.5,1) both moveRight}:scope #mainContent>#editorSide>#codeEditor>.editorWrapper{transition:all 1s .5s}:scope #mainContent>#editorSide>#codeEditor>.editorWrapper:first-child{padding:var(--padding);border-left:calc(1rem/16)solid rgb(from var(--shades-darker)r g b/var(--opacity-medium));border-color:rgb(from var(--shades-darker)r g b/var(--opacity-low));background-color:rgb(from var(--shades-white)r g b/3%);padding-left:0;display:block}:scope #mainContent>#editorSide>#codeEditor>.editorWrapper:first-child,:scope #mainContent>#editorSide>#codeEditor>.editorWrapper:first-child>.editorGroup{max-width:100%}:scope #mainContent>#editorSide>#codeEditor>.editorWrapper:last-child{padding-block:var(--padding);opacity:0;width:0;margin-right:-3.25rem}:scope #mainContent>#editorSide>#codeEditor>:last-child{display:none}}@scope(#siteWrapper:has(>main.nesting)){:scope>main{height:100dvh;transition:height 1s}:scope>main+article,:scope>main+article section{opacity:0;pointer-events:none;gap:0;height:0;transition:gap 1s 1s,height 1s 1s,opacity 1s,top 1s;top:100dvh}article:is(:scope>main+article,:scope>main+article section){top:0}:scope>main>#mainSettings{min-width:72ch;margin-right:var(--padding)}:scope>main>#mainContent>#textSide{opacity:0;width:0%;padding:0}:scope>main>#mainContent>#editorSide{align-content:center;width:100%}:scope>main>#mainContent>#editorSide>#nestBtn{opacity:.75;--nestBtn-shadow-direction:-1;font-size:.75rem;translate:0%}:scope>main>#mainContent>#editorSide>#nestBtn>div{transform-origin:100% 0}:scope>main>#mainContent>#editorSide>#nestBtn>div:before{content:"Home"}:scope>main>#mainContent>#editorSide>#codeEditor{width:calc(100vw - (5*var(--padding)) - (58.4416ch*1.232));max-width:100%;max-height:100%;aspect-ratio:var(--total-width)/7;align-items:center;margin-left:auto;animation:2s cubic-bezier(1,0,.5,1) both moveLeft}:scope>main>#mainContent>#editorSide>#codeEditor #editorGap{height:100%;aspect-ratio:var(--gutter-width)/6.625}:scope>main>#mainContent>#editorSide>#codeEditor .editorWrapper#inputEditorWrapper>#shadowEditorsWrapper>.shadowEditorWrapper{transition:all 2s;opacity:0!important;translate:0!important}}@scope(#reducingBoilerplateCode){:scope>a{color:var(--shades-white);text-transform:uppercase;align-items:center;gap:1ch;margin:0;font-family:Poppins,Calibri,sans-serif;font-size:2em;font-weight:500;line-height:100%;text-decoration:none;display:flex;position:absolute;top:.75em;right:0}:scope>a:after{content:"";background:var(--shades-white);width:6em;height:.125em;position:relative}:scope>#repeatingText{cursor:text;color:var(--shades-white);width:52ch;margin:0;font-family:Poppins,Calibri,sans-serif;font-size:2em;font-weight:300;position:absolute;top:8em;left:4em}:scope>#repeatingText .repeat{pointer-events:none;-webkit-mask-image:linear-gradient(transparent,var(--shades-black)75%);mask-image:linear-gradient(transparent,var(--shades-black)75%);padding:3lh 0 .04lh;position:relative}:scope>#repeatingText .repeat:before{content:attr(data-text)"\a " attr(data-text)"\a " attr(data-text)"\a " attr(data-text);z-index:-1;color:rgb(from var(--shades-white)r g b/.5);animation-composition:add;animation:2s linear infinite repeatText;position:absolute;inset:0}:scope>#repeatingText .repeat.hidden:before{animation-play-state:paused}:scope>#parallaxText{color:var(--shades-white);text-transform:uppercase;letter-spacing:.166667em;flex-direction:column;width:fit-content;height:3lh;font-family:Orelo Semi Expanded,sans-serif;font-size:6em;display:flex;position:absolute;bottom:1.33333em;right:1.33333em}:scope>#parallaxText>span{cursor:text;text-shadow:0 1lh;height:1lh;line-height:100%;overflow:hidden}:scope>#parallaxText>span>p{vertical-align:middle;margin:0;display:inline-block;translate:0 -1lh}@supports (animation-range:normal){:scope>#parallaxText>span{animation:1ms linear swapText;animation-timeline:view();animation-range-start:cover -.5lh}:scope>#parallaxText>span:first-child{animation-range-end:contain calc(min(100dvh,1600px) - 1lh)}:scope>#parallaxText>span:nth-child(2){animation-range-end:contain calc(min(100dvh,1600px) - .5lh)}:scope>#parallaxText>span:nth-child(3){animation-range-end:contain calc(min(100dvh,1600px) - 0lh)}}:scope>#parallaxText>span:first-child{text-align:left;margin-left:.5ch}:scope>#parallaxText>span:nth-child(2){text-align:center}:scope>#parallaxText>span:nth-child(3){text-align:right;margin-right:.5ch}}@scope(#easierMaintenance){:scope>#mergingText{color:var(--shades-white);text-align:center;text-transform:capitalize;letter-spacing:.25ch;flex-direction:column;font-family:Orelo Semi Expanded,sans-serif;font-size:5em;font-weight:400;display:flex;position:absolute;top:.8em;left:50%;translate:-50%}:scope>#mergingText>span{cursor:text;height:1lh;line-height:100%;position:relative;overflow:hidden}@supports (animation-range:normal){:scope>#mergingText>span{padding-top:1lh}:scope>#mergingText>span:first-child{text-shadow:0 .5lh;animation:1ms linear forwards showText;animation-timeline:view();animation-range:cover calc(min(50dvh,800px) - 1lh) cover calc(min(100dvh,1600px) - 3.15lh)}:scope>#mergingText>span:last-child{text-shadow:0 -2lh;animation:1ms linear forwards showText;animation-timeline:view();animation-range:cover calc(min(50dvh,800px) - 1lh) cover calc(min(100dvh,1600px) - 3.15lh)}}:scope>#changingText{color:var(--shades-white);text-align:right;width:56ch;font-family:Poppins,Calibri,sans-serif;font-size:2em;font-weight:300;position:absolute;bottom:6em;right:5vw}@supports (animation-range:normal){:scope>#changingText{animation:1ms linear both slideDown;animation-timeline:view();animation-range:cover -20lh contain 5lh}}:scope>#changingText s{color:var(--red-colour-medium);clip-path:inset(0);font-size:.75em;text-decoration:none;display:inline-flex;position:relative}:scope>#changingText s:first-child{--animation-delay:-1s}:scope>#changingText s:nth-child(3){--animation-delay:0s}:scope>#changingText s:nth-child(5){--animation-delay:-1.5s}:scope>#changingText s:before{content:"";background:color-mix(in oklch,currentColor,var(--shades-white)25%);width:100%;height:.1em;animation:strikethrough 2.5s infinite var(--animation-delay);animation-timing-function:linear(0 0%,0 1.8%,.01 3.6%,.03 6.35%,.07 9.1%,.13 11.4%,.19 13.4%,.27 15%,.34 16.1%,.54 18.35%,.66 20.6%,.72 22.4%,.77 24.6%,.81 27.3%,.85 30.4%,.88 35.1%,.92 40.6%,.94 47.2%,.96 55%,.98 64%,.99 74.4%,1 86.4%,1 100%);position:absolute;top:50%}:scope>#changingText s+b{color:oklch(from var(--red-colour-medium)l c calc(h + 135));font-weight:700;text-decoration:none}:scope>#changingText s.hidden:before{animation-play-state:paused}}@scope(#improvedCodeReadability){:scope>#backgroundText{color:var(--shades-white);contain:layout;pointer-events:none;text-transform:capitalize;letter-spacing:.0025em;z-index:1;flex-direction:column;margin:0;font-family:Orelo Semi Condensed,sans-serif;font-size:20em;line-height:100%;display:flex;position:relative}:scope>#backgroundText span{width:100%;color:rgb(from var(--shades-white)r g b/var(--opacity-low));padding:0 .1em;position:relative;translate:-4ch}:scope>#backgroundText span:first-child,:scope>#backgroundText span:last-child{text-align:right;translate:10ch}:is(:scope>#backgroundText span:first-child,:scope>#backgroundText span:last-child):last-child{color:rgb(from var(--shades-white)r g b/var(--opacity-high))}@supports (animation-range:normal){:scope>#backgroundText span{animation:1ms ease-out forwards slideIn;animation-timeline:view();animation-range:cover -.5lh cover 4.5lh}:scope>#backgroundText span:first-child{animation-range:cover 0 cover 5lh}:scope>#backgroundText span:last-child{animation-range:cover -1.5lh cover 4lh}}:scope>#visibleText{z-index:1;color:var(--shades-white);width:50ch;font-family:Poppins,Calibri,sans-serif;font-size:2em;font-weight:300;line-height:1.5em;position:absolute;bottom:10em;right:7.5vw}@supports (animation-range:normal){:scope>#visibleText{animation-composition:add;animation:1ms linear both boostUp,1ms linear both slideUp;animation-timeline:view(),view();animation-range:cover 16em,cover}}@supports not (animation-range:normal){:scope>#visibleText{translate:-3lh}}:scope>#visibleText b{font-size:1.25em;transition:color .5s}:scope>#visibleText b:hover{color:var(--pri-colour-lightest)}:scope>#visibleText b>span{transition:all .125s}:scope>#visibleText b>span:hover{color:var(--shades-white)}}@scope(#groupingStylesTogether){:scope{align-content:center}:scope>#groupedText{color:var(--shades-white);letter-spacing:.25rem;text-align:left;border:.125em dashed rgb(from var(--shades-white)r g b/var(--opacity-low));background:rgb(from var(--pri-colour-darkest)r g b/var(--opacity-high));margin:0;padding:1.5em 2em;font-family:Orelo Semi Expanded,sans-serif;font-size:2em;font-weight:400;display:inline-block;position:absolute;bottom:67%;left:10vw}:scope>#groupedText:before,:scope>#groupedText:after{border:inherit;padding:inherit;background:inherit;pointer-events:none;content:attr(data-text);animation:none;position:absolute;inset:-.25rem}:scope>#groupedText:before{z-index:-1;animation-name:changeCard,changeCardBefore}:scope>#groupedText:after{z-index:1;animation-name:changeCard,changeCardAfter}:is(body.hidden :is(:scope>#groupedText)):before,:is(body.hidden :is(:scope>#groupedText)):after{animation-play-state:paused}:scope>#miniEditor{width:fit-content;color:var(--shades-white);gap:3ch;margin-left:auto;margin-right:7.5vw;font-family:Fira Code,monospace;font-size:2em;line-height:1em;position:relative}@supports (animation-range:normal){:scope>#miniEditor{animation:linear viewed;animation-timeline:view();animation-range:contain cover 5lh}:scope>#miniEditor div :is(span){--charIndex:-1;animation:linear forwards slideInLines;animation-timeline:view();animation-range:cover cover 5lh}}:scope>#miniEditor>.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;word-wrap:normal;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:scope>#miniEditor>.visual-presentation{gap:3ch;display:flex}:scope>#miniEditor>.visual-presentation>#lineNumbers{opacity:.25;text-align:right;width:2ch;font-family:inherit}:scope>#miniEditor>.visual-presentation>pre{opacity:.75;letter-spacing:.2em;--maxLines:20;--activeLine:1;--intensityPos:100%;margin:0;font-family:inherit}:scope>#miniEditor>.visual-presentation>pre>code>div{padding-right:5ch}:scope>#miniEditor>.visual-presentation>pre>code>div:first-child{position:relative}:scope>#miniEditor>.visual-presentation>pre>code>div:first-child:before{content:"";background:linear-gradient(to right,transparent,rgb(from var(--pri-colour-m-darker)r g b/var(--opacity-medium))calc(var(--intensityPos) - 20%),rgb(from var(--pri-colour-darker)r g b/var(--opacity-medium))var(--intensityPos),rgb(from var(--pri-colour-m-darker)r g b/var(--opacity-medium))calc(var(--intensityPos) + 20%),transparent);z-index:-1;width:calc(100% + 5ch);height:100%;translate:0 calc((clamp(1,var(--activeLine),var(--maxLines)) - 1)*1lh);transition:all .5s;position:absolute;top:0;right:0}:scope>#miniEditor>.visual-presentation>pre>code>div span{display:inline-block}}@scope(#mechanicsOfNesting){:scope{contain:size layout;display:flex}:scope:has(.hover-animation){touch-action:none}:scope:has(.hover-animation):has(>:not(#backToStart):hover){cursor:none}:scope:has(.hover-animation):has(>:not(#backToStart):hover)>#nycssCursor{animation-duration:1.5s;scale:.25}:scope:has(.hover-animation)>#nycssCursor{opacity:1;animation:12.5s linear infinite rotate}:scope>#nycssCursor{opacity:0;pointer-events:none;z-index:999;background-color:rgb(from var(--pri-colour-lightest)r g b/var(--opacity-low));aspect-ratio:1;border-radius:50%;width:1em;height:auto;padding:.0625em;font-size:10em;transition:opacity 1s .1s,scale .5s;position:absolute;translate:calc(50vw - 50%) calc(50vh - 50%)}:is(:has(.hover-animation):has(>:scope>#nycssCursor):hover :is(:scope>#nycssCursor)){will-change:transform}:scope>#nycssCursor.hidden{animation-play-state:paused}:scope>#splittingText{color:#0000;text-align:justify;text-align-last:left;column-count:2;word-spacing:.3ch;-webkit-user-select:none;user-select:none;gap:6ch;width:60ch;height:4lh;font-family:Poppins,Calibri,sans-serif;font-size:1.75rem;font-weight:300;position:absolute;top:4lh;right:8ch}@supports (animation-range:normal){:scope>#splittingText{animation:1ms ease-out both unblur;animation-timeline:view();animation-range:cover contain calc(min(50dvh,800px))}}:scope>#splittingText:before,:scope>#splittingText:after{color:var(--shades-white);content:attr(data-text);column-count:inherit;gap:inherit;animation:3s ease-in-out infinite alternate backwards widenGap;position:absolute;inset:0}:scope>#splittingText:before{clip-path:inset(0 50% 0 0);transform-origin:0}:scope>#splittingText:after{clip-path:inset(0 0 0 50%);transform-origin:100%}:scope>#splittingText.hidden:before,:scope>#splittingText.hidden:after{animation-play-state:paused}:scope>#splittingText>a{color:inherit}:scope>#strechingText{color:var(--shades-white);font-family:Orelo Semi Condensed;font-size:3em;font-weight:600;line-height:200%;position:absolute;top:1.33333em;left:2.66667em;scale:1}@supports (animation-range:normal){:scope>#strechingText{animation:1ms linear both moveDown;animation-timeline:view();animation-range:cover -2lh cover 2lh}}:scope>#strechingText>span{transition:all 1s;display:inline-block}:scope>#strechingText>span:hover{transition:all;scale:1 2}:scope>#nestingText{color:var(--shades-white);contain:layout;font-size:5em;position:absolute;bottom:1.6em;right:4.8em}:scope>#nestingText>*{white-space:nowrap;margin:0}:scope>#nestingText>h3{font-family:Poppins,Calibri,sans-serif;font-size:1em;font-weight:900}@supports (animation-range:normal){:scope>#nestingText>h3{animation:1ms linear both moveDown;animation-timeline:view();animation-range:cover -2lh cover 2lh}}:scope>#nestingText>h3{transition:scale 1s,text-shadow 1s}:scope>#nestingText>h3:hover{text-shadow:0 -.1lh calc(1em/5)var(--shades-black);scale:1.1}:scope>#nestingText>p{z-index:-1;letter-spacing:-.05em;color:rgb(from var(--shades-white)r g b/var(--opacity-medium));font-family:Orelo Expanded;font-size:1.125em;font-weight:600;line-height:1em;position:absolute;top:0;left:0}@supports (animation-range:normal){:scope>#nestingText>p{animation:1ms linear both fadeUp;animation-timeline:view();animation-range:cover cover calc(1lh + 1.98em)}}@supports not (animation-range:normal){:scope>#nestingText>p{opacity:1;translate:-.96ch -.31em}}:scope>#nestingText a{color:unset;-webkit-text-decoration:unset;text-decoration:unset}:scope>#nycssLogoGroup{-webkit-user-select:none;user-select:none;contain:layout;z-index:1;flex-direction:column;align-self:flex-end;margin-bottom:8vw;margin-left:8vw;display:inline-flex;position:relative}:scope>#nycssLogoGroup>*{pointer-events:none}:scope>#nycssLogoGroup>img{aspect-ratio:1;width:auto;height:16em}:scope>#nycssLogoGroup>img#nycssNest{color:#0000;filter:drop-shadow(0 -.5em)drop-shadow(.7em .3em)drop-shadow(5.4em 1em)drop-shadow(7.1em 1.1em)drop-shadow(1.6em .4em)drop-shadow(4.3em .9em);clip-path:circle(47.2%)}:scope>#nycssLogoGroup>img#nycssBadge{--main-x:80vw;--main-y:calc(max(-600dvh,-9600px) - 150%);--reducingBoilerplateCode-y:calc(max(-600dvh,-9600px) + 0%);--easierMaintenance-y:calc(max(-450dvh,-7200px) + 50%);--improvedCodeReadability-y:calc(max(-300dvh,-4800px) - 50%);--groupingStylesTogether-y:calc(max(-150dvh,-2400px) + 66%);--mechanicsOfNesting-y:50%;pointer-events:none;filter:drop-shadow(0 var(--shadow-distance)0 var(--shadow-color))drop-shadow(0 calc(-1*var(--shadow-distance))0 var(--shadow-color));--shadow-color:#1474b833;--shadow-distance:0;transition:all 1s}:scope>#nycssLogoGroup>img#nycssBadge.main-animation{animation:1ms linear fall;animation-timeline:scroll()}:scope>#nycssLogoGroup>img#nycssBadge.idle-animation{animation-composition:add;animation:1ms linear fall,2.5s infinite alternate idle;animation-timeline:scroll(),auto}:scope>#nycssLogoGroup>img#nycssBadge.idle-animation.hidden{animation-play-state:paused}:scope>#nycssLogoGroup>img#nycssBadge.hover-animation{--shadow-color:#1474b833;--shadow-distance:1.5em;animation:2s infinite alternate hover}:scope>#nycssLogoGroup>img#nycssBadge.hover-animation.hidden{animation-play-state:paused}:scope>#nycssLogoGroup:has(img.hover-animation){clip-path:inset(19.3% 1.3% 1.3% 7.3%)}:scope>#nycssLogoGroup:has(img.hover-animation):hover #nycssBadge.hover-animation{--shadow-color:#26a2d933;--shadow-distance:2em}:scope>#backToStart{width:100%;height:100%;position:absolute;top:0;left:0}:scope>#backToStart:has(~#nycssLogoGroup>img.hover-animation){display:block}}@media (aspect-ratio<=1.097){@scope(#siteWrapper){:scope>main>#mainContent{border-radius:1rem}:scope>main>#mainSettings,:scope>main>#mainContent :is(#textSide,#shadowEditorsWrapper){display:none}:scope>main #editorSide{width:calc(var(--single-editor-width));animation:none!important}:scope>main #editorSide #codeEditor{justify-content:left;max-width:100%}:scope>main #editorSide #codeEditor>.editorWrapper{max-width:inherit}:scope>article{font-size:clamp(1.1px,1.15dvw,22.5px)}:scope>article>section{contain:size;height:min(100dvh,1600px);position:relative}:scope>article>section#reducingBoilerplateCode>a{font-size:5vw}:scope>article>section>#repeatingText{font-size:2.5vw;top:50%;translate:0 calc(-50% - 7.5em)}:scope>article>section>#parallaxText{font-size:2.5vw;bottom:50%;translate:0 calc(6em - 50%)}:scope>article>section>#mergingText{font-size:8vw;top:1.33333em}:scope>article>section>#changingText{font-size:2.5vw;bottom:16vw;translate:0 calc(5em - 50%)}:scope>article>section>#backgroundText{font-size:20vw;top:50%;translate:0 -50%}:scope>article>section>#visibleText{font-size:2.5vw;top:50%;translate:0 -25%}:scope>article>section>#groupedText{height:fit-content;font-size:5vw;top:calc(50% - 50vw);bottom:auto;translate:0 -50%}:scope>article>section>#miniEditor{font-size:2.5vw}:scope>article>section>#splittingText{font-size:2.1vw;top:50%;translate:0 calc(-50% - 12.5em)}:scope>article>section>#strechingText{font-size:7.5vw;animation:none;top:64rem;translate:0 calc(-50% - 12.5em)}:scope>article>section>#nestingText{font-size:4vw;bottom:4em}:scope>article>section>#nycssLogoGroup{font-size:2vw}@scope(:scope>main:not(.nesting)){:scope>#mainContent#mainContent{justify-content:center}:scope>#mainContent#mainContent>#editorSide>#codeEditor{margin:0 auto}:scope>#mainContent#mainContent>#editorSide>#codeEditor>#inputEditorWrapper{background:0 0;border:none;border-radius:1rem;padding:0}:scope>#mainContent#mainContent>#editorSide>#codeEditor>#outputEditorWrapper>.editorGroup{opacity:0}}@scope(:scope>main.nesting){:scope>#mainContent{min-width:100%;transition:unset}:scope>#mainContent>#editorSide#editorSide#editorSide>#codeEditor{flex-direction:column;width:100%;height:100%;animation:none}:scope>#mainContent>#editorSide#editorSide#editorSide>#codeEditor #editorGap{height:var(--padding);aspect-ratio:auto;flex:none}:scope>#mainContent>#editorSide#editorSide#editorSide>#codeEditor .editorWrapper{flex:1}:scope>#mainContent>#editorSide#editorSide#editorSide>#codeEditor .editorGroup{aspect-ratio:auto}:scope>#mainContent>#editorSide#editorSide#editorSide>#codeEditor .editor{aspect-ratio:auto;width:100%;height:100%}}}}}
/*# sourceMappingURL=app.min.css.map */