:root{--ayi-edit-switch-border:#f2f2f2;--ayi-edit-switch-default-bg:#dcdfe6;--ayi-edit-switch-greyDark:#9baacf;--ayi-edit-switch-ac-bg:#242424;--ayi-edit-background:#fff;--ayi-edit-line-background:#ebebeb;--ayi-edit-redner-bg:#fff;--ayi-edit-text-color:#303133;--ayi-text-color-disabled:#c0c4cc;--ayi-fill-color-blank:#fff}.dark{--ayi-edit-switch-ac-bg:#242424;--ayi-edit-background:#1e1e1e;--ayi-edit-line-background:#383838;--ayi-edit-redner-bg:#141414;--ayi-edit-text-color:#e5eaf3;--ayi-text-color-disabled:#6c6e72;--ayi-fill-color-blank:transparent}body{background:var(--ayi-edit-background);color:var(--ayi-edit-text-color);min-width:1200px}*{margin:0;padding:0}.d-flex{display:flex}.h-100{height:100%}.w-100{width:100%}.justify-content-between{justify-content:space-between}.align-items-center{align-items:center}.ml-1{margin-left:10px}.mr-1{margin-right:10px}.px-1{padding:0 10px}.px-2{padding:0 20px}.px-3{padding:0 30px}.px-4{padding:0 40px}.px-5{padding:0 50px}.ayi-switch{width:40px;height:20px}.ayi-switch .input-cls{display:none}.ayi-switch .label-cls{background:var(--ayi-edit-switch-default-bg);border:1px solid var(--ayi-edit-switch-border);cursor:pointer;border-radius:1.6rem;align-items:center;width:100%;height:100%;display:flex;position:relative}.ayi-switch .label-cls:after{content:"";background-color:var(--ayi-edit-switch-greyDark);border-radius:50%;width:14px;height:14px;transition:all .4s;position:absolute;left:.4rem}.ayi-switch .label-cls:before{content:"";border-radius:inherit;background:var(--ayi-edit-switch-ac-bg);opacity:0;width:100%;height:100%;transition:all .4s}.ayi-switch input:checked~label:before{opacity:1}.ayi-switch input:checked~label:after{background-color:var(--ayi-edit-switch-default-bg);left:54%}.ayi-edit-header__wrap{border-bottom:1px solid var(--ayi-edit-line-background);background:var(--ayi-edit-background);z-index:101;width:100%;height:50px;position:fixed}.resizable-layout{width:100%;height:100vh;position:relative;overflow:hidden}.layout-panel{height:100%;transition:width .1s,left .1s,right .1s;position:absolute;overflow:auto}.left-panel{top:50px;left:0}.center-panel{background:var(--ayi-edit-redner-bg);height:100%;top:50px}.right-panel{top:50px;right:0}.resize-handle{cursor:col-resize;z-index:10;background:var(--ayi-edit-line-background);height:100%;transition:background-color .2s;position:absolute;top:50px}.resize-handle.active,.resize-handle:hover{background-color:#2196f3}.resize-handle-h{cursor:row-resize;z-index:10;background:var(--ayi-edit-line-background);width:calc(100% - 20px);transition:background-color .2s;position:absolute;top:50px}.resize-handle-h.active,.resize-handle-h:hover{background-color:#2196f3}.panel-content{box-sizing:border-box;height:100%;padding:10px}@media (width<=768px){.left-panel{width:v-bind(minColumnLeftWidthpx)!important}.right-panel{width:v-bind(minColumnRightWidthpx)!important}}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--ayi-fill-color-blank)}::-webkit-scrollbar-thumb{background-color:var(--ayi-text-color-disabled);border:3px solid var(--ayi-fill-color-blank);border-radius:6px}::-webkit-scrollbar-thumb:hover{background-color:#646464}html{scrollbar-width:thin;scrollbar-color:var(--ayi-text-color-disabled) var(--ayi-fill-color-blank)}