@font-face{font-family:Averta-Regular;src:url("/assets/fonts/Averta/Intelligent Design - AvertaStdCY-Regular_3.otf") format("opentype")}@font-face{font-family:Averta-Bold;src:url(/assets/fonts/Averta/Intelligent%20Design%20-%20AvertaStdCY-Bold_1.otf) format("opentype")}:root{font-family:Averta-Regular}*{padding:0;margin:0;box-sizing:border-box;font-family:Averta-Regular;-webkit-user-select:none;user-select:none}*::-webkit-scrollbar{width:10px}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}#app{margin:0 auto;padding:0;text-align:center}@font-face{font-family:Helvetica-Regular;src:url(/assets/font/Helvetica/Helvetica.ttf)}@font-face{font-family:Helvetica-Bold;src:url(/assets/font/Helvetica/Helvetica-Bold.ttf)}[data-v-314d6a60]:root{--font-helvetica-regular: Helvetica-Regular;--font-helvetica-bold: Helvetica-Bold}.app[data-v-314d6a60]{overflow:hidden}.main[data-v-314d6a60]{display:flex}.header[data-v-314d6a60]{text-align:center;width:295px;background-color:#fff;height:100vh;padding:28px;box-shadow:12px 4px 33.8px #0000001f}.header img.logo[data-v-314d6a60]{margin-top:24px;width:150px}.header .title h3[data-v-314d6a60],.header .title h4[data-v-314d6a60]{font-family:var(--font-helvetica-regular);color:#144e8c;text-transform:uppercase;text-align:center}.header .title h3[data-v-314d6a60]{margin-top:24px;font-size:27px;font-family:var(--font-helvetica-bold)}.header .title h4[data-v-314d6a60]{margin-top:12px;font-size:20px}.bee[data-v-314d6a60]{width:294px;margin-top:60px}.canvas-slot[data-v-314d6a60]{width:calc(100% - 80px);background-size:cover;background-position:0 20px;height:1080px;overflow-y:scroll;background-image:url(/assets/images/page.png);margin-left:14px}.controls[data-v-314d6a60]{height:700px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;margin-top:60px}.controls button[data-v-314d6a60]{width:240px;height:60px;display:flex;align-items:center;justify-content:center;font-size:28px;gap:10px;border-radius:4px;background-color:#f6f6f6;border:none!important}.controls button label[data-v-314d6a60]{font-family:var(--font-helvetica-bold);margin-bottom:3px}.controls button#pen[data-v-314d6a60]{color:#000;border-radius:4px}.controls button#eraser[data-v-314d6a60]{color:#000}.controls button#draft[data-v-314d6a60]{color:#000;border-radius:4px}.controls button#save[data-v-314d6a60]{color:#000;background-color:#ffc502}.controls button#cancel[data-v-314d6a60]{color:#c82727;background-color:transparent;border:2px solid #C82727!important;border-radius:4px}.controls .color-picker[data-v-314d6a60]{width:240px;border-radius:4px;border:2px solid #144E8C;padding:10px;display:flex;align-items:center;justify-content:center;gap:10px;flex-direction:column}.controls .color-picker label[data-v-314d6a60]{font-size:20px}.controls .color-picker input[data-v-314d6a60]{width:100px;height:60px;border:1px solid #0000001F;padding:1px 2px;outline:none}input[type=color][data-v-314d6a60]::-webkit-color-swatch-wrapper{padding:4px 0}input[type=color][data-v-314d6a60]::-webkit-color-swatch{border:none;border-radius:4px}.controls .color-picker input[data-v-314d6a60]:focus-visible{width:100px;height:60px;border:none;border-radius:16px}.controls button.active[data-v-314d6a60]{color:#000!important;background-color:#fff8cc!important;border-radius:4px!important}.confirm-box[data-v-314d6a60]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center}.confirm-box .confirm-header[data-v-314d6a60]{width:394px;height:400px;border-radius:8px;padding-top:30px;padding-bottom:30px;background-image:url(/assets/images/vnp-save-bg.svg);background-position:center;background-size:cover;display:flex;justify-content:center;flex-direction:column;align-items:center}.confirm-box .confirm-header img[data-v-314d6a60]{width:36px;margin-bottom:26px}.confirm-box .confirm-header h3[data-v-314d6a60]{font-size:22px;font-family:var(--font-helvetica-bold);color:#2f2e2d}.confirm-box .confirm-header h4[data-v-314d6a60]{font-size:16px;color:#9b9b9b;font-family:var(--font-helvetica-regular);font-weight:400;margin-top:8px;width:320px}.confirm-box .confirm-button[data-v-314d6a60]{display:flex;align-items:center;flex-direction:column;justify-content:center;margin-top:16px;gap:16px}.confirm-box .confirm-button button[data-v-314d6a60]{display:flex;align-items:center;justify-content:center;width:320px;height:50px;font-family:var(--font-helvetica-regular);font-weight:400;border-radius:4px;font-size:18px;color:#000}.confirm-box .confirm-button button[data-v-314d6a60]:first-child{background-color:#ffc502;border:none}.confirm-box .confirm-button button[data-v-314d6a60]:nth-child(2){background-color:#fff8cc;border:none}.confirm-box .confirm-button button[data-v-314d6a60]:last-child{background-color:#f6f6f6;border:none}.success-box .confirm-header img[data-v-314d6a60],.cancel-box .confirm-header img[data-v-314d6a60]{width:80px}.list-draft-box[data-v-314d6a60]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:100px}.list-draft-box .list-draft[data-v-314d6a60]{width:100%;height:100%}.list-draft-box .list-draft .list-draft-item[data-v-314d6a60]{height:calc(100% - 100px);display:flex;flex-wrap:wrap;justify-content:center;gap:20px;overflow:auto;padding:40px}.draft-item[data-v-314d6a60]{background-color:#fff;height:fit-content}.draft-item h4[data-v-314d6a60]{padding:20px}.draft-item img[data-v-314d6a60]{width:250px;height:160px;object-fit:contain}.exit-draft-list[data-v-314d6a60]{height:fit-content;display:flex;justify-content:center;align-items:center;margin-top:20px}.exit-draft-list button[data-v-314d6a60]{width:360px;height:50px;background-color:#ffc502;border-radius:4px;display:flex;justify-content:center;align-items:center;border:none;font-size:20px}.waiting-screen[data-v-314d6a60]{position:absolute;z-index:1000;top:0;left:0;width:100%;height:100%;background-image:url(/assets/images/waiting-screen.jpg);display:flex;align-items:center;justify-content:center}.waiting-screen img[data-v-314d6a60]{background-color:#000;padding:50px;border-radius:100px;box-shadow:0 0 100px #000d;animation:fade-314d6a60 3s infinite linear}@keyframes fade-314d6a60{0%{opacity:.3}to{opacity:.8}}.loader[data-v-314d6a60]{position:fixed;left:calc(50% - 25px);top:calc(50% - 25px);z-index:1000;width:50px;padding:8px;aspect-ratio:1;border-radius:50%;background:#144e8c;--_m: conic-gradient(#0000 10%, #000), linear-gradient(#000 0 0) content-box;-webkit-mask:var(--_m);mask:var(--_m);-webkit-mask-composite:source-out;mask-composite:subtract;animation:rotate-314d6a60 1s infinite linear}@keyframes rotate-314d6a60{to{transform:rotate(1turn)}}