@import "https://fonts.googleapis.com/css2?family=Tinos:opsz,wght@8..144,100..1000&display=swap";*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;outline:none;margin:0;padding:0;font-family:Tinos,sans-serif}body{color:#505050;font-size:14px}::-webkit-scrollbar{border-radius:2px;width:2px;height:2px}::-webkit-scrollbar-track{background-color:#efefef;border-radius:2px}::-webkit-scrollbar-thumb{background-color:#12aaeb;border-radius:2px}button{border:none}button,a{cursor:pointer}.swal2-popup .btn-confirm{color:#fff;background-color:#12aaeb;border:none;border-radius:20px;justify-content:center;align-items:center;height:40px;padding:0 20px;font-size:16px;transition:transform .1s linear;display:flex}.swal2-popup .btn-confirm:hover{transform:translateY(-4px);box-shadow:2px 2px 10px #0000001a}.swal2-popup .btn-cancel{color:#fff;background-color:#666;border:none;border-radius:20px;justify-content:center;align-items:center;height:40px;padding:0 20px;font-size:16px;transition:transform .1s linear;display:flex}.swal2-popup .btn-cancel:hover{transform:translateY(-4px);box-shadow:2px 2px 10px #0000001a}.mr10{margin-right:10px}.swal2-title{color:#000;padding-bottom:10px;font-size:22px!important;font-weight:400!important}.swal2-actions .swal2-confirm{margin-right:10px}.swal2-html-container{line-height:1.4}#full-page{z-index:0;width:100%;height:100%;position:fixed;top:0;left:-100000px}.cropper-item{background-color:#0009;width:100%;height:100vh;top:0;left:0;z-index:2000!important;position:fixed!important}.cropper-item .cropper-box{margin-top:120px}.cropper-item .cropper-point{background-color:#f6c90e}.cropper-item .cropper-point.point-se{border-radius:100%;box-shadow:0 3px 6px #0003}.cropper-item .buttons{justify-content:center;align-items:center;gap:20px;margin:20px;display:flex}.cropper-item .buttons .btn{border-radius:30px;justify-content:center;align-items:center;height:30px;padding:0 20px;font-size:16px;display:flex}.cropper-item .buttons .btn-ok{transition:transform .1s linear}.cropper-item .buttons .btn-ok:hover{transform:translateY(-4px);box-shadow:2px 2px 10px #0000001a}.cropper-item .buttons .btn-ok{color:#fff;background-color:#12aaeb}.cropper-item .buttons .btn-cancel{transition:transform .1s linear}.cropper-item .buttons .btn-cancel:hover{transform:translateY(-4px);box-shadow:2px 2px 10px #0000001a}.cropper-item .buttons .btn-cancel{color:#fff;background-color:#333}.swal2-top-end .swal2-title{padding-top:3px!important;font-size:16px!important;font-weight:400!important}.vue-slider-rail{height:4px}.vue-slider-process{background-color:#12aaeb!important}.vue-slider-dot-handle{border-color:#12aaeb!important}.resize-observer[data-v-b329ee4c]{z-index:-1;pointer-events:none;opacity:0;background-color:#0000;border:none;width:100%;height:100%;display:block;position:absolute;top:0;left:0;overflow:hidden}.resize-observer[data-v-b329ee4c] object{pointer-events:none;z-index:-1;width:100%;height:100%;display:block;position:absolute;top:0;left:0;overflow:hidden}.v-popper__popper{z-index:10000;outline:none;top:0;left:0}.v-popper__popper.v-popper__popper--hidden{visibility:hidden;opacity:0;pointer-events:none;transition:opacity .15s,visibility .15s}.v-popper__popper.v-popper__popper--shown{visibility:visible;opacity:1;transition:opacity .15s}.v-popper__popper.v-popper__popper--skip-transition,.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper{transition:none!important}.v-popper__backdrop{width:100%;height:100%;display:none;position:absolute;top:0;left:0}.v-popper__inner{box-sizing:border-box;position:relative;overflow-y:auto}.v-popper__inner>div{z-index:1;max-width:inherit;max-height:inherit;position:relative}.v-popper__arrow-container{width:10px;height:10px;position:absolute}.v-popper__popper--arrow-overflow .v-popper__arrow-container,.v-popper__popper--no-positioning .v-popper__arrow-container{display:none}.v-popper__arrow-inner,.v-popper__arrow-outer{border-style:solid;width:0;height:0;position:absolute;top:0;left:0}.v-popper__arrow-inner{visibility:hidden;border-width:7px}.v-popper__arrow-outer{border-width:6px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{left:-2px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{left:-1px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{border-bottom-width:0;border-bottom-color:#0000!important;border-left-color:#0000!important;border-right-color:#0000!important}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container{top:0}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{border-top-width:0;border-top-color:#0000!important;border-left-color:#0000!important;border-right-color:#0000!important}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{top:-4px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{top:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{top:-1px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{border-left-width:0;border-top-color:#0000!important;border-bottom-color:#0000!important;border-left-color:#0000!important}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{left:-4px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{left:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container{right:-10px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{border-right-width:0;border-top-color:#0000!important;border-bottom-color:#0000!important;border-right-color:#0000!important}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{left:-2px}.v-popper--theme-tooltip .v-popper__inner{color:#fff;background:#000c;border-radius:6px;padding:7px 12px 6px}.v-popper--theme-tooltip .v-popper__arrow-outer{border-color:#000c}.v-popper--theme-dropdown .v-popper__inner{color:#000;background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 6px 30px #0000001a}.v-popper--theme-dropdown .v-popper__arrow-inner{visibility:visible;border-color:#fff}.v-popper--theme-dropdown .v-popper__arrow-outer{border-color:#ddd}.vue-slider-disabled .vue-slider-process{background-color:#a7a7a7}.vue-slider-disabled .vue-slider-dot-handle{border-color:#a7a7a7}.vue-slider-disabled .vue-slider-mark-step-active{box-shadow:0 0 0 2px #a7a7a7}.vue-slider-rail{background-color:#f5f5f5;border-radius:15px;transition:background-color .3s}.vue-slider:hover .vue-slider-rail{background-color:#e1e1e1}.vue-slider-process{background-color:#9cd5ff;border-radius:15px;transition:background-color .3s}.vue-slider:hover .vue-slider-process{background-color:#69c0ff}.vue-slider-mark-step{background-color:#fff;border-radius:50%;width:100%;height:100%;box-shadow:0 0 0 2px #e8e8e8}.vue-slider-mark-step-active{box-shadow:0 0 0 2px #9cd5ff}.vue-slider:hover .vue-slider-mark-step-active{box-shadow:0 0 0 2px #69c0ff}.vue-slider-mark-label{white-space:nowrap;font-size:12px}.vue-slider-dot-handle{cursor:pointer;box-sizing:border-box;background-color:#fff;border:2px solid #9cd5ff;border-radius:50%;width:100%;height:100%;transition:box-shadow .3s,border-color .3s}.vue-slider:hover .vue-slider-dot-handle{border-color:#69c0ff}.vue-slider-dot-handle-focus{border-color:#36abff;box-shadow:0 0 0 5px #36abff33}.vue-slider:hover .vue-slider-dot-handle-focus,.vue-slider-dot-handle:hover,.vue-slider:hover .vue-slider-dot-handle:hover{border-color:#36abff}.vue-slider-dot-handle-disabled{cursor:not-allowed;border-color:#ddd!important}.vue-slider-dot-tooltip{opacity:0;visibility:hidden;transition:all .3s}.vue-slider-dot-tooltip-inner{white-space:nowrap;color:#fff;background-color:#000000bf;border-color:#000000bf;border-radius:5px;padding:6px 8px;font-size:14px;transition:transform .3s;transform:scale(.9);box-shadow:0 2px 8px #00000026}.vue-slider-dot-tooltip-inner:after{content:"";position:absolute}.vue-slider-dot-tooltip-inner-top:after{border:5px solid #0000;border-top-color:inherit;width:0;height:0;top:100%;left:50%;transform:translate(-50%)}.vue-slider-dot-tooltip-inner-bottom:after{border:5px solid #0000;border-bottom-color:inherit;width:0;height:0;bottom:100%;left:50%;transform:translate(-50%)}.vue-slider-dot-tooltip-inner-left:after{border:5px solid #0000;border-left-color:inherit;width:0;height:0;top:50%;left:100%;transform:translateY(-50%)}.vue-slider-dot-tooltip-inner-right:after{border:5px solid #0000;border-right-color:inherit;width:0;height:0;top:50%;right:100%;transform:translateY(-50%)}.vue-slider-dot-tooltip-inner-top{transform-origin:50% 100%}.vue-slider-dot-tooltip-inner-bottom{transform-origin:50% 0}.vue-slider-dot-tooltip-inner-left{transform-origin:100%}.vue-slider-dot-tooltip-inner-right{transform-origin:0%}.vue-slider-dot:hover .vue-slider-dot-tooltip,.vue-slider-dot-tooltip-show{opacity:1;visibility:visible}.vue-slider-dot:hover .vue-slider-dot-tooltip .vue-slider-dot-tooltip-inner,.vue-slider-dot-tooltip-show .vue-slider-dot-tooltip-inner{transform:scale(1)}.font-selector[data-v-1acea35d]{z-index:200;width:100%;height:32px;position:relative}.selected[data-v-1acea35d]{cursor:pointer;background-color:#fff;border-radius:10px;justify-content:space-between;align-items:center;padding:0 10px 0 0;display:flex;position:relative}.preview[data-v-1acea35d]{text-align:left;color:#0000;-webkit-user-select:none;user-select:none;zoom:.4444;background-position-x:-20px;background-repeat:no-repeat;background-size:608px;width:100%;height:72px;line-height:72px}.dropdown[data-v-1acea35d]{z-index:1000;background:#fff;border:1px solid #ccc;border-top:none;width:100%;margin-top:1px;position:absolute;overflow-y:auto;box-shadow:0 4px 6px #0000001a}.options[data-v-1acea35d]{max-height:272px;overflow-y:auto}.option[data-v-1acea35d]{color:#0000;text-shadow:0 0 #000;cursor:pointer;zoom:.4444;background-position-x:-20px;background-repeat:no-repeat;background-size:608px;height:72px;line-height:72px}.option[data-v-1acea35d]:hover{background-color:#f0f0f0}.search-input[data-v-1acea35d]{width:calc(100% - 20px);height:24px;margin:10px;padding:5px 5px 5px 10px;font-size:13px}.overlay[data-v-1acea35d]{z-index:999;background:0 0;position:fixed;inset:0}.arrow i[data-v-1acea35d]{font-size:14px}.placeholder[data-v-1acea35d]{color:#999;padding-left:10px;font-size:14px;position:absolute;left:0}@media screen and (width<=479px){.mug-box[data-v-5aaa7c3a]{width:100%!important;height:300px!important}}.painter[data-v-494bb0a2]>*{z-index:2;position:relative}[data-v-494bb0a2]:root{--dark-color:#292929;--light-color:#fff}.share-widget-sub[data-v-494bb0a2]{margin:10px}.share-widget-sub .share-widget-title[data-v-494bb0a2]{justify-content:center;align-items:center;display:flex}.share-widget-sub .share-widget-title svg[data-v-494bb0a2]{width:20px;margin-right:10px}.share-widget-sub .share-widget-title div[data-v-494bb0a2]{letter-spacing:1px;font-size:14px}.share-widget-sub a[data-v-494bb0a2]{text-decoration:none}.share-widget-sub a svg[data-v-494bb0a2],.share-widget-sub a i[data-v-494bb0a2]{text-align:center;width:24px;margin:7px;transition:all .2s ease-in-out;display:inline-block}.share-widget-sub a svg[data-v-494bb0a2]:hover,.share-widget-sub a i[data-v-494bb0a2]:hover{transition:all .2s ease-in-out;transform:scale(1.1)}.share-widget[data-v-494bb0a2]{perspective:400px;justify-content:center;align-items:center;width:220px;height:60px;display:flex}.share-widget .share-widget-sub[data-v-494bb0a2]{width:100%;max-width:400px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;cursor:pointer;justify-content:center;align-items:center;transition:transform .6s;display:flex}.share-widget-sub .share-widget-title[data-v-494bb0a2],.share-widget-sub .share-widget-icons[data-v-494bb0a2]{backface-visibility:hidden;-webkit-font-smoothing:antialiased;justify-content:center;align-items:center;width:100%;height:50px;display:flex;position:absolute;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.share-widget-sub .share-widget-icons[data-v-494bb0a2],.share-widget-sub.flipped[data-v-494bb0a2]{transform:rotateX(180deg)}.share-widget.dark .share-widget-sub a svg[data-v-494bb0a2]{fill:var(--light-color)}.share-widget.light .share-widget-sub a svg[data-v-494bb0a2]{fill:var(--dark-color)}.share-widget.light .share-widget-sub .share-widget-title[data-v-494bb0a2],.share-widget.light .share-widget-sub .share-widget-icons[data-v-494bb0a2]{background-color:var(--light-color)}.share-widget.dark .share-widget-sub .share-widget-title[data-v-494bb0a2],.share-widget.dark .share-widget-sub .share-widget-icons[data-v-494bb0a2]{background-color:var(--dark-color)}.share-widget.light .share-widget-sub[data-v-494bb0a2]{color:var(--dark-color)}.share-widget.dark .share-widget-sub[data-v-494bb0a2]{color:var(--light-color)}.share-widget.light .share-widget-sub .share-widget-title svg[data-v-494bb0a2]{fill:var(--dark-color)}.share-widget.dark .share-widget-sub .share-widget-title svg[data-v-494bb0a2]{fill:var(--light-color)}.share-widget.full .share-widget-sub .share-widget-title div[data-v-494bb0a2]:after{content:"ON SOCIAL MEDIA"}.share-widget.full[data-v-494bb0a2]{width:400px;margin-left:-200px;position:absolute;top:-100px;left:50%}.share-widget.full .share-widget-sub[data-v-494bb0a2]{cursor:default;background-color:#fff;flex-direction:column;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.share-widget.full .share-widget-sub .share-widget-title[data-v-494bb0a2],.share-widget.full .share-widget-sub .share-widget-icons[data-v-494bb0a2]{box-shadow:none;position:relative;transform:none}.share-widget.full .share-widget-sub .share-widget-title svg[data-v-494bb0a2]{display:none}.icon-menu[data-v-494bb0a2]{z-index:200;background-color:#fff;border-radius:0 8px 8px 0;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:94px;padding:8px;display:flex;position:fixed;top:50%;left:0;transform:translateY(-50%);box-shadow:0 4px 6px #0000001a}.icon-menu .menu-item[data-v-494bb0a2]{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;padding:12px 0;transition:background-color .3s;display:flex}.icon-menu .menu-item[data-v-494bb0a2]:hover,.icon-menu .menu-item.opened[data-v-494bb0a2]{background-color:#00c8ff}.icon-menu .menu-item:hover>i[data-v-494bb0a2],.icon-menu .menu-item:hover .menu-text[data-v-494bb0a2],.icon-menu .menu-item.opened>i[data-v-494bb0a2],.icon-menu .menu-item.opened .menu-text[data-v-494bb0a2]{color:#fff}.icon-menu .menu-item>i[data-v-494bb0a2]{color:#12aaeb;font-size:24px}.icon-menu .menu-item .menu-text[data-v-494bb0a2]{color:#505050;text-align:center;flex-grow:1;font-size:11px;line-height:1.3}.icon-menu .menu-item.opened .outer-box[data-v-494bb0a2]{display:flex}.outer-box[data-v-494bb0a2]{z-index:2;background-color:#fff;border-radius:10px;flex-direction:column;min-width:200px;padding:20px;display:none;position:absolute;left:100px;box-shadow:0 0 10px #0000001a}.outer-box._setup-canvas[data-v-494bb0a2]{top:0}.outer-box._canvas-size[data-v-494bb0a2]{min-width:420px;top:0}.outer-box._sku[data-v-494bb0a2],.outer-box._bg-color[data-v-494bb0a2]{top:0}.outer-box>.title[data-v-494bb0a2]{color:#333;text-shadow:2px 2px 10px #0000001a;width:100%;margin-bottom:20px;font-size:24px;font-weight:300;position:relative}.outer-box>.title .i-close[data-v-494bb0a2]{z-index:2;font-size:18px;position:absolute;top:3px;right:0}.outer-box .desc[data-v-494bb0a2]{color:#666;margin-top:-10px;font-size:12px;line-height:1.4}.outer-box .picture-gallery[data-v-494bb0a2]{min-width:400px;max-height:450px;margin-right:-20px;padding-right:20px;overflow-y:auto}.outer-box .picture-gallery .grid[data-v-494bb0a2]{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.outer-box .picture-gallery .grid>.item[data-v-494bb0a2]{cursor:pointer;border:1px solid #00c8ff66;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;width:120px;height:120px;display:flex;position:relative;overflow:hidden}.outer-box .picture-gallery .grid>.item[data-v-494bb0a2]:hover{border:1px solid #00c8ff}.outer-box .picture-gallery .grid>.item:hover img[data-v-494bb0a2]{transform:scale(1.1)}.outer-box .picture-gallery .grid>.item img[data-v-494bb0a2]{aspect-ratio:1;object-fit:cover;width:100%;transition:transform .2s linear}.outer-box .picture-gallery .grid>.item:hover .actions[data-v-494bb0a2],.outer-box .picture-gallery .grid>.item.show-actions .actions[data-v-494bb0a2]{display:flex}.outer-box .picture-gallery .add-picture .i-plus[data-v-494bb0a2]{color:#fff;background-color:#505050;border-radius:30px;justify-content:center;align-items:center;width:30px;height:30px;margin-bottom:10px;font-size:20px;display:flex}.outer-box .picture-gallery .add-picture:hover .i-plus[data-v-494bb0a2]{color:#fff;background-color:#00c8ff}.outer-box .picture-gallery .add-picture:hover .text[data-v-494bb0a2]{color:#12aaeb}.outer-box .picture-gallery .actions[data-v-494bb0a2]{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:absolute;top:0;left:0}.outer-box .picture-gallery .actions.opened[data-v-494bb0a2]{display:flex}.outer-box .picture-gallery .actions .action[data-v-494bb0a2]{justify-content:center;align-items:center;gap:6px;transition:transform .2s linear;display:flex}.outer-box .picture-gallery .actions .action[data-v-494bb0a2]:last-child{border-bottom:none}.outer-box .picture-gallery .actions .action i[data-v-494bb0a2]{font-size:18px}.outer-box .picture-gallery .actions .action .i-add-picture[data-v-494bb0a2]{font-weight:100}.outer-box .picture-gallery .actions .action .text[data-v-494bb0a2]{font-size:14px}.outer-box .picture-gallery .actions .action._remove[data-v-494bb0a2]{color:#fff;background-color:#cd5c5c;border-top-right-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;display:flex;position:absolute;bottom:0;left:0}.outer-box .picture-gallery .actions .action._add[data-v-494bb0a2]{background-color:#12aaeb;border-top-left-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;display:flex;position:absolute;bottom:0;right:0}.outer-box .picture-gallery .actions .action._remove[data-v-494bb0a2] *,.outer-box .picture-gallery .actions .action._add[data-v-494bb0a2] *{color:#fff}.outer-box .picture-gallery .actions .action[data-v-494bb0a2]:hover{transform:scale(1.1)}.outer-box .picture-gallery._sticker .grid[data-v-494bb0a2]{grid-template-columns:repeat(8,1fr)}.outer-box .picture-gallery._sticker .grid>.item[data-v-494bb0a2]{width:40px;height:40px;transition:transform .1s linear}.outer-box .picture-gallery._sticker .grid>.item[data-v-494bb0a2]:hover{transform:scale(1.2)}.outer-box .canvas-size-items[data-v-494bb0a2]{width:400px;max-height:500px;margin-right:-20px;padding-right:20px;overflow:auto}.outer-box .canvas-size-items .item[data-v-494bb0a2]{border-radius:6px;justify-content:space-between;align-items:center;padding:20px;display:flex}.outer-box .canvas-size-items .item[data-v-494bb0a2]:hover{background-color:#00c8ff1a;box-shadow:4px 4px 10px #0000000d}.outer-box .canvas-size-items .item[data-v-494bb0a2] *{font-size:16px;font-weight:300}.outer-box .canvas-size-items .item.orientation-2 .size-box[data-v-494bb0a2]{transform-origin:50%;transform:rotate(90deg)}.outer-box .canvas-size-items .item .size-box-container[data-v-494bb0a2]{justify-content:center;align-items:center;width:60px;display:flex}.outer-box .canvas-size-items .item .size-box[data-v-494bb0a2]{border:2px solid #12aaeb;border-radius:5px}.outer-box .canvas-size-items .item .size-text[data-v-494bb0a2]{text-align:center;min-width:62px}.outer-box .canvas-size-items .item .discount-percent[data-v-494bb0a2]{color:#cd5c5c}.outer-box .canvas-size-items .item .price[data-v-494bb0a2]{text-align:center;min-width:62px}.outer-box .canvas-size-items .item .price .real-price[data-v-494bb0a2]{color:#12aaeb;margin-bottom:4px;font-size:20px;font-weight:400}.outer-box .canvas-size-items .item .price .market-price[data-v-494bb0a2]{text-align:center;color:#999;width:100px;font-size:12px;text-decoration:line-through}.outer-box .canvas-hint[data-v-494bb0a2]{text-align:center;justify-content:center;align-items:center;gap:10px;padding-top:10px;font-size:13px;display:flex}.outer-box .canvas-hint button[data-v-494bb0a2]{height:20px;padding:0 6px;font-size:12px}.outer-box .color-selector[data-v-494bb0a2]{border-top:1px solid #efefef;border-bottom:1px solid #efefef;margin-top:10px;margin-bottom:10px;padding-top:10px;padding-bottom:10px}.outer-box .apply-bg[data-v-494bb0a2]{color:#fff;cursor:pointer;background-color:#12aaeb;border:none;border-radius:3px;width:100%;height:34px;margin-top:10px;transition:transform .2s linear}.outer-box .apply-bg[data-v-494bb0a2]:hover{transform:translateY(-4px);box-shadow:2px 2px 10px #0000000d}.outer-box .sku-list[data-v-494bb0a2]{width:400px;max-height:500px;margin-right:-20px;padding-bottom:20px;padding-right:20px;overflow:auto}.outer-box .sku-list .item[data-v-494bb0a2]{border-radius:6px;justify-content:space-between;align-items:center;padding:20px;display:flex}.outer-box .sku-list .item .picture[data-v-494bb0a2]{background-color:#efefef;border-radius:6px;width:60px}.outer-box .sku-list .item[data-v-494bb0a2]:hover,.outer-box .sku-list .item.active[data-v-494bb0a2]{background-color:#00c8ff1a;box-shadow:4px 4px 10px #0000000d}.outer-box .sku-list .item[data-v-494bb0a2] *{font-size:16px;font-weight:300}.outer-box .sku-list .item .discount-percent[data-v-494bb0a2]{color:#cd5c5c}.outer-box .sku-list .item .price[data-v-494bb0a2]{text-align:center;min-width:62px}.outer-box .sku-list .item .price .real-price[data-v-494bb0a2]{color:#12aaeb;margin-bottom:4px;font-size:20px;font-weight:400}.outer-box .sku-list .item .price .market-price[data-v-494bb0a2]{text-align:center;color:#999;width:100px;font-size:12px;text-decoration:line-through}.editor[data-v-494bb0a2]{z-index:200;background-color:#fff;border-radius:10px;flex-direction:column;width:402px;min-width:200px;max-height:80%;padding:20px 0;display:flex;position:fixed;top:10%;right:0;overflow:visible;box-shadow:0 0 10px #0000001a}.editor.abs-right[data-v-494bb0a2]{border-top-right-radius:0;border-bottom-right-radius:0}.editor>.title[data-v-494bb0a2]{color:#333;text-shadow:2px 2px 10px #0000001a;background-color:#fff;width:100%;height:28px;margin-bottom:20px;padding:0 20px;font-size:24px;font-weight:300;position:relative}.editor>.title .i-close[data-v-494bb0a2]{z-index:2;font-size:18px;position:absolute;top:3px;right:20px}.editor .body[data-v-494bb0a2]{flex:1;padding:0 20px;overflow:hidden auto}.editor .body .actions[data-v-494bb0a2]{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.editor .body .actions .action[data-v-494bb0a2]{cursor:pointer;background-color:#fff;border:1px solid #efefef;border-radius:6px;width:64px;height:64px;padding:6px}.editor .body .actions .action[data-v-494bb0a2]:hover{border-color:#00c8ff66;box-shadow:2px 2px 6px #00c8ff1a}.editor .body .actions .action:hover i[data-v-494bb0a2],.editor .body .actions .action:hover .text[data-v-494bb0a2]{color:#12aaeb}.editor .body .actions .action:hover i[data-v-494bb0a2]{transform:translateY(-2px)}.editor .body .actions .action i[data-v-494bb0a2]{justify-content:center;align-items:center;font-size:24px;transition:transform .1s linear;display:flex}.editor .body .actions .action .text[data-v-494bb0a2]{white-space:nowrap;justify-content:center;align-items:center;margin-top:6px;font-size:10px;display:flex}.editor .body .actions ._delete[data-v-494bb0a2]:hover{border-color:#cd5c5c}.editor .body .actions ._delete .i-trash[data-v-494bb0a2],.editor .body .actions ._delete .text[data-v-494bb0a2]{color:#cd5c5c!important}.editor .body .feature-block[data-v-494bb0a2]{border-top:1px solid #efefef;margin-top:15px;padding-top:15px}.editor .body .feature-block .title[data-v-494bb0a2]{color:#333;margin-bottom:20px;font-size:18px;font-weight:300}.editor .body .feature-block .title .tips[data-v-494bb0a2]{cursor:pointer;font-size:14px;font-weight:700;text-decoration:underline}.editor .body .feature-block._sales-config .params-edit .item input[data-v-494bb0a2]{padding:0 10px!important}.editor .body .params-edit[data-v-494bb0a2]{flex-wrap:wrap;gap:10px 40px;display:flex}.editor .body .params-edit.one-row[data-v-494bb0a2]{gap:20px}.editor .body .params-edit.one-row .item[data-v-494bb0a2]{width:100%}.editor .body .params-edit.one-row .item .left-label[data-v-494bb0a2]{width:80px}.editor .body .params-edit.one-row .item input[data-v-494bb0a2],.editor .body .params-edit.one-row .item select[data-v-494bb0a2]{padding-left:10px}.editor .body .params-edit.one-row .buttons[data-v-494bb0a2]{justify-self:center;width:100%;padding-left:90px;display:flex}.editor .body .params-edit .item[data-v-494bb0a2]{justify-content:space-between;align-items:center;gap:10px;width:calc(50% - 20px);font-size:16px;display:flex;position:relative}.editor .body .params-edit .item .label[data-v-494bb0a2]{color:#999;justify-content:center;align-items:center;height:100%;font-weight:300;display:flex;position:absolute;left:8px}.editor .body .params-edit .item .left-label[data-v-494bb0a2]{color:#999;font-size:14px;font-weight:300}.editor .body .params-edit .item .right-value[data-v-494bb0a2],.editor .body .params-edit .item .stepper[data-v-494bb0a2]{flex:1}.editor .body .params-edit .item .stepper input[data-v-494bb0a2]{text-align:center;border-radius:0;flex:1;width:40px;height:32px;padding:0;line-height:30px}.editor .body .params-edit .item input[data-v-494bb0a2],.editor .body .params-edit .item select[data-v-494bb0a2]{border:1px solid #ccc;border-radius:3px;width:100%;min-height:30px;padding-left:28px;font-size:14px;line-height:28px}.editor .body .params-edit .item input[data-v-494bb0a2]:focus,.editor .body .params-edit .item select[data-v-494bb0a2]:focus{box-shadow:2px 2px 10px #0000001a}.editor .body .params-edit .item.rotate input[data-v-494bb0a2]{width:calc(100% - 26px)}.editor .body .params-edit .item.rotate .i-reset[data-v-494bb0a2]{cursor:pointer;margin-left:10px;font-size:16px}.editor .body .params-edit .item .lock-toggle[data-v-494bb0a2]{position:absolute;left:-30px}.editor .body .params-edit .item .lock-toggle i[data-v-494bb0a2]{font-size:20px}.editor .body ._color-effects .filter-items[data-v-494bb0a2]{flex-wrap:nowrap;gap:10px;margin-top:-10px;padding:10px 0;display:flex;overflow-x:auto}.editor .body ._color-effects .filter-items[data-v-494bb0a2]::-webkit-scrollbar{cursor:pointer;border-radius:10px;height:10px}.editor .body ._color-effects .filter-items[data-v-494bb0a2]::-webkit-scrollbar-track{cursor:pointer;background-color:#efefef;border-radius:10px}.editor .body ._color-effects .filter-items[data-v-494bb0a2]::-webkit-scrollbar-thumb{cursor:pointer;background-color:#12aaeb;border-radius:10px}.editor .body ._color-effects .item[data-v-494bb0a2]{cursor:pointer;background-color:#fff;border:1px solid #efefef;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-width:64px;height:64px;padding:6px;display:flex;position:relative}.editor .body ._color-effects .item img[data-v-494bb0a2]{object-fit:cover;border-radius:3px;height:60%}.editor .body ._color-effects .item .text[data-v-494bb0a2]{font-size:10px}.editor .body ._color-effects .item .i-checked[data-v-494bb0a2]{color:#12aaeb;font-size:16px;display:none;position:absolute;top:-8px;right:-4px}.editor .body ._color-effects .item.active .i-checked[data-v-494bb0a2]{display:flex}.editor .body ._color-effects .params-item[data-v-494bb0a2]{align-items:center;width:100%;margin-top:20px;display:flex}.editor .body .layer-options[data-v-494bb0a2],.editor .body .align-options[data-v-494bb0a2],.editor .body .font-styles[data-v-494bb0a2]{gap:16px;display:flex}.editor .body .layer-options .item[data-v-494bb0a2],.editor .body .align-options .item[data-v-494bb0a2],.editor .body .font-styles .item[data-v-494bb0a2]{cursor:pointer;background-color:#fff;border:none}.editor .body .layer-options .item .icon[data-v-494bb0a2],.editor .body .align-options .item .icon[data-v-494bb0a2],.editor .body .font-styles .item .icon[data-v-494bb0a2]{width:30px;height:30px;transition:transform .1s linear}.editor .body .layer-options .item i[data-v-494bb0a2],.editor .body .align-options .item i[data-v-494bb0a2],.editor .body .font-styles .item i[data-v-494bb0a2]{color:#666;font-size:24px;transition:transform .1s linear;display:flex}.editor .body .layer-options .item:disabled i[data-v-494bb0a2],.editor .body .align-options .item:disabled i[data-v-494bb0a2],.editor .body .font-styles .item:disabled i[data-v-494bb0a2]{color:#ccc}.editor .body .layer-options .item:hover i[data-v-494bb0a2],.editor .body .align-options .item:hover i[data-v-494bb0a2],.editor .body .font-styles .item:hover i[data-v-494bb0a2]{color:#12aaeb}.editor .body .layer-options .item:hover i[data-v-494bb0a2],.editor .body .layer-options .item:hover .icon[data-v-494bb0a2],.editor .body .align-options .item:hover i[data-v-494bb0a2],.editor .body .align-options .item:hover .icon[data-v-494bb0a2],.editor .body .font-styles .item:hover i[data-v-494bb0a2],.editor .body .font-styles .item:hover .icon[data-v-494bb0a2]{transform:scale(1.1)}.editor .body .layer-options .item.active i[data-v-494bb0a2],.editor .body .align-options .item.active i[data-v-494bb0a2],.editor .body .font-styles .item.active i[data-v-494bb0a2]{color:#12aaeb!important}.editor .body ._font-style .styles[data-v-494bb0a2]{flex-direction:column;gap:16px;display:flex}.editor .body ._font-style .styles .item[data-v-494bb0a2]{align-items:flex-start;gap:10px;display:flex}.editor .body ._font-style .styles .item .label[data-v-494bb0a2]{align-items:center;min-width:74px;min-height:32px;font-size:13px;display:flex}.editor .body ._font-style .styles .item .value[data-v-494bb0a2]{flex:1;position:relative}.editor .body ._font-style .styles .item .value .color-badge[data-v-494bb0a2]{border:1px solid #efefef;border-radius:3px;width:32px;height:32px;transition:transform .1s linear}.editor .body ._font-style .styles .item .value .color-badge[data-v-494bb0a2]:hover{transform:translateY(-4px);box-shadow:2px 2px 10px #0000001a}.editor .body ._font-style .styles .item .value .color-badge[data-v-494bb0a2]{background-color:#0000}.editor .body ._font-style .styles .item .value>input[data-v-494bb0a2]{border:1px solid #ccc;border-radius:4px;width:100%;height:32px;padding-left:10px;font-size:14px}.editor .body ._font-style .styles .item .value .desc[data-v-494bb0a2]{color:#12aaeb;margin-top:4px;font-size:12px;line-height:1.4}.editor .body ._font-style .styles .item .value .stepper[data-v-494bb0a2]{justify-content:flex-start}.editor .body ._font-style .styles .item .value .stepper input[data-v-494bb0a2]{text-align:center;border:1.5px solid #12aaeb;width:32px;height:32px;font-size:14px}.box-tabs[data-v-494bb0a2]{justify-content:center;align-items:center;margin-bottom:20px;display:flex}.box-tabs .item[data-v-494bb0a2]{cursor:pointer;color:#12aaeb;letter-spacing:1px;border:1px solid;justify-content:center;align-items:center;width:auto;height:28px;margin-left:-1px;padding:0 20px;font-size:14px;transition:padding-bottom .2s linear;display:flex}.box-tabs .item[data-v-494bb0a2]:hover{padding-bottom:4px}.box-tabs .item.active[data-v-494bb0a2]{color:#fff;background-color:#12aaeb;border-color:#12aaeb}.box-tabs .item[data-v-494bb0a2]:first-child{border-top-left-radius:3px;border-bottom-left-radius:3px;margin-left:0}.box-tabs .item[data-v-494bb0a2]:last-child{border-top-right-radius:3px;border-bottom-right-radius:3px}.canvas-actions[data-v-494bb0a2]{background-color:#fff;border:1px solid #00c8ff66;border-radius:40px;align-items:center;gap:16px;padding:6px 20px;display:flex;position:fixed;bottom:100px;left:50%;transform:translate(-50%);box-shadow:0 0 10px #00c8ff1a}.canvas-actions .action[data-v-494bb0a2]{cursor:pointer;background-color:#0000;border:none;padding:0}.canvas-actions .action i[data-v-494bb0a2]{color:#12aaeb;font-size:24px;transition:transform .1s linear;display:flex}.canvas-actions .action:hover i[data-v-494bb0a2]{transform:scale(1.1)}.canvas-actions .action:disabled i[data-v-494bb0a2]{color:#ccc}.canvas-actions .action ._redo[data-v-494bb0a2]{transform:rotateX(180deg)}.canvas-actions .scale-percent[data-v-494bb0a2]{color:#666;padding:0 10px;font-size:16px}.canvas-actions .line[data-v-494bb0a2]{border-right:1px solid #999;width:1px;height:20px;margin:0 6px}.canvas-options-editor[data-v-494bb0a2]{width:700px;height:70%;padding-bottom:0;top:5%;left:50%;transform:translate(-50%)}.canvas-options-editor>.title .i-close[data-v-494bb0a2]{cursor:pointer}.canvas-options-editor .body[data-v-494bb0a2]{padding-bottom:80px}.canvas-options-editor ._options[data-v-494bb0a2]{border-top:1px solid #efefef;margin-top:15px;padding-top:15px}.canvas-options-editor ._options .title[data-v-494bb0a2]{color:#333;margin-bottom:20px;font-size:18px;font-weight:300}.canvas-options-editor ._options .title .hint[data-v-494bb0a2]{color:#cd5c5c;font-size:14px;font-weight:700;display:inline-flex}.canvas-options-editor ._options[data-v-494bb0a2]:first-child{margin-top:0}.canvas-options-editor ._options .items[data-v-494bb0a2]{flex-wrap:nowrap;gap:20px;margin-top:-10px;padding:10px 0;display:flex;overflow-x:auto}.canvas-options-editor ._options .item[data-v-494bb0a2]{cursor:pointer;background-color:#fff;border:1.5px solid #efefef;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;width:20%;padding:10px;display:flex;position:relative}.canvas-options-editor ._options .item .text[data-v-494bb0a2]{margin-bottom:4px}.canvas-options-editor ._options .item .price[data-v-494bb0a2]{font-size:12px}.canvas-options-editor ._options .item[data-v-494bb0a2]:hover{box-shadow:2px 2px 10px #0000001a}.canvas-options-editor ._options .item:hover .box img[data-v-494bb0a2]{transform:scale(1.2)}.canvas-options-editor ._options .item.active[data-v-494bb0a2]{border-color:#12aaeb}.canvas-options-editor ._options .item.active .text[data-v-494bb0a2]{color:#12aaeb;font-weight:700}.canvas-options-editor ._options .item .box[data-v-494bb0a2]{border-radius:3px;width:100%;overflow:hidden}.canvas-options-editor ._options .item img[data-v-494bb0a2]{object-fit:cover;width:100%;height:100%;transition:transform .2s linear}.canvas-options-editor ._options .item .text[data-v-494bb0a2]{text-align:center;padding-top:10px;font-size:14px;line-height:1.2}.canvas-options-editor ._options .item .i-checked[data-v-494bb0a2]{color:#12aaeb;background-color:#fff;border-radius:30px;width:30px;height:30px;font-size:30px;display:none;position:absolute;top:-12px;right:-10px;overflow:hidden}.canvas-options-editor ._options .item.active .i-checked[data-v-494bb0a2]{display:flex}.canvas-options-editor .footer[data-v-494bb0a2]{z-index:2;background-color:#fffc;justify-content:center;align-items:center;width:100%;height:60px;display:flex;position:absolute;bottom:0;left:0}.canvas-options-editor .footer .btn-confirm[data-v-494bb0a2]{cursor:pointer;color:#fff;background-color:#12aaeb;border:none;border-radius:40px;justify-content:center;align-items:center;height:34px;padding:0 20px;font-size:14px;transition:transform .1s linear;display:flex}.canvas-options-editor .footer .btn-confirm[data-v-494bb0a2]:hover{transform:translateY(-4px);box-shadow:2px 2px 10px #00c8ff66}.btn-canvas-options[data-v-494bb0a2]{justify-content:center;align-items:center;height:26px;transition:transform .1s linear;display:flex}.btn-canvas-options[data-v-494bb0a2]:hover{transform:translateY(-4px);box-shadow:2px 2px 10px #0000001a}.btn-canvas-options[data-v-494bb0a2]{color:#fff;background-color:#333;border-radius:26px;padding:0 12px}.total-area[data-v-494bb0a2]{color:#000;background-color:#fff;border-top:2px solid #12aaeb;justify-content:center;align-items:center;gap:100px;width:100%;padding:16px 20px;font-size:16px;display:flex;position:fixed;bottom:0;left:0}.total-area._show[data-v-494bb0a2]{transform:translateY(0)}.total-area .left[data-v-494bb0a2],.total-area .right[data-v-494bb0a2]{flex:1;gap:20px;display:flex}.total-area .subtotal[data-v-494bb0a2]{justify-content:center;align-items:center;gap:20px;display:flex}.total-area .left[data-v-494bb0a2]{justify-content:flex-end}.total-area .right[data-v-494bb0a2]{justify-content:flex-start}.total-area .price[data-v-494bb0a2]{font-size:20px}.total-area .i-close[data-v-494bb0a2],.total-area .i-equal[data-v-494bb0a2]{color:#666;margin:0 -10px;font-size:10px;font-weight:700}.total-area input[data-v-494bb0a2]{text-align:center;border:1.5px solid #12aaeb;width:34px;height:32px;font-size:16px}.total-area .sum[data-v-494bb0a2]{align-items:center;font-size:20px;display:flex}.total-area .summary-badge[data-v-494bb0a2]{color:#12aaeb;cursor:pointer;align-items:center;gap:4px;margin-left:6px;font-size:12px;display:inline-flex;position:relative;top:2px}.total-area .btn-next[data-v-494bb0a2],.total-area .btn-cart[data-v-494bb0a2],.total-area .btn-go-pay[data-v-494bb0a2]{justify-content:center;align-items:center;transition:transform .1s linear;display:flex}.total-area .btn-next[data-v-494bb0a2]:hover,.total-area .btn-cart[data-v-494bb0a2]:hover,.total-area .btn-go-pay[data-v-494bb0a2]:hover{transform:translateY(-4px);box-shadow:2px 2px 10px #0000001a}.total-area .btn-next[data-v-494bb0a2],.total-area .btn-cart[data-v-494bb0a2],.total-area .btn-go-pay[data-v-494bb0a2]{color:#fff;background-color:#00c8ff;border-radius:32px;gap:10px;height:32px;padding:0 20px;font-size:14px}.total-area .btn-next[data-v-494bb0a2]{color:#fff;background-color:#333}.total-area .btn-go-pay[data-v-494bb0a2]{color:#fff;background-color:#12aaeb}.total-area .line[data-v-494bb0a2]{width:1px;height:20px;margin:0 10px}.total-area .toggle-btn[data-v-494bb0a2]{position:absolute;top:0;right:20px;transform:translateY(-100%)}.total-area .toggle-btn i[data-v-494bb0a2]{color:#fff;font-size:16px}.total-area .toggle-btn[data-v-494bb0a2]{background-color:#12aaeb;border-top-left-radius:6px;border-top-right-radius:6px;padding:4px 12px}.stepper[data-v-494bb0a2]{justify-content:center;align-items:center;display:flex}.stepper input[data-v-494bb0a2]{border-left:none!important;border-right:none!important}.stepper i[data-v-494bb0a2]{cursor:pointer;color:#fff;background-color:#12aaeb;justify-content:center;align-items:center;height:32px;padding:0 6px;font-size:14px;display:flex}.stepper i[data-v-494bb0a2]:before{transition:transform .1s linear}.stepper i[data-v-494bb0a2]:hover:before{transform:scale(1.1)}.stepper .i-minus[data-v-494bb0a2]{border-top-left-radius:3px;border-bottom-left-radius:3px}.stepper .i-plus[data-v-494bb0a2]{border-top-right-radius:3px;border-bottom-right-radius:3px}#cc[data-v-494bb0a2]{z-index:1;text-align:center;background-color:#f7f7f7;width:100%;height:100%;padding-top:60px;padding-bottom:160px;display:block;position:fixed;top:0;left:0;overflow:auto}#cc .inner[data-v-494bb0a2]{z-index:1;justify-content:center;align-items:center;display:inline-flex;position:relative}#cc .canvas-with-border[data-v-494bb0a2]{z-index:2;background-color:#fff;border:1px solid #333;display:inline-flex;position:relative;box-shadow:0 0 20px #0000001a}#cc .badges[data-v-494bb0a2]{pointer-events:none;z-index:40;justify-content:flex-end;align-items:center;gap:20px;display:flex;position:absolute}#cc .badges .safe-area-badge[data-v-494bb0a2]{color:#fff;cursor:pointer;background-color:#b4d049;border-radius:18px;justify-content:center;align-items:center;height:18px;padding:0 8px;font-size:10px;display:flex}#cc .badges .canvas-size-text[data-v-494bb0a2]{color:#000;font-size:10px;font-weight:700}.canvas-size-editor[data-v-494bb0a2]{border-bottom:1px solid #efefef;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:10px;margin-bottom:10px;padding-bottom:20px;font-size:16px;display:flex}.canvas-size-editor .custom-hint[data-v-494bb0a2]{color:#666;width:80%;margin-bottom:20px;font-size:12px;line-height:1.6}.canvas-size-editor .custom-hint .contact-us[data-v-494bb0a2]{color:#12aaeb;cursor:pointer;font-weight:700;text-decoration:underline}.canvas-size-editor select[data-v-494bb0a2]{text-align:center;border:1.5px solid #12aaeb;border-radius:6px;width:100px;height:36px;font-size:16px}.canvas-size-editor .button-line[data-v-494bb0a2]{width:100%;margin-top:10px;padding:0 50px}.canvas-size-editor .button-line .price[data-v-494bb0a2]{text-align:center;color:#12aaeb;margin-bottom:20px;font-size:24px;font-weight:700}.canvas-size-editor .button-line .btn-apply[data-v-494bb0a2]{justify-content:center;align-items:center;transition:transform .1s linear;display:flex}.canvas-size-editor .button-line .btn-apply[data-v-494bb0a2]:hover{transform:translateY(-4px);box-shadow:2px 2px 10px #0000001a}.canvas-size-editor .button-line .btn-apply[data-v-494bb0a2]{color:#fff;cursor:pointer;background-color:#12aaeb;border:none;border-radius:3px;width:100%;height:34px;margin-top:10px}.mask[data-v-494bb0a2]{z-index:2;-webkit-user-select:none;user-select:none;touch-action:none;pointer-events:none;width:calc(100% + 3px);height:calc(100% + 3px);position:absolute;top:-1px;left:-1px}.mask img[data-v-494bb0a2]{-webkit-user-select:none;user-select:none;touch-action:none;pointer-events:none;object-fit:cover;width:100%;height:100%}.product-bg[data-v-494bb0a2]{width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.product-bg img[data-v-494bb0a2]{object-fit:cover;width:100%;height:100%}.product-bg2[data-v-494bb0a2]{content:"";z-index:3;opacity:.2;background-color:red;width:52%;height:69%;position:absolute;top:23%;left:24%}.dashed-border[data-v-494bb0a2]{border:1px dashed #000;position:relative}.canvas-box[data-v-494bb0a2]{position:relative}.order-summary[data-v-494bb0a2]{width:500px;padding-bottom:0;top:50%;left:50%;transform:translate(-50%,-50%)}.order-summary>.title .i-close[data-v-494bb0a2]{cursor:pointer}.order-summary .body[data-v-494bb0a2]{padding:20px}.order-summary .body .item-list[data-v-494bb0a2]{flex-direction:column;gap:30px;font-size:16px;display:flex}.order-summary .body .item-list .line[data-v-494bb0a2]{grid-template-columns:repeat(2,1fr);display:flex}.order-summary .body .item-list .line[data-v-494bb0a2]:hover:not(.label):not(.last){color:#12aaeb;cursor:pointer}.order-summary .body .item-list .line.label[data-v-494bb0a2]{border-bottom:2px solid;padding-bottom:10px;font-weight:700}.order-summary .body .item-list .line.last[data-v-494bb0a2]{border-top:2px solid;padding-top:20px;font-size:20px;font-weight:700}.order-summary .body .item-list .line .left[data-v-494bb0a2]{width:75%}.order-summary .body .item-list .line .left .name[data-v-494bb0a2]{color:#999;margin-top:4px;padding-left:10px;font-size:12px}.order-summary .body .item-list .line .right[data-v-494bb0a2]{width:25%}.edit-sku[data-v-494bb0a2]{width:500px;padding-bottom:0;top:50%;left:50%;transform:translate(-50%,-50%)}.edit-sku>.title .i-close[data-v-494bb0a2]{cursor:pointer}.edit-sku .body[data-v-494bb0a2]{padding:20px}.mug-preview-box[data-v-494bb0a2]{width:auto;left:50%;transform:translate(-50%)}.mug-preview-box .body[data-v-494bb0a2]{padding:40px}.tpl-selector[data-v-494bb0a2]{width:1200px;height:80%;padding-bottom:0;top:5%;left:50%;transform:translate(-50%)}.tpl-selector>.title .i-close[data-v-494bb0a2]{cursor:pointer}.tpl-selector .body .templates[data-v-494bb0a2]{grid-template-columns:repeat(4,1fr);gap:20px;padding:20px 0;display:grid}.tpl-selector .body .templates .item[data-v-494bb0a2]{cursor:pointer;flex-direction:column;gap:10px;font-size:14px;display:flex}.tpl-selector .body .templates .item .preview-box[data-v-494bb0a2]{width:100%;display:flex;position:relative}.tpl-selector .body .templates .item:hover .preview[data-v-494bb0a2]{box-shadow:0 0 20px #0000001a}.tpl-selector .body .templates .item .preview[data-v-494bb0a2]{object-fit:contain;border:1px solid #efefef;border-radius:10px;width:100%;height:208px}.tpl-selector .body .templates .item .name[data-v-494bb0a2]{text-overflow:ellipsis;white-space:nowrap;padding:0 10px;font-size:16px;overflow:hidden}.tpl-selector .body .templates .item .created-at[data-v-494bb0a2]{color:#999;padding:0 10px;font-size:12px}.tpl-selector .body .templates .item .tpl-actions[data-v-494bb0a2]{justify-content:space-between;width:100%;display:flex;position:absolute;bottom:0}.tpl-selector .body .templates .item .tpl-actions .action[data-v-494bb0a2]{color:#fff;border-radius:3px;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.tpl-selector .body .templates .item .tpl-actions .action i[data-v-494bb0a2]{font-size:20px}.tpl-selector .body .templates .item .tpl-actions .action._remove[data-v-494bb0a2]{background-color:#cd5c5c;justify-content:center;align-items:center;display:flex}.tpl-selector .body .templates .item .tpl-actions .action._add[data-v-494bb0a2]{background-color:#12aaeb}.areas[data-v-494bb0a2]{background-color:#fff;border:1px solid #efefef;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:6px;display:flex;left:0}.areas.guest[data-v-494bb0a2]{position:fixed;top:50%;left:100px;transform:translateY(-50%)}.areas._mask .area-item img[data-v-494bb0a2]{object-fit:contain;padding:2px}.areas .area-item[data-v-494bb0a2]{border:1px solid #efefef;border-radius:4px;width:60px;height:60px;position:relative;overflow:hidden}.areas .area-item img[data-v-494bb0a2]{object-fit:cover;background-color:#fff;width:100%;height:100%}.areas .area-item .action[data-v-494bb0a2]{cursor:pointer}.areas .area-item ._remove[data-v-494bb0a2]{color:#fff;background-color:#cd5c5c;border-radius:3px;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;bottom:0;left:0}.areas .area-item ._remove i[data-v-494bb0a2]{font-size:14px}.areas .area-item ._add[data-v-494bb0a2]{color:#fff;background-color:#12aaeb;border-radius:3px;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;bottom:0;right:0}.areas .area-item ._add i[data-v-494bb0a2]{font-size:14px}.areas .add-area[data-v-494bb0a2]{cursor:pointer;border:1px dashed;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;width:60px;height:20px;font-size:12px;transition:transform .1s linear;display:flex}.areas .add-area[data-v-494bb0a2]:hover{transform:translateY(-4px);box-shadow:2px 2px 10px #0000001a}.areas .add-area .i-plus[data-v-494bb0a2]{font-size:11px}.preview-btn[data-v-494bb0a2]{z-index:2;color:#fff;background-color:#333;border-radius:4px;padding:8px 22px;transition:transform .1s linear;position:fixed;top:10px;right:10px}.preview-btn[data-v-494bb0a2]:hover{transform:translateY(-4px);box-shadow:2px 2px 10px #0000001a}.proofs-checkbox[data-v-494bb0a2]{align-items:center;gap:4px;font-size:14px;display:flex}.proofs-checkbox input[data-v-494bb0a2]{border:1px solid #000;width:20px;height:20px;border-radius:0!important}.action-overlay[data-v-494bb0a2]{z-index:2;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;left:0}.btn-save[data-v-494bb0a2]{color:#fff;background-color:#12aaeb;border-radius:3px;height:30px;padding:0 20px;font-size:14px;transition:transform .1s linear}.btn-save[data-v-494bb0a2]:hover{transform:translateY(-4px);box-shadow:2px 2px 10px #0000001a}.btn-save[data-v-494bb0a2]{justify-content:center;align-items:center;gap:10px;display:flex}@media screen and (width<=479px){.icon-menu[data-v-494bb0a2]{z-index:201;gap:2px;width:62px;padding:4px 2px;transition:left .1s linear;top:10%;left:-62px;transform:none}.icon-menu .menu-item[data-v-494bb0a2]{padding-top:6px;padding-bottom:6px}.icon-menu .menu-item .menu-text[data-v-494bb0a2]{font-size:10px}.icon-menu .menu-item i[data-v-494bb0a2]{font-size:20px}.icon-menu._show[data-v-494bb0a2]{left:0}.icon-menu>.toggle-btn[data-v-494bb0a2]{z-index:2;background-color:#12aaeb;border-top-right-radius:6px;border-bottom-right-radius:6px;padding:11px 5px;position:absolute;top:50%;right:0;transform:translateY(-50%)translate(100%)}.icon-menu>.toggle-btn i[data-v-494bb0a2]{color:#fff;font-size:16px;display:block}.icon-menu>.toggle-btn i._show[data-v-494bb0a2]{transform:rotate(180deg)}.total-area[data-v-494bb0a2]{flex-direction:column;justify-content:flex-end;align-items:flex-end;gap:6px;padding:10px;transition:transform .1s linear;display:flex;transform:translateY(100%)}.total-area .proofs-checkbox[data-v-494bb0a2]{font-size:12px}.total-area .proofs-checkbox input[data-v-494bb0a2]{width:14px;height:14px}.total-area .summary-badge[data-v-494bb0a2]{margin-left:0}.total-area .sum[data-v-494bb0a2]{justify-content:center}.canvas-actions[data-v-494bb0a2]{z-index:200;box-shadow:none;border-width:medium medium 1.5px;border-top-style:none;border-top-color:currentColor;border-left-style:none;border-left-color:currentColor;border-right-style:none;border-right-color:currentColor;border-radius:0;justify-content:center;gap:12px;width:100%;padding:6px 10px;top:0;bottom:auto}.canvas-actions .action i[data-v-494bb0a2]{font-size:20px}.canvas-actions .action.grey i[data-v-494bb0a2]{color:#666}.canvas-actions .action._active i[data-v-494bb0a2]{color:#12aaeb}.canvas-actions .scale-percent[data-v-494bb0a2]{padding:0 6px}#cc[data-v-494bb0a2]{padding-bottom:60px}.editor[data-v-494bb0a2]{z-index:202}.editor.abs-right[data-v-494bb0a2]{width:100%;box-shadow:none;border-top:1.5px solid #12aaeb;border-radius:0;height:40vh;padding:10px 0;transition:transform .1s linear;top:auto;bottom:0;transform:translateY(100%)}.editor.abs-right._show[data-v-494bb0a2]{transform:translateY(0)}.editor.abs-right .title[data-v-494bb0a2]{display:none}.editor.abs-right .toggle-btn[data-v-494bb0a2]{position:absolute;top:0;left:20px;transform:translateY(-100%)}.editor.abs-right .toggle-btn i[data-v-494bb0a2]{color:#fff;font-size:16px}.editor.abs-right .toggle-btn[data-v-494bb0a2]{background-color:#12aaeb;border-top-left-radius:6px;border-top-right-radius:6px;padding:4px 12px}.editor .body .layer-options .item:hover i[data-v-494bb0a2],.editor .body .align-options .item:hover i[data-v-494bb0a2],.editor .body .font-styles .item:hover i[data-v-494bb0a2]{color:#666}.outer-box[data-v-494bb0a2]{z-index:201;position:fixed;left:10px;transform:translateY(-50%);width:calc(100vw - 20px)!important;min-width:auto!important;top:50%!important}.outer-box .canvas-size-items[data-v-494bb0a2]{width:auto}.outer-box._bg-color[data-v-494bb0a2]{transform:translate(-50%)translateY(-50%);width:330px!important;left:50%!important}.canvas-options-editor[data-v-494bb0a2]{width:100%;left:10px;transform:translateY(-50%);width:calc(100vw - 20px)!important;top:50%!important}.canvas-options-editor ._options .item[data-v-494bb0a2]{min-width:140px}.picture-gallery[data-v-494bb0a2]{width:auto!important;min-width:auto!important}.icon-menu .menu-item[data-v-494bb0a2]:hover{background-color:#fff!important}.icon-menu .menu-item:hover .menu-text[data-v-494bb0a2]{color:#505050!important}.icon-menu .menu-item:hover>i[data-v-494bb0a2]{color:#12aaeb!important}.order-summary[data-v-494bb0a2]{width:calc(100vw - 20px)!important}.tpl-selector[data-v-494bb0a2]{height:80%;padding-bottom:0;top:5%;left:50%;transform:translate(-50%);width:calc(100vw - 20px)!important}.tpl-selector .templates[data-v-494bb0a2]{grid-template-columns:repeat(2,1fr)!important}.areas.guest[data-v-494bb0a2]{border-top-right-radius:0;border-bottom-right-radius:0;padding:2px;transition:right .1s linear;position:fixed;top:10%;left:auto;right:-62px;transform:none}.areas.guest._show[data-v-494bb0a2]{right:0}.areas.guest .toggle-btn[data-v-494bb0a2]{z-index:2;background-color:#12aaeb;border-top-left-radius:6px;border-bottom-left-radius:6px;padding:11px 5px;position:absolute;top:50%;left:0;transform:translateY(-50%)translate(-100%)}.areas.guest .toggle-btn i[data-v-494bb0a2]{color:#fff;font-size:16px;display:block;transform:rotate(180deg)}.areas.guest .toggle-btn i._show[data-v-494bb0a2]{transform:rotate(0)}.areas .area-item[data-v-494bb0a2]{width:55px;height:55px}.total-area .price[data-v-494bb0a2],.total-area .sum[data-v-494bb0a2]{font-size:16px}.mug-preview-box[data-v-494bb0a2]{width:calc(100vw - 20px)}}