:root{--live-dark-color:#39423e}body,html{height:100%;margin:0;width:100%}#live-editor{display:flex;height:100%;position:relative;width:100%}#live-editor[v-cloak]{display:none}.live-topbar{background:#fff;border-bottom:1px solid #e8e8e9}.live-left-zone{background:#fff;border-right:1px solid #e8e8e9;flex-shrink:0;width:217px}.live-left-zone .layer-item{border-bottom:1px solid #e7e6e6}.live-left-zone .layer-item.sortable-chosen{position:relative}.live-left-zone .layer-item.sortable-chosen:before{--tw-border-opacity:1;border:1px dashed #2680eb;content:" ";display:block;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.live-left-zone .layer-item:first-child{border-top:1px solid #e7e6e6}.live-left-zone .layer-item .layer-name{color:#545454;cursor:pointer;font-size:15px;padding:5px 0 5px 20px}.live-left-zone .layer-item .layer-name:hover{background:#f1f1f1}.live-left-zone .layer-item .layer-name .dropdown-item{padding:2px 12px}.live-left-zone .layer-item.selected>.layer-name{background:#2680eb;color:#fff}.live-left-zone .layer-item .layer-item{padding-left:20px}.live-content-zone{flex-grow:1;padding:30px}.live-content-zone iframe{border:1px solid #e8e8e9}.live-right-zone{background:#fff;border-left:1px solid #e8e8e9;bottom:0;right:0;top:0;width:300px}.text-black{color:#000}.text-26{font-size:26px}.lh-26{line-height:26px}.border-bottom-gray{border-bottom-color:#e8e8e9}.border-gray,.border-right-gray{border-right-color:#e8e8e9}.border-right-1{border-right-width:1px}.border-bottom-1{border-bottom-width:1px}.border-solid{border-style:solid}.border-bottom-solid{border-bottom-style:solid}.border-right-solid{border-right-style:solid}.form-tabs .tab-item{border-bottom:3px solid #e8e8e9;cursor:pointer;text-align:center;transition:all .3s}.form-tabs .tab-item:hover{cursor:pointer}.form-tabs .tab-item.active,.form-tabs .tab-item:hover{border-bottom-color:#007bff}.form-tabs .tab-item.active{color:#007bff}.gap-5{gap:5px}.text-gray{color:gray}
