@import"https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap";body{background-color:#262626;color:#262626;font-family:Lato,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Verdana,sans-serif;font-size:12px;font-size:clamp(9px,2.4vw,20px);margin:0;padding:0}html,body,.container{height:100%;width:100%}.container{align-items:center;display:flex;justify-content:center}.canvas-container{position:absolute!important}#BaseQBoard{box-shadow:#121212 0 0 1em .5em}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;border-radius:.25em;box-sizing:border-box;cursor:pointer;font:inherit;height:1.5em;padding:.15em .27em .4em;text-align:center;text-decoration:none;vertical-align:baseline;width:1.5em}button.active{background-color:#aaa8}button:hover{background-color:#aaad}button.disabled{color:#26262699}button.inactive,button.disabled:hover{background-color:transparent}button.active,button.inactive,button.disabled:hover{cursor:unset}button:focus{outline:none}.__react_component_tooltip{background-color:#aaa;font-size:1em;padding:.25em .5em;transition:opacity .2s}.__react_component_tooltip.show{opacity:1}.button-row{position:relative}.button-row .button-row-inner{background:#edeff0;display:flex;flex-direction:row;left:0;padding:.25em .25em .25em 0;position:relative;top:0}.button-row.vertical .button-row-inner{flex-direction:column;padding:0}.button-row.button-row-hover .button-row-inner{display:none;left:calc(50% + .8em);position:absolute;top:-.25em}.button-row.button-row-hover:hover .button-row-inner{display:flex}.overlay{left:0;opacity:.5;position:absolute;top:0;transition:opacity .2s;-webkit-user-select:none;user-select:none}.overlay:hover{opacity:.9;transition:opacity .2s}.overlay.visibility-2{display:grid;grid-template-columns:1fr 1fr}.overlay.visibility-1{display:flex;flex-direction:row}.overlay.visibility-0{display:none}.overlay>div{background:#edeff0;padding:.25em}.drop-area{height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.drop-area.active{background:#526e88}.overlay .pagination form{display:inline}.overlay .pagination input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#f0f0f0;border:none;box-sizing:border-box;font:inherit;height:1em;margin:0;padding:0;text-align:right;vertical-align:baseline;width:.6em}.overlay .pagination.visibility-2{grid-column:1/3}.overlay .pagination.visibility-1{box-sizing:border-box;height:1.8em;padding:.25em 0}.overlay .pagination.visibility-1 button{display:none}.overlay .pagination.visibility-1 .total-pages{margin-right:.25em}.overlay .undoredo{display:flex;justify-content:space-between;padding:0 .25em}.overlay .undoredo button{width:100%}.overlay .undoredo.visibility-2{grid-column:1/3}.overlay .undoredo.visibility-1{display:none}.overlay .toolbar{display:flex;flex-direction:column;padding:0 0 .25em .25em}.overlay .toolbar button{width:100%}.overlay .toolbar.visibility-1{border-bottom-right-radius:0;box-sizing:border-box;height:1.8em;order:-1;padding:.1em;text-align:center;width:1.8em}.overlay .toolbar.visibility-1 button:not(.active){display:none}.overlay .toolbar.visibility-1 button.active{background-color:transparent;cursor:unset}.overlay .stylebar{display:flex;flex-direction:column;padding:0 .25em .25em 0}.overlay .stylebar input{display:none}.overlay .stylebar button{width:100%}.overlay .stylebar.visibility-1{display:flex;flex-direction:row;padding:.1em .15em .1em 0}.overlay .stylebar.visibility-1 button{padding:.15em .2em .4em}.overlay .stylebar.visibility-1>button,.overlay .stylebar.visibility-1 .file-actions,.overlay .stylebar.visibility-1 .other-actions,.overlay .stylebar.visibility-1 .mobile-actions,.overlay .stylebar.visibility-1 .button-row:hover .button-row-inner{display:none}.modal{top:.5em;right:1em;bottom:.5em;left:1em;outline:none;position:absolute}.modal p{margin:0 0 .5em}.modal a{color:#4a91c2;text-decoration:none}.modal a:hover{color:#00c3ff}.modal a:hover[href],.modal a:hover[tabindex]{cursor:pointer}.modal button{background:#ddd;margin:0 .25em;width:initial}.modal button.active{background:#c4c4c4}.modal button:hover{background:#b0b0b0}.modal .close{background:transparent;color:#888;padding:0;position:absolute;right:-.25em;top:0}.modal .close:hover{background:transparent;color:#444}.modal img{width:100%}.modal-overlay{inset:calc(max(50%,var(--height) / 2) - var(--height) / 2 + 2em) calc(max(50%,var(--width) / 2) - var(--width) / 2 + 2em);overflow-y:auto;position:fixed}.modal-overlay.help-modal{--height: 26.5em;--width: 57.2em;background:#f8f8f8}.modal-overlay.binding-modal{--height: 22.5em;--width: 36em;background:#ededed}.binding-modal .binding{font-weight:700;text-transform:capitalize}.binding-modal .tools{display:grid;gap:.25em;grid-template-columns:repeat(auto-fill,minmax(7em,1fr))}.binding-modal button{margin:0;position:relative;text-align:left}.binding-modal button span{left:1.5em;position:absolute;top:.1em}.binding-modal svg{height:1em!important}.binding-modal button>div{display:inline;margin-right:1.25em!important;top:.1em}.bindings{margin-bottom:.5em}.bindings .row{display:flex}.bindings .row.left{justify-content:flex-end}.bindings .key{background-color:transparent;border:2px solid #ccc;border-radius:.3em;box-sizing:content-box;height:4.5rem;margin:.25em;padding:0;position:relative;width:4.5rem}.bindings .key.held{background-color:#ddd8}.bindings .key .letter{color:#777;font-size:.9em;left:.25em;position:absolute;text-transform:capitalize;top:.25em}.bindings .key .action{bottom:.1rem;color:#444;font-size:.9em;position:absolute;right:.3rem;text-align:right;width:4rem}.bindings .key i{display:block;font-size:1.1em;margin-bottom:.1em}.bindings .key i.fa-minus{bottom:1.1em;position:absolute;right:0}.bindings .key svg{bottom:1.35em;position:absolute;right:0}.bindings .key .action>div{bottom:1.7em!important;position:absolute!important;right:0!important}.bindings .key .unassigned{color:#777;font-weight:400}.bindings button.key:hover{background:#ddd}.context-menu{background-color:#edeff0;border-radius:.25em;padding:.25em;position:absolute}.context-menu button{margin:0 .1em;opacity:.5}.context-menu button.active{background:none;border-bottom:1px solid #262626;border-radius:0}.context-menu button.active,.context-menu button:hover{opacity:1}.context-menu .__react_component_tooltip{display:none}