#root,body{height:100%}body{background-color:#202346;color:#fff;font-family:Gilroy}@font-face{font-family:Gilroy;src:url(/static/media/Gilroy-Bold.3cf0ee27.ttf)}.file-drop{position:relative;height:100px;width:100%;border-radius:20px;border:1px dashed #ccc}.file-drop>.file-drop-target{position:absolute;top:0;left:0;height:100%;width:100%;border-radius:2px;display:flex;display:-ms-flexbox;flex-direction:column;align-items:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;justify-content:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;align-content:center;-webkit-align-content:center;-ms-flex-line-pack:center;text-align:center}.file-drop>.file-drop-target.file-drop-dragging-over-target{color:#ff6e40;border-radius:20px;box-shadow:0 0 13px 3px #ff6e40}.canvas{display:flex;justify-content:center;align-items:center;-webkit-transform:translateZ(0);transform:translateZ(0)}.canvas .joint-paper{top:50%;left:50%;border:1px solid #e2e2e2}.toolbar{display:flex;position:absolute;width:100%;top:18px;text-align:center;justify-content:center;z-index:1}.toolbar-button{outline:none;background:#fff;border:1px solid #e0e0e0;border-radius:16px;text-align:center;font-family:sans-serif;font-size:12px;padding:6px 12px;letter-spacing:.25px;color:#222;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none;margin:0 2px}.toolbar-button:hover{background:#f7f8f9}