[data-v-6b10fdb7]{margin:0;padding:0;moz-user-select:-moz-none;-moz-user-select:none;-o-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.signature .canvas-container[data-v-6b10fdb7],canvas[data-v-6b10fdb7]{width:100%;height:calc(100vh - 2rem)}canvas[data-v-6b10fdb7]{position:absolute;top:0;left:0;display:block;background:#f8f8f8;touch-action:none}.controls[data-v-6b10fdb7]{margin:.4rem 0;padding-right:1rem;display:flex;gap:15px;justify-content:flex-end}.controls .clear[data-v-6b10fdb7]{background:#f4f7ff;color:#93b6fc;border:1px dashed #dcdfe6}.controls button[data-v-6b10fdb7]{height:1.2rem;padding:0 1rem;border:none;border-radius:.1rem;background:#07c;color:#fff;font-size:.5rem}.preview[data-v-6b10fdb7]{margin-top:20px;text-align:center}.preview img[data-v-6b10fdb7]{max-width:80%;border:1px dashed #ccc}@media screen and (min-width:768px){.signature[data-v-6b10fdb7]{width:414px;min-width:414px;max-width:414px;min-height:100vh;margin:0 auto}.signature .canvas-container[data-v-6b10fdb7],canvas[data-v-6b10fdb7]{height:calc(100vh - 32px)}.controls[data-v-6b10fdb7]{margin:6px 0;padding-right:16px}.controls button[data-v-6b10fdb7]{height:19px;padding:0 16px;border-radius:2px;font-size:8px}}