.template[data-v-244160b8]{width:100%;height:100%}.template-filter[data-v-244160b8]{display:flex;justify-content:space-between;align-items:center}.preview[data-v-244160b8]{background-color:#f2f6f8}.popup-head[data-v-244160b8]{padding:16px 0 12px 0;& .title{font-size:20px;font-weight:600;padding-left:20px;padding-bottom:38px}}.sub-head .template-filter[data-v-244160b8]{padding:12px 54px 2px 54px}.popup-head[data-v-244160b8]{background-color:#fff;box-shadow:0 3px 6px rgba(0,0,0,.1607843137254902);transition:padding-left .3s;z-index:1}[data-v-244160b8] .popup-body.list{overflow:auto;height:calc(100% - 189px)}[data-v-244160b8] .popup-body.preview{overflow:auto;height:calc(100% - 75px)}[class*=ico-][data-v-244160b8]:before{content:"";position:absolute}.search-button-group[data-v-244160b8]{text-align:right;position:relative}.mobile-button[data-v-244160b8]{width:38px!important}[data-v-244160b8] .tab-list{position:absolute;z-index:1}.tab-component[data-v-244160b8]{border-bottom:1px solid #e1e1e1}@media screen and (max-width:767px){.title[data-v-244160b8]{font-size:16px!important}.tab-component[data-v-244160b8]{border-bottom:none}.search-button-group.open[data-v-244160b8]{border-top:1px solid #e1e1e1}.sr-only-text[data-v-244160b8]{background-color:#fff}.template-filter[data-v-244160b8]{padding:12px 0 2px 16px!important}.popup-head[data-v-244160b8]{padding:19px 16px 10px 0!important}}