: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:color-mix(in srgb, #fff 6%, var(--body-bg));--border-color-3:color-mix(in srgb, #fff 30%, var(--body-bg));--border-color-4:color-mix(in srgb, #fff 40%, var(--body-bg));--border-color-5:color-mix(in srgb, #fff 50%, var(--body-bg));--border-color-6:color-mix(in srgb, #fff 60%, var(--body-bg));--border-color-7:color-mix(in srgb, #fff 70%, var(--body-bg));--border-color-8:color-mix(in srgb, #fff 80%, var(--body-bg));--border-color-9:color-mix(in srgb, #fff 90%, var(--body-bg));--border-color-10:color-mix(in srgb, #fff 95%, 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-1:color-mix(in srgb, #fff 90%, var(--body-bg));--border-color-rev-2:color-mix(in srgb, #fff 20%, var(--body-bg));--icon-color-1:color-mix(in srgb, #fff 12%, 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));--header-text-color:var(--text-color-1);--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)));--modal-bg:light-dark(#efefef,color-mix(in srgb, #fff 8%, 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);--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-4:light-dark(#ffcf96,#ffcf96);--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(/https/jsfiddle.net/font/MonaspaceArgonVarVF[wght,wdth,slnt].woff2)format("woff2");src:url(/https/jsfiddle.net/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;&:hover{text-decoration:none}}input,textarea,select,kbd{font-family:var(--font-base)}select{cursor:pointer}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}abbr,acronym{border:0}::-webkit-input-placeholder{color:var(--input-placeholder)}:-moz-placeholder-shown{color:var(--input-placeholder)}::-moz-placeholder{color:var(--input-placeholder)}:-ms-placeholder-shown{color:var(--input-placeholder)}.icon{stroke:inherit}button:focus,a:focus,a:active{outline:none!important}button::-moz-focus-inner{outline:none!important}input[type=reset]::-moz-focus-inner{outline:none!important}input[type=button]::-moz-focus-inner{outline:none!important}input[type=submit]::-moz-focus-inner{outline:none!important}select::-moz-focus-inner{outline:none!important}input[type=file]>input[type=button]::-moz-focus-inner{outline:none!important}select:-moz-focusring{color:#0000;text-shadow:0 0 #000}.checkboxCont{cursor:pointer;& .checkbox{background:var(--input-bg);vertical-align:middle;border-radius:20px;width:32px;height:18px;margin-right:5px;transition:all .15s;display:inline-block;position:relative;top:-2px;&:after{content:"";background:var(--border-color-5);border-radius:16px;width:14px;height:14px;transition:all .15s;display:block;position:absolute;top:2px;left:2px}}& input[type=checkbox]{display:none;&:checked+.checkbox{background:var(--common-accent);&:after{background:#fff;left:16px}}&:disabled+.checkbox{background:#0000001a;&:after{opacity:.5}}}& small{color:#0000004d;font-size:inherit}& small.newFeature{background:var(--text-color-accent-10);color:#fff;border-radius:4px;padding:2px 4px;font-size:10px}}.proBadgeSelf{display:none}.proBadge{& .proBadgeSelf,& .previewBadgeSelf{background:var(--text-color-accent-5);text-transform:uppercase;border-radius:4px;margin-left:4px;padding:3px 5px;font-size:9px;font-weight:700;display:inline-block}& .previewBadgeSelf{color:var(--text-color-accent-9);border:solid 1px var(--text-color-accent-9);background:0 0;padding:2px 4px}}#sidebar{& .proBadgeSelf{color:var(--header-bg)}}.groupsList{flex-wrap:wrap;margin:3px 0 15px;display:flex;& label{background:var(--input-bg);color:inherit;white-space:nowrap;cursor:pointer;border-radius:6px;align-items:center;margin:3px;padding:3px 6px;display:flex;& input{display:none}&:has(input:checked){background:var(--common-accent)}}& .privateGroup{height:10px;margin-right:5px;& g{stroke:var(--text-color-3)}}}#flash-messages,.panelActionsCont{z-index:100;opacity:1;will-change:opacity, transform;pointer-events:auto;justify-content:center;transition:all .2s;display:flex;position:fixed;top:85px;left:0;right:0;&.hidden{opacity:0;pointer-events:none;transform:translateY(-10px)scale(.95)}& li{height:60px;color:var(--tooltip-text-color);cursor:pointer;background:var(--modal-bg-color);-webkit-backdrop-filter:blur(10px)brightness(2.7);backdrop-filter:blur(10px)brightness(2.7);box-shadow:0px 8px 16px 0px var(--tooltip-shadow-color), 0px 0px 1px 0px var(--tooltip-shadow-border);border-radius:100px;align-items:center;padding:0 30px;font-weight:500;display:flex}&.draft{& li{cursor:default}}& .flashActions{margin-left:10px;& a{color:inherit;border:solid 1px var(--border-color-11);border-radius:8px;margin-left:5px;padding:8px 10px;font-size:12px;&:hover{background:var(--common-accent);border:solid 1px var(--common-accent)}}}& svg{height:30px;stroke:var(--border-color-6);margin-right:20px}& .success{& svg{stroke:var(--text-color-accent-9)}}& .error{& svg{stroke:var(--text-color-accent-0)}}& .warning{& svg{stroke:var(--text-color-accent-5)}}& code{background:#0000001a;border-radius:3px;margin-left:5px;padding:2px 5px;font-size:12px}}.panelActionsCont{top:auto;bottom:10px;& li{height:auto;padding:10px 25px}& svg{margin-right:15px}& strong{margin-bottom:5px;font-weight:600;display:block}& p{color:var(--text-color-3);font-size:.9em}}.windowSettings .fieldCont,.selectCont{margin:0;position:relative;& input[type=text],& select{background:var(--input-bg);width:100%;height:34px;font-family:var(--font-base);box-sizing:border-box;vertical-align:middle;appearance:none;border:none;border-radius:6px;outline:none;padding:0 0 0 8px;font-size:13px;&:hover{background:var(--input-bg-focus)}}& input[type=text]{&:hover{background:var(--input-bg)}&:focus{background:var(--input-bg-focus)}}& label{pointer-events:none;position:absolute;top:0;bottom:0;right:5px}& svg{stroke:var(--text-color-4);pointer-events:none;position:absolute;top:5px;right:8px}}.pseudoAvatar{background:var(--text-color-accent-6);color:#0009;width:35px;height:35px;box-shadow:inset 0 0 0 1px var(--common-border-5);text-transform:uppercase;border-radius:100%;justify-content:center;align-items:center;font-size:10px;font-weight:900;animation:290s infinite fa-author-colors;display:flex}@keyframes fa-author-colors{0%{background-color:var(--text-color-accent-6)}10%{background-color:var(--text-color-accent-8)}30%{background-color:var(--text-color-accent-2)}50%{background-color:var(--text-color-accent-1)}70%{background-color:var(--text-color-accent-7)}90%{background-color:var(--text-color-accent-8)}to{background-color:var(--text-color-accent-3)}}html{height:100vh}body{height:100vh;font-family:var(--font-base);background:var(--body-bg);color:var(--text-color-1);font-optical-sizing:auto;font-variation-settings:"slnt" 0;font-size:14px;font-style:normal;overflow:hidden}body.noSidebar{& #fiddle-info{left:10px;& .sidebarToggle{margin-right:2px}}& #sidebar-main{& .sidebarItem .toggler{justify-content:center;& svg{margin-right:0}& span{display:none}}}& #sidebar-user{padding:15px 10px;& .suInfo{justify-content:center}& em{display:none}& .pseudoAvatar{margin-right:0}& .commonActions{display:none}}& #apps{& h4{text-align:center;padding:0}& a{justify-content:center;& span{display:none}}& svg{margin-right:0}}& #layout-container{grid-template-columns:75px 1fr}}.panelSettingsWrap{display:none}.seoTitle,#sidebar h2{opacity:0;position:absolute;top:-1000px}#progressbar{z-index:110;pointer-events:none;height:3px;position:absolute;top:66px;left:0;right:0}#layout-container header{border-bottom:solid 1px var(--common-border);height:65px;position:relative}#layout-container{grid-template-columns:250px 1fr;grid-template-areas:"sidebar header""sidebar content";height:100vh;display:grid;position:relative}.modalBody{background-color:#0000;display:none}#header{grid-area:header;grid-template-columns:1fr auto;display:grid}#fiddle-info{display:none}#content{grid-area:content;position:relative}#sidebar{background:var(--sidebar-bg);grid-template:"."66px"."1fr".""."/1.2fr;grid-area:sidebar;gap:0;margin:0;padding:0;display:grid;position:relative;& h1{box-sizing:border-box;border-bottom:solid 1px var(--common-border);& a{align-items:center;width:60px;height:65px;padding-left:15px;display:flex}& svg{width:46px;height:33px;stroke:var(--common-accent)}}}#sidebar-main,#sidebar-user,.headerActions{display:none}body.darkMode{& #switch-theme{& .isDark{display:block}& .isLight{display:none}}}#switch-theme{& .isDark{display:none}& .isLight{display:block}}