@easyui/element-plus-pro/theme/index.css

This is an extended ui components library for element-plus

:root{--el-pro-primary-base:var(--el-color-primary);--el-pro-primary-dark:var(--el-color-primary-dark-2);--el-pro-primary-light:var(--el-color-primary-light-5);--el-pro-primary-lowest:var(--el-color-primary-light-9);--el-pro-second-base:var(--el-color-info);--el-pro-second-dark:var(--el-color-info-dark-2);--el-pro-second-light:var(--el-color-info-light-5);--el-pro-second-lowest:var(--el-color-info-light-9);--el-pro-success-base:var(--el-color-success);--el-pro-success-dark:var(--el-color-success-dark-2);--el-pro-success-light:var(--el-color-success-light-5);--el-pro-success-lowest:var(--el-color-success-light-9);--el-pro-warning-base:var(--el-color-warning);--el-pro-warning-dark:var(--el-color-warning-dark-2);--el-pro-warning-light:var(--el-color-warning-light-5);--el-pro-warning-lowest:var(--el-color-warning-light-9);--el-pro-danger-base:var(--el-color-danger);--el-pro-danger-dark:var(--el-color-danger-dark-2);--el-pro-danger-light:var(--el-color-danger-light-5);--el-pro-danger-lowest:var(--el-color-danger-light-9);--el-pro-border-base:var(--el-border-color);--el-pro-border-dark:var(--el-border-color-darker);--el-pro-border-light:var(--el-border-color-lighter);--el-pro-border-lowest:var(--el-border-color-extra-light);--el-pro-text-base:var(--el-text-color-regular);--el-pro-text-dark:var(--el-text-color-primary);--el-pro-text-light:var(--el-text-color-secondary);--el-pro-text-lowest:var(--el-text-color-disabled);--el-pro-white-color:var(--el-color-white);--el-pro-black-color:var(--el-color-black);--el-pro-placeholder-color:var(--el-text-color-placeholder);--el-pro-selected-bg-base:var(--el-color-primary-light-8);--el-pro-selected-bg-light:var(--el-color-primary-light-9);--el-pro-font-weight-normal:400;--el-pro-font-weight-medium:500;--el-pro-font-weight-bold:600}.el-popper.el-color-picker__panel .el-color-predefine .el-color-predefine__color-selector:not(.is-alpha):not(.selected){box-shadow:0 0 0 1px var(--el-pro-border-base)}.el-upload>.el-upload__tip{color:var(--el-pro-text-light)}.is-ghost.el-cascader .el-input__wrapper,.is-ghost.el-date-editor.el-date-editor--daterange,.is-ghost.el-date-editor.el-date-editor--datetimerange,.is-ghost.el-date-editor.el-date-editor--timerange,.is-ghost.el-input .el-input__wrapper,.is-ghost.el-input-number .el-input__wrapper,.is-ghost.el-select .el-select__wrapper,.is-ghost.el-textarea .el-textarea__inner{box-shadow:none;background:0 0}.is-ghost.el-cascader:hover .el-input__wrapper,.is-ghost.el-date-editor--daterange:hover,.is-ghost.el-date-editor--datetimerange:hover,.is-ghost.el-date-editor--timerange:hover,.is-ghost.el-input-number:hover .el-input__wrapper,.is-ghost.el-input:hover .el-input__wrapper,.is-ghost.el-select:hover .el-select__wrapper,.is-ghost.el-textarea:hover .el-textarea__inner{background:rgba(255,255,255,.8)}.is-ghost.el-input-number:not(:hover)>.el-input-number__decrease,.is-ghost.el-input-number:not(:hover)>.el-input-number__increase{background:0 0;border-color:transparent}.is-ghost.el-color-picker .el-color-picker__trigger{border:none}.el-pro-layout-border.el-pro-layout-vertical>.el-pro-layout-side:has(~.el-pro-layout-main),.el-pro-layout-border>.el-pro-layout-pane:has(>.el-pro-layout-pane-body)>.el-pro-layout-pane-header{border-bottom:1px solid var(--el-pro-border-base)}.is-ghost.el-color-picker .el-color-picker__trigger:hover{background:rgba(255,255,255,.8)}.is-ghost .el-input__wrapper,.is-ghost.el-input__wrapper{transition:none}.is-small-popper.el-popper.el-popover{padding:8px 8px 6px}.is-small-popper.el-dropdown__popper .el-dropdown-menu__item,.is-small-popper.el-select__popper .el-select-dropdown__item{padding:0 14px 0 10px;height:24px;line-height:24px;font-size:12px}.el-pro-space-wrapper{line-height:1}.el-pro-space-wrapper:not(.el-pro-space-inline){display:flex}.el-pro-space-wrapper.el-pro-space-inline{display:inline-flex}.el-pro-space-wrapper.el-pro-space-wrap{flex-wrap:wrap}.el-pro-space-wrapper.el-pro-space-horizontal{flex-direction:row}.el-pro-space-wrapper.el-pro-space-horizontal>.el-pro-space-spacer{height:100%;align-items:center}.el-pro-space-wrapper.el-pro-space-horizontal>.el-pro-space-spacer.space-spacer-default::before{min-height:1em;height:calc(100% - 1em);border-left:1px solid var(--el-pro-border-base)}.el-pro-space-wrapper.el-pro-space-vertical{flex-direction:column}.el-pro-space-wrapper.el-pro-space-vertical>.el-pro-space-spacer{width:100%;justify-content:center}.el-pro-space-wrapper.el-pro-space-vertical>.el-pro-space-spacer.space-spacer-default::before{min-width:1em;width:calc(100% - 1em);border-top:1px solid var(--el-pro-border-base)}.el-pro-space-wrapper>.el-pro-space-spacer{display:flex;flex-direction:row}.el-pro-space-wrapper>.el-pro-space-spacer.space-spacer-default::before{content:"";display:block}.el-pro-layout-wrapper{background:var(--el-pro-white-color);overflow:hidden}.el-pro-layout-wrapper.el-pro-layout-horizontal{display:flex;flex-direction:row}.el-pro-layout-wrapper.el-pro-layout-horizontal>.el-pro-layout-main,.el-pro-layout-wrapper.el-pro-layout-horizontal>.el-pro-layout-side{height:100%}.el-pro-layout-wrapper.el-pro-layout-horizontal>.el-pro-layout-main~.el-pro-layout-side>.el-pro-layout-pane-header>.el-pro-layout-side-collapse{order:3}.el-pro-layout-wrapper.el-pro-layout-horizontal>.el-pro-layout-main~.el-pro-layout-side>.el-pro-layout-pane-header>.el-pro-layout-pane-title,.el-pro-tab-links-wrapper:has(>.el-tabs.el-tabs--bottom)>.el-pro-tab-links-nav,.el-pro-tab-links-wrapper:has(>.el-tabs.el-tabs--right)>.el-pro-tab-links-nav{order:2}.el-pro-layout-wrapper.el-pro-layout-horizontal>.el-pro-layout-main~.el-pro-layout-side>.el-pro-layout-pane-header>.el-pro-layout-pane-toolbar{order:1}.el-pro-layout-wrapper.el-pro-layout-horizontal .el-pro-layout-pane-more{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(90deg)}.el-pro-layout-wrapper.el-pro-layout-vertical{display:flex;flex-direction:column}.el-pro-layout-wrapper.el-pro-layout-vertical .el-pro-layout-pane-more{margin:0 5px}.el-pro-layout-wrapper>.el-pro-layout-main,.el-pro-layout-wrapper>.el-pro-layout-wrapper{flex:1;overflow:hidden}.el-pro-layout-wrapper>.el-pro-layout-main .el-empty.el-pro-layout-pane-empty,.el-pro-layout-wrapper>.el-pro-layout-side .el-empty.el-pro-layout-pane-empty{padding:10px 0}.el-pro-layout-wrapper>.el-pro-layout-main .el-empty.el-pro-layout-pane-empty>.el-empty__image,.el-pro-layout-wrapper>.el-pro-layout-side .el-empty.el-pro-layout-pane-empty>.el-empty__image{width:80px}.el-pro-layout-wrapper>.el-pro-layout-main .el-empty.el-pro-layout-pane-empty>.el-empty__description,.el-pro-layout-wrapper>.el-pro-layout-side .el-empty.el-pro-layout-pane-empty>.el-empty__description{margin-top:5px}.el-pro-layout-wrapper>.el-pro-layout-main .el-empty.el-pro-layout-pane-empty>.el-empty__description>p,.el-pro-layout-wrapper>.el-pro-layout-side .el-empty.el-pro-layout-pane-empty>.el-empty__description>p{color:var(--el-pro-text-lowest)}.el-pro-layout-pane{display:flex;flex-direction:column}.el-pro-layout-pane.el-pro-layout-side-collapsible>.el-pro-layout-pane-header>.el-pro-layout-side-collapse{display:flex;flex-direction:row;width:32px;height:32px;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;justify-content:center}.el-pro-layout-pane.el-pro-layout-side-collapsible>.el-pro-layout-pane-header>.el-pro-layout-side-collapse:hover{background:var(--el-pro-second-lowest)}.el-pro-layout-pane.el-pro-layout-side-collapsed{-webkit-user-select:none;-moz-user-select:none;user-select:none}.el-pro-layout-pane>.el-pro-layout-pane-header{display:flex;flex-direction:row;padding:5px;align-items:center;font-size:14px;gap:5px}.el-pro-layout-pane>.el-pro-layout-pane-header>.el-pro-layout-pane-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;flex:1;line-height:1.5;text-align:center;font-weight:var(--el-pro-font-weight-bold)}.el-pro-layout-pane>.el-pro-layout-pane-header>.el-pro-layout-pane-toolbar{display:flex;flex-direction:row;align-items:center}.el-pro-layout-pane>.el-pro-layout-pane-body{flex:1;padding:5px;overflow:hidden;position:relative}.el-pro-layout-pane>.el-pro-layout-pane-body>.el-empty{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.el-pro-layout-pane .el-pro-layout-pane-more{color:var(--el-pro-text-lowest)}.el-pro-layout-border{border:1px solid var(--el-pro-border-base)}.el-pro-layout-border.el-pro-layout-horizontal>.el-pro-layout-side:has(~.el-pro-layout-main){border-right:1px solid var(--el-pro-border-base)}.el-pro-layout-border.el-pro-layout-horizontal>.el-pro-layout-main~.el-pro-layout-side{border-left:1px solid var(--el-pro-border-base)}.el-pro-layout-border.el-pro-layout-vertical>.el-pro-layout-main~.el-pro-layout-side{border-top:1px solid var(--el-pro-border-base)}.el-pro-frame-wrapper{background:var(--el-pro-white-color);overflow:hidden}.el-pro-frame-wrapper.el-pro-frame-horizontal{display:flex;flex-direction:row;align-items:stretch}.el-pro-frame-wrapper.el-pro-frame-horizontal>.el-pro-frame-trigger{width:6px;border-left:1px dashed var(--el-pro-border-base);border-right:1px dashed var(--el-pro-border-base);cursor:col-resize}.el-pro-frame-wrapper.el-pro-frame-horizontal>.el-pro-frame-trigger::before{box-shadow:0 -9px currentColor,0 -4px currentColor,0 4px currentColor,0 9px currentColor}.el-pro-frame-wrapper.el-pro-frame-vertical{display:flex;flex-direction:column;justify-content:stretch}.el-pro-frame-wrapper.el-pro-frame-vertical>.el-pro-frame-trigger{height:6px;border-top:1px dashed var(--el-pro-border-base);border-bottom:1px dashed var(--el-pro-border-base);cursor:row-resize}.el-pro-frame-wrapper.el-pro-frame-vertical>.el-pro-frame-trigger::before{box-shadow:-9px 0 currentColor,-4px 0 currentColor,4px 0 currentColor,9px 0 currentColor}.el-pro-frame-wrapper>.el-pro-frame-pane{padding:5px;overflow:auto}.el-pro-frame-wrapper>.el-pro-frame-trigger{position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.el-pro-frame-wrapper>.el-pro-frame-trigger::before{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);content:"";width:3px;height:3px;color:var(--el-pro-text-lowest);background:0 0;border-radius:50%;display:block}.el-pro-frame-collapsible>.el-pro-frame-trigger:hover::before{display:none}.el-pro-frame-collapsible>.el-pro-frame-trigger>.el-pro-frame-collapse-next,.el-pro-frame-collapsible>.el-pro-frame-trigger>.el-pro-frame-collapse-prev,.el-pro-frame-collapsible>.el-pro-frame-trigger>.el-pro-frame-collapse-reset{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:2px;width:18px;height:18px;color:var(--el-pro-text-lowest);font-size:12px;background:var(--el-pro-second-lowest);border:1px solid currentColor;border-radius:50%;display:none;cursor:pointer}.el-pro-frame-collapsible>.el-pro-frame-trigger>.el-pro-frame-collapse-next:hover,.el-pro-frame-collapsible>.el-pro-frame-trigger>.el-pro-frame-collapse-prev:hover,.el-pro-frame-collapsible>.el-pro-frame-trigger>.el-pro-frame-collapse-reset:hover{color:var(--el-pro-primary-base);background:var(--el-pro-primary-lowest)}.el-pro-frame-collapsible>.el-pro-frame-trigger:hover>.el-pro-frame-collapse-next,.el-pro-frame-collapsible>.el-pro-frame-trigger:hover>.el-pro-frame-collapse-prev,.el-pro-frame-collapsible>.el-pro-frame-trigger:hover>.el-pro-frame-collapse-reset{display:block}.el-pro-frame-collapsible.el-pro-frame-horizontal>.el-pro-frame-trigger>.el-pro-frame-collapse-prev{top:calc(50% - 23px)}.el-pro-frame-collapsible.el-pro-frame-horizontal>.el-pro-frame-trigger>.el-pro-frame-collapse-reset>svg{transform:rotate(90deg)}.el-pro-frame-collapsible.el-pro-frame-horizontal>.el-pro-frame-trigger>.el-pro-frame-collapse-next{top:calc(50% + 23px)}.el-pro-frame-collapsible.el-pro-frame-vertical>.el-pro-frame-trigger>.el-pro-frame-collapse-prev{left:calc(50% - 23px)}.el-pro-frame-collapsible.el-pro-frame-vertical>.el-pro-frame-trigger>.el-pro-frame-collapse-next{left:calc(50% + 23px)}.el-pro-frame-border{border:1px solid var(--el-pro-border-base)}.el-pro-frame-border.el-pro-frame-horizontal>.el-pro-frame-trigger{border-left-style:solid;border-right-style:solid}.el-pro-frame-border.el-pro-frame-vertical>.el-pro-frame-trigger{border-top-style:solid;border-bottom-style:solid}.el-pro-form-item-wrapper>.el-form-item__content>.el-cascader,.el-pro-form-item-wrapper>.el-form-item__content>.el-color-picker,.el-pro-form-item-wrapper>.el-form-item__content>.el-color-picker>.el-color-picker__trigger,.el-pro-form-item-wrapper>.el-form-item__content>.el-input-number,.el-pro-form-item-wrapper>.el-form-item__content>.el-input.el-date-editor,.el-pro-form-item-wrapper>.el-form-item__content>.el-select,.el-pro-form-wrapper .el-form-item>.el-form-item__content>.el-cascader,.el-pro-form-wrapper .el-form-item>.el-form-item__content>.el-color-picker,.el-pro-form-wrapper .el-form-item>.el-form-item__content>.el-color-picker>.el-color-picker__trigger,.el-pro-form-wrapper .el-form-item>.el-form-item__content>.el-input-number,.el-pro-form-wrapper .el-form-item>.el-form-item__content>.el-input.el-date-editor,.el-pro-form-wrapper .el-form-item>.el-form-item__content>.el-select{width:100%}.el-pro-form-item-wrapper>.el-form-item__content>.el-slider,.el-pro-form-wrapper .el-form-item>.el-form-item__content>.el-slider{margin:0 10px}.el-pro-form-item-wrapper>.el-form-item__content>.el-rate,.el-pro-form-wrapper .el-form-item>.el-form-item__content>.el-rate{display:inline-block}.el-pro-form-hide-message .el-form-item,.el-pro-form-inline-message .el-form-item,.el-pro-form-item-hide-message.el-form-item,.el-pro-form-item-inline-message.el-form-item{margin-bottom:5px}.el-pro-form-inline-message .el-form-item>.el-form-item__content>.el-form-item__error,.el-pro-form-item-inline-message.el-form-item>.el-form-item__content>.el-form-item__error{padding:0;top:unset;left:unset;bottom:3px;right:3px}.el-pro-search-form-wrapper{margin-bottom:5px;padding:5px;background:var(--el-pro-white-color)}.el-pro-search-form-wrapper>.el-row{gap:8px 0}.el-pro-search-form-wrapper>.el-row>.el-col .el-form-item{margin-bottom:0}.el-pro-search-form-wrapper .el-pro-search-form-item .el-input-number.is-controls-right .el-input__inner{text-align:left}.el-pro-search-form-wrapper .el-pro-search-form-toolbar.el-col{display:flex;flex-direction:row;align-items:center;gap:0 8px;overflow:hidden}.el-pro-search-form-wrapper .el-pro-search-form-toolbar:not(:has(>.el-pro-search-form-extra)){flex:1;width:auto;justify-content:end;overflow:hidden}.el-pro-search-form-wrapper .el-pro-search-form-toolbar>.el-pro-search-form-action,.el-pro-search-form-wrapper .el-pro-search-form-toolbar>.el-pro-search-form-extra{display:flex}.el-pro-search-form-wrapper .el-pro-search-form-toolbar>.el-pro-search-form-extra{flex:1;overflow:hidden}.el-pro-search-form-wrapper .el-pro-search-form-toolbar>.el-pro-search-form-action{justify-content:flex-end}.el-pro-search-form-border{border:1px solid var(--el-pro-border-base)}.el-pro-input-number-wrapper .el-pro-input-number-clear-btn{margin-left:8px;display:none;cursor:pointer}.el-pro-input-number-wrapper:hover .el-pro-input-number-clear-btn{display:block}.el-pro-radio-group-wrapper .el-pro-radio-group-dropdown-btn{margin-left:8px;outline:0}.el-pro-radio-group-wrapper .el-radio .el-radio__label{display:flex;align-items:center}.el-pro-radio-group-wrapper .el-radio-button:not(.is-active):hover .el-pro-radio-group-dropdown-btn,.el-pro-radio-group-wrapper .el-radio.is-checked .el-pro-radio-group-dropdown-btn{color:var(--el-pro-primary-base)}.el-pro-radio-group-wrapper .el-radio-button.is-active .el-pro-radio-group-dropdown-btn{color:#fff}.el-pro-radio-group-dropdown-popper .el-dropdown-menu__item.is-active{color:var(--el-pro-primary-base)}.el-pro-textarea-wrapper .el-pro-space-item:has(.el-pro-textarea-inner){flex:1}.el-pro-textarea-wrapper .el-pro-textarea-inner{position:relative}.el-pro-textarea-wrapper .el-pro-textarea-inner:not(.has-scroll).has-suffix .el-textarea__inner{padding-right:30px}.el-pro-textarea-wrapper .el-pro-textarea-inner:not(.has-scroll).has-suffix .el-pro-textarea-suffix{right:8px}.el-pro-textarea-wrapper .el-pro-textarea-inner.has-scroll.has-suffix .el-textarea__inner{padding-right:24px}.el-pro-textarea-wrapper .el-pro-textarea-inner.has-scroll.has-suffix .el-pro-textarea-suffix{right:12px}.el-pro-textarea-wrapper .el-pro-textarea-inner .el-pro-textarea-suffix{color:var(--el-input-icon-color,var(--el-text-color-placeholder));position:absolute;transform:translateY(-50%);top:50%}.el-pro-textarea-wrapper .el-pro-textarea-inner .el-pro-textarea-suffix .el-pro-textarea-clear{cursor:pointer}.el-pro-textarea-wrapper .el-pro-textarea-append,.el-pro-textarea-wrapper .el-pro-textarea-prepend{display:flex;flex-direction:row;padding:0 20px;height:100%;align-items:center;justify-content:center;color:var(--el-color-info);background-color:var(--el-fill-color-light)}.el-pro-textarea-wrapper .el-pro-textarea-append .el-button,.el-pro-textarea-wrapper .el-pro-textarea-append .el-select,.el-pro-textarea-wrapper .el-pro-textarea-prepend .el-button,.el-pro-textarea-wrapper .el-pro-textarea-prepend .el-select{display:inline-block;margin:0 -20px}.el-pro-dropdown-select-wrapper>.el-pro-dropdown-select-menu>.el-select__wrapper>div,.el-pro-table-wrapper>.el-pro-table-radio .el-table__body-wrapper .el-pro-table-selection.el-table__cell>.cell>.el-radio>.el-radio__label,.el-pro-table-wrapper>.el-pro-table-radio .el-table__header-wrapper .el-pro-table-selection.el-table__cell>.cell>.el-checkbox{display:none}.el-pro-textarea-wrapper:has(.el-pro-textarea-prepend) .el-textarea__inner{border-top-left-radius:0;border-bottom-left-radius:0}.el-pro-textarea-wrapper:has(.el-pro-textarea-append) .el-textarea__inner{border-top-right-radius:0;border-bottom-right-radius:0}.el-pro-textarea-wrapper .el-pro-textarea-prepend{border-radius:var(--el-border-radius-base) 0 0 var(--el-border-radius-base);box-shadow:1px 0 0 0 var(--el-border-color) inset,0 1px 0 0 var(--el-border-color) inset,0 -1px 0 0 var(--el-border-color) inset}.el-pro-textarea-wrapper .el-pro-textarea-append{border-radius:0 var(--el-border-radius-base) var(--el-border-radius-base) 0;box-shadow:0 1px 0 0 var(--el-border-color) inset,0 -1px 0 0 var(--el-border-color) inset,-1px 0 0 0 var(--el-border-color) inset}.el-pro-textarea-wrapper:not(.el-pro-input--small) .el-pro-textarea-append,.el-pro-textarea-wrapper:not(.el-pro-input--small) .el-pro-textarea-prepend{font-size:14px}.el-pro-textarea-wrapper.el-pro-input--small .el-pro-textarea-append,.el-pro-textarea-wrapper.el-pro-input--small .el-pro-textarea-prepend{font-size:12px}.el-pro-modal-input-wrapper>.input-for-modal-input .el-input__suffix .el-icon,.el-pro-modal-input-wrapper>.input-for-modal-input .el-pro-textarea-suffix .el-icon{cursor:pointer}.el-pro-dropdown-select-wrapper{min-height:2em;line-height:2em;border-radius:3px;position:relative;overflow:hidden}.el-pro-dropdown-select-wrapper>:first-child{width:100%}.el-pro-dropdown-select-wrapper>.el-pro-dropdown-select-menu{overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;opacity:0}.el-pro-dropdown-select-wrapper>.el-pro-dropdown-select-menu>.el-select__wrapper{height:100%;min-height:100%}.el-pro-table-wrapper>.el-pro-table .el-table__header-wrapper .el-table__header .el-table__cell{color:var(--el-pro-text-base);background:var(--el-pro-second-lowest)}.el-pro-table-wrapper>.el-pro-table .el-table__body-wrapper .el-table__body .el-table__row:hover>.el-table__cell{background:var(--el-pro-selected-bg-light)}.el-pro-table-wrapper>.el-pro-table .el-table__body-wrapper .el-table__body .el-table__row:has(.el-pro-table-selection .el-checkbox.is-checked)>.el-table__cell,.el-pro-table-wrapper>.el-pro-table .el-table__body-wrapper .el-table__body .el-table__row:has(.el-pro-table-selection .el-radio.is-checked)>.el-table__cell{background:var(--el-pro-selected-bg-base)}.el-pro-table-wrapper>.el-pro-table-radio .el-table__header-wrapper .el-pro-table-selection.el-table__cell>.cell:has(.el-checkbox):before{content:"~"}.el-pro-table-wrapper>.el-pro-table-pagination.el-pagination{margin-top:0!important;padding:8px 10px;justify-content:flex-end}.el-pro-table-wrapper>.el-table--border~.el-pagination{border:1px solid var(--el-pro-border-light);border-top:none}.el-pro-list-wrapper{display:flex;flex-direction:column;font-size:14px;color:var(--el-pro-text-base);overflow:hidden}.el-pro-list-wrapper .el-pro-list-row{display:flex;flex-direction:row;padding:8px 0;line-height:23px;align-items:center;overflow:hidden;gap:5px}.el-pro-list-wrapper .el-pro-list-row>.el-pro-list-row-selection{width:35px;text-align:center}.el-pro-list-wrapper .el-pro-list-row>.el-pro-list-row-selection>.el-radio>.el-radio__label{display:none}.el-pro-list-wrapper .el-pro-list-row>.el-pro-list-row-content{flex:1;padding:0 10px;overflow:hidden}.el-pro-list-wrapper>.el-pro-list-header .el-pro-list-row-content{font-weight:var(--el-pro-font-weight-bold)}.el-pro-list-wrapper>.el-pro-list-body{flex:1;overflow-y:auto}.el-pro-list-wrapper>.el-pro-list-body>.el-pro-list-empty{line-height:60px;text-align:center;color:var(--el-pro-text-light)}.el-pro-list-wrapper>.el-pro-list-body .el-pro-list-item>.el-pro-list-item-serial{width:30px;text-align:center;vertical-align:middle}.el-pro-list-wrapper>.el-pro-list-body .el-pro-list-item:hover{background:var(--el-pro-selected-bg-light)}.el-pro-list-wrapper>.el-pro-list-body .el-pro-list-item:has(.el-pro-list-row-selection .el-checkbox.is-checked),.el-pro-list-wrapper>.el-pro-list-body .el-pro-list-item:has(.el-pro-list-row-selection .el-radio.is-checked){background:var(--el-pro-selected-bg-base)}.el-pro-list-wrapper>.el-pro-list-load-more,.el-pro-list-wrapper>.el-pro-list-pagination{padding:8px 10px}.el-pro-list-wrapper>.el-pro-list-pagination{margin-top:0!important;justify-content:flex-end}.el-pro-list-wrapper>.el-pro-list-load-more{display:flex;flex-direction:row;align-items:center;justify-content:center}.el-pro-list-split>.el-pro-list-body .el-pro-list-item:not(:last-child){border-bottom:1px dashed var(--el-pro-border-light)}.el-pro-list-split>div:not(:first-child):not(.el-loading-mask){border-top:1px dashed var(--el-pro-border-light)}.el-pro-list-border{border:1px solid var(--el-pro-border-base);border-radius:3px}.el-pro-sort-list>.el-pro-list-body .el-pro-list-item .sort-item-drag-handle::after,.el-pro-sort-table td.sort-item-drag-handle::after{content:"";border-radius:50%;box-shadow:3px -6px currentColor,-3px -6px currentColor,3px 0 currentColor,-3px 0 currentColor,3px 6px currentColor,-3px 6px currentColor}.el-pro-list-border>.el-pro-list-body .el-pro-list-item:not(:last-child){border-bottom:1px solid var(--el-pro-border-light)}.el-pro-list-border>div:not(:first-child):not(.el-loading-mask){border-top:1px solid var(--el-pro-border-light)}.el-pro-list-large .el-pro-list-row{padding:12px 0}.el-pro-list-large .el-pro-list-row>.el-pro-list-row-content{padding:0 14px}.el-pro-list-large>.el-pro-list-body>.el-pro-list-empty{line-height:80px}.el-pro-list-large>.el-pro-list-load-more,.el-pro-list-large>.el-pro-list-pagination{padding:12px 14px}.el-pro-list-small{font-size:12px}.el-pro-list-small .el-pro-list-row{padding:4px 0}.el-pro-list-small .el-pro-list-row>.el-pro-list-row-content{padding:0 6px}.el-pro-list-small>.el-pro-list-body>.el-pro-list-empty{line-height:40px}.el-pro-list-small>.el-pro-list-load-more,.el-pro-list-small>.el-pro-list-pagination{padding:4px 6px}.el-pro-list-item-meta{display:flex;flex-direction:row;gap:10px}.el-pro-list-item-meta .el-pro-list-item-meta-container{display:flex;flex-direction:column;flex:1;gap:5px;overflow:hidden}.el-pro-list-item-meta .el-pro-list-item-meta-container .el-pro-list-item-meta-header{display:flex;flex-direction:row;line-height:1.5;gap:10px}.el-pro-list-item-meta .el-pro-list-item-meta-container .el-pro-list-item-meta-header .el-pro-list-item-meta-title{color:var(--el-pro-text-base);font-weight:var(--el-pro-font-weight-bold)}.el-pro-list-item-meta .el-pro-list-item-meta-container .el-pro-list-item-meta-header .el-pro-list-item-meta-subtitle{flex:1;color:var(--el-pro-text-light)}.el-pro-list-item-meta .el-pro-list-item-meta-container .el-pro-list-item-meta-content{color:var(--el-pro-text-base)}.el-pro-sort-table.sort-table-dragging .el-table__body-wrapper .el-table__body>tbody>tr.el-table__row.sortable-chosen>td,.el-pro-sort-table.sort-table-dragging .el-table__body-wrapper .el-table__body>tbody>tr.el-table__row[draggable=true]>td,.el-pro-sort-table.sort-table-dragging .el-table__fixed-body-wrapper .el-table__body>tbody>tr.el-table__row.sortable-chosen>td,.el-pro-sort-table.sort-table-dragging .el-table__fixed-body-wrapper .el-table__body>tbody>tr.el-table__row[draggable=true]>td{background:var(--el-pro-selected-bg-light);position:relative}.el-pro-sort-table.sort-table-dragging .el-table__body-wrapper .el-table__body>tbody>tr.el-table__row.sortable-chosen>td::before,.el-pro-sort-table.sort-table-dragging .el-table__body-wrapper .el-table__body>tbody>tr.el-table__row[draggable=true]>td::before,.el-pro-sort-table.sort-table-dragging .el-table__fixed-body-wrapper .el-table__body>tbody>tr.el-table__row.sortable-chosen>td::before,.el-pro-sort-table.sort-table-dragging .el-table__fixed-body-wrapper .el-table__body>tbody>tr.el-table__row[draggable=true]>td::before{content:"";width:100%;border-top:2px solid var(--el-pro-primary-base);position:absolute;top:0;left:0}.el-pro-sort-table th.sort-item-drag-handle>.cell{display:flex;flex-direction:row;align-items:center;justify-content:center}.el-pro-sort-table td.sort-item-drag-handle{position:relative;cursor:move}.el-pro-sort-table td.sort-item-drag-handle::after{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:3px;height:3px}.el-pro-sort-table>.el-table.el-table--small td.sort-item-drag-handle::after{transform:translate(-50%,-50%) scale(.85)}.el-pro-sort-list.sort-list-dragging .el-pro-list-body .el-pro-list-item.sortable-chosen,.el-pro-sort-list.sort-list-dragging .el-pro-list-body .el-pro-list-item[draggable=true]{background:var(--el-pro-selected-bg-light);position:relative}.el-pro-sort-list.sort-list-dragging .el-pro-list-body .el-pro-list-item.sortable-chosen::before,.el-pro-sort-list.sort-list-dragging .el-pro-list-body .el-pro-list-item[draggable=true]::before{content:"";width:100%;border-top:2px solid var(--el-pro-primary-base);position:absolute;top:0;left:0}.el-pro-sort-list>.el-pro-list-body .el-pro-list-item .sort-item-drag-handle{margin:0 0 0 5px;width:20px;height:20px;position:relative;cursor:move}.el-pro-sort-list>.el-pro-list-body .el-pro-list-item .sort-item-drag-handle::after{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:3px;height:3px}.el-pro-sort-list.el-pro-list-small .el-pro-list-item .sort-item-drag-handle{transform:scale(.85)}.el-pro-dynamic-table td>.cell .dynamic-edit-handle,.el-pro-dynamic-table th>.cell .dynamic-edit-handle{display:flex;flex-direction:row;align-items:center;justify-content:space-between;overflow:hidden}.el-pro-dynamic-list>.el-pro-list-header .el-pro-list-row-content{display:flex;flex-direction:row;gap:5px}.el-pro-dynamic-list:not(:has(.el-pro-list-row-selection)) .el-pro-list-item-before{margin-left:10px}.el-pro-dynamic-list:has(.el-pro-list-row-selection)>.el-pro-list-header .el-pro-list-row-content{padding:0}.el-pro-dynamic-list.el-pro-list-large:not(:has(.el-pro-list-row-selection)) .el-pro-list-item-before{margin-left:14px}.el-pro-dynamic-list.el-pro-list-large .dynamic-list-title{padding:0 14px}.el-pro-dynamic-list.el-pro-list-small:not(:has(.el-pro-list-row-selection)) .el-pro-list-item-before{margin-left:6px}.el-pro-dynamic-list.el-pro-list-small .dynamic-list-title{padding:0 6px}.el-pro-dynamic-list .dynamic-list-title{padding:0 10px;overflow:hidden;flex:1}.el-pro-dynamic-list .dynamic-edit-handle{height:24px}.el-pro-tab-links-wrapper{display:flex}.el-pro-tab-links-wrapper .el-tabs.el-pro-tab-links-nav.el-tabs--border-card{border-bottom:none}.el-pro-tab-links-wrapper .el-tabs.el-pro-tab-links-nav.el-tabs--card>.el-tabs__header .el-tabs__item{margin-bottom:1px}.el-pro-tab-links-wrapper .el-tabs.el-pro-tab-links-nav.el-tabs--top{margin-bottom:5px}.el-pro-modal-wrapper.el-overlay>.el-overlay-dialog>.el-dialog:not(.is-fullscreen),.el-pro-tab-links-wrapper .el-tabs.el-pro-tab-links-nav.el-tabs--top>.el-tabs__header.is-top{margin-bottom:0}.el-pro-tab-links-wrapper .el-tabs.el-pro-tab-links-nav.el-tabs--bottom{margin-top:5px}.el-pro-tab-links-wrapper .el-tabs.el-pro-tab-links-nav.el-tabs--bottom>.el-tabs__header.is-bottom{margin-top:0}.el-pro-tab-links-wrapper .el-tabs.el-pro-tab-links-nav.el-tabs--left{margin-right:5px}.el-pro-tab-links-wrapper .el-tabs.el-pro-tab-links-nav.el-tabs--left>.el-tabs__header.is-left{margin-right:0}.el-pro-tab-links-wrapper .el-tabs.el-pro-tab-links-nav.el-tabs--right{margin-left:5px}.el-pro-tab-links-wrapper .el-tabs.el-pro-tab-links-nav.el-tabs--right>.el-tabs__header.is-right{margin-left:0}.el-pro-tab-links-wrapper .el-tabs.el-pro-tab-links-nav>.el-tabs__content{display:none}.el-pro-tab-links-wrapper:has(>.el-tabs.el-tabs--bottom),.el-pro-tab-links-wrapper:has(>.el-tabs.el-tabs--top){flex-direction:column}.el-pro-tab-links-wrapper:has(>.el-tabs.el-tabs--left),.el-pro-tab-links-wrapper:has(>.el-tabs.el-tabs--right){flex-direction:row}.el-pro-tab-links-wrapper .el-pro-tab-links-body{flex:1}.el-pro-modal-wrapper.el-overlay>.el-overlay-dialog>.el-dialog{display:flex;flex-direction:column;padding:0!important;overflow:hidden}.el-pro-modal-wrapper.el-overlay>.el-overlay-dialog>.el-dialog:not(.is-fullscreen)>.el-dialog__body{max-height:calc(85vh - 85px)}.el-pro-modal-wrapper.el-overlay>.el-overlay-dialog>.el-dialog.is-fullscreen>.el-dialog__body{max-height:calc(100vh - 85px)}.el-pro-modal-wrapper.el-overlay>.el-overlay-dialog>.el-dialog>.el-dialog__header{display:flex;flex-direction:row;padding:0 50px 0 10px;height:40px;border-bottom:1px solid var(--el-pro-border-base);align-items:center;overflow:hidden}.el-pro-modal-wrapper.el-overlay>.el-overlay-dialog>.el-dialog>.el-dialog__header>.el-dialog__title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:1rem;font-weight:var(--el-pro-font-weight-bold)}.el-pro-modal-wrapper.el-overlay>.el-overlay-dialog>.el-dialog>.el-dialog__header>.el-dialog__headerbtn{width:40px;height:40px}.el-pro-modal-wrapper.el-overlay>.el-overlay-dialog>.el-dialog>.el-dialog__body{flex:1;overflow:hidden}.el-pro-modal-wrapper.el-overlay>.el-overlay-dialog>.el-dialog>.el-dialog__body .el-pro-modal-body{height:100%;padding:10px;overflow:auto}.el-pro-modal-wrapper.el-overlay>.el-overlay-dialog>.el-dialog>.el-dialog__footer{display:flex;flex-direction:row;padding:0 10px;height:45px;border-top:1px solid var(--el-pro-border-base);align-items:center;justify-content:flex-end}.el-pro-modal-screen-center.el-overlay>.el-overlay-dialog>.el-dialog{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin:0}.el-pro-drawer-wrapper.el-overlay>.el-drawer>.el-drawer__header{display:flex;flex-direction:row;margin-bottom:0!important;padding:0 0 0 10px;height:40px;border-bottom:1px solid var(--el-pro-border-base);align-items:center;overflow:hidden;gap:10px}.el-pro-drawer-wrapper.el-overlay>.el-drawer>.el-drawer__header>.el-drawer__title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:1rem;font-weight:var(--el-pro-font-weight-bold)}.el-pro-drawer-wrapper.el-overlay>.el-drawer>.el-drawer__header>.el-drawer__close-btn{padding:0!important;width:40px;height:40px;align-items:center;justify-content:center}.el-pro-drawer-wrapper.el-overlay>.el-drawer>.el-drawer__body{display:flex;flex-direction:column;padding:0!important}.el-pro-drawer-wrapper.el-overlay>.el-drawer>.el-drawer__body .el-pro-drawer-body{flex:1;padding:10px;overflow:auto}.el-pro-drawer-wrapper.el-overlay>.el-drawer>.el-drawer__body .el-pro-drawer-footer{display:flex;flex-direction:row;padding:0 10px;height:45px;border-top:1px solid var(--el-pro-border-base);align-items:center;justify-content:flex-end}.el-pro-tooltip-wrapper{width:100%;display:inline-flex}.el-pro-tooltip-wrapper .el-pro-tooltip-content{width:100%;display:inline-block;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.el-notification.notification-colorful:has(.el-notification--success){background:var(--el-color-success-light-9);border-color:var(--el-color-success-light-8)}.el-notification.notification-colorful:has(.el-notification--success) .el-notification__title{color:var(--el-color-success-dark-2)}.el-notification.notification-colorful:has(.el-notification--success) .el-notification__content{color:var(--el-color-success)}.el-notification.notification-colorful:has(.el-notification--warning){background:var(--el-color-warning-light-9);border-color:var(--el-color-warning-light-8)}.el-notification.notification-colorful:has(.el-notification--warning) .el-notification__title{color:var(--el-color-warning-dark-2)}.el-notification.notification-colorful:has(.el-notification--warning) .el-notification__content{color:var(--el-color-warning)}.el-notification.notification-colorful:has(.el-notification--error){background:var(--el-color-error-light-9);border-color:var(--el-color-error-light-8)}.el-notification.notification-colorful:has(.el-notification--error) .el-notification__title{color:var(--el-color-error-dark-2)}.el-notification.notification-colorful:has(.el-notification--error) .el-notification__content{color:var(--el-color-error)}.el-notification.notification-colorful:has(.el-notification--info){background:var(--el-color-info-light-9);border-color:var(--el-color-info-light-8)}.el-notification.notification-colorful:has(.el-notification--info) .el-notification__title{color:var(--el-color-info-dark-2)}.el-notification.notification-colorful:has(.el-notification--info) .el-notification__content{color:var(--el-color-info)}.el-pro-icon-wrapper{overflow:hidden}.el-pro-icon-wrapper>img{width:1em;height:1em;filter:drop-shadow(1em 0 currentColor);transform:translateX(-1em)}*{box-sizing:border-box}