.banner-preview[data-v-f6e244fb]{cursor:pointer;position:relative}.banner-preview .preview-img-wrapper[data-v-f6e244fb]{border-radius:20px;height:100%;overflow:hidden;width:100%}.banner-preview .preview-img[data-v-f6e244fb]{background-color:#f6f7f9;background-image:radial-gradient(#d9d9e3 1px,transparent 0);background-position:0 0;background-size:24px 24px;border-radius:20px;cursor:grab;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.banner-preview .preview-img.is-draggable[data-v-f6e244fb]{cursor:grab}.banner-preview .preview-img.is-dragging[data-v-f6e244fb]{cursor:grabbing}.banner-preview .preview-img .preview-img-inner[data-v-f6e244fb]{display:flex;height:100%;justify-content:center;width:100%}.banner-preview .preview-img .preview-img-inner[data-v-f6e244fb] picture img{max-height:unset}.banner-preview .preview-icon-wrapper[data-v-f6e244fb]{bottom:20px;display:flex;gap:12px;left:20px;position:absolute}.banner-preview .preview-icon-item[data-v-f6e244fb]{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#ffffffad;border:1px solid rgba(22,28,45,.48);border-radius:10px;cursor:pointer;display:flex;height:36px;justify-content:center;transition:background-color .15s ease,border-color .15s ease;width:36px}.banner-preview .preview-icon-item[data-v-f6e244fb]:not(.disabled):hover{background-color:#fff;border-color:#161c2d}.banner-preview .preview-icon-item .icon-preview-operation[data-v-f6e244fb]{color:#161c2d7a;font-size:34px;transition:color .15s ease}.banner-preview .preview-icon-item:not(.disabled):hover .iconfont[data-v-f6e244fb]{color:#161c2d}.banner-preview[data-v-f6e244fb] .tooltip-content{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#161c2d;border:none;border-radius:6px;color:#fff;font-size:12px;padding:8px 12px;white-space:nowrap}.banner-preview[data-v-f6e244fb] .tooltip-content.top{bottom:calc(100% + 10px);left:50%;right:auto;transform:translate(-50%)}.banner-preview[data-v-f6e244fb] .tooltip-content.top:before{border-color:#161c2d transparent transparent;bottom:-6px;left:50%;transform:translate(-50%)}[data-v-f6e244fb]:root{--primary:#5a69e0;--primaryHover:#444cd3;--primaryActive:#0054e1;--primaryBgc:#f3f8fe}.modal-template-preview[data-v-d421543f]{border-radius:20px;height:700px;position:relative}.modal-template-preview .banner-preview[data-v-d421543f]{border-radius:20px;height:700px;margin:0 auto}.modal-template-preview .try-btn[data-v-d421543f]{border:1px solid #fff;border-radius:10px;bottom:29px;position:absolute;right:29px}[data-v-d421543f]:root{--primary:#5a69e0;--primaryHover:#444cd3;--primaryActive:#0054e1;--primaryBgc:#f3f8fe}.banner-preview[data-v-1f4b9461]{background-color:#fff;border:1px solid #5a69e0;border-radius:20px;box-shadow:0 4px 10px #5a69e01a,0 4px 40px #5a69e01a;height:600px;width:600px}@media (max-width:1280px){.banner-preview[data-v-1f4b9461]{background-color:#f2f3f5;border-radius:11px;box-shadow:none;display:flex;justify-content:center;margin-top:40px;overflow:hidden}}[data-v-1f4b9461]:root{--primary:#5a69e0;--primaryHover:#444cd3;--primaryActive:#0054e1;--primaryBgc:#f3f8fe}