body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:"sans-serif",Segoe UI,Roboto,Oxygen;font-family:sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.display-none{display:none}input[type=file],input[type=text]{font-family:sans-serif}input[type=file]::-webkit-file-upload-button{font-family:sans-serif}input[type=file]::file-selector-button{font-family:sans-serif}.standard-button{border:1px solid #fff;border-radius:7px;cursor:pointer;font-family:sans-serif;font-size:110%;margin:0 1px;padding-top:2px;-webkit-user-select:none;user-select:none;white-space:nowrap}.standard-button.blue{background:#05f;background:linear-gradient(0deg,#141eff,#050fc8 50%,#1e46ff);border:1px solid hsla(0,0%,100%,.5);box-shadow:.02rem .02rem .02rem .02rem rgba(0,0,0,.2);color:#fff;outline:1px solid hsla(0,0%,100%,.2)}.standard-button.blue:hover{background:linear-gradient(0deg,#3250ff,#0f19c8 50%,#3250ff)}.standard-button.blue:active{background:linear-gradient(0deg,#0a32c8,#140fdc 50%,rgba(0,0,190,.7));box-shadow:none;color:#d0ffff}.standard-button.blue:active>div{color:aqua;position:relative;top:.02rem}.standard-button.yellow{background:linear-gradient(0deg,#e6e682 2%,#f0f078 4%,#ebe64a 0,#f0f01e 50%,#fafa3c);border:1px solid rgba(0,0,0,.5);box-shadow:0 0 .05rem .05rem hsla(0,0%,100%,.2)}.standard-button.yellow:hover{background:linear-gradient(0deg,#ebf082 2%,#f5fa78 4%,#f0f04a 0,#f5fa1e 50%,#ffff3c)}.standard-button.yellow:active{background:linear-gradient(0deg,#c8c864 2%,#82825a 4%,#dede46 0,#c8c814 50%,#f0dc41 98%,#e6e682)}.standard-button.yellow:active>div{color:#d00;position:relative;top:.01rem}.standard-button.green{background:linear-gradient(0deg,#146e14 2%,#3c783c 4%,#468246 0,#468246 50%,#417d41 98%,#2d5a2d);border:1px solid rgba(0,0,0,.5);box-shadow:0 0 .05rem .05rem hsla(0,0%,100%,.2);color:#fff}.standard-button.green:hover{background:linear-gradient(0deg,#1e781e 2%,#468246 4%,#508c50 0,#508c50 50%,#4b874b 98%,#376437)}.standard-button.green:active{background:linear-gradient(0deg,#005a00 2%,#326e32 4%,#3c783c 0,#3c783c 50%,#377337 98%,#236437)}.standard-button.green:active>div{color:#d00;position:relative;top:.01rem}.standard-button.red{background:linear-gradient(0deg,#961414 2%,#af2328 4%,#b40000 0,#b40000 50%,#af2323 98%,#aa1419);border:1px solid rgba(0,0,0,.5);box-shadow:0 0 .05rem .05rem hsla(0,0%,100%,.2);color:#fff}.standard-button.red:hover{background:linear-gradient(0deg,#a01e1e 2%,#b92d32 4%,#be0a0a 0,#be0a0a 50%,#b92d2d 98%,#a01e23)}.standard-button.red:active{background:linear-gradient(0deg,#b43c28 2%,#c3413c 4%,#c81414 0,#c81414 50%,#c33737 98%,#b4282d)}.standard-button.red:active>div{color:#d00;position:relative;top:.01rem}.standard-button.disabled{background:#ddd;color:#555;cursor:not-allowed;opacity:.8}.slider-switch .switch{display:inline-block;height:17px;position:relative;width:30px}.slider-switch .switch input{height:0;opacity:0;width:0}.slider-switch .slider{background-color:#ccc;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.slider-switch .slider:before{background-color:#fff;bottom:2px;content:"";height:13px;left:2px;position:absolute;transition:.4s;width:13px}.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{-webkit-transform:translateX(13px);transform:translateX(13px)}.slider-switch .slider.round{border-radius:34px}.slider-switch .slider.round:before{border-radius:50%}.App-logo{height:40vmin;pointer-events:none}@media(prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.sheet-controls{color:#fff;display:flex;gap:30px;padding:2px 1px 5px 10px;-webkit-user-select:none;user-select:none}.sheet-controls .controls-opener{text-align:center;vertical-align:bottom}.sheet-controls .controls-opener .title{margin-bottom:10px;margin-top:1px;padding:2px}.sheet-controls .controls-opener.closed{text-align:center}.sheet-controls .controls-opener.closed .title{display:inline}.sheet-controls .controls-opener button{text-align:center;-webkit-transform:scale(.9);transform:scale(.9)}.sheet-controls .controls-opener button.closed{display:none}.sheet-controls .controls{display:flex;gap:10px}.sheet-controls .controls .counters-layout{background:#353577;border:1px solid #aaa;border-radius:10px;display:flex;flex-direction:column;gap:3px;padding:6px 10px 5px}.sheet-controls .controls .counters-layout .select-container{align-self:end;color:#fff}.sheet-controls .controls .counters-layout .select-container .popupable{margin-right:5px}.sheet-controls .controls .counters-layout .select-container select{font-family:sans-serif;-webkit-transform:scale(1.1);transform:scale(1.1);width:40px}@-moz-document url-prefix(){.sheet-controls .controls .counters-layout .select-container select{width:45px}}.sheet-controls .controls .counters-layout .select-container.maximum-checked{color:#aaa}.sheet-controls .controls .counters-layout .maximum-checkbox{color:#aaa;padding:4px 0 1px;text-align:center}.sheet-controls .controls .counters-layout .maximum-checkbox input[type=checkbox]{-webkit-transform:scale(1.1);transform:scale(1.1)}.sheet-controls .controls .counters-layout .maximum-checkbox.maximum-checked{color:#fff}.sheet-controls .controls .counter-size{background:#353577;border:1px solid #aaa;border-radius:10px;padding:6px 10px 5px}@-moz-document url-prefix(){.sheet-controls .controls .counter-size{padding:6px 23px 5px 10px}}.sheet-controls .controls .counter-size .standard-sizes-container div.title{padding-bottom:2px}.sheet-controls .controls .counter-size .standard-sizes-container div.title .popupable{margin-right:2px}.sheet-controls .controls .counter-size .standard-sizes-container div.title .current-value{color:aqua;margin-left:2px;text-shadow:0 0 aqua}.sheet-controls .controls .counter-size .standard-sizes-container select{font-family:sans-serif;left:6px;position:relative;-webkit-transform:scale(1.1);transform:scale(1.1)}.sheet-controls .controls .counter-size .custom-size{text-wrap:nowrap;display:flex;padding-top:8px}.sheet-controls .controls .counter-size .custom-size>:first-child{margin-right:1px;position:relative;top:3px}.sheet-controls .controls .counter-size .custom-size .input-container{padding-left:3px;position:relative;text-align:center;top:1px}.sheet-controls .controls .counter-size .custom-size .input-container input[type=text]{border:0;font-family:sans-serif;font-size:110%;margin:0;outline:none;padding:1px 0 0;text-align:center;vertical-align:initial;width:60px}.sheet-controls .controls .counter-size .custom-size .input-container input[type=text].not-numeric{background:#fbb}.sheet-controls .controls .counter-size .custom-size .input-container .mm{font-size:90%;padding:0 0 0 3px;position:relative;top:3px}.sheet-controls .controls .margins-control{background:#353577;border:1px solid #aaa;border-radius:10px;display:flex;flex-direction:column;gap:3px;padding:6px 10px 5px}@-moz-document url-prefix(){.sheet-controls .controls .margins-control{padding:6px 10px 5px 14px}}.sheet-controls .controls .margins-control .title span{font-size:80%;margin-left:4px}.sheet-controls .controls .margins-control .margins{grid-row-gap:3px;display:grid;grid-row: auto auto;grid-template-columns:68px 108px;width:100%}.sheet-controls .controls .margins-control .margins .margin{align-items:flex-end;color:#fff;display:flex;gap:3px;justify-content:flex-end;padding:2px}.sheet-controls .controls .margins-control .margins .margin input[type=text]{border:0;font-family:sans-serif;font-size:105%;margin:0;outline:none;padding:1px 0 0 3px;vertical-align:initial;width:37px}.sheet-controls .controls .margins-control .margins .margin input[type=text].not-numeric{background:#fbb}.sheet-controls .controls .sides-control{background:#353577;border:1px solid #aaa;border-radius:10px;display:flex;flex-direction:column;gap:2px;padding:6px 10px 5px}.sheet-controls .controls .sides-control .title span{font-size:80%;margin-left:4px}.sheet-controls .controls .sides-control .sides{margin:0 auto}.sheet-controls .controls .sides-control .sides .side{cursor:pointer}.sheet-controls .controls .sides-control .sides .side .option{display:flex;margin-top:3px}.sheet-controls .controls .sides-control .sides .side .option input{cursor:pointer}.sheet-controls .controls .sides-control .sides .side .option label{cursor:pointer;margin:1px 1px 0 3px}.sheet-operations{color:#fff;display:flex;gap:30px;padding:2px 1px 5px 10px;-webkit-user-select:none;user-select:none}.sheet-operations.opened{background-color:#045;padding:5px 1px 5px 10px}.sheet-operations .controls-opener{text-align:center;vertical-align:bottom}.sheet-operations .controls-opener .title{margin-bottom:10px;margin-top:1px;padding:2px}.sheet-operations .controls-opener.closed{text-align:center}.sheet-operations .controls-opener.closed .title{display:inline}.sheet-operations .controls-opener button{text-align:center;-webkit-transform:scale(.9);transform:scale(.9)}.sheet-operations .controls-opener button.closed{display:none}.sheet-operations .controls{display:flex;gap:10px}.sheet-operations .controls .controls-container{background:#254735;border:1px solid #aaa;border-radius:10px;display:flex;flex-direction:column;gap:3px;padding:6px 10px 5px;white-space:nowrap}.sheet-operations .controls .controls-container>.title{margin-bottom:0;text-shadow:0 0 rgba(110,255,255,.5)}.sheet-operations .controls .controls-container>.title-with-button{display:flex;margin-bottom:0}.sheet-operations .controls .controls-container>.title-with-button button{margin-left:10px;position:relative;top:-2px;-webkit-transform:scale(.8);transform:scale(.8)}.sheet-operations .controls .controls-container .printable-area-settings div:first-child{margin-bottom:3px}.sheet-operations .controls .controls-container .printable-area-settings div div:first-child{display:inline-block;text-align:right;width:50px}.sheet-operations .controls .controls-container .printable-area-settings input[type=text]{background-color:#fff;font-family:sans-serif;font-size:105%;margin:0;padding:1px 0 0 2px;width:60px}.sheet-operations .controls .controls-container .printable-area-settings input[type=text].warning{background-color:#faa}.sheet-operations .controls .controls-container .options{display:flex}.sheet-operations .controls .controls-container .options .title{margin-right:3px}.sheet-operations .controls .controls-container .options input[type=checkbox]{margin-left:16px;-webkit-transform:scale(1.1);transform:scale(1.1)}.sheet-operations .controls .controls-container .options label{cursor:pointer}.sheet-operations .controls .controls-container .options.cutting-guides:nth-child(2){margin-top:3px}.sheet-operations .controls .controls-container .options.cutting-guides input[type=radio]{margin:0 6px 0 0;-webkit-transform:scale(1.1);transform:scale(1.1)}.sheet-operations .controls .controls-container .options.cutting-guides label:nth-child(2){margin-right:12px}.sheet-operations .controls .controls-container .actions input[type=text]{font-family:sans-serif;font-size:110%;padding:0 2px;width:130px}.sheet-operations .controls .controls-container .actions button{left:3px;position:relative;top:1px;-webkit-transform:scale(.9);transform:scale(.9)}.sheet-operations .controls .controls-container .actions .saved{display:flex;justify-content:space-around}.sheet-operations .controls .controls-container .actions .saved span{align-self:flex-end;margin-bottom:2px}.sheet-operations .controls .controls-container.load .title-with-button{justify-content:space-between}.sheet-operations .controls .controls-container.load .load-from span{margin-right:10px}.sheet-operations .controls .controls-container.load .load-from input[type=radio]{-webkit-transform:scale(1.1);transform:scale(1.1)}.sheet-operations .controls .controls-container.load .load-from label{cursor:pointer;left:-1px;margin:0 5px 0 0;position:relative}.sheet-operations .controls .controls-container.load .load-from .selects{margin-top:5px}.sheet-operations .controls .controls-container.load .load-from .selects select{font-family:sans-serif}.sheet-operations .controls .controls-container.load .action{text-align:right}.sheet-operations .controls .controls-container.load .action button{left:10px;margin-top:6px;position:relative;-webkit-transform:scale(.8);transform:scale(.8)}.sheet-operations .controls .controls-container .error{position:relative}.sheet-operations .controls .controls-container .error button{left:50%;margin-top:5px;position:absolute;-webkit-transform:translate(-50%);transform:translate(-50%)}.sheet-operations .controls .counter-size{background:#353577;border:1px solid #aaa;border-radius:10px;padding:6px 10px 5px}.sheet-operations .controls .counter-size .standard-sizes-container div{padding-bottom:2px}.sheet-operations .controls .counter-size .standard-sizes-container div .current-value{color:aqua;margin-left:2px;text-shadow:0 0 aqua}.sheet-operations .controls .counter-size .standard-sizes-container select{font-family:sans-serif;left:6px;position:relative;-webkit-transform:scale(1.1);transform:scale(1.1)}.sheet-operations .controls .counter-size .custom-size{text-wrap:nowrap;display:flex;padding-top:8px}.sheet-operations .controls .counter-size .custom-size>:first-child{margin-right:1px;position:relative;top:3px}.sheet-operations .controls .counter-size .custom-size .input-container{padding-left:3px;position:relative;text-align:center;top:1px}.sheet-operations .controls .counter-size .custom-size .input-container input[type=text]{border:0;font-family:sans-serif;font-size:110%;margin:0;outline:none;padding:1px 0 0;text-align:center;vertical-align:initial;width:60px}.sheet-operations .controls .counter-size .custom-size .input-container input[type=text].not-numeric{background:#fbb}.sheet-operations .controls .counter-size .custom-size .input-container .mm{font-size:90%;padding:0 0 0 3px;position:relative;top:3px}.sheet-operations .controls .margins-control{background:#353577;border:1px solid #aaa;border-radius:10px;display:flex;flex-direction:column;gap:3px;padding:6px 10px 5px}.sheet-operations .controls .margins-control>div:first-child span{font-size:80%}.sheet-operations .controls .margins-control .margins{grid-row-gap:3px;display:grid;grid-row: auto auto;grid-template-columns:68px 105px;width:100%}.sheet-operations .controls .margins-control .margins .margin{align-items:flex-end;color:#fff;display:flex;gap:3px;justify-content:flex-end;padding:2px}.sheet-operations .controls .margins-control .margins .margin input[type=text]{border:0;font-family:sans-serif;font-size:105%;margin:0;outline:none;padding:1px 0 0 3px;vertical-align:initial;width:30px}.sheet-operations .controls .margins-control .margins .margin input[type=text].not-numeric{background:#fbb}.temp-sheet{left:-9999px;position:absolute;top:-9999px}.input-fill .input-fill-tabs{margin:0 6px}.input-fill .input-fill-tabs .input-fill-tabs-selection .tabs{border-bottom:0;overflow:hidden}.input-fill .input-fill-tabs .input-fill-tabs-selection .tabs .tab{padding:3px 10px 5px 8px;scale:94%}.input-fill .input-fill-tabs .tabbed-content{border:1px solid #555}.input-fill .input-fill-tabs .tabbed-content .solid-settings .input-color{left:3px;padding:4px 0;position:relative}.input-fill .input-fill-tabs .tabbed-content .solid-settings .input-color .solid-fill{margin-left:0}.input-fill .input-fill-tabs .tabbed-content .solid-settings .input-color .multicolor-button{height:28px;min-width:28px;width:28px}.input-fill .input-fill-tabs .tabbed-content .gradient-settings{-webkit-animation:slideInFromTop .1s linear forwards;animation:slideInFromTop .1s linear forwards;padding:9px 12px;-webkit-transform-origin:0 1%;transform-origin:0 1%}.input-fill .input-fill-tabs .tabbed-content .gradient-settings .radio-choice-gradient-direction{display:flex;justify-content:center;padding:0 0 9px}.input-fill .input-fill-tabs .tabbed-content .gradient-settings .radio-choice-gradient-direction .direction-named{color:#fff;margin-right:3px;position:relative;top:-1px}.input-fill .input-fill-tabs .tabbed-content .gradient-settings .radio-choice-gradient-direction .radio-options{display:flex;gap:8px;justify-content:center}.input-fill .input-fill-tabs .tabbed-content .gradient-settings .radio-choice-gradient-direction .radio-options label{cursor:pointer;margin-left:3px;position:relative;top:-1px}.input-fill .input-fill-tabs .tabbed-content .gradient-settings .radio-choice-gradient-direction .radio-options .click-enabled,.input-fill .input-fill-tabs .tabbed-content .gradient-settings .radio-choice-gradient-direction .radio-options .click-enabled input[type=radio]{cursor:pointer}.input-fill .input-fill-tabs .tabbed-content .gradient-settings .input-colors{border-top:1px solid #555;padding-top:8px}.input-fill .input-fill-tabs .tabbed-content .gradient-settings .input-colors .input-color{padding-top:3px}.input-fill .input-fill-tabs .tabbed-content .gradient-settings .input-colors .input-color:first-child{padding-top:0}.input-fill .input-fill-tabs .tabbed-content .gradient-settings .input-colors .input-color .order-named{text-align:right;width:58px}.input-fill .input-fill-tabs .tabbed-content .gradient-settings .input-xy-position_gradient{border-top:1px solid #555;padding:7px 0}.input-fill .input-fill-tabs .tabbed-content .gradient-settings .input-xy-position_gradient .gradient-named{color:#fff;padding-bottom:4px}.input-fill .input-fill-tabs .tabbed-content .gradient-settings .input-xy-position_gradient .coordinate-container{display:flex;font-family:sans-serif}.input-fill .input-fill-tabs .tabbed-content .gradient-settings .input-xy-position_gradient .coordinate-container.disabled{opacity:.5}.input-fill .input-fill-tabs .tabbed-content .gradient-settings .input-xy-position_gradient .coordinate-container span{cursor:pointer;font-family:sans-serif;margin-right:5px;position:relative;top:-2px}.input-fill .input-fill-tabs .tabbed-content .gradient-settings .input-xy-position_gradient .coordinate-container .slider{width:80%}.input-fill .input-fill-tabs .tabbed-content .gradient-settings .input-xy-position_gradient .coordinate-container .coordinate-readout{color:#ccf;font-family:sans-serif;margin-left:5px;text-align:right;width:25px}@-webkit-keyframes slideInFromTop{0%{-webkit-transform:scaleY(0);transform:scaleY(0)}to{-webkit-transform:scaleY(100%);transform:scaleY(100%)}}@keyframes slideInFromTop{0%{-webkit-transform:scaleY(0);transform:scaleY(0)}to{-webkit-transform:scaleY(100%);transform:scaleY(100%)}}.input-color{align-items:center;display:flex}.input-color .named-container{display:flex;flex-wrap:nowrap}.input-color .named-container .named{font-family:sans-serif;height:18px;margin-top:3px;max-height:18px;overflow:hidden}.input-color .named-container .named.shortened{text-align:right}.input-color .named-container .colon{color:aqua;margin:0 3px;position:relative;top:2px}.input-color input[type=text]{font-family:sans-serif;font-size:120%;margin:0 5px;padding:1px 1px 0;width:90px}.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{border:1px solid #fff;box-sizing:border-box;cursor:pointer;height:24px;margin-right:7px;margin-top:1px;min-width:24px;width:24px}.input-color .multicolor-button{border-radius:50%;cursor:pointer;height:28px;min-width:28px;overflow:hidden;width:28px}.input-color.sheet-edit{background-color:#fff;border:1px solid rgba(0,0,0,.3);box-shadow:inset 0 0 3px rgba(0,0,5,.8);gap:0;padding:3px 6px 5px 1px}.input-color.sheet-edit .colon,.input-color.sheet-edit .named{color:#000;font-size:110%}.input-color.sheet-edit .color-sample{border:1px solid #000}.sheet-edit{color:#fff;display:flex;gap:30px;padding:2px 1px 5px 10px;-webkit-user-select:none;user-select:none}.sheet-edit.opened{background-color:#045;padding:5px 1px 5px 10px}.sheet-edit .controls-opener{text-align:center;vertical-align:bottom}.sheet-edit .controls-opener .title{margin-bottom:10px;margin-top:1px;padding:2px}.sheet-edit .controls-opener.closed{text-align:center}.sheet-edit .controls-opener.closed .title{display:inline}.sheet-edit .controls-opener button{text-align:center;-webkit-transform:scale(.9);transform:scale(.9)}.sheet-edit .controls-opener button.closed{display:none}.sheet-edit .controls{display:flex;gap:10px}.sheet-edit .controls .controls-container{background:#254735;border:1px solid #aaa;border-radius:10px;display:flex;flex-direction:column;gap:3px;padding:6px 10px 5px;white-space:nowrap}.sheet-edit .controls .controls-container.input-selection{white-space:wrap}.sheet-edit .controls .controls-container.input-selection.deployed{display:flex;flex-direction:column;gap:3px}.sheet-edit .controls .controls-container.input-selection.deployed .apply-slots{margin-top:auto;white-space:nowrap}.sheet-edit .controls .controls-container.input-selection.deployed .apply-slots button{margin-left:15px}.sheet-edit .controls .controls-container.input-selection.deployed .apply-slots button:first-child{margin-left:5px}.sheet-edit .controls .controls-container:first-child{height:55px}.sheet-edit .controls .controls-container>.popupable,.sheet-edit .controls .controls-container>.title{margin-bottom:3px}.sheet-edit .controls .controls-container>.title span.layer-name{color:#00dcc8;text-shadow:0 0 0 #0aa}.sheet-edit .controls .controls-container>.title span.type-name{color:#3cc8c8;text-shadow:1px 1px 0 rgba(0,240,240,.1)}.sheet-edit .controls .controls-container .edit-selection{background:#254735}.sheet-edit .controls .controls-container .edit-selection .slot{background:#254735;border:1px solid #aaa;border-radius:5px;padding:2px 3px}.sheet-edit .controls .controls-container select{padding:2px 3px}.sheet-edit .controls .controls-container .edit-selection-active-inputs span{cursor:pointer;margin:3px;white-space:nowrap}.sheet-edit .controls .controls-container .edit-selection-active-inputs span input[type=radio],.sheet-edit .controls .controls-container .edit-selection-active-inputs span label{cursor:pointer}.sheet{border:1px solid hsla(0,0%,100%,.4);position:relative}.sheet .sheet-menus{background-color:#134}.sheet .sheet-menus>div{display:block}.sheet .sheet-menus>div,.sheet .sheet-menus>div>div:not(:last-child){border-bottom:1px solid #555}.sheet .sheet-menus.all-closed>div,.sheet .sheet-menus.first-opened-only>div:not(:first-child){display:inline-block}.sheet .sheet-menus.second-opened-only>div{display:block}.sheet .sheet-menus.third-opened-only>div:first-child,.sheet .sheet-menus.third-opened-only>div:nth-child(2){display:inline-block}.sheet .sheet-menus.third-opened-only>div:nth-child(3){display:block}.sheet .sheet-container{background:hsla(0,0%,100%,.5);margin:1px;padding:1px;position:relative}.sheet .sheet-container .sheet-edit-cover{cursor:not-allowed;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.sheet .sheet-container .sheet-display{aspect-ratio:.772727/1;background:#ddd;margin:0;padding:0;position:relative;-webkit-user-select:none;user-select:none;width:100%}.sheet .sheet-container .sheet-display .sheet-display-svg{display:block}.sheet .sheet-container .sheet-display .context-menu{background:#aadcdc;border:1px solid #8aa;border-radius:12%;left:0;padding:4px;position:absolute;top:0}.sheet .sheet-container .sheet-display .context-menu div{background:#cff;border:1px solid rgba(0,0,0,.4);border-radius:8%;display:flex;flex-direction:column;justify-content:space-around;padding:10px;text-align:center}.sheet .sheet-container .sheet-display .context-menu div button{display:block}.sheet .sheet-container .sheet-display .context-menu div button:first-child{margin-bottom:10px}.direct-edit-sheet{background:#000;color:#fff}.menu-items{background:#eaeefb;display:flex;gap:10px;padding:5px 0 0 20px}.menu-items>div{cursor:pointer}.menu-items>div.active{color:red}.menu-items>span.app-title{color:blue;font-style:italic;letter-spacing:.03rem;margin-left:10%;text-shadow:1px 1px rgba(0,0,250,.1)}@media screen and (max-width:800px){.menu-items>span.app-title{display:none}}.menu{margin:0;padding:0;z-index:1001}.menu .opened{background:#fff;height:100%;position:absolute;top:24px;width:calc(100% - 5px);z-index:1002}.menu .closed{display:none}.storage-usage{position:absolute;right:22px;top:3px}.storage-usage.show{opacity:1;transition:opacity .2s}.storage-usage.hide{opacity:0}.storage-usage div{color:#333;margin-top:2px}.storage-usage div span{color:#077}@media screen and (max-width:620px){.storage-usage div{display:none}}.dexie-activity-icon{display:flex}.dexie-activity-icon div:first-child{color:#077;margin-right:5px;margin-top:3px}.dexie-activity-icon .dual-ring{display:inline-block;height:16px;width:16px}.dexie-activity-icon .dual-ring:after{-webkit-animation:dual-ring 1s linear infinite;animation:dual-ring 1s linear infinite;border-color:#099 transparent;border-radius:50%;border-style:solid;border-width:2px;content:" ";display:block;height:13px;margin:2px;width:13px}@-webkit-keyframes dual-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes dual-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.top-bar{background:#f0f6ff;border-radius:5px;box-shadow:inset 0 0 1px 2px rgba(0,0,100,.3);color:#000;height:26px;left:0;margin:1px auto;position:-webkit-sticky;position:sticky;top:0;width:calc(100% - 5px);z-index:200}.top-bar .dexie-activity-icon{position:absolute;right:12px;top:2px}.layer-menu-item{background:#000;border-bottom:1px solid #03a;border-left:1px solid #03a;border-right:1px solid #03a;box-sizing:border-box;color:#fff;padding:0 0 3px 3px}.layer-menu-item.editing{border:1px solid #aff;box-shadow:inset 0 0 3px 3px rgba(200,255,255,.3)}.layer-menu-item.editing .layer-name-flex{font-family:sans-serif}.layer-menu-item.editing .layer-name-flex .layer-name-section{position:relative;top:-1px}.layer-menu-item .layer-name-flex{align-content:flex-start;display:flex;font-family:sans-serif;justify-content:space-between;padding:5px 0 1px}.layer-menu-item .layer-name-flex.dragging{background:#22f;box-shadow:1px 1px 1px 2px #22f}.layer-menu-item .layer-name-flex .layer-management-controls{display:flex;height:18px}.layer-menu-item .layer-name-flex .layer-management-controls .edit-opener,.layer-menu-item .layer-name-flex .layer-management-controls .eyeball-opener{cursor:pointer;height:18px;margin-right:10px;position:relative;top:-1px;width:20px}.layer-menu-item .layer-name-flex .layer-management-controls .options{cursor:pointer;font-size:180%;margin-right:7px;position:relative;top:-69%}.layer-menu-item .layer-name-flex.closed{margin:3px 10px 0 0}.layer-menu-item .layer-name-flex .layer-name-section{display:flex;justify-content:space-between;width:100%}.layer-menu-item .layer-name-flex .layer-name-section .layer-activate-button{padding:0 8px}.layer-menu-item .layer-name-flex .layer-name-section .layer-name{cursor:pointer;flex-grow:1;font-family:sans-serif;position:relative;top:1px}.layer-menu-item .layer-name-flex .layer-name-section .layer-name.closed{color:#aaa}.layer-menu-item .layer-name-flex .layer-name-section .layer-name.layer-active{color:#fff}.layer-menu-item .layer-name-flex .layer-name-section .layer-name.opened.editing{color:aqua}.layer-menu-item .layer-name-flex .layer-name-section .layer-name:hover{color:#ff0}.layer-menu-item .layer-name-flex .layer-display{cursor:pointer;font-size:120%;position:relative;top:-3px}.layer-menu-item .layer-name-flex .layer-display .arrow-text{font-size:80%;margin-right:8px}.layer-menu-item .layer-name-flex .layer-display.opened-display{color:aqua}.layer-menu-item .layer-name-flex .layer-display.closed-display{color:red}.default-input-container{background-color:#000530;border:1px solid hsla(0,0%,100%,.3);box-shadow:inset 0 0 9px rgba(0,50,255,.5);margin:2px 3px 2px 1px;padding:3px 6px 5px 1px;-webkit-user-select:none;user-select:none}.default-input-container input{font-family:sans-serif}.default-input-container.input-svg-group .svg-icons-list{left:4px;position:relative}.default-input-container .named{color:aqua;font-family:sans-serif;font-size:92%;margin-bottom:4px;margin-left:5px;margin-top:1px;text-align:left}.default-input-container.active{border:1px solid #dda000}.editing .default-input-container{border:1px solid #04aaaa}.editing .default-input-container input{font-family:sans-serif}.layer-activate-button .activate-button{background-color:#555;border-radius:100%;cursor:pointer;height:16px;position:relative;top:.05rem;width:16px}.layer-activate-button .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)}.layer-activate-button .activate-button.active.yellow{background:radial-gradient(circle at center,#ffa 20%,#ff0 50%,#cc0 60%);box-shadow:0 0 2px 1px rgba(255,255,0,.4)}.layer-activate-button .activate-button.active.not-allowed{cursor:not-allowed}.layer-activate-button .activate-button.off{background:radial-gradient(circle at center,#555 20%,#555 50%,#333 60%);box-shadow:0 0 2px 1px hsla(0,0%,39%,.4)}.layer-activate-button .activate-button.current-active{background:radial-gradient(circle at center,#7ff 20%,#0ff 50%,#0cc 60%);box-shadow:0 0 2px 1px rgba(100,255,255,.4)}.layer-activate-button .activate-button.reverse-active{background:radial-gradient(circle at center,#ffa 20%,#ff0 50%,#cc0 60%);box-shadow:0 0 2px 1px rgba(255,255,0,.4)}.layer-activate-button .activate-button.not-allowed{cursor:not-allowed}.layer-activate-button .activate-button:hover{background:radial-gradient(circle at center,#f22 20%,#f55 50%,#f77 60%)}.layer-activate-button .activate-button:hover.not-allowed{background:#555}.layer-activate-button .activate-button-always-active{background-color:#555;border-radius:100%;cursor:pointer;cursor:not-allowed;height:16px;position:relative;top:.14rem;width:16px}.layer-activate-button .activate-button-always-active,.layer-activate-button .activate-button-always-active:hover{background:radial-gradient(circle at center,#7ff 20%,#0ff 50%,#0cc 60%);box-shadow:0 0 2px 1px rgba(100,255,255,.4)}.input-xy-position .coordinate-container{display:flex;font-family:sans-serif;justify-content:center;margin-left:4%;width:96%}.input-xy-position .coordinate-container span{font-family:sans-serif;margin-right:5px;position:relative;top:-2px}.input-xy-position .coordinate-container .slider{cursor:pointer;width:100%}.input-xy-position .coordinate-container .text-input-style{font-family:sans-serif;font-size:100%;font-size:90%;height:17px;margin-left:8px;margin-right:2px;width:34px}.input-xy-position .coordinate-container .text-input-style.warning{background-color:#faa}.input-xy-position .coordinate-container .coordinate-readout{color:#ccf;font-family:sans-serif;font-size:90%;margin-left:5px;margin-top:1px;text-align:right;width:25px}.input-xy-position .coordinate-container .proportional-locker{height:12px;margin-left:3px;position:relative;white-space:nowrap;width:12px}.input-xy-position .coordinate-container .proportional-locker .top-l{display:block;position:relative;top:2px;-webkit-transform:scale(-1);transform:scale(-1)}.input-xy-position .coordinate-container .proportional-locker .bottom-l{display:block;position:relative;top:-2px;-webkit-transform:scaleX(-1);transform:scaleX(-1)}.input-xy-position .coordinate-container .proportional-locker span.proportional-control{left:-1px;position:absolute;top:8px;z-index:1}.input-width-height .width-height-control{margin-left:3%;width:97%}.input-width-height .width-height-control .dimension{font-family:sans-serif;position:relative;top:-2px}.input-width-height .width-height-control table{font-size:90%;padding:0;width:100%}.input-width-height .width-height-control table td{margin:0;padding:0}.input-width-height .width-height-control table td.td-readout{padding-right:1px;white-space:nowrap}.input-width-height .width-height-control table td.slider{width:100%}.input-width-height .width-height-control table td.slider input[type=range]{background-color:#9a905d;cursor:pointer;width:100%}.input-width-height .width-height-control table td.slider.locked.width{border-left:1px solid hsla(0,0%,100%,.3);border-right:1px solid hsla(0,0%,100%,.3);border-top:1px solid hsla(0,0%,100%,.3);left:2px;position:relative;top:1px}.input-width-height .width-height-control table td.slider.locked.height{border-bottom:1px solid hsla(0,0%,100%,.3);border-left:1px solid hsla(0,0%,100%,.3);border-right:1px solid hsla(0,0%,100%,.3);left:2px;position:relative;top:-1px}.input-width-height .width-height-control table td input[type=text]{font-family:sans-serif;font-size:100%;margin-right:1px;width:37px}.input-width-height .width-height-control table td input[type=text].percent{position:relative;right:0;width:38px}.input-width-height .width-height-control table td input[type=text].percent.windows-chrome{right:3px;width:40px}.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{cursor:pointer;width:25px}.input-width-height .width-height-control table td.aspect-ratio.inactive{-webkit-filter:blur(.01rem);filter:blur(.01rem);opacity:.7}.input-width-height .coordinate-container{display:flex;font-family:sans-serif;justify-content:center}.input-width-height .coordinate-container span{cursor:pointer;font-family:sans-serif;margin-right:5px;position:relative;top:-2px}.input-width-height .coordinate-container .slider{cursor:pointer;width:250px}.input-width-height .coordinate-container .proportional-locker{height:12px;margin-left:3px;position:relative;white-space:nowrap;width:12px}.input-width-height .coordinate-container .proportional-locker .top-l{display:block;position:relative;top:2px;-webkit-transform:scale(-1);transform:scale(-1)}.input-width-height .coordinate-container .proportional-locker .bottom-l{display:block;position:relative;top:-2px;-webkit-transform:scaleX(-1);transform:scaleX(-1)}.input-width-height .coordinate-container .proportional-locker span.proportional-control{left:-1px;position:absolute;top:8px;z-index:1}.input-text input[type=text]{font-family:sans-serif;font-size:100%;margin-left:5px;width:50px}.input-text .input-required{color:red;display:inline-block;font-size:24px;left:3px;line-height:0px;position:relative;top:3px}.input-slider .named.disabled{color:gray}.input-slider .input-flex{align-content:center;display:flex;justify-content:center}.input-slider .input-flex .input-flex-1{width:90%}.input-slider .input-flex .input-flex-1 .input-flex-slider{margin-left:5%;padding:2px 0;width:95%}.input-slider .input-flex .input-flex-1 .input-flex-slider:disabled{cursor:not-allowed}.input-slider .input-flex .text-readout{font-family:sans-serif;white-space:nowrap}.input-slider .input-flex .text-readout input[type=text]{font-family:sans-serif;font-size:95%;margin-left:5px;width:40px}.input-slider .input-flex .text-readout input[type=text].skinny{width:32px}.input-slider .input-flex .text-readout.warning input[type=text]{background-color:#faa;font-family:sans-serif}.input-slider .input-flex .text-readout span.decoration{margin-left:2px;margin-right:2px}.default-input-container.input-radio-group .named-container{display:flex;flex:0 1;flex-wrap:nowrap}.default-input-container.input-radio-group .named-container .named{font-family:sans-serif;height:18px;margin-top:4px;max-height:17px;overflow:hidden;text-align:right}.default-input-container.input-radio-group .named-container .named.disabled{color:#bbb}.default-input-container.input-radio-group .named-container .colon{color:aqua;margin:0 0 0 3px;position:relative;top:3px}.default-input-container.input-radio-group .radio-options{display:flex;flex:3 1;font-size:100%}.default-input-container.input-radio-group .radio-options div{padding:3px 0 0 4px;white-space:nowrap}.default-input-container.input-radio-group .radio-options div input{position:relative;top:-2px;vertical-align:middle}.default-input-container.input-radio-group .radio-options div label{margin-left:2px}.default-input-container.input-radio-group .radio-options div:first-child label{margin-left:4px;margin-right:2px}.default-input-container.input-radio-group .value-readout{border:1px solid #000;color:#ccf;font-size:110%;line-height:18px;min-width:31px;padding:0 2px 0 1px;text-align:right;width:31px}.default-input-container.input-radio-group .value-readout.percent{min-width:42px}.default-input-container.input-radio-group .value-readout.min-width{min-width:22px;width:22px}.default-input-container.input-radio-group .slider{width:200px}.input-font{padding:4px 0}.input-font,.input-font .named,.input-font select{font-family:sans-serif}.input-font select{font-size:100%;margin-left:5px}.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;margin-top:10px}.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{color:#ccc;cursor:pointer;text-align:center;width:70px}.input-counter-shapes .selections .selection div:nth-child(2){padding-top:5px}.input-counter-shapes .selections .selection .circle,.input-counter-shapes .selections .selection .square{background-color:gray;box-shadow:-1px -1px 3px 1px hsla(0,0%,100%,.8),inset -1px -1px 3px 1px #555;height:30px;margin:0 auto;width:30px}.input-counter-shapes .selections .selection .circle{border-radius:50%}.input-counter-shapes .selections .selection .rectangle{background-color:gray;box-shadow:-1px -1px 3px 1px hsla(0,0%,100%,.8),inset -1px -1px 3px 1px #555;height:18px;margin:5px auto 7px;width:35px}.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}.symbol-group .group-label{font-size:90%;padding:5px 0 5px 10px}.symbol-group .group-label .hovering-on{color:#ff0;margin-left:10px}.symbol-group .material-symbol-search{font-size:90%;margin-left:10px}.symbol-group .symbol-buttons{grid-gap:5px;align-items:flex-start;background:#001520;border:1px solid #0070b8;display:flex;flex-wrap:wrap;height:200px;justify-content:space-around;overflow-y:auto;padding:1px 0 3px}.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;border:1px solid #555;color:#c8c8ff;cursor:pointer;padding:5px 5px 1px;position:relative}.material-symbol-button .material-symbol-box:hover{background:#228;border:1px solid #aaa;color:#d4d4f3;position:relative}.material-symbol-button .material-symbol-box.selected{background:#02c;border:1px solid #fff;box-shadow:.1em .1em .1em .1em rgba(0,0,255,.4);color:#fff}.material-symbol-button .material-symbol-box .tool-tip{-webkit-animation:fadeInFromNone .1s ease-out;animation:fadeInFromNone .1s ease-out;background:#228;border:1px solid #666;color:#fff;font-size:90%;left:0;padding:2px 4px;pointer-events:none;position:absolute;top:0;z-index:1}.material-symbol-button .material-symbol-name{font-size:90%;position:relative;text-align:center;top:-5px;width:60px}.material-symbol-button .material-symbol-name:not(.selected){color:#aaa}.input-svg-group .group-label{font-size:90%;padding:5px 0 0 10px}.input-svg-group .group-label .hovering-on{color:#ff0;margin-left:10px}.input-svg-group .svg-buttons{display:grid;grid-template-columns:repeat(auto-fill,60px);justify-content:space-around;margin:0 2% 0 0}.input-svg-group .svg-buttons.large{display:grid;grid-template-columns:repeat(auto-fill,100px);justify-content:space-around;margin:0 2% 0 0}.input-svg-group .input-instruction{display:inline-block}.input-svg-group .input-instruction .input-required{background:#fff;color:red;display:inline-block;font-size:24px;left:2px;line-height:0;position:relative;top:6px}.input-svg-group .named-flex{display:flex;font-family:sans-serif;justify-content:space-between;margin-right:10px}.input-svg-group .named-flex .svgs-display{font-size:120%;position:relative;top:-1px}.input-svg-group .named-flex .svgs-display .arrow-text{font-size:80%;margin-right:8px}.input-svg-group .named-flex .svgs-display.opened-display{color:aqua}.input-svg-group .named-flex .svgs-display.closed-display{color:red}.input-svg-group .svg-icons-list.closed{display:none}.svg-button.large-button{margin:10px 8px;width:90px}.svg-button.large-button .svg-code{height:90px;margin:0 0 10px;width:90px}.svg-button.large-button .svg-code>:first-child{display:block;height:100%;margin:auto}.svg-button.large-button .svg-code.selected{box-shadow:0 0 .08em .08em rgba(0,255,255,.7)}.svg-button.large-button .svg-name{width:100%;word-break:break-all}.svg-button .svg-code{background:#aaa;box-shadow:.1em .1em .1em .1em rgba(80,80,80,.2);cursor:pointer;display:flex;font-size:20px;height:50px;margin:10px 6px;overflow:hidden;width:50px}.svg-button .svg-code.national-flags{background-color:#323232;background-image:linear-gradient(45deg,#a0a0a0 25%,transparent 0),linear-gradient(-45deg,#a0a0a0 25%,transparent 0),linear-gradient(45deg,transparent 75%,#a0a0a0 0),linear-gradient(-45deg,transparent 75%,#a0a0a0 0);background-position:0 0,0 2.5px,2.5px -2.5px,-2.5px 0;background-size:5px 5px}.svg-button .svg-code.selected{background:#bed7ff;box-shadow:0 0 .06em .06em rgba(0,255,255,.7)}.svg-button .svg-code.selected.national-flags{background-color:#323232;background-image:linear-gradient(45deg,#bed7ff 25%,transparent 0),linear-gradient(-45deg,#bed7ff 25%,transparent 0),linear-gradient(45deg,transparent 75%,#bed7ff 0),linear-gradient(-45deg,transparent 75%,#bed7ff 0);background-position:0 0,0 2.5px,2.5px -2.5px,-2.5px 0;background-size:5px 5px}.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;text-align:center;top:-5px;width:60px}.svg-button .svg-name:not(.selected){color:#aaa}.svg-button .svg-name.national-flags{font-size:70%}.layer-menu-opener-edit{font-family:Material Icons,"sans-serif";font-size:110%}.layer-menu-opener-edit.opened{color:#fff}.layer-menu-opener-edit.closed{color:#555}.layer-options-opener{color:#aaa}.layer-options-opener.active{color:#fff}.layer-options-opener:hover{color:aqua}.layer-rename-form{background:#005;border:1px solid blue;color:#fff;margin:3px 0 15px;padding:3px 5px;text-align:left}.layer-rename-form div{padding:3px 0}.layer-rename-form div:first-child{font-size:90%;text-align:center}.layer-rename-form div:nth-child(2){text-align:center}.layer-rename-form div:nth-child(3){display:flex;justify-content:center;margin-top:2px}.layer-rename-form div:nth-child(3) button{margin:0 5px}.layer-rename-form input[type=text]{font-size:110%;margin-top:2px;max-width:200px}.layer-rename-form input[type=text].warning{background:#fcc}.layer-duplicate-form{background:#005;border:1px solid blue;color:#fff;margin-top:3px;padding:3px 5px;text-align:left}.layer-duplicate-form div{padding:3px 0}.layer-duplicate-form div:first-child{font-size:90%;text-align:center}.layer-duplicate-form div:nth-child(2){text-align:center}.layer-duplicate-form div:nth-child(3){display:flex;justify-content:center;margin-top:2px}.layer-duplicate-form div:nth-child(3) button{margin:0 5px}.layer-duplicate-form input[type=text]{font-size:110%;margin-top:2px;max-width:200px}.layer-duplicate-form input[type=text].warning{background:#fcc}.layer-options{color:#fff}.layer-options .options{align-items:center;background:#001d1d;border:1px solid aqua;display:flex;flex-direction:column;margin:8px 2% 3px;padding:5px 0 0}.layer-options .options .option{font-size:90%;margin:5px;text-align:center}.layer-options .options .option span{color:aqua}.layer-options .options .option.opened{border:none;position:relative;top:1px}.layer-options .options .option.opened .duplicate-layer{padding-bottom:1px}.layer-options .options .option .option-clicker>div{background:#000;border:1px solid #aaa;border-radius:10px;cursor:pointer;display:inline-block;margin-bottom:5px;padding:5px 8px}.layer-options .options .option .option-clicker>div:hover{background:#005}.layer-options .options .option .option-clicker:last-child{margin-bottom:0}.layer-options .options .option .option-clicker.disabled{color:#aaa}.layer-options .options .option .option-clicker.disabled>div{border:1px solid #555;cursor:not-allowed}.layer-options .options .option .option-clicker.disabled>div span{color:#aaa}.layer-options .options .option .option-clicker.disabled>div:hover{background:#222}.layers-menu{background:#fff;-webkit-user-select:none;user-select:none}.layers-menu>div{background:#000}.layers-menu .layer-menu-item .drop-area{height:0;opacity:0;-webkit-transform:scale(0);transform:scale(0);transition:-webkit-transform 50ms ease-in 0;transition:transform 50ms ease-in 0;transition:transform 50ms ease-in 0,-webkit-transform 50ms ease-in 0}.layers-menu .layer-dragging .layer-menu-item{opacity:.5}.layers-menu .drop-active .layer-menu-item{border-bottom:1px solid #000}.layers-menu .drop-active .layer-menu-item .drop-area{background:#aaa;box-shadow:0 2px 2px 1px hsla(0,0%,78%,.8),inset 0 2px 2px 2px hsla(0,0%,39%,.5);color:#000;height:18px;left:-1px;margin:0;opacity:1;position:relative;text-align:center;text-shadow:.05rem .05rem hsla(0,0%,100%,.2),-.05rem -.05rem hsla(0,0%,39%,.2);top:1px;-webkit-transform:scale(1);transform:scale(1);transition:-webkit-transform 50ms ease-in 0ms;transition:transform 50ms ease-in 0ms;transition:transform 50ms ease-in 0ms,-webkit-transform 50ms ease-in 0ms}.layers-display{color:#fff}.layers-display .instructions{font-size:90%;padding:6px 0 6px 10px}.layers-display table{background:#222;border:1px solid #8aa;border-collapse:collapse;margin-left:2%;padding:0;width:96%}.layers-display table tr.header{background:#000;color:aqua}.layers-display table tr.header td:nth-child(2){padding-left:6px;text-align:left}.layers-display table tr.layer{color:#fff}.layers-display table tr.layer:nth-child(2n){background-color:#006}.layers-display table tr.layer.display-off{background-color:#ddd}.layers-display table tr.layer .control{text-align:center}.layers-display table tr.layer .label{padding-left:6px;word-break:break-all}.layers-display table tr td{border-top:1px solid #555;padding:1px 0 2px}.layers-display table tr td:first-child{border-right:1px solid hsla(0,0%,100%,.5);padding:0}.layers-display table tr.header{background:#400;color:#fff}.layers-display table tr.header td{border-top:.13rem solid #888;padding-left:10px}.layers-display table tr.header td:first-child{padding-left:0;text-align:center}.layers-effects{color:#fff;-webkit-user-select:none;user-select:none}.layers-effects .instructions{font-size:90%;padding:6px 0 6px 10px}.layers-effects table{background:#322;border:1px solid #8aa;border-collapse:collapse;margin-left:2%;padding:0;width:96%}.layers-effects table tr.layer{color:#fff}.layers-effects table tr.layer:nth-child(2n){background-color:#232}.layers-effects table tr.layer.display-off{background-color:#ddd}.layers-effects table tr.layer .control{text-align:left}.layers-effects table tr.layer .control button{-webkit-transform:scale(.8);transform:scale(.8)}.layers-effects table tr.layer .label{padding:5px 6px 3px;word-break:break-all}.layers-effects table tr.layer .label.editing{background:#141450}.layers-effects table tr.layer .label .effects-container{display:inline}.layers-effects table tr.layer .label .effects-container .effect-radio{background:red}.layers-effects table tr.layer .label .effects-container span.click-drop{background:rgba(0,200,200,.3);border:1px solid #999;color:#eee;cursor:pointer;display:inline-block;font-size:90%;margin:0 3px 2px 9px;padding:1px 2px 0 3px}.layers-effects table tr.layer .label .effects-container span.click-drop:hover{color:aqua}.layers-effects table tr.layer .label .effects-container span.click-drop.activated{background:gray;background:none;border:none;color:#aaf}.layers-effects table tr.layer .label .effects-container span.click-drop.on{background:rgba(0,100,100,.2);color:#9afefe;text-shadow:0 0 hsla(0,0%,86%,.5)}.layers-effects table tr.layer .label .effects-container .effect-control{border:1px solid #aaa;margin:5px 10px 10px}.layers-effects table tr.layer .label .effects-container .effect-control .effect-name{background:#228;border-bottom:1px solid #33a;color:#aff;padding:2px 0 1px 5px}.layers-effects table tr.layer .label .effects-container .effect-control .effect-name.off{color:#ddd}.layers-effects table tr.layer .label .effects-container .effect-control .effect-name .activate-radiogroup{color:#fff;padding-left:10px;position:relative;top:2px}.layers-effects table tr.layer .label .effects-container .effect-control .effect-name .activate-radiogroup label{margin-right:5px;position:relative;top:-1px}.layers-effects table tr.layer .label .effects-container .effect-control .effect-settings{display:flex;flex-wrap:wrap;padding:2px 1px 2px 0}.layers-effects table tr.layer .label .effects-container .effect-control .effect-settings .range-label{align-items:center;color:#6cc;display:flex;font-size:90%;margin-left:1%;text-align:right;width:50px}.layers-effects table tr.layer .label .effects-container .effect-control .effect-settings.disabled{opacity:.5;pointer-events:none}.layers-effects table tr.layer .label .effects-container .effect-control .effect-settings div{display:flex;flex-grow:1;justify-content:left;padding:0 0 0 10px;white-space:nowrap}.layers-effects table tr.layer .label .effects-container .effect-control .effect-settings div input[type=range]{margin-left:9px;width:100%}.layers-effects table tr.layer .label .effects-container .effect-control .effect-settings .color-pick-container div.color-pick{align-items:center;display:flex;padding-left:0}.layers-effects table tr.layer .label .effects-container .effect-control .effect-settings .color-pick-container div.color-pick input[type=text]{font-size:110%;margin-left:5px;padding:0;width:83px}.layers-effects table tr.layer .label .effects-container .effect-control .effect-settings .color-pick-container div.color-pick input[type=text].invalid{background:#faa}.layers-effects table tr.layer .label .effects-container .effect-control .effect-settings .color-pick-container div.color-pick .color-sample{border:1px solid #fff;box-sizing:border-box;cursor:pointer;height:24px;margin-left:7px;max-width:24px;width:24px}.layers-effects table tr.layer .label .effects-container .effect-control .effect-settings .color-pick-container div.color-pick .multicolor-button{cursor:pointer;flex-shrink:1;height:28px;max-width:28px;min-width:28px;overflow:hidden;width:28px}.color-picker{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.color-picker .hex-color-container{-webkit-animation:fadein .1s ease 0s 1 normal forwards;animation:fadein .1s ease 0s 1 normal forwards;background-color:#fff;border:2px solid green;border-radius:10px;left:100px;padding:5px;position:absolute;top:200px;width:200px;z-index:2}@keyframes fadein{0%{opacity:0}80%{opacity:0}to{opacity:1}}@-webkit-keyframes fadein{0%{opacity:0}80%{opacity:0}to{opacity:1}}.color-picker .hex-color-container .manual-color{background:#fff;display:flex;margin-top:5px}.color-picker .hex-color-container .manual-color .manual-label{line-height:190%;margin-right:3px}.color-picker .hex-color-container .manual-color input{background:#e7f6ff;border:1px solid #3c3cec;font-size:120%;outline:1px solid #dcdcff;width:70px}.color-picker .hex-color-container .react-colorful{cursor:default;display:flex;flex-direction:column;height:200px;position:relative;-webkit-user-select:none;user-select:none;width:200px}.color-picker .hex-color-container .react-colorful__saturation{background-image:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,hsla(0,0%,100%,0));border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;flex-grow:1;position:relative}.color-picker .hex-color-container .react-colorful__alpha-gradient,.color-picker .hex-color-container .react-colorful__pointer-fill{border-radius:inherit;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.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{height:24px;position:relative}.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{border-radius:inherit;bottom:0;left:0;outline:none;position:absolute;right:0;top:0;touch-action:none}.color-picker .hex-color-container .react-colorful__pointer{background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2);box-sizing:border-box;height:28px;position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:28px;z-index:1}.color-picker .hex-color-container .react-colorful__interactive:focus .react-colorful__pointer{-webkit-transform:translate(-50%,-50%) scale(1.1);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}.draw-layer{-webkit-user-select:none;user-select:none}.draw-layer,.grid-display{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.grid-display .grid-display-svg{pointer-events:none}.counter-area-coordinates-readout{bottom:3%;position:absolute;right:9%;-webkit-user-select:none;user-select:none;z-index:100}.counter-area-coordinates-readout div{color:#bbb;white-space:nowrap}.counter-area-coordinates-readout div span{color:#07d7d7;display:inline-block;width:30px}.counter-front-rear-control{background:#113;border:1px solid #559;border-radius:3px;bottom:2%;display:flex;height:27px;left:9%;padding:1px;position:absolute;-webkit-user-select:none;user-select:none;z-index:100}.counter-front-rear-control div{color:#bbb;cursor:pointer;position:relative;white-space:nowrap}.counter-front-rear-control div:hover label{color:#ff0}.counter-front-rear-control div.option{line-height:150%;padding-right:10px}.counter-front-rear-control div.option:nth-child(2){margin-right:30px}.counter-front-rear-control div input{cursor:pointer;-webkit-transform:scale(1.1);transform:scale(1.1)}.counter-front-rear-control div label{color:#aaa;cursor:pointer;font-size:110%;margin-left:9%}.counter-front-rear-control div label.hilite{color:#07f5f5}.counter-front-rear-control div button{-webkit-transform:scale(.9);transform:scale(.9)}.grid-control{background:#000;color:#fff;display:flex;padding:0 .5rem}.grid-control>div:first-child{color:#ddd;padding:.2rem .4rem 0 0;white-space:nowrap}.grid-control div:nth-child(2){padding-top:.4rem}.grid-control div:nth-child(2) .slider-switch{-webkit-transform:scale(1.2);transform:scale(1.2)}.grid-color-control{background:#000;color:#fff;display:flex;padding:.25rem 0 0}.grid-color-control>.label{color:#aaa;padding:0 .2rem;white-space:nowrap}.grid-color-control>.light-text{color:#aaa;padding:0 .4rem 0 0}.grid-color-control>.light-text.selected{font-weight:700}.grid-color-control>.slider-switch{padding-top:.13rem}.grid-color-control>.slider-switch>.switch{-webkit-transform:scale(1);transform:scale(1)}.grid-color-control>.slider-switch>.switch input:checked+.slider{background-color:#aaa}.grid-color-control>.slider-switch>.switch input:focus+.slider{box-shadow:0 0 1px #aaa}.grid-color-control>.dark-text{color:#aaa;padding:0 0 0 .4rem}.grid-color-control>.dark-text.selected{font-weight:700}.grid-color-control.active>.label{color:#fff}.grid-color-control.active>.light-text{color:aqua}.grid-color-control.active>.slider-switch>.switch input:checked+.slider{background-color:#0aa}.grid-color-control.active>.slider-switch>.switch input:focus+.slider{box-shadow:0 0 1px #0aa}.grid-color-control.active>.dark-text{color:aqua}.close-x button.standard-button.blue:hover{background:none;background-color:#000}.close-x button.standard-button.blue:hover div{color:red;text-shadow:1px 0 red}.close-x button.standard-button.blue div{left:-.5px;position:relative;text-shadow:1px 0 #fff;-webkit-transform:scaleX(1.4);transform:scaleX(1.4)}.save-counter-control{pointer-events:all;position:relative}.save-counter-control .dialog{background:#013;border:1px solid #23a;color:#fff;font-size:110%;position:absolute;top:30px;z-index:1001}.save-counter-control .dialog .title{background:#23a;box-shadow:0 1px 2px 1px #126,inset 1px 1px 2px 1px hsla(0,0%,100%,.2);display:flex;flex-grow:2;padding-bottom:1px;text-align:center}.save-counter-control .dialog .title>div:first-child{width:16%}.save-counter-control .dialog .title>div:nth-child(2){font-size:100%;position:relative;top:3px;width:84%}.save-counter-control .dialog .title>div:nth-child(3){margin-right:2px}.save-counter-control .dialog .title>div:nth-child(3).close-x button.standard-button.blue{-webkit-transform:scale(.7);transform:scale(.7)}.save-counter-control .dialog .name-input{margin:0 10px 10px}.save-counter-control .dialog .name-input .apply-date-time{color:#0dd;cursor:pointer;font-size:80%;padding:14px 5px 5px 0;text-align:right}.save-counter-control .dialog .name-input .save-input-inline{align-items:center;display:flex;justify-content:center;padding:0;white-space:nowrap}.save-counter-control .dialog .name-input .save-input-inline div:first-child{margin-right:5px;text-shadow:0 0 hsla(0,0%,100%,.5)}.save-counter-control .dialog .name-input .save-input-inline input[type=text]{font-family:sans-serif;font-size:100%;width:320px}.save-counter-control .dialog .message-container{display:grid;place-items:center}.save-counter-control .dialog .message-container .message{font-size:90%;position:relative;text-align:left;top:-6px}.save-counter-control .dialog .message-container .message.red{color:red}.save-counter-control .dialog .message-container .message.green{color:#9f9;text-shadow:0 0 #0a0}.save-counter-control .dialog .save-counter-options-container{display:inline-block;margin:0 50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.save-counter-control .dialog .save-counter-options-container .save-counter-option{grid-row-gap:14px;display:grid;grid-row: auto auto;grid-template-columns:180px 180px}.save-counter-control .dialog .save-counter-options-container .save-counter-option button{-webkit-transform:scale(.9);transform:scale(.9)}.save-counter-control .dialog .save-counter-options-container .save-counter-option button span{color:red;font-size:150%;line-height:10%;margin-left:3px;position:relative;top:6px}.save-counter-control .dialog .asterisk-explanation{color:#ddd;font-size:90%;margin:10px;text-align:center}.save-counter-control .dialog .asterisk-explanation span{color:red;font-size:120%;line-height:100%;margin-right:3px;position:relative;top:3px}.save-counter-control .dialog .asterisk-explanation p{font-size:95%;text-align:left;-webkit-user-select:text;user-select:text}.save-counter-control .svg-container{background:red;left:-300px;position:absolute;top:0;z-index:1000}.load-counter-control{pointer-events:all;position:relative}.load-counter-control .dialog{background:#013;border:1px solid #23a;color:#fff;font-size:110%;position:absolute;top:30px;z-index:1001}.load-counter-control .dialog .title{background:#23a;box-shadow:0 1px 2px 1px #126,inset 1px 1px 2px 1px hsla(0,0%,100%,.2);display:flex;flex-grow:2;padding-bottom:1px;text-align:center;white-space:nowrap}.load-counter-control .dialog .title>div:first-child{width:16%}.load-counter-control .dialog .title>div:nth-child(2){font-size:100%;position:relative;top:3px;width:84%}.load-counter-control .dialog .title>div:nth-child(3){margin-right:2px}.load-counter-control .dialog .title>div:nth-child(3).close-x button.standard-button.blue{-webkit-transform:scale(.7);transform:scale(.7)}.load-counter-control .dialog .select-input{font-size:110%}.load-counter-control .dialog .select-input .load-section{border:1px solid aqua;margin:20px 14px 17px;outline:3px solid #055;padding:10px;position:relative}.load-counter-control .dialog .select-input .load-section .load-section-title{background-color:#013;color:#0cc;font-size:90%;font-style:italic;letter-spacing:.05em;padding:0 6px 0 4px;position:absolute;text-shadow:0 0 #0cc;top:-11px}.load-counter-control .dialog .select-input .load-section .load-section-title span{font-style:normal;margin-left:5px}.load-counter-control .dialog .select-input .load-section .load-input-inline{align-items:center;display:flex;justify-content:center;letter-spacing:.01em;padding:7px 0 6px 4px;white-space:nowrap}.load-counter-control .dialog .select-input .load-section .load-input-inline select{font-family:sans-serif;font-size:90%}.load-counter-control .dialog .select-input .load-section .load-input-inline div{margin-right:12px}.load-counter-control .dialog .select-input .load-section .warning{color:#dd0;padding-top:1px;text-align:center}.load-counter-control .dialog .select-input .load-section.load-from-file input[type=file]{font-family:sans-serif;font-size:90%;left:40px;letter-spacing:.01em;margin:6px 0 7px;position:relative;top:4px}.load-counter-control .dialog .select-input .load-section.load-from-file input[type=file]::-webkit-file-upload-button{margin-right:10px;padding:0 9px 0 10px;text-shadow:0 0 #000}.load-counter-control .dialog .select-input .load-section.load-from-file input[type=file]::file-selector-button{margin-right:10px;padding:0 9px 0 10px;text-shadow:0 0 #000}.load-counter-control .dialog .select-input #extractorSvg{left:-9999;position:absolute;top:-9999}.clear-control,.move-to-sheet-control{color:#fff}.counter-area-menu{background-color:#000;box-shadow:0 -1px 1px 2px hsla(0,0%,47%,.1),inset 0 -3px 3px hsla(0,0%,78%,.2),inset 0 2px 3px hsla(0,0%,100%,.2);padding:6px 0 9px;-webkit-user-select:none;user-select:none;width:100%}@media screen and (max-width:800px){.counter-area-menu{padding:4px 0 7px}}.counter-area-menu>.controls{display:flex;justify-content:space-around}@media screen and (max-width:800px){.counter-area-menu>.controls{justify-content:flex-start;margin-left:0}}.counter-area-menu>.controls .grid-controls{display:flex;justify-content:space-around}@media screen and (max-width:800px){.counter-area-menu>.controls .grid-controls{margin-left:0;-webkit-transform:scale(.9);transform:scale(.9)}.counter-area-menu>.controls .grid-controls .grid-control{left:-6px;padding:0;position:relative}}.counter-area-menu>.controls .control-buttons{align-items:center;display:flex;flex-grow:1;font-size:min(1.6vw,100%);justify-content:space-around;margin-left:2px;position:relative;top:1px}@media screen and (min-width:1800px){.counter-area-menu>.controls .control-buttons{font-size:95%;left:0;margin-left:2px;position:relative}}@media screen and (max-width:900px){.counter-area-menu>.controls .control-buttons{font-size:85%;left:-2px;margin-left:1px;position:relative;top:0}}@media screen and (max-width:800px){.counter-area-menu>.controls .control-buttons{left:-6px;position:relative}}.out-of-bounds-mask{height:100%;pointer-events:none;position:relative;z-index:1}.out-of-bounds-mask .out-of-bounds-svg{pointer-events:none}.three-dee-view-button{bottom:2%;position:absolute;right:2%;-webkit-user-select:none;user-select:none;z-index:101}.three-dee-view-button div{color:#bbb;white-space:nowrap}.three-dee-view-button div span{color:#07d7d7;display:inline-block;width:30px}.three-dee-view-draggers{height:100%;pointer-events:none;position:absolute;top:0;width:100%;z-index:101}.three-dee-view-draggers .label{-webkit-user-select:none;user-select:none}.three-dee-view-draggers .explode-control{height:100%;left:calc(50% + 1.5vw);position:absolute;-webkit-transform:translate(-50%) rotate(270deg);transform:translate(-50%) rotate(270deg);width:60%}@media(max-width:1000px){.three-dee-view-draggers .explode-control{left:49%}}@media(min-width:1800px){.three-dee-view-draggers .explode-control{left:50%}}.three-dee-view-draggers .explode-control .label{text-align:center}.three-dee-view-draggers .explode-control .label span{color:#fff;padding:0 2px 2px}@media(max-width:750px){.three-dee-view-draggers .explode-control .label span{font-size:.8rem;position:relative;top:1px}}.three-dee-view-draggers .explode-control .slider{pointer-events:auto;position:relative;width:100%}.three-dee-view-draggers .explode-control .slider input[type=range]{width:100%}.three-dee-view-draggers .rotate-control{height:100%;left:50%;position:absolute;-webkit-transform:translate(-50%);transform:translate(-50%);width:60%}@media(max-width:820px){.three-dee-view-draggers .rotate-control{-webkit-transform:translate(-50%,2%);transform:translate(-50%,2%)}}@media(max-width:880px){.three-dee-view-draggers .rotate-control{-webkit-transform:translate(-50%,1%);transform:translate(-50%,1%)}}@media(min-width:1000px){.three-dee-view-draggers .rotate-control{-webkit-transform:translate(-50%);transform:translate(-50%)}}@media(min-width:1100px){.three-dee-view-draggers .rotate-control{-webkit-transform:translate(-50%,-1%);transform:translate(-50%,-1%)}}@media(min-width:1200px){.three-dee-view-draggers .rotate-control{-webkit-transform:translate(-50%,-2%);transform:translate(-50%,-2%)}}@media(min-width:1800px){.three-dee-view-draggers .rotate-control{-webkit-transform:translate(-50%,-1%);transform:translate(-50%,-1%)}}.three-dee-view-draggers .rotate-control .rotate-position{bottom:1%;position:absolute;width:100%}.three-dee-view-draggers .rotate-control .rotate-position .label{font-size:1rem;text-align:center}@media(max-width:700px){.three-dee-view-draggers .rotate-control .rotate-position .label{font-size:.8rem;position:relative;top:1px}}.three-dee-view-draggers .rotate-control .rotate-position .label span{color:#fff;padding:0 2px 2px}@media(max-width:750px){.three-dee-view-draggers .rotate-control .rotate-position .label span{font-size:.8rem;position:relative;top:1px}}.three-dee-view-draggers .rotate-control .rotate-position .slider{pointer-events:auto;position:relative;width:100%}.three-dee-view-draggers .rotate-control .rotate-position .slider input[type=range]{width:100%}.three-dee-view-draggers .angle-control{height:100%;left:47.8%;position:absolute;-webkit-transform:translate(-50%) rotate(90deg);transform:translate(-50%) rotate(90deg);width:60%}@media(max-width:1000px){.three-dee-view-draggers .angle-control{left:50.5%}}@media(min-width:1800px){.three-dee-view-draggers .angle-control{left:50%}}@media(max-width:744px){.three-dee-view-draggers .angle-control{left:51%}}.three-dee-view-draggers .angle-control .label{text-align:center}.three-dee-view-draggers .angle-control .label span{color:#fff;padding:0 1% 1%}@media(max-width:750px){.three-dee-view-draggers .angle-control .label span{font-size:.8rem;position:relative;top:1px}}.three-dee-view-draggers .angle-control .slider{pointer-events:auto;position:relative;-webkit-transform:rotate(180deg);transform:rotate(180deg);width:100%}.three-dee-view-draggers .angle-control .slider input[type=range]{width:100%}.pin-control{cursor:pointer;position:absolute;right:5%;top:.2%;-webkit-transform:rotate(45deg);transform:rotate(45deg);z-index:100}.pin-control.pinned{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.history-control{color:#fff;display:flex;left:0;margin-inline:auto;position:absolute;right:0;top:3px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:50}.history-control div{background:#fff;color:#000;font-family:Material Icons;font-size:110%;margin:0 3px;padding:3px;-webkit-user-select:none;user-select:none}.history-control div:hover{background:#ff0;cursor:pointer}.history-control div:hover:active{background:red;color:#fff}.history-control div.disabled{background:#555;cursor:not-allowed}.history-control div.disabled:active{background:#444;color:#777}.history-control div.off{background:gray;color:#555;cursor:not-allowed}.history-control div.indicator{background:#555;margin:0 1px;padding:0 1px;width:2px}.history-control div.indicator.undoLight{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:fadeToRed;animation-name:fadeToRed}.history-control div.indicator.redoLight{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:fadeToYellow;animation-name:fadeToYellow}@-webkit-keyframes fadeToRed{0%{background-color:#555}to{background-color:red}}@keyframes fadeToRed{0%{background-color:#555}to{background-color:red}}@-webkit-keyframes fadeToYellow{0%{background-color:#555}to{background-color:#ff0}}@keyframes fadeToYellow{0%{background-color:#555}to{background-color:#ff0}}.counter-area{background:#000;display:inline-block;height:100%;position:relative;top:0;transition:top .1s ease-in 0s;width:100%}.counter-area .whiter{color:#fff}.counter-area #baseCounterSvg{background-color:#00d}.counter-area .pin-control{height:4%;width:4%}.counter-area .drawing-area{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;height:100%;-webkit-perspective:3300px;perspective:3300px;position:relative;width:100%}.counter-area .drawing-area .experimental{color:#ff0;font-size:100%;font-weight:700;left:5%;letter-spacing:.1rem;position:absolute;top:1%;z-index:2000}.counter-area .drawing-area.three-dee{background-color:#777;background-image:linear-gradient(45deg,grey 25%,transparent 0),linear-gradient(-45deg,grey 25%,transparent 0),linear-gradient(45deg,transparent 75%,grey 0),linear-gradient(-45deg,transparent 75%,grey 0);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}.counter-area .drawing-area .draw-layer.flip-rear{-webkit-animation:flip-rear .6s;animation:flip-rear .6s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}.counter-area .drawing-area .draw-layer.flip-front{-webkit-animation:flip-front .6s;animation:flip-front .6s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}.counter-area .drawing-area.move-to-sheet-down{-webkit-animation:shrink-and-fly-down .5s;animation:shrink-and-fly-down .5s;-webkit-animation-iteration-count:1;animation-iteration-count:1}.counter-area .drawing-area.move-to-sheet-right{-webkit-animation:shrink-and-fly-right .5s;animation:shrink-and-fly-right .5s;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes flip-rear{0%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}20%{-webkit-transform:rotateY(10deg);transform:rotateY(10deg)}40%{opacity:1}50%{opacity:0;-webkit-transform:rotateY(90deg);transform:rotateY(90deg)}60%{opacity:0;-webkit-transform:rotateY(90deg);transform:rotateY(90deg)}61%{opacity:0;-webkit-transform:rotateY(-90deg);transform:rotateY(-90deg)}70%{opacity:1}to{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}}@keyframes flip-rear{0%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}20%{-webkit-transform:rotateY(10deg);transform:rotateY(10deg)}40%{opacity:1}50%{opacity:0;-webkit-transform:rotateY(90deg);transform:rotateY(90deg)}60%{opacity:0;-webkit-transform:rotateY(90deg);transform:rotateY(90deg)}61%{opacity:0;-webkit-transform:rotateY(-90deg);transform:rotateY(-90deg)}70%{opacity:1}to{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}}@-webkit-keyframes flip-front{0%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}20%{-webkit-transform:rotateY(-10deg);transform:rotateY(-10deg)}40%{opacity:1}50%{opacity:0;-webkit-transform:rotateY(-90deg);transform:rotateY(-90deg)}60%{opacity:0;-webkit-transform:rotateY(-90deg);transform:rotateY(-90deg)}61%{opacity:0;-webkit-transform:rotateY(90deg);transform:rotateY(90deg)}70%{opacity:1}to{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}}@keyframes flip-front{0%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}20%{-webkit-transform:rotateY(-10deg);transform:rotateY(-10deg)}40%{opacity:1}50%{opacity:0;-webkit-transform:rotateY(-90deg);transform:rotateY(-90deg)}60%{opacity:0;-webkit-transform:rotateY(-90deg);transform:rotateY(-90deg)}61%{opacity:0;-webkit-transform:rotateY(90deg);transform:rotateY(90deg)}70%{opacity:1}to{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}}@-webkit-keyframes shrink-and-fly-down{0%{-webkit-transform:scale(1);transform:scale(1)}30%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:scale(.1);transform:scale(.1)}to{-webkit-transform:scale(.1) translateY(20000px);transform:scale(.1) translateY(20000px)}}@keyframes shrink-and-fly-down{0%{-webkit-transform:scale(1);transform:scale(1)}30%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:scale(.1);transform:scale(.1)}to{-webkit-transform:scale(.1) translateY(20000px);transform:scale(.1) translateY(20000px)}}@-webkit-keyframes shrink-and-fly-right{0%{-webkit-transform:scale(1);transform:scale(1)}30%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:scale(.1);transform:scale(.1)}to{-webkit-transform:scale(.1) translateX(20000px);transform:scale(.1) translateX(20000px)}}@keyframes shrink-and-fly-right{0%{-webkit-transform:scale(1);transform:scale(1)}30%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:scale(.1);transform:scale(.1)}to{-webkit-transform:scale(.1) translateX(20000px);transform:scale(.1) translateX(20000px)}}.dexie-busy-overlay{background:#000;cursor:not-allowed;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.install-custom-svg{background:#ddd;color:#000;display:flex;padding:10px}.install-custom-svg .bounder{background:rgba(155,255,110,.1);border:1px solid #000;height:500px;width:500px}.install-custom-svg .success{padding:175px 0 0 20px}.install-custom-svg .success .success-text span{color:#0800ff}.install-custom-svg .success .success-buttons{display:flex;padding:10px 0 0}.install-custom-svg .success .success-buttons button:first-child{margin-right:20px}.install-custom-svg .svg-container{background:#aaa;background-image:linear-gradient(90deg,#888 1px,transparent 0),linear-gradient(180deg,#888 1px,transparent 0);background-size:10px 10px;border-bottom:1px solid #888;border-right:1px solid #888;box-sizing:border-box;height:400px;position:relative;width:400px}.install-custom-svg .svg-container.svg-loaded .drop-text{display:none}.install-custom-svg .svg-container.svg-loaded .svg-target{display:block}.install-custom-svg .svg-container .drop-text{border:none;color:#333;height:400px;text-align:center;width:400px}.install-custom-svg .svg-container .drop-text.drag-enter{background:hsla(0,0%,100%,.5);border:1px solid blue;box-sizing:border-box}.install-custom-svg .svg-container .drop-text div{font-size:240%;position:relative;top:30%}.install-custom-svg .svg-container .drop-text div span{display:block}.install-custom-svg .svg-container .drop-text div span:nth-child(2){text-shadow:0 0 #000}.install-custom-svg .svg-container #dropArea{height:400px;left:0;position:absolute;top:0;width:400px}.install-custom-svg .svg-container .svg-target{display:none;height:100%;width:100%}.install-custom-svg .svg-container svg:first-child,.install-custom-svg .svg-container svg:nth-child(2),.install-custom-svg .svg-container svg:nth-child(3){height:100%;left:0;position:absolute;top:0;width:100%}.install-custom-svg .form-area{margin:50px 10px 0 20px;white-space:nowrap}.install-custom-svg .form-area .info{background-color:#f0f4ff;border:1px solid #04a;border-radius:10px;box-shadow:1px 1px 2px 2px rgba(0,0,0,.1);padding:8px 10px}.install-custom-svg .form-area .info p{margin:5px 0}.install-custom-svg .form-area form{margin:45px 0 0}.install-custom-svg .form-area form .choose{margin-bottom:10px}.install-custom-svg .form-area form .close{margin-top:20px}.install-custom-svg .form-area form .load-error{color:#d00;height:22px;margin:10px 0 0;text-shadow:0 0 #944}.install-custom-svg .form-area form input[type=file]{font-size:120%}.install-custom-svg .form-area form .line-1{margin-bottom:15px}.install-custom-svg .form-area form .line-1 span{text-shadow:0 0 rgba(0,0,0,.8)}.install-custom-svg .form-area form .line-2{display:flex}.install-custom-svg .form-area form .line-2>div:first-child{margin:2px 3px 0 0}.install-custom-svg .form-area form .line-2 input[type=text]{font-family:sans-serif;font-size:120%}.install-custom-svg .form-area form .line-2 input[type=text].warning{background:#fee}.install-custom-svg .form-area form .line-2 button{margin-left:12px}.install-custom-svg .form-area form .line-3{color:#d00;height:22px;margin:5px 0 0;text-shadow:0 0 #944}.install-custom-svg .form-area form .line-4{display:flex;padding:5px 0 0}.install-custom-svg .form-area form .line-4 button:first-child{margin-right:20px}.install-custom-img{background:#ddd;color:#000;display:flex;padding:10px;z-index:100}.install-custom-img .success{padding:175px 0 0 20px}.install-custom-img .success .success-text span{color:#0800ff}.install-custom-img .success .success-buttons{display:flex;padding:10px 0 0}.install-custom-img .success .success-buttons button:first-child{margin-right:20px}.install-custom-img .svg-container{background:#aaa;background-image:linear-gradient(90deg,#888 1px,transparent 0),linear-gradient(180deg,#888 1px,transparent 0);background-size:10px 10px;border-bottom:1px solid #888;border-right:1px solid #888;box-sizing:border-box;height:400px;position:relative;width:400px}.install-custom-img .svg-container.svg-loaded .drop-text{display:none}.install-custom-img .svg-container.svg-loaded .svg-target{display:block}.install-custom-img .svg-container .drop-text{border:none;color:#333;height:400px;text-align:center;width:400px}.install-custom-img .svg-container .drop-text.drag-enter{background:hsla(0,0%,100%,.5);border:1px solid blue;box-sizing:border-box}.install-custom-img .svg-container .drop-text div{font-size:240%;position:relative;top:30%}.install-custom-img .svg-container .drop-text div span{display:block}.install-custom-img .svg-container .drop-text div span:nth-child(2){text-shadow:0 0 #000}.install-custom-img .svg-container #dropArea{height:400px;left:0;position:absolute;top:0;width:400px}.install-custom-img .svg-container .svg-target{display:none;height:100%;width:100%}.install-custom-img .svg-container svg:first-child,.install-custom-img .svg-container svg:nth-child(2),.install-custom-img .svg-container svg:nth-child(3){height:100%;left:0;position:absolute;top:0;width:100%}.install-custom-img .form-area{margin:50px 10px 0 20px}.install-custom-img .form-area .info{background-color:#f0f4ff;border:1px solid #04a;border-radius:10px;box-shadow:1px 1px 2px 2px rgba(0,0,0,.1);max-width:465px;padding:8px 20px 5px 10px}.install-custom-img .form-area .info p{margin:5px 0}.install-custom-img .form-area .form{margin:45px 0 0}.install-custom-img .form-area .form .choose{margin-bottom:10px}.install-custom-img .form-area .form .close{margin-top:20px}.install-custom-img .form-area .form .load-error{color:#d00;height:22px;margin:10px 0 0;text-shadow:0 0 #944}.install-custom-img .form-area .form input[type=file]{font-size:120%}.install-custom-img .form-area .form .line-1{margin-bottom:15px}.install-custom-img .form-area .form .line-1 span:not(:nth-child(3n+2)){color:blue;text-shadow:0 0 rgba(0,0,0,.8)}.install-custom-img .form-area .form .line-1>div{display:inline-block;margin-left:10px}.install-custom-img .form-area .form .line-2{display:flex}.install-custom-img .form-area .form .line-2>div:first-child{margin:2px 3px 0 0}.install-custom-img .form-area .form .line-2 input[type=text]{font-family:sans-serif;font-size:120%}.install-custom-img .form-area .form .line-2 input[type=text].warning{background:#fee}.install-custom-img .form-area .form .line-2 button{margin-left:12px}.install-custom-img .form-area .form .line-3{color:#d00;height:22px;margin:5px 0 0 50px;text-shadow:0 0 #944}.install-custom-img .form-area .form .line-4{display:flex;padding:5px 0 0}.install-custom-img .form-area .form .line-4 button:first-child{margin-right:20px}.view-customs{background:#ddd;color:#000;padding:10px}.view-customs .custom-item{border-bottom:1px solid #000;display:flex;margin-bottom:11px;position:relative}.view-customs .custom-item .display{background:repeating-linear-gradient(-45deg,#eef,#eef 12%,#ddd 14%,#ddd 24%);border:1px solid #555;display:flex;height:100px;min-height:100px;min-width:100px;overflow:auto;overflow:hidden;resize:both;-webkit-user-select:none;user-select:none;width:100px}.view-customs .custom-item .form-name-container{flex-grow:1;margin:0 20px 0 10px;max-height:125px;max-width:300px;min-width:300px;width:300px}.view-customs .custom-item .form-name-container .name-div span:first-child{color:#00c;font-size:110%;text-shadow:0 0 #00c}.view-customs .custom-item .form-name-container .message{font-size:94%;height:18px;letter-spacing:.01rem;line-height:100%;text-align:center;text-shadow:0 0 #090}.view-customs .custom-item .form-name-container .rename-div .input-control{display:flex;flex-wrap:nowrap}.view-customs .custom-item .form-name-container .rename-div .input-control span{margin-right:5px}.view-customs .custom-item .form-name-container .rename-div .input-control input[type=text]{font-family:sans-serif;font-size:100%;width:70%}.view-customs .custom-item .form-name-container .rename-div .input-control input[type=text].warning{background:#fcc}.view-customs .custom-item .form-name-container .rename-div .name-warning{background:#aaf;color:red;height:20px;margin:1px 0 0;text-shadow:0 0 red;white-space:nowrap}.view-customs .custom-item .form-name-container .rename-div .message{padding:3px 0 7px;text-align:center}.view-customs .custom-item .form-name-container .submit-div{padding-top:10px}.view-customs .custom-item .form-name-container .submit-div .actions{display:flex;justify-content:space-around;position:relative}.view-customs .custom-item .form-name-container .submit-div .actions button{height:26px}.view-customs .custom-item .form-name-container .submit-div .actions div{position:relative;width:74px}.view-customs .custom-item .form-name-container .submit-div .actions div span{color:#d00;font-size:90%;left:-5px;line-height:90%;position:absolute;text-shadow:0 0 #a00;top:-2px;width:110px}.view-customs .custom-item .form-name-container .submit-div .actions span{color:#00d;position:relative;top:3px}.view-customs .custom-item .form-name-container .delete-svg-div{align-self:center;margin-left:10px}.view-customs .custom-item .metadata{flex-grow:2;position:relative;top:-2px}.view-customs .custom-item .metadata .size span{color:blue;margin:0 5px 0 1px;text-shadow:0 0 blue}.view-customs .custom-item .metadata .used-in span{color:blue;margin:0 5px 0 3px;text-shadow:0 0 blue}.view-customs .custom-item .metadata .size-warning{background-color:#fdd;margin-top:3px;padding:2px 5px;text-shadow:0 0 #000}.view-customs .custom-item .metadata .code-display textarea{height:72px;width:98%}.view-fonts{background:#ddd;left:0;width:100%}.view-fonts .fonts-general-settings{background:#ddeadd;box-shadow:0 1px 2px 2px rgba(0,0,0,.5);position:-webkit-sticky;position:sticky;top:35px}.view-fonts .fonts-general-settings .fonts-installed-count{background-color:#dde0ed;font-size:90%;padding:1px 0 1px 20px}.view-fonts .fonts-general-settings .fonts-installed-count>button{margin-left:20px}.view-fonts .fonts-general-settings .controls{display:flex;padding:5px 5px 5px 20px}@media screen and (max-width:1050px){.view-fonts .fonts-general-settings .controls{padding:5px 5px 5px 10px}}.view-fonts .fonts-general-settings .controls .sample-text{align-items:center;display:flex;justify-content:center;white-space:nowrap}@media screen and (max-width:1050px){.view-fonts .fonts-general-settings .controls .sample-text{font-size:90%}}.view-fonts .fonts-general-settings .controls .sample-text>div:first-child{margin-right:3px;position:relative}.view-fonts .fonts-general-settings .controls .sample-text :nth-child(3){background:#cdf;border:1px solid rgba(0,0,0,.3);border-radius:10px;box-shadow:1px 1px 1px 1px rgba(0,0,0,.1);cursor:pointer;font-size:90%;margin-top:1px;padding:1px 4px 2px;text-shadow:0 0 rgba(0,0,0,.5)}.view-fonts .fonts-general-settings .controls .sample-text :nth-child(3):hover{background:#ffd}.view-fonts .fonts-general-settings .controls .sample-text input[type=text]{font-family:sans-serif;font-size:110%;margin-right:6px;width:346px}.view-fonts .fonts-general-settings .controls .text-options{align-items:flex-end;display:flex;padding-left:20px;-webkit-user-select:none;user-select:none}@media screen and (max-width:1020px){.view-fonts .fonts-general-settings .controls .text-options{padding-left:0}}.view-fonts .fonts-general-settings .controls .text-options label{margin:0 10px 0 20px;position:relative;top:-2px;white-space:nowrap}.view-fonts .fonts-general-settings .controls .text-options label:nth-child(2){margin:0 15px 0 5px}@media screen and (max-width:1020px){.view-fonts .fonts-general-settings .controls .text-options label:nth-child(2){margin:0 8px 0 5px}.view-fonts .fonts-general-settings .controls .text-options label{font-size:95%;margin:0 0 0 10px}}.view-fonts .fonts-general-settings .controls .text-options input[type=checkbox]{height:17px;margin-right:5px;position:relative;top:2px;width:17px}@media screen and (max-width:1020px){.view-fonts .fonts-general-settings .controls .text-options input[type=checkbox]{height:15px;width:15px}}.view-fonts .fonts-general-settings .controls .text-options .range-box{align-items:flex-end;display:flex;padding:0 6px 3px 0}@media screen and (max-width:1020px){.view-fonts .fonts-general-settings .controls .text-options .range-box{font-size:90%;padding:0 3px 0 0}}.view-fonts .fonts-general-settings .controls .text-options .range-box .font-size-label{font-size:110%;line-height:105%;margin:0 5px 2px 0;white-space:nowrap}@media screen and (max-width:1020px){.view-fonts .fonts-general-settings .controls .text-options .range-box .font-size-label{font-size:107%;margin:0 4px 3px 0}}.view-fonts .fonts-general-settings .controls .text-options .range-box span{color:#00a}@media screen and (max-width:1020px){.view-fonts .fonts-general-settings .controls .text-options .range-box span{margin-bottom:2px}}.view-fonts .fonts-general-settings .controls .text-options .range-box input[type=range]{position:relative;width:50px}.view-fonts .fonts-general-settings .controls .text-options input[type=text]{font-family:sans-serif;font-size:110%;height:70%;width:40px}@media screen and (max-width:1020px){.view-fonts .fonts-general-settings .controls .text-options input[type=text]{font-size:100%;height:70%;width:35px}}.view-fonts .fonts-general-settings .controls .text-options input[type=text].warning{background:#fdd}.view-fonts .fonts-area{background:#eee;display:table;overflow:hidden;padding:2px;width:calc(100% - 4px)}.view-fonts .fonts-area table{border-spacing:6px;width:100%}.view-fonts .fonts-area table tbody tr td{border:1px solid #000;padding:10px;width:100%}.view-fonts .fonts-area table tbody tr td .font-entry .first-line{display:flex;justify-content:space-between}.view-fonts .fonts-area table tbody tr td .font-entry .first-line .delete-block .confirm-delete{color:red;font-size:90%;margin-right:10px;text-shadow:0 0 red}.view-fonts .fonts-area table tbody tr td .font-entry .first-line .font-item span{color:#00d;margin-right:30px;text-shadow:0 0 #00d}.view-fonts .fonts-area table tbody tr td .font-entry .source-uri span{color:#030;font-size:90%}.view-fonts .fonts-area table tbody tr td .font-entry .sample textarea{height:153px;padding:3px;width:99%}.install-font{background:#f0f0f0;height:calc(100vh - 67px);padding:10px}.install-font .font-install-explanation{background:#c5daee;border:1px solid #559;color:#000}.install-font .font-install-explanation p{margin:10px}.install-font .google-url{padding:15px 0 0 20px}.install-font .font-name-issue{background:#fdd;border:1px solid #000;margin-top:10px;padding:3px}.install-font .font-name-issue span{color:blue;text-shadow:0 0 blue}.install-font .font-lookup{display:flex;gap:10px;padding:20px 0 0 20px;white-space:nowrap}.install-font .font-lookup span{font-size:110%;line-height:150%}.install-font .font-lookup>span:nth-child(3){margin-left:6px}.install-font .font-lookup input[type=text]{font-family:sans-serif;font-size:120%;width:300px}.install-font .font-lookup button{margin-left:9px}.install-font .font-loaded-installed .message{margin-bottom:1px}.install-font .font-loaded-installed .font-example{background:#fff;border:1px solid #000;font-size:200%;overflow-wrap:break-word;padding:10px}.install-font .font-loaded-installed .install-options{display:flex;padding:10px}.install-font .font-loaded-installed .install-options button{margin-right:20px}.install-font .error-message{color:red;height:30px;letter-spacing:.01rem;padding-top:10px;text-shadow:0 0 #000}.view-saved-counters{background:#000;color:#000;padding:1px}.view-saved-counters .display-container{background:#ddd;display:flex;margin-top:3px}.view-saved-counters .display-container .display{background:repeating-linear-gradient(-45deg,#eef,#eef 12%,#ddd 14%,#ddd 24%);border:1px solid #555;height:140px;min-height:140px;min-width:140px;overflow:auto;overflow:hidden;padding:2px;resize:both;-webkit-user-select:none;user-select:none;width:140px}.view-saved-counters .display-container .form-name-container{margin:8px 0 0 10px}.view-saved-counters .display-container .form-name-container .name-div{padding-bottom:10px}.view-saved-counters .display-container .form-name-container .name-div span:first-child{color:#00c;text-shadow:0 0 #00c}.view-saved-counters .display-container .form-name-container .renamed-div{color:green;font-size:90%;height:22px;letter-spacing:.01rem;text-shadow:0 0 #090}.view-saved-counters .display-container .form-name-container .rename-div .flex{display:flex;width:200px}.view-saved-counters .display-container .form-name-container .rename-div .flex .input-control span{margin-right:5px}.view-saved-counters .display-container .form-name-container .rename-div .flex .input-control input[type=text]{font-family:sans-serif;font-size:100%;width:190px}.view-saved-counters .display-container .form-name-container .rename-div .flex .input-control input[type=text].warning{background:#fcc}.view-saved-counters .display-container .form-name-container .rename-div .flex .name-warning{color:red;margin:8px 0 0 10px;text-shadow:0 0 red;white-space:nowrap}.view-saved-counters .display-container .form-name-container .rename-div .message{padding:3px 0 7px;text-align:center}.view-saved-counters .display-container .form-name-container .submit-div .actions{display:flex;justify-content:space-around;position:relative}.view-saved-counters .display-container .form-name-container .submit-div .actions button{height:26px}.view-saved-counters .display-container .form-name-container .submit-div .actions div{position:relative;width:74px}.view-saved-counters .display-container .form-name-container .submit-div .actions div span{color:#d00;font-size:90%;left:-8px;line-height:90%;position:absolute;text-shadow:0 0 #a00;top:-2px;width:110px}.view-saved-counters .display-container .form-name-container .submit-div.second-row{margin-top:5px}.view-saved-counters .display-container .form-name-container .delete-svg-div{align-self:center;margin-left:10px}.view-saved-counters .display-container .form-name-container .metadata{margin-left:20px;padding-left:20px;width:100%}.view-saved-counters .display-container .form-name-container .metadata .size span{color:blue;margin:0 5px 0 1px;text-shadow:0 0 blue}.view-saved-counters .display-container .form-name-container .metadata .size-warning{background-color:#fdd;margin-top:3px;padding:2px 5px;text-shadow:0 0 #000}.view-saved-counters .display-container .form-name-container .metadata .code-display textarea{height:72px;width:100%}.view-saved-counters .layer-data{border-left:1px dashed rgba(0,0,0,.2);margin:10px 10px 2px;padding:0 10px;text-shadow:0 0 #000}.view-saved-counters .layer-data .date-saved{margin-bottom:3px}.view-saved-counters .layer-data .date-saved span{color:#00c;text-shadow:0 0 #00c}.view-saved-counters .layer-data .layers-list{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:2px;padding-top:4px}.view-saved-counters .layer-data .layers-list .layer-background{background:#000;border-radius:8px;box-shadow:.1rem .1rem .2rem .1rem rgba(0,0,0,.1);cursor:pointer;padding:1px 10px 2px}.view-saved-counters .layer-data .layers-list .layer-background.hidden{background:#777;box-shadow:-.05rem -.05rem .05rem .05rem #000;left:2px;margin:0 2px 0 0;padding:1px 8px 0 10px;position:relative;top:2px}.view-saved-counters .layer-data .layers-list .layer-background.hidden:hover{background:#44d}.view-saved-counters .layer-data .layers-list .layer-background.hidden .layer-name{color:#eee;font-family:sans-serif;left:-.05rem;position:relative;text-shadow:none;top:-.05rem;-webkit-user-select:none;user-select:none}.view-saved-counters .layer-data .layers-list .layer-background:hover{background:#22a}.view-saved-counters .layer-data .layers-list .layer-background .layer-name{color:#fff;font-family:sans-serif;pointer-events:none;text-align:center;text-shadow:0 0 #fff;-webkit-user-select:none;user-select:none;white-space:nowrap}.view-saved-counters .layer-data .extras-list{display:flex;margin-bottom:2px;margin-top:2px;text-shadow:0 0 #000}.view-saved-counters .layer-data .extras-list span{color:blue}.view-saved-counters .layer-data .extras-list span:first-child{margin-left:3px}.view-saved-sheets{background:#ddd;color:#000;padding:10px}.view-saved-sheets .item{border-bottom:1px solid #000;display:flex;margin-bottom:11px}.view-saved-sheets .item .display{background:repeating-linear-gradient(-45deg,#eef,#eef 1%,#ddd 2%,#ddd 3%);border:1px solid #555;overflow:auto;overflow:hidden;resize:both;-webkit-user-select:none;user-select:none}.view-saved-sheets .item .form-name-container{flex-grow:1;margin:0 20px 0 10px;max-height:125px;max-width:300px;min-width:300px;width:300px}.view-saved-sheets .item .form-name-container .name-div{margin-bottom:8px}.view-saved-sheets .item .form-name-container .name-div span:first-child{color:#00c;font-size:110%;text-shadow:0 0 #00c}.view-saved-sheets .item .form-name-container .message{font-size:94%;height:18px;letter-spacing:.01rem;line-height:100%;text-align:center;text-shadow:0 0 #090}.view-saved-sheets .item .form-name-container .rename-div .input-control{display:flex;flex-wrap:nowrap}.view-saved-sheets .item .form-name-container .rename-div .input-control span{margin-right:5px}.view-saved-sheets .item .form-name-container .rename-div .input-control input[type=text]{font-family:sans-serif;font-size:100%;width:70%}.view-saved-sheets .item .form-name-container .rename-div .input-control input[type=text].warning{background:#fcc}.view-saved-sheets .item .form-name-container .rename-div .name-warning{background:#aaf;color:red;height:20px;margin:1px 0 0;text-shadow:0 0 red;white-space:nowrap}.view-saved-sheets .item .form-name-container .rename-div .message{padding:3px 0 7px;text-align:center}.view-saved-sheets .item .form-name-container .submit-div .actions{display:flex;justify-content:space-around;padding-top:20px;position:relative}.view-saved-sheets .item .form-name-container .submit-div .actions:first-child{padding-top:0}.view-saved-sheets .item .form-name-container .submit-div .actions button{height:26px}.view-saved-sheets .item .form-name-container .submit-div .actions div{position:relative;width:74px}.view-saved-sheets .item .form-name-container .submit-div .actions div span{color:#d00;font-size:90%;left:-5px;line-height:90%;position:absolute;text-shadow:0 0 #a00;top:-2px;width:110px}.view-saved-sheets .item .form-name-container .delete-svg-div{align-self:center;margin-left:10px}.view-saved-sheets .item .layer-data{border-left:1px solid #aaa;padding-left:8px}.view-saved-sheets .item .layer-data .date-saved span{color:blue;text-shadow:0 0 blue}.view-saved-sheets .item .layer-data .data-name-value{background-color:#eaeaf3;border:1px solid #aaa;margin-bottom:2px;padding:4px 8px 4px 4px}.view-saved-sheets .item .layer-data .data-name-value .data-name{margin-right:7px}.view-saved-sheets .item .layer-data .data-name-value .data-value{color:blue;text-shadow:0 0 blue}.view-saved-sheets .item .metadata{flex-grow:2;position:relative;top:-2px}.view-saved-sheets .item .metadata .size span{color:blue;margin:0 5px 0 1px;text-shadow:0 0 blue}.view-saved-sheets .item .metadata .size-warning{background-color:#fdd;margin-top:3px;padding:2px 5px;text-shadow:0 0 #000}.view-saved-sheets .item .metadata .code-display textarea{height:72px;width:98%}.printBackground{background-color:#fff;height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.view-app{background:#ddd;color:#000;padding:10px}.view-app .entry{background:#eef;border:1px solid rgba(0,0,0,.5);display:flex;padding:9px 10px 10px}.view-app .entry:not(:first-child){margin-top:10px}.view-app .entry.reset{background:#eef}.view-app .entry.reset .entry-reset-buttons{position:relative;text-align:center}.view-app .entry.reset .entry-reset-buttons button .text-options span.op{opacity:.5}.view-app .entry.reset .entry-reset-buttons button .text-options span.reset-confirm{left:50%;position:absolute;-webkit-transform:translate(-50%);transform:translate(-50%)}.view-app .entry.reset .entry-reset-buttons button .text-options span.disappear{opacity:0}.view-app .entry.reset .entry-reset-buttons .error{color:red;text-shadow:0 0 red}.view-app .entry.export{background:#efe}.view-app .entry.export .export-container{position:relative}.view-app .entry.export .export-container .comments{padding:3px 3px 7px 10px}.view-app .entry.export .export-container .comments p{margin:5px 0}.view-app .entry.export .export-container .comments p+p{margin:8px 0 0}.view-app .entry.export .export-container .comments.hide{opacity:0}.view-app .entry.export .export-container .export-database-form{left:0;padding:10px;position:absolute;top:0}.view-app .entry.export .export-container .export-database-form button{margin-left:10px}.view-app .entry.export .export-container .export-database-form .append-date{color:#00e;cursor:pointer;font-size:90%;margin-top:5px;text-decoration:underline;text-shadow:0 0 #000}.view-app .entry.import{background:#faedea}.view-app .entry.import .import-ready{font-size:95%;position:relative;top:-2px;white-space:nowrap}.view-app .entry.import .import-ready p{margin:0}.view-app .entry.import .import-ready .import-info-box{background:hsla(0,0%,100%,.5);border:1px solid rgba(0,0,100,.5);margin:2px 5px 0;padding:5px}.view-app .entry.import .import-ready .import-info-box>p:first-child{margin:0;text-shadow:0 0 #000}.view-app .entry.import .import-ready .import-info-box p span{color:blue}.view-app .entry.import .import-ready .import-info-box .action-buttons{display:flex;flex-direction:column;justify-content:center}.view-app .entry.import .import-ready .import-info-box .action-buttons button{align-self:center;margin:8px 0 3px}.view-app .entry.import .import-ready .import-info-box .action-buttons button:first-child{margin:6px 0 0}.view-app .entry.import .error{color:red;font-size:80%;line-height:98%;margin-top:10px;text-shadow:0 0 #a00}.view-app .entry>div:first-child{padding:1px 0 0}.view-app .entry .info{background:hsla(0,0%,75%,.1);border:1px solid rgba(0,0,255,.3);margin:0 0 0 10px}.view-app .entry .info .title{-webkit-backdrop-filter:brightness(95%);backdrop-filter:brightness(95%);border-bottom:1px solid rgba(0,0,255,.2);font-size:115%;padding:1px 0 3px 8px;text-shadow:0 0 rgba(0,0,0,.8)}.view-app .entry .info .comments{padding:3px 3px 7px 10px}.view-app .entry .info .comments p{margin:5px 0}.view-app .entry .info .comments p+p{margin:8px 0 0}.top-menu-view{position:absolute;top:27px;width:100%}.top-menu-view .sticky-top{background:#ddf;border-bottom:1px solid #888;padding:3px 20px 4px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.top-menu-view .sticky-top .top{color:#000;display:flex;justify-content:space-between;position:relative;text-shadow:0 0 #000;top:4px}.top-menu-view .sticky-top .top .left-side{display:flex}.top-menu-view .sticky-top .top .left-side div:nth-child(2){color:#009;font-size:90%;margin-left:20px;margin-right:22px;position:relative;top:1px;width:130px}.top-menu-view .sticky-top .top .left-side div:nth-child(2).wider{width:180px}.top-menu-view .sticky-top .top .left-side div:nth-child(2) span{white-space:nowrap}.top-menu-view .sticky-top .top .left-side .standard-button{position:relative;top:-3px;-webkit-transform:scale(.9);transform:scale(.9)}.top-menu-view .sticky-top .top .close-x{position:relative;top:-3px}.popup-info{background:#ddd;border:1px solid rgba(0,0,0,.2);border-radius:10px;box-shadow:6px 6px 6px 3px rgba(0,0,0,.2);color:#000;max-width:700px;min-width:500px;padding:10px;pointer-events:all;position:absolute;z-index:1001}.popup-info .container{background:#eafaff;border:1px solid #abc;border-radius:8px}.popup-info .container .top{background-color:#cdf;display:flex;justify-content:space-between;padding:3px 5px 5px;-webkit-user-select:none;user-select:none}.popup-info .container .top>div:first-child{line-height:150%;text-shadow:0 0 #abc;white-space:nowrap;width:30%}.popup-info .container .top>div:nth-child(2){background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzIgMzIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIHN0eWxlPSJmaWxsOiMwMzAxMDQiIGQ9Ik0xOCAyMHY2aDRsLTYgNi02LTZoNHYtNnpNMTQgMTJWNmgtNGw2LTYgNiA2aC00djZ6TTEyIDE4SDZ2NGwtNi02IDYtNnY0aDZ6TTIwIDE0aDZ2LTRsNiA2LTYgNnYtNGgtNnoiLz48L3N2Zz4=);display:inline-block;height:28px;height:27px;text-align:center;width:30%;width:27px}.popup-info .container .top>div:nth-child(2):hover{background-color:#ff0;cursor:grab}.popup-info .container .top>div:nth-child(3){text-align:right;width:30%}.popup-info .container .grab{position:absolute;top:2px;width:100%;z-index:0}.popup-info .container .grab .grab-icon{background-color:gray;background-image:linear-gradient(#bbd,#88a 35%,#99a 55%,#444 75%);background-size:5px 5px;border:1px solid #aaa;border-radius:6px;height:25px;margin:auto;width:50px;z-index:0}.popup-info .container .content-area{padding:0 10px 0 8px}.popup-info .container .content-area.counter-margins,.popup-info .container .content-area.page-margins{text-align:center}.popup-info .container .content-area p span{text-shadow:.01rem .01rem rgba(0,0,0,.8),-.01rem -.01rem rgba(0,0,0,.8)}.popup-info .container .content-area .float-container .svg-printable-area{float:left;padding:0 10px}.popup-info .container .content-area .float-container .wrap-text a{font-size:90%}.popup-info .container .content-area.counter-size p table.table-main{background:#888;border:2px solid #888;border-radius:6px}.popup-info .container .content-area.counter-size p table.table-main th{background:#000;color:#fff;padding:2px 3px;vertical-align:top}.popup-info .container .content-area.counter-size p table.table-main th:not(:last-child){border-right:1px solid #999}.popup-info .container .content-area.counter-size p table.table-main td{vertical-align:top}.popup-info .container .content-area.counter-size p table.table-main td:not(:last-child){border-right:1px solid #888}.popup-info .container .content-area.counter-size p table.table-main table.table-sub{border-collapse:collapse}.popup-info .container .content-area.counter-size p table.table-main table.table-sub th{padding:0 5px}.popup-info .container .content-area.counter-size p table.table-main table.table-sub tbody tr:nth-child(odd){background-color:#eee}.popup-info .container .content-area.counter-size p table.table-main table.table-sub tbody tr:nth-child(2n){background-color:#fff}.popup-info .container .content-area.counter-size p table.table-main table.table-sub td{padding-top:8px;text-align:center}.popup-info .container .content-area.counter-size p table.table-main table.table-sub td .mm{font-size:90%;letter-spacing:.08rem;margin-left:1px}.popup-info .container .content-area.counter-size p table.table-main table.table-sub td>span{font-size:119%;margin-right:3px}.popup-info .container .content-area.counter-size p table.table-main table.table-sub td>span.td-span{font-size:100%;margin-left:3px}.popup-info .container .content-area.counter-size p table.table-main table.table-sub td.inch span.inch-value{position:relative;top:-2px}.popup-info .container .content-area.counter-size p table.table-main table.table-sub td div{display:inline-block;margin-right:1px;position:relative;top:-3px}.popup-info .container .content-area.counter-size p table.table-main table.table-sub td div.fraction span:first-child{font-size:85%;position:relative;top:-3px}.popup-info .container .content-area.counter-size p table.table-main table.table-sub td div.fraction span:nth-child(3){font-size:85%;position:relative;top:2px}.popup-info .container .content-area.counter-size p table.table-main .dq{font-size:110%;position:relative;top:-1px}.popup-info .container .content-area.cutting-guides .guides-graphic{font-size:110%;letter-spacing:.01rem;-webkit-user-select:none;user-select:none}.popup-info .container .content-area.cutting-guides .guides-graphic span:first-child{margin:0 25px 0 27px;text-align:center}.popup-info .container .content-area.cutting-guides .guides-graphic span:nth-child(2){margin:0 97px;text-align:center}.popup-info .container .content-area.cutting-guides .guides-graphic span:nth-child(3){margin:0 0 0 103px;text-align:center}.error-messages{background:#ddd;border:1px solid rgba(0,0,0,.2);border-radius:10px;box-shadow:6px 6px 6px 3px rgba(0,0,0,.2);color:#000;max-width:700px;min-width:500px;opacity:0;padding:10px;pointer-events:all;position:absolute;z-index:1001}.error-messages.fade-in{opacity:1;transition:opacity .2s}.error-messages .container{background:#eafaff;border:1px solid #abc;border-radius:8px}.error-messages .container .top{background-color:#cdf;display:flex;justify-content:space-between;padding:3px 5px 5px;-webkit-user-select:none;user-select:none}.error-messages .container .top>div:first-child{color:#00c;font-size:110%;font-style:italic;line-height:150%;padding-top:1px;text-shadow:0 0 rgba(0,0,255,.4);white-space:nowrap;width:30%}.error-messages .container .top>div:nth-child(2){background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzIgMzIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIHN0eWxlPSJmaWxsOiMwMzAxMDQiIGQ9Ik0xOCAyMHY2aDRsLTYgNi02LTZoNHYtNnpNMTQgMTJWNmgtNGw2LTYgNiA2aC00djZ6TTEyIDE4SDZ2NGwtNi02IDYtNnY0aDZ6TTIwIDE0aDZ2LTRsNiA2LTYgNnYtNGgtNnoiLz48L3N2Zz4=);display:inline-block;height:28px;height:27px;position:relative;width:30%;width:27px}.error-messages .container .top>div:nth-child(2):hover{background-color:#ff0;cursor:grab}.error-messages .container .top>div:nth-child(3){text-align:right;width:30%}.error-messages .container .grab{position:absolute;top:2px;width:100%;z-index:0}.error-messages .container .grab .grab-icon{background-color:gray;background-image:linear-gradient(#bbd,#88a 35%,#99a 55%,#444 75%);background-size:5px 5px;border:1px solid #aaa;border-radius:6px;height:25px;margin:auto;width:50px;z-index:0}.error-messages .container .content-area{padding:0 10px 0 8px}.error-messages .container .content-area .message-comment{font-size:110%;text-shadow:0 0 #000}.error-messages .container .content-area.counter-margins,.error-messages .container .content-area.page-margins{text-align:center}.error-messages .container .content-area p span{text-shadow:.01rem .01rem rgba(0,0,0,.8),-.01rem -.01rem rgba(0,0,0,.8)}.error-messages .container .content-area .float-container .svg-printable-area{float:left;padding:0 10px}.error-messages .container .content-area .float-container .wrap-text a{font-size:90%}.error-messages .container .content-area.counter-size p table.table-main{background:#888;border:2px solid #888;border-radius:6px}.error-messages .container .content-area.counter-size p table.table-main th{background:#000;color:#fff;padding:2px 3px;vertical-align:top}.error-messages .container .content-area.counter-size p table.table-main th:not(:last-child){border-right:1px solid #999}.error-messages .container .content-area.counter-size p table.table-main td{vertical-align:top}.error-messages .container .content-area.counter-size p table.table-main td:not(:last-child){border-right:1px solid #888}.error-messages .container .content-area.counter-size p table.table-main table.table-sub{border-collapse:collapse}.error-messages .container .content-area.counter-size p table.table-main table.table-sub th{padding:0 5px}.error-messages .container .content-area.counter-size p table.table-main table.table-sub tbody tr:nth-child(odd){background-color:#eee}.error-messages .container .content-area.counter-size p table.table-main table.table-sub tbody tr:nth-child(2n){background-color:#fff}.error-messages .container .content-area.counter-size p table.table-main table.table-sub td{padding-top:8px;text-align:center}.error-messages .container .content-area.counter-size p table.table-main table.table-sub td .mm{font-size:90%;letter-spacing:.08rem;margin-left:1px}.error-messages .container .content-area.counter-size p table.table-main table.table-sub td>span{font-size:119%;margin-right:3px}.error-messages .container .content-area.counter-size p table.table-main table.table-sub td>span.td-span{font-size:100%;margin-left:3px}.error-messages .container .content-area.counter-size p table.table-main table.table-sub td.inch span.inch-value{position:relative;top:-2px}.error-messages .container .content-area.counter-size p table.table-main table.table-sub td div{display:inline-block;margin-right:1px;position:relative;top:-3px}.error-messages .container .content-area.counter-size p table.table-main table.table-sub td div.fraction span:first-child{font-size:85%;position:relative;top:-3px}.error-messages .container .content-area.counter-size p table.table-main table.table-sub td div.fraction span:nth-child(3){font-size:85%;position:relative;top:2px}.error-messages .container .content-area.counter-size p table.table-main .dq{font-size:110%;position:relative;top:-1px}.error-messages .container .content-area.cutting-guides .guides-graphic{font-size:110%;letter-spacing:.01rem;-webkit-user-select:none;user-select:none}.error-messages .container .content-area.cutting-guides .guides-graphic span:first-child{margin:0 25px 0 27px;text-align:center}.error-messages .container .content-area.cutting-guides .guides-graphic span:nth-child(2){margin:0 97px;text-align:center}.error-messages .container .content-area.cutting-guides .guides-graphic span:nth-child(3){margin:0 0 0 103px;text-align:center}.overlay{background:rgba(0,0,0,.5);height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:1000}body{background:#000}#debug,.startup,.tt{color:#fff}.startup{background:gray;cursor:pointer;height:100vh;width:100%}.startup.anim-to-black{-webkit-animation-duration:.36s;animation-duration:.36s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:color_change;animation-name:color_change}.startup .info-container{display:flex;-webkit-transform:scale();transform:scale()}.startup .info-container .info{background:#fff;border:1px solid #000;border-radius:10px;display:inline-block;font-size:min(2.7vw,120%);margin:10% auto;padding:10px 20px 25px 10px}.startup .info-container .info p{color:#000;font-size:150%}.startup .info-container .info .centered{align-items:center;color:#00d;display:flex;font-size:130%;justify-content:center;padding-top:8px;text-shadow:0 0 #00d}.startup .info-container.anim-away{opacity:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:50% 60%;transform-origin:50% 60%;transition:opacity .33s ease-out,-webkit-transform .36s ease-in-out;transition:transform .36s ease-in-out,opacity .33s ease-out;transition:transform .36s ease-in-out,opacity .33s ease-out,-webkit-transform .36s ease-in-out}@-webkit-keyframes color_change{0%{background-color:gray}to{background-color:#000}}@keyframes color_change{0%{background-color:gray}to{background-color:#000}}.home{background:#000;position:relative}.home.home-overlay{pointer-events:none}.home .popupable{color:#fbc663;cursor:help;display:inline-block;text-shadow:0 0 #fbc663;white-space:nowrap}.home .popupable:hover{color:orange;text-shadow:0 0 orange}.home .display-none{display:none}.home .app{display:flex;flex-wrap:wrap;height:auto;width:100%}.home .app.inline{flex-wrap:nowrap}.home .app.home-overlay{overflow:hidden}.home .app table .td-cmenu .tabs{border-bottom:1px solid #999;display:flex;margin-top:5px;-webkit-user-select:none;user-select:none}.home .app table .td-cmenu .tabs .tab{border-left:1px solid #fff;border-top:1px solid #fff;border-top-left-radius:3px;border-top-right-radius:10px;margin-left:5px;overflow:hidden;padding:4px 10px 4px 8px}.home .app table .td-cmenu .tabs .tab.active{background:#00156a;border-bottom:none;border-right:1px solid #fff;box-shadow:.05rem 0 1px 1px hsla(0,0%,100%,.5);color:#fff;text-shadow:0 0 hsla(0,0%,100%,.1)}.home .app table .td-cmenu .tabs .tab.inactive{background:#000;border-left:1px solid #aaa;border-right:1px solid #aaa;border-top:1px solid #aaa;box-shadow:none;color:#999}.home .app table .td-cmenu .tabs .tab:hover{background:#ff0;border-left:1px solid #fff;border-right:1px solid fff;border-top:1px solid #fff;color:#000;cursor:pointer}.home .app table.table-column{max-width:1600px;width:100%}.home .app table.table-column td.td-cmenu{background:#000;height:100%;min-width:200px;vertical-align:top;width:30%}.home .app table.table-column td.td-cmenu .cmenu{overflow:auto;width:100%}.home .app table.table-column td.td-cdraw{background:#000;position:relative;vertical-align:top}.home .app table.table-column td.td-cdraw .cdraw{aspect-ratio:1/1;background:#000;position:relative;width:100%}.home .app table.table-inline{max-width:100%;width:100%}.home .app table.table-inline td.td-cmenu{background:#000;max-width:347px;vertical-align:top;width:347px}.home .app table.table-inline td.td-cmenu .cmenu{min-width:347px;width:347px}.home .app table.table-inline td.td-cdraw{background:#000;vertical-align:top;width:720px}.home .app table.table-inline td.td-cdraw .cdraw{aspect-ratio:1/1;position:relative}.home .app table.table-inline td.td-sheet.column{display:none}.home .app table.table-inline td.td-sheet.inline{vertical-align:top}.home .app .sheet-container{width:calc(100% - 2px)}
/*# sourceMappingURL=main.ad7ec8f2.css.map*/