.layout-edit>.ant-drawer-content-wrapper>.ant-drawer-content>.ant-drawer-wrapper-body>.ant-drawer-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0 10px;height:100%;padding:24px 24px 10px 10px}.layout-edit-render-title,.layout-edit-select-title,.layout-edit .layout-edit-select-range-title{padding-bottom:15px;border-bottom:1px solid #e9ebef;font-size:17px;font-weight:700}.layout-edit-render{height:100%;width:65%}.layout-edit-render-main{height:550px;width:100%;padding:12px 0}.layout-edit-select{position:relative;height:100%;width:30%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:20px 0}.layout-edit-select>div:first-child{font-size:17px;font-weight:700}.layout-edit-select>div:last-child{position:absolute;right:0;left:0;bottom:0;text-align:end}.layout-edit-select-main{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-radius:10px;gap:6px}.layout-edit-select-main>div{height:160px;background:#eaeaea}.layout-edit-select-range{gap:15px 0}.layout-edit-select-range,.layout-edit-select-range>div.el-radio-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.layout-edit-select-range>div.el-radio-group{gap:10px 0}.layout-edit-components{position:relative;width:calc(50% - 3px);padding:5px;cursor:pointer;border-radius:5px;border:2px solid hsla(0,0%,100%,.1);-webkit-transition:border-color .3s ease-in-out;transition:border-color .3s ease-in-out}.layout-edit-components>span.el-icon-success{position:absolute;color:var(--primary-color,#409eff);opacity:0;font-size:20px;right:7px;top:7px;z-index:2;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.layout-edit-components-row{height:100%;width:100%;margin:0!important;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:6px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.layout-edit-components-row:after,.layout-edit-components-row:before{display:none!important}.layout-edit-components-row>.el-col{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.layout-edit-components-row>.el-col-12{width:calc(50% - 6px)}.layout-edit-components-row-select>.el-col-12{width:calc(50% - 3px)}.layout-edit-components-used>span.el-icon-success{opacity:1;color:#fff}.layout-edit-components-checked{border-color:var(--primary-color,#409eff)}.layout-edit-components-checked>span.el-icon-success{color:var(--primary-color,#409eff);opacity:1}.layout-edit-components-content{height:100%;width:100%}.layout-edit-components-content:not(:has(.layout-edit-components-content)){background:#f5f5f5}.layout-edit-components-content>div.component-select-module{position:relative;height:100%;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:10px}.layout-edit-components-content>div.component-select-module .component-select-module-main{width:100%;height:calc(100% - 32px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;background:#d3dce6}.layout-edit-components-content>div.component-select-module .component-select-module-main-empty{color:#f56c6c}.layout-edit-components-content>div.component-select-module .component-select-module-header{height:32px;width:100%;background:#d3dce6;margin-bottom:10px}.layout-edit-split{width:1px;height:100%;border-right:2px dashed #000}@supports ((-webkit-mask:none) or (mask:none)){.layout-edit-split{border:none;background:-webkit-gradient(linear,left top,left bottom,from(#34538b),to(var(--primary-color,#409eff))) no-repeat;background:linear-gradient(180deg,#34538b,var(--primary-color,#409eff)) no-repeat;-webkit-mask:linear-gradient(90deg,var(--primary-color,#409eff) 6px,transparent 0) repeat-x,linear-gradient(180deg,var(--primary-color,#409eff) 6px,transparent 0) repeat-y,linear-gradient(90deg,#000 6px,transparent 0) repeat-x 0 100%,linear-gradient(180deg,#000 6px,transparent 0) repeat-y 100% 0;-webkit-mask-size:8px 2px,2px 8px,8px 2px,2px 8px}}.layout-edit-modal-dialog:has(div.layout-edit-modal-content) .dialog-style{height:30vh!important}.layout-edit-modal-dialog:has(div.layout-edit-modal-content) .dialog-style .modal-container:has(div.layout-edit-modal-content){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.layout-edit-modal-dialog:has(div.layout-edit-modal-content) .dialog-style .modal-container:has(div.layout-edit-modal-content) .layout-edit-modal-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:20px;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.layout-edit-modal-dialog:has(div.layout-edit-modal-content) .dialog-style .modal-container:has(div.layout-edit-modal-content) .layout-edit-modal-content>div{width:85%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0 10px}.layout-edit-modal-dialog:has(div.layout-edit-modal-content) .dialog-style .modal-container:has(div.layout-edit-modal-content) .layout-edit-modal-content>div>span{width:80px}.layout-edit-modal-dialog:has(div.layout-edit-modal-content) .dialog-style .modal-container:has(div.layout-edit-modal-content) .layout-edit-modal-content>div>div{-webkit-box-flex:1;-ms-flex:1;flex:1}.sale-area-container[data-v-0550fed4]{position:relative}.sale-area-container .del-btn[data-v-0550fed4]{position:absolute;right:-16px;top:0;width:20px;color:red}.sale-area-container[data-v-930eefe6]{position:relative}.sale-area-container .del-btn[data-v-930eefe6]{position:absolute;right:-16px;top:0;width:20px;color:red}.inputb-container[data-v-afb44ab8]{display:-webkit-box;display:-ms-flexbox;display:flex}.inputb-container .btn[data-v-afb44ab8]{width:80px}.sale-area-container[data-v-4f1ceafb]{position:relative}.sale-area-container .del-btn[data-v-4f1ceafb]{position:absolute;right:-16px;top:0;width:20px;color:red}.sale-area-container[data-v-5cc200ba]{position:relative}.sale-area-container .del-btn[data-v-5cc200ba]{position:absolute;right:-16px;top:0;width:20px;color:red}