: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(#f9f9f9,#1e1f1f);--common-base:light-dark(#f9f9f9,#1e1f1f);--common-base-rev:light-dark(#1e1f1f,#ededed);--tooltip-bg-color:light-dark(#1e1f1f,#ededed);--tooltip-text-color:light-dark(#ededed,#1e1f1f);--tooltip-shadow-color:light-dark(transparent,rgba(0,0,0,.3));--tooltip-hover:light-dark(rgba(0,0,0,.07),rgba(0,0,0,.07));--text-color-1:light-dark(#1e1f1f,#ededed);--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(color-mix(in srgb,#1e1f1f 6%,transparent),color-mix(in srgb,var(--common-base-rev) 7%,transparent));--nav-action-hover-2:light-dark(color-mix(in srgb,#1e1f1f 6%,transparent),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-rev-1:color-mix(in srgb,#fff 90%,var(--body-bg));--icon-color-1:color-mix(in srgb,#fff 12%,var(--body-bg));--common-accent:light-dark(oklch(70.89% 0.185 75.67),oklch(76.89% 0.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(#efefef,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)),color-mix(in srgb,#fff 10%,var(--body-bg)));--l-multiplier:1.05;--c-multiplier:1.20;--text-color-accent-0:light-dark(oklch(calc(67.3% * var(--l-multiplier)) calc(0.21 * var(--c-multiplier)) 25.039),oklch(67.3% 0.21 25.039));--text-color-accent-1:light-dark(oklch(calc(57.85% * var(--l-multiplier)) calc(0.15 * var(--c-multiplier)) 349.06),oklch(57.85% 0.15 349.06));--text-color-accent-2:light-dark(oklch(calc(72.4% * var(--l-multiplier)) calc(0.16 * var(--c-multiplier)) 19.59),oklch(72.4% 0.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(0.08 * var(--c-multiplier)) 200.71),oklch(66.3% 0.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(0.12 * var(--c-multiplier)) 151.34),oklch(69.1% 0.12 151.34))}.uiprogress{pointer-events:none;position:absolute;top:14px;left:4px;width:31px;aspect-ratio:1;border-radius:50%;border:3px solid var(--common-accent);opacity:0;transition:opacity .4s;display:block}.uiprogress.active{opacity:1;animation:l20-1 .8s infinite linear alternate,l20-2 1.6s infinite linear}@keyframes l20-1{0%{-webkit-clip-path:polygon(50% 50%,0 0,50% 0,50% 0,50% 0,50% 0,50% 0);clip-path:polygon(50% 50%,0 0,50% 0,50% 0,50% 0,50% 0,50% 0)}12.5%{-webkit-clip-path:polygon(50% 50%,0 0,50% 0,100% 0,100% 0,100% 0,100% 0);clip-path:polygon(50% 50%,0 0,50% 0,100% 0,100% 0,100% 0,100% 0)}25%{-webkit-clip-path:polygon(50% 50%,0 0,50% 0,100% 0,100% 100%,100% 100%,100% 100%);clip-path:polygon(50% 50%,0 0,50% 0,100% 0,100% 100%,100% 100%,100% 100%)}50%{-webkit-clip-path:polygon(50% 50%,0 0,50% 0,100% 0,100% 100%,50% 100%,0 100%);clip-path:polygon(50% 50%,0 0,50% 0,100% 0,100% 100%,50% 100%,0 100%)}62.5%{-webkit-clip-path:polygon(50% 50%,100% 0,100% 0,100% 0,100% 100%,50% 100%,0 100%);clip-path:polygon(50% 50%,100% 0,100% 0,100% 0,100% 100%,50% 100%,0 100%)}75%{-webkit-clip-path:polygon(50% 50%,100% 100%,100% 100%,100% 100%,100% 100%,50% 100%,0 100%);clip-path:polygon(50% 50%,100% 100%,100% 100%,100% 100%,100% 100%,50% 100%,0 100%)}to{-webkit-clip-path:polygon(50% 50%,50% 100%,50% 100%,50% 100%,50% 100%,50% 100%,0 100%);clip-path:polygon(50% 50%,50% 100%,50% 100%,50% 100%,50% 100%,50% 100%,0 100%)}}@keyframes l20-2{0%{transform:scaleY(1) rotate(0deg)}49.99%{transform:scaleY(1) rotate(135deg)}50%{transform:scaleY(-1) rotate(0deg)}to{transform:scaleY(-1) rotate(-135deg)}}.loader-linear{z-index:1032;height:4px;position:absolute;bottom:-3px;left:0;opacity:0;background:var(--common-accent);transition:opacity .3s;pointer-events:none}.loader-linear.active{opacity:1;animation-name:ongoing;animation-duration:20s;animation-timing-function:linear}.loader-linear.full{opacity:1;animation-name:fullyLoaded}@keyframes ongoing{0%{width:10%}10%{width:15%}15%{width:15%}20%{width:20%}25%{width:20%}30%{width:25%}35%{width:25%}40%{width:30%}45%{width:30%}50%{width:35%}55%{width:35%}60%{width:40%}65%{width:45%}70%{width:50%}75%{width:55%}80%{width:60%}85%{width:60%}90%{width:25%}95%{width:65%}to{width:65%}}@keyframes fullyLoaded{0%{width:100%}to{width:100%}}#content input[type=password],#content input[type=text],#content select,#content textarea,#sidebar input[type=password],#sidebar input[type=text],#sidebar select,#sidebar textarea{width:100%;padding:0 10px;height:34px;color:var(--text-color-rev-1);font-family:var(--font-base);font-size:13px;background:#fff;border-radius:8px;outline:none;box-sizing:border-box;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none}#content input[type=password]:disabled,#content input[type=text]:disabled,#content select:disabled,#content textarea:disabled,#sidebar input[type=password]:disabled,#sidebar input[type=text]:disabled,#sidebar select:disabled,#sidebar textarea:disabled{background:var(--border-color-2);color:var(--border-color-2)}#editor{height:calc(100vh - 65px)}#editor .gutter{background:var(--common-border);position:relative}#editor .gutter.gutter-horizontal{cursor:ew-resize;height:100%;float:left}#editor .gutter.gutter-horizontal:after{content:"";display:block;height:100%;width:8px;position:absolute;left:-3px;z-index:10}#editor .gutter.gutter-vertical{cursor:ns-resize}#editor .gutter.gutter-vertical:after{content:"";display:block;height:8px;width:100%;position:absolute;top:-3px;z-index:10}#editor .split{box-sizing:border-box}#editor .panel #panel-code-css,#editor .panel #panel-code-html,#editor .panel #panel-code-js{margin-top:55px;height:calc(100% - 55px);width:100%}#editor .panel{overflow:hidden}#editor .panel:hover .iconCont,#editor .panel:hover .panelTidy{opacity:1}#editor .panel-v{float:left;height:100%}#editor .panel-h,#editor .panel-v{overflow:auto;position:relative}#editor .tabsContainer{height:calc(100% - 42px)}#editor .tabsContainer .tabCont{overflow:hidden;height:100%}#editor .tabsContainer .tabCont.hidden{opacity:0;pointer-events:none;position:absolute;top:0;left:0}.windowLabelCont{position:absolute;top:0;left:0;right:0;display:flex;align-items:center}.windowLabelCont .isModuleInfo{margin-right:10px;display:none;height:50px;align-items:center}.windowLabelCont .isModuleInfo.visible{display:flex}.windowLabelCont .isModuleInfo em{border:solid 1px var(--common-border);color:var(--text-color-2);text-transform:uppercase;font-size:8px;letter-spacing:1px;padding:3px 5px;border-radius:4px}.windowLabelCont .panelTidy,.windowLabelCont .windowLabel{font-size:16px;z-index:30;color:var(--text-color-1);height:50px;padding:0 15px;display:flex;align-items:center;font-weight:700;cursor:pointer}.windowLabelCont .panelTidy:hover .iconCont,.windowLabelCont .windowLabel:hover .iconCont{background-color:var(--common-accent)}.windowLabelCont .panelTidy .iconCont,.windowLabelCont .windowLabel .iconCont{background-color:var(--nav-action-hover);position:relative;left:10px;display:flex;align-items:center;justify-content:center;height:18px;width:18px;border-radius:20px;opacity:0;transition:opacity .2s}.windowLabelCont .panelTidy .iconCont,.windowLabelCont .panelTidy .label,.windowLabelCont .windowLabel .iconCont,.windowLabelCont .windowLabel .label{pointer-events:none}.windowLabelCont .panelTidy svg,.windowLabelCont .windowLabel svg{stroke:currentColor;position:relative;top:1px}.windowLabelCont .panelTidy.hidden,.windowLabelCont .windowLabel.hidden{display:none}.windowLabelCont .windowLabel:after{content:"";display:block;position:absolute;bottom:3px;left:15px;height:3px;width:0;pointer-events:none;background:var(--common-accent);border-radius:4px;transition:width .1s}.windowLabelCont.focused .windowLabel:after{width:40px}.windowLabelCont .windowLabel{margin-right:auto}.windowLabelCont .panelTidy{opacity:0;transition:opacity .2s}.resultsPanel{position:relative}.resultsPanel .resultsCont{height:100%;display:grid;grid-template-rows:1fr auto}.resultsPanel .resultsCont .windowLabelCont:after,.resultsPanel .resultsCont .windowLabelCont:before{display:none}.resultsPanel .resultsCont.consoleEnabled #console,.resultsPanel .resultsCont.consoleEnabled.minimized #console{display:block}.resultsPanel .resultsCont.consoleEnabled{grid-template-rows:1fr 50%}.resultsPanel .resultsCont.consoleEnabled.minimized{grid-template-rows:1fr 30px}.resultsPanel .resultsCont.consoleEnabled.minimized #console{min-height:30px;cursor:pointer;overflow:hidden}.resultsPanel .resultsCont.consoleEnabled.minimized #console #console-output{height:0;overflow:hidden}.resultsPanel .resultsCont.consoleEnabled.minimized #console #console-input,.resultsPanel .resultsCont.consoleEnabled.minimized #console .consoleActions{display:none}.resultsPanel .iframeCont{overflow:hidden}.resultsPanel iframe{height:100%;width:100%;margin:0;display:block}.resultsPanel .iframeCont:has(iframe:is([src=""])) .windowLabelCont,.resultsPanel.running .windowLabelCont{opacity:0;pointer-events:none}.resultsPanel iframe:is([src=""]){display:none}.resultsPanel.running iframe{display:block}.resultsPanel .windowLabelCont{pointer-events:none;display:flex;justify-content:flex-start;align-items:center;height:40px}.resultsPanel .windowLabelCont .windowLabel{padding-right:0}.resultsPanel .windowLabelCont .size{color:var(--text-color-2);font-size:12px;padding:0 6px;height:20px;display:inline-block;border:solid 1px var(--border-color-2);background:var(--body-bg);border-radius:3px;opacity:1;transition:opacity .25s;display:flex;align-items:center;margin-left:10px}.resultsPanel .windowLabelCont .size.hidden{opacity:0}legend{display:none}.windowSettings h3{display:flex;align-items:center;padding:0;font-weight:700}.windowSettings *+h3{margin:25px 0 5px}.windowSettings section{display:grid;grid-template-columns:130px auto;margin-bottom:15px}.windowSettings section.noCols{grid-template-columns:auto}.windowSettings code{background:var(--input-bg-focus);font-size:11px;padding:2px 4px;border-radius:6px;margin-right:6px;font-family:var(--font-code)}.panelExtrasChoice li{padding-top:5px;font-size:13px}#tabs{border-bottom:solid 1px var(--border-color-2);border-top:solid 1px var(--border-color-2);background:var(--header-bg)}#tabs.hidden{display:none}#tabs ul{display:flex}#tabs .tabItem,#tabs ul{position:relative}#tabs .tabItem.active{box-shadow:0 1px 0 var(--body-bg),0 -1px 0 var(--common-accent);background:var(--body-bg)}#tabs .tabItem.active a{color:var(--text-color-1)}#tabs a{height:40px;color:var(--text-color-4);padding:0 45px;font-size:13px;display:inline-flex;align-items:center;border-right:solid 1px var(--border-color-2)}#tabs a:hover{text-decoration:none;color:var(--text-color-1)}#tabs a:before{content:"";display:block;height:6px;width:6px;background:var(--common-accent);position:absolute;top:17px;left:15px;border-radius:10px;transition:all .15s;opacity:0;transform:scale(.5)}#tabs a.modified:before{opacity:1;transform:scale(1)}#problem-banner{background:#fff;position:absolute;top:0;left:10px;padding:10px 0;line-height:1.55em;border-radius:4px;z-index:90;text-align:center;font-size:13px;display:none}#problem-banner.visible{display:block}#problem-banner a{color:var(--common-accent);font-weight:600}#problem-banner code{border-radius:3px;padding:1px 2px;background:var(--border-color-9);font-family:var(--font-code);font-size:12px;font-optical-sizing:auto;font-style:normal}#boilerplates{position:absolute;top:0;bottom:0;left:0;right:0;display:flex;flex-direction:column;align-items:center;justify-content:center}#boilerplates h3{color:var(--text-color-1);margin-bottom:30px;font-size:14px;font-weight:600}#boilerplates ul.boilerplates{text-align:center;width:80%}#boilerplates ul.boilerplates li{margin:0 6px 15px 0;display:inline-flex}#boilerplates ul.boilerplates a{display:block;padding:6px 8px;border-radius:8px;background:var(--common-base-rev);color:var(--common-base);font-size:12px;font-weight:500}#boilerplates ul.boilerplates a:hover{text-decoration:none;background:var(--common-accent);color:var(--common-base)}#actions{margin-right:10px}.headerActions{height:65px}.commonActions,.headerActions{position:relative;display:flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.commonActions svg,.headerActions svg{max-height:18px;max-width:18px;pointer-events:none}.commonActions li,.headerActions li{margin:0 2px;display:flex;align-items:center}.commonActions li .fxLink,.commonActions li a,.commonActions li aside,.headerActions li .fxLink,.headerActions li a,.headerActions li aside{display:flex;height:36px;min-width:36px;white-space:nowrap;transition:background-color .1s;align-items:center;justify-content:center}.commonActions li .fxLink,.commonActions li a,.headerActions li .fxLink,.headerActions li a{font-variation-settings:"wght" 500;border-radius:8px;cursor:pointer}.commonActions li .fxLink span,.commonActions li a span,.headerActions li .fxLink span,.headerActions li a span{margin-left:5px;pointer-events:none}.commonActions li .fxLink input[type=radio],.commonActions li a input[type=radio],.headerActions li .fxLink input[type=radio],.headerActions li a input[type=radio]{position:absolute;left:-900em}.commonActions li .fxLink:has(span),.commonActions li a:has(span),.headerActions li .fxLink:has(span),.headerActions li a:has(span){padding:0 10px}.commonActions li .fxLink.mode_private svg,.commonActions li .fxLink.mode_public svg,.commonActions li a.mode_private svg,.commonActions li a.mode_public svg,.headerActions li .fxLink.mode_private svg,.headerActions li .fxLink.mode_public svg,.headerActions li a.mode_private svg,.headerActions li a.mode_public svg{display:none}.commonActions li .fxLink.mode_private .tpPrivate,.commonActions li .fxLink.mode_public .tpPublic,.commonActions li a.mode_private .tpPrivate,.commonActions li a.mode_public .tpPublic,.headerActions li .fxLink.mode_private .tpPrivate,.headerActions li .fxLink.mode_public .tpPublic,.headerActions li a.mode_private .tpPrivate,.headerActions li a.mode_public .tpPublic{display:block}.commonActions li.active a,.commonActions li:hover .fxLink,.commonActions li:hover a,.commonActions li:hover aside,.headerActions li.active a,.headerActions li:hover .fxLink,.headerActions li:hover a,.headerActions li:hover aside{background:var(--nav-action-hover)}.commonActions li aside,.headerActions li aside{border-radius:0 8px 8px 0;border-left:solid 1px var(--common-base);cursor:pointer}.commonActions li aside:hover,.headerActions li aside:hover{background:var(--nav-action-hover-2)}.commonActions li:has(aside) a,.headerActions li:has(aside) a{border-radius:8px 0 0 8px}.commonActions li.proButton,.headerActions li.proButton{margin-left:10px}.commonActions li.proButton a,.headerActions li.proButton a{border:solid 1px color-mix(in srgb,var(--text-color-1) 10%,transparent);color:var(--common-accent)}.commonActions li.proButton a:hover,.headerActions li.proButton a:hover{border:solid 1px var(--common-accent);background:var(--common-base)}.commonActions li.runButton,.headerActions li.runButton{margin-right:5px}.commonActions li.runButton .fxLink,.commonActions li.runButton a,.commonActions li.runButton aside,.commonActions li.selected .fxLink,.commonActions li.selected a,.commonActions li.selected aside,.commonActions li:has(input:checked) .fxLink,.commonActions li:has(input:checked) a,.commonActions li:has(input:checked) aside,.headerActions li.runButton .fxLink,.headerActions li.runButton a,.headerActions li.runButton aside,.headerActions li.selected .fxLink,.headerActions li.selected a,.headerActions li.selected aside,.headerActions li:has(input:checked) .fxLink,.headerActions li:has(input:checked) a,.headerActions li:has(input:checked) aside{background:var(--common-accent);color:#fff}.commonActions li.hidden,.headerActions li.hidden{display:none}.commonActions li.divider,.headerActions li.divider{margin:0 10px}.commonActions li.divider:after,.headerActions li.divider:after{content:"";display:block;border-left:solid 1px var(--common-border);height:20px;width:1px}.commonActions.smallActions,.headerActions.smallActions{flex-wrap:wrap}.commonActions.smallActions li,.headerActions.smallActions li{margin-bottom:5px}.commonActions.smallActions li .fxLink,.commonActions.smallActions li a,.commonActions.smallActions li aside,.headerActions.smallActions li .fxLink,.headerActions.smallActions li a,.headerActions.smallActions li aside{height:28px;min-width:28px;background:var(--nav-action-hover)}.commonActions.smallActions li .fxLink,.commonActions.smallActions li a,.headerActions.smallActions li .fxLink,.headerActions.smallActions li a{font-variation-settings:"wght" 400;border-radius:6px}.commonActions.smallActions li .fxLink span,.commonActions.smallActions li a span,.headerActions.smallActions li .fxLink span,.headerActions.smallActions li a span{margin-left:0;font-size:13px}.commonActions.smallActions li .fxLink:has(span),.commonActions.smallActions li a:has(span),.headerActions.smallActions li .fxLink:has(span),.headerActions.smallActions li a:has(span){padding:0 8px}#fiddle-info{left:-50px;position:relative;z-index:100;display:block}#fiddle-info .sidebarToggle{margin-right:20px}#fiddle-info .fiddleAuthor{position:relative;flex:1}#fiddle-info .faCont{margin:0 10px}#fiddle-info .pseudoAvatar{height:25px;width:25px}#fiddle-info input{height:34px;color:var(--text-color-1);font-family:var(--font-base);font-size:14px;background:transparent;outline:none;box-sizing:border-box;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;width:85%}#modal-overlay{pointer-events:none;background-color:hsla(0,0%,7%,0);position:fixed;top:0;left:0;width:100dvw;height:100dvh;z-index:1000}body.modalOverlayVisible #modal-overlay{pointer-events:all;background-color:hsla(0,0%,7%,.7)}.modalBody{color-scheme:light;position:fixed;top:0;left:0;display:none;justify-content:center;align-items:center;overflow:auto;color:var(--text-color-1)}.modalBody.visible{display:flex;z-index:2000;width:100dvw;height:100dvh}.modalBody.hasHeader .modalApp{grid-template-rows:90px 1fr}.modalApp{background-color:#fff;width:930px;min-width:900px;border-radius:10px;height:85vh;min-height:500px;overflow:hidden;display:grid;grid-template-rows:1fr;transition-property:opacity,transform;transition-duration:.12s;transition-timing-function:ease-out;transform:scale3d(.98,.98,.98);color:inherit;color:var(--text-color-1)}.modalApp header{padding-left:20px;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;position:relative}.modalApp header h1{font-size:23px;font-weight:700;margin-bottom:5px}.modalApp header h2{opacity:.5}.modalApp .closeModal{position:absolute;top:10px;right:10px;display:flex;height:35px;width:35px;align-items:center;justify-content:center;border-radius:5px}.modalApp .closeModal svg{pointer-events:none}.modalApp .closeModal:hover{background-color:rgba(0,0,0,.05);text-decoration:none}.modalApp .closeModal:active{background-color:rgba(0,0,0,.1)}.modalContent iframe{display:block;width:100%;height:100%;background:transparent;overflow:hidden}.modalContent:not(:has(>iframe)){overflow:auto;padding:20px}.modalBody.goPro .modalContent,.modalBody.unblockRequest .modalContent{display:grid;grid-template-columns:1fr 350px;overflow:auto;padding:0}.modalBody.goPro .modalContent main,.modalBody.unblockRequest .modalContent main{padding:0 30px;overflow:auto}.modalBody.goPro .modalContent main h2,.modalBody.unblockRequest .modalContent main h2{font-size:30px;font-weight:800;padding-bottom:15px;line-height:2.8rem;letter-spacing:-.03rem;margin-top:35px}.modalBody.goPro .modalContent main h2 strong,.modalBody.unblockRequest .modalContent main h2 strong{background-color:rgba(80,162,167,.2);color:#50a2a7;font-weight:800;padding:4px 12px}.modalBody.goPro .modalContent main h3,.modalBody.unblockRequest .modalContent main h3{font-size:17px;font-weight:700;margin-bottom:5px}.modalBody.goPro .modalContent main p,.modalBody.unblockRequest .modalContent main p{opacity:.6;line-height:1.3rem}.modalBody.goPro .modalContent em,.modalBody.unblockRequest .modalContent em{border-radius:10px;height:50px;width:50px;display:flex;align-items:center;justify-content:center}.modalBody.goPro .modalContent svg,.modalBody.unblockRequest .modalContent svg{width:25px}.modalBody.goPro .modalContent .perks,.modalBody.unblockRequest .modalContent .perks{margin-bottom:15px}.modalBody.goPro .modalContent .perks li,.modalBody.unblockRequest .modalContent .perks li{display:grid;grid-template-columns:70px 1fr;margin-top:25px}.modalBody.goPro .modalContent .perks li:first-child em,.modalBody.unblockRequest .modalContent .perks li:first-child em{background:rgba(251,177,30,.2)}.modalBody.goPro .modalContent .perks li:first-child em svg,.modalBody.unblockRequest .modalContent .perks li:first-child em svg{stroke:#fbb11e}.modalBody.goPro .modalContent .perks li:nth-child(2) em,.modalBody.unblockRequest .modalContent .perks li:nth-child(2) em{background:rgba(80,162,167,.2)}.modalBody.goPro .modalContent .perks li:nth-child(2) em svg,.modalBody.unblockRequest .modalContent .perks li:nth-child(2) em svg{stroke:#50a2a7}.modalBody.goPro .modalContent .perks li:nth-child(3) em,.modalBody.unblockRequest .modalContent .perks li:nth-child(3) em{background:rgba(185,77,136,.2)}.modalBody.goPro .modalContent .perks li:nth-child(3) em svg,.modalBody.unblockRequest .modalContent .perks li:nth-child(3) em svg{stroke:#b94d88}.modalBody.goPro .modalContent .perks li:nth-child(4) em,.modalBody.unblockRequest .modalContent .perks li:nth-child(4) em{background:rgba(108,167,80,.2)}.modalBody.goPro .modalContent .perks li:nth-child(4) em svg,.modalBody.unblockRequest .modalContent .perks li:nth-child(4) em svg{stroke:#6ca750}.modalBody.goPro .modalContent .perks li:nth-child(5) em,.modalBody.unblockRequest .modalContent .perks li:nth-child(5) em{background:rgba(80,113,167,.2)}.modalBody.goPro .modalContent .perks li:nth-child(5) em svg,.modalBody.unblockRequest .modalContent .perks li:nth-child(5) em svg{stroke:#5071a7}.modalBody.goPro .modalContent aside,.modalBody.unblockRequest .modalContent aside{padding:0 20px;background:rgba(0,0,0,.05);display:grid;grid-template-rows:1fr 100px;box-sizing:border-box}.modalBody.goPro .modalContent aside .brandsCont,.modalBody.unblockRequest .modalContent aside .brandsCont{padding-top:50px}.modalBody.goPro .modalContent aside .brandsCont .segment,.modalBody.unblockRequest .modalContent aside .brandsCont .segment{margin:25px 0}.modalBody.goPro .modalContent aside .brandsCont .segment.edu svg,.modalBody.unblockRequest .modalContent aside .brandsCont .segment.edu svg{height:50px;width:120px}.modalBody.goPro .modalContent aside .brandsCont p,.modalBody.unblockRequest .modalContent aside .brandsCont p{opacity:.7}.modalBody.goPro .modalContent aside .brandsCont svg,.modalBody.unblockRequest .modalContent aside .brandsCont svg{width:30px;margin:8px}.modalBody.goPro .modalContent aside .proActionCont,.modalBody.unblockRequest .modalContent aside .proActionCont{display:flex;align-items:flex-end;justify-content:space-between}.modalBody.goPro .modalContent aside .proActionCont a,.modalBody.unblockRequest .modalContent aside .proActionCont a{padding:15px 0;border-radius:10px;font-size:15px;font-weight:700;background:var(--common-accent);color:#fff;width:100%;text-align:center;margin-bottom:20px}.modalBody.tinyModal .modalApp{width:450px;min-width:450px;height:45vh;min-height:300px}.modalBody.mediumModal .modalApp{width:700px;min-width:700px;height:75vh;min-height:300px}.modalBody.unblockRequest .modalApp{width:850px;min-width:850px}.modalBody.unblockRequest .modalApp .modalContent{display:grid}.modalBody.unblockRequest .modalApp .modalContent h3{font-size:14px;font-weight:700;margin-bottom:2px}.modalBody.unblockRequest .modalApp .modalContent em{border-radius:8px;height:35px;width:35px}.modalBody.unblockRequest .modalApp .modalContent svg{width:20px}.modalBody.unblockRequest .modalApp .modalContent .perks{margin-bottom:10px;margin-top:10px}.modalBody.unblockRequest .modalApp .modalContent .perks li{display:grid;grid-template-columns:50px 1fr;margin-top:20px}.modalBody.unblockRequest .modalApp .helpCont{padding-bottom:20px}.modalBody.unblockRequest .modalApp .helpCont p{opacity:1;margin-bottom:20px}.modalBody.unblockRequest .modalApp .helpCont p+p{margin-top:50px}.modalBody.unblockRequest .modalApp .helpCont li{margin:15px 0;border-radius:10px;border:1px solid rgba(0,0,0,.1);display:flex;align-items:center;height:60px;padding:0 0 0 15px}.modalBody.unblockRequest .modalApp .helpCont .whitelist,.modalBody.unblockRequest .modalApp .helpCont a{background:var(--common-accent);border:solid 1px var(--common-accent);padding:5px 10px;border-radius:5px;font-weight:700;margin-right:5px}.modalBody.unblockRequest .modalApp .helpCont a{color:var(--text-color-1)}.modalBody.unblockRequest .modalApp .helpCont .whitelist{background:none;border:1px solid rgba(0,0,0,.1)}.modalBody.unblockRequest .modalApp .helpCont strong{font-weight:700}.modalBody.unblockRequest .modalApp .helpCont em{position:absolute;top:20px;right:20px;cursor:pointer;opacity:.4}.modalBody.unblockRequest .modalApp .helpCont em:hover{text-decoration:underline}.modalBody.unblockRequest .modalApp aside{display:flex;align-items:center}.modalBody.unblockRequest .modalApp aside h3{font-size:15px;font-weight:700;margin-bottom:5px}.modalBody.unblockRequest .modalApp aside p{opacity:.6;line-height:1.3rem}#layout-container .hasHeader.commonLayout header,.hasHeader.commonLayout header{height:90px;border-bottom:var(--border-color-1) 1px solid;position:relative}#modal-panel-options .modalContent{display:grid;grid-template-columns:200px 1fr}#modal-top-menu{border-right:solid 1px var(--border-color-1);padding-right:20px;margin-right:20px}#modal-top-menu .commonActions{flex-direction:column}#modal-top-menu .commonActions li{margin:0 0 10px;width:100%}#modal-top-menu .commonActions li label{width:100%;justify-content:start}#modal-panel-options .modalContent #panel-options-tabs .windowSettings{display:none}#modal-panel-options .modalContent:has(#modal-top-menu li:first-child input:checked) #panel-options-tabs .windowSettings:first-child{display:block}#modal-panel-options .modalContent:has(#modal-top-menu li:nth-child(2) input:checked) #panel-options-tabs .windowSettings:nth-child(2){display:block}#modal-panel-options .modalContent:has(#modal-top-menu li:nth-child(3) input:checked) #panel-options-tabs .windowSettings:nth-child(3){display:block}#embed-creator{display:grid;height:100%;grid-template-rows:.4fr 1fr;grid-gap:15px}#creator{display:grid;grid-template-columns:.5fr .5fr;grid-template-areas:"tabs    snippet" "visuals snippet";grid-gap:15px}#creator .ecTabs{grid-area:tabs}#creator .ecVisuals{grid-area:visuals}#creator .colorFields{display:grid;grid-template-columns:.5fr .5fr;grid-gap:10px;margin-top:15px}#creator .colorFields label{display:block}#creator .colorFields input[type=text]{border:solid 1px var(--border-color-1);background:#fff;border-radius:6px}#creator .ecSnippet{grid-area:snippet}#creator section{padding:10px;border-radius:8px;background:rgba(0,0,0,.03);min-width:0}#creator h3{margin-bottom:15px;font-weight:700;position:relative}#creator h3 .codeTypeToggle{color:var(--common-accent);letter-spacing:0;text-transform:none;position:absolute;top:0;right:0}#creator input[type=text]{padding:6px 8px}#creator input[type=text],#creator textarea{color:var(--text-color-1);font-size:13px;background:transparent;border:0;outline:none;box-sizing:border-box}#creator .embedCode{width:100%;height:80px;font-family:var(--font-code);font-size:12px;word-wrap:break-word;resize:none;margin-top:10px;font-optical-sizing:auto;font-style:normal}#creator .embedCodeWrap p{margin-top:5px}#creator .embedCodeWrap strong{color:#f36e65}#creator .embedCodeWrap.hidden{display:none}#creator .inputCont_checkbox{margin-right:12px}#creator .inputCont_checkbox i{font-weight:600}#preview{border:solid 1px var(--border-color-1)}#preview iframe{display:block}#expiration,#layout,#theme{width:100%;display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;text-align:left;margin:5px 0}#expiration label,#layout label,#theme label{display:block;cursor:pointer;padding:10px;border-radius:8px;display:flex;align-items:center}#expiration label input,#layout label input,#theme label input{display:none}#expiration label .gridMode,#layout label .gridMode,#theme label .gridMode{height:24px;width:28px;border-radius:5px;position:relative;border:solid 1px color-mix(in srgb,#000 15%,var(--border-color-rev-1));margin-right:10px;margin-top:0}#expiration label .gridMode:after,#expiration label .gridMode:before,#layout label .gridMode:after,#layout label .gridMode:before,#theme label .gridMode:after,#theme label .gridMode:before{content:"";position:absolute;background:color-mix(in srgb,#000 15%,var(--border-color-rev-1))}#expiration label .gridMode.grid_1:after,#layout label .gridMode.grid_1:after,#theme label .gridMode.grid_1:after{top:49%;left:0;right:0;height:1px}#expiration label .gridMode.grid_1:before,#layout label .gridMode.grid_1:before,#theme label .gridMode.grid_1:before{top:0;left:49%;bottom:0;width:1px}#expiration label .gridMode.grid_2:after,#layout label .gridMode.grid_2:after,#theme label .gridMode.grid_2:after{top:0;left:33%;bottom:0;width:1px}#expiration label .gridMode.grid_2:before,#layout label .gridMode.grid_2:before,#theme label .gridMode.grid_2:before{top:0;left:66%;bottom:0;width:1px}#expiration label .gridMode.grid_3:after,#layout label .gridMode.grid_3:after,#theme label .gridMode.grid_3:after{top:0;left:49%;height:50%;width:1px}#expiration label .gridMode.grid_3:before,#layout label .gridMode.grid_3:before,#theme label .gridMode.grid_3:before{top:50%;left:0;right:0;height:1px}#expiration label .gridMode.grid_4:after,#layout label .gridMode.grid_4:after,#theme label .gridMode.grid_4:after{top:49%;left:0;width:50%;height:1px}#expiration label .gridMode.grid_4:before,#layout label .gridMode.grid_4:before,#theme label .gridMode.grid_4:before{top:0;bottom:0;right:49%;width:1px}#expiration label .gridMode.grid_5:after,#expiration label .gridMode.grid_6:after,#layout label .gridMode.grid_5:after,#layout label .gridMode.grid_6:after,#theme label .gridMode.grid_5:after,#theme label .gridMode.grid_6:after{top:0;left:49%;height:20%;width:1px}#expiration label .gridMode.grid_5:before,#expiration label .gridMode.grid_6:before,#layout label .gridMode.grid_5:before,#layout label .gridMode.grid_6:before,#theme label .gridMode.grid_5:before,#theme label .gridMode.grid_6:before{top:20%;left:0;right:0;height:1px}#expiration label:has(input:checked),#layout label:has(input:checked),#theme label:has(input:checked){background:var(--common-accent);color:#fff}#expiration label:has(input:checked) .gridMode,#layout label:has(input:checked) .gridMode,#theme label:has(input:checked) .gridMode{border-color:#fff}#expiration label:has(input:checked) .gridMode:after,#layout label:has(input:checked) .gridMode:after,#theme label:has(input:checked) .gridMode:after{background:#fff}#expiration label:has(input:checked) .gridMode:before,#layout label:has(input:checked) .gridMode:before,#theme label:has(input:checked) .gridMode:before{background:#fff}#expiration label:hover .gridMode,#layout label:hover .gridMode,#theme label:hover .gridMode{border:solid 1px color-mix(in srgb,#000 35%,var(--border-color-rev-1))}#expiration label:hover .gridMode:after,#expiration label:hover .gridMode:before,#layout label:hover .gridMode:after,#layout label:hover .gridMode:before,#theme label:hover .gridMode:after,#theme label:hover .gridMode:before{background:color-mix(in srgb,#000 35%,var(--border-color-rev-1))}#expiration label:hover,#layout label:hover,#theme label:hover{background:var(--tooltip-hover)}.tippy-content h5{margin:5px -10px 0;padding-top:12px;padding-bottom:2px;border-top:solid 1px var(--border-color-8);font-weight:500}#expiration,.tippy-content h5{background-color:rgba(0,0,0,.03)}#expiration{grid-template-columns:1fr 1fr 1fr;grid-gap:5px;margin:0;margin-left:-10px;margin-bottom:-5px;padding:10px}#expiration label{border-radius:6px;padding:5px 7px;font-size:12px}#theme{grid-template-columns:1fr 1fr 1fr}#theme label{justify-content:center}#editor-options{display:grid;grid-gap:15px}#editor-options h3{margin-bottom:15px;font-weight:700;position:relative}#editor-options section{padding:10px;border-radius:8px;background:rgba(0,0,0,.03)}#editor-options p{margin-bottom:10px}#editor-options p:last-child{margin-bottom:0}#editor-options .fieldsCont{display:grid;grid-template-columns:1fr 1fr 1fr}#editor-options .selectPairs{display:grid;grid-template-columns:calc(33% - 15px) calc(33% - 15px) 33%;grid-gap:15px;margin-top:10px}#editor-options .selectPair{margin-top:8px;position:relative}#editor-options .selectPair .label{display:block;margin-bottom:5px}#editor-options .selectCont{display:block}#editor-options h3:first-child{border-top:0;margin-top:0;padding-top:0}#console{background:rgba(var(--header-bg),1);width:100%;color:var(--text-color-2);border-top:solid 1px var(--border-color-1);margin:0;padding:0;font-size:11px;overflow:auto;display:none}#console .header{border-bottom:solid 1px var(--border-color-1);position:-webkit-sticky;position:sticky;top:0;left:0;height:30px;padding-left:10px;background:var(--body-bg);display:flex;align-items:center}#console .header svg.logo{stroke:var(--text-color-5);margin-right:5px}#console .header .consoleActions{position:absolute;right:0;top:0;display:flex}#console .header .consoleActions a{display:flex;height:30px;align-items:center;justify-content:center;color:var(--text-color-2);margin-right:10px}#console li{border-bottom:solid 1px var(--border-color-1);padding:7px 12px;font-family:var(--font-code);white-space:pre;font-optical-sizing:auto;font-style:normal}#console li.error{border-left:solid 3px var(--text-color-accent-0);color:var(--text-color-1)}#console li.error .gotoLine{border-radius:3px;border:solid 1px var(--text-color-accent-0);color:var(--text-color-1);padding:3px 4px 2px;font-size:10px}#console li.error .gotoLine:hover{background:var(--text-color-accent-0);border:solid 1px var(--text-color-accent-0)}#console li.warn{background:rgba(var(--text-color-accent-5),.2);border-left:solid 3px var(--text-color-accent-5)}#console li.info{background:rgba(var(--text-color-accent-7),.2);border-left:solid 3px var(--text-color-accent-7)}#console li.system{color:var(--common-accent)}#console-summary{justify-content:center;align-items:center;color:var(--text-color-5)}#console-summary,#console-summary span{margin-left:10px;display:flex}#console-summary span svg{height:12px;stroke:var(--text-color-5);margin-right:3px}#console-summary span.log.active{color:var(--text-color-2)}#console-summary span.log.active svg{stroke:var(--text-color-2)}#console-summary span.warn.active{color:var(--text-color-accent-5)}#console-summary span.warn.active svg{stroke:var(--text-color-accent-5)}#console-summary span.info.active{color:var(--text-color-accent-7)}#console-summary span.info.active svg{stroke:var(--text-color-accent-7)}#console-summary span.error.active{color:var(--text-color-accent-0)}#console-summary span.error.active svg{stroke:var(--text-color-accent-0)}#content input[type=text]#console-input{box-shadow:0 -1px 0 var(--border-color-1),0 1px 0 var(--border-color-1);padding:7px 12px;font-family:var(--font-code);white-space:pre;color:var(--text-color-1);border-radius:0;position:-webkit-sticky;position:sticky;bottom:0;left:0;font-size:11px;background:var(--sidebar-bg)}@keyframes wiggle{0%{transform:rotate(10deg) scale(1) translateX(0)}5%{transform:rotate(-10deg) scale(1.05) translateX(1px)}10%{transform:rotate(20deg) scale(1.1) translateX(0)}15%{transform:rotate(-5deg) scale(1.05) translateX(-1px)}20%{transform:rotate(0deg) scale(1) translateX(0)}to{transform:rotate(0deg) scale(1)}}#sidebar p input[type=password],#sidebar p input[type=text]{width:100%;padding:0 8px;height:34px;color:var(--text-color-1);font-family:var(--font-base);font-size:13px;background:transparent;border:none;background:var(--input-bg);border-radius:6px;outline:none;box-sizing:border-box;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none}#sidebar p input[type=password]:focus,#sidebar p input[type=text]:focus{background:var(--input-bg-focus)}#sidebar h3{clear:both;padding:0;font-size:11px;font-weight:bold;color:var(--text-color-1)}#sidebar h4{font-size:10px;color:var(--text-color-4);text-transform:uppercase;letter-spacing:1px;font-weight:500;margin:10px 0 7px 4px}#sidebar p{margin:0 0 8px;line-height:160%}#sidebar .linksList li{margin-bottom:5px}#sidebar .linksList a{font-weight:500}#sidebar code,#sidebar pre{padding:0 2px;font-family:var(--font-code);color:var(--text-color-3);font-size:.9em;background:var(--input-bg);border-radius:4px;padding:2px 3px}#sidebar .sidebarItem{padding:0 10px}#sidebar .sidebarItem .body{padding:0 10px 25px;display:none;font-size:.9em}#sidebar .sidebarItem .body a{color:var(--common-accent)}#sidebar .sidebarItem .body strong{font-weight:700}#sidebar .sidebarItem .toggler{height:40px;font-size:14px;font-weight:normal;position:relative;cursor:pointer;font-weight:500;border-radius:8px;padding:0 10px;display:flex;align-items:center;transition:background-color .1s}#sidebar .sidebarItem .toggler span{pointer-events:none}#sidebar .sidebarItem .toggler #resource-counter,#sidebar .sidebarItem .toggler .resourcesLabel{color:var(--text-color-2);font-style:normal;font-size:.8em;height:16px;display:inline-block;padding:0 6px;line-height:16px;border-radius:3px;pointer-events:none;margin-left:5px;background:hsla(0,0%,100%,.05)}#sidebar .sidebarItem .toggler #resource-counter{margin-left:5px;font-weight:700;position:absolute;right:10px;top:10px;background:hsla(0,0%,100%,0);border:1px solid hsla(0,0%,100%,.1);opacity:1}#sidebar .sidebarItem .toggler #resource-counter.hidden{opacity:0}#sidebar .sidebarItem .toggler svg{height:20px;margin-right:10px;pointer-events:none}#sidebar .sidebarItem .toggler:hover{background:var(--nav-action-hover)}#sidebar .sidebarItem.si_yourFiddles .toggler path{fill:var(--text-color-3)}#sidebar .sidebarItem.si_yourFiddles:hover .toggler path{fill:var(--text-color-accent-8)}#sidebar .sidebarItem.si_collections .body a{color:var(--text-color-1)}#sidebar .sidebarItem.si_collections label:has(input:checked){background-color:var(--text-color-accent-0)}#sidebar .sidebarItem.si_collections .body g{stroke:var(--text-color-1)}#sidebar .sidebarItem.si_collections .toggler path{fill:var(--text-color-3)}#sidebar .sidebarItem.si_collections:hover .toggler path{fill:var(--text-color-accent-0)}#sidebar .sidebarItem.si_resources .toggler path{fill:var(--text-color-3)}#sidebar .sidebarItem.si_resources:hover .toggler path{fill:var(--text-color-accent-1)}#sidebar .sidebarItem.si_async .toggler path{fill:var(--text-color-3)}#sidebar .sidebarItem.si_async:hover .toggler path{fill:var(--text-color-accent-5)}#sidebar .sidebarItem.si_changelog .toggler path{fill:var(--text-color-3)}#sidebar .sidebarItem.si_changelog:hover .toggler path{fill:var(--text-color-accent-10)}#sidebar .sidebarItem.opened .body{display:block}#sidebar .sidebarItem .resourcesInfo{color:var(--text-color-3);margin-top:10px;line-height:1.42em;margin-left:15px}#sidebar .sidebarItem .resourcesInfo li{list-style:outside}#sidebar .sidebarItem.si_changelog .toggler span:after{content:"New";display:inline-block;background:var(--text-color-accent-10);padding:3px 5px;font-size:9px;text-transform:uppercase;border-radius:4px;color:var(--common-base);font-weight:700;margin-left:10px;animation:wiggle 3.5s ease-in-out infinite}#sidebar .sidebarItem.hidden .toggler span:after{display:none}#manage-fiddle{padding-top:5px}#manage-fiddle .delete{color:var(--text-color-accent-1);display:flex}#manage-fiddle svg{margin-right:4px}#external-resources-form{position:relative}#external-resources-form #external_resource{padding-right:38px}#external-resources-form .submit{border:none;height:33px;width:28px;text-align:right;padding:0;line-height:33px;text-align:center;outline:none;position:absolute;top:5px;right:5px}#external-resources-form .commonButton{width:70%;float:none;display:block;line-height:28px;text-align:center;color:#555;font-size:12px;margin-top:5px}.autocomplete-suggestions{text-align:left;cursor:default;background:#fff;box-shadow:0 0 1px rgba(var(--text-color-rev-1),.15),0 20px 55px -8px rgba(var(--text-color-rev-1),.25);border-radius:8px;padding:2px;position:absolute;display:none;z-index:100;max-height:250px;overflow:hidden;overflow-y:auto;box-sizing:border-box;min-width:320px}.autocomplete-suggestion{position:relative;padding:6px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:6px;color:var(--text-color-rev-1)}.autocomplete-suggestion strong{font-weight:600}.autocomplete-suggestion .version{color:rgba(0,0,0,.3);font-size:12px;margin-left:5px}.autocomplete-suggestion.selected{background:var(--common-accent);color:#fff}.autocomplete-suggestion.selected .version{color:hsla(0,0%,100%,.6)}#external_resources_list{margin-top:10px}#external_resources_list li{padding:7px 0;position:relative;cursor:move;border-top:solid 1px var(--border-color-1)}#external_resources_list li a{color:var(--text-color-1);width:140px;display:inline-block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}#external_resources_list li .remove{width:auto;position:absolute;top:7px;right:0;bottom:0;cursor:pointer;text-decoration:none;color:#de7373;transition:all .14s;opacity:0;pointer-events:none;transform:translateX(10px)}#external_resources_list li .remove:hover{text-decoration:underline}#external_resources_list li:hover .remove{opacity:1;pointer-events:auto;transform:translateX(0)}#sidebar #sidebar-main{overflow:auto;display:block;min-height:100%;height:0;padding-top:12px;box-sizing:border-box;overflow-y:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#sidebar #sidebar-footer,#sidebar #sidebar-user{border-top:solid 1px var(--common-border)}#sidebar-user{padding:10px 10px 10px 20px;display:flex;align-items:center}#sidebar-user .suInfo{display:flex;align-items:center;font-weight:500;font-size:13px;flex:1}#sidebar-user .suInfo:hover em{text-decoration:underline}#sidebar-user .pseudoAvatar{margin-right:10px}#sidebar-user ul{display:flex;justify-content:flex-end}#apps{padding:10px 10px 0}#apps h4{text-transform:uppercase;font-size:10px;color:var(--text-color-4);font-weight:700;padding:0 10px}#apps ul{margin-top:10px}#apps a{display:flex;align-items:center;border-radius:8px;padding:10px;font-size:12px;font-weight:500;transition:background .1s}#apps a span{pointer-events:none}#apps a:hover{background:var(--nav-action-hover)}#apps svg{margin-right:10px;pointer-events:none}.asyncTable li{display:grid;grid-gap:10px;grid-template-columns:45px 1fr;margin-bottom:7px}.asyncTable code{border:1px solid transparent}.asyncTable a:hover code{border:solid 1px var(--common-accent)}.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}.tippy-box[data-animation=scale-subtle][data-placement^=top]{transform-origin:bottom}.tippy-box[data-animation=scale-subtle][data-placement^=bottom]{transform-origin:top}.tippy-box[data-animation=scale-subtle][data-placement^=left]{transform-origin:right}.tippy-box[data-animation=scale-subtle][data-placement^=right]{transform-origin:left}.tippy-box[data-animation=scale-subtle][data-state=hidden]{transform:scale(.8);opacity:0}.tippy-box[data-theme~=light][data-placement^=top]>.tippy-arrow:before{border-top-color:var(--tooltip-bg-color)}.tippy-box[data-theme~=light][data-placement^=bottom]>.tippy-arrow:before{border-bottom-color:var(--tooltip-bg-color)}.tippy-box[data-theme~=light][data-placement^=left]>.tippy-arrow:before{border-left-color:var(--tooltip-bg-color)}.tippy-box[data-theme~=light][data-placement^=right]>.tippy-arrow:before{border-right-color:var(--tooltip-bg-color)}.tippy-box[data-theme~=light]>.tippy-backdrop{background-color:var(--tooltip-bg-color)}.tippy-box[data-theme~=light]>.tippy-svg-arrow{fill:var(--common-base-rev)}body .tippy-box[data-theme~=light]{color:var(--common-base);box-shadow:0 3px 10px -3px var(--tooltip-shadow-color);background-color:var(--tooltip-bg-color);display:flex;border-radius:8px;font-size:13px;text-align:center;font-weight:500;padding:1px;max-width:400px!important}body .tippy-box[data-theme~=light] kbd{color:var(--text-color-3);display:inline-block;font-size:11px;font-weight:500;margin-top:5px}body .tippy-box[data-theme~=light] kbd.pro{background:var(--common-accent);padding:3px 6px;font-size:9px;text-transform:uppercase;border-radius:4px;color:var(--common-base);font-weight:700}body .tippy-box[data-theme~=light] code{font-size:11px;background:rgba(0,0,0,.1);padding:1px 4px;border-radius:6px;margin-right:5px}body .tippy-box[data-theme~=light] strong{font-weight:700}.tippy-content:has(.windowSettings){padding:0;text-align:left}.profileTooptipCont{text-align:left;margin-top:10px;padding:0 10px;font-size:.9em}.profileTooptipCont h4{font-size:9px;color:var(--text-color-2);text-transform:uppercase;letter-spacing:1px}.ptcUserInfo{margin:10px 0 20px;display:flex;align-items:center}.ptcUserInfo .pseudoAvatar{height:50px;width:50px;font-size:15px;box-shadow:inset 0 0 0 2px var(--common-border-5)}.ptcUserInfo .ptcAuthorName{margin-left:10px;font-weight:700;font-size:1.5em}.ptcUserInfo .ptcAuthorName a{color:var(--text-color-6)}.ptcBasicInfo svg{width:16px;stroke:var(--common-accent);margin-right:5px}.ptcBasicInfo p{display:flex;align-items:center}.ptcBasicInfo a{color:var(--common-accent);font-weight:400;text-decoration:underline}.socialInfo{margin:20px 0 15px;display:flex;gap:5px}.socialInfo a{background-color:var(--tooltip-hover);padding:4px 8px;border-radius:4px;color:var(--text-color-6)}.socialInfo a:hover{background-color:var(--common-accent);color:var(--text-color-1)}.menuList{display:none;text-align:left;width:230px;margin:4px 0}.menuList a{color:var(--text-color-rev-1);display:flex;align-items:center;padding:8px 10px;border-radius:8px;font-weight:500}.menuList a:hover{background-color:var(--tooltip-hover)}.menuList svg{margin-right:6px}.withSeparator{border-top:solid 1px var(--tooltip-hover);margin-top:10px;padding-top:10px}.tippy-box .menuList{display:block}.previewCont #carbon-cover .carbon-main{position:relative;top:-20px}#sidebar #ethical-sponsor{position:relative}#sidebar #ethical-sponsor .ea-content{margin:0;padding:0;max-width:250px;display:grid;grid-template-areas:"desc" "img"}#sidebar #ethical-sponsor .ea-content>a{width:100%;display:block;grid-area:img;text-align:center}#sidebar #ethical-sponsor .ea-content>a img{display:inline-block;width:150px;max-width:150px;min-width:150px;height:108px}#sidebar #ethical-sponsor .ea-text{grid-area:desc;clear:both;display:block;font-size:12px;line-height:19px;color:var(--text-color-1);padding:29px 12px 12px;font-weight:400;margin-top:0;text-align:left}#sidebar #ethical-sponsor a{color:inherit}#sidebar #ethical-sponsor a:hover{text-decoration:none}#sidebar #ethical-sponsor .ea-headline{display:block;font-weight:700;color:inherit}#sidebar #ethical-sponsor .ea-cta,#sidebar #ethical-sponsor .ea-domain{display:none}#sidebar #ethical-sponsor .ea-callout{font-size:8px;letter-spacing:1px;position:absolute;top:0;right:0;color:var(--text-color-3);border:1px solid var(--border-color-1);border-top:0;border-right:0;padding:3px 6px;border-bottom-left-radius:6px;text-transform:uppercase;margin:0;font-style:normal}#sidebar #ethical-sponsor .ea-callout a{font-size:8px}#app-updates li{margin-bottom:20px;border-bottom:var(--border-color-1) 1px solid;padding-bottom:20px}#app-updates h3{font-weight:700;font-size:1.1em;margin-bottom:10px}#app-updates h3:before{content:"New";background:var(--text-color-accent-10);color:#fff;padding:3px 5px;border-radius:6px;font-size:.8em;margin-right:5px}#app-updates .content{font-size:.95em}#app-updates .content p{margin:5px 0;line-height:1.45em}#app-updates .content code{background:rgba(0,0,0,.1);padding:2px 4px;border-radius:4px;font-size:.9em}#app-updates .content a{color:var(--common-accent)}#app-updates .content ul{margin-top:10px}#app-updates .content li{margin:0 0 5px 15px;border-bottom:none;padding:0 0 0 10px;list-style:circle}#app-updates .content strong{font-weight:700}#app-updates .au_change h3:before{content:"Update";background:var(--text-color-accent-5)}#togetherjs-dock{color-scheme:light;background-color:var(--sidebar-bg)}.togetherjs{font-family:var(--font-base)}#togetherjs-dock,#togetherjs-menu,.togetherjs .togetherjs-window{box-shadow:0 2px 35px rgba(0,0,0,.5);border-radius:8px;border:none;overflow:hidden}.togetherjs .togetherjs-window>header{background-color:var(--common-accent);border:none}.togetherjs .togetherjs-window header button.togetherjs-close{border:none}#togetherjs-dock.togetherjs-dock-right{right:10px;top:75px;height:185px;width:50px;border-radius:28px}.togetherjs .togetherjs-person{border-radius:100%}.togetherjs .togetherjs-button .togetherjs-person{margin:auto;width:30px;height:30px;background-size:contain;box-sizing:border-box!important;border:15px solid}#togetherjs-dock-anchor,#togetherjs-menu-feedback,#togetherjs-menu-help,#togetherjs-menu-update-avatar,#togetherjs-profile-arrow,.togetherjs-hr,.togetherjs-person-avatar-swatch{display:none}.togetherjs #togetherjs-buttons .togetherjs-button.togetherjs-active,.togetherjs #togetherjs-buttons .togetherjs-button:hover{background-color:hsla(0,0%,100%,.1)!important}.togetherjs #togetherjs-buttons .togetherjs-button{cursor:pointer;height:45px;width:50px;border-top:1px solid hsla(0,0%,100%,.2);filter:invert(1)}.togetherjs #togetherjs-buttons .togetherjs-button#togetherjs-profile-button{filter:invert(0)}.togetherjs-click.togetherjs{border-radius:100%}.togetherjs-click{opacity:1;transition:all .8s}.togetherjs-click.togetherjs-clicking{width:30px;height:30px;margin:-25px 0 0 -25px;border-radius:20px;opacity:0;border:12px solid transparent}@media (max-width:1100px){body .headerActions li.divider{margin:0 8px}body .headerActions li a{height:33px;min-width:33px}}@media (max-width:765px){body #layout-container header{background-color:var(--sidebar-bg)}body #layout-container{grid-template-columns:55px 1fr;grid-template-areas:"sidebar header" "content content"}body #fiddle-info{left:0}body #fiddle-info .sidebarToggle{display:none}body #sidebar{grid-template-rows:66px 0 0 0}body #sidebar h1 svg{width:36px}body #sidebar #sidebar-footer,body #sidebar #sidebar-main,body #sidebar #sidebar-user,body .headerActions li.collaborateButton,body .headerActions li.divider,body .headerActions li.downloadButton,body .headerActions li.embedButton,body .headerActions li.favButton,body .headerActions li.gridButton,body .headerActions li.proButton,body .headerActions li.themeButton,body .headerActions li.togglePrivacy{display:none}body .modalBody{align-items:start}body .modalApp{min-width:auto;height:auto;min-height:auto}body #editor-options .fieldsCont{grid-template-columns:1fr 1fr}}body .monaco-component,body .monaco-diff-editor,body .monaco-editor{outline-width:0}body .monaco-scrollable-element>.scrollbar>.slider{border-radius:10px}body .monaco-editor .colorpicker-color-decoration{border-radius:10px;border:none;margin-right:5px}body .monaco-editor .sticky-widget{box-shadow:0 5px 2px 0 rgba(0,0,0,.2)}body .monaco-editor .line-numbers{font-size:90%;color:var(--text-color-5)}body .monaco-editor{--vscode-editorSuggestWidget-selectedBackground:var(--common-accent);--vscode-editorSuggestWidget-highlightForeground:var(--common-accent);--vscode-editorSuggestWidget-focusHighlightForeground:var(--text-color-1)}body .monaco-editor .suggest-details,body .monaco-editor .suggest-widget{border-radius:6px;background-color:var(--body-bg)}