.action-button{display:inline;padding:.04rem .3rem .2rem;-webkit-user-select:none;-ms-user-select:none;user-select:none;text-shadow:0 0 rgba(0,0,0,.5);background-color:#7bb;color:#000;border-color:rgba(200,200,255,.1) rgba(115,155,155,.05) rgba(200,200,255,.05) rgba(200,200,255,.1);border-style:solid;border-width:1px;box-shadow:0 0 1px 1px hsla(0,0%,100%,.5),1px 1px 1px 2px rgba(0,0,0,.5),inset 1px 1px 1px 1px hsla(0,0%,100%,.3),inset -1px -1px 1px 1px rgba(0,0,0,.5);border-radius:5px;letter-spacing:.04rem}.action-button.windows{padding:.05rem .2rem .124rem}.action-button.cyanish{text-shadow:0 0 rgba(0,0,0,.5);background-color:#7cc;color:#000;border-color:rgba(200,200,255,.1) rgba(115,155,155,.05) rgba(200,200,255,.05) rgba(200,200,255,.1);border-style:solid;border-width:1px;box-shadow:0 0 1px 1px hsla(0,0%,100%,.5),1px 1px 1px 2px rgba(0,0,0,.5),inset 1px 1px 1px 1px hsla(0,0%,100%,.3),inset -1px -1px 1px 1px rgba(0,0,0,.5)}.action-button.cyanish:hover{color:#00f}.action-button.cyanish:active{color:#820;text-shadow:0 1px rgba(220,120,0,.6);background-color:#8cc;border-color:rgba(0,0,55,.1) rgba(5,155,155,.05) rgba(200,200,255,.05) rgba(0,0,255,.1);border-style:solid;border-width:1px;box-shadow:0 0 1px 1px rgba(55,55,155,.5),1px 1px 1px 2px rgba(0,0,0,.5),inset 1px 1px 1px 1px hsla(0,0%,100%,.3),inset -1px -1px 1px 1px rgba(5,0,10,.5)}.action-button.orangish{text-shadow:0 0 rgba(0,0,0,.5);background-color:#fba803;color:#000;border-color:rgba(250,220,205,.1) rgba(115,155,155,.05) rgba(250,220,205,.05) rgba(250,220,205,.1);border-style:solid;border-width:1px;box-shadow:0 0 1px 1px hsla(0,0%,100%,.5),1px 1px 1px 2px rgba(0,0,0,.5),inset 1px 1px 1px 1px hsla(0,0%,100%,.3),inset -1px -1px 1px 1px rgba(0,0,0,.5)}.action-button.orangish:hover{color:red;text-shadow:0 0 rgba(0,0,0,.9)}.action-button.orangish:active{text-shadow:1px 1px rgba(0,0,0,.3);background-color:#ffbe1e;color:red;border-color:rgba(50,20,5,.4) rgba(250,200,205,.1) rgba(250,220,205,.1) rgba(50,20,5,.4);border-style:solid;border-width:1px;box-shadow:0 0 1px 1px hsla(0,0%,100%,.5),1px 1px 1px 2px rgba(0,0,0,.5),inset 1px 1px 1px 1px hsla(0,0%,100%,.3),inset -1px -1px 1px 1px rgba(0,0,0,.5)}.action-button.blueish{padding:.1rem .3rem .22rem;border-color:#4242ff #000037 #00009b #4242ff;border-style:solid;border-width:1px;background-color:#adf}.action-button.blueish:hover{background-color:#bef;color:red}.action-button.blueish:active{color:#00f;border-bottom:1px solid #aaa}.action-button.yellowish{padding:.1rem .3rem .22rem;border:1px solid #c8c837;background-color:#f6f690}.action-button.yellowish:hover{background-color:#ffa}.action-button.reddish{padding:.1rem .3rem .22rem;border:1px solid #ff3232;background-color:#e94408;color:#fff;text-shadow:1px 1px rgba(0,0,0,.5)}.action-button.reddish:hover{background-color:#ed5f2b}.action-button:hover{cursor:pointer}.action-button.show{display:inline-block}.action-button.disabled{background-color:#ccc;color:#888;cursor:not-allowed;padding:.08rem .3rem .26rem}.action-button:active{box-shadow:0 0 1px 1px hsla(0,0%,100%,.5),1px 1px 1px 2px rgba(0,0,0,.5),inset 0 0 2px 2px rgba(0,0,0,.4),inset 1px 1px 13px 13px rgba(0,0,0,.1),inset -1px -1px 1px 1px rgba(0,0,0,.4)}.action-button:active.disabled{color:#888;text-shadow:0 1px #888;background-color:#ccc;border-color:rgba(0,0,55,.1) rgba(5,155,155,.05) rgba(200,200,255,.05) rgba(0,0,255,.1);border-style:solid;border-width:1px;box-shadow:0 0 0 0 rgba(55,55,155,.5),1px 1px 1px 2px rgba(0,0,0,.5),inset 0 0 0 0 hsla(0,0%,100%,.5),inset -1px -1px 1px 1px rgba(5,0,10,.5)}.action-button.red{padding:.2rem .3rem .22rem;background-color:#f44;color:#fff;text-shadow:0 0 #fff;border-color:rgba(255,50,50,.1) rgba(215,55,55,.05) rgba(200,55,55,.05) rgba(255,50,50,.1);border-style:solid;border-width:1px;box-shadow:0 0 1px 1px hsla(0,0%,100%,.5),1px 1px 1px 2px rgba(0,0,0,.5),inset 1px 1px 1px 1px hsla(0,0%,100%,.3),inset -1px -1px 1px 1px rgba(0,0,0,.5)}.action-button.red:hover{background-color:#e44}.slider-switch .switch{position:relative;display:inline-block;width:30px;height:17px}.slider-switch .switch input{opacity:0;width:0;height:0}.slider-switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s}.slider-switch .slider:before{position:absolute;content:"";height:13px;width:13px;left:2px;bottom:2px;background-color:#fff;transition:.4s}.slider-switch input:checked+.slider{background-color:#0aa}.slider-switch input:focus+.slider{box-shadow:0 0 1px #0aa}.slider-switch input:checked+.slider:before{transform:translateX(13px)}.slider-switch .slider.round{border-radius:34px}.slider-switch .slider.round:before{border-radius:50%}.slider-control-container{display:flex;padding:0 5px}.slider-control-container .option-color{position:relative;top:.05rem;font-size:90%;color:#aaa;transition:all .1s ease-in}.slider-control-container .option-color.selected{color:#0ff}.slider-control-container .switch{margin-right:5px}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:16px;height:16px}::-webkit-scrollbar-thumb{background-color:rgba(0,200,200,.5);-webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07)}::-webkit-scrollbar-track{background:#f1f1f1}@keyframes fadeInFromNone{0%{display:none;opacity:0}1%{display:block;opacity:0}to{display:block;opacity:1}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.display-none{display:none}.opacity-zero{opacity:0}input[type=range]{cursor:pointer}input[type=range].disabled{cursor:default;pointer-events:none}/*! 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}.error-boundary{padding:20px;background:#eee;color:#c00;font-size:140%}.client .opener{cursor:pointer}.client.opened .drop-down{display:block}.client .drop-down{display:none;margin-top:1px;border-top:1px solid #777;position:absolute;background-color:#e0e9ff;white-space:nowrap;z-index:1}.client .drop-down div{border-top:1px solid #ddd}.client .drop-down div span{display:inline-block;padding:3px 5px;pointer-events:none}.client .drop-down div:hover{background:#85fcff}.server .opener{cursor:pointer}.server.opened .drop-down{display:block}.server .drop-down{display:none;margin-top:1px;border-top:1px solid #777;position:absolute;background-color:#e0e9ff;white-space:nowrap;z-index:1}.server .drop-down div{border-top:1px solid #ddd}.server .drop-down div span{display:inline-block;padding:3px 5px;pointer-events:none}.server .drop-down div span.alert{color:red;text-shadow:0 0 red}.server .drop-down div:hover{background:#85fcff}.server .server-dialog{position:absolute;z-index:1;border:3px solid #fff;background:#fff;width:500px;left:4px;top:20px}.server .server-dialog div.restore{padding:5px 9px;background:#ffc3c3;text-shadow:0 0 #000;color:#000}.server .server-dialog div.restore .warning-title{padding-top:14px;font-size:120%}.server .server-dialog div.restore ul{margin:0 0 0 30px;padding:10px}.server .server-dialog div.restore li{padding:2px 0}.server .server-dialog div.restore .action-buttons{margin:10px 0 14px;display:flex;justify-content:space-around}.server .server-dialog div.restore .option-title{text-shadow:0 0 #000;font-size:105%;padding:0 0 4px;border-bottom:1px solid #000}.server .server-dialog div.update{background:#dff;padding:5px 9px;text-shadow:0 0 #000;color:#000}.server .server-dialog div.update div.update-text{padding:14px 0 10px;height:55px}.server .server-dialog div.update ul{margin:0 0 0 30px;padding:10px}.server .server-dialog div.update li{padding:2px 0}.server .server-dialog div.update .action-buttons{margin:10px 0 14px;display:flex;justify-content:space-around}.server .server-dialog div.update .option-title{text-shadow:0 0 #000;font-size:115%;padding:0 0 4px;border-bottom:1px solid #000;margin-bottom:11px}.server .server-dialog div.update .updates-available{margin:5px 0 0}.server .server-dialog div.update .update-info{margin:5px 0 0;padding:2px 2px 2px 5px;color:#000;background-color:#fae9c8;border:1px solid #dcd5b4;font-size:90%}.server .server-dialog div.update .update-info div:nth-child(2){color:#00f;font-style:italic;margin:0 5px}.server .server-dialog div.update .update-info.svg{background-color:#f5fabb;border:1px solid #dcd5b4;margin:8px 0 20px}.top-menu{border-top:1px solid #ddd;background:#f5f5f5;border-bottom:1px solid #888;border-left:2px solid #eee;margin:1px 5px 0;border-radius:4px;padding-bottom:1px;display:flex;position:relative;z-index:1}.top-menu .drop-down-div{position:relative;padding:0 7px 0 10px}.top-menu .drop-down-div:hover{color:#458;text-decoration:underline;text-shadow:0 0 #458}.top-menu .app-name-container{margin-left:auto;margin-right:12px}.top-menu .app-name-container span{font-style:italic;color:#33f;font-weight:700;text-decoration:none;cursor:pointer}.top-menu .app-name-container span:hover{text-decoration:underline}.layers-options{font-size:50%;padding:1px 1px 5px;margin-top:10px;background-color:#000}.layers-options .layer-row{display:flex}.layers-options .grid-table{display:grid;padding:10px;font-size:120%;grid-template-columns:50px auto}.layers-options .grid-table .grid-item{background:#003;padding-top:2px;padding-bottom:2px;border:1px solid rgba(200,200,255,.3)}.layers-options .grid-table .grid-item input[type=checkbox]:disabled{cursor:not-allowed}.layers-options .grid-table .grid-item:nth-child(2n){text-align:left;border-left:1px solid rgba(0,0,50,.3);padding-left:10px}.layers-options .grid-table .grid-item.hidden{opacity:.5}.layers-options .grid-table .grid-item.header{background-color:#adf;color:#000;margin-bottom:2px;padding-top:0;padding-bottom:0}.layers-options .grid-table .grid-item input[type=checkbox]{cursor:pointer}.tabs{padding-top:7px}.tabs .tab-labels{display:flex}.tabs .tab-labels .tab-title{border:1px solid rgba(0,255,255,.1);border-top-left-radius:7px;border-top-right-radius:7px;background-color:#377;color:rgba(0,0,0,.7);padding:0 5px;font-size:60%;border-collapse:collapse;margin-right:3px;margin-left:3px;transform:scale(.9);cursor:pointer}.tabs .tab-labels .tab-title.selected{cursor:default;color:#000;background-color:#2cc;border:1px solid rgba(55,255,255,.2);position:relative;top:1px;transform:scale(1);text-shadow:0 0 #0ff}.tabs .tab-labels .tab-title.selected:hover{color:#000}.tabs .tab-labels .tab-title:hover{color:#afa}.tabs .tab-shadow{height:5px;background:linear-gradient(#0ff,#000)}.tabs .tab-contents{background-color:#000}.counter-menu-layer-common-options{position:absolute;top:26px;left:0;z-index:10;width:calc(100% - 20px);font-size:110%;background:#003;border:1px solid #fff}.counter-menu-layer-common-options .action-button.reddish{background:#c00;padding:2px 10px}.counter-menu-layer-common-options .action-button.reddish:hover{color:#ff0}.counter-menu-layer-common-options .common-option{padding:10px 0 6px}.counter-menu-layer-common-options .common-option:not(:first-child){border-top:1px solid #444;padding-bottom:10px}.counter-menu-layer-common-options .common-option .info1{cursor:pointer}.counter-menu-layer-common-options .common-option .info1 span{color:#0ff}.counter-menu-layer-common-options .common-option .info2{padding:8px}.counter-menu-layer-common-options .common-option .info3{font-size:75%;color:#ccc}.counter-menu-layer-common-options .common-option .input-container input[type=text]{width:90%}.counter-menu-layer-common-options .common-option .input-container input[type=text].error{background:#fbb}.counter-menu-layer-common-options .common-option .input-container .layer-ordering{margin:10px;padding:0;border:1px solid #777;background-color:#114}.counter-menu-layer-common-options .common-option .input-container .layer-ordering .choose-order{text-align:center;background:#036;color:#0cc;font-size:80%;border-bottom:1px solid #777;padding-top:2px;border-top:1px solid #555;max-width:100%;overflow:hidden;white-space:nowrap;cursor:pointer}.counter-menu-layer-common-options .common-option .input-container .layer-ordering .choose-order:hover{background:#cc0;color:#000}.counter-menu-layer-common-options .common-option .input-container .layer-ordering .layer-order-row{text-align:left;padding:0;border-top:1px solid #999}.counter-menu-layer-common-options .common-option .input-container .layer-ordering .layer-order-row .layer-info.current{background:#03a;color:#ff0}.counter-menu-layer-common-options .common-option .input-container .layer-ordering .layer-order-row .order-number{display:inline-block;width:120px;text-align:right;border-right:1px solid #777}.counter-menu-layer-common-options .common-option .input-container .layer-ordering .layer-order-row .order-layer-name{margin-left:10px}.counter-menu-layer-common-options .common-option .input-container .layer-ordering .layer-order-row .layer-info span:first-child{padding:1px 10px;width:20px;text-align:right}.counter-menu-layer-common-options .common-option .input-container .layer-ordering .layer-order-row .layer-info span:nth-child(2){font-size:90%;padding-top:3px}.counter-menu-layer-common-options .common-option .input-container .layer-ordering>:first-child{background:#223;color:#ccc}.counter-menu-layer-common-options .common-option .submit-div{padding:12px 0 4px}.input-text{text-align:left;margin-left:5px}.input-text .named{font-size:110%;margin-right:5px}.input-text input[type=text]{width:240px;font-size:110%}.input-color{display:flex;padding:3px 2px;justify-content:center}.input-color .named{font-size:110%;margin-top:3px;margin-right:3px}.input-color input[type=text]{width:100px;font-size:120%;padding:1px 1px 0;margin:0 5px 0 0}.input-color input[type=text].input-color-pick{background:#e0f0ff}.input-color input[type=text].input-color-pick.invalid{background:#faa}.input-color .color-sample{width:26px;margin-right:7px;border:1px solid #fff;box-sizing:border-box;cursor:pointer}.input-color .action-button{padding-top:2px;text-shadow:0 0 #000,1px 1px hsla(0,0%,100%,.5),-1px -1px hsla(0,0%,100%,.5),2px 2px hsla(0,0%,100%,.5),-2px -2px hsla(0,0%,100%,.5),1px -1px hsla(0,0%,100%,.5),2px -2px hsla(0,0%,100%,.5),0 2px hsla(0,0%,100%,.5),1px 2px hsla(0,0%,100%,.5)}.input-color .action-button.multicolor{width:13px;border-radius:50%;background:radial-gradient(rgba(255,0,0,.8) 0,rgba(255,154,0,.8) 10%,rgba(208,222,33,.8) 20%,rgba(79,220,74,.8) 30%,rgba(63,218,216,.8) 40%,rgba(47,201,226,.8) 50%,rgba(118,167,255,.8) 60%,rgba(185,111,255,.8) 70%,rgba(211,62,255,.8) 80%,rgba(255,97,247,.8) 90%,rgba(255,0,0,.8) 100%)}.input-color .action-button:hover{color:#000}.input-color .action-button.invalid{background:#aaa;cursor:default;text-shadow:0 0 #000,1px 1px hsla(0,0%,100%,0)}.input-color .multicolor-button{width:28px;height:28px;border-radius:50%;overflow:hidden;cursor:pointer}.input-slider{display:flex;justify-content:center;align-content:center;line-height:17px}.input-slider .named{font-size:110%;margin-right:2px;white-space:nowrap;cursor:pointer}.input-slider .value-readout{font-size:110%;line-height:18px;border:1px solid #000;text-align:right;padding:0 2px 0 1px;color:#ccf;min-width:31px;width:31px}.input-slider .value-readout.percent{min-width:42px}.input-slider .value-readout.min-width{min-width:22px;width:22px}.input-slider .value-readout.use-x{margin-left:3px;width:40px;text-align:center}.input-slider .slider{width:200px}.input-slider .slider.short{width:180px}.input-slider .slider:disabled{cursor:not-allowed}.input-slider .text-readout{white-space:nowrap}.input-slider .text-readout input[type=text]{font-size:110%;width:30px;margin-left:5px}.input-slider .text-readout input[type=text].warning{background-color:#faa}.input-slider .text-readout span.decoration{margin-left:2px}.input-width-height{font-size:110%}.input-width-height .named{font-size:100%;text-align:left;margin-left:5px;margin-bottom:4px;cursor:pointer}.input-width-height .width-height-control .dimension{position:relative;top:-2px}.input-width-height .width-height-control table{padding:0;margin:0;width:100%}.input-width-height .width-height-control table td{padding:0;margin:0}.input-width-height .width-height-control table td.slider input[type=range]{border:1px solid #fff;width:100%;background-color:#9a905d}.input-width-height .width-height-control table td.slider.locked.width{border-top:1px solid hsla(0,0%,100%,.3);border-right:1px solid hsla(0,0%,100%,.3);border-left:1px solid hsla(0,0%,100%,.3);position:relative;top:1px;left:2px}.input-width-height .width-height-control table td.slider.locked.height{border-bottom:1px solid hsla(0,0%,100%,.3);border-right:1px solid hsla(0,0%,100%,.3);border-left:1px solid hsla(0,0%,100%,.3);position:relative;top:-1px;left:2px}.input-width-height .width-height-control table td input[type=text]{width:40px}.input-width-height .width-height-control table td input[type=text].percent{width:37px;position:relative;right:5px}.input-width-height .width-height-control table td input[type=text].percent.windows-chrome{width:40px;right:3px}.input-width-height .width-height-control table td input[type=text].warning{background-color:#faa}.input-width-height .width-height-control table td.aspect-ratio{width:25px;cursor:pointer}.input-width-height .width-height-control table td.aspect-ratio.inactive{filter:blur(.01rem);opacity:.7}.input-width-height .coordinate-container{display:flex;justify-content:center}.input-width-height .coordinate-container span{margin-right:5px;position:relative;top:-2px;cursor:pointer}.input-width-height .coordinate-container .slider{width:250px}.input-width-height .coordinate-container .coordinate-readout{font-size:90%;width:25px;margin-top:1px;margin-left:5px;text-align:right;color:#ccf}.input-width-height .coordinate-container .proportional-locker{width:12px;height:12px;white-space:nowrap;position:relative;margin-left:3px}.input-width-height .coordinate-container .proportional-locker .top-l{position:relative;top:2px;display:block;transform:scale(-1)}.input-width-height .coordinate-container .proportional-locker .bottom-l{position:relative;top:-2px;display:block;transform:scaleX(-1)}.input-width-height .coordinate-container .proportional-locker span.proportional-control{z-index:1;position:absolute;top:8px;left:-1px}.input-xy-position{font-size:120%}.input-xy-position .named{font-size:100%;text-align:left;margin-left:5px;margin-bottom:4px;cursor:pointer}.input-xy-position .coordinate-container{display:flex;justify-content:center}.input-xy-position .coordinate-container span{margin-right:5px;position:relative;top:-2px;cursor:pointer}.input-xy-position .coordinate-container .slider{width:232px}.input-xy-position .coordinate-container .text-input-style{width:38px;margin-left:8px;font-size:90%;height:17px}.input-xy-position .coordinate-container .text-input-style.warning{background-color:#faa}.input-xy-position .coordinate-container .coordinate-readout{font-size:90%;width:25px;margin-top:1px;margin-left:5px;text-align:right;color:#ccf}.input-xy-position .coordinate-container .proportional-locker{width:12px;height:12px;white-space:nowrap;position:relative;margin-left:3px}.input-xy-position .coordinate-container .proportional-locker .top-l{position:relative;top:2px;display:block;transform:scale(-1)}.input-xy-position .coordinate-container .proportional-locker .bottom-l{position:relative;top:-2px;display:block;transform:scaleX(-1)}.input-xy-position .coordinate-container .proportional-locker span.proportional-control{z-index:1;position:absolute;top:8px;left:-1px}.input-font{display:flex;justify-content:center;line-height:17px}.input-font .named{font-size:110%;margin-right:5px;position:relative;top:2px}.input-font select{font-size:110%}.svg-group .svg-buttons{display:flex;max-width:340px;flex-wrap:wrap}.svg-button{width:2.9em;margin:.57em}.svg-button.large-button{width:9.1em;margin:14px 7px 0 15px}.svg-button.large-button .svg-code{width:115px;height:115px;padding:10px;margin:0 0 10px}.svg-button.large-button .svg-code>:first-child{display:block;margin:auto;height:100%}.svg-button.large-button .svg-name{width:100%;word-break:break-all}.svg-button .svg-code{display:flex;width:50px;height:50px;overflow:hidden;background:#c8c8c8;margin:10px 6px;box-shadow:.1em .1em .1em .1em rgba(80,80,80,.2);font-size:20px;cursor:pointer}.svg-button .svg-code.selected{background:#bed7ff;box-shadow:inset .1em .1em .1em .1em rgba(0,0,0,.2);box-shadow:.1em .1em .1em .1em hsla(0,0%,100%,.3)}.svg-button .svg-code:not(.selected):hover{background:#f0f0ff;box-shadow:.1em .1em .1em .1em rgba(0,0,0,.4)}.svg-button .svg-name{font-size:90%;position:relative;top:-5px;width:60px;text-align:center}.svg-button .svg-name:not(.selected){color:#aaa}.input-counter-shapes{padding-bottom:10px}.input-counter-shapes .message{color:#fff;padding-bottom:15px}.input-counter-shapes .selections{display:flex;justify-content:space-around}.input-counter-shapes .selections>div:first-child{padding-left:20px}.input-counter-shapes .selections>div:nth-child(3){padding-right:20px}.input-counter-shapes .selections .selection{width:70px;cursor:pointer;color:#ccc}.input-counter-shapes .selections .selection div:nth-child(2){padding-top:5px}.input-counter-shapes .selections .selection .circle,.input-counter-shapes .selections .selection .square{width:50px;height:50px;margin:0 auto;background-color:grey;box-shadow:-1px -1px 3px 1px hsla(0,0%,100%,.8),inset -1px -1px 3px 1px #555}.input-counter-shapes .selections .selection .circle{border-radius:50%}.input-counter-shapes .selections .selection .rectangle{width:50px;height:25px;margin:14px auto 10px;background-color:grey;box-shadow:-1px -1px 3px 1px hsla(0,0%,100%,.8),inset -1px -1px 3px 1px #555}.input-counter-shapes .selections .selection.selected{color:#fff}.input-counter-shapes .selections .selection.selected .circle,.input-counter-shapes .selections .selection.selected .rectangle,.input-counter-shapes .selections .selection.selected .square{background-color:#bed6ff}.input-counter-shapes .selections .selection:hover{color:#ff0}.input-counter-shapes .selections .selection:hover .circle,.input-counter-shapes .selections .selection:hover .rectangle,.input-counter-shapes .selections .selection:hover .square{background-color:#ff0;box-shadow:-1px -1px 3px 1px #ffff9b,inset -1px -1px 3px 1px #aa0}.input-radio-group{display:flex;justify-content:center}.input-radio-group .named{font-size:110%;margin-right:7px;white-space:nowrap;position:relative;top:-2px}.input-radio-group .radio-options{font-size:110%;display:flex}.input-radio-group .radio-options div{padding:0 6px 0 0}.input-radio-group .radio-options div input{position:relative;top:-1px;vertical-align:middle}.input-radio-group .radio-options div label{margin-left:2px}.input-radio-group .radio-options div:first-child label{margin-left:4px}.input-radio-group .value-readout{font-size:110%;line-height:18px;border:1px solid #000;text-align:right;padding:0 2px 0 1px;color:#ccf;min-width:31px;width:31px}.input-radio-group .value-readout.percent{min-width:42px}.input-radio-group .value-readout.min-width{min-width:22px;width:22px}.input-radio-group .slider{width:200px}.symbol-group .group-label{padding:5px 0}.symbol-group .symbol-buttons{border:1px solid #0070b8;background:#001520;padding:1px 0 3px;display:flex;flex-wrap:wrap;justify-content:space-around;align-items:flex-start;grid-gap:5px;height:200px;overflow-y:auto}.symbol-group .symbol-buttons:after{content:"";flex:auto}.symbol-group .google-material::-webkit-scrollbar-thumb{background-color:#05a0e8}.material-symbol-button .material-symbol-box{background:#000525;padding:5px 5px 1px;border:1px solid #555;position:relative;cursor:pointer;color:#c8c8ff}.material-symbol-button .material-symbol-box:hover{background:#228;border:1px solid #aaa;position:relative;color:#d4d4f3}.material-symbol-button .material-symbol-box.selected{background:#02c;color:#fff;box-shadow:.1em .1em .1em .1em rgba(0,0,255,.4);border:1px solid #fff}.material-symbol-button .material-symbol-box .tool-tip{pointer-events:none;position:absolute;top:0;left:0;background:#228;color:#fff;z-index:1;border:1px solid #666;padding:2px 4px;animation:fadeInFromNone .1s ease-out}.material-symbol-button .material-symbol-name{font-size:90%;position:relative;top:-5px;width:60px;text-align:center}.material-symbol-button .material-symbol-name:not(.selected){color:#aaa}.input-fill{font-size:110%}.input-fill .gradient-settings{margin-top:10px;padding:10px 0;background-image:linear-gradient(#414,#043,#005);border:1px solid hsla(0,0%,100%,.3)}.input-fill .gradient-settings>.title{font-size:125%;position:relative}.input-fill .gradient-settings>.title .closed{color:#aaa}.input-fill .gradient-settings>.title span{position:absolute;right:10px;cursor:pointer}.input-fill .gradient-settings>.title span:hover{color:red;background:#ff0}.input-fill .fillType-named{font-size:100%;margin-bottom:4px;cursor:pointer}.input-fill .radio-choice .gradient-named{padding:0 0 10px}.input-fill .radio-choice .fillType-radio-options{display:flex;justify-content:center;grid-gap:10px;gap:10px}.input-fill .radio-choice .fillType-radio-options label{margin-left:6px;cursor:pointer}.input-fill .radio-choice .fillType-radio-options .click-enabled,.input-fill .radio-choice .fillType-radio-options .click-enabled input[type=radio]{cursor:pointer}.input-fill .radio-choice-gradient-direction{display:flex;justify-content:center;grid-gap:13px;gap:13px;padding-top:10px;margin-top:10px;border-top:1px solid #555}.input-fill .radio-choice-gradient-direction .named{position:relative;top:-1px}.input-fill .radio-choice-gradient-direction .radio-options{display:flex;justify-content:center;grid-gap:10px;gap:10px}.input-fill .radio-choice-gradient-direction .radio-options label{margin-left:6px;cursor:pointer}.input-fill .radio-choice-gradient-direction .radio-options .click-enabled,.input-fill .radio-choice-gradient-direction .radio-options .click-enabled input[type=radio]{cursor:pointer}.input-fill .input-xy-position_gradient{margin-top:8px;padding-top:8px;border-top:1px solid #555}.input-fill .input-xy-position_gradient .named{padding-bottom:4px}.input-fill .input-xy-position_gradient .coordinate-container{display:flex;justify-content:center}.input-fill .input-xy-position_gradient .coordinate-container.disabled{opacity:.5}.input-fill .input-xy-position_gradient .coordinate-container span{margin-right:5px;position:relative;top:-2px;cursor:pointer}.input-fill .input-xy-position_gradient .coordinate-container .slider{width:220px}.input-fill .input-xy-position_gradient .coordinate-container .coordinate-readout{width:25px;margin-left:5px;text-align:right;color:#ccf}.input-fill .input-color{display:flex;justify-content:right;margin-top:10px;padding:10px 20% 3px 2px;border-top:1px solid #555}.input-fill .input-color.solid{border-top:1px solid transparent;padding-top:3px}.input-fill .input-color .named{font-size:100%;margin-top:4px;margin-right:3px}.input-fill .input-color input[type=text]{width:100px;font-size:110%;padding:1px 1px 0;margin:0 5px 0 0}.input-fill .input-color input[type=text].input-color-pick{background:#e0f0ff}.input-fill .input-color input[type=text].input-color-pick.invalid{background:#faa}.input-fill .input-color .color-sample{width:26px;margin-right:7px;border:1px solid #fff;box-sizing:border-box;cursor:pointer}.input-fill .input-color .action-button{padding-top:2px;text-shadow:0 0 #000,1px 1px hsla(0,0%,100%,.5),-1px -1px hsla(0,0%,100%,.5),2px 2px hsla(0,0%,100%,.5),-2px -2px hsla(0,0%,100%,.5),1px -1px hsla(0,0%,100%,.5),2px -2px hsla(0,0%,100%,.5),0 2px hsla(0,0%,100%,.5),1px 2px hsla(0,0%,100%,.5)}.input-fill .input-color .action-button.multicolor{width:13px;border-radius:50%;background:radial-gradient(rgba(255,0,0,.8) 0,rgba(255,154,0,.8) 10%,rgba(208,222,33,.8) 20%,rgba(79,220,74,.8) 30%,rgba(63,218,216,.8) 40%,rgba(47,201,226,.8) 50%,rgba(118,167,255,.8) 60%,rgba(185,111,255,.8) 70%,rgba(211,62,255,.8) 80%,rgba(255,97,247,.8) 90%,rgba(255,0,0,.8) 100%)}.input-fill .input-color .action-button:hover{color:#000}.input-fill .input-color .action-button.invalid{background:#aaa;cursor:default;text-shadow:0 0 #000,1px 1px hsla(0,0%,100%,0)}.input-fill .input-color .multicolor-button{width:28px;height:28px;border-radius:50%;overflow:hidden;cursor:pointer}.counter-menu-layer-options-menu{background-image:linear-gradient(#004,#003,#000);display:none;font-size:50%;border-bottom:1px solid #777}.counter-menu-layer-options-menu.menu-opened{display:block}.counter-menu-layer-options-menu .options-menu{padding:5px 5px 4px;max-height:500px;overflow-y:auto;overflow-x:hidden;animation:fadeInFromNone .1s ease-out}.counter-menu-layer-options-menu .options-menu .spacer{height:5px;border-top:1px dotted hsla(0,0%,100%,.3);margin:8px 3px 4px 2px}.counter-menu-layer-options-menu .options-menu .spacer3{margin-top:3px;height:3px;border-top:1px solid hsla(0,0%,100%,.1)}.counter-menu-layer-options-menu .options-menu .label{font-size:16px;color:#b7baff}.counter-menu-layer-options-menu .options-menu>div:first-child{padding-top:11px}.counter-menu-layer-options-menu .options-menu.combat-movement .input-text{margin:0 0 10px 10px}.counter-menu-layer-options-menu .options-menu.combat-movement .input-text:nth-child(-n+2){display:inline-block;font-size:110%}.counter-menu-layer-options-menu .options-menu.combat-movement .input-text:nth-child(-n+2) input[type=text]{width:20px}.counter-menu-layer-options-menu .options-menu.combat-movement :nth-child(7){margin:3px 0 0}.counter-menu-layer-options-menu .options-menu.combat-movement :nth-child(9){margin:6px 0 0}.counter-menu-layer-option.faded{opacity:.5}.counter-menu-layer-option .command-line{border-top:1px solid #000;font-size:50%;display:flex;justify-content:space-between;position:relative;border-bottom:1px solid #333}.counter-menu-layer-option .command-line.menu-opened{box-shadow:0 -1px 0 0 hsla(0,0%,100%,.3),0 1px 0 0 hsla(0,0%,100%,.3);background:#016;color:#fff;text-shadow:0 0 rgba(0,0,210,.5);border-bottom:1px solid #000}.counter-menu-layer-option .command-line .activate-button{width:16px;height:16px;position:relative;top:.25rem;left:2px;border-radius:100%;background-color:#555;cursor:pointer}.counter-menu-layer-option .command-line .activate-button.active{background:radial-gradient(circle at center,#7ff 20%,#0ff 50%,#0cc 60%);box-shadow:0 0 2px 1px rgba(100,255,255,.4)}.counter-menu-layer-option .command-line .activate-button.active.not-allowed,.counter-menu-layer-option .command-line .activate-button.not-allowed{cursor:not-allowed}.counter-menu-layer-option .command-line .activate-button:hover{background:radial-gradient(circle at center,#ff7 20%,#ee0 50%,#cc0 60%)}.counter-menu-layer-option .command-line .activate-button:hover.active{background:radial-gradient(circle at center,#cee 20%,#aee 50%,#799 60%)}.counter-menu-layer-option .command-line .activate-button:hover.not-allowed{background:#555}.counter-menu-layer-option .command-line .option-name{display:flex;white-space:nowrap;justify-content:space-between;width:100%;color:#777;text-align:left}.counter-menu-layer-option .command-line .option-name .layer-active{color:#fff;text-shadow:0 0 rgba(0,0,210,.5)}.counter-menu-layer-option .command-line .option-name .hilite{background:#fff;color:#000}.counter-menu-layer-option .command-line .option-name div{padding:2px 5px;line-height:130%;width:100%}.counter-menu-layer-option .command-line .option-name div:hover{cursor:pointer;color:#fff}.counter-menu-layer-option .command-line .option-name div:first-child{flex-grow:2}.counter-menu-layer-option .command-line .option-name div:nth-child(2){flex:1 1;font-size:150%;line-height:50%;position:relative;top:1px;cursor:pointer}.counter-menu-layer-option .command-line .option-name div:nth-child(2):hover{color:#0ff}.counter-menu-layer-option .command-line .option-name div:nth-child(2).active{position:relative;z-index:11}.counter-menu-layers-overlay{position:absolute;top:0;left:0;background:rgba(0,0,0,.6);width:100%;height:100%}.counter-menu{width:350px;height:100%;color:#fff;font-size:30px;box-shadow:-1px -1px 0 0 hsla(0,0%,100%,.1)}.counter-menu,.counter-menu .option-menu-display-container{position:relative}.counter-menu .option-menu-display-container .option-menu-display{background-image:linear-gradient(#007,#006,#005);position:absolute;top:0;left:0;z-index:1;width:100%}.counter-menu .overlay{position:absolute;top:0;left:0;background:rgba(0,0,0,.4);width:100%;height:100%}.grid-display,.grid-display .grid-display-svg{pointer-events:none}.grid-options{padding:1px 25px 8px 5px;display:flex}.grid-options .show-grid-text{color:#888;position:relative;top:-1px;white-space:nowrap}.grid-options .show-grid-text.active{color:#0ff}.grid-options .switch{margin-left:5px}.grid-options .slider-selection{display:flex;margin-left:5%}.grid-options .slider-selection .label{margin-right:3px;position:relative;top:-1px;white-space:nowrap}.grid-options .slider-selection .slider-control-container{display:flex;padding:0 3px}.grid-options .slider-selection .slider-control-container .option-color{position:relative;top:.05rem;font-size:90%;color:#aaa;transition:all .1s ease-in}.grid-options .slider-selection .slider-control-container .option-color.selected{color:#0ff}.grid-options .slider-selection .slider-control-container .switch{margin-right:5px}.grid-options .slider-selection.inactive{opacity:.5;pointer-events:none}.draw-layer,.draw-layer .counter-svg{pointer-events:none}.counter{position:relative;height:100%;pointer-events:none;transform:perspective(155px),scale(.5)}.counter .draw-layer-container{pointer-events:none;position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;transition-duration:.1s}.counter .out-of-bounds-indicator{position:relative;width:100%;height:100%;opacity:.3;border:0;margin:0}.counter .out-of-bounds-indicator.circle{background:-webkit-radial-gradient(50% 49.3%,circle,transparent 0,transparent 57.9%,#000 58%)}.counter .out-of-bounds-indicator.square:before{-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 240'%3E%3Cpath d='M0 0h240v20H0z'/%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 240'%3E%3Cpath d='M220 20h20v200h-20z'/%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 240'%3E%3Cpath d='M0 220h240v20H0z'/%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 240'%3E%3Cpath d='M0 20h20v200H0z'/%3E%3C/svg%3E");mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 240'%3E%3Cpath d='M0 0h240v20H0z'/%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 240'%3E%3Cpath d='M220 20h20v200h-20z'/%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 240'%3E%3Cpath d='M0 220h240v20H0z'/%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 240'%3E%3Cpath d='M0 20h20v200H0z'/%3E%3C/svg%3E")}.counter .out-of-bounds-indicator.rectangle:before,.counter .out-of-bounds-indicator.square:before{content:"";position:absolute;z-index:1;top:0;left:0;right:0;opacity:1;height:100%;background-color:#000}.counter .out-of-bounds-indicator.rectangle:before{-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 240'%3E%3Cpath d='M0 0h240v70H0z'/%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 240'%3E%3Cpath d='M220 20h20v200h-20z'/%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 240'%3E%3Cpath d='M0 170h240v70H0z'/%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 240'%3E%3Cpath d='M0 20h20v200H0z'/%3E%3C/svg%3E");mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 240'%3E%3Cpath d='M0 0h240v70H0z'/%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 240'%3E%3Cpath d='M220 20h20v200h-20z'/%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 240'%3E%3Cpath d='M0 170h240v70H0z'/%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 240'%3E%3Cpath d='M0 20h20v200H0z'/%3E%3C/svg%3E")}.counter .xy-display{z-index:2;position:absolute;bottom:7px;right:10px;font-size:110%;color:#ccc}.counter .xy-display div>span:nth-child(2){display:inline-block;width:30px;text-align:right}.counter .xy-display div:first-child{color:#0aa}.counter .xy-display div:nth-child(2){color:#f66}@media (max-width:1060px){.counter .xy-display{transform:scale(.8);bottom:5px}}.save-counter{position:relative}.save-counter .dialog{position:absolute;background-color:#000;top:30px;border:1px solid rgba(0,255,255,.5);padding:0 0 10px;z-index:1;font-size:110%;background-image:linear-gradient(#000,#001,#002)}.save-counter .dialog .apply-date-time{text-align:center;font-size:90%;color:#0ff;padding:9px 0 5px;cursor:pointer}.save-counter .dialog .save-input-inline{padding:0 0 16px;display:flex;white-space:nowrap;align-items:center;justify-content:center}.save-counter .dialog .save-input-inline div:first-child{margin-right:5px}.save-counter .dialog .save-input-inline input[type=text]{width:320px}.save-counter .dialog .asterisk-explanation{text-align:center;padding:10px 0 5px;color:#ccc}.save-counter .dialog .asterisk-explanation:before{content:"*";position:relative;top:2px;margin-right:3px;font-size:130%;color:#f33;text-shadow:1px 1px rgba(255,255,0,.3)}.save-counter .dialog .save-counter-options-container{border-radius:10px;padding:20px auto;display:grid;grid-template-columns:220px 220px;grid-row:auto auto;grid-column-gap:20px;grid-row-gap:10px}.save-counter .dialog .save-counter-options-container .save-counter-option{padding:5px;display:flex;align-items:center;justify-content:center;white-space:nowrap}.save-counter .dialog .save-counter-options-container .save-counter-option span{position:relative;top:2px;color:#f33;font-size:110%;line-height:90%;margin-left:3px}.save-counter .saved-counter-feedback{position:absolute;top:35px;left:0;color:#dfd;border:1px solid #000;white-space:nowrap;background:hsla(0,0%,100%,.1);animation:fadein .3s;animation-fill-mode:forwards;animation:fadeInFromNone .1s ease-out}.load-counter{position:relative}.load-counter .action-button.submit-overwrite{width:100px}.load-counter .dialog{position:absolute;background-color:#000;top:30px;border:1px solid rgba(0,255,255,.5);padding:5px;z-index:1;font-size:110%}.load-counter .dialog div{text-align:left}.load-counter .dialog .load-section{margin:15px 8px 27px;padding:10px;border:1px solid #0ff;outline:3px solid #055;position:relative}.load-counter .dialog .load-section .load-section-title{position:absolute;background-color:#000;top:-11px;padding:0 6px 0 4px;font-size:90%;font-style:italic;color:#0cc}.load-counter .dialog .load-section .load-section-title span{margin-left:5px;font-style:normal}.load-counter .dialog .load-section .load-input-inline{padding:7px 0 6px 4px;display:flex;white-space:nowrap;align-items:center;justify-content:center}.load-counter .dialog .load-section .load-input-inline div{margin-right:12px}.load-counter .dialog .load-section .warning{color:#dd0;text-align:center;padding-top:1px}.load-counter .dialog .load-section.load-from-file input[type=file]{position:relative;left:40px;top:4px;margin:6px 0 7px}.clear-counter{position:relative}.clear-counter .action-button.submit-overwrite{width:100px}.out-of-bounds-mask{pointer-events:none;position:relative;height:100%}.out-of-bounds-mask .out-of-bounds-svg{pointer-events:none}.explode-dragger{width:80%;height:25px;top:48%;position:relative;left:56%;transform:rotate(270deg);z-index:1101}.explode-dragger input[type=range]{transform:scale(150%);width:calc(60% - 10px);height:50%}.counter-draw{width:calc(100vw - 400px);height:calc(100vw - 400px);padding-bottom:30px;max-width:900px;max-height:900px;min-width:614px;min-height:644px;margin-bottom:30px;color:#fff;transition:100 ease}.counter-draw .counter-draw-operations .action-button{transform:scale(.9);margin:0 .05rem;position:relative;top:-1px;white-space:nowrap}@media (min-width:1000px){.counter-draw .counter-draw-operations .action-button{transform:scale(1);margin:0 .2rem}}@media (min-width:1200px){.counter-draw .counter-draw-operations .action-button{transform:scale(1);margin:0 .4rem}}.counter-draw>div:first-child{display:flex}.counter-draw .counter-draw-container{position:relative;width:calc(100% - 10px);height:100%;border:1px solid hsla(0,0%,100%,.3);background:rgba(0,0,255,.02)}.counter-draw .counter-draw-container.exploded{background:rgba(220,220,255,.2)}.counter-draw .counter-draw-container>div:first-child,.counter-draw .counter-draw-container>div:nth-child(2),.counter-draw .counter-draw-container>div:nth-child(3),.overlay{width:100%;height:100%;position:absolute;left:0;top:0}.overlay{background:rgba(0,0,0,.4)}.color-picker{position:absolute;top:0;left:0;background-color:rgba(0,0,0,.3);width:100%;height:100%;z-index:1}.color-picker .hex-color-container{position:absolute;z-index:2;left:100px;top:200px;padding:5px;border:2px solid green;border-radius:10px;background-color:#fff;width:200px;animation:fadein .1s ease 0s 1 normal forwards}.color-picker .hex-color-container .manual-color{margin-top:5px;display:flex;background:#fff}.color-picker .hex-color-container .manual-color .manual-label{line-height:190%;margin-right:3px}.color-picker .hex-color-container .manual-color input{width:70px;font-size:120%;background:#e7f6ff;border:1px solid #3c3cec;outline:1px solid #dcdcff}.color-picker .hex-color-container .react-colorful{position:relative;display:flex;flex-direction:column;width:200px;height:200px;-webkit-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.color-picker .hex-color-container .react-colorful__saturation{position:relative;flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.color-picker .hex-color-container .react-colorful__alpha-gradient,.color-picker .hex-color-container .react-colorful__pointer-fill{content:"";position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;border-radius:inherit}.color-picker .hex-color-container .react-colorful__alpha-gradient,.color-picker .hex-color-container .react-colorful__saturation{box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.color-picker .hex-color-container .react-colorful__alpha,.color-picker .hex-color-container .react-colorful__hue{position:relative;height:24px}.color-picker .hex-color-container .react-colorful__hue{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.color-picker .hex-color-container .react-colorful__last-control{border-radius:0 0 8px 8px}.color-picker .hex-color-container .react-colorful__interactive{position:absolute;left:0;top:0;right:0;bottom:0;border-radius:inherit;outline:none;touch-action:none}.color-picker .hex-color-container .react-colorful__pointer{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.color-picker .hex-color-container .react-colorful__interactive:focus .react-colorful__pointer{transform:translate(-50%,-50%) scale(1.1)}.color-picker .hex-color-container .react-colorful__alpha,.color-picker .hex-color-container .react-colorful__alpha-pointer{background-color:#fff;background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity=".05"><path d="M8 0h8v8H8zM0 8h8v8H0z"/></svg>')}.color-picker .hex-color-container .react-colorful__saturation-pointer{z-index:3}.color-picker .hex-color-container .react-colorful__hue-pointer{z-index:2}.x-button{fill:none}.x-button circle{stroke:#555;fill:#eee}.x-button line{stroke:#555}.x-button:hover{fill:rgba(200,100,0,.1);cursor:pointer}.x-button:hover circle{stroke:#fff;fill:#c00}.x-button:hover line{stroke:#fff}.data-display{height:calc(100vh - 40px);margin-top:5px;top:22px;padding:0 10px 10px;border-radius:5px;background:rgba(40,50,122,.8);border:1px solid #000;overflow-y:auto;overflow-x:none}.data-display .there-are-none{font-size:150%;color:#fff;padding:10px 50px;border-radius:3%}.data-display .data-display-top{margin-top:5px;padding:2px 2px 5px;height:28px;display:flex;justify-content:space-between}.data-display .data-display-top .display-title{color:#fff;font-size:110%}.data-display .data-display-top .close-button{height:28px}.data-display .data-row-values{display:flex}.data-display .data-container table.saved-counters{display:grid;border-collapse:collapse;border:1px solid #aaa;max-width:99%;grid-template-columns:minmax(90px,1fr) minmax(100px,.7fr) minmax(80px,.9fr) minmax(90px,2fr) minmax(90px,.5fr) minmax(140px,1.67fr)}.data-display .data-container table.saved-counters td.row-grabber{grid-column:1/7}.data-display .data-container table.saved-sheets{display:grid;border-collapse:collapse;border:1px solid red;max-width:99%;grid-template-columns:minmax(150px,500px) minmax(100px,145px) minmax(80px,.9fr) minmax(200px,1fr) minmax(90px,180px) minmax(90px,180px) minmax(80px,auto)}.data-display .data-container table.saved-sheets td.row-grabber{grid-column:1/8}.data-display .data-container table.installed-svgs{display:grid;border-collapse:collapse;border:1px solid #aaa;max-width:99%;grid-template-columns:minmax(180px,1fr) minmax(70px,.3fr) minmax(280px,2.9fr) minmax(90px,1fr) minmax(90px,1fr)}.data-display .data-container table.installed-svgs td.row-grabber{grid-column:1/6}.data-display .data-container table.installed-svgs td[class*=td-adjust]{height:455px}.data-display .data-container table.installed-svgs td .rename-installed-svg{border:1px solid #a9a9f7;background:rgba(190,190,255,.2);margin-top:10px;padding:5px 5px 9px;text-align:left}.data-display .data-container table.installed-svgs td .rename-installed-svg input[type=text]{margin-top:3px;width:calc(100% - 15px)}.data-display .data-container table.installed-svgs td .rename-installed-svg div{text-align:center}.data-display .data-container table.installed-svgs td .rename-installed-svg div .action-button{margin:8px auto 0}.data-display .data-container table.installed-svgs td .rename-installed-svg .already-taken{padding-top:10px;color:red}.data-display .data-container table.installed-svgs td .rename-installed-svg .name-updated{padding-top:10px;color:green}.data-display .data-container table.installed-images{display:grid;border-collapse:collapse;border:1px solid #aaa;max-width:99%;grid-template-columns:minmax(90px,1fr) minmax(100px,.6fr) minmax(280px,2.9fr) minmax(90px,1fr) minmax(90px,1fr)}.data-display .data-container table.installed-images td.row-grabber{grid-column:1/6}.data-display .data-container table.installed-images td[class*=td-adjust]{height:455px}.data-display .data-container table.installed-images td .rename-installed-svg{border:1px solid #a9a9f7;background:rgba(190,190,255,.2);margin-top:10px;padding:5px 5px 9px;text-align:left}.data-display .data-container table.installed-images td .rename-installed-svg input[type=text]{margin-top:3px;width:calc(100% - 15px)}.data-display .data-container table.installed-images td .rename-installed-svg div{text-align:center}.data-display .data-container table.installed-images td .rename-installed-svg div .action-button{margin:8px auto 0}.data-display .data-container table.installed-images td .rename-installed-svg .already-taken{padding-top:10px;color:red}.data-display .data-container table.installed-images td .rename-installed-svg .name-updated{padding-top:10px;color:green}.data-display .data-container{-webkit-user-select:text;-ms-user-select:text;user-select:text}.data-display .data-container table.fonts{display:grid;border-collapse:collapse;border:1px solid #aaa;max-width:99%;grid-template-columns:minmax(250px,4fr) minmax(200px,6fr)}.data-display .data-container table.fonts td[class*=td-adjust]{height:232px}.data-display .data-container table.fonts td.rendered-column .controls{background:#acf;border:1px solid #35a;width:90%;padding:10px;margin:10px auto}.data-display .data-container table.fonts td.rendered-column .controls .controls-container{text-align:left;font-size:1vw}.data-display .data-container table.fonts td.rendered-column .controls .controls-container>div:first-child{padding-bottom:5px}.data-display .data-container table.fonts td.rendered-column .controls .controls-container input[type=text]{width:calc(100% - 10px);font-size:150%}.data-display .data-container table.fonts td.rendered-column .controls .control-inputs{margin-top:5px;font-size:120%}.data-display .data-container table.fonts td.rendered-column .controls .control-inputs label{cursor:pointer}.data-display .data-container table.fonts td.rendered-column .controls .control-inputs input[type=checkbox]{cursor:pointer;margin-right:3px;margin-left:10px}.data-display .data-container table.fonts td.rendered-column .controls .control-inputs input[type=range]{position:relative;top:3px;margin-left:10px;width:16vw}.data-display .data-container table.fonts td .key-value-flex{display:flex;font-size:110%;align-items:flex-end}.data-display .data-container table.fonts td .key-value-flex div{color:#00e;padding-top:10px}.data-display .data-container table.fonts td .key-value-flex div:first-child{color:#000;width:140px;min-width:140px;text-align:right;margin-right:10px}.data-display .data-container table.fonts td .key-value-flex div:nth-child(2){display:flex;white-space:nowrap;align-items:flex-end}.data-display .data-container table.fonts td .key-value-flex div:nth-child(2) span{margin-left:10%}.data-display .data-container table.fonts td.row-grabber{grid-column:1/3}.data-display .data-container{text-align:center;display:flex;justify-content:center}.data-display .data-container tbody,.data-display .data-container thead,.data-display .data-container tr{display:contents}.data-display .data-container td.row-grabber{color:#000;background:red;height:18px;text-align:center;overflow:hidden}.data-display .data-container td.row-grabber i{font-size:140%;transform:scaleX(180%);padding-top:1px;cursor:pointer}.data-display .data-container td.row-grabber i:active,.data-display .data-container td.row-grabber i:hover{color:red;border:1px solid #000;background:#ff0;padding-top:1px;position:relative;top:-.05rem}.data-display .data-container td,.data-display .data-container th{padding:5px;overflow-x:hidden;overflow-y:auto;word-break:break-all;text-align:left;font-weight:400;font-size:90%;letter-spacing:.05rem;color:#fff;border-left:1px solid hsla(0,0%,100%,.6)}.data-display .data-container td:first-child,.data-display .data-container th:first-child{border-left:1px solid transparent}.data-display .data-container th{background:#000;text-align:left;white-space:nowrap;font-size:90%;letter-spacing:.05rem;color:#fff;border-left:1px solid hsla(0,0%,100%,.6)}.data-display .data-container th:first-child{border-left:1px solid transparent}.data-display .data-container td{padding-top:2px;padding-bottom:2px;color:#000;font-size:80%;border-left:1px solid rgba(0,0,0,.3);border-top:1px solid #555;height:380px;overflow-y:auto}.data-display .data-container td:first-child{border-left:1px solid transparent}.data-display .data-container td pre{font-size:80%;white-space:pre-wrap}.data-display .data-container td .key-object{color:#00e}.data-display .data-container td .key-object label:hover{cursor:pointer}.data-display .data-container td .key-string{color:#000}.data-display .data-container td .key-string label:hover{cursor:pointer}.data-display .data-container td .key-string span{color:green;cursor:default}.data-display .data-container td .key-number{color:#000}.data-display .data-container td .key-number label:hover{cursor:pointer}.data-display .data-container td .key-number span{color:red;cursor:default}.data-display .data-container td .indented{padding-left:40px}.data-display .data-container td .indented .key-number label:hover,.data-display .data-container td .indented .key-object label:hover,.data-display .data-container td .indented .key-string label:hover{cursor:default}.data-display .data-container td.rendered-column{text-align:center}.data-display .data-container td.rendered-column .svg-container{width:100%;min-width:180px;background-image:repeating-linear-gradient(45deg,#aaa,#bbb 4px,#ccc 0,#aaa 8px);background-size:100px 100px}.data-display .data-container td.rendered-column .svg-container.counters{padding-top:10%;aspect-ratio:1/1}.data-display .data-container td.rendered-column .svg-container.sheets{width:100%;aspect-ratio:1200/1553}.data-display .data-container td.rendered-column .buttons{font-size:130%;display:inline-block;text-align:center}.data-display .data-container td.rendered-column .buttons button{text-align:center;margin:5px;padding:1px 10px 3px}.data-display .data-container tr td{background:#d8eeea}.data-display .data-container tr:nth-child(2n) td{background:#ddd}.install-font{background:#eee;height:100%;overflow:hidden;margin-top:2px;padding:0 20px 20px;-webkit-user-select:text;-ms-user-select:text;user-select:text}.install-font .installation-successful{margin-top:20px;border:1px solid #555;padding:10px 15px;background:#efe}.install-font .installation-successful .title{font-size:111%;padding-bottom:4px}.install-font .installation-successful .installed-font-example{border:1px solid red;padding:10px;background:#fff;font-size:160%;overflow-wrap:break-word}.install-font .installation-successful .actions{font-size:120%;display:flex;justify-content:space-around;width:600px;margin:0 auto;padding:10px 0 5px}.install-font .install-font-top{margin-top:5px;padding:8px 2px 0;height:28px;display:flex;justify-content:space-between}.install-font .install-font-top .title{font-size:clamp(18px,1.8vw,20px);font-weight:700}.install-font .install-font-top .close-button{height:28px;position:relative}.install-font .intro{max-width:1000px;min-height:0;font-size:clamp(14px,1vw,18px);margin-top:18px;padding:0 20px;background:#def;border:1px solid rgba(0,0,0,.5)}.install-font .intro p{line-height:120%;margin:10px 0}.install-font .intro p span{font-weight:700}.install-font .intro .url-example{color:green}.install-font .font-options-optional{margin-top:20px;border:1px solid #595;background:#efe;padding:8px}.install-font .font-options-optional p{margin:8px 0}.install-font .font-options-optional .title{font-size:110%;color:rgba(0,200,0,.8);text-shadow:0 0 rgba(0,0,0,.5)}.install-font .font-options-optional p:first-child{margin-top:11px}.install-font .font-options-optional .font-options{font-size:90%;display:flex;width:90%;margin:12px auto 5px;justify-content:space-around}.install-font .font-options-optional .font-options input[type=checkbox]{margin-right:3px}.install-font .font-options-optional .restrict-to-characters{margin-top:3px}.install-font .font-options-optional .restrict-to-characters textarea{width:99%;height:42px}.install-font .main{background:#eee;margin-top:30px}.install-font .main .show-error{color:red;text-align:center;margin-top:20px}.install-font .main .inputs{font-size:120%}.install-font .main .inputs .font-url{display:flex}.install-font .main .inputs .font-url div{font-size:110%;white-space:nowrap;margin-right:5px}.install-font .main .inputs .font-url input[type=text]{width:90%}.install-font .main .inputs .font-url input[type=text].warning{background:#ffc8c8}.install-font .main .action-buttons{margin:0 auto;width:50%;padding-top:20px;display:flex;justify-content:space-around}.install-font .font-obj{margin-top:20px;background:#e4f3ff;border:1px solid #000}.install-font .font-obj .install{padding:10px;background:#beb;display:flex;font-size:110%;line-height:150%}.install-font .font-obj .install button{margin-left:16px}.install-font .font-obj .font-data{padding:10px}.install-font .font-obj .font-data div{padding:1px 0}.install-font .font-obj .font-data div span{text-shadow:0 0 #03039e;color:#00f}.install-font .font-obj .font-data div.src div:first-child{border:1px solid #000;padding:3px;font-size:90%;color:#00f;height:230px;overflow-y:auto;overflow-wrap:break-word}.install-svg{display:inline-block;background:#eee;margin:2px 3px;padding:0 20px 20px;-webkit-user-select:text;-ms-user-select:text;user-select:text;width:700px}.install-svg .install-svg-top{margin-top:5px;padding:8px 2px 0;height:28px;display:flex;justify-content:space-between}.install-svg .install-svg-top .title{font-size:clamp(18px,1.8vw,20px);font-weight:700}.install-svg .install-svg-top .close-button{height:28px;position:relative}.install-svg .intro{font-size:clamp(17px,1vw,20px)}.install-svg .install-contain{height:222px;overflow:hidden}.install-svg .install-contain .install{background-color:#e0efff;border:1px solid grey;display:inline-flex;align-items:center;height:220px}.install-svg .install-contain .install .svg-installed{padding:0 20px 0 10px}.install-svg .install-contain .install .svg-container{overflow:hidden;display:flex;align-items:center;height:100%;margin:10px;width:200px;min-width:200px;height:200px;text-align:center;border:1px solid grey}.install-svg .install-contain .install .svg-container.installed{border:none}.install-svg .install-contain .install .svg-container.svgLoadError{filter:sepia(100%) saturate(100%) brightness(80%) hue-rotate(280deg)}.install-svg .install-contain .install .svg-container .background-for-svg{margin:auto;position:relative;background-image:linear-gradient(90deg,hsla(0,0%,75.3%,.75),hsla(0,0%,75.3%,.75)),linear-gradient(90deg,#777 50%,#eee 0),linear-gradient(180deg,#777 50%,#eee 0);background-blend-mode:normal,difference,normal;background-size:1em 1em}.install-svg .install-contain .install .svg-container .background-for-svg .import-svg{width:200px;height:200px;display:flex;align-items:center;justify-content:center}.install-svg .install-contain .install .svg-container .background-for-svg.installed{background-image:none}.install-svg .install-contain .install .svg-loaded-error{padding:0 10px}.install-svg .install-contain .install .input-svg-select{justify-content:center;align-self:center;margin:0 20px}.install-svg .install-contain .install .input-svg-select .already-used{padding:10px 10px 5px;margin-bottom:13px;border:1px solid #b77;background-color:#fcc}.install-svg .install-contain .install .input-svg-select .already-used span{color:#01a;text-shadow:0 0 #03f;font-size:110%}.install-svg .install-contain .install .input-svg-select div{padding:0 0 5px}.install-svg .install-contain .install .input-svg-select input[type=file]{margin-top:10px}.install-svg .install-contain .install .input-svg-select .create-layer{padding:5px;border:1px solid #77f;background:rgba(90,110,255,.2)}.install-svg .install-contain .install .input-svg-select .create-layer p{margin:6px}.install-svg .install-contain .install .input-svg-select .create-layer .input-items{margin-top:11px}.install-svg .install-contain .install .input-svg-select .create-layer .input-items button{margin-left:10px}.install-svg .install-contain .install .input-svg-select .install-custom-svg{margin-top:5px}.install-svg .install-contain .install .input-svg-select .install-custom-svg input[type=text]{margin-right:10px}.install-svg .install-contain .install .input-svg-select .install-custom-svg .name-taken{color:red;margin-top:5px}.install-svg .install-contain .install .input-svg-select .adjust-viewbox{border:1px solid purple;padding:10px 10px 0;background-color:#fdddff}.install-svg .install-contain .install .input-svg-select .adjust-viewbox .current-viewbox{margin-top:1px;font-size:90%;color:#051;text-align:center}.install-svg .install-contain .install .input-svg-select .adjust-viewbox .current-viewbox span{margin-left:10px;color:#3737ff;text-decoration:underline;cursor:pointer}.install-svg .install-contain .install .input-svg-select .adjust-viewbox .current-viewbox span.no-change{color:#aaa;text-decoration:none;cursor:default}.install-svg .install-contain .install .input-svg-select .adjust-viewbox .current-viewbox span.no-change:hover{color:#aaa}.install-svg .install-contain .install .input-svg-select .adjust-viewbox .current-viewbox span:hover{color:red}.install-svg .install-contain .install .input-svg-select .adjust-viewbox .viewbox-controls{margin:5px auto;align-items:center;justify-content:center;display:flex}.install-svg .install-contain .install .input-svg-select .adjust-viewbox .viewbox-controls input[type=text]{margin-right:10px;width:50px}.install-svg .install-contain .install .input-svg-select .adjust-viewbox .viewbox-controls input[type=text].invalid{background:#fcc}.install-svg .other-options{display:flex}.install-svg .other-options button{margin:10px}.install-image{display:inline-block;background:#eee;margin:2px 3px;padding:0 20px 20px;-webkit-user-select:text;-ms-user-select:text;user-select:text;width:700px}.install-image .install-image-top{margin-top:5px;padding:8px 2px 0;height:28px;display:flex;justify-content:space-between}.install-image .install-image-top .title{font-size:clamp(18px,1.8vw,20px);font-weight:700}.install-image .install-image-top .close-button{height:28px;position:relative}.install-image .intro{font-size:clamp(17px,1vw,20px)}.install-image .intro p{margin:5px 10px 10px}.install-image .install-contain{height:222px;overflow:hidden}.install-image .install-contain .install{position:relative;width:690px;background-color:#e0efff;border:1px solid grey;display:inline-flex;align-items:center;box-sizing:border-box;height:220px}.install-image .install-contain .install .text-area{height:90%;margin-right:1%}.install-image .install-contain .install .text-area .success{padding-bottom:10px}.install-image .install-contain .install .text-area .input-items{margin-top:5px}.install-image .install-contain .install .text-area .input-items input[type=text]{width:200px;margin-right:5px}.install-image .install-contain .install .text-area .input-items input[type=text].invalid{background:#fdd}.install-image .install-contain .install .text-area .name-taken{color:red;margin-top:5px}.install-image .install-contain .install .text-area .actions{position:absolute;bottom:10px;padding:20px;display:flex}.install-image .install-contain .install .text-area .actions button{margin:0 10px}.install-image .install-contain .install .image-container{background:#fff;display:flex;align-items:center;height:100%;margin:10px;width:210px;height:210px;border:1px solid #000;text-align:center}.install-image .install-contain .install .image-container.imageLoadError{filter:sepia(100%) saturate(100%) brightness(80%) hue-rotate(280deg)}.install-image .install-contain .install .image-container .background-for-image{width:200px;margin:auto;position:relative;background:#fff}.install-image .install-contain .install .image-container .background-for-image .import-image{width:200px;height:200px;display:flex;align-items:center;justify-content:center}.install-image .install-contain .install .input-image-select{justify-content:center;align-self:center;margin:0 20px}.install-image .install-contain .install .input-image-select .already-used{padding:10px 10px 5px;margin-bottom:13px;border:1px solid #b77;background-color:#fcc}.install-image .install-contain .install .input-image-select .already-used span{color:#01a;text-shadow:0 0 #03f;font-size:110%}.install-image .install-contain .install .input-image-select div{margin-top:18%;padding:0 0 5px;white-space:nowrap}.install-image .install-contain .install .input-image-select input[type=file]{margin-top:10px}.backup-menu{display:inline-block;background:#eee;margin:2px 3px;padding:0 10px 12px;-webkit-user-select:text;-ms-user-select:text;user-select:text}.backup-menu .backup-menu-top{margin-top:5px;padding:8px 2px 0;height:28px;display:flex;justify-content:space-between}.backup-menu .backup-menu-top .title{font-size:clamp(18px,1.8vw,20px);font-weight:700}.backup-menu .backup-menu-top .close-button{height:28px;position:relative}.backup-menu .form-area{display:flex}.backup-menu .form-area div:first-child{margin-top:1px}.backup-menu .form-area div:nth-child(n+2){margin-left:10px}.backup-menu .save-result{padding:10px;color:#080;text-shadow:1px 1px rgba(0,0,0,.1)}.backup-menu .save-result.error{color:#a00}.restore-menu{display:inline-block;background:#eee;margin:2px 3px;padding:0 10px 12px;-webkit-user-select:text;-ms-user-select:text;user-select:text}.restore-menu .restore-menu-top{margin-top:5px;padding:8px 2px 0;height:28px;display:flex;justify-content:space-between}.restore-menu .restore-menu-top .title{font-size:clamp(18px,1.8vw,20px);font-weight:700}.restore-menu .restore-menu-top .close-button{height:28px;position:relative}.restore-menu .form-area{margin-left:5px;display:flex}.restore-menu .form-area div:first-child{margin-top:1px}.restore-menu .form-area div:nth-child(n+2){margin-left:10px}.restore-menu .restore-result{padding:10px;color:#080;text-shadow:1px 1px rgba(0,0,0,.1)}.restore-menu .restore-result.error{color:#a00}.backup-workspace{display:inline-block;background:#eee;margin:2px 3px;padding:0 10px 12px;-webkit-user-select:text;-ms-user-select:text;user-select:text}.backup-workspace .backup-workspace-top{margin-top:5px;padding:8px 2px 0;height:28px;display:flex;justify-content:space-between}.backup-workspace .backup-workspace-top .title{font-size:clamp(18px,1.8vw,20px);font-weight:700}.backup-workspace .backup-workspace-top .close-button{height:28px;position:relative}.backup-workspace .form-area{display:flex}.backup-workspace .form-area div:first-child{margin-top:1px}.backup-workspace .form-area div:nth-child(n+2){margin-left:10px}.backup-workspace .save-result{padding:10px;color:#080;text-shadow:1px 1px rgba(0,0,0,.1)}.backup-workspace .save-result.error{color:#a00}.restore-workspace{display:inline-block;background:#eee;margin:2px 3px;padding:0 10px 12px;-webkit-user-select:text;-ms-user-select:text;user-select:text}.restore-workspace .restore-workspace-top{margin-top:5px;padding:8px 2px 0;height:28px;display:flex;justify-content:space-between}.restore-workspace .restore-workspace-top .title{font-size:clamp(18px,1.8vw,20px);font-weight:700}.restore-workspace .restore-workspace-top .close-button{height:28px;position:relative}.restore-workspace .form-area{margin-left:5px;display:flex}.restore-workspace .form-area div:first-child{margin-top:1px}.restore-workspace .form-area div:nth-child(n+2){margin-left:10px}.restore-workspace .restore-result{padding:10px;color:#080;text-shadow:1px 1px rgba(0,0,0,.1)}.restore-workspace .restore-result.error{color:#a00}.error-message{background:#e00;color:#000;position:absolute;z-index:3;left:50%;top:-200px;border:2px solid #000;overflow-y:hidden;overflow-x:hidden;box-shadow:0 0 20px 10px rgba(0,0,0,.4);max-height:500px;font-size:130%;animation:slide-down-error .1s linear 0s 1 forwards}.error-message>div:first-child{background:red;color:#fff;padding:1px 0;text-align:center;margin-bottom:5px}.error-message>div:nth-child(2){position:absolute;top:1px;right:5px;transform:scaleX(1.3);width:16px;height:20px;text-align:center;padding:0 0 2px;border:1px solid #aaa;background-color:#fff;cursor:pointer}.error-message>div:nth-child(2):hover{background-color:#aaa}.error-message .message{padding:1rem 2rem 0;background:#fff}.error-message .message:last-child{padding:1rem 2rem}@keyframes slide-down-error{0%{top:-200px;transform:translateX(-50%)}50%{height:auto;transform:translateX(-50%)}to{top:100px;height:auto;transform:translateX(-50%)}}.help{height:calc(100vh - 60px);margin:5px 0 10px;top:22px;padding:0 10px 20px;border-radius:5px;background:#ddd;border:1px solid #000;overflow-y:auto;overflow-x:none;font-size:110%}.help p{line-height:120%}.help .help-top{margin-top:14px;height:28px;display:flex;justify-content:space-between}.help .help-top .help-title{font-size:120%;text-shadow:0 0 #000}.help .help-top .help-title span{color:red;font-size:80%;margin-left:10px}.help .help-top .close-button{height:28px}.help .disclaimer{background:#fdd;padding:0 16px;border:1px solid #e55}.help .clear-both-pad-top{clear:both;padding-top:24px}.help .float-left{float:left;margin:0 10px}.help .float-left:after{content:"";clear:both}.help .note{color:#e00;text-shadow:0 0 #000}.sheet-control{margin:5px 0 0}.sheet-control>div:first-child{text-align:left;font-weight:700;font-size:120%;display:flex;cursor:pointer}.sheet-control>div:first-child:hover{color:#05c}.sheet-control>div:first-child .sheet-controls-control{font-size:130%;margin-left:5px;position:relative;top:-3px}.sheet-control .controls{margin-top:3px;display:flex}.sheet-control .controls .control{margin-right:10px}.sheet-control .controls .control .control-title{background:#acc;background:linear-gradient(0deg,#aae0e0,#bff 50%,#dff);display:inline-block;margin-right:100%;white-space:nowrap;border-top-right-radius:10px;border-top:1px solid grey;border-right:1px solid grey;border-left:1px solid grey;padding:2px 0;position:relative;top:1px;font-size:90%;text-shadow:0 0 rgba(0,0,0,.5);color:#002;letter-spacing:.02rem}.sheet-control .controls .control .control-title span{margin:0 10px}.sheet-control .controls .control .options-container .options{background-color:#cff;white-space:nowrap;border:1px solid grey;padding:1px}.sheet-control .controls .control .options-container .options.counter-size{text-align:left}.sheet-control .controls .control .options-container .options.counter-size select{margin-left:4px}.sheet-control .controls .control .options-container .options.counter-size select.unused{background:rgba(0,0,0,.2);color:rgba(0,0,0,.7)}.sheet-control .controls .control .options-container .options input[type=text].mm{width:40px;margin-right:3px;margin-top:2px}.sheet-control .controls .control .options-container .options input[type=text].mm.warning{background:#fdd}.sheet-control .controls .control .options-container .options .option{padding:3px}.sheet-control .controls .control .options-container .options .option.use-custom{text-align:center}.sheet-control .controls .control .options-container .options .option:first-child{padding-top:7px}.sheet-control .controls .control .options-container .options .option .option-title{margin-right:5px}.sheet-control .controls .control .options-container .options .option select{min-width:40px}.sheet-control .controls .control .options-container .options .option .subscript{font-size:90%;position:relative;top:2px}.sheet-control .controls .control .options-container .options .option .warning{background-color:rgba(255,210,210,.9)}.sheet-control .controls .control .options-container .options .option .counter-custom-size{width:40px;margin-right:3px}.sheet-control .controls .control .options-container .options .option .counter-custom-size.unused{background:rgba(0,0,0,.2);color:rgba(0,0,0,.7)}.sheet-control .controls .control .options-container .options .option .counter-custom-size.unused.warning{background:rgba(200,0,0,.3)}.sheet-control .controls .control .options-container .options .two-by-two .row{display:flex;flex-direction:row;flex-wrap:wrap;width:100%}.sheet-control .controls .control .options-container .options .two-by-two .center-column{margin:auto}.sheet-control .controls .control .options-container .options .two-by-two .column{display:flex;flex-direction:column;flex-basis:100%;flex:1 1;width:140px}.sheet-control .controls .control .options-container .options .grid .row{display:flex;padding:0}.sheet-control .controls .control .options-container .options .grid .row>div:nth-child(2){align-items:flex-end;margin-left:auto}.sheet-control .controls .control .options-container .options .grid .row>div:first-child{align-items:flex-start}.sheet-control .controls .control .options-container .options .grid .row .column{padding:4px 5px}.sheet-control .controls .control .options-container .options .grid .row .column .option-title{margin-right:3px}.sheet-control .controls .control .options-container .options .grid .row.reset-apply{display:flex;border-top:1px solid rgba(0,0,0,.1);background-color:rgba(0,0,0,.1);margin-top:5px;padding:5px 0;justify-content:space-around}.sheet-counter-popper{background-color:#add;border-radius:10%;position:absolute;left:0;top:0;z-index:1;padding:5px;box-shadow:3px 3px 3px 2px rgba(0,0,0,.4);opacity:0;animation:fadein .3s;animation-fill-mode:forwards}.sheet-counter-popper .sheet-counter-buttons{border:1px solid #8aa;border-radius:8%;background:#cff;display:flex;flex-direction:column;justify-content:space-around}.sheet-counter-popper .sheet-counter-buttons .action-button{margin:10px 20px}@keyframes fadein{0%{opacity:0}to{opacity:1}}.sheet-operations{margin:0 0 5px;position:relative}.sheet-operations .saved-sheet-feedback{position:absolute;top:0;left:200px;color:#dfd;padding:5px 10px 4px;border:1px solid #08c624;white-space:nowrap;background:#147a9c;animation:fadein .3s;animation-fill-mode:forwards;animation:fadeInFromNone .1s ease-out;letter-spacing:.05rem}.sheet-operations .sheet-operations-opener{text-align:left;font-weight:700;font-size:120%;display:flex;cursor:pointer}.sheet-operations .sheet-operations-opener:hover{color:#05c}.sheet-operations .sheet-operations-opener .sheet-operations-control{font-size:130%;margin-left:5px;position:relative;top:-3px}.sheet-operations .controls{margin-top:3px;display:flex}.sheet-operations .controls .control{margin-right:10px}.sheet-operations .controls .control .column{padding:2px 3px 5px}.sheet-operations .controls .control .column:first-child{padding:4px 3px 3px 0}.sheet-operations .controls .control .column .option-title{margin:0 3px 0 5px}.sheet-operations .controls .control .column .subscript{margin-right:6px}.sheet-operations .controls .control.sheet-load{width:400px}.sheet-operations .controls .control.sheet-load select{max-width:240px}.sheet-operations .controls .control .control-title{background:#acc;background:linear-gradient(0deg,#aae0e0,#bff 50%,#dff);display:inline-block;margin-right:100%;white-space:nowrap;border-top-right-radius:10px;border-top:1px solid grey;border-right:1px solid grey;border-left:1px solid grey;padding:2px 0;position:relative;top:1px;font-size:90%;text-shadow:0 0 rgba(0,0,0,.5);color:#002;letter-spacing:.02rem}.sheet-operations .controls .control .control-title span{margin:0 10px}.sheet-operations .controls .control .options{background-color:#cff;white-space:nowrap;border:1px solid grey;padding:1px}.sheet-operations .controls .control .options .load-section{display:flex;margin:5px 0 10px}.sheet-operations .controls .control .options .load-section.app{margin:10px 0}.sheet-operations .controls .control .options .load-section .load-section-title{padding:2px 8px}.sheet-operations .controls .control .options .load-section.clear-sheet{display:block;text-align:right;margin-top:14px;margin-right:10px}.sheet-operations .controls .control .options .save-radio-options{text-align:left;padding:5px 5px 0 0}.sheet-operations .controls .control .options .save-radio-options input[type=radio]{margin:0 5px 0 10px;position:relative;top:1px}.sheet-operations .controls .control .options .save-radio-options.guides2{padding:5px 8px 5px 0}.sheet-operations .controls .control .options .save-sheet-input-container{padding:6px 6px 4px}.sheet-operations .controls .control .options .save-sheet-submit-container{padding:4px 0 7px}.sheet-operations .controls .control .options .save-sheet-submit-container .sheet-saved{background-color:#c5f5f5;color:#060;height:22px;padding-top:4px}.sheet-operations .controls .control .options.counter-size{text-align:left}.sheet-operations .controls .control .options.counter-size select{margin-left:4px}.sheet-operations .controls .control .options.counter-size select.unused{background:rgba(0,0,0,.2);color:rgba(0,0,0,.7)}.sheet-operations .controls .control .options input[type=text].mm{width:60px;margin-right:3px;margin-top:2px}.sheet-operations .controls .control .options input[type=text].mm.warning{background:#fdd}.sheet-operations .controls .control .options .option{padding:3px}.sheet-operations .controls .control .options .option.use-custom{text-align:center}.sheet-operations .controls .control .options .option:first-child{padding-top:7px}.sheet-operations .controls .control .options .option .option-title{margin-right:5px}.sheet-operations .controls .control .options .option select{min-width:40px}.sheet-operations .controls .control .options .option .subscript{font-size:90%;position:relative;top:2px}.sheet-operations .controls .control .options .option .warning{background-color:rgba(255,210,210,.9)}.sheet-operations .controls .control .options .option .counter-custom-size{width:40px;margin-right:3px}.sheet-operations .controls .control .options .option .counter-custom-size.unused{background:rgba(0,0,0,.2);color:rgba(0,0,0,.7)}.sheet-operations .controls .control .options .two-by-two .row{display:flex;flex-direction:row;flex-wrap:wrap;width:100%}.sheet-operations .controls .control .options .two-by-two .center-column{margin:auto}.sheet-operations .controls .control .options .two-by-two .column{display:flex;flex-direction:column;flex-basis:100%;flex:1 1;width:140px}.sheet-operations .controls .control .options .two-by-two .grid .row{display:flex;padding:0}.sheet-operations .controls .control .options .two-by-two .grid .row>div:nth-child(2){align-items:flex-end;margin-left:auto}.sheet-operations .controls .control .options .two-by-two .grid .row>div:first-child{align-items:flex-start}.sheet-operations .controls .control .options .two-by-two .grid .row .column{padding:4px 5px}.sheet-operations .controls .control .options .two-by-two .grid .row.reset-apply{display:flex;border-top:1px solid rgba(0,0,0,.1);background-color:rgba(0,0,0,.1);margin-top:5px;padding:5px 0;justify-content:space-around}.sheet-operations .export-temp{position:absolute;left:-9999px;top:230px}.sheet{-webkit-user-select:none;-ms-user-select:none;user-select:none;position:relative}.sheet .sheet-display{border:1px dotted #ddd;box-shadow:4px 4px 10px 2px rgba(0,0,0,.3);position:relative;max-width:1559px}.sheet .sheet-display .drag-layer{position:absolute;top:0;left:0;pointer-events:none}.sheet .data-view>div:first-child{font-size:140%;color:#fff;margin-top:10px;margin-bottom:1px}.sheet .data-view .active-layer-values .results-table{border:1px solid rgba(0,0,0,.4);margin-left:20px;background-color:#777}.sheet .data-view .active-layer-values .results-table tr:nth-child(2n){background:#c5e5f5}.sheet .data-view .active-layer-values .results-table tr:nth-child(odd){background:#f0f000}.sheet .data-view .active-layer-values .results-table td,.sheet .data-view .active-layer-values .results-table th{padding:3px 4px}.sheet .data-view .active-layer-values .results-table tr:first-child{background:#ccc}.sheet .data-view .state-data{text-align:left;background:#ddd;padding:2px 5px;margin-top:10px}.sheet .data-view .state-data span{font-size:120%;color:#00a;margin:5px}.sheet .data-view .state-data .view-click{cursor:pointer;font-size:18px}body{background:radial-gradient(#000 15%,transparent 16%) 0 0,radial-gradient(#000 15%,transparent 16%) 8px 8px,radial-gradient(hsla(0,0%,100%,.1) 15%,transparent 20%) 0 1px,radial-gradient(hsla(0,0%,100%,.1) 15%,transparent 20%) 8px 9px;background-color:#282828;background-size:16px 16px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.home{opacity:0;position:relative}.home.loaded{opacity:1;transition:all 1s}.home .flex-container{display:flex;flex-wrap:wrap;flex-direction:row;text-align:center;justify-content:center}.home .flex-container .main-box-1{margin:10px;display:flex;align-items:stretch;flex-grow:2;flex-basis:0%}.home .flex-container .main-box-1>div:nth-child(2){margin-left:10px}.home .flex-container .main-box-2{background-image:linear-gradient(140deg,#ddd 25%,#d9d9d9 0,#d9d9d9 50%,#ddd 0,#ddd 75%,#d9d9d9 0,#d9d9d9);background-size:24.89px 20.89px;margin:10px;display:flex;align-items:stretch;justify-content:center;flex-grow:1}.home .offscreen{position:absolute;left:-4000px;top:-4000px}@keyframes spinner{0%{transform:translate3d(-50%,-50%,0) rotate(0deg)}to{transform:translate3d(-50%,-50%,0) rotate(1turn)}}.spinner{height:80vh;opacity:1;position:relative;transition:opacity .1s linear}.spinner:before{animation:spinner 1s linear infinite;border:3px solid;border-color:#eee #eee #ef6565;border-radius:50%;content:"";height:40px;left:50%;opacity:inherit;position:absolute;top:50%;transform:translate3d(-50%,-50%,0);transform-origin:center;width:40px;will-change:transform}.spinner .message{position:absolute;color:#fff;text-align:center;height:40px;left:calc(50% - 200px);width:400px;top:calc(50% + 40px);font-size:125%}.modify-svg{margin:20px;padding:10px;background:#fff;-webkit-user-select:text;-ms-user-select:text;user-select:text}.modify-svg>div:first-child{font-size:110%;padding:0 0 20px;display:flex;justify-content:space-between}.modify-svg>div:first-child a{text-decoration:none;color:#00f}.modify-svg .section-title{font-size:140%;font-style:italic;color:#00f}.modify-svg .section-title.second{margin-top:20px}.modify-svg .section-title.second span{color:red;font-size:80%;margin-left:20px;cursor:pointer;font-style:normal}.modify-svg .text-display-container{padding:10px}.modify-svg .text-display-container .text-display{display:inline-block;background:#fff;padding:10px;border:1px solid #000}.modify-svg .input-container{display:flex;padding:10px}.modify-svg .input-container .form-container{padding:10px;margin-right:10px;border:1px solid #000}.modify-svg .input-container .form-container input[type=file]{font-size:108%}.modify-svg .input-container .form-container .radio-group{display:flex;padding-top:10px}.modify-svg .input-container .form-container .radio-group>div:first-child{margin-right:5px}.modify-svg .input-container .form-container .radio-group label{margin-right:10px}.modify-svg .input-container .form-container .select-container{display:flex;margin-top:10px}.modify-svg .input-container .form-container .select-container>div:first-child{position:relative;top:4px;margin-right:5px}.modify-svg .input-container .form-container .select-container>div:nth-child(3){position:relative;top:4px;margin-left:5px}.modify-svg .input-container .form-container .select-container select{font-size:100%;padding:3px}.modify-svg .input-container .form-container .select-container.disabled{opacity:.4}.modify-svg .input-container .form-container .actions{margin-top:15px}.modify-svg .input-container .form-container .actions button{font-size:105%}.modify-svg .input-container .form-container .text-container{display:flex;margin-top:10px}.modify-svg .input-container .form-container .text-container>div:first-child{position:relative;top:4px;margin-right:5px}.modify-svg .input-container .form-container .text-container input[type=text]{width:40px;font-size:110%}.modify-svg .input-container .show-svg{display:inline-block;background:#fff}.modify-svg .input-container .show-svg.active{border:1px solid #000}.modify-svg .modified-display{display:flex;padding:10px}.modify-svg .modified-display .bordered{border:1px solid #000}.modify-svg .modified-display .show-modified-svg{display:inline-block;background:#fff;border:1px dotted #00f}.modify-svg .modified-display .show-modified-svg .action{text-align:center;padding-bottom:20px}.modify-svg .modified-display .show-modified-svg .action span{margin:0 10px 0 3px;color:#00f}.modify-svg .modified-display .text-modified-container .text-modified{padding:0 5px;margin-left:10px;border:1px solid #000}.modify-svg .centroid-center .centroid-center-title{color:#00f;font-size:125%;padding:10px 0}.modify-svg .centroid-center .centroid-center-box{margin-left:10px;padding:8px 0 10px 10px;border:1px solid #000}.modify-svg .centroid-center .centroid-center-box textarea{width:90%}.modify-svg .centroid-center .centroid-center-box .centroid-center-submit{margin-top:10px}.modify-svg .centroid-center .centroid-center-box .centroid-result{margin-top:14px;padding:5px;background:#d0eaff;border:1px solid #000}.modify-svg .centroid-center .centroid-center-box .centroid-result div{padding:5px}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.ee56746f.chunk.css.map */