.popup-head[data-v-b835b196]{padding:16px 27px 16px 76px;background-color:#fff;box-shadow:-3px 0 10px rgba(0,0,0,.1607843137254902);transition:.3s}.popup-body[data-v-b835b196]{display:flex;flex-grow:1;justify-content:space-between;overflow:hidden}.body-container[data-v-b835b196]{flex:1;padding:40px;background-color:#f2f6f8;min-height:220px;display:flex;flex-direction:column;overflow-y:hidden}.form-container[data-v-b835b196]{flex:1;padding:80px 0;border:1px solid #e1e1e1;border-radius:0 8px 8px 8px;display:grid;align-content:center;background-color:#fff;overflow-y:hidden;&.desktop{container-type:inline-size;container-name:embedded-form-container}}.template-cont[data-v-b835b196]{height:100%;display:flex;flex-direction:column}.cardBorder[data-v-b835b196]{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-b835b196]{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-b835b196] .contents{cursor:default;pointer-events:none!important}[data-v-b835b196] .scollY{pointer-events:auto}[data-v-b835b196] .scollY *{pointer-events:none}.button-template button[data-v-b835b196]{font-size:12px;width:218px;height:32px}.preview-tab[data-v-b835b196]{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-b835b196]{color:#3c4147;background-color:hsla(0,0%,78.8%,.15);&.preview-tab{border:solid #e1e1e1;border-width:1px 1px 1px 1px;background-color:#fff}&.tnf{border-radius:4px 0 0 4px}&.design{border-radius:0 4px 4px 0}}.combo-btn.active[data-v-b835b196]{border:none;color:#fff;background-color:#0188ef}[data-v-b835b196] .btn-header-close.btn-header-close{position:absolute;top:25px;left:30px;width:32px;height:32px;background:none}[data-v-b835b196] .btn-header-close.btn-header-close:before{top:5px;left:50%;transform:translate(-50%,-50%)}.quick-form-mobile-preview[data-v-b835b196]{width:360px;max-height:640px;.wrap.wrap{padding:60px 0 40px 0}.inputForm.inputForm{margin-top:22px}.contents.contents{padding:0 16px}.contents.contents h1{margin-bottom:22px;--normal-font-size:36px;font-size:36px}}.mobile-only[data-v-b835b196]{display:none}@container embedded-form-container (max-width: 480px){.embedded-quick-form.template-preview{min-width:100%!important;max-width:100%!important;.wrap.wrap{padding:60px 0 40px 0}.inputForm.inputForm{margin-top:22px}.contents.contents{padding:0 16px}.contents.contents h1{margin-bottom:22px;--normal-font-size:36px;font-size:36px}}}@media screen and (max-width:480px){.popup-body[data-v-b835b196]{justify-content:normal;flex-wrap:wrap;flex-direction:row}.body-container[data-v-b835b196],.cardBorder[data-v-b835b196]{width:100%}}@media (max-height:767px) and (orientation:landscape){.pc-only[data-v-b835b196]{display:none}.mobile-only[data-v-b835b196]{display:block}}@media (max-width:1201px) and (orientation:portrait){.pc-only[data-v-b835b196]{display:none}.mobile-only[data-v-b835b196]{display:block}}