#canvas{margin:155px 0 0;width:calc(100vw - 300px);height:calc(100vh - 155px);overflow:hidden;position:relative}@media(max-width:768px){#canvas{width:100vw;height:100vh}}.canvas__container{position:relative;width:100%;height:100%;z-index:40}.canvas{width:100%;height:100%;image-rendering:-webkit-crisp-edges;image-rendering:pixelated;-ms-interpolation-mode:nearest-neighbor;-o-object-fit:contain;object-fit:contain;overflow-clip-margin:content-box;overflow:clip}.canvas,.circle-overlay{top:0;left:0;position:absolute}.circle-overlay{border:1px solid rgba(0,0,0,.7);box-shadow:0 0 0 1px hsla(0,0%,100%,.7);border-radius:50%;pointer-events:none;z-index:100;background:hsla(0,0%,100%,.1)}.user-cursor{position:absolute;top:0;left:50%;width:20px;height:20px;pointer-events:none;display:flex;align-items:center;justify-content:center;font-size:12px;color:#a8a7a7;white-space:nowrap;z-index:99999}.user-cursor:before{content:"";position:absolute;top:0;left:50%;width:0;height:0;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:10px solid rgba(0,0,0,.3)}input[type=color]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:40px;height:26px;padding:0;border-radius:3px;background-color:#fff;cursor:pointer}input[type=color]::-webkit-color-swatch{border-radius:3px;border:none}input[type=color]::-moz-color-swatch{border-radius:3px;border:none}.dashed-border{border:2px dashed #000;padding:10px}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.cursor-nwse-resize{cursor:nwse-resize}.cursor-nesw-resize{cursor:nesw-resize}.cursor-ew-resize{cursor:ew-resize}.cursor-ns-resize{cursor:ns-resize}.cursor-alias{cursor:alias}.cursor-auto{cursor:auto}.cursor-none{cursor:none}.square{display:block;width:5px;height:5px;border:1px solid #000;box-shadow:0 0 0 1px hsla(0,0%,100%,.7)}.image-container,.square{position:absolute;top:0;left:0;pointer-events:none}.image-container{border:1px dashed #000}.image-container:after{content:"";position:absolute;top:1px;left:1px;right:1px;bottom:1px;border:1px dashed #fff}#vline{width:2px;background:#000;border-right:1px solid #fff;position:absolute;top:0;left:0;visibility:visible;animation:fadeInOut 1s ease infinite}@keyframes fadeInOut{0%,50%,to{visibility:visible}51%,99%{visibility:hidden}}.admin_panel{transform:translateX(-100%)}.admin_panel,.toolbar-setting{transition:transform .3s ease-out}.toolbar-setting{z-index:10;transform:translateX(100%)}.admin_panel.open,.toolbar-setting.open{transform:translateX(0)}