:root{--font-base:"Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--font-code:"Monaspace Argon", "Monaco", "Andale Mono", "Lucida Console", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;--body-bg:light-dark(#f8f8f6,#212121);--common-base:light-dark(#f9f9f9,#212121);--common-base-rev:light-dark(#212121,#efeeea);--tooltip-bg-color:light-dark(#f8f8f6,#353535);--modal-bg-color:light-dark(#f8f8f695,#353535);--tooltip-text-color:light-dark(#212121,#ededed);--tooltip-shadow-color:light-dark(#00000015,#00000030);--tooltip-shadow-border:light-dark(#00000040,#00000030);--tooltip-hover:light-dark(#00000012,#00000012);--tooltip-hover-2:light-dark(#00000012,#ededed20);--text-color-0:light-dark(#212121,#f9f9f9);--text-color-1:light-dark(#212121,#ededed);--section-bg-1:light-dark(#21212109,#ededed10);--text-color-2:color-mix(in srgb, var(--text-color-1) 80%, var(--body-bg));--text-color-3:color-mix(in srgb, var(--text-color-1) 50%, var(--body-bg));--text-color-4:color-mix(in srgb, var(--text-color-1) 30%, var(--body-bg));--text-color-5:color-mix(in srgb, var(--text-color-1) 20%, var(--body-bg));--text-color-rev-1:var(--body-bg);--text-color-rev-2:color-mix(in srgb, var(--text-color-rev-1) 80%, #fff);--text-color-rev-3:color-mix(in srgb, var(--text-color-rev-1) 50%, #fff);--text-color-error:#fb423f;--common-border:color-mix(in srgb, var(--text-color-1) 10%, transparent);--common-border-5:color-mix(in srgb, var(--text-color-1) 50%, transparent);--nav-action-hover:light-dark(#2121210f,color-mix(in srgb, var(--common-base-rev) 7%, transparent));--nav-action-hover-2:light-dark(#2121210f,color-mix(in srgb, var(--common-base-rev) 20%, transparent));--border-color-1:light-dark(color-mix(in srgb, #000 10%, var(--body-bg)),color-mix(in srgb, #fff 6%, var(--body-bg)));--border-color-2:light-dark(color-mix(in srgb, #000 10%, var(--body-bg)),color-mix(in srgb, #fff 6%, var(--body-bg)));--border-color-3:light-dark(color-mix(in srgb, #212121 20%, var(--body-bg)),color-mix(in srgb, #fff 30%, var(--body-bg)));--border-color-5:light-dark(color-mix(in srgb, #212121 30%, var(--body-bg)),color-mix(in srgb, #fff 50%, var(--body-bg)));--border-color-6:light-dark(color-mix(in srgb, #212121 35%, var(--body-bg)),color-mix(in srgb, #fff 60%, var(--body-bg)));--border-color-9:light-dark(color-mix(in srgb, #212121 8%, var(--body-bg)),color-mix(in srgb, #fff 90%, var(--body-bg)));--border-color-11:light-dark(color-mix(in srgb, #212121 20%, var(--body-bg)),color-mix(in srgb, #fff 35%, var(--body-bg)));--border-color-12:light-dark(color-mix(in srgb, #212121 40%, var(--body-bg)),color-mix(in srgb, #fff 70%, var(--body-bg)));--border-color-rev-2:light-dark(color-mix(in srgb, #212121 12%, var(--body-bg)),color-mix(in srgb, #fff 20%, var(--body-bg)));--common-accent:light-dark(oklch(70.89% .185 75.67),oklch(76.89% .147 75.67));--default-common-accent:light-dark(oklch(70.89% .185 75.67),oklch(76.89% .147 75.67));--header-bg:color-mix(in srgb, #000 2%, var(--body-bg));--sidebar-bg:light-dark(#efeeea,color-mix(in srgb, #000 20%, var(--body-bg)));--modal-inner-bg:light-dark(#fff,color-mix(in srgb, #000 20%, var(--body-bg)));--input-placeholder:light-dark(var(--text-color-1),var(--text-color-3));--input-bg:var(--nav-action-hover);--input-bg-focus:light-dark(color-mix(in srgb, #000 15%, var(--body-bg)),#ffffff35);--dropdown-area-bg:color-mix(in srgb, #fff 20%, var(--body-bg));--dropdown-area-hover:var(--nav-action-hover);--dropdown-area-border:light-dark(#00000040,color-mix(in srgb, #fff 70%, var(--body-bg)));--l-multiplier:1.05;--c-multiplier:1.2;--text-color-accent-0:light-dark(oklch(calc(67.3% * var(--l-multiplier)) calc(.21 * var(--c-multiplier)) 25.039),oklch(67.3% .21 25.039));--text-color-accent-1:light-dark(oklch(calc(57.85% * var(--l-multiplier)) calc(.15 * var(--c-multiplier)) 349.06),oklch(57.85% .15 349.06));--text-color-accent-2:light-dark(oklch(calc(72.4% * var(--l-multiplier)) calc(.16 * var(--c-multiplier)) 19.59),oklch(72.4% .16 19.59));--text-color-accent-3:light-dark(#de9d77,#de9d77);--text-color-accent-5:light-dark(#ffb82e,#ffb82e);--text-color-accent-6:light-dark(#b8b9ee,#b8b9ee);--text-color-accent-7:light-dark(#88d2fc,#88d2fc);--text-color-accent-8:light-dark(oklch(calc(66.3% * var(--l-multiplier)) calc(.08 * var(--c-multiplier)) 200.71),oklch(66.3% .08 200.71));--text-color-accent-9:light-dark(#70d18c,#70d18c);--text-color-accent-10:light-dark(oklch(calc(69.1% * var(--l-multiplier)) calc(.12 * var(--c-multiplier)) 151.34),oklch(69.1% .12 151.34));--text-color-accent-11:light-dark(#5071a7,#5071a7);--promo-accent:light-dark(oklch(59.1% .12 151.34),oklch(69.1% .12 151.34))}@font-face{font-family:Monaspace Argon;font-style:normal;font-weight:200 800;font-stretch:100 125;font-display:swap;src:url(/font/MonaspaceArgonVarVF[wght,wdth,slnt].woff2)format("woff2");src:url(/font/MonaspaceArgonVarVF[wght,wdth,slnt].woff2) format("woff2") tech("variations");font-variation-settings:"wght" 300, "wdth" 100, "slnt";font-feature-settings:"calt", "ss01", "ss02", "ss03", "liga"}a{color:var(--text-color-1);outline:none;text-decoration:none}div,ul,li,h1,h3,pre,p{margin:0;padding:0}ul{list-style:none}h1,h3{font-size:100%;font-weight:400}html{height:100vh}body{font-family:var(--font-base);color:var(--text-color-rev-1);margin:0;padding:0;font-size:14px;position:relative;overflow:hidden}a:hover{text-decoration:none}#full-embed{position:relative;& header{z-index:100;height:50px;position:fixed;top:0;left:0;right:0;box-shadow:0 0 5px #0003;& h1{float:right;height:50px;margin:0 0 0 10px;& a{height:50px;margin-right:10px;font-size:12px;line-height:50px;display:block;&:hover{text-decoration:underline}& svg{stroke:var(--common-accent);vertical-align:middle;margin-right:10px}}}}& #actions{& li{float:left;& a{height:50px;padding:0 10px;line-height:50px;display:block}}& .hl{background:var(--common-accent);width:0;height:3px;position:absolute;bottom:0;left:0;&.animated{transition:all .15s}}}& #tabs{height:calc(100vh - 50px);margin-top:50px;overflow:auto;& .tCont{padding:10px;display:none;&.active{display:block}}& pre{font-family:var(--font-code);background:0 0;font-size:12px;line-height:1.55em}& #result{height:calc(100vh - 50px);padding:0;& iframe{border:none;width:100%;height:100%;margin:0;display:block}}}& #resources{& h3{color:var(--text-color-rev-2);text-transform:uppercase;letter-spacing:1px;font-size:11px;line-height:23px}& ul{border-top:solid 1px var(--border-color-2);& li{border-bottom:solid 1px var(--border-color-2);padding:7px 0}& a{color:var(--common-accent)}}}}#sylvester-standalone{background:#fff;& a.toEditor{z-index:100;color:#fff;background:#2e71ff;border-radius:5px;align-items:center;height:40px;padding:0 10px;font-size:12px;display:flex;position:fixed;top:10px;right:10px;box-shadow:0 0 0 1px #fff;&:hover{text-decoration:underline}& svg{stroke:#fff;vertical-align:middle;margin-right:10px}}& #result,& iframe{border:none;width:100vw;height:100vh;margin:0;padding:0;display:block}}#actions li a{color:var(--text-color-1)}header{background-color:var(--header);& h1{& a{color:var(--text-color-1)}}}body{background-color:var(--body);color:var(--text-color-1)}.hljs-comment,.hljs-quote{color:#4e6a87}.hljs-variable,.hljs-template-variable,.hljs-regexp,.hljs-deletion,.hljs-selector-id,.hljs-selector-class,.hljs-selector-tag,.hljs-params,.hljs-attr{color:#f8b068}.hljs-keyword{color:#b896ed}.hljs-built_in,.hljs-builtin-name,.hljs-literal,.hljs-type,.hljs-meta,.hljs-link{color:#c68fe8}.hljs-attribute{color:#5b9dd0}.hljs-string,.hljs-symbol,.hljs-bullet,.hljs-addition{color:#f5eea2}.hljs-subst,.hljs-number{color:#ed6e55}.hljs-title,.hljs-section,.hljs-name{color:#ff4f68}.hljs{color:#f0f0f0;display:block;overflow-x:auto}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}:root{--body:var(--body-bg);--header:var(--body-bg)}html{color-scheme:dark}header{box-shadow:none}