body,html{height:100%;width:100%;top:0;left:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow:hidden}a{color:inherit;text-decoration:none}*{box-sizing:border-box}.toolbar{background-color:#f1f1f1;padding:20px;height:100vh}.toolbar .preview{width:162px;height:162px;border:2px solid #000;position:relative}.toolbar .preview__brush{position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);border-radius:100%}.toolbar .preview__fill{border-radius:0!important}.toolbar .tool-section{padding-bottom:.5rem;max-width:162px}.toolbar .btn--bottom{position:absolute;bottom:25px;display:flex;flex-direction:column;width:162px}.toolbar .btn{display:inline-flex;cursor:pointer;justify-content:center;align-items:center;border:0;outline:0;border-radius:0;text-decoration:none;padding:.5em;color:#1d1d1d;color:var(--color-text);background-color:#bbb;height:45px}.toolbar .btn--main{background-color:#80bdff;margin-bottom:.75rem}.toolbar .btn--block{display:flex;width:100%}.toolbar .btn--tool{background-color:#c1c1c1;width:100%;height:100%;padding:4 8px 8px}.toolbar .active{background-color:#80bdff}.toolbar .btn--color{border:none;width:100%;height:28px;padding:0;cursor:pointer}.toolbar .tool-section-button{position:fixed;left:133px;bottom:0;transform:translate(-50%,-50%);margin:0 auto}.toolbar .tool-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr;grid-gap:.25rem;margin-bottom:.5em}.toolbar .tool-section--lrg{padding-bottom:1rem}.toolbar .color-picker,.toolbar .color-picker:focus{width:162px}.container{display:flex;width:2000px;height:100vh}.container .draw-board{width:100%;height:100%}.container .draw-board .board{width:100%;height:100%;background:#fff}[disabled],[disabled]+label{opacity:.6;cursor:not-allowed}.position{background:rgba(0,0,0,.452);position:fixed;color:#fff;font-size:20px;margin:0;bottom:0;right:0;width:150px;text-align:center;pointer-events:none}.hide{display:none}