.EmailLoader_emailLoader__ahZXO{padding:1rem;border-radius:1rem;background-color:#d3d3d3;gap:1rem;animation:EmailLoader_pulse__Q_dEi 1.5s ease-in-out infinite;width:100%;max-width:400px;display:flex;flex-direction:column}.EmailLoader_img_container__J5zV5{width:15%;padding:20px}.EmailLoader_img__BKsaY{border:1px solid #fff;width:100%;height:100%;background-color:#babbbc}.EmailLoader_emailAvatar__Jt1pk{background-color:hsla(0,0%,42%,.5);width:3rem;height:3rem;border-radius:50%}.EmailLoader_header_row__TPCsV{display:flex;flex-direction:row;justify-content:space-between;height:50px}.EmailLoader_header_row_col__Z1jBa{display:flex;flex-direction:column;align-items:flex-end;flex-grow:1;gap:7px;margin-top:2px}.EmailLoader_first_row__OeUlh{display:flex;flex-direction:column;flex-grow:1;gap:.5rem;height:200px}.EmailLoader_second_row__VlFgn{display:flex;flex-direction:row;gap:.5rem;height:200px}.EmailLoader_second_row_col__JFqx8{display:flex;flex-direction:column;flex-grow:1;gap:.5rem}.EmailLoader_emailHeader__HoXCZ{background-color:hsla(0,0%,42%,.5);height:1rem;border-radius:.5rem;width:70%}.EmailLoader_emailLine__zWHxU{background-color:hsla(0,0%,42%,.5);height:.8rem;border-radius:.5rem;width:100%}.EmailLoader_short__9NoP0{width:50%}.EmailLoader_half__Q7CTA{width:80%}@keyframes EmailLoader_pulse__Q_dEi{0%,to{opacity:1}50%{opacity:.5}}.emailLoader{width:800px!important;max-width:800px;display:flex;flex-direction:column;padding:1rem;background-color:#d3d3d3;gap:1rem;animation:pulse 1.5s ease-in-out infinite;max-width:300px;height:200px}.img_container{width:15%;padding:20px}.img{width:100%;height:100%;border-radius:.5rem;background-color:hsla(0,0%,42%,.5)}.second_row{display:flex;flex-direction:row;gap:.5rem;height:200px}.second_row_col{display:flex;flex-direction:column;justify-content:center;align-items:justify;flex-grow:1;gap:.5rem}.emailLine{background-color:hsla(0,0%,42%,.5);height:.8rem;border-radius:.5rem;width:100%}.short{width:60%}.half{width:80%}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.form-group{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.form-group input{width:100%;padding:8px 30px 8px 8px;border-radius:4px;font-size:16px;background-color:#1e1e1e;color:#fff}.form-group input[type=number]{-moz-appearance:textfield;-webkit-appearance:none;appearance:none;width:50px;position:relative;border:none;outline:none}.form-group input:focus,.form-group input:hover,.form-group input[type=text]{border:none;outline:none}.form-group input[type=number]::-webkit-inner-spin-button,.form-group input[type=number]::-webkit-outer-spin-button{opacity:1;width:18px;height:calc(100% - 4px);position:absolute;top:2px;right:2px;background-color:#f9f9f9;border-left:1px solid #ccc;border-radius:0 4px 4px 0;cursor:pointer}.form-group input[type=number]:after,.form-group input[type=number]:before{content:none}input[type=number]{-moz-appearance:textfield}.background-editor{display:flex;gap:10px;flex-direction:row;margin-top:5px;margin-bottom:5px;justify-content:space-between;position:relative}.color-options{display:flex;align-items:center;gap:7px;flex-direction:row;flex-wrap:nowrap}.color-button{width:32px;height:32px;border:1px solid #ddd;border-radius:50%;cursor:pointer}.color-button,.color-button.pencil-button{display:flex;align-items:center;justify-content:center;background-color:#fff}.color-button.pencil-button{border:1px solid #ddd;padding:0}.color-button.selected{border:2px solid #000}.color-button.pencil-button.active{box-shadow:0 0 10px rgba(0,0,0,.3)}.color-picker-popup{position:absolute;top:50px;left:-4px;z-index:10;box-shadow:0 4px 8px rgba(0,0,0,.1)}.checkmark{color:#fff;font-size:12px;position:absolute}.alignment-buttons{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;margin-top:8px;gap:2px}.alignment-button{background-color:#1e1e1e;border:1px solid #0f0f0f;border-radius:5px;padding:10px;width:40px;height:40px;cursor:pointer;text-align:center;transition:background-color .3s ease}.alignment-button:hover{background-color:#fff;color:#0f0f0f}.alignment-button.selected{background-color:#007bff;border-color:#0056b3}.text-editor-icon{width:20px;height:20px;color:#fff}.alignment-button:hover .text-editor-icon{color:#0f0f0f}@media (max-width:600px){.form-group input[type=text]{width:93%;max-width:270px!important}}@media (min-width:601px){.form-group input[type=text]{max-width:11vw}}.icon-selector{display:flex;flex-direction:column;border-radius:8px;box-sizing:border-box}.dropdown-container{position:relative}.dropdown-container h3{color:#999;font-size:14px;font-weight:500;margin-bottom:16px}.dropdown-trigger{display:flex;align-items:center;width:100%;background-color:#2a2a2a;padding:8px;border:none;border-radius:4px;color:#fff;cursor:pointer}.dropdown-trigger img{width:24px;height:24px;object-fit:contain;border:none;outline:none;background-color:#fff}.separator{width:1px;height:24px;background-color:#404040;margin:0 8px}.dropdown-trigger span{flex-grow:1;text-align:left}.dropdown-content{position:absolute;top:100%;left:0;right:0;margin-top:4px;background-color:#2a2a2a;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.2);z-index:10}.dropdown-item{display:flex;align-items:center;width:100%;padding:8px;border:none;background:none;color:#fff;cursor:pointer}.dropdown-item:hover{background-color:#404040}.dropdown-item img{width:24px;height:24px;object-fit:contain;margin-right:8px;border:none;outline:none;background-color:#fff}.icons-section{display:flex;flex-direction:column}.icons-section h3{color:#999;font-size:14px;font-weight:500;margin-bottom:16px}.icons-grid{display:flex;flex-direction:row;flex-wrap:wrap;flex:1;gap:1px}.icon-button{position:relative;padding:0;border:none;background:none;cursor:pointer;transition:transform .2s}.icon-button.active,.icon-button:hover{transform:scale(1.05)}.icon-wrapper{display:flex;align-items:center;justify-content:center;background-color:transparent;border:none;outline:none;padding:0;transition:transform .2s}.icon-button:hover .icon-wrapper{transform:scale(1.1)}.icon-wrapper img{width:30px;height:30px;object-fit:contain;border:none;outline:none;background-color:#fff}@media (max-width:600px){.icon-selector{width:100%}}.mbsidebar{display:flex;background-color:#0f0f0f;color:#fff;box-sizing:border-box;font-size:16px;font-family:ui-sans-serif,-apple-system,system-ui,Segoe UI,Helvetica,Apple Color Emoji,Arial,sans-serif,Segoe UI Emoji,Segoe UI Symbol;overflow-y:auto;overflow-x:none}.mbsidebar::-webkit-scrollbar{width:2px;background-color:#141414}.mbsidebar::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#555}.headerStyle{display:flex;justify-content:space-between;align-items:center;cursor:pointer;user-select:none;font-size:18px;font-weight:500;padding-left:15px;padding-bottom:10px;padding-top:10px;border-bottom:2px dotted #1e1e1e;border-top:2px dotted #1e1e1e;color:#fff}.groupStyle{padding:8px 0}.contentStyle{padding:15px;display:grid;gap:10px}.inputStyle{width:100%;padding:8px;background-color:#333;border:1px solid #444;border-radius:4px;color:#fff}.subgroup-label{align-self:flex-start;padding-top:10px;padding-bottom:10px}.element-label{display:flex;flex-direction:row;justify-content:space-between;padding:15px;font-size:20px;font-weight:500}.toggle-button{display:none}.mjml-component{display:flex;font-family:ui-sans-serif,-apple-system,system-ui,Segoe UI,Helvetica,Apple Color Emoji,Arial,sans-serif,Segoe UI Emoji,Segoe UI Symbol;align-items:center;justify-content:center;flex-direction:column;width:100px;height:100px;background-color:#0f0f0f;color:#8d8d8d;outline:1px solid #8d8d8d;border-radius:8px;padding:15px;cursor:pointer;text-align:center}.mjml-component-icon{font-size:24px;color:#8d8d8d}.mjml-component-label{margin-top:4px;font-weight:500;font-size:15px;color:#8d8d8d}.mjml-component:hover .mjml-component-icon,.mjml-component:hover .mjml-component-label{color:#fff}.mjml-component:hover{outline:2px solid #fff}.sidebar-tabs-container{display:flex;border-bottom:1px solid #1e1e1e;background-color:#0f0f0f;padding:10px 0;overflow-x:auto}.sidebar-tabs-container::-webkit-scrollbar{display:none}.tab-button-sidebar{flex:0 0 auto;background:none;border:none;padding:10px 15px;cursor:pointer;color:#8d8d8d;display:flex;align-items:center;justify-content:center;transition:background-color .3s,color .3s}.tab-button-sidebar.active,.tab-button-sidebar:hover{background-color:#121212;color:#fff;border-radius:4px}.sidebar-tab-content{padding:15px;overflow-y:auto;max-height:calc(100vh - 150px)}.no-components{padding:10px;color:#8d8d8d;text-align:center}.mobile-view .contentStyle{padding:0}.sidebar-svd-div-component{overflow-y:auto}.sidebar-svd-div-component::-webkit-scrollbar{display:none}@media (max-width:600px){.mbsidebar{width:100vw;flex-direction:column;position:fixed;bottom:0;border-top:1px solid #1e1e1e;border-radius:15px 15px 0 0}.toggle-button{display:block}.mjml-component{min-width:50px!important;min-height:50px!important}.draggable-div{display:flex;flex-wrap:nowrap;gap:10px;padding:6px 15px 15px;flex-direction:row;overflow-y:auto}.sidebar-svd-div-component{max-width:100vw}}@media (min-width:601px){.mbsidebar{width:22vw;height:92vh;flex-direction:column;border-left:1px solid #1e1e1e;overflow-y:auto;position:absolute;top:8vh;right:0}.draggable-div{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center}.mbsidebar-span{display:none}}