[data-v-4793fd44]:root{--menu-text-color-dark:#bfcbd9;--menu-text-color-active-dark:#f4f4f5;--menu-background-dark:#282c34;--menu-hover-background-dark:#4e88f3;--sub-menu-background-dark:#282c34;--logo-title-color-dark:#fff;--navbar-height:50px}[data-v-4793fd44]:export{menuTextColor:var(--menu-text-color);menuTextColorActive:var(--menu-text-color-active);menuBackground:var(--menu-background);menuHoverBackground:var(--menu-hover-background);subMenuBackground:var(--sub-menu-background);logoTitleColor:var(--logo-title-color);menuTextColorDark:var(--menu-text-color-dark);menuTextColorActiveDark:var(--menu-text-color-active-dark);menuBackgroundDark:var(--menu-background-dark);menuHoverBackgroundDark:var(--menu-hover-background-dark);subMenuBackgroundDark:var(--sub-menu-background-dark);logoTitleColorDark:var(--logo-title-color-dark);sideBarWidth:var(--sidebar-width);hideSideBarWidth:var(--hide-sidebar-width)}.item-1 .el-input__inner[data-v-4793fd44]{width:10%}.item-2 .el-input__inner[data-v-4793fd44]{width:20%}.item-3 .el-input__inner[data-v-4793fd44]{width:30%}.item-4 .el-input__inner[data-v-4793fd44]{width:40%}.item-5 .el-input__inner[data-v-4793fd44]{width:50%}.item-6 .el-input__inner[data-v-4793fd44]{width:60%}.item-7 .el-input__inner[data-v-4793fd44]{width:70%}.item-8 .el-input__inner[data-v-4793fd44]{width:80%}.item-9 .el-input__inner[data-v-4793fd44]{width:90%}.item-10 .el-input__inner[data-v-4793fd44]{width:100%}.design-layout-components[data-v-4793fd44]{position:fixed;left:0;top:50px;bottom:0;width:250px;background:#fff;padding:16px;box-sizing:border-box;z-index:1;overflow-y:scroll}.design-layout-components[data-v-4793fd44]::-webkit-scrollbar{width:0}.design-layout-components .components-category h3[data-v-4793fd44]{position:relative;font-size:14px;font-weight:500;color:#3f4245;height:32px;line-height:32px;margin-bottom:0;cursor:pointer}.design-layout-components .components-category h3 i[data-v-4793fd44]{color:#aeb1b3}.design-layout-components .components-category ul[data-v-4793fd44]{list-style:none;padding:0;margin:0;padding-top:16px;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}.design-layout-components .components-category ul li[data-v-4793fd44]{-ms-flex-negative:0;flex-shrink:0;color:#6b7075;width:96px;height:74px;border:1px solid #e9eaec;box-sizing:border-box;text-align:center;margin-bottom:16px;border-radius:4px;cursor:move}.design-layout-components .components-category ul li i[data-v-4793fd44]{font-size:24px}.design-layout-components .components-category ul li p[data-v-4793fd44]{font-size:12px}.design-layout-components .components-category ul li.is-chosen[data-v-4793fd44],.design-layout-components .components-category ul li[data-v-4793fd44]:hover{background:#29ba9c;border-color:#29ba9c;color:#fff}.design-layout-components .components-category .anticon-caret-down[data-v-4793fd44]{transition:all .5s}.design-layout-components .components-category.slide-up .anticon-caret-down[data-v-4793fd44]{transform:rotate(180deg)}.design-layout-components .components-category.slide-up ul[data-v-4793fd44]{display:none}