.emailbuilder-container{width:100vw;height:100vh;max-height:100vh;min-height:100vh;overflow:hidden}.emailbuilder-container .grid{display:grid;grid-template-columns:1fr 1fr}@media screen and (max-width: 800px){.emailbuilder-container .grid{grid-template-columns:1fr}}@media screen and (max-width: 800px){.emailbuilder-container{overflow:unset;max-height:unset}}.title{height:40px}pre{max-width:100%;white-space:pre-wrap;height:100%;overflow:scroll;padding:24px;border-radius:8px;background:#ebedf2;margin-top:24px}.h-100vh{max-height:100vh;height:100vh}.border-box{box-sizing:border-box}.controls-section{padding:16px 40px 24px}@media screen and (max-width: 800px){.controls-section{padding:16px}}.controls-section .heading-section{height:104px;padding:24px 0;position:relative}.controls-section .heading-section .actions{position:absolute;right:0;top:24px;display:flex}.controls-section .heading-section .actions>:last-child{margin-left:16px}iframe#preview{width:100%;height:calc(100vh - 40px);border:1px solid #eee;position:relative}.tab-content{height:calc(100vh - 220px)}.medium-editor-toolbar-form-active{visibility:visible}ul#blocksList{list-style:none;padding:unset;border:1px solid #CCD4DE;border-radius:8px;margin-top:24px;max-height:calc(100% - 48px);overflow:scroll}ul#blocksList li{height:64px;padding:16px 24px 16px 40px;border-bottom:1px solid #CCD4DE;display:flex;align-items:center;justify-content:space-between;background:#fff;position:relative}ul#blocksList li:first-child{border-top-left-radius:8px;border-top-right-radius:8px}ul#blocksList li:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-bottom:unset}ul#blocksList li:hover{background-color:#f3f5fa}ul#blocksList li:hover .actions>button{display:initial}ul#blocksList li .actions>button{display:none;margin-right:8px}ul#blocksList li .actions>button:last-child{margin-right:0}ul#blocksList li .actions>button.btn-icon{max-width:40px;color:#748499;border:unset}ul#blocksList li .drag-handle{position:absolute;cursor:grab;left:0;padding:16px;color:#748499;opacity:.5;transition:.2s ease;z-index:1}ul#blocksList li .drag-handle:hover{opacity:1}ul#blocksList li .drag-handle i{font-size:12px}ul#blocksList li.sortable-drag{opacity:1;border:1px solid #748499}ul#blocksList li.sortable-ghost:after{content:"";position:absolute;width:100%;height:100%;background:#f3f5fa;z-index:2;left:0}.nav-custom{border-bottom:1px solid #CCD4DE}.nav-custom li.nav-item button{background:unset;border:unset;color:#748499}.nav-custom li.nav-item .nav-link.active{border-bottom:3px solid;color:var(--bs-blue)}#themeForm{margin-top:24px;padding:24px;border:1px solid #CCD4DE;border-radius:8px;height:100%;overflow:scroll}#themeForm input[type=color]{width:100%;display:block}.medium-editor-element a{color:inherit!important}.medium-editor-element{min-height:100px;border:1px solid #CCD4DE;border-radius:.375rem;padding:12px;background:#fff}.medium-editor-element:focus{outline:none;border-color:#007aff;box-shadow:0 0 0 .2rem #007aff40}.medium-editor-toolbar{border-radius:.375rem;box-shadow:0 2px 8px #00000026}#input-fields-container .row .col button.reset-value{right:.5rem}.block-fields input[type=color]{display:block!important;width:100%;border:1px solid #CCD4DE;border-radius:.375rem;cursor:pointer}.btn-light{--bs-btn-bg: #f3f5fa;--bs-btn-border-color: #f8f9fa;--bs-btn-hover-bg: #EBEDF2;--bs-btn-hover-border-color: #EBEDF2}.toast-container{bottom:24px;left:32px}.toast-container .toast{--bs-toast-bg: rgba(var(--bs-body-bg-rgb), 1)}.block-fields{position:relative}.block-fields .reset-value{--bs-btn-padding-y: .25rem;--bs-btn-padding-x: .5rem;--bs-btn-font-size: .75rem;position:absolute;top:0;right:0;color:#748499;background-color:unset;border:unset}.block-fields .reset-value:hover{background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color)}.ms-dd{width:200px!important;margin-bottom:24px;border-radius:.375rem;font-family:inherit}.ms-dd .ms-dd-header{border-radius:.375rem;overflow:hidden;border:1px solid #CCD4DE}.ms-dd .ms-dd-header .ms-filter-box{display:block;height:76px;position:relative}.ms-dd .ms-dd-header .ms-filter-box:after{content:"Search";position:absolute;left:16px;font-size:12px;top:16px;color:#748499}.ms-dd .ms-dd-header .ms-filter-box input{height:100%!important;padding-top:16px}.ms-dd .ms-options{border:1px solid #CCD4DE;box-shadow:0 1px 5px #0003;margin-top:4px;max-height:400px}.ms-dd .ms-list-option{padding:8px 24px!important}.ms-dd .ms-list-option .ms-dd-option-content{display:flex;align-items:center;justify-content:space-between}.ms-dd .ms-list-option .ms-middle{flex-direction:row-reverse}.ms-dd .ms-list-option.option-selected{background:#f8faff}.ms-dd .ms-list-option:hover{background:#f3f5fa}.ms-dd .ms-dd-option-image{max-width:120px;order:2}.ms-dd .ms-dd-option-text{order:1;flex:1}.json-templates{display:grid;grid-gap:24px;grid-template-columns:1fr 1fr 1fr}.radio-group{position:relative}.radio-group input{position:absolute;top:8px;left:8px}.radio-group input:checked+label{border-color:#007aff}.radio-group label{display:block;box-sizing:border-box;width:100%;padding:16px;border:1px solid #DEE2EB;border-radius:8px;overflow:hidden}.radio-group label img{object-fit:cover;width:100%;margin-bottom:8px}.custom-dropdown .btn:hover,.custom-dropdown .btn:active,.custom-dropdown .btn:focus{color:#212529!important;background-color:#f8f9fa!important;border-color:#ced4da!important}.custom-dropdown{position:relative;width:100%;margin-bottom:1rem}.custom-dropdown .btn{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:.5rem .75rem;border:1px solid #ced4da;border-radius:.375rem;background-color:#f8faff;cursor:pointer;width:100%;height:80px;font-size:14px}.custom-dropdown .btn span{width:100%;text-align:left;font-weight:700;font-size:1.1rem}.custom-dropdown .btn img{height:64px;width:auto;object-fit:contain}.custom-dropdown .dropdown-menu{position:absolute;top:100%;left:0;right:0;z-index:9999;display:none;background-color:#fff;border:1px solid #ced4da;border-radius:.375rem;box-shadow:0 .5rem 1rem #00000026;max-height:400px;overflow-y:auto;width:100%}.custom-dropdown .dropdown-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:.75rem;cursor:pointer;border-bottom:1px solid #f8f9fa;font-size:1.05rem;font-weight:700;color:#212529;min-height:80px}.custom-dropdown .dropdown-item:hover{background-color:#f8f9fa}.custom-dropdown .dropdown-item span{text-align:left}.custom-dropdown .dropdown-item img{height:64px;width:auto;object-fit:contain}