.canvas-page[data-v-ab9c8f70]{padding:0;margin:0;font-size:0;width:100%;display:flex;background-color:#fff}canvas[data-v-ab9c8f70]{box-shadow:0 0 6px 0 #999;transform-origin:left top}.tool-bar[data-v-ab9c8f70]{position:fixed;left:50%;transform:translateX(-50%);bottom:0;font-size:14px;display:inline-flex;align-items:center;justify-content:center;width:152px;transition:all .3s;transform-origin:center}.hideBar[data-v-ab9c8f70]{bottom:-14px;transform:scale(.8) translateX(-60%)}.tool-bar>.tool-item[data-v-ab9c8f70]{margin:12px;cursor:pointer;position:relative}.color-circle[data-v-ab9c8f70]{width:16px;height:16px;margin:5px;border:2px solid #fff;border-radius:50%;display:inline-block}.curr-circle[data-v-ab9c8f70]{width:10px;height:10px;border-width:5px}.icon[data-v-ab9c8f70]{width:30px;height:30px;display:inline-block;background-size:100% 100%;background-repeat:no-repeat}.icon.active[data-v-ab9c8f70]{opacity:1;background-color:#ededed}.pen-icon[data-v-ab9c8f70]{background-image:url(data:image/png;base64,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)}.eraser-icon[data-v-ab9c8f70]{background-image:url(data:image/png;base64,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);background-size:90% 90%}.options[data-v-ab9c8f70]{position:absolute;top:-50px;width:100%;transform:translateX(calc(-50% + 14px));border-radius:4px;border:1px solid #999;display:flex;justify-content:center;align-items:center}.pen-width[data-v-ab9c8f70]{width:30px;border-radius:4px;background-color:#191919;margin:10px 4px}.curr-pen[data-v-ab9c8f70]{background-color:#ededed}.clear[data-v-ab9c8f70]{padding:3px 5px;width:50px}.close[data-v-ab9c8f70]{width:20px;height:10px;display:inline-block;background-size:100% 100%;background-repeat:no-repeat;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGsAAABACAYAAAAd1In5AAAEYUlEQVR4Xu2cOYsUQRiGH/+CiSCYiSCIiYKRoKGBZt73fd/3fd/3vd73HQgGxmouaCAoGJhpIvgT5N2ZWWZ3Z6ePr7q7arbecOer6ur32R7me7u6hxAVjANDgllpXCgRVkD/BK1gTQcmAOOAX8Bv4D7wM6DzCnGpzb5/BL4Cb5tPpBnWMOAqoEF99Qc4Uf88RCN8XvM0YDMwqcUiPwCTG39vwBoK/E1xRoeBQynqYkk6B2YArxJKvwFjVNOA9Q6Ymm5+IrCURiWUzQReppxqNdAlWKOAHykHNcoisIyG9SmfBbzIMMV3YLRgzQWeZhgYgeUwq2nIbOB5jilGCtYi4EGOwRoSr7Bsxs0BnmUb0lM9XrDG1n8m5pwjAktpXN5vsMb0wxs/MD4BE1MetFVZvMLamzcPeGLw9zPQfWVJU4D3hsniV+LA5s0HHhu9XQncbm6K1T8dNE4ar7DeBi4AHhk9fQOoH+uXDUZgRmebhi8EHhqnew2oH+tWq2wwAjM6bPyF3Ti6kg31Yz0aKHWPwPIDW1wPvvPPUEs21I/1UrtbJBFYdruXAPeyD+s1QsmG+rF+SrqfFYGld34pcDd9ectKJRvqx1oqCZYGRWDJBJYBd5LL2lYo2VA/NqDSwIrA2lNYrh7ICErZrPqxtkoLKwJrbeMK4FaSyQmfK9lQP5aoLLAisN52KlXoSnS4fYGSDfVjqZQVVgRWs3UVcDOVwwMXZQKlafLAGuzAdNf2hhGUIijdmsqkvLAGK7A1wPVMDvcvVgSlxjmzLLBcAVNroADYd60FrhkXqZu8apxzyQprsABb52AbnvZeqnHOLRewOh3YeuBKbodrAxVBqXE2yRWsTgW2AbhscrgWQalxNsslrE4DthG4ZHRYEZQaZydyDatTgG0CLhodVgSlxtmZioAVOjDtO79gdFgRlBpnpyoKVqjAtgDnjQ4rglLj7FxFwgoN2FbgnNFhRVBqnAtR0bBCAbYNOGt0WBGUGufCVAYs34FtB84YHS4clNZXFixXwFzvS9wBnDaCUlaohKNwlQnLN2A7gVNGh5UVKuEoRWXD8gXYLuCk0WE90quEozRVAatqYLvrz0dbTFZWqISjVFUFqypge4DjRoeVFSrhKF1Vwiob2F7gmNFhZYVKOCpR1bDKArYPOGp0WFmhEo7K5AOsooHtB44YHVZWqISjUvkCqyhgBxxsGVBWqISjcvkEyzUwPRhofcGKskIlHF7IN1gugVmf4lRWqITDG/kIyxUwi8nKCpVweCVfYVUJzEtQMsRnWFUAU6irKMpL+Q6rTGAKdRVFeasQYJUBTKGuoiivFQqsIoHppZeKorxXSLCKAKZQV1FUEAoNlktgCnUVRQWjEGG5AKZQV1FUUAoVlgWYQl1rulEJ5JBh5QHmesNNqdBChyWztLNIGd6INs79q6fv1gcNSoXT92CdAEvnJFAC1v1K7T5qgPpSqdMODt4psBxY4f8UEZb/jHpWGGEFBOs/lwjQsMp0jTgAAAAASUVORK5CYII=);opacity:.8;margin:6px 3px}.common-share[data-v-ab9c8f70]{position:fixed;top:8px;left:8px;font-size:24px;cursor:pointer}.edit-switch[data-v-ab9c8f70]{position:fixed;top:8px;right:8px;font-size:14px;display:flex;align-items:center}.edit-switch>span[data-v-ab9c8f70]{margin-right:8px}.home[data-v-1ead4cbe]{height:200px;display:flex;justify-content:center}.button[data-v-1ead4cbe]{width:200px;display:flex;justify-content:center;align-items:center;margin:8px;border:1px solid #6495ed;font-size:18px;color:#333}