.banner-preview[data-v-5d1ff8e1]{cursor:pointer;position:relative}.banner-preview .preview-img-wrapper[data-v-5d1ff8e1]{border-radius:20px;height:100%;overflow:hidden;width:100%}.banner-preview .preview-img[data-v-5d1ff8e1]{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-5d1ff8e1]{cursor:grab}.banner-preview .preview-img.is-dragging[data-v-5d1ff8e1]{cursor:grabbing}.banner-preview .preview-img .preview-img-inner[data-v-5d1ff8e1]{display:flex;height:100%;justify-content:center;width:100%}.banner-preview .preview-img .preview-img-inner[data-v-5d1ff8e1] picture img{max-height:unset}.banner-preview .preview-icon-wrapper[data-v-5d1ff8e1]{bottom:20px;display:flex;gap:12px;left:20px;position:absolute}.banner-preview .preview-icon-item[data-v-5d1ff8e1]{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-5d1ff8e1]:not(.disabled):hover{background-color:#fff;border-color:#161c2d}.banner-preview .preview-icon-item .icon-preview-operation[data-v-5d1ff8e1]{color:#161c2d7a;font-size:34px;transition:color .15s ease}.banner-preview .preview-icon-item:not(.disabled):hover .iconfont[data-v-5d1ff8e1]{color:#161c2d}.banner-preview[data-v-5d1ff8e1] .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-5d1ff8e1] .tooltip-content.top{bottom:calc(100% + 10px);left:50%;right:auto;transform:translate(-50%)}.banner-preview[data-v-5d1ff8e1] .tooltip-content.top:before{border-color:#161c2d transparent transparent;bottom:-6px;left:50%;transform:translate(-50%)}[data-v-5d1ff8e1]:root{--primary:#5a69e0;--primaryHover:#444cd3;--primaryActive:#0054e1;--primaryBgc:#f3f8fe}.modal-template-preview[data-v-eea599b7]{border-radius:20px;height:700px;position:relative}.modal-template-preview .banner-preview[data-v-eea599b7]{border-radius:20px;height:700px;margin:0 auto}.modal-template-preview .try-btn[data-v-eea599b7]{border:1px solid #fff;border-radius:10px;bottom:29px;position:absolute;right:29px}[data-v-eea599b7]:root{--primary:#5a69e0;--primaryHover:#444cd3;--primaryActive:#0054e1;--primaryBgc:#f3f8fe}.banner-preview[data-v-c7b60727]{background-color:#fff;border:1px solid #5a69e0;border-radius:20px;box-shadow:0 4px 10px #5a69e01a,0 4px 40px #5a69e01a;height:480px;width:480px}@media (max-width:1279px){.banner-preview[data-v-c7b60727]{background-color:#f2f3f5;border-radius:11px;box-shadow:none;display:flex;justify-content:center;margin-top:40px;overflow:hidden}}[data-v-c7b60727]:root{--primary:#5a69e0;--primaryHover:#444cd3;--primaryActive:#0054e1;--primaryBgc:#f3f8fe}