.overlay-bg,.overlay-fg,nav{position:fixed}.hide,svg foreignObject,svg foreignObject canvas{pointer-events:none}nav,timeout{height:30px}.btn-active,send{background-color:#fff}mabtn,send{text-align:center;float:left}colors,colors color,mabtn,send,timeout{float:left}.overlay-bg,darkener,menu{left:0;width:100%}#debug,#markerLib,darkener,menu,opts{position:absolute}#overlay,opts{transition:opacity 1s}#flag-panel,#flag-panel button,body,opts,threedots{background-color:#222}body{margin:0;overflow:hidden}#debug{top:0;left:0;background-color:rgba(255,255,255,.5);color:#000}.overlay-bg.hidden,.overlay-fg.hidden,.svghide{opacity:0}svg g{transition:opacity .5s}.hair{stroke-width:var(--onepx)}.twohair{stroke-width:calc(var(--onepx) * 2)}.fourhair{stroke-width:calc(var(--onepx) * 4)}.eighthair{stroke-width:calc(var(--onepx) * 8)}#btn_draw,#btn_marker,.btn_dropdown{cursor:pointer;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;padding:.1em;border:1px solid #000;margin:1px;width:40px}send,threedots{padding:.7em;user-select:none;display:block;cursor:pointer;margin-top:.5em}.draw-hard{fill:none;stroke:black}nav{transition:top .5s;top:0;right:0;display:block}nav.hidden{top:-3em}.overlay-bg{background-color:rgba(0,0,0,.5);transition:opacity .8s;top:0;height:100%}.overlay-fg,opts{top:50%;padding:1em}.overlay-fg{transition:opacity .5s;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:grey;border:2px solid #fff;border-radius:2px}send.dark,threedots{border:3px solid #fff;color:#fff}path.hard{fill:none;fill-opacity:1;stroke:#000000;stroke-width:calc(8 * var(--onepx));stroke-opacity:1}g.marker>g{transform:scale(var(--onepx))}.hide{opacity:0!important}#markerLib{top:1em;left:1em;max-width:320px;max-height:calc(100vh - 2em)}#markerLib input{width:100%;display:block;float:left}mabtn{display:block;width:33%;background-color:var(--bg_col)}mabtn svg{max-height:40px}menu{margin:0;height:60px;bottom:-150px;transition:bottom 2s;background-color:#222;border-top:2px solid #fff}menu.open{bottom:0!important}colors{margin-top:1em;display:block}colors color{display:block;width:30px;height:30px;border:1px solid #000;cursor:pointer}timeout{display:block;width:150px;margin-top:1.2em;margin-lefT:2em;color:#fff}send{border:3px solid #000;color:#000;width:250px;margin-left:.5em}threedots{float:right;margin-right:80px}darkener{background-color:rgba(0,0,0,.7);height:100vh;display:block;top:0;opacity:1;transition:opacity 2s}opts{display:block;width:400px;left:calc(50% - 200px);border:2px solid #fff;color:#fff;border-radius:1em}#overlay{opacity:.5}#flag-panel{margin-bottom:65px;font-size:135%;color:#fff}#flag-panel button{font-size:75%;color:#fff;border:0;margin-bottom:6px;cursor:pointer}opts div{margin-top:.5em}.vanish{transition:opacity 3s}