.device-button[data-v-4cc0d5eb]{align-items:center;background-color:#ffffffd6;border:1px solid rgba(22,28,45,.48);border-radius:10px;display:flex;height:36px;padding:0 16px}.device-button-disabled[data-v-4cc0d5eb]{background-color:#fff3;border:1px solid #161c2d33}.device-button .icon-device[data-v-4cc0d5eb]{color:#161c2d;font-size:25px;margin-right:8px}.device-button .btn-text[data-v-4cc0d5eb]{color:#161c2d;font-size:18px;line-height:26px}.active[data-v-4cc0d5eb]{background:#5a69e033;border:1px solid #5a69e0}.active .btn-text[data-v-4cc0d5eb],.active .iconfont[data-v-4cc0d5eb]{color:#5a69e0}.default[data-v-4cc0d5eb]{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 12px #161c2d33}.default[data-v-4cc0d5eb]:hover{background:#fff;border:1px solid #5a69e0}.default:hover .btn-text[data-v-4cc0d5eb],.default:hover .iconfont[data-v-4cc0d5eb]{color:#5a69e0}.un-active-mobile .btn-text[data-v-4cc0d5eb],.un-active-mobile .iconfont[data-v-4cc0d5eb]{color:#161c2d7a}.un-active-pc[data-v-4cc0d5eb]:hover{background:#fff;border:1px solid #5a69e0}.un-active-pc:hover .btn-text[data-v-4cc0d5eb],.un-active-pc:hover .iconfont[data-v-4cc0d5eb]{color:#5a69e0}[data-v-4cc0d5eb]:root{--primary:#5a69e0;--primaryHover:#444cd3;--primaryActive:#0054e1;--primaryBgc:#f3f8fe}.modal-template-preview[data-v-b776c488]{border-radius:20px;height:700px;position:relative}.modal-template-preview.mobile-preview[data-v-b776c488]{align-items:center;background-color:#d8d8d8;display:flex}.modal-template-preview .preview-container[data-v-b776c488]{border-radius:20px;height:700px;margin:0 auto;overflow:auto}.modal-template-preview .preview-container.pc[data-v-b776c488]{max-width:100%;width:100%}.modal-template-preview .preview-container.mobile[data-v-b776c488]{align-items:center;background-position:top;background-repeat:no-repeat;background-size:347px 681px;display:flex;height:681px;justify-content:center;padding-left:1px;position:relative;width:347px}.modal-template-preview .preview-container .phone-camera-image[data-v-b776c488]{height:29px;left:128px;position:absolute;right:131px;top:38px;width:93px}.modal-template-preview .device-wrapper[data-v-b776c488]{bottom:0;display:flex;gap:16px;left:0;margin-bottom:29px;margin-left:29px;position:absolute}.modal-template-preview .try-btn[data-v-b776c488]{border:1px solid #fff;border-radius:10px;bottom:29px;position:absolute;right:29px}.preview-iframe[data-v-b776c488]{background:#fff;border:none;display:block;margin:0 auto}.preview-mobile[data-v-b776c488]{align-items:center;border-radius:46px;display:flex;height:626px;overflow-y:auto;width:288px}.preview-snap-img[data-v-b776c488]{height:auto;max-height:unset;width:288px}[data-v-b776c488]:root{--primary:#5a69e0;--primaryHover:#444cd3;--primaryActive:#0054e1;--primaryBgc:#f3f8fe}.banner-preview[data-v-e230e300]{background-color:#464646;border:1px solid #5a69e0;border-radius:20px;box-shadow:0 4px 10px #5a69e01a,0 4px 40px #5a69e01a;cursor:pointer;height:600px;overflow:hidden;position:relative;width:600px}.banner-preview .preview-img[data-v-e230e300]{height:600px;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;width:600px}.banner-preview .preview-icon-wrapper[data-v-e230e300]{display:flex;gap:16px;position:absolute;right:20px;top:20px}@media screen and (max-width:1280px){.banner-preview[data-v-e230e300]{background-color:transparent;border:none;border-radius:0;box-shadow:none;height:auto;margin-top:52px;pointer-events:none;width:100%}.banner-preview .preview-icon-wrapper[data-v-e230e300]{display:flex;justify-content:center;margin-bottom:16px;position:relative;right:0;top:0}.banner-preview .preview-img[data-v-e230e300]{border:1px solid #161c2d33;border-radius:10px;height:327px;width:100%}}[data-v-e230e300]:root{--primary:#5a69e0;--primaryHover:#444cd3;--primaryActive:#0054e1;--primaryBgc:#f3f8fe}