@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 wordSlideOut{0%,to{translate:0 0}30%,70%{translate:0 100%}}@keyframes wordSlideIn{0%,to{translate:0 -100%}30%,70%{translate:0 0}}@keyframes mergeFromBottom{to{translate:0 0}}@keyframes mergeFromTop{to{translate:0 0}}@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%{opacity:0}50%,75%{translate:0}62.5%{opacity:1}}@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 slideEditor{0%{translate:calc(-100cqw + 100%)}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);translate:0 -500px;animation-timing-function:ease-in}38%{filter:opacity(1);translate:0 0;animation-timing-function:ease-out}55%{translate:0 -65px;animation-timing-function:ease-in}72%{translate:0 0;animation-timing-function:ease-out}81%{translate:0 -28px;animation-timing-function:ease-in}90%{translate:0 0;animation-timing-function:ease-out}95%{translate:0 -8px;animation-timing-function:ease-in}to{translate:0 0;animation-timing-function:ease-out}}@keyframes slideInLeft{0%{translate:-64rem}to{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-BZPlUmhR.woff2) format("woff2");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-BdNos0Ah.woff2) format("woff2");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-BMJk31Cb.woff2) format("woff2");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-DJLcLIw-.woff2) format("woff2");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-DsWlPOUe.woff2) format("woff2");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-CiOp1wTW.woff2) format("woff2");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-B2ZLDkYT.woff2) format("woff2");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-qPbj5cSb.woff2) format("woff2");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-BwSnWtDf.woff2) format("woff2");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-CmnWw8_J.woff2) format("woff2");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-CIaKJvnh.woff2) format("woff2");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-CILUupcR.woff2) format("woff2");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-H89JIcIz.woff2) format("woff2");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-lvZw9Kv8.woff2) format("woff2");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-DaC8b4l1.woff2) format("woff2");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-vTIl9iNU.woff2) format("woff2");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-BjLFAybY.woff2) format("woff2");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-BTMpIZVj.woff2) format("woff2");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-KeA28ud8.woff2) format("woff2")}@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-D8hUtSsZ.woff2) format("woff2")}@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-a_FswZDc.woff2) format("woff2")}@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-Mby8eelC.woff2) format("woff2")}@font-face{font-family:Fira Code;font-weight:400;font-display:swap;src:url(/assets/firacode-regular-cyrillicext-Ca0hEyO0.woff2) format("woff2");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-D2B5Re0Y.woff2) format("woff2");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-hGxb3yao.woff2) format("woff2");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-BCV1macT.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Fira Code;font-weight:400;font-display:swap;src:url(/assets/firacode-regular-latinext-C6L-57y7.woff2) format("woff2");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-0EG0c0Tn.woff2) format("woff2");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:Fira Code;font-weight:700;font-display:swap;src:url(/assets/firacode-bold-cyrillicext-DoLWcase.woff2) format("woff2");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:700;font-display:swap;src:url(/assets/firacode-bold-cyrillic-BzkQsJe8.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Fira Code;font-weight:700;font-display:swap;src:url(/assets/firacode-bold-greek-Dxn_KKZg.woff2) format("woff2");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:700;font-display:swap;src:url(/assets/firacode-bold-greekext-DcoM8WV0.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Fira Code;font-weight:700;font-display:swap;src:url(/assets/firacode-bold-latinext-HGNx6xyT.woff2) format("woff2");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:700;font-display:swap;src:url(/assets/firacode-bold-latin-aa0XcSUK.woff2) format("woff2");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-BhtElBXf.woff2) format("woff2");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-DYrZjrGE.woff2) format("woff2");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/woff2;base64,d09GMgABAAAAAATkAA0AAAAAC1AAAASMAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGiQGYACCehEICoZIhRgLJAABNgIkA0IEIAWHCgeBGBuXCSAeg23z6cgnSQ7NtyuPNGdna0jiof/9nv2eORcRlUzy9qjWSN6IoskjyeybV00s7v+fZ38zUKbzqVLz+l0lAzmp8HqS1y96sTTXxBZcjRgDLl11kcXw/zmWeokFmN+O8J6fRwFFpkbEqmmNs3lbBxVgNMiAo3BiexObguwulZf5BBHwedPhX4BvXl+/CPjm88u/BVqjN5BSE02EZloIFRJVbqd2aUKeye0AVsVZsRdQMHV5W5Ayy2Z+xZUF8FSb6q/y5etbypcw9gfq2g8fyKH5Bv1RKCjojQJHpQr0lmY70NFIqVIb/bFOeRZZ3az+qoeBiTeqP19S/X/9rb5f++ulddP+Xf0KoKR00ZQgTCQKToLKf9BEymhTDDZz21HXEnQAGAh0A34lFgGAzgAFQKIoQhSKPakqpXkLVSVDbdp1alviat8im3/vStKqSZvqoCT9cCSX3kd357TkNHXSLWdedL3wtj829c5Wuglf5pst76NV4xF99kXRCVqVnXT74ePjDl6b0km3pTRTPUjG4XHjJhy8hLq7gGviVOX0h7PvZOPt261bX0a01Hi3k6ZOvz/z1k91iCQixJLpHQ3UVnVL2cmuTFs6uqm/x4688825z3vyjXb3sGG+EdCjT6euv95lufM+uwQruTzt0/Co5qlT5QCHKs7kuHmhrVx8az1bRmbu2lbLlmqGtboRmmUshC3ePt6zy3D5dbduXy6fN3QDR+1g6O69u0N2L4wuvLRiYtbE7vHLARLtBEvvGdWCxwm+PB/C9zG2R2dRTzdiauzOQmb9n/XzXYWutj+EcRYsCFswEMmqvQj1sPtZ1O1Ps2qPzdbFHGBsPccn212FjOafhnEXuv//G+QGzPb5pgt7xtdmkX5YJ+m2SDVMPzY0b7Dj/8dQ5ttWBsfz8kAgp1Zbjmyv6B3h+C+LLn+uxMKD6qqcVTuR5jUgWOWk5HaAr5NrmAQlPax9tkEHINYA5HaLREjAIqQC6UB2GNqhTwPeOifQgVwqSITA/A7t46EA7HWzFELbmAWpWeyEom+cgkrX+A5NtMn+0FSX7Ni/rV55SRFVCzyEQOgd0yC1jZVQzA4eKqPjFjTRM9OgqZFpvlhbUzMBhbCExQQhAUGEFGLlbqkmEOn7G1TwIQoIOCFxIqlqWBwmVUeAhfl4EFKsJCIIE4iktIIIIkE0n4VFQAgRlMQz88BiLLxdWNnpcTqwAZQcJ7b+OxBvhY/c71wgSqtxHB9myW9s7KX9XWFTIBRbk/xmX9lUixJJ48PXwZD3AR3bH2Ajn4CkKI4AXiD4mgJMZIbky2dXoYB9sPo0tWjxiWNRfr69osDedwZT+zsxbdpsX1ujR9ke5NaoQBRqtqe0p/VwqkPaK0MGPd+Bfm57ZvCKPLNfdgIhMveIN8o8+2wUYFGrRBWYcvJ/cPWKoei+Y3ZtSRVASlnWPsjldABCRioGR6rnUUWTaBrNornZkR0to1UuashMxkNWK2vNYHnBt8CH+GeyxYWYElzx3OfPSw9wsRiXx3mSxPfXJpLfN9HkVvfarLPLAQAAAA==) format("woff2");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-BGaekmyK.woff2) format("woff2");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-B_Zy6KTK.woff2) format("woff2");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-CWXRg6Jq.woff2) format("woff2");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-CXHj4gE5.woff2) format("woff2");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-Buiy3lDW.woff2) format("woff2");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-BP-6xkcy.woff2) format("woff2");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-pPSQRNO1.woff2) format("woff2");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-CK9S3SBm.woff2) format("woff2");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-MlAjHcVF.woff2) format("woff2");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[hidden],#mainSettings>nav>a>figure.inner-cursor[hidden],#repeatingText span.repeat[hidden],#changingText s[hidden],#groupedText[hidden],#nycssCursor[hidden],#splittingText[hidden]{display:revert!important}html{background-color:color-mix(in srgb,#000 50%,var(--sec-colour-darkest));overflow:hidden}html ::-webkit-scrollbar{width:0}@media(forced-colors:active){html ::-webkit-scrollbar{width:auto}}body{visibility:visible;opacity:1;margin:0;height:100dvh;background-color:var(--shades-black)}body>.skip-to-section{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;font-size:1rem}body>.skip-to-section: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}body>a.skip-to-section:has(~#siteWrapper>main.nesting){display:none}}@scope (#siteWrapper){:scope{margin:0 auto;width:clamp(0px,100%,3200px);height:100dvh;contain:paint;overflow:hidden auto;animation:lightenBackgroundColour linear 1ms;animation-timeline:scroll(self)}:scope:has(>.nesting){overflow:hidden}:scope>main{--padding: 2rem;display:flex;flex-direction:column;height:96dvh;width:100%;padding:var(--padding)}@media not (prefers-reduced-motion:reduce){:scope>main{transition:height 1s}}:scope>main>#settingsBtn{display:none}:scope>main .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%}:scope>main .header-btn:hover{filter:brightness(1.2);transform:translateY(-2px)}:scope>main .header-btn.vibrant{--top-colour: var(--sec-colour-m-darker);--bottom-colour: var(--pri-colour-darkest);background-position:0% 0%}:scope>main>#mainWrapper{height:100%;width:100%;display:flex;justify-content:flex-end}:scope>article{position:relative;top:0;font-size:1rem;display:flex;flex-direction:column;gap:min(50dvh,800px)}:scope>article>section{contain:size;position:relative;height:min(100dvh,1600px);font-size:clamp(.5rem,16px,1.5rem)}:scope>article>section>p a{text-decoration:none;color:color-mix(in srgb,var(--shades-white) 50%,var(--pri-colour-darker));transition:color 0s}: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{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){:scope{transition:margin-right 2s,min-width 2s}}:scope>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}:scope>section>h2{margin:0;font-size:1.25rem;font-weight:400;color:var(--shades-medium)}}@scope (#mainSettings > section > ul){:scope{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)}:scope>li{display:grid;grid-template-columns:repeat(10,1fr)}:scope>li>span{cursor:auto;grid-column:span 3;align-content:center;font-size:1.125rem;font-weight:300;color:var(--component-text)}:scope>li>span>p{margin:0;font-size:.625rem;color:var(--shades-m-darker)}:scope>li>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}:scope>li>div>:first-child{flex:1}:scope>li>div>#externalCss{max-width:100%}:scope>li>div>#fontsizes{width:auto;margin:0;flex:0}:scope>li>div>#indentationSize{flex:0;display:flex;align-items:center;gap:var(--component-gap)}:scope>li>div>nycss-radio-group.button>label{--top-colour: var(--sec-colour-m-darker);--bottom-colour: var(--pri-colour-darkest)}}@scope (#mainSettings > section > :has(> table)){:scope{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;--track-colour: var(--panel-background);--thumbnail-colour: var(--shades-m-darker);--scrollbar-padding: 4px;--scrollbar-width: 12px}:scope>table{width:100%;font-size:.75rem;color:var(--shades-medium)}:scope>table>colgroup>col:last-child{width:0}:scope>table>thead tr:first-child th{font-weight:400;color:var(--shades-darker)}:scope>table>thead tr:first-child th:first-child{text-align:left}:scope>table>thead tr:last-child th{font-weight:400;color:var(--shades-m-darker)}: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}@supports selector(::-webkit-scrollbar){:scope::-webkit-scrollbar{width:var(--scrollbar-width);height:var(--scrollbar-width)}:scope::-webkit-scrollbar-thumb{background:var(--thumbnail-colour);border-radius:999px;border:var(--scrollbar-padding) solid transparent;background-clip:padding-box}: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{display:inline-flex;padding:0 4ch;justify-content:space-evenly;margin:0}:scope>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){:scope>a:not([aria-disabled=true]):hover>figure{background:rgb(from var(--shades-white) r g b / .5)}}:scope>a:nth-of-type(1)>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:nth-of-type(6)>figure{clip-path:url(#iconGoToQuickly)}:scope>a>*{border-radius:inherit;height:100%;width:100%}:scope>a>figure{margin:0;container-type:size;background:rgb(from var(--shades-white) r g b / .25)}:scope>a>figure>svg{contain:size}:scope>a>figure>svg>clipPath{scale:.012;translate:-7cqw -11cqh}: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;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){:scope>a:not([aria-disabled=true])>figure.inner-cursor:after{animation:blink 3s infinite alternate-reverse}}:scope>a:not([aria-disabled=true]):focus{z-index:1;outline:1px solid var(--shades-darker)!important;box-shadow:0 0 calc((3 / 4) * var(--padding)) var(--shades-medium)}: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);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){:scope{animation:scaleDown linear 1ms;animation-timeline:view();animation-range-start:contain 100%;animation-range-end:cover 100%}}}@scope (#textSide){:scope{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){:scope{transition:width 2s,opacity 2s}}:scope>header{margin:2rem 2rem 0 4rem;font-size:clamp(.5rem,16px,1.5rem)}}@scope (#textSide > header > hgroup){:scope{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}:scope>*{margin:0}:scope>h1{display:inline-block;white-space:nowrap;line-height:125%;font-weight:900;font-size:6em}@media not (prefers-reduced-motion:reduce){:scope>h1{transition:opacity 3s}}:scope>h1:hover{color:var(--shades-white)}:scope>h2{line-height:125%;font-weight:200;font-size:3em;height:2lh;width:24ch;transform:translateZ(0)}@media not (prefers-reduced-motion:reduce){:scope>h2{transition:opacity 3s}}}@scope (#textSide > header > nav){:scope{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}: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);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){:scope>a{transition:opacity 3s,--button-bg var(--anim-duration-bg-out) var(--delay-icon-out-bg)}}:scope>a>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)}:scope>a>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);-webkit-background-clip:text;background-clip:text}@media not (prefers-reduced-motion:reduce){:scope>a>span{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)}}:scope>a:not([aria-disabled=true]):hover{--button-bg: var(--secondary-colour)}@media not (prefers-reduced-motion:reduce){:scope>a:not([aria-disabled=true]):hover{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{translate:1ch 0;font-size:unset;opacity:1}@media not (prefers-reduced-motion:reduce){:scope>a:not([aria-disabled=true]):hover>span{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)}}:scope>a:not([aria-disabled=true]):focus{z-index:1;outline:1px solid var(--shades-medium)!important;box-shadow:0 0 calc((3 / 4) * var(--padding)) var(--shades-lighter)}:scope>a[aria-disabled=true]{cursor:not-allowed;opacity:.5}:scope>a[aria-disabled=true] use{pointer-events:none}}@scope (#textSide > figure){:scope{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}:scope>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){:scope>figcaption{transition:opacity 3s}}:scope>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){:scope>div{animation:slideInLeft .5s 1s cubic-bezier(.25,.46,.45,.94) both;transition:.25s,opacity 3s}}:scope>div>picture{width:17.637rem;aspect-ratio:1 / 1}@media not (prefers-reduced-motion:reduce){:scope>div>picture{transition:filter .25s}}:scope>div>picture>*{cursor:pointer;height:100%;width:auto;aspect-ratio:1 / 1;object-fit:contain}: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(1)}}@scope (#editorSide){:scope{max-width:100%;--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{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,height 2s;--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){width:calc((var(--code-editor-height) - var(--vertical-padding)) * (var(--editor-width) / 7))}:scope .editorWrapper:not(.shadowEditorWrapper):is(#inputEditorWrapper,#outputEditorWrapper)#inputEditorWrapper{position:relative;border-radius:0 3rem 3rem 0;transition:opacity 1s,border-color 1s,background-color 1s,padding-right 1s}:scope .editorWrapper:not(.shadowEditorWrapper):is(#inputEditorWrapper,#outputEditorWrapper)#inputEditorWrapper>#shadowEditorsWrapper{position:absolute;top:0;right:0;bottom:0;left:0}:scope .editorWrapper:not(.shadowEditorWrapper):is(#inputEditorWrapper,#outputEditorWrapper)#inputEditorWrapper>#shadowEditorsWrapper>.shadowEditorWrapper{position:absolute;overflow:hidden;height:100%}@media not (prefers-reduced-motion:reduce){:scope .editorWrapper:not(.shadowEditorWrapper):is(#inputEditorWrapper,#outputEditorWrapper)#inputEditorWrapper>#shadowEditorsWrapper>.shadowEditorWrapper{transition:translate 2s,opacity 2s}}:scope .editorWrapper:not(.shadowEditorWrapper):is(#inputEditorWrapper,#outputEditorWrapper)#inputEditorWrapper>#shadowEditorsWrapper,:scope .editorWrapper:not(.shadowEditorWrapper):is(#inputEditorWrapper,#outputEditorWrapper)#inputEditorWrapper>#shadowEditorsWrapper *{pointer-events:none}@media not (prefers-reduced-motion:reduce){:scope .editorWrapper:not(.shadowEditorWrapper):is(#inputEditorWrapper,#outputEditorWrapper)#outputEditorWrapper{transition:opacity 1s,display 1s;transition-behavior:allow-discrete}}:scope .editorGroup{transform-origin:left;display:flex;flex-direction:column;height:100%;width:auto;aspect-ratio:var(--editor-width) / 7}:scope .editorGroup:has(button:active),: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) );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}:scope .editorTab>.fileName{font-size:1rem;align-content:center}:scope .editorTab>.fileName:after{font-size:.75em;content:attr(caret-pos) attr(file-size);color:var(--shades-m-darker)}:scope .editorTab>.tabButtons{display:flex;gap:1em}:scope .editorTab>.tabButtons>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){:scope .editorTab>.tabButtons>button{transition:.1s}}:scope .editorTab>.tabButtons>button.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")}:scope .editorTab>.tabButtons>button.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")}:scope .editorTab>.tabButtons>button.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")}:scope .editorTab>.tabButtons>button.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")}:scope .editorTab>.tabButtons>button:hover{filter:invert(.8832)}:scope .editorTab>.tabButtons>button: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)}:scope .editor{flex:1}}@scope (#nestBtn){:scope{cursor:pointer;font-size:.75rem;position:absolute;top:0;right:0;transform: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){:scope{animation:bounceInTop 1.5s .5s both;transition:opacity 1s,font-size 1s,transform 1s,--nestBtn-shadow-direction 1s}}: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;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;background-color:var(--pri-colour-lighter);box-shadow:inset 0 0 1em 0 var(--shades-black)}@media not (prefers-reduced-motion:reduce){:scope>div{transition:scale .5s,background-color 1s}}:scope>div:hover{scale:1.333;background-color:var(--shades-white)}:scope>div:before{content:"Nest!"}:scope>span{position:absolute;top:1em;right:1em;bottom:1em;left:1em;opacity:0;z-index:-1;border-radius:inherit;animation:shadowRotate 3s infinite both paused}@media not (prefers-reduced-motion:reduce){:scope>span{transition:inset .5s,opacity 2s,background-color 2s;animation-play-state:running}}:is(#nestBtn:not(:disabled):has(>div:hover)>:is(:scope>span)){top:.5em;right:.5em;bottom:.5em;left:.5em;opacity:1}:scope>span:nth-of-type(1){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)){#mainContent{gap:var(--padding)}#mainContent>#textSide{animation:revealText 2s cubic-bezier(1,0,.5,1) both}#mainContent>#editorSide{flex-shrink:0;width:calc(var(--single-editor-width));animation:slideEditor 2s cubic-bezier(1,0,.5,1) both;align-content:center}@media(prefers-reduced-motion:reduce){#mainContent>#editorSide{animation:none}}#mainContent>#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%)}#mainContent>#editorSide>#codeEditor>.editorWrapper:first-child,#mainContent>#editorSide>#codeEditor>.editorWrapper:first-child>.editorGroup{max-width:100%}#mainContent>#editorSide>#codeEditor>.editorWrapper:last-child{padding-block:var(--padding);margin-right:-3.25rem;width:0;opacity:0;--solo-width: calc((var(--code-editor-height) - var(--vertical-padding)) * (var(--editor-width) / 7));--tight-width: calc((100cqw - (2 * var(--padding))) * (var(--editor-width) / var(--total-width)));translate:calc((var(--tight-width) - var(--solo-width)) + var(--padding))}#mainContent>#editorSide>#codeEditor>:last-child{display:none}}@scope (#siteWrapper:has(> main.nesting)){>main{height:100dvh}>main+article,>main+article section{top:100dvh;height:0;gap:0;opacity:0;transition:gap 1s 1s,height 1s 1s,opacity 1s,top 1s;pointer-events:none}>main+article{top:0dvh}>main #mainSettings{min-width:calc((58.441558ch * 1.232));margin-right:var(--padding)}>main #mainContent>#textSide{width:0%;opacity:0;padding:0}>main #mainContent>#editorSide{width:100%;align-content:center}>main #mainContent>#editorSide+#nestBtn{font-size:.75rem;transform:translate(0);--nestBtn-shadow-direction: -1}>main #mainContent>#editorSide+#nestBtn>div{transform-origin:top right}>main #mainContent>#editorSide+#nestBtn>div:before{content:"Home"}>main #mainContent>#editorSide>#codeEditor{align-items:center;margin-left:auto;width:calc(100vw - (5 * var(--padding)) - (58.441558ch * 1.232));height:calc(96vh - (5 * var(--padding)));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){>main #mainContent>#editorSide>#codeEditor{animation:none;translate:calc(0% - var(--padding))}}>main #mainContent>#editorSide>#codeEditor #editorGap{height:100%;aspect-ratio:var(--gutter-width) / 6.625}>main #mainContent>#editorSide>#codeEditor .editorWrapper{height:calc(100% - (2 * var(--padding)))}>main #mainContent>#editorSide>#codeEditor .editorWrapper#inputEditorWrapper>#shadowEditorsWrapper>.shadowEditorWrapper{translate:0!important;opacity:0!important}@media not (prefers-reduced-motion:reduce){>main #mainContent>#editorSide>#codeEditor .editorWrapper#inputEditorWrapper>#shadowEditorsWrapper>.shadowEditorWrapper{transition:2s}}}@scope (#reducingBoilerplateCode){:scope>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}:scope>a:after{position:relative;content:"";height:.125em;width:6em;background:var(--shades-white)}:scope>#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}: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%);position:relative;padding:3lh 0 .04lh}:scope>#repeatingText .repeat:before{content:attr(data-text) "\a" attr(data-text) "\a" attr(data-text) "\a" attr(data-text);top:0;right:0;bottom:0;left:0;z-index:-1;position:absolute;color:rgb(from var(--shades-white) r g b / .5)}@media not (prefers-reduced-motion:reduce){:scope>#repeatingText .repeat:before{animation:repeatText 2s linear infinite}}:scope>#repeatingText .repeat[hidden]:before{animation-play-state:paused}:scope>#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}:scope>#parallaxText>span{cursor:text;height:1lh;overflow:hidden;line-height:100%;position:relative;color:transparent}:scope>#parallaxText>span:before,:scope>#parallaxText>span:after{content:attr(data-word);position:absolute;top:0;left:0;width:100%;height:100%;color:var(--shades-white);line-height:100%;will-change:transform}@media not (prefers-reduced-motion:reduce){@supports (animation-range: normal){:scope>#parallaxText>span:nth-child(1){view-timeline:--word-1 block}:scope>#parallaxText>span:nth-child(2){view-timeline:--word-2 block}:scope>#parallaxText>span:nth-child(3){view-timeline:--word-3 block}}}:scope>#parallaxText>span:nth-child(1){margin-left:.5ch;text-align:left}:scope>#parallaxText>span:nth-child(2){text-align:center}:scope>#parallaxText>span:nth-child(3){margin-right:.5ch;text-align:right}@media not (prefers-reduced-motion:reduce){@supports (animation-range: normal){:scope>#parallaxText>span:nth-child(1):before{translate:0 0;animation:wordSlideOut linear both;animation-timeline:--word-1;animation-range-start:cover -.5lh;animation-range-end:contain calc(min(100dvh,1600px) - 1lh)}}}@media not (prefers-reduced-motion:reduce){@supports (animation-range: normal){:scope>#parallaxText>span:nth-child(1):after{translate:0 -100%;animation:wordSlideIn linear both;animation-timeline:--word-1;animation-range-start:cover -.5lh;animation-range-end:contain calc(min(100dvh,1600px) - 1lh)}}}@media not (prefers-reduced-motion:reduce){@supports (animation-range: normal){:scope>#parallaxText>span:nth-child(2):before{translate:0 0;animation:wordSlideOut linear both;animation-timeline:--word-2;animation-range-start:cover -.5lh;animation-range-end:contain calc(min(100dvh,1600px) - .5lh)}}}@media not (prefers-reduced-motion:reduce){@supports (animation-range: normal){:scope>#parallaxText>span:nth-child(2):after{translate:0 -100%;animation:wordSlideIn linear both;animation-timeline:--word-2;animation-range-start:cover -.5lh;animation-range-end:contain calc(min(100dvh,1600px) - .5lh)}}}@media not (prefers-reduced-motion:reduce){@supports (animation-range: normal){:scope>#parallaxText>span:nth-child(3):before{translate:0 0;animation:wordSlideOut linear both;animation-timeline:--word-3;animation-range-start:cover -.5lh;animation-range-end:contain calc(min(100dvh,1600px) + -0lh)}}}@media not (prefers-reduced-motion:reduce){@supports (animation-range: normal){:scope>#parallaxText>span:nth-child(3):after{translate:0 -100%;animation:wordSlideIn linear both;animation-timeline:--word-3;animation-range-start:cover -.5lh;animation-range-end:contain calc(min(100dvh,1600px) + -0lh)}}}}@scope (#easierMaintenance){:scope>#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}:scope>#mergingText>span{cursor:text;height:1lh;line-height:100%;overflow:hidden;position:relative;color:transparent}:scope>#mergingText>span:before{content:attr(data-word);position:absolute;top:0;left:0;width:100%;height:100%;color:var(--shades-white);display:block;line-height:inherit;will-change:transform}@media not (prefers-reduced-motion:reduce){@supports (animation-range: normal){:scope>#mergingText>span:first-child{view-timeline:--first-word block}:scope>#mergingText>span:first-child:before{translate:0 100%;animation:mergeFromBottom linear forwards 1ms;animation-timeline:--first-word;animation-range-start:cover calc(min(50dvh,800px) - 1lh);animation-range-end:cover calc(min(100dvh,1600px) - 3.15lh)}:scope>#mergingText>span:last-child{view-timeline:--last-word block}:scope>#mergingText>span:last-child:before{translate:0 -100%;animation:mergeFromTop linear forwards 1ms;animation-timeline:--last-word;animation-range-start:cover calc(min(50dvh,800px) - 1lh);animation-range-end:cover calc(min(100dvh,1600px) - 3.15lh)}}}:scope>#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){:scope>#changingText{animation:slideDown linear both 1ms;animation-timeline:view();animation-range-start:cover -20lh;animation-range-end:contain 5lh}}}:scope>#changingText s{text-decoration:none;font-size:.75em;color:var(--red-colour-medium);position:relative;display:inline-flex;clip-path:inset(0)}:scope>#changingText s:nth-child(1){--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{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){:scope>#changingText s:before{animation:none}}:scope>#changingText s+b{text-decoration:none;font-weight:700;color:oklch(from var(--red-colour-medium) l c calc(h + 135))}:scope>#changingText s[hidden]:before{animation-play-state:paused}}@scope (#improvedCodeReadability){:scope>#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}:scope>#backgroundText span{translate:-4ch;padding:0 .1em;width:100%;color:rgb(from var(--shades-white) r g b / var(--opacity-low));position:relative;animation:slideIn 1s linear paused;animation-delay:-.5s;animation-timeline:unset}:scope>#backgroundText span:first-child,:scope>#backgroundText span:last-child{text-align:right;translate:10ch}:scope>#backgroundText span:first-child:last-child,:scope>#backgroundText span:last-child:last-child{color:rgb(from var(--shades-white) r g b / var(--opacity-high))}@media not (prefers-reduced-motion:reduce){@supports (animation-range: normal){:scope>#backgroundText span{animation:slideIn ease-out forwards 1ms;animation-timeline:view();animation-range-start:cover -.5lh;animation-range-end:cover 4.5lh}:scope>#backgroundText span:first-child{animation-range-start:cover 0lh;animation-range-end:cover 5lh}:scope>#backgroundText span:last-child{animation-range-start:cover -1.5lh;animation-range-end:cover 4lh}}}:scope>#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){:scope>#visibleText{animation:boostUp linear both 1ms,slideUp linear both 1ms;animation-range:cover 16em,cover;animation-timeline:view(),view();animation-composition:add}}}:scope>#visibleText u{color:var(--shades-white)}:scope>#visibleText u b{font-size:1.25em;transition:color .5s}:scope>#visibleText u b:hover{color:var(--pri-colour-lightest)}:scope>#visibleText u b>span{transition:.125s}:scope>#visibleText u b>span:hover{color:var(--shades-white)}}@scope (#groupingStylesTogether){:scope{align-content:center}:scope>#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))}:scope>#groupedText:before,:scope>#groupedText:after{border:inherit;padding:inherit;background:inherit;pointer-events:none;position:absolute;content:attr(data-text);top:-.25rem;right:-.25rem;bottom:-.25rem;left:-.25rem}@media not (prefers-reduced-motion:reduce){:scope>#groupedText:before,:scope>#groupedText:after{animation:10s linear both infinite 5s}}: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{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){:scope>#miniEditor{animation:viewed linear;animation-timeline:view();animation-range-start:contain;animation-range-end:cover calc(0% + 5lh)}:scope>#miniEditor div :is(>div,span){--charIndex: -1;animation:slideInLines linear forwards;animation-timeline:view();animation-range-start:cover 0%;animation-range-end:cover 5lh}}:scope>#miniEditor>.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}:scope>#miniEditor>.visual-presentation{display:flex;gap:3ch}:scope>#miniEditor>.visual-presentation>#lineNumbers{width:2ch;opacity:.25;font-family:inherit;text-align:right}:scope>#miniEditor>.visual-presentation>pre{opacity:.75;font-family:inherit;letter-spacing:.2em;margin:0;--maxLines: 20;--activeLine: 1;--intensityPos: 100%}: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{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}:scope>#miniEditor>.visual-presentation>pre>code>div span{display:inline-block}@media(prefers-reduced-motion:reduce){:scope>#miniEditor{animation:none;transition:none}:scope>#miniEditor div :is(>div,span){animation:none}:scope>#miniEditor>.visual-presentation>pre>code>div:first-child:before{transition:none}}}@scope (#mechanicsOfNesting){:scope{contain:size layout;display:flex}:scope:has(.hover-animation){touch-action:none}@media not (prefers-reduced-motion:reduce){:scope:has(.hover-animation):has(>:not(#backToStart):hover){cursor:none}}:scope:has(.hover-animation):has(>:not(#backToStart):hover)>#nycssCursor{scale:.25;animation-duration:1.5s}:scope:has(.hover-animation)>#nycssCursor{opacity:1;animation:rotate 12.5s linear infinite}:scope>#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){:scope>#nycssCursor{display:none}}:is(:has(.hover-animation):has(>:is(:scope>#nycssCursor)):hover :is(:scope>#nycssCursor)){will-change:transform}:scope>#nycssCursor[hidden]{animation-play-state:paused}:scope>#splittingText{position:absolute;top:4lh;right:8ch;-webkit-user-select:none;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){:scope>#splittingText{color:var(--shades-white);-webkit-user-select:unset;user-select:unset}:scope>#splittingText>a:hover{text-decoration:underline}}@supports (animation-range: normal){:scope>#splittingText{animation:unblur ease-out both 1ms;animation-timeline:view();animation-range:cover contain min(50dvh,800px)}}:scope>#splittingText:before,:scope>#splittingText:after{color:var(--shades-white);position:absolute;top:0;right:0;bottom:0;left:0;column-count:inherit;gap:inherit}@media not (prefers-reduced-motion:reduce){:scope>#splittingText:before,:scope>#splittingText:after{content:attr(data-text);animation:widenGap 3s ease-in-out infinite alternate backwards}}:scope>#splittingText:before{clip-path:inset(0 50% 0 0);transform-origin:left}:scope>#splittingText:after{clip-path:inset(0 0 0 50%);transform-origin:right}:scope>#splittingText[hidden]:before,:scope>#splittingText[hidden]:after{animation-play-state:paused}:scope>#splittingText>a{color:inherit}:scope>#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){:scope>#strechingText{animation:moveDown linear both 1ms;animation-timeline:view();animation-range-start:cover -2lh;animation-range-end:cover 2lh}}}:scope>#strechingText>span{display:inline-block}@media(prefers-reduced-motion:reduce){:scope>#strechingText>span{transition:0s 1s}}@media not (prefers-reduced-motion:reduce){:scope>#strechingText>span{transition:1s 0s}}:scope>#strechingText>span:hover{scale:1 2;transition:0s}:scope>#nestingText{position:absolute;bottom:1.6em;right:calc(24em / 5);color:var(--shades-white);font-size:5em;contain:layout}:scope>#nestingText>*{margin:0;white-space:nowrap}:scope>#nestingText>h3{font-size:1em;font-weight:900;font-family:Poppins,Poppins Fallback,Calibri,sans-serif}@media not (prefers-reduced-motion:reduce){:scope>#nestingText>h3{transition:scale 1s,text-shadow 1s}@supports (animation-range: normal){:scope>#nestingText>h3{animation:moveDown linear both 1ms;animation-timeline:view();animation-range-start:cover -2lh;animation-range-end:cover 2lh}}}:scope>#nestingText>h3:hover{scale:1.1;text-shadow:0 -.1lh .2em var(--shades-black)}:scope>#nestingText>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){:scope>#nestingText>p{translate:0;opacity:0;animation:fadeUp linear both 1ms;animation-timeline:view();animation-range-start:cover;animation-range-end:cover calc(1lh + 1.98em)}}}:scope>#nestingText a{color:unset;text-decoration:unset}:scope>#nycssLogoGroup{-webkit-user-select:none;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}:scope>#nycssLogoGroup>*{pointer-events:none}:scope>#nycssLogoGroup>img{height:16em;width:auto;aspect-ratio:1 / 1}:scope>#nycssLogoGroup 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>:is(:scope>#nycssLogoGroup img#nycssLogo:not([hidden])){--shadow-color: #26a2d933;--shadow-distance: 1.5em;--shadow-blur: .5em}:scope>#nycssLogoGroup>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%)}: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:1s}:scope>#nycssLogoGroup>img#nycssBadge.main-animation{animation:fall linear 1ms;animation-timeline:scroll(nearest)}:scope>#nycssLogoGroup>img#nycssBadge.idle-animation{animation:fall linear 1ms,idle 2.5s infinite alternate;animation-timeline:scroll(nearest),auto;animation-composition:add}:scope>#nycssLogoGroup>img#nycssBadge.idle-animation[hidden]{animation-play-state:paused}:scope>#nycssLogoGroup>img#nycssBadge.hover-animation{animation:hover 2s infinite alternate;--shadow-color: #1474b833;--shadow-distance: 1.5em}:scope>#nycssLogoGroup>img#nycssBadge.hover-animation[hidden]{animation-play-state:paused}:scope>#nycssLogoGroup:has([hidden]+.hover-animation){clip-path:inset(19.3% 1.3% 1.3% 7.3%)}:scope>#nycssLogoGroup:has([hidden]+.hover-animation):hover #nycssBadge.hover-animation{--shadow-color: #26a2d933;--shadow-distance: 2em}:scope>#backToStart{position:absolute;top:0;left:0;height:100%;width:100%}:scope>#backToStart: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}>main.nesting #mainContent>#editorSide+#nestBtn{transform:translateY(calc(-100% - .5rem))}>main #mainContent{border-radius:1rem}>main #mainSettings:not(.mobile-open),>main #mainContent :is(#textSide,#shadowEditorsWrapper){display:none}>main #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}>main #mainSettings.mobile-open>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}>main #mainSettings.mobile-open>section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;-webkit-backdrop-filter:blur(25px) saturate(100%) brightness(1.5);backdrop-filter:blur(25px) saturate(100%) brightness(1.5);z-index:-1}>main #mainSettings.mobile-open>section>ul{--component-background: rgb(from var(--shades-black) r g b / .25)}>main #mainSettings.mobile-open>section>ul>li{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}>main #mainSettings.mobile-open>section>ul>li>span{font-size:1rem}>main #mainSettings.mobile-open>section>ul>li>div{width:100%}>main #mainSettings.mobile-open>section>ul>li>div>:is(.dropdown,.combobox):focus-within>input:checked~ul{--component-background: rgb(from var(--shades-black) r g b / .75)}>main #mainSettings.mobile-open>section>: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) )}>main #mainSettings.mobile-open>nav{display:none}>main #editorSide{animation:none!important;width:calc(var(--single-editor-width))}>main #editorSide #codeEditor{max-width:100%;justify-content:left}>main #editorSide #codeEditor>.editorWrapper{max-width:inherit}>article{font-size:clamp(1.1px,1.15dvw,22.5px)}>article>section{contain:size;position:relative;height:min(100dvh,1600px)}>article>section#reducingBoilerplateCode>a{font-size:5vw}>article>section>#repeatingText{font-size:2.5vw;top:50%;translate:0 calc(-50% - 7.5em)}>article>section>#parallaxText{font-size:2.5vw;bottom:50%;translate:0 calc(-50% + 6em)}>article>section>#mergingText{font-size:8vw;top:calc(4em / 3)}>article>section>#changingText{font-size:2.5vw;bottom:16vw;translate:0 calc(-50% + 5em)}>article>section>#backgroundText{font-size:20vw;top:50%;translate:0 -50%}>article>section>#visibleText{font-size:2.5vw;top:50%;translate:0 -25%}>article>section>#groupedText{font-size:5vw;top:calc(50% - 50vw);bottom:auto;translate:0 -50%;height:fit-content}>article>section>#miniEditor{font-size:2.5vw}>article>section>#splittingText{font-size:2.1vw;top:50%;translate:0 calc(-50% - 12.5em)}>article>section>#strechingText{font-size:7.5vw;top:64rem;translate:0 calc(-50% - 12.5em);animation:none}>article>section>#nestingText{font-size:4vw;bottom:4em}>article>section>#nycssLogoGroup{font-size:2vw}@scope (& > main:not(.nesting)){#mainContent#mainContent{justify-content:center}#mainContent#mainContent>#editorSide>#codeEditor{margin:0 auto}#mainContent#mainContent>#editorSide>#codeEditor>#inputEditorWrapper{border:none;border-radius:1rem;background:none;padding:0}#mainContent#mainContent>#editorSide>#codeEditor>#outputEditorWrapper>.editorGroup{opacity:0}}@scope (& > main.nesting){#mainContent{min-width:100%;transition:unset}#mainContent>#editorSide#editorSide#editorSide>#codeEditor{height:100%;width:100%;animation:none;flex-direction:column}#mainContent>#editorSide#editorSide#editorSide>#codeEditor #editorGap{height:var(--padding);aspect-ratio:auto;flex:none}#mainContent>#editorSide#editorSide#editorSide>#codeEditor .editorWrapper{flex:1}#mainContent>#editorSide#editorSide#editorSide>#codeEditor .editorGroup{aspect-ratio:auto}#mainContent>#editorSide#editorSide#editorSide>#codeEditor .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}}.ace-nycss.ace_editor{--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));--code-text-colour: rgb(from var(--shades-lightest) r g b / var(--opacity-high));--code-selection-shadow-colour: rgb(from var(--shades-black) r g b / var(--opacity-low));--code-punctuation-colour: rgb(from var(--shades-white) r g b / var(--opacity-medium));--code-parenthesis-colour: rgb(from var(--shades-lightest) r g b / var(--opacity-medium));border-radius:0 0 1rem 1rem;border:.125rem solid var(--window-text-colour);background-color:var(--background-colour);color:var(--code-text-colour);font-family:Fira Code,monospace;font-size:1.25rem}.ace-nycss .ace_gutter{background:transparent;color:var(--window-text-colour);width:3.19rem!important}.ace-nycss .ace_layer{width:inherit!important}.ace-nycss .ace_gutter-cell{padding-left:1.08rem;padding-right:1.81rem}.ace-nycss .ace_gutter-cell>span:first-child{translate:4px}.ace-nycss .ace_gutter-active-line{font-weight:700;background:rgb(from color-mix(in srgb,var(--pri-colour-em-darker),var(--sec-colour-em-darker)) r g b / var(--opacity-low))}.ace-nycss .ace_marker-layer .ace_active-line{background:rgb(from color-mix(in srgb,var(--pri-colour-em-darker),var(--sec-colour-em-darker)) r g b / var(--opacity-medium))}.ace-nycss .ace_scroller{background-color:transparent;left:3.19rem!important}.ace-nycss .ace_paren{color:var(--code-parenthesis-colour)}.ace-nycss .ace_constant{color:var(--sec-colour-medium)}.ace-nycss .ace_support.ace_type{color:var(--pri-colour-medium)}.ace-nycss .ace_string{color:var(--sec-colour-lighter)}.ace-nycss .ace_support.ace_constant{color:var(--sec-colour-medium)}.ace-nycss .ace_support.ace_constant.ace_fonts{color:var(--sec-colour-lightest);font-style:italic}.ace-nycss .ace_string+.ace_keyword{color:var(--sec-colour-lighter)}.ace-nycss .ace_keyword:has(~.ace_lparen){color:var(--sec-colour-medium)}.ace-nycss .ace_keyword{color:var(--sec-colour-m-darker)}.ace-nycss .ace_constant.ace_numeric{color:var(--sec-colour-darker)}.ace-nycss .ace_punctuation.ace_operator{color:var(--code-punctuation-colour)}.ace-nycss .ace_fold{background-color:var(--pri-colour-m-darker)}.ace-nycss .ace_cursor{color:var(--code-text-colour)}.ace-nycss .ace_support.ace_function{color:var(--sec-colour-medium)}.ace-nycss .ace_comment{color:var(--pri-colour-m-darker)}.ace-nycss .ace_variable{color:var(--sec-colour-medium)}.ace-nycss:has(.ace_marker-layer>.ace_selection).ace_multiselect .ace_selection.ace_start{z-index:5}.ace-nycss:has(.ace_marker-layer>.ace_selection) .ace_selection.ace_br12{z-index:6}.ace-nycss:has(.ace_marker-layer>.ace_selection).ace_multiselect .ace_selection.ace_start,.ace-nycss:has(.ace_marker-layer>.ace_selection) .ace_marker-layer .ace_selection{background:rgb(from var(--pri-colour-m-darker) r g b / var(--opacity-medium));box-shadow:0 0 0 8px var(--code-selection-shadow-colour);clip-path:inset(0 0 -20px 0px)}.ace-nycss .ace_marker-layer .ace_selected-word{background:transparent;border:none}.ace-nycss .ace_marker-layer .ace_bracket{margin:unset;border:none;background:color-mix(in srgb,var(--pri-colour-em-darker),var(--pri-colour-m-darker) 30%);box-shadow:0 0 8px 0 var(--pri-colour-m-darker)}.ace-nycss .ace_indent-guide{background:none;border-right:1px solid rgb(from var(--code-parenthesis-colour) r g b / var(--opacity-medium))}.ace-nycss .ace_indent-guide-active{border-color:color-mix(in srgb,var(--code-parenthesis-colour),var(--shades-white) 25%)}.ace-nycss :is(.language_highlight_text,.language_highlight_read,.language_highlight_write){border:none;--highlight-colour: var(--sec-colour-m-darker);background:rgb(from var(--highlight-colour) r g b / var(--opacity-medium));box-shadow:0 0 8px 0 var(--highlight-colour);clip-path:inset(-8px 0);z-index:7}.ace-nycss .language_highlight_write{--highlight-colour: rgb(from var(--shades-medium) r g b / var(--opacity-low))}.ace-nycss .ace_highlight-marker{background-color:rgb(from var(--shades-medium) r g b / var(--opacity-low))}.ace_scrollbar{--track-colour: var(--background-colour);--thumbnail-colour: var(--sec-colour-darker);--scrollbar-padding: .227rem;--scrollbar-margin: .454rem;--scrollbar-width: .68rem;align-self:flex-end;margin:var(--scrollbar-margin)}.ace_scrollbar.ace_scrollbar-v{bottom:calc(var(--scrollbar-width) + (var(--scrollbar-margin) / 2))!important;height:calc(100% - (2 * var(--scrollbar-margin)) - var(--scrollbar-width))!important;width:1.13rem!important;z-index:7}.ace_scrollbar.ace_scrollbar-v>.ace_scrollbar-inner{width:inherit!important}.ace_scrollbar.ace_scrollbar-h{--gutter-width: 73px;width:calc(100% - (var(--gutter-width) + (2 * var(--scrollbar-margin))))!important;z-index:7}@supports selector(::-webkit-scrollbar){.ace_scrollbar::-webkit-scrollbar{width:var(--scrollbar-width);height:var(--scrollbar-width)}.ace_scrollbar:has(.ace_scrollbar-inner)::-webkit-scrollbar-thumb{background:var(--thumbnail-colour);border-radius:999px;border:var(--scrollbar-padding) solid transparent;background-clip:padding-box}.ace_scrollbar:has(.ace_scrollbar-inner)::-webkit-scrollbar-thumb:vertical{background-color:var(--thumbnail-colour)}.ace_scrollbar:has(.ace_scrollbar-inner)::-webkit-scrollbar-thumb:vertical:hover{background-color:color-mix(in srgb,var(--thumbnail-colour),var(--shades-white))}.ace_scrollbar:has(.ace_scrollbar-inner)::-webkit-scrollbar-thumb:horizontal{background-color:color-mix(in srgb,var(--thumbnail-colour),transparent)}.ace_scrollbar:has(.ace_scrollbar-inner)::-webkit-scrollbar-thumb:horizontal:hover{background-color:var(--thumbnail-colour)}.ace_scrollbar::-webkit-scrollbar-track{background:var(--track-colour);border-radius:999px}}@supports not selector(::-webkit-scrollbar){.ace_scrollbar{scrollbar-color:var(--thumbnail-colour) var(--track-colour);scrollbar-width:thin}}.ace-nycss .ace_invalid{background-color:rgb(from var(--red-colour-em-darker) r g b / var(--opacity-medium))!important;color:var(--red-colour-medium)!important}.ace-nycss.ace_tooltip{padding:1rem;background-color:rgb(from var(--pri-colour-em-darker) r g b / .9);border:1px solid var(--pri-colour-m-darker);border-radius:8px;color:var(--shades-lighter);font-size:1rem;min-width:15em;cursor:auto}.ace-nycss.ace_tooltip:hover{border-color:var(--pri-colour-darker)}.ace-nycss.ace_tooltip:focus{outline:none;border-color:var(--shades-darker)}.ace-nycss.ace_tooltip *{font-size:inherit}.ace-nycss.ace_tooltip code{font-family:Fira Code,monospace;color:var(--shades-medium)}.ace-nycss.ace_tooltip p{font-family:Poppins,Poppins Fallback,Calibri,sans-serif;color:var(--shades-lighter)}.ace-nycss.ace_tooltip a{color:var(--sec-colour-medium);text-decoration:none}.ace-nycss.ace_tooltip a:hover{text-decoration:underline}.ace-nycss .ace_constant.ace_language{color:var(--pri-colour-lightest);background:unset}.ace-nycss .ace_search{background-color:var(--pri-colour-em-darker);border-color:var(--window-text-colour);color:var(--code-text-colour)}.ace-nycss :is(.ace_search_field,.ace_searchbtn){background-color:var(--pri-colour-em-darker);border:none;color:var(--shades-darker)}.ace-nycss :is(.ace_search_field,.ace_searchbtn):hover{color:var(--shades-medium)}.ace-nycss .ace_button{padding-inline:4px;border:none;color:var(--pri-colour-darker)}.ace-nycss .ace_button:hover{background-color:var(--pri-colour-em-darker)}.ace-nycss .ace_searchbtn:after{border-color:currentColor;margin-bottom:1px}.ace-nycss .ace_searchbtn.prev:after{border-width:1px 0 0 1px}.ace-nycss .ace_searchbtn.next:after{border-width:0 1px 1px 0}.ace-nycss .ace_search_counter{color:var(--sec-colour-m-darker)}.ace-nycss .ace_searchbtn_close{background-color:var(--pri-colour-em-darker);translate:50% -50%;top:calc(1.045rem + 4px);right:13px}.ace-nycss .ace_search_form.ace_nomatch{outline-color:var(--red-colour-m-darker)}.ace-nycss .ace_fold-widget{background-size:.4rem}.ace-nycss .ace_invisible{background-color:#ffffff1a;background-color:orange}.ace-nycss .ace_storage{color:#00f;background-color:orange}.ace-nycss .ace_constant.ace_buildin{color:#5848f6;background:orange}.ace-nycss .ace_constant.ace_library{color:#06960e;background:orange}.ace-nycss .ace_keyword.ace_operator{color:#687687;background:orange}.ace-nycss .ace_comment.ace_doc{color:#06f;background:orange}.ace-nycss .ace_comment.ace_doc.ace_tag{color:#809fbf;background:orange}.ace-nycss .ace_xml-pe{color:#68685b;background:orange}.ace-nycss .ace_entity.ace_name.ace_function{color:#0000a2;background:orange}.ace-nycss .ace_heading{color:#0c07ff;background:orange}.ace-nycss .ace_list{color:#b90690;background:orange}.ace-nycss .ace_meta.ace_tag{color:#00168e;background:orange}.ace-nycss .ace_string.ace_regex{color:red;background:orange}.ace-nycss .ace_marker-layer .ace_step{background:#fcff00;background:orange}.ace-nycss .ace_marker-layer .ace_stack{background:#a4e565;background:orange}.ace-nycss .ace-minimap{position:absolute;right:0;top:0;height:100%;width:130px;z-index:10;border:none;border-left:1px solid rgba(255,255,255,.15);border-radius:0;cursor:pointer;user-select:none;-webkit-user-select:none}.ace-nycss .ace-minimap .ace_scrollbar-v,.ace-nycss .ace-minimap .ace_scrollbar-h,.ace-nycss .ace-minimap .ace_cursor-layer{display:none!important}.ace-nycss .ace-minimap .ace_active-line{background:none!important}.ace-nycss .ace-minimap .ace_editor,.ace-nycss .ace-minimap .ace_editor *{pointer-events:none!important}.ace-nycss .ace-minimap .ace-minimap-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:11;cursor:pointer}.ace-nycss .ace-minimap .ace-minimap-range-indicator{position:absolute;left:0;right:0;z-index:12;background:#ffffff12;pointer-events:none;border-left:2px solid rgba(255,255,255,.15)}