@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@300..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@300..700&family=JetBrains+Mono:wght@300..700&family=PT+Mono&family=Source+Code+Pro:wght@300..700&family=Poppins:wght@300..700&display=swap";.ace-tm.ace_editor{--window-text-colour: color-mix(in srgb, var(--shades-darker), transparent calc((1 - var(--opacity-medium)) * 100%));--background-colour: #091F2A;--background-colour: transparent;--code-text-colour: color-mix(in srgb, var(--shades-em-lighter), transparent calc((1 - var(--opacity-high)) * 100%));--code-selection-shadow-colour: color-mix(in srgb, var(--shades-darkest), transparent calc((1 - var(--opacity-low)) * 100%));--code-punctuation-colour: color-mix(in srgb, var(--shades-lightest), transparent calc((1 - var(--opacity-medium)) * 100%));--code-parenthesis-colour: color-mix(in srgb, var(--shades-em-lighter), transparent calc((1 - var(--opacity-medium)) * 100%));border-radius:0 0 1rem 1rem;border:.25ch solid var(--window-text-colour);background-color:color-mix(in srgb,var(--shades-darkest),transparent 75%);color:var(--code-text-colour);font-family:Fira Code,monospace;font-size:1.1rem}.ace-tm .ace_gutter{background:transparent;color:var(--window-text-colour)}.ace-tm .ace_gutter-cell{padding-right:32px}.ace-tm .ace_gutter-cell>span:first-child{translate:4px}.ace-tm .ace_gutter-active-line{font-weight:700;background:color-mix(in srgb,color-mix(in srgb,var(--pri-colour-darkest),var(--sec-colour-darkest)),transparent)}.ace-tm .ace_marker-layer .ace_active-line{background:color-mix(in srgb,color-mix(in srgb,var(--pri-colour-darkest),var(--sec-colour-darkest)),transparent)}.ace-tm .ace_scroller{background-color:transparent}.ace-tm .ace_paren{color:var(--code-parenthesis-colour)}.ace-tm .ace_constant{color:var(--sec-colour-medium)}.ace-tm .ace_support.ace_type{color:var(--pri-colour-medium)}.ace-tm .ace_string{color:var(--sec-colour-lighter)}.ace-tm .ace_support.ace_constant{color:var(--sec-colour-medium)}.ace-tm .ace_support.ace_constant.ace_fonts{color:var(--sec-colour-lightest);font-style:italic}.ace-tm .ace_string+.ace_keyword{color:var(--sec-colour-lighter)}.ace-tm .ace_keyword:has(~.ace_lparen){color:var(--sec-colour-medium)}.ace-tm .ace_keyword{color:var(--sec-colour-m-darker)}.ace-tm .ace_constant.ace_numeric{color:var(--sec-colour-darker)}.ace-tm .ace_punctuation.ace_operator{color:var(--code-punctuation-colour)}.ace-tm .ace_fold{background-color:var(--pri-colour-m-darker)}.ace-tm .ace_cursor{color:var(--code-text-colour)}.ace-tm .ace_support.ace_function{color:var(--sec-colour-medium)}.ace-tm .ace_comment{color:var(--pri-colour-m-darker)}.ace-tm .ace_variable{color:var(--sec-colour-medium)}.ace-tm:has(.ace_marker-layer>.ace_selection).ace_multiselect .ace_selection.ace_start{z-index:5}.ace-tm:has(.ace_marker-layer>.ace_selection) .ace_selection.ace_br12{z-index:6}.ace-tm:has(.ace_marker-layer>.ace_selection).ace_multiselect .ace_selection.ace_start,.ace-tm:has(.ace_marker-layer>.ace_selection) .ace_marker-layer .ace_selection{background:color-mix(in srgb,var(--pri-colour-m-darker),transparent);box-shadow:0 0 0 8px var(--code-selection-shadow-colour);clip-path:inset(0 0 -20px 0px)}.ace-tm .ace_marker-layer .ace_selected-word{background:transparent;border:none}.ace-tm .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-tm .ace_indent-guide{background:none;border-right:1px solid color-mix(in srgb,var(--code-parenthesis-colour),transparent 50%)}.ace-tm .ace_indent-guide-active{border-color:color-mix(in srgb,var(--code-parenthesis-colour),white 25%)}.ace-tm :is(.language_highlight_text,.language_highlight_read,.language_highlight_write){border:none;--highlight-colour: var(--sec-colour-m-darker);background:color-mix(in srgb,var(--highlight-colour),transparent 50%);box-shadow:0 0 8px 0 var(--highlight-colour);clip-path:inset(-8px 0);z-index:7}.ace-tm .language_highlight_write{--highlight-colour: color-mix(in srgb, var(--shades-medium), transparent 75%)}.ace-tm .ace_highlight-marker{background-color:color-mix(in srgb,var(--shades-medium),transparent 75%)}.ace_scrollbar{align-self:flex-end;margin:8px;--thumbnail-colour: var(--sec-colour-darker);--track-colour: color-mix(in srgb, var(--shades-darkest), transparent 75%)}.ace_scrollbar.ace_scrollbar-v{height:calc(100% - 22px)!important;bottom:0!important;z-index:7}@supports selector(::-webkit-scrollbar){.ace_scrollbar::-webkit-scrollbar{width:12px;height:12px}.ace_scrollbar:has(.ace_scrollbar-inner)::-webkit-scrollbar-thumb{background:var(--thumbnail-colour);border-radius:999px;border:4px 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),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-tm .ace_invalid{background-color:color-mix(in srgb,var(--red-colour-darkest),transparent)!important;color:var(--red-colour-medium)!important}.ace-tm.ace_tooltip{padding:1rem;background-color:color-mix(in srgb,var(--pri-colour-em-darker),transparent 10%);border:1px solid var(--pri-colour-m-darker);border-radius:8px;color:var(--shades-lighter);font-size:16px;min-width:15em}.ace-tm.ace_tooltip:hover{border-color:var(--pri-colour-darker)}.ace-tm.ace_tooltip:focus{outline:none;border-color:var(--shades-darker)}.ace-tm.ace_tooltip code{font-family:Fira Code,monospace;font-size:12px;font-style:normal;color:var(--shades-medium)}.ace-tm.ace_tooltip p{font-family:Poppins,Calibri,sans-serif;font-size:12px;font-style:normal;color:var(--shades-lighter)}.ace-tm.ace_tooltip a{color:var(--sec-colour-medium);text-decoration:none}.ace-tm .ace_constant.ace_language{color:var(--pri-colour-lightest);background:unset}.ace-tm .ace_invisible{background-color:#ffffff1a;background-color:orange}.ace-tm .ace_storage{color:#00f;background-color:orange}.ace-tm .ace_constant.ace_buildin{color:#5848f6;background:orange}.ace-tm .ace_constant.ace_library{color:#06960e;background:orange}.ace-tm .ace_keyword.ace_operator{color:#687687;background:orange}.ace-tm .ace_comment.ace_doc{color:#06f;background:orange}.ace-tm .ace_comment.ace_doc.ace_tag{color:#809fbf;background:orange}.ace-tm .ace_xml-pe{color:#68685b;background:orange}.ace-tm .ace_entity.ace_name.ace_function{color:#0000a2;background:orange}.ace-tm .ace_heading{color:#0c07ff;background:orange}.ace-tm .ace_list{color:#b90690;background:orange}.ace-tm .ace_meta.ace_tag{color:#00168e;background:orange}.ace-tm .ace_string.ace_regex{color:red;background:orange}.ace-tm .ace_marker-layer .ace_step{background:#fcff00;background:orange}.ace-tm .ace_marker-layer .ace_stack{background:#a4e565;background:orange}@layer ui-base;:root{--rem: clamp(0px, 1.5vh, 24px);--header-top: 2rem;--margin-gap: 1rem;--pri-colour-darkest: #051823;--pri-colour-em-darker: #092533;--pri-colour-m-darker: #1c4d67;--pri-colour-darker: #307aa0;--pri-colour-medium: #00d2ff;--pri-colour-lighter: #80e8ff;--pri-colour-lightest: #bde4fc;--sec-colour-darkest: #00272b;--sec-colour-m-darker: #015259;--sec-colour-darker: #02818b;--sec-colour-medium: #00f2ff;--sec-colour-lighter: #8adee7;--sec-colour-lightest: #b6e9ee;--red-colour-darkest: #33191b;--red-colour-m-darker: #67383c;--red-colour-darker: #a15a60;--red-colour-medium: #ff4d4d;--red-colour-lighter: #ffb8bc;--red-colour-lightest: #ffd1d3;--shades-darkest: #000000;--shades-em-darker: #222222;--shades-m-darker: #484848;--shades-darker: #717171;--shades-medium: #aeaeae;--shades-lighter: #cecece;--shades-em-lighter: #dedede;--shades-lightest: #ffffff;--shades-black: #000000;--opacity-none: 0;--opacity-low: .25;--opacity-medium: .5;--opacity-high: .75;--component-text: color-mix(in srgb, var(--shades-darker), var(--shades-medium));--component-text-hover: var(--shades-medium);--component-background: rgb(from var(--shades-darkest) r g b / .25)}*{box-sizing:border-box}html{margin:0;height:100%;min-height:100vh}[hidden]{display:none!important}.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}.header-controls{display:flex;gap:1rem;align-items:center;align-self:flex-end;position:relative}@media not (min-width:1024px){.header-controls{width:100%;justify-content:center}}.header-btn{cursor:pointer;padding:1rem 1.75ch;text-align:center;align-content:center;border-radius:1rem;font-family:Poppins,sans-serif;font-size:1.125rem;font-weight:300;border:none;color:var(--shades-lighter);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,var(--component-background);transition:filter .2s;background-position:0% 100%}@media not (prefers-reduced-motion:reduce){.header-btn{transition:background-position .125s ease-out,translate .2s,filter .2s}}.header-btn:hover{filter:brightness(1.2)}@media not (prefers-reduced-motion:reduce){.header-btn:hover{translate:0 -2px}}.header-btn:disabled{color:var(--component-text);cursor:not-allowed}.header-btn:disabled:hover{filter:none;translate:0}.header-btn.vibrant{--top-colour: var(--sec-colour-m-darker);--bottom-colour: var(--pri-colour-darkest);background-position:0% 0%}.settings-container{position:relative;display:flex}@media not (min-width:1024px){.settings-container{position:static}}#mainSettings{position:absolute;z-index:1001;top:calc(100% + var(--header-top));right:0;width:max-content;max-height:calc(100vh - 9rem);overflow:hidden auto;display:flex;flex-direction:column;gap:2rem;padding:2rem;box-sizing:content-box;background:rgb(from #000 r g b / .25);border-radius:4rem;scrollbar-width:none;-ms-overflow-style:none}@media not (min-width:1024px){#mainSettings{left:0;right:0;width:100%;top:calc(100% + var(--margin-gap));bottom:calc(100% + var(--header-top) + var(--margin-gap) - 100vh);max-height:none;box-sizing:border-box;border-radius:2rem;padding:0;background:none}}#mainSettings::-webkit-scrollbar{display:none}#mainSettings{font-family:Poppins,sans-serif}#mainSettings>section{border-radius:2rem;padding:2rem;display:flex;position:relative;flex-direction:column;gap:2rem;box-shadow:0 0 4px 2px #ffffff0d inset}@media not (min-width:1024px){#mainSettings>section{padding:1.25rem;gap:1.25rem;background:rgb(from var(--pri-colour-darkest) r g b / .5)}}#mainSettings>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}#mainSettings>section>h2{margin:0;font-size:1.25rem;font-weight:400;color:var(--shades-medium)}#mainSettings>section>ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;--component-gap: .5rem;--component-background-selected: linear-gradient(to right, var(--shades-m-darker), var(--shades-em-darker));--component-box-shadow: inset 0 1px oklch(100% none none / .25), inset 0 -1px rgb(from var(--shades-m-darker) r g b / .5);--component-box-shadow-selected: inset 0 1px oklch(100% none none / .25), inset 0 -1px rgb(from var(--shades-m-darker) r g b / .5);--component-box-shadow-focused: 0 0 1.5em var(--shades-medium);gap:var(--component-gap)}#mainSettings>section>ul>li{display:grid;grid-template-columns:repeat(10,1fr);align-items:center}@media not (min-width:1024px){#mainSettings>section>ul>li{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}}#mainSettings>section>ul>li>span{cursor:auto;grid-column:span 3;font-size:1.125rem;font-weight:300;color:var(--component-text)}@media not (min-width:1024px){#mainSettings>section>ul>li>span{font-size:1rem}}#mainSettings>section>ul>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}@media not (min-width:1024px){#mainSettings>section>ul>li>div{width:100%}}#mainSettings>section>ul>li>div>:is(.dropdown,.combobox,.toggle,.radio-group){flex:1}#mainSettings .dropdown>ul{background:rgb(from color-mix(in srgb,var(--shades-darkest),var(--pri-colour-darkest) 75%) r g b / .75);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px)}#mainSettings .number{display:flex;gap:1rem}#mainSettings .number>output{display:flex;align-items:center}#mainSettings .number>output>input{background:transparent;border:none;color:inherit;font:inherit;width:2ch;text-align:center;outline:none}#mainSettings .number>output>input::-webkit-outer-spin-button,#mainSettings .number>output>input::-webkit-inner-spin-button{-webkit-appearance:none!important;margin:0}#mainSettings .number>output>input[type=number]{-moz-appearance:textfield!important}#mainSettings .number>output>div{display:flex;flex-direction:column;gap:.25rem}#mainSettings .number>output>div>svg{cursor:pointer;width:1ch;fill:#484848}#mainSettings .number>output>input~div{position:static;translate:none}#mainSettings .toggle{overflow:hidden}#mainSettings .toggle>input{top:0;right:0;bottom:0;left:0;width:100%;height:100%;cursor:pointer;z-index:2;opacity:0}body{font-size:clamp(8px,1.5vh,24px);margin:0;height:100dvh;overflow:hidden;background:url(/assets/nycss-bg-pattern-BujxD0Ii.png) 0 .1dvh / 5dvh repeat,linear-gradient(45deg,black,var(--pri-colour-em-darker)),#0c2430}main{height:100%}#code-editor-wrapper{display:flex;flex-direction:column;align-items:center;height:100%;padding:var(--header-top) 2rem 2rem 2rem;gap:2.625rem;position:relative}@media not (min-width:1024px){#code-editor-wrapper{padding-left:var(--margin-gap);padding-right:var(--margin-gap);gap:1.625rem}}#code-editor-wrapper>#code-editor{flex:1;max-width:100%;aspect-ratio:var(--total-width) / 7;--gutter-width: .5;--editor-width: 5;--total-width: calc(var(--gutter-width) + (2 * var(--editor-width)));display:flex;gap:calc((var(--gutter-width) / var(--total-width)) * 100%)}@media not (min-width:1024px){#code-editor-wrapper>#code-editor{display:grid}}#code-editor-wrapper>#code-editor .editorGroup{width:100%;display:flex;flex-direction:column}#code-editor-wrapper>#code-editor .editorGroup:has(button:active),#code-editor-wrapper>#code-editor .editorGroup:has(#inputEditor.drag-hover){--opacity-medium: .75}#code-editor-wrapper>#code-editor .editorTab{--background-colour: rgb(from var(--shades-darkest) r g b / .25);--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-size:1rem;font-family:Fira Code,monospace;border:.25rch solid var(--window-text-colour);border-radius:1rem 1rem 0 0;border-bottom:none;background-color:var(--background-colour);display:flex;justify-content:space-between;padding:1rem!important}#code-editor-wrapper>#code-editor .editorTab>.fileName{font-size:1em;align-content:center}#code-editor-wrapper>#code-editor .editorTab>.fileName[caret-pos]:after{content:attr(caret-pos);font-size:.75em;opacity:.6}#code-editor-wrapper>#code-editor .editorTab>.tabButtons{font-size:.75em;display:flex;gap:1em}#code-editor-wrapper>#code-editor .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){#code-editor-wrapper>#code-editor .editorTab>.tabButtons>button{transition:.1s}}#code-editor-wrapper>#code-editor .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")}#code-editor-wrapper>#code-editor .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")}#code-editor-wrapper>#code-editor .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")}#code-editor-wrapper>#code-editor .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")}#code-editor-wrapper>#code-editor .editorTab>.tabButtons>button:hover{filter:invert(.8832)}#code-editor-wrapper>#code-editor .editorTab>.tabButtons>button:focus{outline:1px solid var(--shades-medium);outline-offset:4px;box-shadow:0 0 1.5rem var(--shades-medium);background-size:calc(100% - .5rem)}#code-editor-wrapper>#code-editor .editor{flex:1}.skip-link{position:absolute;top:-100%;left:0;z-index:10000;padding:1rem 2rem;background:var(--sec-colour-darkest);color:var(--shades-lightest);font-family:Poppins,sans-serif;font-size:1rem;text-decoration:none}.skip-link:focus{top:0}:focus-visible{outline:2px solid var(--sec-colour-medium);outline-offset:2px}@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{-webkit-user-select:none;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]{-webkit-appearance:none;-moz-appearance:none;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>output:hover,nycss-combobox>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>ul>li:hover,nycss-combobox>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>output:hover>div:not(:focus):empty:before{color:var(--component-text-hover)}nycss-toggle{outline:none!important;-webkit-user-select:none;user-select:none;position:relative;display:flex;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){nycss-toggle:before{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{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;margin:0}nycss-toggle>span{position:relative;cursor:pointer;flex:1;padding:1rem 2.5ch;text-align:center;align-content:center}nycss-toggle>span:hover{color:var(--component-text-hover)}nycss-stepper{-webkit-user-select:none;user-select:none;position:relative;width:fit-content;border:none;padding:1rem;gap:calc(2 * var(--component-gap));background:var(--component-background);border-radius:1rem}nycss-stepper:hover{color:var(--component-text-hover)}nycss-stepper:has(input:focus,input:active){z-index:1;box-shadow:var(--component-box-shadow-focused)}nycss-stepper>output>input{cursor:auto;display:inline-block;outline:none!important}nycss-stepper>output>input[type=text]{-webkit-appearance:none;-moz-appearance:none;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-radio-group{-webkit-user-select:none;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){nycss-radio-group>label{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>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{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;margin:0}nycss-radio-group>label:has(:disabled),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}}
