styles-26G7M3CX.css

:root{--font-family: "Roboto", "Open Sans", "Lato", "Montserrat", "Source Sans Pro", Arial, sans-serif;--big-title: 30px;--first-title: 20px;--second-title: 18px;--third-title: 16px;--fourth-title: 14px;--fifth-title: 12px;--sixth-title: 10px;--corner-radius: 9px;--shadow: 0px 5px 6px -3px rgb(0 0 0 / 6%), 0px 9px 12px 1px rgb(0 0 0 / 6%), 0px 3px 16px 2px rgb(0 0 0 / 6%);--input-padding: 2px;--input-font-size: 12px;--input-border-radius: 4px;--input-width: 100%;--input-height: 20px;--select-padding-right: 2em;--range-height: 5px;--range-thumb-width: 15px;--range-thumb-height: 15px;--checkbox-radio-width: 16px;--checkbox-radio-height: 16px;--form-padding: 1px;--form-label-font-size: 13px;--form-border-radius: 5px;--border-style: solid;--border-width: 2}.light{--primary-color: #f9f9f9;--secondary-color: #ffffff;--tertiary-color: #e0e0e0;--quaternary-color: #c0c0c0;--quinary-color: #a0a0a0;--senary-color: #808080;--septenary-color: #606060;--text-color: #3d3d3d;--accent-color: #d1d1d1;--focus-color: #ffffff;--focus-text-color: #272727;--input-border: var(--border-width) var(--border-style) var(--tertiary-color);--glass-shadow: inset 0 1px var(--primary-color), inset 0 -1px 3px var(--secondary-color), 0 1px 2px var(--tertiary-color);--tertiary-color-alpha: .9}.light1{--primary-color: #ffe2bd;--secondary-color: #ffe4aa;--tertiary-color: #ffdd8d;--quaternary-color: #ffcc70;--quinary-color: #ffbb53;--senary-color: #ffaa36;--septenary-color: #ff9919;--text-color: #7c5500;--accent-color: #efcf78;--focus-color: hsl(48, 100%, 18%);--focus-text-color: hsl(48, 100%, 12%);--input-border: var(--border-width) var(--border-style) var(--tertiary-color);--glass-shadow: inset 0 1px var(--primary-color), inset 0 -1px 5px var(--secondary-color), 0 1px 2px var(--tertiary-color);--tertiary-color-alpha: .9}.light2{--primary-color: #7bf1ff;--secondary-color: #91f3ff;--tertiary-color: #00e2ff;--quaternary-color: #00c2e0;--quinary-color: #00a2c0;--senary-color: #0082a0;--septenary-color: #006280;--text-color: #000000;--accent-color: #25e6ff;--focus-color: #8187ff;--focus-text-color: #00044d;--input-border: var(--border-width) var(--border-style) var(--tertiary-color);--glass-shadow: inset 0 1px var(--primary-color), inset 0 -1px 4px 5px var(--tertiary-color), 0 1px 2px var(--secondary-color);--tertiary-color-alpha: .9}.dark{--primary-color: #252525;--secondary-color: #192b12;--tertiary-color: #1e1e1e;--quaternary-color: #2e2e2e;--quinary-color: #3e3e3e;--senary-color: #4e4e4e;--septenary-color: #5e5e5e;--text-color: #e5e5e5;--accent-color:#1a1a1a;--focus-color: #6d6d6d;--focus-text-color: #dfdfdf;--input-border: var(--border-width) var(--border-style) var(--tertiary-color);--glass-shadow: inset 0 1px 1px var(--primary-color), inset 0 -1px 7px var(--secondary-color), 0 1px 2px 1px var(--tertiary-color);--tertiary-color-alpha: .9}.dark1{--primary-color: #2a2a40;--secondary-color: #33334d;--tertiary-color: #3d3d59;--quaternary-color: #474766;--quinary-color: #515173;--senary-color: #5b5b80;--septenary-color: #65658d;--text-color: #dcdcdc;--accent-color: #1f1f2e;--focus-color: #2a2a40;--focus-text-color: #bfbfbf;--input-border: var(--border-width) var(--border-style) var(--tertiary-color);--glass-shadow: inset 0 1px var(--primary-color), inset 0 -1px 4px 3px var(--tertiary-color), 0 1px 0px var(--secondary-color);--tertiary-color-alpha: .9}.dark2{--primary-color: #4a154b;--secondary-color: #6d1b7b;--tertiary-color: #8e24aa;--quaternary-color: #ab47bc;--quinary-color: #ba68c8;--senary-color: #ce93d8;--septenary-color: #e1bee7;--text-color: #e3d3ff;--accent-color: #3e0d3e;--focus-color: #4a154b;--focus-text-color: #e3d3ff;--input-border: var(--border-width) var(--border-style) var(--tertiary-color);--glass-shadow: inset 0 1px var(--primary-color), inset 0 -1px 4px 5px var(--tertiary-color), 0 1px 2px var(--secondary-color);--tertiary-color-alpha: .9}html body{height:100vh;width:100vw;top:0;left:0;margin:0;padding:0;overflow:hidden;-webkit-user-select:none;user-select:none;cursor:default;font-size:var(--first-title);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-color);background-color:transparent;font-family:var(--font-family)!important}*{margin:0;padding:0;box-sizing:border-box}::-webkit-scrollbar{background-color:transparent}::-webkit-scrollbar-thumb{border-radius:2px;background:var(--focus-color)}::-webkit-scrollbar-thumb:hover{background-color:var(--focus-text-color)}::-webkit-scrollbar-corner{display:none}.shadow{box-shadow:var(--shadow)}.glass{box-shadow:var(--shadow);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.accent-shadow{box-shadow:-2px 0 3px 0 var(--accent-color),2px -3px 6px 0 var(--accent-color),0 3px 12px 2px var(--accent-color)}.shell{display:grid;grid-template-areas:"leftNav main";grid-template-columns:56px auto;height:100%;width:100%;padding:0;margin:0;overflow:hidden;color:var(--text-color)}.navbar{display:grid;grid-template-rows:122px auto;row-gap:30px;height:100vh;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);align-content:space-between}.leftNav{grid-area:leftNav}.main{width:100%;height:100%}.auth{display:grid;row-gap:3px;grid-template-rows:max-content max-content}.selectedStyle{display:grid;row-gap:4px;grid-auto-rows:max-content}.pages{display:flex;gap:4px;flex-direction:column;align-items:center;flex-wrap:nowrap}.router-title{grid-area:router-title;font-size:10px!important;color:var(--focus-text-color)}.iconarea{grid-area:iconarea;color:var(--focus-text-color)}.icon{font-family:Material Icons;font-weight:400;font-style:normal;font-size:27px!important;background-color:transparent}.small-icon{font-family:Material Icons;font-weight:400;font-style:normal;font-size:16px!important}.very-small-icon{font-family:Material Icons;font-weight:400;font-style:normal;font-size:12px!important}.line{grid-area:line;content:".";height:1px;background-color:var(--tertiary-color);width:100%}.routerlink{display:grid;grid-template-areas:"iconarea" "router-title" "line";grid-template-rows:max-content auto 1px;transition:transform .2s;width:100%;text-decoration:none;background-color:transparent;overflow:hidden;cursor:pointer;justify-items:center;outline:none;border:none;transition:all .2s ease-in-out;webkit-backdrop-filter:blur(31px);-webkit-backdrop-filter:blur(31px);backdrop-filter:blur(31px);margin-bottom:11px}.routerlink:hover{transform:scale(1.1)}.second{margin-left:8px;display:grid;grid-template-columns:1fr 1fr}.third{margin-left:8px;display:grid;grid-template-columns:1fr 1fr 1fr}.fourth{margin-left:8px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr}.first,.full-width{width:100%}.mini-editor{font-size:16px;width:100%}.very-small-button{background-color:transparent;margin:0;padding:0;outline-style:none;font-size:var(--sixth-title);color:var(--text-color);border-style:none;cursor:pointer;text-align:center;transition:all .2s ease-in-out}.very-small-button:hover{background-color:var(--focus-color);color:var(--focus-text-color)}.rotated{writing-mode:vertical-lr}.title{font-size:16px}.footer{grid-area:footer;overflow-y:hidden;overflow-x:hidden;height:100%}.left{grid-area:left;display:flex;gap:2px;overflow-y:hidden;overflow-x:hidden;flex-direction:column;flex-wrap:nowrap;width:100%;height:100%;padding:2px 2px 2px 12px}.middle{grid-area:middle;overflow-x:hidden;overflow-y:hidden}.right{grid-area:right;padding:6px;overflow-y:hidden;overflow-x:hidden}.tool-left{grid-area:tool-left;height:100%;display:flex;padding:6px;overflow-x:hidden;overflow-y:hidden;flex-wrap:nowrap;flex-direction:column;align-items:center}.tool-right{grid-area:tool-right;height:100%;display:flex;padding:6px;overflow-x:hidden;overflow-y:hidden;flex-wrap:nowrap;flex-direction:column;align-items:center}.s0{grid-area:s0;opacity:.2;cursor:col-resize;background-color:var(--secondary-color);height:100%}.s1{grid-area:s1;opacity:.2;cursor:col-resize;background-color:var(--secondary-color);height:100%}.s2{grid-area:s2;cursor:col-resize;opacity:.2;background-color:var(--secondary-color);height:100%}.s3{grid-area:s3;cursor:col-resize;background-color:var(--secondary-color);opacity:.2;height:100%}.s4{grid-area:s4;cursor:row-resize;opacity:.2;height:12px;width:100%}.s0:hover,.s1:hover,.s2:hover,.s3:hover,.s4:hover{background-color:var(--focus-color)}.splitter{display:grid;grid-template-areas:"splitter-header" "splitter-container";grid-template-rows:32px auto;height:100%;width:100%;overflow:hidden;padding:0;margin:0;-webkit-user-select:none;user-select:none}.splitter-header{grid-area:splitter-header;display:flex;gap:14px;overflow:hidden;overflow-x:hidden;min-height:30px;padding-top:2px;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;color:var(--text-color);align-items:center}.header-btns{display:flex;gap:12px;flex-direction:row;flex-wrap:nowrap;justify-content:space-evenly;align-items:center}.splitter-container{display:grid;grid-area:splitter-container;grid-template-areas:"left s0 tool-left s1 middle s2 tool-right s3 right";grid-template-columns:280px 1px 40px 1px auto 1px max-content 1px max-content;overflow:hidden}.reset{cursor:pointer;font-size:14px;color:var(--text-color);display:flex;flex-direction:row;height:30px;flex-wrap:nowrap;justify-content:space-between;align-items:center}.chip{cursor:pointer;font-size:13px;display:inline-flex;flex-direction:row;align-items:center;padding:0 8px;height:20px;border-radius:16px;transition:all .2s ease-in-out;background-color:var(--secondary-color);color:var(--text-color);box-shadow:var( --glass-shadow )}.chip:active,.chip:hover{background-color:var(--focus-color);color:var(--focus-text-color)}.chip .badge{background-color:var(--focus-text-color);color:var(--focus-color);border-style:none;width:16px;height:16px;margin-left:6px;border-radius:50%;font-size:12px;text-align:center}.chip.active{color:var(--focus-color);background-color:var(--focus-text-color)}.filler{width:17px}.active{color:var(--text-color)}.selected{color:var(--focus-text-color);font-size:12px;display:flex;word-wrap:unset;margin-left:13px;flex-direction:row;align-items:center;flex-wrap:nowrap}.scrollable{overflow-y:auto;overflow-x:hidden;max-height:87dvh}.noscroll{overflow-y:hidden;overflow-x:hidden}.padded{padding:12px}.mt10{margin-top:10px}.mt20{margin-top:20px}.mt40{margin-top:40px}.mt60{margin-top:60px}.gridcards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));column-gap:12px;row-gap:12px;margin:2px;align-content:stretch;justify-content:space-evenly;align-items:end;justify-items:stretch}.pickers{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));grid-auto-rows:auto;column-gap:2px;row-gap:2px;margin:2px;align-items:start}.flexrows{display:flex;flex-direction:column;gap:5px;margin:2px;overflow:hidden;flex-wrap:nowrap;justify-content:space-between;align-items:center}.flexcards{display:flex;gap:5px;margin:2px;overflow:hidden;flex-wrap:wrap}.carousel{display:flex;flex-direction:row;gap:1rem;overflow-x:auto;overflow-y:hidden;width:98%}.tiles{display:flex;flex-direction:row;flex-wrap:wrap;gap:6px;overflow:hidden;justify-content:space-between}.fill-space{flex:1 1 auto}.card{display:grid;grid-template-areas:"card-header" "card-content" "card-footer";grid-template-rows:max-content auto max-content;overflow:hidden;transition:all .4s ease-in-out;border-radius:5px;padding:9px;font-size:14px;transition:all .2s linear}.card-header{grid-area:card-header;text-align:center;display:flex;overflow:hidden;border-style:none;flex-direction:row;justify-content:space-around}.card-content{grid-area:card-content;display:flex;padding-left:6px;padding-right:6px;min-height:54px;flex-direction:column;flex-wrap:wrap;gap:10px;justify-content:space-evenly;align-content:space-around}.card-content .title{font-size:16px;margin-top:5px;color:var(--text-color)}.card-content .subtitle{font-size:14px;color:var(--text-color);margin-top:5px}.card-content .type{font-size:12px;font-style:italic;color:var(--text-color);margin-top:5px}.card-content .menu{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:center;justify-content:center}.card-content .card-content-image{z-index:21}.card-content .card-content-text{text-align:center;z-index:2}.card-footer{grid-area:card-footer;display:flex;flex-direction:row;min-height:22px;justify-content:space-between;overflow:hidden}.card:hover{color:var(--focus-text-color)}.card:active{background-color:var(--focus-color);color:var(--focus-text-color)}.search{width:100%;height:30px;padding-left:12px;border-radius:12px;border-style:none;background-color:var(--focus-color);color:var(--focus-text-color);inset:0}.search:focus{outline-style:none;background-color:var(--focus-color);color:var(--focus-text-color)}.avatars{--avatar-count: 25;--avatar-size: 30px;--column-size: calc(var(--avatar-size) / 2);display:grid;grid-template-columns:repeat(var(--avatar-count),var(--column-size));transition:.5s;transition-delay:.5s}.avatars:hover{--column-size: calc(var(--avatar-size) * 1.2);transition-delay:0ms}.avatar{display:flex;border-radius:100vw;border:2px solid var(--tertiary-color);transition:scale .5s ease 0s;font-size:11px;width:88px;height:30px;align-items:center;justify-content:center;cursor:pointer}.avatar:hover{scale:1.2;z-index:2;background-color:var(--focus-color);color:var(--focus-text-color)}@supports selector(:has(+ *)){.avatar:hover+.avatar,.avatar:has(+.avatar:hover){scale:1.2}}.masters,.detail{padding:6px}.firstrow{width:100%}.subtree{margin-left:12px}.secondrow{display:grid;grid-template-columns:auto auto;column-gap:1px}.thirdrow{display:grid;grid-template-columns:auto auto auto;column-gap:1px}.fourthrow{display:grid;grid-template-columns:auto auto auto auto;column-gap:1px}.row{display:flex;flex-direction:row;gap:2px}.col{flex:1;margin-right:2px}.col:last-child{margin-right:0}.open{display:grid;grid-template-rows:20px auto;position:absolute;border-radius:5px;border:none;opacity:1;padding:0;overflow:hidden;transition:box-shadow .2s ease-in-out}.toggle{color:var(--text-color);border:none;border-radius:4px;padding:2px 3px;text-align:center;text-decoration:none;display:inline-block;cursor:pointer}.toggle:hover,.toggle-active{background-color:var(--focus-color);color:var(--focus-text-color)}.image-btn{display:flex;color:var(--text-color);align-items:center;border:none;border-radius:4px;padding:2px 3px;text-align:center;text-decoration:none;cursor:pointer;transition:all .2s ease-in-out}.image-btn:hover{background-color:var(--focus-color);color:var(--focus-text-color)}.shadow{box-shadow:0 0 10px 5px var(--accent-color);opacity:1;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.btn{color:var(--text-color);background-color:var(--back-color);padding:6px;margin:6px;outline-style:none;border-style:none;cursor:pointer;transition:all .15s ease;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.btn:hover{transform:translateY(1px)}[popover]{background-color:var(--focus-color);color:var(--focust-text-color);border-radius:12px;border-color:var(--secondary-color)}.rightbar{display:flex;flex-direction:column;position:fixed;right:3px;gap:12px;top:32px;z-index:100;flex-wrap:nowrap;justify-content:space-between}.detail{position:fixed;right:63px;font-size:xx-large;top:6px}dialog{width:30%;height:90%;position:fixed;padding:3px;margin:2px;left:68%;top:5%;background-color:var(--primary-color);color:var(--text-color);border-radius:28px;border-color:var(--secondary-color);border-width:8px;border-style:solid;overflow:hidden}dialog::backdrop{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background-color:#00000001}.canvas{display:grid;grid-template-rows:23px auto 22px;gap:3px;width:100%;height:100%;grid-template-areas:"canvas-header" "canvas-middle" "canvas-bottom"}.canvas-header{grid-area:canvas-header;display:grid;grid-template-columns:auto 31px;align-items:center}.canvas-middle{grid-area:canvas-middle}.canvas-bottom{grid-area:canvas-bottom;overflow:hidden;display:grid;grid-template-rows:max-content auto;min-height:300px;row-gap:12px;height:100%;padding-bottom:1px;padding-top:1px}.opendialog{cursor:pointer;border-radius:50%;width:25px;height:25px;margin-right:2px;margin-top:2px;background-color:var(--primary-color);color:#fff;text-align:center}.opendialog .span{background-color:transparent;color:#fff}.dialogcard{display:grid;grid-template-areas:"dialogcard-header" "dialogcard-toolbar" "dialogcard-body" "dialogcard-footer";grid-template-rows:max-content max-content auto max-content;border-radius:8px;border-style:none;padding-left:6px;padding-right:6px;padding-top:1px;margin:2px;overflow:hidden;height:100%;width:100%;transition:all .4s ease-in-out;font-size:14px}.dialogcard-toolbar{grid-area:dialogcard-toolbar;display:flex;margin-left:12px;flex-direction:row;flex-wrap:nowrap;justify-content:space-between}.dialogcard-header{grid-area:dialogcard-header;display:grid;grid-template-columns:102px auto 42px;color:var(--text-color);text-align:center;padding-bottom:2px;padding-top:1px;align-items:center}.dialogcard-body{grid-area:dialogcard-body;color:var(--text-color);margin:4px;overflow:hidden;padding:2px}.dialogcard-footer{grid-area:dialogcard-footer;color:var(--text-color);display:flex;flex-direction:row;padding-bottom:1px;flex-wrap:nowrap;justify-content:flex-end}.close-button{border:var(--secondary-color);text-align:center;background-color:red;color:var(--text-color);border-radius:8px;cursor:pointer}.close-button:hover{box-shadow:red}.icon{font-family:Material Icons;font-weight:400;font-style:normal;text-align:center;font-size:22px!important;background-color:transparent}.bigger{font-family:Material Icons;font-weight:400;font-style:normal;text-align:center;font-size:31px!important}.group-set{display:flex;border-radius:8px;background-color:var(--tertiary-color);border:1px solid var(--secondary-color);padding:6px;margin-bottom:12px;flex-direction:column}.fab{width:45px;height:45px;transition:all .2s ease-in-out;display:flex;border-radius:50%;border:none;flex-direction:column;flex-wrap:nowrap;align-items:center;border-style:solid;border-width:4px;border-color:var(--focus-color);justify-content:center}.fab .icon{font-family:Material Icons;font-weight:400;font-style:normal;text-align:center;font-size:20px!important}.fab .text{font-size:9px}.fab.active{transform:scale(1.1);border-color:var(--focus--text-color)}.fab:hover{transform:scale(1.1)}.path-buttons{display:flex;flex-direction:row;column-gap:2px;overflow:hidden;flex-wrap:wrap;justify-content:space-evenly}.svgtxt{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.svgcard{filter:drop-shadow(1px 6px 4px rgba(0,0,0,.5))}g{transition:all .5s linear}circle{transition:all .5s linear}path{transition:all .5s cubic-bezier(.075,.82,.165,1)}.svgcard:hover{filter:drop-shadow(1px 12px 4px rgba(0,0,0,.5))}.textStyle{font-family:Arial,sans-serif;font-size:11px}.wrap-text{text-anchor:middle;dominant-baseline:middle}button{background-color:transparent;outline:0;color:var(--text-color);border:none;border-radius:4px;border-style:none;border-color:transparent;inset:0;padding:2px 3px;text-align:center;text-decoration:none;cursor:pointer;transition:all .2s ease-in-out}.small{font-size:12px}.tablecontainer{overflow-y:scroll;overflow-x:hidden;min-height:120px;max-height:200px}.active{color:green}.top-bottom{display:grid;grid-template-rows:40px auto;row-gap:10px;height:100%}.editor{display:flex;gap:10px;box-shadow:var(--shadow);flex-direction:row;justify-content:space-evenly}.builder{display:grid;grid-template-rows:auto 20px max-content;row-gap:22px;width:100%;height:99%;overflow:hidden}.builder-label{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;font-size:14px;margin-left:10px;margin-right:13px;justify-content:space-between}.builder-top{padding:10px;overflow-y:scroll;overflow-x:hidden}.builder-bottom{min-height:40px;max-height:190px;margin-left:5px;margin-bottom:29px;overflow-x:hidden;border-style:solid;border-width:2px;padding-left:10px;padding-right:10px;padding-bottom:10px;border-color:var(--tertiary-color);overflow-y:hidden}.bubbles{display:flex;overflow-y:auto;flex-direction:column;gap:1px;overflow:hidden}.bubble{padding-left:2px;padding-right:2px;margin-bottom:6px;font-size:14px;border-style:solid;border-width:2px;border-color:var(--tertiary-color);word-wrap:break-word;border-radius:6px;color:var(--focus-text-color);background-color:var(--accent-color)}.bubble-start{align-self:flex-start;position:relative;padding-left:6px;padding-right:6px;margin-left:10px}.bubble-start:before{content:"";position:absolute;left:-9px;top:2px;border-width:6px;border-style:solid;border-color:var(--accent-color) var(--accent-color) transparent transparent}.bubble.active{font-style:italic;box-shadow:var(--glass-shadow);color:var(--accent-color);background-color:var(--focus-text-color)}.bubble-end{position:relative;margin-right:9px;max-width:80%;padding-left:6px;padding-right:6px;align-self:flex-end;max-height:320px;overflow:hidden}.bubble-end:after{content:"";position:absolute;right:-9px;top:2px;border-width:6px;border-style:solid;border-color:var(--accent-color) transparent transparent var(--accent-color)}.bubble-end:active,.bubble-start:active{border-color:var(--focus-color)}.itm{display:grid;grid-template-columns:14px auto 20px;padding-left:4px;border-radius:4px;margin-bottom:3px;font-size:14px;transition:transform .2s ease-in-out 0s;align-items:center;background-color:var(--tertiary-color)}.itm-content{font-size:14px;word-wrap:break-word}.itm.active{background-color:green!important;color:#ff0!important}.itm-sliver{width:1px;margin:0;padding:1px;height:20px;display:flex;justify-content:space-evenly;align-items:center}.toggle{margin:0;padding:0;height:20px;font-size:13px;border-radius:50%;color:var(--text-color);background-color:var(--tertiary-color)}@keyframes drag-over-animation{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1.03)}}@keyframes dragging-animation{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.7}to{transform:scale(1.03);opacity:.7}}@keyframes drag-end-animation{0%{transform:scale(1.03);opacity:.7}to{transform:scale(1);opacity:1}}.drag-over{animation:drag-over-animation 1s forwards ease-in-out}.dragging{animation:dragging-animation 1s forwards ease-in-out}.drag-end{animation:drag-end-animation 1s forwards ease-in-out}.drag-over,.drag-enter,.dragging,.drag-end{transform:translateZ(0)}.create,.update{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:5px 10px;border-radius:5px;font-size:14px;cursor:pointer;transition:background-color .3s ease}.create{background-color:#4caf50;color:#fff}.update{background-color:#008cba;color:#fff}.create:hover,.update:hover{opacity:.8}.aelement{padding:10px;margin-left:10px;border-radius:10px;width:90%;font-size:14px}.form{padding:var(--form-padding)}.form-container{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:6px}.form label{color:var(--text-color);font-size:var(--form-label-font-size)}.form input[type=text],.form input[type=number],.form select{width:var(--input-width);height:var(--input-height);padding:var(--input-padding);font-size:var(--input-font-size);border:var(--input-border);border-radius:var(--input-border-radius);background-color:var(--tertiary-color);color:var(--text-color)}.form select,.form select option{color:var(--text-color)}.form input[type=range]{width:var(--input-width);-webkit-appearance:none;appearance:none;height:var(--range-height);background-color:var(--accent-color);outline:none;cursor:pointer}.form input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:var(--range-thumb-width);height:var(--range-thumb-height);background-color:var(--accent-color);border-radius:50%}.form input[type=range]::-moz-range-thumb{width:var(--range-thumb-width);height:var(--range-thumb-height);background-color:var(--accent-color);border-radius:50%}.form input[type=checkbox],.form input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:var(--checkbox-radio-width);height:var(--checkbox-radio-height);border:var(--input-border);border-radius:var(--input-border-radius);background-color:var(--focus-color);cursor:pointer}.form input[type=checkbox]:checked,.form input[type=radio]:checked{background-color:var(--focus-text-color)}.form input[type=checkbox]:checked:after,.form input[type=radio]:checked:after{content:"";display:block;width:6px;height:12px;border:var(--border-style) var(--tertiary-color);border-width:0 2px 2px 0;transform:translateY(-4px) rotate(45deg);position:relative;top:50%;left:50%;margin-left:-3px;margin-top:-6px}.form input[type=radio]{border-radius:50%}.form input[type=radio]:checked:after{content:"";display:block;width:8px;height:8px;border-radius:50%;background-color:var(--tertiary-color);position:relative;top:50%;left:50%;margin-left:-4px;margin-top:-4px}.form input[type=checkbox]:focus,.form input[type=radio]:focus{outline:none;border-color:var(--accent-color)}.form input[type=color]{width:var(--input-width);height:var(--input-height);padding:0;border:var(--input-border);border-radius:var(--input-border-radius);-webkit-appearance:none;cursor:pointer}.form input[type=color]::-webkit-color-swatch-wrapper{padding:0}.form input[type=color]::-webkit-color-swatch{border:none;border-radius:var(--input-border-radius)}.form input[type=color]::-moz-color-swatch{border:none;border-radius:var(--input-border-radius)}.form input[type=color]:focus{outline:none;border-color:var(--accent-color)}.form fieldset{border:var(--input-border);border-radius:var(--input-border-radius);background-color:var(--primary-color);border-color:var(--tertiary-color);border-style:solid;border-width:2px}.form legend{color:var(--text-color);padding:0 5px;font-size:var(--input-font-size)}.form details{color:var(--text-color);margin-bottom:10px}.form summary{cursor:pointer;font-weight:700}.form summary:focus{outline:none}.form nav{background-color:var(--tertiary-color);padding:10px;border-radius:var(--input-border-radius)}.form nav a{color:var(--text-color);text-decoration:none;margin:0 10px}.form nav a:hover,.form nav a:focus{color:var(--accent-color);outline:none}.form header{background-color:var(--tertiary-color);padding:10px;border-radius:var(--input-border-radius);text-align:center;font-size:1.5em;font-weight:700}.form footer{background-color:var(--tertiary-color);padding:10px;border-radius:var(--input-border-radius);text-align:center;font-size:.8em}.form h1,.form h2,.form h3,.form h4,.form h5,.form h6,.form p,.form ul,.form ol{color:var(--text-color);margin-top:0}.form ul,.form ol{padding-left:20px}.form a{color:var(--accent-color);text-decoration:none}.form a:hover,.form a:focus{color:var(--text-color);text-decoration:underline;outline:none}.form table{width:100%;border-collapse:collapse;background-color:var(--primary-color)}.form th,.form td{border:var(--input-border);padding:5px;text-align:left}.form th{background-color:var(--primary-color);font-weight:700}.form td{background-color:var(--primary-color)}.form button{background-color:var(--tertiary-color);color:var(--text-color);padding:var(--input-padding);font-size:var(--input-font-size);border:none;border-radius:var(--input-border-radius);cursor:pointer;transition:background-color .3s}.form button:hover,.form button:focus{background-color:var(--focus-color);outline:none}.form textarea{width:100%;font-family:Verdana,Geneva,Tahoma,sans-serif;outline:none;resize:none;margin:0;border:none;border-radius:0;font-size:11px;line-height:1.5;height:100%;min-height:200px;background-color:var(--primary-color);color:var(--text-color);padding:2px 2px 0}.form input[type=text]:focus,.form input[type=number]:focus,.form select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px rgba(var(--focus-color),.25)}.form input[type=checkbox]:focus,.form input[type=radio]:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px rgba(var(--focus-color),.25)}.form input[type=color]:focus{outline:none;border-color:var(--accent-color);background-color:transparent;box-shadow:0 0 0 2px rgba(var(--focus-color),.25)}.form button:focus{outline:none;box-shadow:0 0 0 2px rgba(var(--focus-color),.25)}.el0{box-shadow:0 1px 1px -1px #00000005,0 1px 1px #0000000a,0 1px 1px #00000008}.el1{box-shadow:0 2px 2px -1px #0000002e,0 2px 2px #00000024,0 2px 2px #0000001f}.el2{box-shadow:0 3px 3px -1px #0000002e,0 3px 3px #00000024,0 3px 3px #0000001f}.el3{box-shadow:0 4px 4px -1px #0000002e,0 4px 4px #00000024,0 4px 4px #0000001f}.el4{box-shadow:0 5px 5px -1px #0000002e,0 5px 5px #00000024,0 5px 5px #0000001f}.el5{box-shadow:0 6px 6px -1px #0000002e,0 6px 6px #00000024,0 6px 6px #0000001f}.el6{box-shadow:0 7px 7px -1px #0000002e,0 7px 7px #00000024,0 7px 7px #0000001f}.el7{box-shadow:0 8px 8px -1px #0000002e,0 8px 8px #00000024,0 8px 8px #0000001f}.el8{box-shadow:0 9px 9px -1px #0000002e,0 9px 9px #00000024,0 9px 9px #0000001f}.el9{box-shadow:0 10px 10px -1px #0000002e,0 10px 10px #00000024,0 10px 10px #0000001f}