: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}.item-1 .el-input__inner{width:10%}.item-2 .el-input__inner{width:20%}.item-3 .el-input__inner{width:30%}.item-4 .el-input__inner{width:40%}.item-5 .el-input__inner{width:50%}.item-6 .el-input__inner{width:60%}.item-7 .el-input__inner{width:70%}.item-8 .el-input__inner{width:80%}.item-9 .el-input__inner{width:90%}.item-10 .el-input__inner{width:100%}.design-form-body .color-picker-wrapper,.design-layout-page-info .color-picker-wrapper{display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.design-form-body .color-picker-wrapper .ant-input-group-addon:first-child,.design-layout-page-info .color-picker-wrapper .ant-input-group-addon:first-child{padding:0;border:none;border-radius:0}.design-form-body .color-picker-wrapper .el-color-picker,.design-layout-page-info .color-picker-wrapper .el-color-picker{display:block}.design-form-body .color-picker-wrapper .el-color-picker__trigger,.design-layout-page-info .color-picker-wrapper .el-color-picker__trigger{border-color:#e8eaec;border-right:none;padding:0;border:none}.design-form-body .color-picker-wrapper .el-color-picker__color,.design-layout-page-info .color-picker-wrapper .el-color-picker__color{border-color:#e8eaec;border-right:none;border-radius:4px 0 0 4px;overflow:hidden}.design-form-body .color-picker-wrapper .el-color-picker__icon.el-icon-arrow-down,.design-layout-page-info .color-picker-wrapper .el-color-picker__icon.el-icon-arrow-down{color:#e8eaec}.design-form-body .color-picker-wrapper .el-icon-arrow-down,.design-layout-page-info .color-picker-wrapper .el-icon-arrow-down{display:none}