@property --button-bg{syntax: "<color>"; inherits: true; initial-value: transparent;}@property --icon-path-one-fill{syntax: "<color>"; inherits: true; initial-value: transparent;}@property --icon-path-two-fill{syntax: "<color>"; inherits: true; initial-value: transparent;}@property --nestBtn-shadow-colour-1{syntax: "<color>"; inherits: true; initial-value: transparent;}@property --nestBtn-shadow-colour-2{syntax: "<color>"; inherits: true; initial-value: transparent;}@property --nestBtn-shadow-colour-3{syntax: "<color>"; inherits: true; initial-value: transparent;}@property --nestBtn-shadow-direction{syntax: "<number>"; inherits: true; initial-value: 0;}@keyframes scaleDown{1%,99%{pointer-events:none}0%{@media(prefers-reduced-motion:reduce){scale:1}filter:grayscale(0)}50%,to{@media(prefers-reduced-motion:reduce){scale:.75}filter:grayscale(1)}}@keyframes fall{0%{opacity:0;scale:.5;rotate:-42deg;translate:var(--main-x) var(--main-y)}13.7931034483%{opacity:1;scale:1;rotate:-42deg;translate:0 var(--reducingBoilerplateCode-y)}35.3448275862%{opacity:1;scale:.75;rotate:1 1 -2 90deg;translate:0 var(--easierMaintenance-y)}56.8965517241%{opacity:1;scale:1.25;rotate:1 0 0 60deg;translate:0 var(--improvedCodeReadability-y)}78.4482758621%{opacity:1;scale:1.5;rotate:-60deg;translate:0 var(--groupingStylesTogether-y)}to{opacity:1;scale:1;rotate:0deg;translate:0 var(--mechanicsOfNesting-y)}}@keyframes idle{0%{translate:0 0%}to{translate:0 10%}}@keyframes hover{0%{translate:0 50%}to{translate:0 60%}}@keyframes repeatText{0%{translate:0 0}to{translate:0 -1lh}}@keyframes swapText{0%,to{padding-top:0lh}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:transparent}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%{scale:.75;translate:12rem -12rem;rotate:20 -4 20 60deg}12.5%,to{scale:none;translate:none;rotate: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:0deg}to{rotate:360deg}}@keyframes widenGap{to{scale:1 1}to{scale:.85 1;opacity:.99}}@keyframes moveDown{0%{translate:0 -3lh;opacity:0}to{translate:0 0;opacity:1}}@keyframes fadeUp{0%{translate:0ch 1.67em;opacity:0}to{translate:-.96ch -.31em;opacity:1}}@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 slideEditor{0%{translate:calc(-100cqw + 100% + var(--padding))}to{translate:0}}@keyframes revealText{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes shadowRotate{0%{translate:calc((4/3) * .5em) calc((4/3) * 2.5em * var(--nestBtn-shadow-direction))}33%{translate:3em 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.793103448%{background-color:var(--shades-black)}35.3448275862%{background-color:rgb(from color-mix(in srgb,var(--shades-em-darker),var(--shades-black)) r g b)}56.8965517241%{background-color:var(--sec-colour-darkest)}78.4482758621%{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(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes blink{0%{opacity:1}to{opacity:.25}}@keyframes bounceInTop{0%{filter:opacity(0);transform:translateY(-500px);animation-timing-function:ease-in}38%{filter:opacity(1);transform:translateY(0);animation-timing-function:ease-out}55%{transform:translateY(-65px);animation-timing-function:ease-in}72%{transform:translateY(0);animation-timing-function:ease-out}81%{transform:translateY(-28px);animation-timing-function:ease-in}90%{transform:translateY(0);animation-timing-function:ease-out}95%{transform:translateY(-8px);animation-timing-function:ease-in}to{transform:translateY(0);animation-timing-function:ease-out}}@keyframes slideInLeft{0%{transform:translate(-64rem)}to{transform:translate(0)}}@font-face{font-family:Poppins Fallback;font-weight:200;font-display:swap;src:local("Calibri Light"),local("Calibri"),local("Arial"),local("sans-serif");size-adjust:103.5%;ascent-override:88%;descent-override:24%;line-gap-override:0%}@font-face{font-family:Poppins Fallback;font-weight:300;font-display:swap;src:local("Calibri"),local("Arial"),local("sans-serif");size-adjust:103%;ascent-override:88%;descent-override:24%;line-gap-override:0%}@font-face{font-family:Poppins Fallback;font-weight:400;font-display:swap;src:local("Calibri"),local("Arial"),local("sans-serif");size-adjust:103%;ascent-override:88%;descent-override:24%;line-gap-override:0%}@font-face{font-family:Poppins Fallback;font-weight:500;font-display:swap;src:local("Calibri"),local("Arial"),local("sans-serif");size-adjust:103%;ascent-override:88%;descent-override:24%;line-gap-override:0%}@font-face{font-family:Poppins Fallback;font-weight:600;font-display:swap;src:local("Calibri"),local("Arial"),local("sans-serif");size-adjust:103%;ascent-override:88%;descent-override:24%;line-gap-override:0%}@font-face{font-family:Poppins Fallback;font-weight:900;font-display:swap;src:local("Calibri"),local("Arial"),local("sans-serif");size-adjust:103%;ascent-override:88%;descent-override:24%;line-gap-override:0%}@font-face{font-family:Poppins;font-weight:200;font-display:swap;src:url(/assets/poppins-extralight-devanagari-K-_omUIi.otf) format("opentype");unicode-range:U+0900-097F,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/poppins-extralight-latinext-DSbiuD3i.otf) format("opentype");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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/poppins-extralight-latin-nRI7oANi.otf) format("opentype");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;ascent-override:88%;descent-override:24%;line-gap-override:0%}@font-face{font-family:Poppins;font-weight:300;font-display:swap;src:url(/assets/poppins-light-devanagari-YVVYIdgT.otf) format("opentype");unicode-range:U+0900-097F,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/poppins-light-latinext-ChM3DdNh.otf) format("opentype");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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/poppins-light-latin-B25p_TSv.otf) format("opentype");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;ascent-override:88%;descent-override:24%;line-gap-override:0%}@font-face{font-family:Poppins;font-weight:400;font-display:swap;src:url(/assets/poppins-regular-devanagari-CbTP69DY.otf) format("opentype");unicode-range:U+0900-097F,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/poppins-regular-latinext-p0f9C6jq.otf) format("opentype");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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/poppins-regular-latin-BnofdmBL.otf) format("opentype");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;ascent-override:88%;descent-override:24%;line-gap-override:0%}@font-face{font-family:Poppins;font-weight:500;font-display:swap;src:url(/assets/poppins-medium-devanagari-B6Urdwik.otf) format("opentype");unicode-range:U+0900-097F,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/poppins-medium-latinext-D-KhPStI.otf) format("opentype");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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/poppins-medium-latin-9eyBJ19B.otf) format("opentype");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;ascent-override:88%;descent-override:24%;line-gap-override:0%}@font-face{font-family:Poppins;font-weight:600;font-display:swap;src:url(/assets/poppins-semibold-devanagari-MP8U9D0Q.otf) format("opentype");unicode-range:U+0900-097F,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/poppins-semibold-latinext-CZ9V6BfA.otf) format("opentype");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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/poppins-semibold-latin-C2vHiKmi.otf) format("opentype");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;ascent-override:88%;descent-override:24%;line-gap-override:0%}@font-face{font-family:Poppins;font-weight:900;font-display:swap;src:url(/assets/poppins-black-devanagari-DTalGLtv.otf) format("opentype");unicode-range:U+0900-097F,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/poppins-black-latinext-Dj0-fKB2.otf) format("opentype");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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/poppins-black-latin-xQpw8LE-.otf) format("opentype");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;ascent-override:88%;descent-override:24%;line-gap-override:0%}@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/orelo-semicondensed-demibold-CRVAik0y.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/orelo-semicondensed-bold-Br5CdrIS.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/orelo-semiwide-DyfK_ghJ.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/orelo-wide-demibold-BaEHjtib.otf) format("opentype")}@font-face{font-family:Fira Code;font-weight:400;font-display:swap;src:url(/assets/firacode-regular-cyrillicext-LrsFlm5g.otf) format("opentype");unicode-range:U+0460-052F,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/firacode-regular-cyrillic-B_eW5yWO.otf) format("opentype");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Fira Code;font-weight:400;font-display:swap;src:url(/assets/firacode-regular-greek-CbyiOM3C.otf) format("opentype");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Fira Code;font-weight:400;font-display:swap;src:url(/assets/firacode-regular-greekext-MDhQI292.otf) format("opentype");unicode-range:U+1F00-1FFF}@font-face{font-family:Fira Code;font-weight:400;font-display:swap;src:url(/assets/firacode-regular-latinext-CrWG2zEz.otf) format("opentype");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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/firacode-regular-latin-g-E_hrrO.otf) format("opentype");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,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/dejavu-mono-regular-latin-MTeOC1DZ.otf) format("opentype");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,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/ia-writer-mono-regular-latin-DP5vQl3R.otf) format("opentype");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,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(data:font/otf;base64,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ABFVVf8AH6qr/wAIqqv/ACUqqov/ACqqqwj3KgeL/wAqqqv///dVVf8AJNVV///uqquq///uqquq///nqqr/ABgqq///4Kqr/wARVVX//+Cqq/8AEVVVZv8ACKqr///VVVWL///VVVWL///a1Vb///eAAP//4FVVev//4FVVev//56qr///n1VV6///gqqt6///gqqv///eAAP//2qqqi///1KqrCPspB4v//9Sqq/8ACIAA///agACc///gVVWc///gVVX/ABhVVf//56qr/wAfqqt6/wAfqqt6/wAlKqr///eAAP8AKqqriwjaBP//2VVVi23/AAtVVf//6qqr/wAWqqv//+qqq/8AFqqr///1VVX/ACCqqov/ACqqqwiy94hkB4v//9VVVf//9YAA///fVVZ2///pVVV2///pVVX//+HVVf//9Kqr///YqquLCPsO94oVrgeLtf8ACqqr/wAgVVX/ABVVVf8AFqqr/wAVVVX/ABaqq6n/AAtVVf8AJqqri/8AJ1VVi/8AHiqr///0qqug///pVVWg///pVVX/AAqAAP//36qri2EIaAcO95MWIwoO95P7SBUkCg6L92j5vhXni/cD9yAqiwUOi/fA+bkVIgoO+OwUixV3n/lulQaLDAocABITAAUCAAEAFwCFARkBmQJP54u791b3cYu7+1bmi/tR+W77DYsFC8P3dgX/AAqqq7X/AAhVVf8AI1VVkf8AHKqrkf8AHKqr/wADqqv/ABKqqv8AAVVV/wAIqqv/AAFVVf//91VV/wADqqv//+1VVpH//+NVVZH//+NVVf8ACFVV///cVVb/AAqqq///1VVVCMP7dQULu4v/ACaqq/8ADVVV/wAdVVX/ABqqq/8AHVVV/wAaqqv/AA6qq66L/wArVVUIRAaLcf//99VVdv//76qre///76qre///6iqqg///5Kqri///5VVVi///6qqrk3ube5uDoIulCEQGi///1Kqr/wAOqqto/wAdVVX//+VVVf8AHVVV///lVVX/ACaqq///8qqru4sIC+X3pQb3cPhdLov7IvvABYP//+9VVf//+YAA///x1VaG///0VVWG///0VVX///zVVf//94AA///+qqv///qqq////qqr/wAFVVWI/wAIgAD///tVVf8AC6qr///7VVX/AAuqq///+aqr/wAOKqqD/wAQqqsI+yX3wC6L93D8XQUL5fdIBvdX+Lowi/sJ/AEF///7VVV7///7qqv///Eqq4f///JVVYf///JVVf///NVVf////aqr///1qqv///2qq///9aqr///+Kqr///fVVf///qqrhQiJgv///oAAlAWKkf///iqr/wAIKqv///1VVf8AClVV///9VVX/AApVVf///NVWl////FVV/wANqqv///xVVf8ADaqr///7gAD/AA7VVf//+qqrmwj7DPgBL4v3V/y6BQsAAAABAAAADAAAABwAAAACAAIAAwADAAEABQAHAAEABAAAAAIAAAAAAAEAAAAA2lOZ8AAAAADb0qaaAAAAANva0PICWABaAlgAAAJYAAACWAAyAlgAAAJYADICWAAyAlgAIwJYADwCWABaAlgAWgJYACMCWAA8AAAA1ACMAAA=) format("opentype");unicode-range:U+0460-052F,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/jetbrains-mono-regular-cyrillic-D7iGUuHq.otf) format("opentype");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Jetbrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/jetbrains-mono-regular-greek-cl9zfzXQ.otf) format("opentype");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Jetbrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/jetbrains-mono-regular-vietnamese-Cn6_VitX.otf) format("opentype");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Jetbrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/jetbrains-mono-regular-latinext-BCVZpuR6.otf) format("opentype");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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/jetbrains-mono-regular-latin-Cka7ronD.otf) format("opentype");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,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/pt-mono-regular-cyrillicext-gyt08FdE.otf) format("opentype");unicode-range:U+0460-052F,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/pt-mono-regular-cyrillic-oalPYsz4.otf) format("opentype");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:PT Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/pt-mono-regular-latinext-FceaWMzF.otf) format("opentype");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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/pt-mono-regular-latin-CVJPwX9S.otf) format("opentype");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@layer ui-base,base,framework;@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,#outputEditorWrapper{opacity:0;background-color:transparent}}:root{font-size:clamp(0px,1.5dvh,24px);--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: var(--vh);--dvh: 1dvh;--svh: var(--vh);--svh: 1svh;--lvh: var(--vh);--lvh: 1lvh}*{box-sizing:border-box;&[hidden]{display:none!important}}body,#mainSettings>nav>a>figure.inner-cursor,#repeatingText span.repeat,#changingText s,#groupedText,#nycssCursor,#splittingText{&[hidden]{display:revert!important}}html{background-color:color-mix(in srgb,#000 50%,var(--sec-colour-darkest));overflow:hidden;::-webkit-scrollbar{width:0}@media(forced-colors:active){::-webkit-scrollbar{width:auto}}}body{visibility:visible;opacity:1;margin:0;height:100dvh;background-color:var(--shades-black);>.skip-to-section{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;font-size:1rem;&:focus{height:auto;width:auto;left:50%;translate:-50%;padding:1rem 2rem;background-color:rgb(from var(--shades-black) r g b / .5);outline:none!important;border:.2rem solid rgb(from var(--shades-darker) r g b / var(--opacity-medium));border-top:none;border-radius:0 0 .5rem .5rem;font-family:Poppins,Poppins Fallback,Calibri,sans-serif;color:var(--shades-white);z-index:9999;text-decoration:none}a&:has(~#siteWrapper>main.nesting){display:none}}}}@scope (#siteWrapper){&{margin:0 auto;width:clamp(0px,100%,3200px);height:100dvh;contain:paint;overflow:hidden auto;animation:lightenBackgroundColour linear 1ms;animation-timeline:scroll(self);&:has(>.nesting){overflow:hidden}>main{--padding: 2rem;display:flex;flex-direction:column;height:96dvh;width:100%;padding:var(--padding);@media not (prefers-reduced-motion:reduce){transition:height 1s}>#settingsBtn{display:none}.header-btn{cursor:pointer;padding:1rem 1.75ch;text-align:center;align-content:center;border-radius:1rem;font-family:Poppins,Poppins Fallback,Calibri,sans-serif;font-size:1.125rem;font-weight:300;border:none;color:var(--shades-lightest);box-shadow:inset 0 1px oklch(100% none none / .25);min-width:8rem;--top-colour: var(--shades-m-darker);--bottom-colour: var(--shades-em-darker);background:linear-gradient(to bottom,var(--top-colour),var(--bottom-colour) 45%,transparent 55%) 0% 100% / 100% 210% no-repeat,rgb(from var(--shades-black) r g b / .25);transition:background-position .125s ease-out,transform .2s,filter .2s;background-position:0% 100%;&:hover{filter:brightness(1.2);transform:translateY(-2px)}&.vibrant{--top-colour: var(--sec-colour-m-darker);--bottom-colour: var(--pri-colour-darkest);background-position:0% 0%}}>#mainWrapper{height:100%;width:100%;display:flex;justify-content:flex-end}}>article{position:relative;top:0;font-size:1rem;display:flex;flex-direction:column;gap:min(50dvh,800px);>section{contain:size;position:relative;height:min(100dvh,1600px);font-size:clamp(.5rem,16px,1.5rem);>p a{text-decoration:none;color:color-mix(in srgb,var(--shades-white) 50%,var(--pri-colour-darker));transition:color 0s;*{transition:inherit}&:hover{color:color-mix(in srgb,var(--shades-white) 75%,var(--pri-colour-darker))}}}.optimize{content-visibility:auto}}}}@scope (#mainSettings){&{flex:0;height:100%;min-width:0;margin-right:0;display:flex;flex-direction:column;contain:paint inline-size;gap:var(--padding);padding-bottom:calc((3 / 4) * var(--padding));overflow:hidden auto;@media not (prefers-reduced-motion:reduce){transition:margin-right 2s,min-width 2s}>section{border-radius:3rem;--panel-background: color-mix( in srgb, var(--shades-darkest), var(--shades-black) 75% );background-color:var(--panel-background);padding:var(--padding);min-width:58.441558ch;display:flex;flex-direction:column;gap:var(--padding);font-family:Poppins,Poppins Fallback,Calibri,sans-serif;>h2{margin:0;font-size:1.25rem;font-weight:400;color:var(--shades-medium)}}}}@scope (#mainSettings > section > ul){&{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;--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 .0625rem 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);>li{display:grid;grid-template-columns:repeat(10,1fr);>span{cursor:auto;grid-column:span 3;align-content:center;font-size:1.125rem;font-weight:300;color:var(--component-text);>p{margin:0;font-size:.625rem;color:var(--shades-m-darker)}}>div{grid-column:span 7;display:flex;flex-direction:row;justify-content:space-between;gap:var(--component-gap);color:var(--component-text);font-size:1rem;>:first-child{flex:1}>#externalCss{max-width:100%}>#fontsizes{width:auto;margin:0;flex:0}>#indentationSize{flex:0;display:flex;align-items:center;gap:var(--component-gap)}>nycss-radio-group.button{>label{--top-colour: var(--sec-colour-m-darker);--bottom-colour: var(--pri-colour-darkest)}}}}}}@scope (#mainSettings > section > :has(> table)){&{overflow-y:scroll;max-height:16rem;padding:calc(var(--padding) / 2);border-radius:1.5rem;--table-background: color-mix( in srgb, var(--shades-darkest), var(--panel-background) 75% );background-color:var(--table-background);scrollbar-width:.75rem;>table{width:100%;font-size:.75rem;color:var(--shades-medium);>colgroup>col:last-child{width:0}>thead{tr{&:first-child th{font-weight:400;color:var(--shades-darker);&:first-child{text-align:left}}&:last-child th{font-weight:400;color:var(--shades-m-darker)}}}>tbody{&:empty:before{content:"There are no errors."}>tr{color:var(--shades-medium);cursor:pointer;font-weight:400;&:hover{background-color:rgb(from var(--shades-em-darker) r g b / var(--opacity-low))}>th{text-align:start;font-weight:400}>td{text-align:center}}}}--track-colour: var(--panel-background);--thumbnail-colour: var(--shades-m-darker);--scrollbar-padding: 4px;--scrollbar-width: 12px;@supports selector(::-webkit-scrollbar){&::-webkit-scrollbar{width:var(--scrollbar-width);height:var(--scrollbar-width)}&::-webkit-scrollbar-thumb{background:var(--thumbnail-colour);border-radius:999px;border:var(--scrollbar-padding) solid transparent;background-clip:padding-box}&::-webkit-scrollbar-track{background:var(--track-colour);border-radius:999px}}@supports not selector(::-webkit-scrollbar){scrollbar-color:var(--thumbnail-colour) var(--track-colour);scrollbar-width:thin}}}@scope (#mainSettings > nav){&{display:inline-flex;padding:0 4ch;justify-content:space-evenly;margin:0;>a{height:calc(100% - 4px);outline:none!important;display:grid;--icon-size: 4rem;grid:var(--icon-size) / var(--icon-size);position:relative;padding:0;border:none;background:none;border-radius:999px;@media(prefers-reduced-motion:reduce){&:not([aria-disabled=true]):hover>figure{background:rgb(from var(--shades-white) r g b / .5)}}&:nth-of-type(1)>figure{clip-path:url(#iconGithub)}&:nth-of-type(2)>figure{clip-path:url(#iconHistory)}&:nth-of-type(3)>figure{clip-path:url(#iconSettings)}&:nth-of-type(4)>figure{clip-path:url(#iconBug);margin-top:-2px}&:nth-of-type(5)>figure{clip-path:url(#iconShareYourMind)}&:nth-of-type(6)>figure{clip-path:url(#iconGoToQuickly)}>*{border-radius:inherit;height:100%;width:100%}>figure{margin:0;container-type:size;background:rgb(from var(--shades-white) r g b / .25);>svg{contain:size;>clipPath{scale:.012;translate:-7cqw -11cqh}}&[hidden].inner-cursor:after{animation-play-state:paused}}&:not([aria-disabled=true]){>figure.inner-cursor:after{pointer-events:none;border-radius:inherit;position:fixed;content:"";top:0;left:0;z-index:-999;translate:calc(var(--cursor-x-pos) - 50%) calc(var(--cursor-y-pos) - 50%);height:75cqh;width:75cqw;filter:blur(1rem);background-color:var(--shades-white);@media not (prefers-reduced-motion:reduce){animation:blink 3s infinite alternate-reverse}}&:focus{z-index:1;outline:1px solid var(--shades-darker)!important;box-shadow:0 0 calc((3 / 4) * var(--padding)) var(--shades-medium)}}&[aria-disabled=true]{cursor:not-allowed;opacity:.5;use{pointer-events:none}}}}}@scope (#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);display:flex;justify-content:space-between;container-type:size;flex:1;width:fit-content;position:relative;background:var(--background);border-radius:3rem;transform-origin:center;@supports (animation-range: normal){animation:scaleDown linear 1ms;animation-timeline:view();animation-range-start:contain 100%;animation-range-end:cover 100%}}}@scope (#textSide){&{width:100%;height:100%;display:flex;padding:2rem 0;flex-direction:column;justify-content:space-between;container-type:inline-size;contain:paint;@media not (prefers-reduced-motion:reduce){transition:width 2s,opacity 2s}>header{margin:2rem 2rem 0 4rem;font-size:clamp(.5rem,16px,1.5rem)}}}@scope (#textSide > header > hgroup){&{display:flex;flex-direction:column-reverse;color:rgb(from var(--shades-white) r g b / var(--opacity-high));font-family:Poppins,Poppins Fallback,Calibri,sans-serif;>*{margin:0}>h1{display:inline-block;white-space:nowrap;line-height:125%;font-weight:900;font-size:6em;@media not (prefers-reduced-motion:reduce){transition:opacity 3s}&:hover{color:var(--shades-white)}}>h2{line-height:125%;font-weight:200;font-size:3em;height:2lh;width:24ch;@media not (prefers-reduced-motion:reduce){transition:opacity 3s}transform:translateZ(0)}}}@scope (#textSide > header > nav){&{display:inline-flex;--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;>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);display:flex;font-size:inherit;font-family:Poppins,Poppins Fallback,Calibri,sans-serif;text-decoration:none;flex-direction:row;align-items:center;position:relative;padding:0;outline:none!important;border:none;background:radial-gradient(circle at 1.5em,transparent 1.375em,var(--button-bg) 0,var(--button-bg) 100%);border-radius:999px;--button-bg: transparent;@media not (prefers-reduced-motion:reduce){transition:opacity 3s,--button-bg var(--anim-duration-bg-out) var(--delay-icon-out-bg)}>svg{height:3em;width:auto;aspect-ratio:1 / 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)}>span{flex:1;display:block;color:transparent;font-weight:600;font-size:0;opacity:0;line-height:1;padding:1.5ch 3ch 1.5ch 0;translate:1ch;background:var(--background);background-clip:text;@media not (prefers-reduced-motion:reduce){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)}}&:not([aria-disabled=true]){&:hover{--button-bg: var(--secondary-colour);@media not (prefers-reduced-motion:reduce){transition:--button-bg var(--anim-duration-bg-in) var(--delay-icon-in-bg)}>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)}>span{translate:1ch 0;font-size:unset;opacity:1;@media not (prefers-reduced-motion:reduce){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)}}}&:focus{z-index:1;outline:1px solid var(--shades-medium)!important;box-shadow:0 0 calc((3 / 4) * var(--padding)) var(--shades-lighter)}}&[aria-disabled=true]{cursor:not-allowed;opacity:.5;use{pointer-events:none}}}}}@scope (#textSide > figure){&{display:flex;flex-direction:column;justify-content:flex-end;gap:1rem;margin:0;margin-left:4rem;margin-right:2rem;height:100%;width:min(50vw,calc(100% - 6rem));container-type:inline-size;>figcaption{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:rgb(from var(--shades-white) r g b / var(--opacity-high));font-family:Poppins,Poppins Fallback,Calibri,sans-serif;font-weight:200;font-size:1.25rem;height:2rem;align-content:center;@media not (prefers-reduced-motion:reduce){transition:opacity 3s}}>div{display:flex;flex-flow:row;width:fit-content;max-width:100%;contain:paint;overflow-clip-margin:content-box;border:.125rem solid rgb(from var(--shades-darker) r g b / var(--opacity-low));padding:1rem;gap:1rem;@media not (prefers-reduced-motion:reduce){animation:slideInLeft .5s 1s cubic-bezier(.25,.46,.45,.94) both;transition:.25s,opacity 3s}>picture{width:17.637rem;aspect-ratio:1 / 1;@media not (prefers-reduced-motion:reduce){transition:filter .25s}>*{cursor:pointer;height:100%;width:auto;aspect-ratio:1 / 1;object-fit:contain}}&:hover{border-color:rgb(from var(--shades-lighter) r g b / var(--opacity-low));&:has(>picture:hover){border-color:rgb(from var(--shades-lighter) r g b / var(--opacity-medium))}picture:not(:hover){filter:grayscale(1)}}}}}@scope (#editorSide){&{container-type:inline-size;max-width:100%;>#codeEditor{flex:none;height:100%;display:flex;justify-content:center;width:calc((var(--code-editor-height) - var(--vertical-padding)) * (var(--editor-width) / 7));transition:opacity .5s ease-out;--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) )}--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.441558ch * 1.232)}}@scope (#codeEditor){&{.editorWrapper{&:not(.shadowEditorWrapper):is(#inputEditorWrapper,#outputEditorWrapper){width:calc((var(--code-editor-height) - var(--vertical-padding)) * (var(--editor-width) / 7));&#inputEditorWrapper{position:relative;border-radius:0 3rem 3rem 0;transition:opacity 1s,border-color 1s,background-color 1s,padding-right 1s;>#shadowEditorsWrapper{position:absolute;inset:0;>.shadowEditorWrapper{position:absolute;overflow:hidden;height:100%;@media not (prefers-reduced-motion:reduce){transition:translate 2s,opacity 2s}}&,*{pointer-events:none}}}&#outputEditorWrapper{@media not (prefers-reduced-motion:reduce){transition:opacity 1s,display 1s;transition-behavior:allow-discrete}}}}.editorGroup{transform-origin:left;display:flex;flex-direction:column;height:100%;width:auto;aspect-ratio:var(--editor-width) / 7;&:has(button:active),&:has(#inputEditor.drag-hover){--opacity-medium: .75}}.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) );line-height:100%;color:rgb(from var(--shades-medium) r g b / 50%);font-family:Fira Code,monospace;border:.125rem solid var(--window-text-colour);border-radius:1rem 1rem 0 0;border-bottom:none;background-color:var(--background-colour);flex:0;width:100%;display:flex;justify-content:space-between;padding:.75rem;>.fileName{font-size:1rem;align-content:center;&:after{font-size:.75em;content:attr(caret-pos) attr(file-size);color:var(--shades-m-darker)}}>.tabButtons{display:flex;gap:1em;>button{font-size:inherit;height:2rem;width:2rem;padding:0;border:none;outline:none;border-radius:50%;background-color:transparent;background-position:center;background-size:contain;background-repeat:no-repeat;filter:invert(.4431);opacity:var(--opacity-medium);cursor:pointer;@media not (prefers-reduced-motion:reduce){transition:.1s}&.tabCopyAll{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20width='100%25'%20height='100%25'%20viewBox='0%200%20192%20192'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20xml:space='preserve'%20xmlns:serif='http://www.serif.com/'%20style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3e%3cpath%20id='path1'%20d='M112.182,19.977C101.775,19.981%2091.365,20.146%2080.963,20.145C75.079,20.438%2068.34,20.283%2062.848,22.287C56.951,24.439%2053.053,30.68%2052.713,37.359C52.254,46.378%2052.09,55.41%2052.037,64.439C52.231,88.224%2051.438,112.047%2052.881,135.801C53.292,142.57%2061.781,150.888%2068,151L68.211,151.16C89.108,152.583%20110.102,151.826%20131.037,151.855C136.921,151.562%20143.178,152.141%20148.174,149.014C154.072,146.862%20157.284,140.517%20159.287,134.641C160.454,109.463%20159.831,84.248%20159.914,59.055C159.55,51.354%20159.406,42.286%20158.572,35.719C158.567,29.736%20151.007,21.241%20143.381,20.77C132.991,20.127%20122.588,19.972%20112.182,19.977ZM102.156,31.977C112.336,31.949%20122.517,32.07%20132.689,32.287C138.672,32.166%20147.343,32.234%20147.375,40.23C148.275,67.208%20148.124,94.223%20147.715,121.213C147.02,127.299%20149.514,136.777%20142,139L141.801,139.16L140.521,139.35C118.34,140.328%2096.107,140.17%2073.914,139.531C67.011,139.332%2064.562,134.485%2064.404,126.818C63.884,101.566%2063.846,76.295%2064.266,51.039C64.825,44.374%2062.66,33.839%2071.639,32.551C81.799,32.178%2091.977,32.004%20102.156,31.977ZM43.49,40C38.025,44.27%2031.995,50.079%2032.463,57.557C31.823,80.584%2031.923,103.637%2032.189,126.672C32.407,133.166%2032.123,139.787%2034.129,145.939C36.529,151.878%2040.047,157.61%2045.061,162.09C50.04,166.55%2055.905,169.398%2062,171C62.44,171.393%2081.253,172.71%20121.623,171.625C129.398,172.381%20135.436,166.195%20140,160.68C118.995,159.337%2097.878,160.461%2076.83,159.789C70.4,159.655%2063.628,159.669%2057.943,156.934C50.242,153.671%2046.032,145.993%2044.643,138.227C43.342,105.5%2044.593,72.732%2043.49,40Z'%20style='fill-rule:nonzero;'/%3e%3c/svg%3e")}&.tabOpenRaw{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20width='100%25'%20height='100%25'%20viewBox='0%200%20192%20192'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20xml:space='preserve'%20xmlns:serif='http://www.serif.com/'%20style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3e%3cpath%20id='path1'%20d='M33.843,166.204C33.843,166.204%2069.545,128.761%2087.916,112.316L63.924,111.717C60.173,111.623%2057.652,103.799%2063.526,100.595C76.114,100.572%2092.194,100.095%20103.524,100.551C105.633,101.15%20106.613,101.956%20107.2,104.608C109.079,113.109%20106.493,132.611%20108.506,142.512C105.28,151.904%2096.337,148.324%2096.25,143.064C96.135,136.024%2095.651,120.425%2095.651,120.425C51.081,164.61%2048.437,168.097%2040.591,175.341C34.973,177.554%2029.188,171.144%2033.843,166.204ZM52,175.48L64.146,164.003L139.04,164.132C143.315,164.139%20147.756,160.091%20147.975,154.723L148.19,36.565C147.351,31.12%20143.235,28.511%20138.729,27.844L55.927,28.066C50.691,28.837%2044.894,30.909%2043.862,37.358L44,144.016L32.308,155.697L32.712,34.672C34.521,23.775%2039.367,18.537%2052.761,16.211L144.452,17.232C155.104,20.224%20159.052,28.671%20160.065,38.019L159.852,155.173C158.433,169.839%20145.76,176.409%20133.213,176.106C106.755,176.708%2052,175.48%2052,175.48Z'%20style='fill-rule:nonzero;'/%3e%3c/svg%3e")}&.tabInsertCSS{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20width='100%25'%20height='100%25'%20viewBox='0%200%20192%20192'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20xml:space='preserve'%20xmlns:serif='http://www.serif.com/'%20style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3e%3cpath%20id='path1'%20d='M45.185,175C37.851,174.872%2032.034,165.713%2031.894,157.745C31.791,111.748%2032.12,33.558%2032.731,28.215C33.23,23.847%2039.001,16.355%2048.189,16.065C57.378,15.776%2086.627,16.093%20105.01,16C123.335,34.335%20141.665,52.665%20160,70.99C159.837,100.794%20160.414,130.613%20159.462,160.407C159.612,169.963%20155.129,175.047%20144.882,175.417M147.876,147.591C148.11,125.061%20147.955,102.53%20148,80C134.971,79.802%20119.706,81.333%20108.9,79.36C98.094,77.387%2096.358,66.668%2096.255,61.878C96.153,57.087%2096,28%2096,28C80.168,28.197%2064.302,27.539%2048.492,28.511C46.317,28.386%2044.457,29.793%2044.757,32.101C43.641,50.638%2043.562,133.744%2044.515,158.145C44.694,159.837%2046.153,162.89%2048.705,162.94C72.349,163.405%20137.685,165.283%20143.613,161.86C148.362,159.861%20147.89,152.69%20147.876,147.591ZM138,67.49C128.707,57.4%20119.043,47.631%20109.072,38.192C107.799,37.989%20108.492,41.984%20108.1,43.208C108.146,50.609%20108.187,52.279%20108.139,60.064C108.4,64.715%20110.903,67.726%20115.441,67.942C122.65,68.075%20130.712,68.182%20137.9,67.56M90.133,131.221C90.362,127.666%2087.456,128.352%2084.307,128.309C80.717,128.191%2072.851,128.789%2071.178,126.561C69.632,124.135%2069.453,119.842%2071.34,117.57C72.424,114.856%2082.08,115.732%2086.348,116C90.615,116.268%2089.842,115.823%2090,111.902C90.158,107.981%2089.191,100.841%2091.271,97.483C93.371,95.533%2098.137,95.434%20100.564,97.157C103.336,100.235%20102.187,110.955%20102.214,114.58C102.241,118.205%20116.509,116.028%20120.125,117.315C123.053,117.726%20123.564,126.774%20118.634,126.955C114.614,128.172%20108.073,128.388%20103.989,128.354C99.905,128.319%20102.412,139.246%20101.767,145.088C101.843,149.162%2090.643,148.98%2090.523,144.754C90.396,140.066%2090.103,137.052%2090.133,131.221Z'%20style='fill-rule:nonzero;'/%3e%3c/svg%3e")}&.tabDeleteAll{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20width='100%25'%20height='100%25'%20viewBox='0%200%20192%20192'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20xml:space='preserve'%20xmlns:serif='http://www.serif.com/'%20style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3e%3cpath%20id='path1'%20d='M74,175C55.644,167.519%2031.991,140.059%2019.705,124.907C14.815,118.772%2014.554,109.236%2019.723,103.084C34.373,85.712%2082.673,37.122%20104.056,18.838C111.8,13.657%20122.142,16.013%20128.511,22.341C143.299,36.081%20157.824,50.197%20171.149,65.358C176.77,71.751%20178.09,82.198%20172.172,88.877C163.726,100.377%20122.465,139.911%20100,163.52C117.671,164.756%20135.49,162.948%20153.097,164.909C160.087,168.482%20154.351,178.023%20147.303,175.583C127.924,176.419%20108.503,175.828%2089.108,175.873C84.14,175.77%2079.173,175.563%2074.22,175.16M95.613,149.463C83.422,136.622%2063.799,116.137%2043.232,97.057C37.38,96.259%2032.132,105.533%2028.787,110.47C25.429,118.108%2034.095,123.76%2038.312,129.101C49.411,140.142%2060.012,151.758%2072.082,161.766C74.91,164.044%2079.588,164.241%2082.957,162.737M134.5,112.5C144.213,102.202%20155.189,92.861%20163.37,81.267C165.406,77.571%20164.458,76.01%20159.768,69.642C149.416,59.415%20130.858,39.142%20119.51,30C112.466,24.126%20105.861,32.23%20100.913,36.746C84.636,52.174%2051.971,86.775%2051.971,86.775C69.737,104.68%2086.985,123.139%20105.84,139.92C115.899,131.323%20125.064,121.758%20134.5,112.5Z'%20style='fill-rule:nonzero;'/%3e%3c/svg%3e")}&:hover{filter:invert(.8832)}&:focus{z-index:1;outline:1px solid var(--shades-medium);outline-offset:4px;box-shadow:0 0 calc((3 / 4) * var(--padding)) var(--shades-medium);background-size:calc(100% - 8px)}}}}.editor{flex:1}}}@scope (#nestBtn){&{cursor:pointer;font-size:.75rem;position:absolute;top:0;right:0;translate:-2rem calc(96dvh - 6rem - 100%);z-index:100;background:none;border:none;border-radius:50%;outline:none!important;padding:0;--nestBtn-shadow-direction: 1;@media not (prefers-reduced-motion:reduce){animation:bounceInTop 1.5s .5s both;transition:opacity 1s,font-size 1s,translate 1s,--nestBtn-shadow-direction 1s}&:disabled{cursor:not-allowed;filter:brightness(.5);color:var(--shades-black);>div:hover{scale:unset}}&:focus{box-shadow:0 0 calc((3 / 4) * var(--padding)) var(--shades-lighter);>div{outline:1px solid var(--shades-medium)!important}}>div{border-radius:inherit;padding:1.5em;aspect-ratio:1 / 1;font-family:Poppins,Poppins Fallback,Calibri,sans-serif;font-weight:500;text-align:center;align-content:center;transform-origin:bottom right;@media not (prefers-reduced-motion:reduce){transition:scale .5s,background-color 1s}background-color:var(--pri-colour-lighter);box-shadow:inset 0 0 1em 0 var(--shades-black);&:hover{scale:1.333;background-color:var(--shades-white)}&:before{content:"Nest!"}}>span{position:absolute;inset:1em;opacity:0;z-index:-1;border-radius:inherit;animation:shadowRotate 3s infinite both paused;@media not (prefers-reduced-motion:reduce){transition:inset .5s,opacity 2s,background-color 2s;animation-play-state:running}:is(#nestBtn:not(:disabled):has(>div:hover)>&){inset:.5em;opacity:1}&:nth-of-type(1){background-color:rgb(from var(--pri-colour-medium) r g b / var(--opacity-medium));animation-delay:0s}&:nth-of-type(2){background-color:rgb(from var(--sec-colour-medium) r g b / var(--opacity-medium));animation-delay:-1s}&: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}}&[hidden]>span{animation-play-state:paused}}}@scope (#siteWrapper > main:not(.nesting)){#mainContent{gap:var(--padding);>#textSide{animation:revealText 2s cubic-bezier(1,0,.5,1) both}>#editorSide{flex-shrink:0;width:calc(var(--single-editor-width));animation:slideEditor 2s cubic-bezier(1,0,.5,1) both;@media(prefers-reduced-motion:reduce){animation:none}}>#editorSide>#codeEditor{>.editorWrapper{&:first-child{display:block;padding:var(--padding);padding-left:0;border-left:.0625rem 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%);&,>.editorGroup{max-width:100%}}&:last-child{translate:var(--padding);padding-block:var(--padding);margin-right:-3.25rem;width:0;opacity:0}}>:last-child{display:none}}}}@scope (#siteWrapper:has(> main.nesting)){>main{height:100dvh;+article,+article section{top:100dvh;height:0;gap:0;opacity:0;transition:gap 1s 1s,height 1s 1s,opacity 1s,top 1s;pointer-events:none}+article{top:0dvh}#mainSettings{min-width:calc((58.441558ch * 1.232));margin-right:var(--padding)}#mainContent{>#textSide{width:0%;opacity:0;padding:0}>#editorSide{width:100%;align-content:center;+#nestBtn{font-size:.75rem;translate:0% 0%;--nestBtn-shadow-direction: -1;>div{transform-origin:top right;&:before{content:"Home"}}}>#codeEditor{align-items:center;margin-left:auto;width:calc(100vw - (5 * var(--padding)) - (58.441558ch * 1.232));max-width:100%;max-height:100%;aspect-ratio:var(--total-width) / 7;animation:moveLeft 2s cubic-bezier(1,0,.5,1) both;@media(prefers-reduced-motion:reduce){animation:none;translate:calc(0% - var(--padding))}#editorGap{height:100%;aspect-ratio:var(--gutter-width) / 6.625}.editorWrapper{height:calc(100% - (2 * var(--padding)))}.editorWrapper#inputEditorWrapper>#shadowEditorsWrapper>.shadowEditorWrapper{translate:0!important;opacity:0!important;@media not (prefers-reduced-motion:reduce){transition:2s}}}}}}}@scope (#reducingBoilerplateCode){&{>a{margin:0;position:absolute;top:.75em;right:0;color:var(--shades-white);text-decoration:none;text-transform:uppercase;line-height:100%;font-family:Poppins,Poppins Fallback,Calibri,sans-serif;font-weight:500;font-size:2em;display:flex;align-items:center;gap:1ch;&:after{position:relative;content:"";height:.125em;width:6em;background:var(--shades-white)}}>#repeatingText{margin:0;position:absolute;top:8em;left:4em;cursor:text;color:var(--shades-white);font-family:Poppins,Poppins Fallback,Calibri,sans-serif;font-weight:300;font-size:2em;width:52ch;.repeat{pointer-events:none;mask-image:linear-gradient(transparent,var(--shades-black) 75%);position:relative;padding:3lh 0 .04lh;&:before{content:attr(data-text) "\a" attr(data-text) "\a" attr(data-text) "\a" attr(data-text);inset:0;z-index:-1;position:absolute;color:rgb(from var(--shades-white) r g b / .5);@media not (prefers-reduced-motion:reduce){animation:repeatText 2s linear infinite}}&[hidden]:before{animation-play-state:paused}}}>#parallaxText{position:absolute;bottom:calc(4em / 3);right:calc(4em / 3);color:var(--shades-white);text-transform:uppercase;letter-spacing:calc(1em / 6);font-family:Orelo Semi Expanded,sans-serif;font-size:6em;height:3lh;width:fit-content;display:flex;flex-direction:column;>span{cursor:text;height:1lh;overflow:hidden;line-height:100%;text-shadow:0 1lh;>p{margin:0;display:inline-block;vertical-align:middle;translate:0 -1lh}@media not (prefers-reduced-motion:reduce){@supports (animation-range: normal){animation:swapText linear 1ms;animation-timeline:view();animation-range-start:cover -.5lh;&:nth-child(1){animation-range-end:contain calc(min(100dvh,1600px) - 1lh)}&:nth-child(2){animation-range-end:contain calc(min(100dvh,1600px) - .5lh)}&:nth-child(3){animation-range-end:contain calc(min(100dvh,1600px) + -0lh)}}}&:nth-child(1){margin-left:.5ch;text-align:left}&:nth-child(2){text-align:center}&:nth-child(3){margin-right:.5ch;text-align:right}}}}}@scope (#easierMaintenance){&{>#mergingText{position:absolute;top:.8em;left:50%;translate:-50%;color:var(--shades-white);text-align:center;text-transform:capitalize;letter-spacing:.25ch;font-family:Orelo Semi Expanded,sans-serif;font-weight:400;font-size:5em;display:flex;flex-direction:column;>span{cursor:text;height:1lh;line-height:100%;overflow:hidden;position:relative;@media not (prefers-reduced-motion:reduce){@supports (animation-range: normal){padding-top:1lh;&:first-child{text-shadow:0 .5lh;animation:showText linear forwards 1ms;animation-timeline:view();animation-range-start:cover calc(min(50dvh,800px) - 1lh);animation-range-end:cover calc(min(100dvh,1600px) - 3.15lh)}&:last-child{text-shadow:0 -2lh;animation:showText linear forwards 1ms;animation-timeline:view();animation-range-start:cover calc(min(50dvh,800px) - 1lh);animation-range-end:cover calc(min(100dvh,1600px) - 3.15lh)}}}}}>#changingText{position:absolute;right:5vw;bottom:6em;color:var(--shades-white);font-family:Poppins,Poppins Fallback,Calibri,sans-serif;font-weight:300;font-size:2em;width:56ch;text-align:right;@media not (prefers-reduced-motion:reduce){@supports (animation-range: normal){animation:slideDown linear both 1ms;animation-timeline:view();animation-range-start:cover -20lh;animation-range-end:contain 5lh}}s{text-decoration:none;font-size:.75em;color:var(--red-colour-medium);position:relative;display:inline-flex;clip-path:inset(0);&:nth-child(1){--animation-delay: -1s}&:nth-child(3){--animation-delay: 0s}&:nth-child(5){--animation-delay: -1.5s}&:before{position:absolute;content:"";width:100%;height:.1em;background:color-mix(in oklch,currentColor,var(--shades-white) 25%);top:50%;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%);@media(prefers-reduced-motion:reduce){animation:none}}+b{text-decoration:none;font-weight:700;color:oklch(from var(--red-colour-medium) l c calc(h + 135))}&[hidden]:before{animation-play-state:paused}}}}}@scope (#improvedCodeReadability){&{>#backgroundText{margin:0;color:var(--shades-white);contain:layout;pointer-events:none;font-size:20em;line-height:100%;font-family:Orelo Semi Condensed,sans-serif;text-transform:capitalize;letter-spacing:.0025em;display:flex;flex-direction:column;position:relative;z-index:1;span{translate:-4ch;padding:0 .1em;width:100%;color:rgb(from var(--shades-white) r g b / var(--opacity-low));position:relative;&:first-child,&:last-child{text-align:right;translate:10ch;&:last-child{color:rgb(from var(--shades-white) r g b / var(--opacity-high))}}animation:slideIn 1s linear paused;animation-delay:-.5s;animation-timeline:unset;@media not (prefers-reduced-motion:reduce){@supports (animation-range: normal){animation:slideIn ease-out forwards 1ms;animation-timeline:view();animation-range-start:cover -.5lh;animation-range-end:cover 4.5lh;&:first-child{animation-range-start:cover 0lh;animation-range-end:cover 5lh}&:last-child{animation-range-start:cover -1.5lh;animation-range-end:cover 4lh}}}}}>#visibleText{position:absolute;z-index:1;right:7.5vw;bottom:10em;color:var(--shades-white);font-family:Poppins,Poppins Fallback,Calibri,sans-serif;font-weight:300;font-size:2em;line-height:1.5em;width:50ch;translate:0 -1lh;@media not (prefers-reduced-motion:reduce){@supports (animation-range: normal){animation:boostUp linear both 1ms,slideUp linear both 1ms;animation-range:cover 16em,cover;animation-timeline:view(),view();animation-composition:add}}u{color:var(--shades-white);b{font-size:1.25em;transition:color .5s;&:hover{color:var(--pri-colour-lightest)}>span{transition:.125s;&:hover{color:var(--shades-white)}}}}}}}@scope (#groupingStylesTogether){&{align-content:center;>#groupedText{position:absolute;bottom:67%;left:10vw;color:var(--shades-white);margin:0;letter-spacing:.25rem;font-family:Orelo Semi Expanded,sans-serif;font-weight:400;font-size:2em;padding:1.5em 2em;display:inline-block;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));&:before,&:after{border:inherit;padding:inherit;background:inherit;pointer-events:none;position:absolute;content:attr(data-text);inset:-.25rem;@media not (prefers-reduced-motion:reduce){animation:10s linear both infinite 5s}}&:before{z-index:-1;animation-name:changeCard,changeCardBefore}&:after{z-index:1;animation-name:changeCard,changeCardAfter}:is(body[hidden] &){&:before,&:after{animation-play-state:paused}}}>#miniEditor{position:relative;margin-left:auto;margin-right:7.5vw;font-family:Fira Code,monospace;font-size:2em;line-height:1em;gap:3ch;width:fit-content;color:var(--shades-white);@supports (animation-range: normal){animation:viewed linear;animation-timeline:view();animation-range-start:contain;animation-range-end:cover calc(0% + 5lh);div :is(>div,span){--charIndex: -1;animation:slideInLines linear forwards;animation-timeline:view();animation-range-start:cover 0%;animation-range-end:cover 5lh}}>.visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;word-wrap:normal}>.visual-presentation{display:flex;gap:3ch;>#lineNumbers{width:2ch;opacity:.25;font-family:inherit;text-align:right}>pre{opacity:.75;font-family:inherit;letter-spacing:.2em;margin:0;--maxLines: 20;--activeLine: 1;--intensityPos: 100%;>code>div{padding-right:5ch;&:first-child{position:relative;&:before{position:absolute;content:"";top:0;right:0;height:100%;width:calc(100% + 5ch);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;translate:0 calc((clamp(1,var(--activeLine),var(--maxLines)) - 1)*1lh);transition:.5s ease}}span{display:inline-block}}}}@media(prefers-reduced-motion:reduce){animation:none;transition:none;div :is(>div,span){animation:none}>.visual-presentation>pre>code>div:first-child:before{transition:none}}}}}@scope (#mechanicsOfNesting){&{contain:size layout;display:flex;&:has(.hover-animation){touch-action:none;&:has(>:not(#backToStart):hover){@media not (prefers-reduced-motion:reduce){cursor:none}>#nycssCursor{scale:.25;animation-duration:1.5s}}>#nycssCursor{opacity:1;animation:rotate 12.5s linear infinite}}>#nycssCursor{opacity:0;pointer-events:none;position:absolute;z-index:999;background-color:rgb(from var(--pri-colour-lightest) r g b / var(--opacity-low));border-radius:50%;aspect-ratio:1 / 1;font-size:10em;padding:.0625em;height:auto;width:1em;translate:calc(50vw - 50%) calc(50vh - 50%);transition:opacity 1s .1s,scale .5s;@media(prefers-reduced-motion:reduce){display:none}:is(:has(.hover-animation):has(>&):hover &){will-change:transform}&[hidden]{animation-play-state:paused}}>#splittingText{position:absolute;top:4lh;right:8ch;user-select:none;color:transparent;font-family:Poppins,Poppins Fallback,Calibri,sans-serif;font-weight:300;font-size:1.75rem;height:4lh;width:60ch;text-align:justify;text-align-last:left;column-count:2;gap:6ch;word-spacing:.3ch;@media(prefers-reduced-motion:reduce){color:var(--shades-white);user-select:unset;>a:hover{text-decoration:underline}}@supports (animation-range: normal){animation:unblur ease-out both 1ms;animation-timeline:view();animation-range:cover contain min(50dvh,800px)}&:before,&:after{color:var(--shades-white);position:absolute;inset:0;column-count:inherit;gap:inherit;@media not (prefers-reduced-motion:reduce){content:attr(data-text);animation:widenGap 3s ease-in-out infinite alternate backwards}}&:before{clip-path:inset(0 50% 0 0);transform-origin:left}&:after{clip-path:inset(0 0 0 50%);transform-origin:right}&[hidden]{&:before,&:after{animation-play-state:paused}}>a{color:inherit}}>#strechingText{position:absolute;top:calc(4em / 3);left:calc(8em / 3);color:var(--shades-white);line-height:200%;font-family:Orelo Semi Condensed;font-weight:600;font-size:3em;scale:1;@media not (prefers-reduced-motion:reduce){@supports (animation-range: normal){animation:moveDown linear both 1ms;animation-timeline:view();animation-range-start:cover -2lh;animation-range-end:cover 2lh}}>span{display:inline-block;@media(prefers-reduced-motion:reduce){transition:0s 1s}@media not (prefers-reduced-motion:reduce){transition:1s 0s}&:hover{scale:1 2;transition:0s}}}>#nestingText{position:absolute;bottom:1.6em;right:calc(24em / 5);color:var(--shades-white);font-size:5em;contain:layout;>*{margin:0;white-space:nowrap}>h3{font-size:1em;font-weight:900;font-family:Poppins,Poppins Fallback,Calibri,sans-serif;@media not (prefers-reduced-motion:reduce){@supports (animation-range: normal){animation:moveDown linear both 1ms;animation-timeline:view();animation-range-start:cover -2lh;animation-range-end:cover 2lh}transition:scale 1s,text-shadow 1s}&:hover{scale:1.1;text-shadow:0 -.1lh .2em var(--shades-black)}}>p{position:absolute;z-index:-1;top:0;left:0;line-height:1em;font-size:1.125em;font-weight:600;letter-spacing:-.05em;font-family:Orelo Expanded;color:rgb(from var(--shades-white) r g b / var(--opacity-medium));translate:-.96ch -.31em;opacity:1;@media not (prefers-reduced-motion:reduce){@supports (animation-range: normal){translate:0;opacity:0;animation:fadeUp linear both 1ms;animation-timeline:view();animation-range-start:cover;animation-range-end:cover calc(1lh + 1.98em)}}}a{color:unset;text-decoration:unset}}>#nycssLogoGroup{user-select:none;align-self:flex-end;contain:layout;display:inline-flex;flex-direction:column;margin-left:8vw;margin-bottom:8vw;position:relative;z-index:1;>*{pointer-events:none}>img{height:16em;width:auto;aspect-ratio:1 / 1}img#nycssLogo:not([hidden]){--shadow-color: #1474b833;--shadow-distance: 1.5em;--shadow-blur: .25em;filter:drop-shadow(0 calc(-1 * var(--shadow-distance)) var(--shadow-blur) var(--shadow-color));:hover>&{--shadow-color: #26a2d933;--shadow-distance: 1.5em;--shadow-blur: .5em}}>img#nycssNest{color:transparent;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%)}>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:1s;&.main-animation{animation:fall linear 1ms;animation-timeline:scroll(nearest)}&.idle-animation{animation:fall linear 1ms,idle 2.5s infinite alternate;animation-timeline:scroll(nearest),auto;animation-composition:add;&[hidden]{animation-play-state:paused}}&.hover-animation{animation:hover 2s infinite alternate;--shadow-color: #1474b833;--shadow-distance: 1.5em;&[hidden]{animation-play-state:paused}}}&:has([hidden]+.hover-animation){clip-path:inset(19.3% 1.3% 1.3% 7.3%);&:hover #nycssBadge.hover-animation{--shadow-color: #26a2d933;--shadow-distance: 2em}}}>#backToStart{position:absolute;top:0;left:0;height:100%;width:100%;&:has(~#nycssLogoGroup>img.hover-animation){display:block}}}}@media(max-aspect-ratio:1.097 / 1){@scope (#siteWrapper){>main{&.nesting{>#settingsBtn{display:flex;margin:0 auto 1rem;justify-content:center;align-items:center}#mainContent>#editorSide+#nestBtn{translate:0% calc(-100% - .5rem)}}#mainContent{border-radius:1rem}#mainSettings:not(.mobile-open),#mainContent :is(#textSide,#shadowEditorsWrapper){display:none}#mainSettings.mobile-open{display:flex!important;position:fixed;z-index:1001;top:6rem;left:2rem;right:2rem;width:calc(100% - 4rem);max-height:calc(100vh - 8rem);overflow-y:auto;padding:0;background:rgb(from var(--shades-black) r g b / .5);margin-right:0;min-width:0;>section{border-radius:2rem;padding:1.25rem;display:flex;position:relative;flex-direction:column;gap:1.25rem;box-shadow:0 0 4px 2px #ffffff0d inset;background:rgb(from var(--pri-colour-m-darker) r g b / .25);min-width:0;&:before{content:"";position:absolute;inset:0;border-radius:inherit;backdrop-filter:blur(25px) saturate(100%) brightness(1.5);z-index:-1}>ul{--component-background: rgb(from var(--shades-black) r g b / .25);>li{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;>span{font-size:1rem}>div{width:100%}>div>:is(.dropdown,.combobox):focus-within>input:checked~ul{--component-background: rgb(from var(--shades-black) r g b / .75)}}}>:has(>table){--table-background: color-mix( in srgb, var(--pri-colour-em-darker), var(--shades-black) );--track-colour: color-mix( in srgb, var(--pri-colour-em-darker), var(--shades-black) )}}>nav{display:none}}#editorSide{animation:none!important;width:calc(var(--single-editor-width));#codeEditor{max-width:100%;justify-content:left;>.editorWrapper{max-width:inherit}}}}>article{font-size:clamp(1.1px,1.15dvw,22.5px);>section{contain:size;position:relative;height:min(100dvh,1600px);&#reducingBoilerplateCode>a{font-size:5vw}>#repeatingText{font-size:2.5vw;top:50%;translate:0 calc(-50% - 7.5em)}>#parallaxText{font-size:2.5vw;bottom:50%;translate:0 calc(-50% + 6em)}>#mergingText{font-size:8vw;top:calc(4em / 3)}>#changingText{font-size:2.5vw;bottom:16vw;translate:0 calc(-50% + 5em)}>#backgroundText{font-size:20vw;top:50%;translate:0 -50%}>#visibleText{font-size:2.5vw;top:50%;translate:0 -25%}>#groupedText{font-size:5vw;top:calc(50% - 50vw);bottom:auto;translate:0 -50%;height:fit-content}>#miniEditor{font-size:2.5vw}>#splittingText{font-size:2.1vw;top:50%;translate:0 calc(-50% - 12.5em)}>#strechingText{font-size:7.5vw;top:64rem;translate:0 calc(-50% - 12.5em);animation:none}>#nestingText{font-size:4vw;bottom:4em}>#nycssLogoGroup{font-size:2vw}}}@scope (& > main:not(.nesting)){#mainContent#mainContent{justify-content:center;>#editorSide>#codeEditor{margin:0 auto;>#inputEditorWrapper{border:none;border-radius:1rem;background:none;padding:0}>#outputEditorWrapper>.editorGroup{opacity:0}}}}@scope (& > main.nesting){#mainContent{min-width:100%;transition:unset;>#editorSide#editorSide#editorSide{>#codeEditor{height:100%;width:100%;animation:none;flex-direction:column;#editorGap{height:var(--padding);aspect-ratio:auto;flex:none}.editorWrapper{flex:1}.editorGroup{aspect-ratio:auto}.editor{height:100%;width:100%;aspect-ratio:auto}}}}}}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-contrast:more){html{background-color:#000!important;color:#fff!important}a{color:#8cf!important}button:not([disabled]),input,select,textarea{border:1px solid #fff!important}}@layer ui-base{:root{--component-background: #161616;--component-background-accent-light: #484848;--component-background-accent-dark: #222222;--component-background-selected: linear-gradient(to right, var(--component-background-accent-light), var(--component-background-accent-dark));--component-box-shadow-selected: inset 0 1px oklch(100% none none / .25);--component-box-shadow-focused: 0 0 1.5em #aeaeae;--component-text-accent: #484848;--component-text-hover: #aeaeae;--component-gap: .5rem}nycss-dropdown,nycss-combobox{user-select:none;display:inline-flex;flex-direction:column;width:auto;margin:0;text-align:left;box-sizing:content-box;position:relative}nycss-dropdown>input[type=checkbox],nycss-combobox>input[type=checkbox]{appearance:none;position:absolute;margin:0}nycss-dropdown>output,nycss-combobox>output{outline:none!important;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;overflow:clip;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;padding-right:calc(1rem + 2ch)}nycss-dropdown[disabled],nycss-dropdown[disabled] *{cursor:not-allowed}nycss-dropdown[disabled]{opacity:.5}nycss-dropdown:not([disabled])>output:hover,nycss-combobox:not([disabled])>output:hover{color:var(--component-text-hover)}nycss-dropdown>input:checked+output,nycss-combobox>input:checked+output{border-radius:1rem 1rem 0 0}nycss-dropdown>ul,nycss-combobox>ul{list-style:none;margin:0;padding:0}nycss-dropdown>input:checked~ul,nycss-combobox>input:checked~ul{position:absolute;z-index:999;top:100%;width:100%;display:flex;margin:0;margin-top:.25rem;padding:1em;gap:.5em;flex-direction:column;background:var(--component-background);border-bottom-left-radius:1rem;border-bottom-right-radius:1rem;box-shadow:0 10px 10px 2.5px rgb(from #000 r g b / .5)}nycss-dropdown>ul>li,nycss-combobox>ul>li{overflow:hidden;text-overflow:ellipsis;outline:none!important}nycss-dropdown:not([disabled])>ul>li:hover,nycss-combobox:not([disabled])>ul>li:hover{color:var(--component-text-hover);cursor:pointer}nycss-dropdown>ul>li:focus,nycss-combobox>ul>li:focus{color:var(--component-text-hover)}nycss-dropdown:has(:focus)>output{z-index:1;box-shadow:var(--component-box-shadow-focused)}nycss-combobox:has(:is(input,output>div,ul>li):focus)>output{z-index:1;box-shadow:var(--component-box-shadow-focused)}nycss-combobox>output>div{cursor:auto;overflow:hidden;text-overflow:ellipsis;outline:none!important}nycss-combobox>output>div:focus{overflow-x:scroll;scrollbar-width:none;text-overflow:clip}nycss-combobox>output>div:not(:focus):empty{align-content:center;font-size:75%;padding:.25em 0}nycss-combobox>output>div:not(:focus):empty:before{pointer-events:none;content:attr(placeholder);color:var(--component-text-accent)}nycss-combobox:not([disabled])>output:hover>div:not(:focus):empty:before{color:var(--component-text-hover)}nycss-toggle{outline:none!important;user-select:none;position:relative;display:grid;grid-template-columns:repeat(2,1fr);border-radius:1rem;background:var(--component-background)}nycss-toggle:before{position:absolute;content:"";height:100%;left:0%;width:50%;border-radius:inherit;background:var(--component-background-selected);box-shadow:var(--component-box-shadow-selected);z-index:0;@media not (prefers-reduced-motion:reduce){transition:.25s}}nycss-toggle:has(:checked):before{left:50%}nycss-toggle:has(input:focus,input:active){z-index:1;box-shadow:var(--component-box-shadow-focused)}nycss-toggle>input{appearance:none;position:absolute;margin:0}nycss-toggle>span{position:relative;cursor:pointer;padding:1rem 2.5ch;text-align:center;align-content:center}nycss-toggle:not([disabled])>span:hover{color:var(--component-text-hover)}nycss-toggle[disabled],nycss-toggle[disabled] *{cursor:not-allowed}nycss-toggle[disabled]{opacity:.5}nycss-stepper{display:flex;user-select:none;position:relative;width:fit-content;border:none;padding:1rem;gap:var(--component-gap);background:var(--component-background);border-radius:1rem;justify-content:center}nycss-stepper:not([disabled]):hover{color:var(--component-text-hover)}nycss-stepper:not([disabled]):has(input:focus,input:active){z-index:1;box-shadow:var(--component-box-shadow-focused)}nycss-stepper>output{display:flex;align-items:center}nycss-stepper>output>input{cursor:auto;display:inline-block;outline:none!important;&:disabled{cursor:not-allowed}}nycss-stepper>output>input[type=text]{appearance:none;background:inherit;border:inherit;color:inherit;font:inherit;overflow:visible!important;overflow-wrap:break-word;text-align:inherit}nycss-stepper>output>input~div{position:absolute;width:1ch;top:50%;right:1rem;translate:0 -50%;display:flex;flex-direction:column;gap:.25em}nycss-stepper svg{cursor:pointer;width:1ch;fill:var(--component-text-accent)}nycss-stepper[disabled],nycss-stepper[disabled] *{cursor:not-allowed}nycss-stepper[disabled]{opacity:.5}nycss-radio-group{user-select:none;display:flex;gap:var(--component-gap)}nycss-radio-group>label{outline:none!important;flex:1;cursor:pointer;padding:1rem;text-align:center;align-content:center;border-radius:1rem;--top-colour: var(--component-background-accent-light);--bottom-colour: var(--component-background-accent-dark);background:linear-gradient(to bottom,var(--top-colour),var(--bottom-colour) 45%,transparent 55%) 0% 100% / 100% 210% no-repeat,var(--component-background);@media not (prefers-reduced-motion:reduce){transition:background-position .125s ease-out}}nycss-radio-group>label:has(:checked){box-shadow:var(--component-box-shadow-selected);background-position:0% 0%}nycss-radio-group:not([disabled])>label:hover{color:var(--component-text-hover)}nycss-radio-group>label:has(>input:focus){z-index:1;box-shadow:var(--component-box-shadow-focused)}nycss-radio-group>label>input{appearance:none;position:absolute;margin:0}nycss-radio-group>label:has(:disabled){&,&:hover{--shades-true-darkest: color-mix( in srgb, #000, var(--component-background) );background:linear-gradient(to bottom,#000,var(--shades-true-darkest));box-shadow:inset 0 -.0625rem var(--component-background);color:var(--component-text, #717171);cursor:not-allowed}}}