/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}.color-picker,.color-picker *,.color-picker:after,.color-picker :after,.color-picker:before,.color-picker :before{box-sizing:border-box}.color-picker{position:absolute;top:0;left:0;z-index:9999;box-shadow:1px 3px 6px rgba(0,0,0,.5)}.color-picker>div{display:flex;height:10em;border:1px solid #000;color:#000}.color-picker>div *{border-color:inherit;color:inherit}.color-picker i{font:inherit;font-size:12px}.color-picker\:a,.color-picker\:h,.color-picker\:sv{background-size:100% 100%;position:relative;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.color-picker\:a div,.color-picker\:h div,.color-picker\:sv div{position:absolute;top:0;right:0;bottom:0;left:0}.color-picker\:a,.color-picker\:h{width:1.5em;border-left:1px solid;cursor:ns-resize;overflow:hidden}.color-picker\:a i,.color-picker\:h i{display:block;height:.5em;position:absolute;top:-.25em;right:0;left:0;z-index:2}.color-picker\:a i:before,.color-picker\:h i:before{display:block;content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-color:transparent currentcolor;border-style:solid;border-width:.25em}.color-picker\:a div{z-index:2}.color-picker\:a div+div{background-image:linear-gradient(45deg,#ddd 25%,transparent 0,transparent 75%,#ddd 0,#ddd),linear-gradient(45deg,#ddd 25%,#fff 0,#fff 75%,#ddd 0,#ddd);background-size:.5em .5em;background-position:0 0,.25em .25em;z-index:1}.color-picker\:h div{background-image:linear-gradient(0deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.color-picker\:sv{width:10em;cursor:crosshair;overflow:hidden}.color-picker\:sv div+div{background-image:linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.color-picker\:sv div+div+div{background-image:linear-gradient(0deg,#000,transparent)}.color-picker\:sv i{display:block;width:.75em;height:.75em;position:absolute;top:-.375em;right:-.375em;z-index:2}.color-picker\:sv i:before{display:block;content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid #fff;border-radius:100%;box-shadow:0 0 2px #000}code[class*=language-],pre[class*=language-]{color:#ccc;background:0 0;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.block-comment,.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#999}.token.punctuation{color:#ccc}.token.attr-name,.token.deleted,.token.namespace,.token.tag{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.function,.token.number{color:#f08d49}.token.class-name,.token.constant,.token.property,.token.symbol{color:#f8c555}.token.atrule,.token.builtin,.token.important,.token.keyword,.token.selector{color:#cc99cd}.token.attr-value,.token.char,.token.regex,.token.string,.token.variable{color:#7ec699}.token.entity,.token.operator,.token.url{color:#67cdcc}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}:root{--data-rainbow-color:var(--buttonHL)}:root[data-theme=dark]{--mainColor:#dd9715;--mainColor_fade:221,151,21;--scrollBoxMin:200px;--scrollBoxMin_value:"0px";--breakPointLineFull_value:"0px";--breakPointLine3_value:"0px";--breakPointLine2_value:"0px";--breakPointLine1_value:"0px";--hue-value:40deg;--sat-value:1;--sat-rainbowbutton:0.66666;--ButtonBorderHL:var(--mainColor) solid 1px;--main-bg-darkest:#151515;--main-bg-color:#222;--main-bg-color-alpha:rgba(34,34,34,0.73);--light-bg-color:#333;--buttonBG:#444;--buttonHL:#555;--button-text:#ddd;--button-text-active:#000;--main-text:#999;--main-text-faded:#ddd;--section-wrap:#1a1a1a;--section-wrap-hover:var(--main-text);--section-wrap-active:#444;--code-bg:#1a1a1a;--input-line:1px solid #777;--box-shadow:0px 0px 12px -3px #000;--breakpoint-line:#353535;--breakpoint-line-text:var(--button-text);--breakpoint-line-text-active:#000;--scroll-bar:#555;--filter-shadow:drop-shadow(0px 0px 3px #000);--checker:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath fill='%232c2c2c' d='M0 5V0h5v5H0z'/%3E%3Cpath fill='%23404040' d='M5 5V0h5v5H5z'/%3E%3Cpath fill='%232c2c2c' d='M5 10V5h5v5H5z'/%3E%3Cpath fill='%23404040' d='M0 10V5h5v5H0z'/%3E%3C/svg%3E") repeat;--tree-open:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 20'%3E%3Cpath fill='%23fff' d='M0 9l2-2 4 4 4-4 2 2-6 6-6-6z'/%3E%3C/svg%3E") no-repeat;--tree-closed:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 20'%3E%3Cpath fill='%23fff' d='M3 6l2-2 6 6-6 6-2-2 4-4-4-4z'/%3E%3C/svg%3E") no-repeat;--no_sib:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='20'%3E%3Cpath fill='%23fff' d='M0 9h15v2H7V9z'/%3E%3Cpath fill='%23fff' d='M5 0h2v11H5v-1z'/%3E%3C/svg%3E") no-repeat;--no_sib-hl:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='20'%3E%3Cpath fill='%23ffffffaa' d='M0 9h15v2H7V9z'/%3E%3Cpath fill='%23ffffffaa' d='M5 0h2v11H5v-1z'/%3E%3C/svg%3E") no-repeat;--sib:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='20'%3E%3Cpath fill='%23fff' d='M0 9h15v2H7V9z'/%3E%3Cpath fill='%23fffa' d='M5 0h2v10H5zm0 10h2v11H5V10z'/%3E%3C/svg%3E") no-repeat;--sib-hl:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='20'%3E%3Cpath fill='%23ffffffaa' d='M0 9h15v2H7V9z'/%3E%3Cpath fill='%23ffffffaa' d='M5 0h2v10H5zm0 10h2v11H5V10z'/%3E%3C/svg%3E") no-repeat;--next_sib:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='20'%3E%3Cpath fill='%23fff' d='M5 0h2v10H5zm0 10h2v11H5V10z'/%3E%3C/svg%3E") no-repeat;--next_sib-hl:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='20'%3E%3Cpath fill='%23ffffffaa' d='M5 0h2v10H5zm0 10h2v11H5V10z'/%3E%3C/svg%3E") no-repeat;--only_child:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='20'%3E%3Cpath fill='%23fff' d='M0 9h5v2H0V8z'/%3E%3Ccircle cx='6' cy='10' r='3' fill='%23fff'/%3E%3C/svg%3E") no-repeat;--only_child-hl:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='20'%3E%3Cpath fill='%23ffffffaa' d='M0 9h5v2H0V8z'/%3E%3Ccircle cx='6' cy='10' r='3' fill='orange'/%3E%3C/svg%3E") no-repeat;--resize-icon-both:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill='%23DDD' d='M0 20L20 0v5L5 20H0zm20-10L10 20h5l5-5v-5z'/%3E%3C/svg%3E") no-repeat;--resize-icon-hoz:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='36'%3E%3Cpath fill='%23DDD' d='M2 0h3v36H2V0zm5 0h3v36H7V0z'/%3E%3C/svg%3E") no-repeat;--resize-icon-vert:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='12'%3E%3Cpath fill='%23DDD' d='M36 2v3H0V2h36zm0 5v3H0V7h36z'/%3E%3C/svg%3E") no-repeat}:root[data-theme=light]{--mainColor:#8e5c00;--mainColor_fade:142,92,0;--main-bg-darkest:#b5b5b5;--main-bg-color:#ddd;--main-bg-color-alpha:hsla(0,0%,86.7%,0.73);--light-bg-color:#ccc;--buttonBG:#bbb;--buttonHL:#aaa;--button-text:#222;--button-text-active:#fff;--main-text:#222;--main-text-faded:#000;--section-wrap:#ccc;--section-wrap-hover:#222;--section-wrap-active:#aaa;--code-bg:#fff;--input-line:1px solid #222;--box-shadow:0px 0px 3px 0px rgba(0,0,0,0.7);--breakpoint-line:#bbb;--breakpoint-line-text:var(--button-text);--breakpoint-line-text-active:#fff;--scroll-bar:#999;--filter-shadow:drop-shadow(0px 0px 1px #000);--checker:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath fill='%23acacac' d='M0 5V0h5v5H0z'/%3E%3Cpath fill='silver' d='M5 5V0h5v5H5z'/%3E%3Cpath fill='%23acacac' d='M5 10V5h5v5H5z'/%3E%3Cpath fill='silver' d='M0 10V5h5v5H0z'/%3E%3C/svg%3E") repeat;--tree-open:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 20'%3E%3Cpath d='M0 9l2-2 4 4 4-4 2 2-6 6-6-6z'/%3E%3C/svg%3E") no-repeat;--tree-closed:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 20'%3E%3Cpath d='M3 6l2-2 6 6-6 6-2-2 4-4-4-4z'/%3E%3C/svg%3E") no-repeat;--no_sib:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='20'%3E%3Cpath d='M0 9h15v2H7V9z'/%3E%3Cpath d='M5 0h2v11H5v-1z'/%3E%3C/svg%3E") no-repeat;--no_sib-hl:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='20'%3E%3Cpath fill='%23000000aa' d='M0 9h15v2H7V9z'/%3E%3Cpath fill='%23000000aa' d='M5 0h2v11H5v-1z'/%3E%3C/svg%3E") no-repeat;--sib:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='20'%3E%3Cpath d='M0 9h15v2H7V9z'/%3E%3Cpath fill='%23000a' d='M5 0h2v10H5zm0 10h2v11H5V10z'/%3E%3C/svg%3E") no-repeat;--sib-hl:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='20'%3E%3Cpath fill='%23000000aa' d='M0 9h15v2H7V9z'/%3E%3Cpath fill='%23000000aa' d='M5 0h2v10H5zm0 10h2v11H5V10z'/%3E%3C/svg%3E") no-repeat;--next_sib:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='20'%3E%3Cpath d='M5 0h2v10H5zm0 10h2v11H5V10z'/%3E%3C/svg%3E") no-repeat;--next_sib-hl:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='20'%3E%3Cpath fill='%23000000aa' d='M5 0h2v10H5zm0 10h2v11H5V10z'/%3E%3C/svg%3E") no-repeat;--only_child:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='20'%3E%3Cpath d='M0 9h5v2H0V8z'/%3E%3Ccircle cx='6' cy='10' r='3'/%3E%3C/svg%3E") no-repeat;--only_child-hl:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='20'%3E%3Cpath fill='%23000000aa' d='M0 9h5v2H0V8z'/%3E%3Ccircle cx='6' cy='10' r='3' fill='orange'/%3E%3C/svg%3E") no-repeat;--resize-icon-both:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill='%23222' d='M0 20L20 0v5L5 20H0zm20-10L10 20h5l5-5v-5z'/%3E%3C/svg%3E") no-repeat;--resize-icon-hoz:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='36'%3E%3Cpath fill='%23222' d='M2 0h3v36H2V0zm5 0h3v36H7V0z'/%3E%3C/svg%3E") no-repeat;--resize-icon-vert:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='12'%3E%3Cpath fill='%23222' d='M36 2v3H0V2h36zm0 5v3H0V7h36z'/%3E%3C/svg%3E") no-repeat}#spinner>div{background-color:var(--main-text)}body{-webkit-touch-callout:none!important;background-color:var(--main-bg-color);color:var(--main-text)}a{-webkit-user-select:none!important}#app{height:100%;width:100%;height:-webkit-fill-available;overflow:hidden;position:fixed;left:0;top:0;right:0;bottom:0}#logo{margin:0 5px}.green{color:#348534}.red{color:#a41616}#loginPanel.auth-modal .otp-digit-box.is-active,.hue-apply{-webkit-filter:hue-rotate(var(--hue-value)) saturate(var(--sat-value));filter:hue-rotate(var(--hue-value)) saturate(var(--sat-value))}#cookie-icon{width:16px;height:auto;margin-right:.4rem;cursor:pointer;display:flex}#rebtns3 .t-i,.domTreeClassColor--active,.domTreeTagColor--active{-webkit-filter:hue-rotate(var(--hue-value)) saturate(var(--sat-value));filter:hue-rotate(var(--hue-value)) saturate(var(--sat-value))}.rainbow-el{width:100%;height:20px;position:relative;display:flex;justify-content:space-between;align-items:center;padding:5px 16px 16px;box-sizing:border-box}.rainbow-button{background:var(--mainColor);width:20px;height:20px;border-radius:100px;cursor:pointer}.rainbow-button-1{-webkit-filter:hue-rotate(0deg) saturate(var(--sat-rainbowbutton));filter:hue-rotate(0deg) saturate(var(--sat-rainbowbutton))}.rainbow-button-2{-webkit-filter:hue-rotate(60deg) saturate(var(--sat-rainbowbutton));filter:hue-rotate(60deg) saturate(var(--sat-rainbowbutton))}.rainbow-button-3{-webkit-filter:hue-rotate(120deg) saturate(var(--sat-rainbowbutton));filter:hue-rotate(120deg) saturate(var(--sat-rainbowbutton))}.rainbow-button-4{-webkit-filter:hue-rotate(180deg) saturate(var(--sat-rainbowbutton));filter:hue-rotate(180deg) saturate(var(--sat-rainbowbutton))}.rainbow-button-5{-webkit-filter:hue-rotate(240deg) saturate(var(--sat-rainbowbutton));filter:hue-rotate(240deg) saturate(var(--sat-rainbowbutton))}.rainbow-button-6{-webkit-filter:hue-rotate(300deg) saturate(var(--sat-rainbowbutton));filter:hue-rotate(300deg) saturate(var(--sat-rainbowbutton))}.rainbow-button-7{-webkit-filter:hue-rotate(0deg) saturate(0);filter:hue-rotate(0deg) saturate(0)}#theAppVisibility{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--main-text)}hr{border-style:solid;border-color:var(--light-bg-color);margin:5px 0 0}#paraBreakWidth{color:var(--mainColor);cursor:pointer;text-align:center;height:auto;margin:0}#privacy{display:block;margin:7px 0 0;color:var(--mainColor);background:none;width:auto}#maincontainerTop{position:absolute;z-index:1000;height:32px;width:auto;left:2px;right:2px;bottom:0;top:2px;background-color:var(--main-bg-color);overflow-y:hidden;overflow-x:hidden;cursor:default}#maincontainerTopInner>*{margin-left:4px}#maincontainerTopInner>span{transform:translateX(6px)}#maincontainerTopInner{margin-left:auto;margin-right:auto;margin-top:5px;display:flex;align-items:center;justify-content:center;max-width:calc(100% - 516px)}#maincontainerTopInner-left{margin-top:5px;margin-right:8px;width:auto;position:absolute;top:2px;left:0;display:flex;align-items:center;justify-content:flex-start;z-index:999999}#maincontainerTopInner-left .logo{height:20px;margin:-2px 8px 0;opacity:.7;transition:.15s ease-in-out;position:relative;cursor:pointer}#maincontainerTopInner-left .logo:hover{opacity:1}#reverseBreakpoints{display:flex;gap:3px}#maincontainerBottom{position:absolute;z-index:1000;height:34px;width:auto;left:0;right:0;bottom:0;padding:0 5px;background-color:var(--main-bg-color);border:2px solid var(--light-bg-color);overflow-y:hidden;overflow-x:hidden;cursor:default;display:flex;justify-content:center;align-items:center;gap:3px}#maincontainerBottom button{min-width:30px}#maincontainerBottom #autoScrollButton{width:auto}#left-sections,#right-sections{position:fixed;top:36px;bottom:36px;opacity:1;z-index:99999999;background:var(--light-bg-color);width:272px;min-width:272px;max-width:100vw;min-height:272px;max-height:calc(100vh - 72px);border-bottom:2px solid var(--light-bg-color);box-shadow:var(--box-shadow);box-sizing:border-box}#left-sections{left:20px}#left-sections,#right-sections{top:56px;height:calc(100% - 138px)}#right-sections{left:calc(100% - 312px)}#code-section{top:50%;left:310px;right:auto;position:fixed;opacity:1;z-index:99999999;background:var(--light-bg-color);width:calc(100% - 640px);overflow:hidden;height:calc(50% - 82px);max-width:100vw;max-height:calc(100vh - 72px);min-width:272px;min-height:140px;border-bottom:2px solid var(--light-bg-color);box-shadow:var(--box-shadow);box-sizing:border-box}.sections-header{line-height:1.5;margin:5px 5px 5px 10px;display:flex;position:relative;height:auto;justify-content:space-between;align-items:center;cursor:-webkit-grab;cursor:grab}.sections-header button{width:auto;min-width:20px;margin:0}.bring-to-front{z-index:999999999!important}#maincontainerLeft{background-color:var(--main-bg-color);width:calc(100% - 14px);top:30px;left:2px;height:92px;padding:5px;z-index:1000;position:absolute;overflow-y:hidden;overflow-x:hidden}#attrs-class,#select__element{transition:none;background-color:var(--main-bg-color)}.structure-buttons{display:flex;gap:5px;margin-top:5px;margin-bottom:10px}.structure-buttons i.material-icons{font-size:7px;padding:0;margin:0}.structure-buttons button{padding:0;margin:0;flex:1}#upTheTree{transform:scaleY(-1)}#maincontainerLeftBottom{background-color:var(--main-bg-color);width:calc(100% - 14px);top:134px;bottom:0;padding:5px;z-index:1000;overflow-x:hidden}#fileDrop,#maincontainerLeftBottom{left:2px;position:absolute;overflow-y:auto}#fileDrop{display:none;flex-direction:column;box-sizing:border-box;padding:16px 0;background-color:var(--buttonBG);opacity:.9;top:2px;bottom:2px;right:2px;z-index:999999999}#fileDrop[style*="display: block"]{display:flex!important}.fileDropText{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:calc(100% - 32px);margin:auto;flex-shrink:0;font-size:16px;line-height:1.5;text-align:center}#project-import-error{display:block;box-sizing:border-box;width:min(600px,80vw);max-height:50vh;overflow-y:auto;overflow-wrap:anywhere;white-space:normal;margin-top:16px;padding:14px 16px;border:2px solid #ef6464;border-radius:6px;background-color:rgba(75,16,22,.96);color:#ffd7d7;line-height:1.5;text-align:left;pointer-events:auto}#project-import-error:before{content:"\E000";font-family:Material Icons;font-size:20px;line-height:1;vertical-align:text-bottom;margin-right:8px}#project-import-error[hidden]{display:none}#project-import-error [role=status],#project-import-error button{display:block;margin:12px auto 0}#project-import-error button{max-width:100%;min-height:44px;padding:10px 14px;border:1px solid #ef6464;border-radius:4px;background-color:#7f1d1d;color:#ffe4e4;white-space:normal;line-height:1.4;pointer-events:auto}#project-import-error button:hover{background-color:#991b1b}#project-import-error button:focus-visible{outline:2px solid #ffd7d7;outline-offset:2px}#downloadFilesOnUploadPrompt{color:var(--mainColor)}#cancelFileDrop,#downloadFilesOnUploadPrompt{font-size:16px;text-decoration:underline;cursor:pointer}#cancelFileDrop{margin:12px auto 0;border:none;background:none;display:block;width:auto}#maincontainerRightFixed{height:92px;top:30px;overflow-y:hidden}#maincontainerRight,#maincontainerRightFixed{position:absolute;z-index:1000;width:calc(100% - 14px);right:2px;padding:5px;background-color:var(--main-bg-color);overflow-x:hidden;cursor:default}#maincontainerRight{bottom:0;top:134px;overflow-y:scroll}#unitsPanel{background-color:var(--main-bg-color);width:91px;height:auto;padding:5px;z-index:9999999999;position:absolute;border:2px solid var(--light-bg-color);box-shadow:var(--box-shadow)}#unitsPanel .unitsPanel-buttons{display:grid;grid-template-columns:1fr 1fr;gap:5px}#unitsPanel .unitsPanel-buttons button{width:100%;margin:0}input{width:calc(223px - 26.6%);font-size:12px;padding:5px;border-style:none;box-sizing:border-box;background-color:var(--main-bg-darkest);color:var(--main-text);margin:5px;width:100%}input:focus{outline:none}#inputer3{min-height:25px}#transition-property,#transition-timing{width:164px;height:25px;margin:5px;color:var(--mainColor)}.pseudo-wrap{display:block;height:30px}.input-wrap{height:25px;position:relative;display:block;margin:20px 0 0;font-size:15px;border-bottom:2px solid var(--buttonBG)}.input-wrap:hover{border-bottom:2px solid var(--buttonHL)}.input-wrap input{width:auto;position:absolute;font-size:15px;color:var(--mainColor);background:transparent;padding:0;margin:0;opacity:0;transition:.1s ease-in-out;transition-delay:.2s}.input-wrap input:not(:-moz-placeholder-shown){opacity:1}.input-wrap input:not(:-ms-input-placeholder){opacity:1}.input-wrap input:not(:placeholder-shown){opacity:1}.input-wrap input:focus{opacity:1}.input-wrap .input-label{position:absolute;top:5px;font-size:15px;transition:.1s ease-in-out;line-height:1;transition-delay:.2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.input-wrap input:not(:-moz-placeholder-shown)+.input-label{top:-15px;font-size:11px;transition-delay:0s}.input-wrap input:not(:-ms-input-placeholder)+.input-label{top:-15px;font-size:11px;transition-delay:0s}.input-wrap input:focus+.input-label,.input-wrap input:not(:placeholder-shown)+.input-label{top:-15px;font-size:11px;transition-delay:0s}.input-wrap-HL{width:100%;height:2px;transition:.2s ease-in-out;background:var(--mainColor);position:absolute;left:50%;bottom:-2px;width:0}.input-wrap input:focus+.input-label+.input-wrap-HL{width:100%;left:0}.dropdown{background:var(--main-bg-color-alpha);display:none;position:absolute;height:100%;z-index:9999;transform-origin:0 0;top:97px;left:2px;right:2px;max-height:calc(100% - 97px);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#dropdown-classes-buttons,#dropdown-classes-render,#targetDiv,#targetDropBox{background-color:var(--main-bg-color);flex-direction:column;gap:5px}.dropdown.active{display:block;pointer-events:all}.dropdown-classes-buttons-wrap{display:flex;gap:5px;padding:6px}.dropdown-classes-buttons-wrap i.material-icons{font-size:7px;padding:0;margin:0}.drop-select-header{padding:8px 0 0}.drop-select{display:flex;gap:5px;padding:0}#dropdown-classes-render{top:102px;max-height:calc(100% - 109px);left:0;right:0;display:block;position:absolute;overflow-y:auto;padding:0 6px 9px;border-bottom:2px solid var(--light-bg-color)}#dropdown-classes-render button{position:relative;display:flex;padding:1px 6px;margin:0;overflow:hidden;justify-content:space-between;align-items:center;flex:0;gap:15px}#dropdown-classes-render button span:first-of-type{word-break:break-word}#dropdown-classes-render button span+span{min-width:auto}#dropdown-classes-render button.drop-select-delete{padding:0;min-width:24px;display:flex;justify-content:center;align-items:center;font-size:1rem}#dropdown-classes-render button:first-of-type{text-align:left;flex:1}#dropdown-classes-buttons{display:block;width:100%;height:auto}#dropdown-classes-buttons button{width:100%;text-align:center;margin:0}#targetDropText{font-size:10px;display:inline-block;vertical-align:bottom;padding:5px;line-height:15px;margin:0;width:100%}#targetDropBox{position:relative;display:block;width:100%;height:auto;overflow-y:scroll}#targetDropBox .targetDropButton{background-color:var(--buttonBG);height:20px;line-height:8px;display:block;width:calc(100% - 4px);text-align:left;border:1px solid #000}.targetDropButton:hover{background-color:#777}#target-span{position:absolute;color:var(--main-text);display:inline-block;transform:translateY(10px)}#targetDiv{opacity:.3;pointer-events:none}#fontFamilyInputer{border:1px solid transparent;width:calc(100% - 2px);padding:0;margin:5px 0 0;color:var(--main-text)!important;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;cursor:text}#background-image-inputer-1{border:1px solid transparent;width:100%;color:var(--mainColor)}#background-image-inputer-1:focus{border:1px solid hsla(0,0%,100%,.5);width:100%}#siteTitle{width:164px;height:25px;margin:0 5px 5px;color:var(--mainColor);transform:translate(-10px,2px)}.flexInputer{border:1px solid transparent}.flexInputer,.flexInputer:focus{width:55px;margin:5px 5px 5px 0;display:inline-block}.flexInputerLabel{width:10px;margin-right:0;display:inline-block}#flexboxItems{box-sizing:border-box;margin:0;padding:5px;border:2px solid var(--main-bg-color);display:block}#scrollboxAreaBG{position:absolute;top:34px;bottom:36px;left:calc((var(--scrollbox_width) + 40px)/2);width:calc(100% - var(--scrollbox_width) - 40px);background:var(--light-bg-color);border:2px solid var(--light-bg-color);box-sizing:border-box;z-index:-2}#scrollboxAreaBG:after{content:" ";width:100%;height:100%;background:var(--checker);background-size:12px 12px;opacity:.66666;position:absolute;left:0;right:0;top:0;bottom:0}#scrollbox{display:inline-block;background-color:var(--light-bg-color);color:#000;border:2px solid var(--main-bg-color);position:fixed;top:36px;bottom:58px;max-width:calc(100% - var(--scrollbox_width) - 70px);min-width:calc(100% - var(--scrollbox_width) - 70px);left:calc(50% - 10px);transform:translateX(-50%);padding:0;margin:0;scroll-behavior:smooth;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:50;font-size:16px;box-sizing:content-box}#scrollbox-resizer-handel,#scrollboxResizeBlocker{display:none}iframe{position:absolute;padding:0;margin:0;width:100%;height:100%;box-sizing:content-box;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:none}#codeWrap{margin:0;width:auto;left:2px;right:2px;top:26px;box-sizing:border-box}#codeWrap,.viewCode{position:absolute;bottom:0;background-color:var(--light-bg-color);z-index:99}.viewCode{box-sizing:content-box;top:4px;width:100%}#viewCodeCSS,#viewCodeHTML{opacity:1;position:absolute;top:0;bottom:0;background-color:var(--code-bg);overflow:hidden}#viewCodeHTML{left:0;min-width:calc(66.66667% - 5px);max-width:calc(66.66667% - 5px)}#viewCodeCSS{right:0;min-width:calc(33.33333% - 10px);max-width:calc(33.33333% - 10px)}#viewCodeInlineJavascript{left:5px}#InlineHeadHTML,#viewCodeInlineJavascript{opacity:.8;position:absolute;top:calc(50% + 35px);bottom:0;background-color:var(--light-bg-color);min-width:calc(50% - 10px);max-width:calc(50% - 10px)}#InlineHeadHTML{left:calc(50% + 5px)}textarea:focus{outline:none!important;border:none;box-shadow:none}textarea::-moz-selection{background-color:var(--mainColor);color:#000}textarea::selection{background-color:var(--mainColor);color:#000}textarea{padding:10px;resize:none;border:0 solid transparent;box-sizing:border-box;background-color:transparent;color:var(--main-text);height:100%;width:100%;line-height:18px;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;font-size:12px;font-family:monospace;opacity:1;-moz-tab-size:2;-o-tab-size:2;tab-size:2;overflow-y:scroll}.code-button-container{position:absolute;top:2px;right:15px;left:15px;height:30px;display:flex;justify-content:flex-end;align-items:flex-end;gap:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.code-button-container>button{pointer-events:all;width:auto;padding:4px 8px;white-space:nowrap}::-webkit-scrollbar{width:9px;height:9px;background:transparent}::-webkit-scrollbar-thumb{height:6px;border:2px solid transparent;background-clip:padding-box;border-radius:7px;background-color:var(--scroll-bar)}::-webkit-scrollbar-button{width:0;height:0;display:none}::-webkit-scrollbar-corner{background-color:transparent}#dropdown-classes-render::-webkit-scrollbar,#maincontainerLeftBottom::-webkit-scrollbar,#maincontainerRight::-webkit-scrollbar{display:none}a{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0;text-decoration:none}a,button{box-sizing:border-box;background-color:var(--buttonBG);color:var(--button-text);border-width:0;border-radius:2px;margin:2px 1px;padding:3px;font-size:12px;z-index:1000;width:100%;min-height:20px;text-align:center;transition:.15s ease-in-out;cursor:pointer;display:flex;justify-content:center;align-items:center}a:hover,button:hover{background-color:var(--buttonHL);transition:background-color .15s ease}button:focus{transition:background-color .15s ease;outline:none;border:none}#maincontainerBottom button{width:auto;box-sizing:content-box;min-height:16px;padding:2px 4px;min-width:32px}#cookie-icon{margin-right:0}button#tutorial{display:none}.btns-lable{margin-left:15px;margin-right:5px;min-width:auto}#storagelevel{position:relative;width:50px;background:var(--light-bg-color);box-sizing:border-box;color:var(--button-text);border-width:0;border-radius:2px;padding:0;font-size:12px;z-index:1000;min-height:20px;height:20px;min-width:50px}#storagelevelbar{background:var(--buttonBG);min-height:20px;height:20px;opacity:.75}#storageleveltext{position:absolute;top:0;left:0;width:100%;min-height:20px;height:20px;text-align:center}div[data-name=domtr]{line-height:14px;font-size:10px;position:static;min-width:0;position:relative;white-space:nowrap;float:left;clear:both;width:auto;min-width:100%;height:20px;transition:border 0s ease-in-out,margin .2s ease-in-out .4s;border:1px solid transparent;border-radius:1px;box-sizing:border-box;display:flex;justify-content:flex-start;align-items:center}div[data-name=domtr] div,div[data-name=domtr] span{pointer-events:none}div[data-name=domtr] span{min-width:0}.domtr-data-image{font-size:10px;vertical-align:baseline;pointer-events:all!important;width:20px;height:14px;background-size:contain;background-repeat:no-repeat;background-position:50%}div[data-name=domtr]:hover{border-width:1px}div.domTree_HL,div.domTree_HL .domTreeClassColor{color:var(--button-text-active)}div.domTree_HL{position:relative}div.domTree_HL:before{content:"";background:var(--mainColor);position:absolute;left:0;right:0;top:0;bottom:0;outline:var(--mainColor) solid 1px;-webkit-filter:hue-rotate(var(--hue-value)) saturate(var(--sat-value));filter:hue-rotate(var(--hue-value)) saturate(var(--sat-value));z-index:-1}.domTreeTagColor{min-width:0;margin:0 3px}.domTreeIdColor{color:#3fae1d;min-width:0}div.domTree_HL .domTreeIdColor{color:#145500}.domTreeTagColor .domTreeTagColor--active{color:var(--mainColor)}div.domTree_HL .domTreeTagColor .domTreeTagColor--active{color:var(--button-text-active)}div[data-css=isChild1]{margin-left:5px}div[data-css=isChild2]{margin-left:15px}div[data-css=isChild3]{margin-left:25px}div[data-css=isChild4]{margin-left:35px}div[data-css=isChild5]{margin-left:45px}div[data-css=isChild6]{margin-left:55px}div[data-css=isChild7]{margin-left:65px}div[data-css=isChild8]{margin-left:75px}div[data-css=isChild9]{margin-left:85px}div[data-css=isChild10]{margin-left:95px}div[data-css=isChild11]{margin-left:105px}[data-css=ispre]{height:2px;font-size:0;margin-left:3px;transform:translateY(0);opacity:.3}[data-css=domtd]{display:block;width:auto;cursor:pointer}.domTreeClassColor{color:var(--main-text);margin-left:0;margin-right:4px}.domTree_BG .domTreeClassColor .domTreeClassColor--active{color:var(--mainColor)}.domTree_BG.closed-tree{display:none}.active-tree.domTree_BG.closed-tree{display:flex}#rebtns3{display:block;width:100%;height:214px;overflow-x:auto;overflow-y:auto;min-height:120px;resize:vertical;position:relative}#rebtns3 .rebtns3_container{color:var(--main-text);font-size:12px;line-height:2}.classdiv{background-color:hsla(0,0%,78.4%,.6)}span{margin-bottom:1px;margin-top:0;font-size:12px;font-weight:400;min-width:40px;line-height:1.5}span[data-readout=value]{text-align:center;width:40px;display:inline-block;transition:.15s ease-in-out}span[data-readout=valueShad]{text-align:center;width:40px;display:inline-block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}p{font-size:12px;font-weight:400}#allClasses{display:none}.sectionInnerWrap{height:auto;overflow-x:hidden;transition:all .1s ease-in}.sectionWrap .sectionInnerWrap{opacity:0;max-height:0%}.sectionWrap.active-tab .sectionInnerWrap{opacity:1;max-height:100%}.sectionInnerWrap.sectionInnerWrap--no-transition{transition:none!important}#maincontainerRight .sectionInnerWrap>*{transition:all .1s ease-in}#maincontainerRight .sectionWrap.active-tab .sectionInnerWrap.sectionInnerWrap_disable-edit>*{opacity:.3;pointer-events:none}.tab-button,.tab-button:hover{margin:0;text-align:left;background-color:transparent;padding:3px 2px;flex:1;min-height:30px}.tab-button,.tab-button:hover,.tab-button>span{width:100%;display:flex;align-items:center;justify-content:space-between}.tab-button>span{font-size:12px}.sectionWrap{transition:all .3s ease-in-out;height:auto;width:auto;box-sizing:border-box;color:var(--button-text);border-bottom:1px solid var(--buttonBG);border-radius:2px;font-size:10px;z-index:1000;margin:0;padding:0}.\--first-sectionWrap{border-top:1px solid var(--section-wrap-active)}.sectionWrap:hover{border-bottom:1px solid var(--section-wrap-hover)}.sectionWrap.active-tab{border-bottom:1px solid var(--section-wrap-active)}.sectionInnerWrap{position:relative;left:50%;transform:translateX(-50%);padding:0 10px;outline:0 solid var(--section-wrap)}.active-tab .sectionInnerWrap{border-radius:4px;margin-bottom:8px;background:var(--section-wrap);outline:2px solid var(--section-wrap);padding:0 4px;box-sizing:border-box}.sectionWrap .tab-button i{transition:all .15s ease-in;transform:scale(2) translateY(.5px) rotate(0deg)}.sectionWrap.active-tab .tab-button i{transform:scale(2) translateY(.5px) rotate(90deg)}.select-dropdown{color:var(--main-text);font-size:12px!important;font-style:italic;text-align:right;width:auto;margin:0}.select-dropdown,.tab-button-right{padding-right:10px}.tab-button-right .select-dropdown{padding-right:0;padding-left:0}input[type=range],input[type=range]::-webkit-slider-runnable-track{width:100px;height:16px;background-color:transparent;-webkit-appearance:none;margin:8px 0;outline:none;border:none}input[type=range]:focus{width:100px;height:8.4px;border:none;outline:none}#fullScreenMessage{width:250px;height:auto;left:calc(50% - 140px);top:calc(50% - 7px)}#resolutionMessage{width:auto;height:auto}#fullScreenMessage,#resolutionMessage{padding:15px;background-color:#444;border-radius:5px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:block;z-index:99999999;color:var(--main-text);text-align:center}#resolutionMessage{box-shadow:0 0 0 999px rgba(0,0,0,.5)}#resolutionMessageTextLink2{margin-top:30px;margin-bottom:0;-webkit-text-decoration-line:underline;text-decoration-line:underline;font-size:15px}#resolutionMessageTextLink,#resolutionMessageTextLink2{color:var(--main-text)}#adjBreaks,#resolutionMessageText,#ScreenMessage{font-size:15px;vertical-align:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}#adjBreaks{margin:2px;-webkit-text-decoration-line:underline;text-decoration-line:underline;cursor:pointer;pointer-events:none}#resolutionMessageTextLink,#resolutionMessageTextLink2{pointer-events:auto;cursor:pointer}#breakPoint1,#breakPoint2,#breakPoint3,#fullWidth{width:100%;color:#eee}#breakPoint1 i,#breakPoint2 i,#breakPoint3 i,#fullWidth i{width:12px;max-height:8px;transform:scale(1.4) translateY(.3px)}#breakPointSettingsContainer i{width:12px;max-height:8px;transform:scale(1.6) translateY(.3px);margin-right:5px}#colorHolder{position:relative;max-width:40px;max-height:40px;min-width:40px;min-height:40px}#colorPanel,#colorPicker{background-color:var(--main-bg-color)}#colorPanel{display:flex;flex-direction:column;display:none;top:50%;left:50%;transform:translate(-50%,-50%);position:fixed;width:auto;height:auto;z-index:999999}#pickers{display:flex;flex-direction:row;padding-top:10px;padding-left:0;padding-right:0}#moveTab{background-color:var(--main-bg-color);width:auto;padding:5px;cursor:move}#noMoveTab{cursor:default}#modeTab{width:auto;height:35px}#mainPicker,#modeTab{background-color:var(--light-bg-color)}#mainPicker{width:200px;height:200px;display:inline-block}#sliders{transform:rotate(90deg);padding:0;margin:0 0 0 -130px}.colorSlider{width:200px;height:25px;margin:0;padding:0;display:block;background-color:var(--light-bg-color);transform:translateY(-10px)}#color-inputer{border:1px solid transparent;width:calc(100% - 10px);margin:5px;color:var(--mainColor)}#color-inputer:focus{border:1px solid hsla(0,0%,100%,.5);width:calc(100% - 10px)}#alp,#hue{width:200px;height:29px;display:block;background-color:transparent}#recent,#swatchs{display:flex;flex-direction:row;justify-content:space-around}.recent-pick,.swatch-pick{width:20px;height:20px;display:inline-block;background-color:red}#color{position:absolute;left:10px;top:9px;max-width:16px;max-height:16px;min-width:16px;min-height:16px;background-color:var(--buttonBG);background-size:16px 16px}#colorDivide{left:7px;top:7px;max-width:24px;max-height:24px;min-width:24px;min-height:24px;pointer-events:none;background-color:var(--main-bg-color)}#background-color,#colorDivide{position:absolute;padding:0;margin:0}#background-color{max-width:38px;max-height:38px;min-width:38px;min-height:38px;background-color:var(--buttonBG);background-size:38px 38px}#para1{display:inline-block;width:100%;overflow:hidden;margin:0 5px;color:var(--main-text);pointer-events:none;line-height:20px;height:20px}#para1 .para1Link{color:var(--mainTextHL);pointer-events:auto;padding:6px;margin:0 5px}#paralogin{top:0;position:relative;display:inline-block;width:100%;overflow-x:hidden}[data-rows="4"]{margin-right:4px;margin-bottom:5px;width:calc(25% - 5px);display:block;float:left}[data-rows="7"]{margin-right:4px;width:calc(14.28571% - 5px);float:left}#breakPointLineMinBlock .settings-button{font-size:12px;background:transparent;transition:all 0s linear!important;padding:0;margin:0;flex:0}#breakPointLineMinBlock .settings-button svg{padding:1px;width:18px;height:auto}#breakPointLineMinBlock .settings-button:hover{color:var(--mainColor)}.units-button{width:40px;transition:none}.units-button#remove{width:180px}.spacer{height:5px;clear:both}.spacer,.spacer10{display:block;width:100%}.spacer10{height:10px}.dropIcon{position:relative;display:inherit;right:-25px;top:-18px;margin-left:auto;margin-right:4px;margin-top:7px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid var(--main-text)}#imageHolder{width:100%;z-index:10000;display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px;background-color:var(--main-bg-darkest);border:1px dashed #444;padding:4px;min-height:40px}#imageHolder,.imageHolderDiv{height:100%;position:relative}.imageHolderDiv{max-height:80px;min-height:80px;background-clip:content-box;background-color:var(--main-bg-color);background-color:var(--light-bg-color);display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;margin-bottom:0;border-top-left-radius:2px;border-top-right-radius:2px}.imageHolderDiv__inner{background:var(--checker);background-size:9px;opacity:.666666;width:100%;height:100%;position:relative}.imageHolderTextContainer{margin-top:0;min-height:24px;overflow:hidden;text-overflow:ellipsis;background-color:var(--light-bg-color);border-bottom-left-radius:2px;border-bottom-right-radius:2px;position:relative}.imageHolderImg{max-width:100%;max-height:100%;position:absolute}.imageHolderText{font-size:10px;line-height:18px;min-width:70px;max-width:calc(100% - 6px);width:100%;margin:2px 3px;overflow:hidden;text-overflow:ellipsis;text-align:center;position:absolute}#imagesDropText{position:absolute;left:50%;top:50%;font-size:12px;transform:translate(-50%,-50%);opacity:.3}#iframeBlocker{display:none;z-index:100000;width:100%;height:100%;pointer-events:auto;bottom:0}#iframeBlocker,.breakPointLines{position:absolute;top:0;left:0;right:0}.breakPointLines{z-index:2000;height:0}.breakPointLine{z-index:100000;height:16px;position:fixed;left:calc(50% - 10px);top:10px;transform:translateX(-50%);border-left:1px solid #fff;border-right:1px solid #fff;background-color:var(--breakpoint-line);cursor:pointer}.breakPointLine.breakPointLine--active{background:var(--mainColor)}#breakPointLine1,#breakPointLine2,#breakPointLine3,#breakPointLineFull{transition:.15s ease-in}#breakPointLineFull.breakPointLine--active:after,#breakPointLineFull.breakPointLine.breakPointLine--inherit:after,.breakPointLine.breakPointLine--text-active:after,.breakPointLine.breakPointLine--text-active:before{color:var(--breakpoint-line-text-active)!important}.breakPointLine.breakPointLine.breakPointLine.breakPointLine--inherit{background-color:var(--mainColor);-webkit-filter:saturate(0);filter:saturate(0)}#breakPointLine1:after,#breakPointLine1:before,#breakPointLine2:after,#breakPointLine2:before,#breakPointLine3:after,#breakPointLine3:before,#breakPointLineFull:after,#breakPointLineFull:before,#breakPointLineMin:after,#breakPointLineMin:before{position:absolute;top:8px;color:var(--breakpoint-line-text);font-size:11px;transition:.15s ease-in;opacity:1;pointer-events:none}#breakPointLine1:before,#breakPointLine2:before,#breakPointLine3:before,#breakPointLineFull:before,#breakPointLineMin:before{right:calc(100% + 6px)}#breakPointLine1:after,#breakPointLine2:after,#breakPointLine3:after,#breakPointLineFull:after,#breakPointLineMin:after{right:6px}#breakPointLine3:before{content:"LG"}#breakPointLine2:before{content:"MD"}#breakPointLine1:before{content:"SM"}#breakPointLineMin:before{content:"XS"}#breakPointLineFull:after{content:"\221E";font-size:14px}#breakPointLine3:after{content:var(--breakPointLine3_value) "";left:calc(100% + 6px)}#breakPointLine2:after{content:var(--breakPointLine2_value) "";left:calc(100% + 6px)}#breakPointLine1:after{content:var(--breakPointLine1_value) "";left:calc(100% + 6px)}#breakPointLineMin:after{content:var(--scrollBoxMin_value);left:calc(100% + 6px)}.breakPointWrapper{position:fixed;height:16px;width:calc(100% - var(--scrollbox_width) - 70px);transform:translateX(-50%);left:calc(50% - 10px);top:10px;z-index:999999;pointer-events:none}.breakPointWrapper .breakpointminmax{position:absolute;right:-20px;top:0;cursor:pointer;width:16px;height:16px;display:flex;justify-content:center;align-items:center;overflow:hidden;pointer-events:all;color:var(--button-text)}.breakPointWrapper .breakpointminmax:hover{color:var(--mainColor)}.breakPointWrapper .breakpointminmax[data-minmax=min]{transform:rotate(90deg)}.breakPointWrapper .breakpointminmax[data-minmax=max]{transform:rotate(-90deg)}.breakPointWrapper .breakpointminmax i{font-size:18px}#breakPointLineMin{background-color:var(--main-bg-color);width:var(--scrollBoxMin);padding-top:0;justify-content:center}#breakPointLineMin,#breakPointLineMinBlock{cursor:default;display:flex;align-items:center}#breakPointLineMinBlock{background-color:transparent;width:calc(var(--scrollBoxMin));height:32px;border:none;z-index:9999999;justify-content:space-between;padding:0 .5rem;box-sizing:border-box;top:2px;gap:.5rem}#breakPointLine1{width:480px}#breakPointLine2{width:768px}#breakPointLine3{width:980px}#breakPointLineFull{width:calc(100% - var(--scrollbox_width) - 70px)}#imageTest,#imageTestTest{position:fixed;width:400px;height:400px;background-color:pink}.notReadyYet{display:none;opacity:.4;text-decoration:line-through}#boxModel{position:absolute;left:50%;transform:translateX(-50%);height:140px;width:140px}#trapezoid_L_margin,#trapezoid_R_margin{position:absolute;background-color:var(--buttonBG);box-sizing:border-box;height:130px;width:10px;cursor:ew-resize}#trapezoid_B_margin,#trapezoid_T_margin{position:absolute;background-color:var(--buttonBG);box-sizing:border-box;height:10px;width:130px;cursor:ns-resize}#trapezoid_L_margin{top:5px;left:0}#trapezoid_T_margin{top:0;left:5px}#trapezoid_R_margin{top:5px;left:130px}#trapezoid_B_margin{top:130px;left:5px}#trapezoid_L_padding,#trapezoid_R_padding{position:absolute;background-color:var(--buttonBG);box-sizing:border-box;height:90px;width:10px;cursor:ew-resize}#trapezoid_B_padding,#trapezoid_T_padding{position:absolute;background-color:var(--buttonBG);box-sizing:border-box;height:10px;width:90px;cursor:ns-resize}#trapezoid_L_padding{top:25px;left:20px}#trapezoid_T_padding{top:20px;left:25px}#trapezoid_R_padding{top:25px;left:110px}#trapezoid_B_padding{top:110px;left:25px}#trapezoidCutter1{left:61px;transform:rotate(-45deg)}#trapezoidCutter1,#trapezoidCutter2{position:absolute;background-color:#2d2d2d;box-sizing:border-box;height:220px;width:8px;top:-45px}#trapezoidCutter2{left:71px;transform:rotate(45deg)}input[type=range]::-moz-range-track{background-color:transparent}input[type=range]::-ms-track{width:100%;cursor:pointer;background:transparent;border-color:transparent;color:var(--main-text)}#breakPointSettingsContainer{width:200px;padding-top:10px;padding-bottom:6px;background:var(--main-bg-color);border:2px solid var(--light-bg-color);border-top:0;position:absolute;left:50%;top:0;opacity:0;transform:translate(-100%,34px) scaleY(0) scaleX(2);transform-origin:0 0;z-index:999999999999;text-align:center;transition:transform .2s ease-in-out,opacity .2s ease-in-out}#breakPointSettingsContainer.on{opacity:1;transform:translate(-50%,34px) scaleY(1) scaleX(1);transition:transform .2s ease-in-out,opacity .2s ease-in-out}#breakPointSettingsContainer input{border:1px solid transparent;width:calc(50% - 10px);color:var(--mainColor);text-align:center;display:inline-block}#breakPointSettingsContainer button{display:inline-block;margin:5px auto;width:calc(50% - 10px)}#breakPointSettingsContainer span{display:inline-block;width:calc(50% - 10px);margin-top:10px}#not-chrome{font-size:15px;text-decoration:underline;cursor:pointer}@font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:url(/fonts/iconfont/MaterialIcons-Regular.eot);src:local("Material Icons"),local("MaterialIcons-Regular"),url(/fonts/iconfont/MaterialIcons-Regular.woff2) format("woff2"),url(/fonts/iconfont/MaterialIcons-Regular.woff) format("woff"),url(/fonts/iconfont/MaterialIcons-Regular.ttf) format("truetype")}i.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:9px;display:inline-block;line-height:1.15;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga";transform:scale(2) translateY(.5px)}#download-options,#loginPanel,#registerPanel,#viewProjects{width:auto;height:auto;max-height:calc(100vh - 80px);overflow-y:auto;position:fixed;z-index:999999999;left:50%;top:100%;transition:.15s ease-in;background:var(--main-bg-color);opacity:0;padding:5px;border:2px solid var(--light-bg-color);box-shadow:var(--box-shadow)}#download-options span,#loginPanel span,#registerPanel span,#viewProjects span{margin:10px 5px 0;font-size:12px}.input-wrap{margin:10px 5px 20px}#loginPanel .input-wrap input,#registerPanel .input-wrap input{width:100%}.show-login .register-only,.show-register .login-only{display:none}.register-account{font-size:14px;color:var(--mainColor);-webkit-text-decoration-line:underline;text-decoration-line:underline;cursor:pointer}.login-btns-wrap{margin-top:20px;display:flex;justify-content:space-between;gap:4px}.login-btns-wrap a,.login-btns-wrap button{display:inline-block;height:30px;line-height:25px;cursor:pointer;flex:1}.invalid-feedback{margin-top:20px;width:200px;display:block;font-weight:400;font-size:14px;color:red;font-family:Tahoma,Geneva,sans-serif}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{box-shadow:0 0 0 30px var(--main-bg-color) inset!important;-webkit-box-shadow:0 0 0 30px var(--main-bg-color) inset!important}input:-webkit-autofill{-webkit-text-fill-color:var(--mainColor)!important}#viewProjects a,#viewProjects a.active,#viewProjects form button{display:block;width:30px;height:24px;line-height:20px;padding:2px;margin:0;text-align:center;color:var(--button-text);display:flex;justify-content:center;align-items:center}#viewProjects a.active i,#viewProjects a i,#viewProjects form button i{width:20px;height:9px;transform:scale(2) translateY(0)}#viewProjects table{border-collapse:collapse;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:12px;line-height:1.5;width:100%}#viewProjects .action-buttons{display:flex;gap:4px;justify-content:flex-end}#viewProjects td{padding:4px;color:var(--button-text)}#viewProjects tr,#viewProjects tr:hover{border-bottom:1px solid var(--light-bg-color)}#viewProjects td.active{color:var(--mainColor)}#viewProjects th{text-align:left;padding:4px;color:var(--button-text)}#viewProjects .project-select button.active,#viewProjects a.active{background-color:var(--mainColor);color:var(--button-text-active)}#viewProjects a i{text-align:center}#viewProjects .project-select button.active i,#viewProjects a.active i{color:var(--button-text-active)!important}#viewProjects a.active button,#viewProjects a button{background-color:transparent;width:100%;margin:0;padding:0}#closeviewProjects:hover{background-color:var(--buttonHL)}.project-form.disable-add-project{pointer-events:none;opacity:.2}.hideCloseButton{display:none}.downloadOrLoseWrap{font-size:14px;display:block;max-width:240px;padding-bottom:20px}.downloadOrLose{font-size:14px;color:var(--mainColor);-webkit-text-decoration-line:underline;text-decoration-line:underline;cursor:pointer}#loginPanel .downloadOrLoseWrap{width:240px}.file-box{margin-bottom:5px}.file-box input{opacity:0;width:.1px;height:.1px;position:absolute}#download-options span.title,#loginPanel span.title,#registerPanel span.title,#viewProjects span.title{display:block;margin-top:0;margin-bottom:30px;font-size:14px;font-weight:700;color:var(--button-text)}#viewProjects .file-box label span,#viewProjects .project-form button[type=submit]{display:flex;width:100%;padding:4px;margin:0;background:var(--buttonBG);border:0 solid #000;border-radius:3px;font-size:12px;font-weight:400;color:var(--button-text);text-align:center;justify-content:center;align-items:center;box-sizing:border-box;cursor:pointer}#viewProjects .file-box:hover label span,#viewProjects .project-form button[type=submit]:hover{background:var(--buttonHL)}.old-file-name{margin-top:3px}.table-striped{width:510px;margin-bottom:30px}.project-forms{display:flex;flex-wrap:wrap;gap:1rem}.project-forms .project-form{min-width:240px;flex:1}.project-forms .project-form button{width:100%}#download-options{width:auto;height:auto;max-width:360px;padding:5px}#download-options span{font-size:12px;margin:10px 5px;display:block;font-weight:100}#download-options a{font-size:12px;display:inline;color:var(--mainColor);-webkit-text-decoration-line:underline;text-decoration-line:underline;cursor:pointer;background:transparent;text-align:left;padding:0;margin:0}#download-options #download-options-close{right:5px;top:5px;position:absolute}#download-options .download-buttons{margin-top:1rem;display:flex;gap:4px}#download-options .download-buttons button{flex:1;height:28px}.modal-close{width:20px;height:auto;position:absolute;right:5px;top:5px}.t-i{opacity:.1;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.t-i,.t-i--highlight{min-width:12px;min-height:20px;display:inline-block}.t-i--highlight{opacity:.5}.domTree_HL .t-i{min-width:12px;min-height:20px;display:inline-block;opacity:1}.t-i--space{background:transparent}.t-i--next_sib{background:var(--next_sib)}.t-i--no_sib{background:var(--no_sib)}.t-i--sib{background:var(--sib)}.t-i--only_child{background:var(--only_child)}.t-i--with_child{background:var(--tree-open);opacity:.7}.active-tree.closed-tree-parent .t-i--with_child,.closed-tree-parent .t-i--with_child{background:var(--tree-closed);opacity:.7}.t-i--next_sib.t-i--highlight{background:var(--next_sib-hl)}.t-i--no_sib.t-i--highlight{background:var(--no_sib-hl)}.t-i--sib.t-i--highlight{background:var(--sib-hl)}.t-i--only_child.t-i--highlight{background:var(--only_child-hl)}.t-i--with_child.t-i--highlight{background:var(--tree-open)}.active-tree.closed-tree-parent .t-i--with_child.t-i--highlight,.closed-tree-parent .t-i--with_child.t-i--highlight{background:var(--tree-closed)}.domTree_HL .t-i--only_child.t-i--highlight{background:var(--only_child)}.domTree_HL .t-i--with_child.t-i--highlight{background:var(--tree-open)}.active-tree.closed-tree-parent.domTree_HL .t-i--with_child.t-i--highlight,.closed-tree-parent.domTree_HL .t-i--with_child.t-i--highlight{background:var(--tree-closed)}#colorinput_wrapper{position:relative;margin-top:15px;margin-bottom:0;display:flex;justify-content:space-between;width:100%}#colorinput_wrapper>div{width:100%}#colorinput_checkers{z-index:2;top:-1px;left:0}#colorinput_checkers,#colorinput_checkers_bg{width:42px;height:42px;background:var(--checker);background-size:10px 10px;position:absolute}#colorinput_checkers_bg{z-index:1;top:25px;left:23px}.color-picker-container{max-width:70px;margin-left:3px;position:relative}#colorinput,#colorinput_bg{width:40px;height:40px;border:1px solid #000;cursor:pointer}#color_swatches{justify-content:flex-start;align-content:flex-start;gap:5px;min-width:120px;width:100%;display:flex;flex-wrap:wrap}.color_swatche{width:17px;height:17px;background:var(--checker);background-size:7px 7px;border:1px solid #000;pointer-events:none;position:relative}.color_swatche>div{width:100%;height:100%}.color_swatche:hover{border:1px solid var(--main-text)}#color_delete{position:absolute;top:2px;left:50px;width:16px;height:16px;display:flex;justify-content:center;align-items:center;padding:0;cursor:pointer}#color_delete:hover{color:red}#color_delete i{font-size:9px;padding:0;margin:0}.color-picker.color-picker{z-index:99999999999;padding:5px;background-color:var(--main-bg-color);border:2px solid var(--light-bg-color);box-shadow:var(--box-shadow)}.color-picker.color-picker>div{gap:5px;border:none;margin-bottom:5px}.color-picker.color-picker>div *{border:none}.color-picker.color-picker .picker_els_wrap{display:flex;gap:5px;margin:0}.color-picker.color-picker .picker_els_wrap .picker_eye_dropper{flex:0;margin:0 0 5px;padding:6px;min-width:47px}.color-picker.color-picker .picker_els_wrap .picker_value_text{border-radius:3px;flex:1;margin:0 0 5px;text-align:center;display:block;width:0;font-size:11px;padding:5px 0}.color-picker.color-picker .picker_swatches_container{height:auto;display:grid;grid-template-columns:repeat(10,1fr)}.color-picker.color-picker .picker_swatches_container .color_swatche{width:100%;height:15px;border:1px solid var(--main-bg-darkest)}.color-picker.color-picker .picker_swatches_container .color_swatche .color-triangle{width:calc(200% - 4px)}.color-picker.color-picker .picker_done_btn{display:block;cursor:pointer;background:var(--buttonBG);text-align:center;color:var(--button-text);padding:.1rem 0 .3rem;margin:0;border-radius:2px;border:0 solid #000}.color-picker.color-picker .picker_done_btn:hover{background:var(--buttonHL)}#media_color_bg_checkers,#media_color_checkers{position:absolute;width:10px;height:10px;border:1px solid #000;display:flex;justify-content:center;align-items:center;padding:0;cursor:pointer;background:var(--checker);background-size:10px 10px;overflow:hidden}#media_color,#media_color_bg{width:100%;height:100%}#media_color_bg_checkers:hover,#media_color_checkers:hover{border:1px solid var(--main-text)}#media_color_checkers{top:48px;left:0;z-index:2}#media_color_bg_checkers{top:55px;left:8px;z-index:1}.color_value_types{margin-top:0;margin-bottom:0;display:flex;flex-direction:column;justify-content:flex-start;max-width:35px;padding:1px 12px 0 8px;gap:8px}.color_value_types button{width:100%;min-height:17px;max-height:17px;padding:0;margin:0;font-size:10px;-webkit-filter:hue-rotate(var(--hue-value)) saturate(var(--sat-value));filter:hue-rotate(var(--hue-value)) saturate(var(--sat-value))}.color_value_types button.active{background:var(--mainColor);color:var(--button-text-active)}.\--disable-button{pointer-events:none!important}.select-dropdown-value-label{color:var(--main-text)}.tab-button-right{text-align:right}.cookiemunch_container a{margin:0;font-size:14px;background:transparent;padding:0;display:inline;line-height:1.5}.cookiemunch_container a:hover{background:transparent}#cookie_munch_element#cookie_munch_element{background:var(--main-bg-color);color:var(--main-text);border-radius:0;box-shadow:var(--box-shadow);border:2px solid var(--light-bg-color)}#cookie_munch_element#cookie_munch_element span{min-width:auto}#cookie_munch_element .cookie_munch_title_wrap h1{margin:0}#cookie_munch_element#cookie_munch_element.open-fully .close_panel{position:absolute;right:5px;top:7px;padding:6px}.cookie_munch_svg.cookie_munch_svg{width:20px}.cookiemunch_container.cookiemunch_container{background:var(--light-bg-color);border:0 solid transparent}.cookiemunch_container.cookiemunch_container h2,.cookiemunch_container.cookiemunch_container p{color:var(--main-text)}#cookie_munch_element#cookie_munch_element.open-fully .close_panel:after,#cookie_munch_element#cookie_munch_element.open-fully .close_panel:before{background-color:var(--main-text)}#cookiemunch_accept_all#cookiemunch_accept_all,#cookiemunch_accept_select#cookiemunch_accept_select,#cookiemunch_accept_selected#cookiemunch_accept_selected,#cookiemunch_decline#cookiemunch_decline{background-color:var(--buttonBG);color:var(--main-text);border:0 solid #000;font-size:12px}.cookie_munch_svg{width:20px}#cookie_munch_element .cookiemunch_switch{border:0 solid #4c4c4c}#cookiemunch_accept_all#cookiemunch_accept_all:hover,#cookiemunch_accept_select#cookiemunch_accept_select:hover,#cookiemunch_accept_selected#cookiemunch_accept_selected:hover,#cookiemunch_decline#cookiemunch_decline:hover{background-color:var(--buttonHL);color:var(--button-text);border:0 solid transparent}@media screen and (min-width:500px){#cookie_munch_element#cookie_munch_element[data-class=cookiemunch_hide_icon].closed,#cookie_munch_element#cookie_munch_element[data-class=cookiemunch_hide_icon].closed-fully,#cookie_munch_element#cookie_munch_element[data-class=cookiemunch_hide_icon].open,#cookie_munch_element#cookie_munch_element[data-class=cookiemunch_hide_icon].open-fully{left:50%;bottom:50%;transform:translate(-50%,50%)}}.cookiemunch_wrapper_chev{text-align:center}.prism_code_wrap{display:flex;padding:0;cursor:default;margin:0;height:100%}#prism_css,#prism_html{padding:30px 15px;width:100%;white-space:pre-wrap;overflow-y:scroll;box-sizing:border-box;word-break:break-word;cursor:text;-webkit-filter:contrast(.75);filter:contrast(.75)}#prism_css,#prism_css *>*,#prism_css>*,#prism_html,#prism_html *>*,#prism_html>*{margin:0!important;font-size:11px!important;line-height:1.4;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}#prism_css *>*,#prism_css>*,#prism_html *>*,#prism_html>*{transition:.15s ease-in-out}#prism_css .prism_css_selector_HL_other_BP,#prism_html .prism_html_selector_HL_other{background-color:#777;color:var(--button-text-active);outline:2px solid #777}#prism_css .prism_css_selector_HL,#prism_html .prism_html_selector_HL{background-color:var(--mainColor);color:var(--button-text-active);outline:2px solid var(--mainColor)}#prism_html .prism_html_selector_HL *,#prism_html .prism_html_selector_HL_other *{color:var(--button-text-active)}#prism_html{transition:.235s ease-in-out}#prism_css:focus,#prism_css:focus-visible,#prism_html:focus,#prism_html:focus-visible{outline:var(--buttonHL) auto 1px}#prism_css .property,#prism_css .selector{transition:0s linear;cursor:pointer}#prism_css .property:hover,#prism_css .selector:hover{-webkit-filter:saturate(2);filter:saturate(2);text-decoration:underline}.window-resizer{position:relative;justify-content:space-between;align-items:center;gap:10px}.window-resizer,input[type=range].window-resizer__input{width:100%;height:100%;display:flex;padding:0;box-sizing:border-box}input[type=range].window-resizer__input{margin:0;position:absolute;flex:1;opacity:0;overflow:hidden}.window-resize{position:absolute}#theAppVisibility.fullscreen-mode #scrollbox:after,#theAppVisibility.fullscreen-mode #scrollboxResizeBlocker{display:none}.property-title{font-size:12px;width:100%;display:block}.property-title.property-title--border{margin-top:30px;padding-top:10px;border-top:1px solid var(--light-bg-color)}.value-wrapper{width:100%;display:inline-flex;flex-direction:column;padding:0}.value-wrapper__row{justify-content:space-between;gap:10px;margin:15px auto}.value-wrapper__col,.value-wrapper__row{width:100%;display:flex;flex-direction:row;align-items:center}.value-wrapper__col{position:relative;justify-content:center}.value-wrapper__col--line{margin-top:1px;border-top:var(--input-line)}.value-wrapper__row button{max-width:18px;min-width:18px;max-height:18px;min-height:18px;display:flex;justify-content:center;align-items:center;background:transparent;padding:0;margin:0;color:var(--main-text)}.value-wrapper__row button:hover{color:var(--mainColor)}.value-wrapper.value-wrapper--standard-btns{display:flex;gap:5px;width:100%;flex-direction:row;justify-content:space-between}.value-wrapper__row .value-wrapper--standard-btns button{max-width:none;min-width:0;max-height:none;min-height:0;display:flex;justify-content:center;align-items:center;background-color:var(--buttonBG);padding:2px;margin:0;color:var(--main-text)}.value-wrapper__row .value-wrapper--standard-btns button:hover{color:var(--main-text);background-color:var(--buttonHL)}.value-wrapper__row label,.value-wrapper__row span{display:flex;justify-content:flex-start;align-items:center;box-sizing:border-box;width:100%;min-width:0;max-height:18px;min-height:18px;text-align:left;margin:0 3px;padding:0;font-size:12px;color:var(--main-text)}.value-wrapper__input,.value-wrapper__select{transition:background .1s ease-in;background:var(--section-wrap);padding:2px 18px 2px 2px;color:var(--main-text);width:100%;margin:-2px 1px 0 0;border:0;font-size:12px;line-height:1.5;max-height:20px;min-height:20px;-webkit-appearance:none;outline:none;cursor:pointer}#inputer1,#inputer4{transition:none;max-width:calc(100% - 20px);min-height:20px;background:var(--main-bg-color)}#inputer1,#inputer2,#inputer3,#inputer4{color:var(--mainColor);cursor:text}#inputer3{max-width:100%}.value-wrapper__select-icon{position:relative;color:var(--main-text);width:100%}.value-wrapper__input-icon span,.value-wrapper__select-icon span{pointer-events:none;position:absolute;right:1.2px;top:3px;width:10px;height:10px;font-size:10px}.value-wrapper__input-icon span:hover,.value-wrapper__select-icon:hover span{color:var(--mainColor)}.value-wrapper__select option{color:var(--main-text)}.value-wrapper__select option[selected]{color:var(--mainColor)}.value-wrapper__colorpick{border:1px solid #000;width:14px;height:14px;max-width:14px;max-height:14px;min-width:14px;min-height:14px;cursor:pointer;background:var(--checker);background-size:6px 6px;margin-right:3px;overflow:hidden;position:relative}.value-wrapper__colorpick>div{width:100%;height:100%}#box-shadow-inset{width:100%;min-width:50px}.smaller-value{font-size:11px!important}#combo-select,#pseudos-select{transition:none;color:var(--mainColor);background:var(--main-bg-color)}.color-triangle{position:absolute;pointer-events:none!important;width:calc(200% - 4px);left:0;bottom:0;fill:none}#colorinput_checkers .color-triangle,#colorinput_checkers_bg .color-triangle{width:calc(100% - 4px);left:1px;bottom:1px}.color_swatche .color-triangle{width:calc(120% - 4px)}select.value-wrapper__select option:checked{background-color:var(--buttonHL);color:var(--main-text)}.lock-wrapper{display:flex;justify-content:space-between;align-items:center}.lock-wrapper svg{width:auto;height:10px;fill:var(--buttonHL)}.lock-wrapper [data-locked=true] svg{width:auto;height:10px;fill:var(--mainColor)}.lock_icon{height:18px;display:flex;align-items:center;cursor:pointer}#grid-template-columns-render{line-height:1.5}#test-cursor{display:flex;justify-content:center;align-items:center;padding:10px;background-color:var(--main-bg-darkest);border:1px dashed #444}.value-wrapper__row .value-wrapper--standard-btns button.HD.flex-direction{padding-bottom:4px}.res-message a{font-size:15px;-webkit-text-decoration-line:underline;text-decoration-line:underline}.res-message a:hover{background:none}.resize-both,.resize-bottom,.resize-left,.resize-right,.resize-top{position:absolute;z-index:999999999}.resize-left{top:30px;bottom:1rem;left:0;width:4px;cursor:ew-resize}.resize-top{left:0;top:0;right:1rem;height:4px;cursor:ns-resize}.resize-right{top:30px;bottom:1rem;right:0;width:4px;cursor:ew-resize}.resize-bottom{left:0;bottom:0;right:1rem;height:4px;cursor:ns-resize}.resize-both{bottom:0;right:2px;width:1rem;height:1rem;cursor:nw-resize;width:16px;height:16px;background:var(--resize-icon-both);background-size:75%;background-position:50%;opacity:.75}@media screen and (max-width:567px){.resize-both,.resize-bottom,.resize-left,.resize-right,.resize-top{display:none}}#code-section-header span,#left-sections-header span,#right-sections-header span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:.5rem}#code-section-header span i,#left-sections-header span i,#right-sections-header span i{padding-left:.25rem}@media screen and (max-width:567px){#code-section,#left-sections,#right-sections{top:15%;left:0!important;right:0!important;bottom:36px!important;width:100%!important;height:auto!important;max-height:100%!important;min-height:30px;resize:none;box-shadow:0 -3px 3px 0 rgba(0,0,0,.35)}#code-section-close,#left-section-close,#right-section-close{pointer-events:all;width:25px}#rebtns3{min-height:33vh;max-height:33vh;height:33vh;resize:none}#codepenForm{display:none;pointer-events:none}}#resize-scrollbox-hoz{right:-22px;top:-2px;bottom:-2px;width:18px;border:2px solid var(--main-bg-color);border-bottom:none;cursor:ew-resize}.resize-scrollbox-hoz-icon{width:12px;height:36px;background:var(--resize-icon-hoz);background-size:70%;background-position:50%;opacity:.75}#resize-scrollbox-vert{left:-2px;right:-2px;bottom:-22px;height:18px;border:2px solid var(--main-bg-color);border-right:none;cursor:ns-resize}.resize-scrollbox-vert-icon{width:36px;height:12px;background:var(--resize-icon-vert);background-size:70%;background-position:50%;opacity:.75}#resize-scrollbox-both{right:-22px;bottom:-22px;width:18px;height:18px;border-right:2px solid var(--main-bg-color);border-bottom:2px solid var(--main-bg-color);cursor:nw-resize}.resize-scrollbox-both-icon{width:12px;height:12px;background:var(--resize-icon-both);background-size:100%;opacity:.75}#resize-scrollbox-both,#resize-scrollbox-hoz,#resize-scrollbox-vert{position:absolute;background:var(--light-bg-color);display:flex;justify-content:center;align-items:center;overflow:hidden;z-index:999999;transition:all .125s ease-in-out}#resize-scrollbox-both.resize-scrollbox-hover,#resize-scrollbox-hoz.resize-scrollbox-hover,#resize-scrollbox-vert.resize-scrollbox-hover{background:var(--buttonBG)}#resize-scrollbox-both.resize-scrollbox-active,#resize-scrollbox-hoz.resize-scrollbox-active,#resize-scrollbox-vert.resize-scrollbox-active{background:var(--buttonHL)}@supports (-moz-appearance:none){body *{scrollbar-width:thin}#maincontainerLeftBottom,#maincontainerRight{scrollbar-width:none}i.material-icons{transform:scale(1.7) translateY(0)}}#app.small-screen #maincontainerRightFixed{height:67px}#app.small-screen #maincontainerRight{top:109px}#app.small-screen #breakPointLineMin{transform:translateX(0);position:fixed;width:auto;left:120px;right:120px;border:0}#app.small-screen #breakpointminmax{display:none}#app.small-screen #breakPointLineMinBlock{width:100%;left:0;right:0;transform:translateX(0);justify-content:center;pointer-events:none}#app.small-screen .paraBreakWidth_spacer{display:none}#app.small-screen .breakPointWrapper{width:100%}#app.small-screen #breakPointLine1:after,#app.small-screen #breakPointLine1:before,#app.small-screen #breakPointLine2:after,#app.small-screen #breakPointLine2:before,#app.small-screen #breakPointLine3:after,#app.small-screen #breakPointLine3:before,#app.small-screen #breakPointLineFull:after,#app.small-screen #breakPointLineFull:before,#app.small-screen #breakPointLineMin:after,#app.small-screen #breakPointLineMin:before,#app.small-screen #code-section,#app.small-screen #media_color_bg_checkers,#app.small-screen #media_color_checkers,#app.small-screen #reverseBreakpoints,#app.small-screen #viewCodeButton{display:none}#app.small-screen #maincontainerBottom{z-index:9999999999}#app.small-screen #breakPointLineMinBlock .settings-button,#app.small-screen #codepenForm,#app.small-screen #downloadFiles,#app.small-screen #preview,#app.small-screen #saveProject,#app.small-screen #storagelevel,#app.small-screen #uploadProject,#app.small-screen .btns-lable,#app.small-screen .material-icons.green{display:none}#app.small-screen #logo{position:fixed;top:8px;left:4px}#app.small-screen #cookie-icon,#app.small-screen #login,#app.small-screen #projects,#app.small-screen #redobutton,#app.small-screen #removeAll,#app.small-screen #undobutton{position:fixed;z-index:9999999999;top:6px;min-width:20px;width:20px;max-width:20px}#app.small-screen #undobutton{left:30px}#app.small-screen #redobutton{left:64px}#app.small-screen #removeAll{right:74px}#app.small-screen #login,#app.small-screen #projects{right:40px}#app.small-screen #cookie-icon{right:8px}.fadeOutAnimation{padding:5px 4px;margin:-5px -4px -25px}.fadeOutAnimation_tab{-webkit-animation:fadeOutAnimation 1.2s ease;animation:fadeOutAnimation 1.2s ease;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;border-radius:4px}@-webkit-keyframes fadeOutAnimation{0%{background:rgba(var(--mainColor_fade),.5)}to{background:rgba(var(--mainColor_fade),0)}}@keyframes fadeOutAnimation{0%{background:rgba(var(--mainColor_fade),.5)}to{background:rgba(var(--mainColor_fade),0)}}.value-wrapper[data-wrapper-active=true] .value-wrapper__col--line{border-top:1px solid var(--mainColor)}.value-wrapper[data-wrapper-active=true] .value-wrapper__col--line span{color:var(--mainColor)}@media (hover:none){#maincontainerRight .value-wrapper *{pointer-events:none}#maincontainerRight .value-wrapper[data-wrapper-active=true] *{pointer-events:all}}.value-wrapper__col[data-media-inherit]:after,.value-wrapper__input-icon[data-media-inherit]:after,.value-wrapper__select-icon[data-media-inherit]:after{content:attr(data-media-inherit);margin-left:.25rem;font-style:italic;font-size:11px;position:absolute;top:.55rem;right:1.25rem;z-index:5;pointer-events:none;color:var(--main-text)}.no-units[data-media-inherit]:after,.value-wrapper__input-icon[data-media-inherit]:after{right:.3rem}#addAnotherClass,#copyClass,#renameClass{font-weight:700;font-size:1rem;top:-6px}#css-inline.active{background:var(--mainColor);color:var(--button-text-active);-webkit-animation:glowing 1s infinite;animation:glowing 1s infinite}@-webkit-keyframes glowing{0%{background-color:var(--mainColor);box-shadow:0 0 0 0 var(--buttonBG);-webkit-filter:brightness(100%);filter:brightness(100%)}50%{background-color:var(--mainColor);box-shadow:0 0 10px 0 var(--mainColor);-webkit-filter:brightness(120%);filter:brightness(120%)}to{background-color:var(--mainColor);box-shadow:0 0 0 0 var(--buttonBG);-webkit-filter:brightness(100%);filter:brightness(100%)}}@keyframes glowing{0%{background-color:var(--mainColor);box-shadow:0 0 0 0 var(--buttonBG);-webkit-filter:brightness(100%);filter:brightness(100%)}50%{background-color:var(--mainColor);box-shadow:0 0 10px 0 var(--mainColor);-webkit-filter:brightness(120%);filter:brightness(120%)}to{background-color:var(--mainColor);box-shadow:0 0 0 0 var(--buttonBG);-webkit-filter:brightness(100%);filter:brightness(100%)}}#reverseBreakpoints.inline-active #breakPoint_LG,#reverseBreakpoints.inline-active #breakPoint_MD,#reverseBreakpoints.inline-active #breakPoint_SM,#reverseBreakpoints.inline-active #breakPoint_XS{background-color:var(--buttonBG)!important;color:var(--button-text)!important}:root{--item-padding:5px 8px}#context-menu{display:none;position:absolute;width:auto;min-width:200px;height:auto;z-index:999999999999;background:var(--main-bg-color);outline:2px solid var(--light-bg-color);flex-direction:column;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--button-text)}@media (hover:none){#context-menu{left:50%!important;top:50%!important;transform:translate(-50%,-50%)}}#context-menu .menu-item{position:relative;box-sizing:border-box;padding:var(--item-padding);line-height:1.5;font-size:12px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:all;display:flex}#context-menu .menu-item:hover{background:var(--buttonBG)}#context-menu .menu-item:hover .submenu{display:flex}#context-menu .menu-item.submenu-disabled{opacity:.5;pointer-events:none}#context-menu .submenu{display:none;position:absolute;left:100%;top:0;width:auto;min-width:200px;height:auto;max-height:250px;overflow-y:auto;background:var(--main-bg-color);outline:2px solid var(--light-bg-color);flex-direction:column;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--button-text);z-index:999}@media (hover:none){#context-menu .submenu{left:25%;top:100%}}#context-menu .submenu .submenu-item{display:flex;width:100%;box-sizing:border-box;padding:var(--item-padding);line-height:1.5;font-size:12px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:all;white-space:nowrap}#context-menu .submenu .submenu-item:hover{background:var(--buttonBG)}#context-menu .menu-item-drop{width:100%;height:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center}#context-menu .menu-item-drop i{transform:scale(1.4) translateY(.5px)}#context-menu .menu-item-drop i.vert-flip{transform:scaleX(1.4) scaleY(-1.4) translateY(.5px)}#context-menu .menu-item-drop i.rorate{transform:scale(2.2) translateY(.5px) rotate(-90deg)}#context-menu .menu-item-drop .key-tip{display:flex;width:100%;justify-content:space-between;padding-left:.75rem}#context-menu .menu-item-drop .key-tip span+span{color:var(--main-text)}@-webkit-keyframes arrow-animation-top-right{0%{transform:translateY(0) translateX(0);opacity:.6}to{transform:translateY(-.4em) translateX(.4em);opacity:1}}@keyframes arrow-animation-top-right{0%{transform:translateY(0) translateX(0);opacity:.6}to{transform:translateY(-.4em) translateX(.4em);opacity:1}}@-webkit-keyframes arrow-animation-bottom-right{0%{transform:translateY(0) translateX(0);opacity:1}to{transform:translateY(-.4em) translateX(-.4em);opacity:.6}}@keyframes arrow-animation-bottom-right{0%{transform:translateY(0) translateX(0);opacity:1}to{transform:translateY(-.4em) translateX(-.4em);opacity:.6}}@-webkit-keyframes arrow-animation-top-left{0%{transform:translateY(0) translateX(0);opacity:.6}to{transform:translateY(-.4em) translateX(-.4em);opacity:1}}@keyframes arrow-animation-top-left{0%{transform:translateY(0) translateX(0);opacity:.6}to{transform:translateY(-.4em) translateX(-.4em);opacity:1}}@-webkit-keyframes arrow-animation-bottom-left{0%{transform:translateY(0) translateX(0);opacity:1}to{transform:translateY(-.4em) translateX(.4em);opacity:.6}}@keyframes arrow-animation-bottom-left{0%{transform:translateY(0) translateX(0);opacity:1}to{transform:translateY(-.4em) translateX(.4em);opacity:.6}}#tutorial-arrow[data-points=top-right]{-webkit-animation:arrow-animation-top-right .6s ease-in-out infinite alternate;animation:arrow-animation-top-right .6s ease-in-out infinite alternate}#tutorial-arrow[data-points=top-right] svg{transform:rotate(45deg)}#tutorial-arrow[data-points=bottom-right]{-webkit-animation:arrow-animation-bottom-right .6s ease-in-out infinite alternate;animation:arrow-animation-bottom-right .6s ease-in-out infinite alternate}#tutorial-arrow[data-points=bottom-right] svg{transform:rotate(135deg)}#tutorial-arrow[data-points=top-left]{-webkit-animation:arrow-animation-top-left .6s ease-in-out infinite alternate;animation:arrow-animation-top-left .6s ease-in-out infinite alternate}#tutorial-arrow[data-points=top-left] svg{transform:rotate(-45deg)}#tutorial-arrow[data-points=bottom-left]{-webkit-animation:arrow-animation-bottom-left .6s ease-in-out infinite alternate;animation:arrow-animation-bottom-left .6s ease-in-out infinite alternate}#tutorial-arrow[data-points=bottom-left] svg{transform:rotate(-135deg)}.small-screen #tutorial,.small-screen #tutorial-show{display:none!important}#tutorial{position:absolute;top:0;left:0;width:100vw;height:100vh;display:none;z-index:999999999;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#tutorial,#tutorial #tutorial-box{flex-direction:column;justify-content:center;align-items:center}#tutorial #tutorial-box{width:100%;height:auto;min-width:260px;max-width:360px;box-sizing:border-box;pointer-events:all;display:flex;background:var(--main-bg-color);box-shadow:var(--box-shadow);outline:2px solid var(--light-bg-color);padding:5px}#tutorial #tutorial-box .tutorial-buttons{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-top:.5rem;width:100%;gap:4px}#tutorial #tutorial-box .tutorial-buttons button{padding:.5rem}#tutorial #tutorial-box .tutorial-buttons button.disabled{opacity:.5;pointer-events:none}#tutorial #tutorial-box .tutorial-title{width:100%;padding:0;box-sizing:border-box;display:flex;justify-content:space-between}#tutorial #tutorial-box .tutorial-title span{flex:0;margin:0 5px 16px;font-size:14px;font-weight:700;color:var(--button-text)}#tutorial #tutorial-box .tutorial-title button{flex:0;min-width:20px;align-self:flex-start}#tutorial #tutorial-box select{box-sizing:border-box;padding:0;width:calc(100% - 16px);transition:none;background-color:var(--main-bg-color);background:var(--main-bg-color);color:var(--button-text);border:0;font-size:14px;line-height:1.5;outline:none;cursor:pointer;border-bottom:var(--input-line)}#tutorial #tutorial-box #tutorial-text{padding:.5rem;width:100%;min-height:100px;box-sizing:border-box;display:flex;align-items:center}#tutorial div{display:block;line-height:1.5;float:none}#tutorial #tutorial-arrow{position:absolute;display:none;transition:all .25s ease;z-index:999999999999}#tutorial #tutorial-arrow svg{width:60px;height:60px;-webkit-filter:var(--filter-shadow);filter:var(--filter-shadow)}.btn-with-svg{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:4px}.btn-with-svg svg{opacity:.8;color:var(--button-text);width:40px;height:auto}option[value=other-type][disabled]{display:none}#loginPanel.auth-modal{width:min(360px,100vw - 32px);box-sizing:border-box;padding:16px;border-radius:0;box-shadow:none;border:1px solid var(--light-bg-color);background:var(--main-bg-color);color:var(--main-text)}#loginPanel.auth-modal [hidden]{display:none!important}#loginPanel.auth-modal form{width:100%}#loginPanel.auth-modal .title{font-size:16px;line-height:1.3;margin:0 22px 8px 0}#loginPanel.auth-modal p{font-size:12px;line-height:1.5;margin:0 0 12px}#loginPanel.auth-modal .input-wrap{margin:18px 0}#loginPanel.auth-modal .input-wrap input{box-sizing:border-box;min-height:32px;font-size:12px;border-radius:0}#loginPanel.auth-modal .auth-email{overflow-wrap:anywhere;color:var(--button-text);font-weight:700}#loginPanel.auth-modal .auth-success-icon{margin-bottom:12px;color:#58a86a}#loginPanel.auth-modal .auth-success-icon svg{display:block}#loginPanel.auth-modal .auth-success-icon:not([hidden]) path{stroke-dasharray:36;stroke-dashoffset:0;-webkit-animation:auth-checkmark .25s ease-out;animation:auth-checkmark .25s ease-out}@media (prefers-reduced-motion:reduce){#loginPanel.auth-modal .auth-success-icon:not([hidden]) path{-webkit-animation:none;animation:none}}#loginPanel.auth-modal .otp-digit-field{margin:18px 0}#loginPanel.auth-modal .otp-digit-field>label{display:block;font-size:12px;line-height:1.5;margin:0;padding-bottom:12px}#loginPanel.auth-modal .otp-digit-control{position:relative;width:100%;min-width:0}#loginPanel.auth-modal #otp-digit-boxes{display:grid;width:100%;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;pointer-events:none}#loginPanel.auth-modal .otp-digit-box{display:flex;align-items:center;justify-content:center;width:100%;height:48px;min-width:0;box-sizing:border-box;margin:0;border:1px solid var(--light-bg-color);border-radius:0;background:var(--main-bg-darkest);color:var(--button-text);font-size:22px;line-height:1;font-family:monospace}#loginPanel.auth-modal .otp-digit-box.is-active{border-color:var(--mainColor);outline:none;box-shadow:none}#loginPanel.auth-modal #otp-code{position:absolute;inset:0;z-index:1;width:100%;height:100%;box-sizing:border-box;padding:0;margin:0;border:0;border-radius:0;outline:none;background:transparent;color:transparent;caret-color:transparent;font-size:16px;letter-spacing:normal}#loginPanel.auth-modal button{border-radius:0}#loginPanel.auth-modal .auth-primary{min-height:32px;margin:0;font-size:12px;border:1px solid var(--light-bg-color)}#loginPanel.auth-modal .auth-help{font-size:12px;margin:12px 0 0;opacity:.8}#loginPanel.auth-modal .otp-status{margin:0 0 16px}#loginPanel.auth-modal .auth-error,#loginPanel.auth-modal .invalid-feedback{color:#ff9c9c}#loginPanel.auth-modal .invalid-feedback{display:block}#loginPanel.auth-modal .auth-actions,#loginPanel.auth-modal .auth-footer{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px}#loginPanel.auth-modal .auth-footer{padding-top:12px;border-top:1px solid var(--light-bg-color)}#loginPanel.auth-modal .auth-footer a,#loginPanel.auth-modal .auth-link{width:auto;min-height:auto;padding:0;margin:0;background:transparent;color:var(--button-text);font-size:12px;text-decoration:underline}#loginPanel.auth-modal button:disabled{opacity:.55;cursor:wait}#loginPanel.auth-modal #privacy{margin-left:auto}@-webkit-keyframes auth-checkmark{0%{stroke-dashoffset:36}to{stroke-dashoffset:0}}@keyframes auth-checkmark{0%{stroke-dashoffset:36}to{stroke-dashoffset:0}}