.popup-head[data-v-3f0adffa]{padding:16px 27px 16px 76px;background-color:#fff;box-shadow:-3px 0 10px rgba(0,0,0,.1607843137254902);transition:.3s}.popup-body[data-v-3f0adffa]{display:flex;flex-grow:1;justify-content:space-between;overflow:hidden}.body-container[data-v-3f0adffa]{flex:1;padding:40px;background-color:#f2f6f8;width:100%;min-height:220px;display:flex;flex-direction:column;overflow-y:hidden}.template-cont[data-v-3f0adffa]{height:100%;display:flex;flex-direction:column}.quick-form-mobile-preview-container[data-v-3f0adffa],.template-preview.desktop[data-v-3f0adffa]{border:1px solid #e1e1e1;border-radius:0 8px 8px 8px}.quick-form-mobile-preview-container[data-v-3f0adffa]{padding:80px 0;display:flex;justify-content:center;align-items:center;background-color:#fff}.cardBorder[data-v-3f0adffa]{overflow-y:auto;max-width:496px;min-width:496px;background-color:#fff;box-shadow:-3px 0 10px rgba(0,0,0,.1607843137254902);transition:.3s;padding:40px 30px 0 30px}.dist-list-group[data-v-3f0adffa]{margin:20px 0;cursor:default!important;& .guide-text{margin:0}& .dist-list{max-height:130px;overflow-y:scroll;& *{pointer-events:none!important}& span.es{pointer-events:auto!important}& .checkbox input.focus:not(:disabled)~i{outline:none}}}[data-v-3f0adffa] .contents{cursor:default;pointer-events:none!important}[data-v-3f0adffa] .attach-container,[data-v-3f0adffa] .scollY{pointer-events:auto}[data-v-3f0adffa] .scollY *{pointer-events:none}.button-template button[data-v-3f0adffa]{font-size:12px;width:218px;height:32px}.preview-tab[data-v-3f0adffa]{height:36px;padding:8px 28px;line-height:20px;&.top-left-rad{border-radius:6px 0 0 0}&.top-right-rad{border-radius:0 6px 0 0}}.combo-btn[data-v-3f0adffa]{color:#3c4147;background-color:hsla(0,0%,78.8%,.15);&.preview-tab{border:solid #e1e1e1;border-width:1px 1px 1px 1px;background-color:#fff}}.combo-btn.active[data-v-3f0adffa]{border:none;color:#fff;background-color:#0188ef}.attach-container[data-v-3f0adffa]{container:attach/size;width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);.attach-btn{width:100%;height:100%;.upload-btn,.upload-info{font-family:Poppins,serif;color:#fff;text-align:center}.upload-btn{font-size:clamp(6cqi,12cqmin,18cqi);font-weight:600;text-decoration:underline;white-space:break-spaces;cursor:pointer}.upload-info{font-size:clamp(2cqi,2cqmin,3cqi);white-space:pre-line}&.upload{background:#2563eb}&.replace{background:hsla(0,0%,100%,.7);visibility:hidden;.upload-btn,.upload-info{color:#2563eb}}}&:hover{.attach-btn.replace{visibility:visible}}}.error-message-hidden[data-v-3f0adffa]{opacity:0}[data-v-3f0adffa] .btn-header-close.btn-header-close{position:absolute;top:25px;left:30px;width:32px;height:32px;background:none}[data-v-3f0adffa] .btn-header-close.btn-header-close:before{top:5px;left:50%;transform:translate(-50%,-50%)}.mobile-only[data-v-3f0adffa]{display:none}@media screen and (max-width:767px){.popup-body[data-v-3f0adffa]{justify-content:normal;flex-wrap:wrap;flex-direction:row}.body-container[data-v-3f0adffa],.cardBorder[data-v-3f0adffa]{width:100%}[data-v-3f0adffa] .card-list{flex-wrap:nowrap;flex-grow:0;overflow-y:auto}}@media screen and (max-height:767px) and (orientation:landscape){.pc-only[data-v-3f0adffa]{display:none}.mobile-only[data-v-3f0adffa]{display:block}}@media screen and (max-width:1201px) and (orientation:portrait){.pc-only[data-v-3f0adffa]{display:none}.mobile-only[data-v-3f0adffa]{display:block}}