@charset "UTF-8";

:root {
    --el-color-white                           : #ffffff;
    --el-color-black                           : #000000;
    --el-color-primary-rgb                     : 22, 119, 255;
    --el-color-success-rgb                     : 82, 196, 26;
    --el-color-warning-rgb                     : 250, 173, 20;
    --el-color-danger-rgb                      : 255, 77, 79;
    --el-color-error-rgb                       : 255, 77, 79;
    --el-color-info-rgb                        : 144, 147, 153;
    --el-font-size-extra-large                 : 20px;
    --el-font-size-large                       : 18px;
    --el-font-size-medium                      : 16px;
    --el-font-size-base                        : 14px;
    --el-font-size-small                       : 13px;
    --el-font-size-extra-small                 : 12px;
    --el-font-family                           : "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
    --el-font-weight-primary                   : 500;
    --el-font-line-height-primary              : 24px;
    --el-index-normal                          : 1;
    --el-index-top                             : 1000;
    --el-index-popper                          : 2000;
    --el-border-radius-base                    : 3px;
    --el-border-radius-small                   : 2px;
    --el-border-radius-round                   : 20px;
    --el-border-radius-circle                  : 100%;
    --el-transition-duration                   : .3s;
    --el-transition-duration-fast              : .2s;
    --el-transition-function-ease-in-out-bezier: cubic-bezier(.645, .045, .355, 1);
    --el-transition-function-fast-bezier       : cubic-bezier(.23, 1, .32, 1);
    --el-transition-all                        : all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);
    --el-transition-fade                       : opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);
    --el-transition-md-fade                    : transform var(--el-transition-duration) var(--el-transition-function-fast-bezier), opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);
    --el-transition-fade-linear                : opacity var(--el-transition-duration-fast) linear;
    --el-transition-border                     : border-color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);
    --el-transition-box-shadow                 : box-shadow var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);
    --el-transition-color                      : color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);
    --el-component-size-large                  : 40px;
    --el-component-size                        : 32px;
    --el-component-size-small                  : 24px
}

:root {
    color-scheme                 : light;
    --el-color-white             : #ffffff;
    --el-color-black             : #000000;
    --el-color-primary           : #1677ff;
    --el-color-primary-light-3   : #5ca0ff;
    --el-color-primary-light-5   : #8bbbff;
    --el-color-primary-light-7   : #b9d6ff;
    --el-color-primary-light-8   : #d0e4ff;
    --el-color-primary-light-9   : #e8f1ff;
    --el-color-primary-dark-2    : #125fcc;
    --el-color-success           : #52c41a;
    --el-color-success-light-3   : #86d65f;
    --el-color-success-light-5   : #a9e28d;
    --el-color-success-light-7   : #cbedba;
    --el-color-success-light-8   : #dcf3d1;
    --el-color-success-light-9   : #eef9e8;
    --el-color-success-dark-2    : #429d15;
    --el-color-warning           : #faad14;
    --el-color-warning-light-3   : #fcc65b;
    --el-color-warning-light-5   : #fdd68a;
    --el-color-warning-light-7   : #fee6b9;
    --el-color-warning-light-8   : #feefd0;
    --el-color-warning-light-9   : #fff7e8;
    --el-color-warning-dark-2    : #c88a10;
    --el-color-danger            : #ff4d4f;
    --el-color-danger-light-3    : #ff8284;
    --el-color-danger-light-5    : #ffa6a7;
    --el-color-danger-light-7    : #ffcaca;
    --el-color-danger-light-8    : #ffdbdc;
    --el-color-danger-light-9    : #ffeded;
    --el-color-danger-dark-2     : #cc3e3f;
    --el-color-error             : #ff4d4f;
    --el-color-error-light-3     : #ff8284;
    --el-color-error-light-5     : #ffa6a7;
    --el-color-error-light-7     : #ffcaca;
    --el-color-error-light-8     : #ffdbdc;
    --el-color-error-light-9     : #ffeded;
    --el-color-error-dark-2      : #cc3e3f;
    --el-color-info              : #909399;
    --el-color-info-light-3      : #b1b3b8;
    --el-color-info-light-5      : #c8c9cc;
    --el-color-info-light-7      : #dedfe0;
    --el-color-info-light-8      : #e9e9eb;
    --el-color-info-light-9      : #f4f4f5;
    --el-color-info-dark-2       : #73767a;
    --el-bg-color                : #ffffff;
    --el-bg-color-page           : #f0f2f5;
    --el-bg-color-overlay        : #ffffff;
    --el-text-color-primary      : rgba(0, 0, 0, .92);
    --el-text-color-regular      : rgba(0, 0, 0, .88);
    --el-text-color-secondary    : rgba(0, 0, 0, .6);
    --el-text-color-placeholder  : rgba(0, 0, 0, .36);
    --el-text-color-disabled     : rgba(0, 0, 0, .28);
    --el-border-color            : #d9d9d9;
    --el-border-color-light      : #e8e8e8;
    --el-border-color-lighter    : #e8e8e8;
    --el-border-color-extra-light: #f0f0f0;
    --el-border-color-dark       : #d4d7de;
    --el-border-color-darker     : #cdd0d6;
    --el-fill-color              : #f0f0f0;
    --el-fill-color-light        : #f5f5f5;
    --el-fill-color-lighter      : #f7f7f7;
    --el-fill-color-extra-light  : #fafafa;
    --el-fill-color-dark         : #ebedf0;
    --el-fill-color-darker       : #e6e8eb;
    --el-fill-color-blank        : #ffffff;
    --el-box-shadow              : 0 2px 10px 2px rgba(0, 0, 0, .1);
    --el-box-shadow-light        : 0 6px 16px 0 rgba(0, 0, 0, .08), 0 3px 6px -4px rgba(0, 0, 0, .12), 0 9px 28px 8px rgba(0, 0, 0, .05);
    --el-box-shadow-lighter      : 0 1px 2px 0 rgba(0, 0, 0, .03), 0 1px 6px -1px rgba(0, 0, 0, .02), 0 2px 4px 0 rgba(0, 0, 0, .02);
    --el-box-shadow-dark         : 0 6px 16px 0 rgba(0, 0, 0, .08), 0 3px 6px -4px rgba(0, 0, 0, .12), 0 9px 28px 8px rgba(0, 0, 0, .05);
    --el-disabled-bg-color       : var(--el-fill-color-light);
    --el-disabled-text-color     : var(--el-text-color-placeholder);
    --el-disabled-border-color   : var(--el-border-color-light);
    --el-overlay-color           : rgba(0, 0, 0, .8);
    --el-overlay-color-light     : rgba(0, 0, 0, .6);
    --el-overlay-color-lighter   : rgba(0, 0, 0, .45);
    --el-mask-color              : rgba(255, 255, 255, .4);
    --el-mask-color-extra-light  : rgba(255, 255, 255, .6);
    --el-border-width            : 1px;
    --el-border-style            : solid;
    --el-border-color-hover      : var(--el-text-color-disabled);
    --el-border                  : var(--el-border-width) var(--el-border-style) var(--el-border-color);
    --el-svg-monochrome-grey     : var(--el-border-color)
}

.el-message-box {
    --el-messagebox-title-color      : var(--el-text-color-primary);
    --el-messagebox-width            : 420px;
    --el-messagebox-border-radius    : 4px;
    --el-messagebox-font-size        : var(--el-font-size-large);
    --el-messagebox-content-font-size: var(--el-font-size-base);
    --el-messagebox-content-color    : var(--el-text-color-regular);
    --el-messagebox-error-font-size  : 12px;
    --el-messagebox-padding-primary  : 15px
}

.el-message-box {
    display            : inline-block;
    max-width          : var(--el-messagebox-width);
    width              : 100%;
    padding-bottom     : 10px;
    vertical-align     : middle;
    background-color   : var(--el-bg-color);
    border-radius      : var(--el-messagebox-border-radius);
    border             : 1px solid var(--el-border-color-lighter);
    font-size          : var(--el-messagebox-font-size);
    box-shadow         : var(--el-box-shadow-light);
    text-align         : left;
    overflow           : hidden;
    backface-visibility: hidden;
    box-sizing         : border-box
}

.el-message-box:focus {
    outline: none !important
}

.el-overlay.is-message-box .el-overlay-message-box {
    text-align: center;
    position  : fixed;
    top       : 0;
    right     : 0;
    bottom    : 0;
    left      : 0;
    padding   : 16px;
    overflow  : auto
}

.el-overlay.is-message-box .el-overlay-message-box:after {
    content       : "";
    display       : inline-block;
    height        : 100%;
    width         : 0;
    vertical-align: middle
}

.el-message-box.is-draggable .el-message-box__header {
    cursor     : move;
    user-select: none
}

.el-message-box__header {
    position      : relative;
    padding       : var(--el-messagebox-padding-primary);
    padding-bottom: 10px
}

.el-message-box__title {
    padding-left : 0;
    margin-bottom: 0;
    font-size    : var(--el-messagebox-font-size);
    line-height  : 1;
    color        : var(--el-messagebox-title-color)
}

.el-message-box__headerbtn {
    position  : absolute;
    top       : var(--el-messagebox-padding-primary);
    right     : var(--el-messagebox-padding-primary);
    padding   : 0;
    border    : none;
    outline   : none;
    background: transparent;
    font-size : var(--el-message-close-size, 16px);
    cursor    : pointer
}

.el-message-box__headerbtn .el-message-box__close {
    color    : var(--el-color-info);
    font-size: inherit
}

.el-message-box__headerbtn:focus .el-message-box__close,
.el-message-box__headerbtn:hover .el-message-box__close {
    color: var(--el-color-primary)
}

.el-message-box__content {
    padding  : 10px var(--el-messagebox-padding-primary);
    color    : var(--el-messagebox-content-color);
    font-size: var(--el-messagebox-content-font-size)
}

.el-message-box__container {
    position: relative
}

.el-message-box__input {
    padding-top: 15px
}

.el-message-box__input div.invalid>input {
    border-color: var(--el-color-error)
}

.el-message-box__input div.invalid>input:focus {
    border-color: var(--el-color-error)
}

.el-message-box__status {
    position : absolute;
    top      : 50%;
    transform: translateY(-50%);
    font-size: 24px !important
}

.el-message-box__status:before {
    padding-left: 1px
}

.el-message-box__status.el-icon {
    position: absolute
}

.el-message-box__status+.el-message-box__message {
    padding-left : 36px;
    padding-right: 12px;
    word-break   : break-word
}

.el-message-box__status.el-message-box-icon--success {
    --el-messagebox-color: var(--el-color-success);
    color                : var(--el-messagebox-color)
}

.el-message-box__status.el-message-box-icon--info {
    --el-messagebox-color: var(--el-color-info);
    color                : var(--el-messagebox-color)
}

.el-message-box__status.el-message-box-icon--warning {
    --el-messagebox-color: var(--el-color-warning);
    color                : var(--el-messagebox-color)
}

.el-message-box__status.el-message-box-icon--error {
    --el-messagebox-color: var(--el-color-error);
    color                : var(--el-messagebox-color)
}

.el-message-box__message {
    margin: 0
}

.el-message-box__message p {
    margin     : 0;
    line-height: 24px
}

.el-message-box__errormsg {
    color     : var(--el-color-error);
    font-size : var(--el-messagebox-error-font-size);
    min-height: 18px;
    margin-top: 2px
}

.el-message-box__btns {
    padding        : 5px 15px 0;
    display        : flex;
    flex-wrap      : wrap;
    justify-content: flex-end;
    align-items    : center
}

.el-message-box__btns button:nth-child(2) {
    margin-left: 10px
}

.el-message-box__btns-reverse {
    flex-direction: row-reverse
}

.el-message-box--center .el-message-box__title {
    position       : relative;
    display        : flex;
    align-items    : center;
    justify-content: center
}

.el-message-box--center .el-message-box__status {
    position     : relative;
    top          : auto;
    padding-right: 5px;
    text-align   : center;
    transform    : translateY(-1px)
}

.el-message-box--center .el-message-box__message {
    margin-left: 0
}

.el-message-box--center .el-message-box__btns {
    justify-content: center
}

.el-message-box--center .el-message-box__content {
    padding-left : calc(var(--el-messagebox-padding-primary) + 12px);
    padding-right: calc(var(--el-messagebox-padding-primary) + 12px);
    text-align   : center
}

.fade-in-linear-enter-active .el-overlay-message-box {
    animation: msgbox-fade-in var(--el-transition-duration)
}

.fade-in-linear-leave-active .el-overlay-message-box {
    animation: msgbox-fade-in var(--el-transition-duration) reverse
}

@keyframes msgbox-fade-in {
    0% {
        transform: translate3d(0, -20px, 0);
        opacity  : 0
    }

    to {
        transform: translateZ(0);
        opacity  : 1
    }
}

.el-button {
    --el-button-font-weight          : var(--el-font-weight-primary);
    --el-button-border-color         : var(--el-border-color);
    --el-button-bg-color             : var(--el-fill-color-blank);
    --el-button-text-color           : var(--el-text-color-regular);
    --el-button-disabled-text-color  : var(--el-disabled-text-color);
    --el-button-disabled-bg-color    : var(--el-fill-color-blank);
    --el-button-disabled-border-color: var(--el-border-color-light);
    --el-button-divide-border-color  : rgba(255, 255, 255, .5);
    --el-button-hover-text-color     : var(--el-color-primary);
    --el-button-hover-bg-color       : var(--el-color-primary-light-9);
    --el-button-hover-border-color   : var(--el-color-primary-light-7);
    --el-button-active-text-color    : var(--el-button-hover-text-color);
    --el-button-active-border-color  : var(--el-color-primary);
    --el-button-active-bg-color      : var(--el-button-hover-bg-color);
    --el-button-outline-color        : var(--el-color-primary-light-5);
    --el-button-hover-link-text-color: var(--el-color-info);
    --el-button-active-color         : var(--el-text-color-primary)
}

.el-button {
    display           : inline-flex;
    justify-content   : center;
    align-items       : center;
    line-height       : 1;
    height            : 32px;
    white-space       : nowrap;
    cursor            : pointer;
    color             : var(--el-button-text-color);
    text-align        : center;
    box-sizing        : border-box;
    outline           : none;
    transition        : .1s;
    font-weight       : var(--el-button-font-weight);
    user-select       : none;
    vertical-align    : middle;
    -webkit-appearance: none;
    background-color  : var(--el-button-bg-color);
    border            : var(--el-border);
    border-color      : var(--el-button-border-color);
    padding           : 8px 15px;
    font-size         : var(--el-font-size-base);
    border-radius     : var(--el-border-radius-base)
}

.el-button:hover,
.el-button:focus {
    color           : var(--el-button-hover-text-color);
    border-color    : var(--el-button-hover-border-color);
    background-color: var(--el-button-hover-bg-color);
    outline         : none
}

.el-button:active {
    color           : var(--el-button-active-text-color);
    border-color    : var(--el-button-active-border-color);
    background-color: var(--el-button-active-bg-color);
    outline         : none
}

.el-button:focus-visible {
    outline       : 2px solid var(--el-button-outline-color);
    outline-offset: 1px
}

.el-button>span {
    display    : inline-flex;
    align-items: center
}

.el-button+.el-button {
    margin-left: 12px
}

.el-button.is-round {
    padding: 8px 15px
}

.el-button::-moz-focus-inner {
    border: 0
}

.el-button [class*=el-icon]+span {
    margin-left: 6px
}

.el-button [class*=el-icon] svg {
    vertical-align: bottom
}

.el-button.is-plain {
    --el-button-hover-text-color  : var(--el-color-primary);
    --el-button-hover-bg-color    : var(--el-fill-color-blank);
    --el-button-hover-border-color: var(--el-color-primary)
}

.el-button.is-active {
    color           : var(--el-button-active-text-color);
    border-color    : var(--el-button-active-border-color);
    background-color: var(--el-button-active-bg-color);
    outline         : none
}

.el-button.is-disabled,
.el-button.is-disabled:hover,
.el-button.is-disabled:focus {
    color           : var(--el-button-disabled-text-color);
    cursor          : not-allowed;
    background-image: none;
    background-color: var(--el-button-disabled-bg-color);
    border-color    : var(--el-button-disabled-border-color)
}

.el-button.is-loading {
    position      : relative;
    pointer-events: none
}

.el-button.is-loading:before {
    z-index         : 1;
    pointer-events  : none;
    content         : "";
    position        : absolute;
    left            : -1px;
    top             : -1px;
    right           : -1px;
    bottom          : -1px;
    border-radius   : inherit;
    background-color: var(--el-mask-color-extra-light)
}

.el-button.is-round {
    border-radius: var(--el-border-radius-round)
}

.el-button.is-circle {
    width        : 32px;
    border-radius: 50%;
    padding      : 8px
}

.el-button.is-text {
    color           : var(--el-button-text-color);
    border          : 0 solid transparent;
    background-color: transparent
}

.el-button.is-text.is-disabled {
    color           : var(--el-button-disabled-text-color);
    background-color: transparent !important
}

.el-button.is-text:not(.is-disabled):hover,
.el-button.is-text:not(.is-disabled):focus {
    background-color: var(--el-fill-color-light)
}

.el-button.is-text:not(.is-disabled):focus-visible {
    outline       : 2px solid var(--el-button-outline-color);
    outline-offset: 1px
}

.el-button.is-text:not(.is-disabled):active {
    background-color: var(--el-fill-color)
}

.el-button.is-text:not(.is-disabled).is-has-bg {
    background-color: var(--el-fill-color-light)
}

.el-button.is-text:not(.is-disabled).is-has-bg:hover,
.el-button.is-text:not(.is-disabled).is-has-bg:focus {
    background-color: var(--el-fill-color)
}

.el-button.is-text:not(.is-disabled).is-has-bg:active {
    background-color: var(--el-fill-color-dark)
}

.el-button__text--expand {
    letter-spacing: .3em;
    margin-right  : -.3em
}

.el-button.is-link {
    border-color: transparent;
    color       : var(--el-button-text-color);
    background  : transparent;
    padding     : 2px;
    height      : auto
}

.el-button.is-link:hover,
.el-button.is-link:focus {
    color: var(--el-button-hover-link-text-color)
}

.el-button.is-link.is-disabled {
    color           : var(--el-button-disabled-text-color);
    background-color: transparent !important;
    border-color    : transparent !important
}

.el-button.is-link:not(.is-disabled):hover,
.el-button.is-link:not(.is-disabled):focus {
    border-color    : transparent;
    background-color: transparent
}

.el-button.is-link:not(.is-disabled):active {
    color           : var(--el-button-active-color);
    border-color    : transparent;
    background-color: transparent
}

.el-button--text {
    border-color : transparent;
    background   : transparent;
    color        : var(--el-color-primary);
    padding-left : 0;
    padding-right: 0
}

.el-button--text.is-disabled {
    color           : var(--el-button-disabled-text-color);
    background-color: transparent !important;
    border-color    : transparent !important
}

.el-button--text:not(.is-disabled):hover,
.el-button--text:not(.is-disabled):focus {
    color           : var(--el-color-primary-light-3);
    border-color    : transparent;
    background-color: transparent
}

.el-button--text:not(.is-disabled):active {
    color           : var(--el-color-primary-dark-2);
    border-color    : transparent;
    background-color: transparent
}

.el-button__link--expand {
    letter-spacing: .3em;
    margin-right  : -.3em
}

.el-button--primary {
    --el-button-text-color           : var(--el-color-white);
    --el-button-bg-color             : var(--el-color-primary);
    --el-button-border-color         : var(--el-color-primary);
    --el-button-outline-color        : var(--el-color-primary-light-5);
    --el-button-active-color         : var(--el-color-primary-dark-2);
    --el-button-hover-text-color     : var(--el-color-white);
    --el-button-hover-link-text-color: var(--el-color-primary-light-5);
    --el-button-hover-bg-color       : var(--el-color-primary-light-3);
    --el-button-hover-border-color   : var(--el-color-primary-light-3);
    --el-button-active-bg-color      : var(--el-color-primary-dark-2);
    --el-button-active-border-color  : var(--el-color-primary-dark-2);
    --el-button-disabled-text-color  : var(--el-color-white);
    --el-button-disabled-bg-color    : var(--el-color-primary-light-5);
    --el-button-disabled-border-color: var(--el-color-primary-light-5)
}

.el-button--primary.is-plain,
.el-button--primary.is-text,
.el-button--primary.is-link {
    --el-button-text-color        : var(--el-color-primary);
    --el-button-bg-color          : var(--el-color-primary-light-9);
    --el-button-border-color      : var(--el-color-primary-light-5);
    --el-button-hover-text-color  : var(--el-color-white);
    --el-button-hover-bg-color    : var(--el-color-primary);
    --el-button-hover-border-color: var(--el-color-primary);
    --el-button-active-text-color : var(--el-color-white)
}

.el-button--primary.is-plain.is-disabled,
.el-button--primary.is-plain.is-disabled:hover,
.el-button--primary.is-plain.is-disabled:focus,
.el-button--primary.is-plain.is-disabled:active,
.el-button--primary.is-text.is-disabled,
.el-button--primary.is-text.is-disabled:hover,
.el-button--primary.is-text.is-disabled:focus,
.el-button--primary.is-text.is-disabled:active,
.el-button--primary.is-link.is-disabled,
.el-button--primary.is-link.is-disabled:hover,
.el-button--primary.is-link.is-disabled:focus,
.el-button--primary.is-link.is-disabled:active {
    color           : var(--el-color-primary-light-5);
    background-color: var(--el-color-primary-light-9);
    border-color    : var(--el-color-primary-light-8)
}

.el-button--success {
    --el-button-text-color           : var(--el-color-white);
    --el-button-bg-color             : var(--el-color-success);
    --el-button-border-color         : var(--el-color-success);
    --el-button-outline-color        : var(--el-color-success-light-5);
    --el-button-active-color         : var(--el-color-success-dark-2);
    --el-button-hover-text-color     : var(--el-color-white);
    --el-button-hover-link-text-color: var(--el-color-success-light-5);
    --el-button-hover-bg-color       : var(--el-color-success-light-3);
    --el-button-hover-border-color   : var(--el-color-success-light-3);
    --el-button-active-bg-color      : var(--el-color-success-dark-2);
    --el-button-active-border-color  : var(--el-color-success-dark-2);
    --el-button-disabled-text-color  : var(--el-color-white);
    --el-button-disabled-bg-color    : var(--el-color-success-light-5);
    --el-button-disabled-border-color: var(--el-color-success-light-5)
}

.el-button--success.is-plain,
.el-button--success.is-text,
.el-button--success.is-link {
    --el-button-text-color        : var(--el-color-success);
    --el-button-bg-color          : var(--el-color-success-light-9);
    --el-button-border-color      : var(--el-color-success-light-5);
    --el-button-hover-text-color  : var(--el-color-white);
    --el-button-hover-bg-color    : var(--el-color-success);
    --el-button-hover-border-color: var(--el-color-success);
    --el-button-active-text-color : var(--el-color-white)
}

.el-button--success.is-plain.is-disabled,
.el-button--success.is-plain.is-disabled:hover,
.el-button--success.is-plain.is-disabled:focus,
.el-button--success.is-plain.is-disabled:active,
.el-button--success.is-text.is-disabled,
.el-button--success.is-text.is-disabled:hover,
.el-button--success.is-text.is-disabled:focus,
.el-button--success.is-text.is-disabled:active,
.el-button--success.is-link.is-disabled,
.el-button--success.is-link.is-disabled:hover,
.el-button--success.is-link.is-disabled:focus,
.el-button--success.is-link.is-disabled:active {
    color           : var(--el-color-success-light-5);
    background-color: var(--el-color-success-light-9);
    border-color    : var(--el-color-success-light-8)
}

.el-button--warning {
    --el-button-text-color           : var(--el-color-white);
    --el-button-bg-color             : var(--el-color-warning);
    --el-button-border-color         : var(--el-color-warning);
    --el-button-outline-color        : var(--el-color-warning-light-5);
    --el-button-active-color         : var(--el-color-warning-dark-2);
    --el-button-hover-text-color     : var(--el-color-white);
    --el-button-hover-link-text-color: var(--el-color-warning-light-5);
    --el-button-hover-bg-color       : var(--el-color-warning-light-3);
    --el-button-hover-border-color   : var(--el-color-warning-light-3);
    --el-button-active-bg-color      : var(--el-color-warning-dark-2);
    --el-button-active-border-color  : var(--el-color-warning-dark-2);
    --el-button-disabled-text-color  : var(--el-color-white);
    --el-button-disabled-bg-color    : var(--el-color-warning-light-5);
    --el-button-disabled-border-color: var(--el-color-warning-light-5)
}

.el-button--warning.is-plain,
.el-button--warning.is-text,
.el-button--warning.is-link {
    --el-button-text-color        : var(--el-color-warning);
    --el-button-bg-color          : var(--el-color-warning-light-9);
    --el-button-border-color      : var(--el-color-warning-light-5);
    --el-button-hover-text-color  : var(--el-color-white);
    --el-button-hover-bg-color    : var(--el-color-warning);
    --el-button-hover-border-color: var(--el-color-warning);
    --el-button-active-text-color : var(--el-color-white)
}

.el-button--warning.is-plain.is-disabled,
.el-button--warning.is-plain.is-disabled:hover,
.el-button--warning.is-plain.is-disabled:focus,
.el-button--warning.is-plain.is-disabled:active,
.el-button--warning.is-text.is-disabled,
.el-button--warning.is-text.is-disabled:hover,
.el-button--warning.is-text.is-disabled:focus,
.el-button--warning.is-text.is-disabled:active,
.el-button--warning.is-link.is-disabled,
.el-button--warning.is-link.is-disabled:hover,
.el-button--warning.is-link.is-disabled:focus,
.el-button--warning.is-link.is-disabled:active {
    color           : var(--el-color-warning-light-5);
    background-color: var(--el-color-warning-light-9);
    border-color    : var(--el-color-warning-light-8)
}

.el-button--danger {
    --el-button-text-color           : var(--el-color-white);
    --el-button-bg-color             : var(--el-color-danger);
    --el-button-border-color         : var(--el-color-danger);
    --el-button-outline-color        : var(--el-color-danger-light-5);
    --el-button-active-color         : var(--el-color-danger-dark-2);
    --el-button-hover-text-color     : var(--el-color-white);
    --el-button-hover-link-text-color: var(--el-color-danger-light-5);
    --el-button-hover-bg-color       : var(--el-color-danger-light-3);
    --el-button-hover-border-color   : var(--el-color-danger-light-3);
    --el-button-active-bg-color      : var(--el-color-danger-dark-2);
    --el-button-active-border-color  : var(--el-color-danger-dark-2);
    --el-button-disabled-text-color  : var(--el-color-white);
    --el-button-disabled-bg-color    : var(--el-color-danger-light-5);
    --el-button-disabled-border-color: var(--el-color-danger-light-5)
}

.el-button--danger.is-plain,
.el-button--danger.is-text,
.el-button--danger.is-link {
    --el-button-text-color        : var(--el-color-danger);
    --el-button-bg-color          : var(--el-color-danger-light-9);
    --el-button-border-color      : var(--el-color-danger-light-5);
    --el-button-hover-text-color  : var(--el-color-white);
    --el-button-hover-bg-color    : var(--el-color-danger);
    --el-button-hover-border-color: var(--el-color-danger);
    --el-button-active-text-color : var(--el-color-white)
}

.el-button--danger.is-plain.is-disabled,
.el-button--danger.is-plain.is-disabled:hover,
.el-button--danger.is-plain.is-disabled:focus,
.el-button--danger.is-plain.is-disabled:active,
.el-button--danger.is-text.is-disabled,
.el-button--danger.is-text.is-disabled:hover,
.el-button--danger.is-text.is-disabled:focus,
.el-button--danger.is-text.is-disabled:active,
.el-button--danger.is-link.is-disabled,
.el-button--danger.is-link.is-disabled:hover,
.el-button--danger.is-link.is-disabled:focus,
.el-button--danger.is-link.is-disabled:active {
    color           : var(--el-color-danger-light-5);
    background-color: var(--el-color-danger-light-9);
    border-color    : var(--el-color-danger-light-8)
}

.el-button--info {
    --el-button-text-color           : var(--el-color-white);
    --el-button-bg-color             : var(--el-color-info);
    --el-button-border-color         : var(--el-color-info);
    --el-button-outline-color        : var(--el-color-info-light-5);
    --el-button-active-color         : var(--el-color-info-dark-2);
    --el-button-hover-text-color     : var(--el-color-white);
    --el-button-hover-link-text-color: var(--el-color-info-light-5);
    --el-button-hover-bg-color       : var(--el-color-info-light-3);
    --el-button-hover-border-color   : var(--el-color-info-light-3);
    --el-button-active-bg-color      : var(--el-color-info-dark-2);
    --el-button-active-border-color  : var(--el-color-info-dark-2);
    --el-button-disabled-text-color  : var(--el-color-white);
    --el-button-disabled-bg-color    : var(--el-color-info-light-5);
    --el-button-disabled-border-color: var(--el-color-info-light-5)
}

.el-button--info.is-plain,
.el-button--info.is-text,
.el-button--info.is-link {
    --el-button-text-color        : var(--el-color-info);
    --el-button-bg-color          : var(--el-color-info-light-9);
    --el-button-border-color      : var(--el-color-info-light-5);
    --el-button-hover-text-color  : var(--el-color-white);
    --el-button-hover-bg-color    : var(--el-color-info);
    --el-button-hover-border-color: var(--el-color-info);
    --el-button-active-text-color : var(--el-color-white)
}

.el-button--info.is-plain.is-disabled,
.el-button--info.is-plain.is-disabled:hover,
.el-button--info.is-plain.is-disabled:focus,
.el-button--info.is-plain.is-disabled:active,
.el-button--info.is-text.is-disabled,
.el-button--info.is-text.is-disabled:hover,
.el-button--info.is-text.is-disabled:focus,
.el-button--info.is-text.is-disabled:active,
.el-button--info.is-link.is-disabled,
.el-button--info.is-link.is-disabled:hover,
.el-button--info.is-link.is-disabled:focus,
.el-button--info.is-link.is-disabled:active {
    color           : var(--el-color-info-light-5);
    background-color: var(--el-color-info-light-9);
    border-color    : var(--el-color-info-light-8)
}

.el-button--large {
    --el-button-size: 40px;
    height          : var(--el-button-size);
    padding         : 12px 19px;
    font-size       : var(--el-font-size-base);
    border-radius   : var(--el-border-radius-base)
}

.el-button--large [class*=el-icon]+span {
    margin-left: 8px
}

.el-button--large.is-round {
    padding: 12px 19px
}

.el-button--large.is-circle {
    width  : var(--el-button-size);
    padding: 12px
}

.el-button--small {
    --el-button-size: 24px;
    height          : var(--el-button-size);
    padding         : 5px 11px;
    font-size       : 12px;
    border-radius   : calc(var(--el-border-radius-base) - 1px)
}

.el-button--small [class*=el-icon]+span {
    margin-left: 4px
}

.el-button--small.is-round {
    padding: 5px 11px
}

.el-button--small.is-circle {
    width  : var(--el-button-size);
    padding: 5px
}

.el-textarea {
    --el-input-text-color        : var(--el-text-color-regular);
    --el-input-border            : var(--el-border);
    --el-input-hover-border      : var(--el-border-color-hover);
    --el-input-focus-border      : var(--el-color-primary);
    --el-input-transparent-border: 0 0 0 1px transparent inset;
    --el-input-border-color      : var(--el-border-color);
    --el-input-border-radius     : var(--el-border-radius-base);
    --el-input-bg-color          : var(--el-fill-color-blank);
    --el-input-icon-color        : var(--el-text-color-placeholder);
    --el-input-placeholder-color : var(--el-text-color-placeholder);
    --el-input-hover-border-color: var(--el-border-color-hover);
    --el-input-clear-hover-color : var(--el-text-color-secondary);
    --el-input-focus-border-color: var(--el-color-primary);
    --el-input-width             : 100%
}

.el-textarea {
    position      : relative;
    display       : inline-block;
    width         : 100%;
    vertical-align: bottom;
    font-size     : var(--el-font-size-base)
}

.el-textarea__inner {
    position          : relative;
    display           : block;
    resize            : vertical;
    padding           : 5px 11px;
    line-height       : 1.5;
    box-sizing        : border-box;
    width             : 100%;
    font-size         : inherit;
    font-family       : inherit;
    color             : var(--el-input-text-color, var(--el-text-color-regular));
    background-color  : var(--el-input-bg-color, var(--el-fill-color-blank));
    background-image  : none;
    -webkit-appearance: none;
    box-shadow        : 0 0 0 1px var(--el-input-border-color, var(--el-border-color)) inset;
    border-radius     : var(--el-input-border-radius, var(--el-border-radius-base));
    transition        : var(--el-transition-box-shadow);
    border            : none
}

.el-textarea__inner::placeholder {
    color: var(--el-input-placeholder-color, var(--el-text-color-placeholder))
}

.el-textarea__inner:hover {
    box-shadow: 0 0 0 1px var(--el-input-hover-border-color) inset
}

.el-textarea__inner:focus {
    outline   : none;
    box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset
}

.el-textarea .el-input__count {
    color      : var(--el-color-info);
    background : var(--el-fill-color-blank);
    position   : absolute;
    font-size  : 12px;
    line-height: 14px;
    bottom     : 5px;
    right      : 10px
}

.el-textarea.is-disabled .el-textarea__inner {
    box-shadow      : 0 0 0 1px var(--el-disabled-border-color) inset;
    background-color: var(--el-disabled-bg-color);
    color           : var(--el-disabled-text-color);
    cursor          : not-allowed
}

.el-textarea.is-disabled .el-textarea__inner::placeholder {
    color: var(--el-text-color-placeholder)
}

.el-textarea.is-exceed .el-textarea__inner {
    box-shadow: 0 0 0 1px var(--el-color-danger) inset
}

.el-textarea.is-exceed .el-input__count {
    color: var(--el-color-danger)
}

.el-input {
    --el-input-text-color        : var(--el-text-color-regular);
    --el-input-border            : var(--el-border);
    --el-input-hover-border      : var(--el-border-color-hover);
    --el-input-focus-border      : var(--el-color-primary);
    --el-input-transparent-border: 0 0 0 1px transparent inset;
    --el-input-border-color      : var(--el-border-color);
    --el-input-border-radius     : var(--el-border-radius-base);
    --el-input-bg-color          : var(--el-fill-color-blank);
    --el-input-icon-color        : var(--el-text-color-placeholder);
    --el-input-placeholder-color : var(--el-text-color-placeholder);
    --el-input-hover-border-color: var(--el-border-color-hover);
    --el-input-clear-hover-color : var(--el-text-color-secondary);
    --el-input-focus-border-color: var(--el-color-primary);
    --el-input-width             : 100%
}

.el-input {
    --el-input-height: var(--el-component-size);
    position         : relative;
    font-size        : var(--el-font-size-base);
    display          : inline-flex;
    width            : var(--el-input-width);
    line-height      : var(--el-input-height);
    box-sizing       : border-box;
    vertical-align   : middle
}

.el-input::-webkit-scrollbar {
    z-index: 11;
    width  : 6px
}

.el-input::-webkit-scrollbar:horizontal {
    height: 6px
}

.el-input::-webkit-scrollbar-thumb {
    border-radius: 5px;
    width        : 6px;
    background   : var(--el-text-color-disabled)
}

.el-input::-webkit-scrollbar-corner {
    background: var(--el-fill-color-blank)
}

.el-input::-webkit-scrollbar-track {
    background: var(--el-fill-color-blank)
}

.el-input::-webkit-scrollbar-track-piece {
    background: var(--el-fill-color-blank);
    width     : 6px
}

.el-input .el-input__clear,
.el-input .el-input__password {
    color    : var(--el-input-icon-color);
    font-size: 14px;
    cursor   : pointer
}

.el-input .el-input__clear:hover,
.el-input .el-input__password:hover {
    color: var(--el-input-clear-hover-color)
}

.el-input .el-input__count {
    height     : 100%;
    display    : inline-flex;
    align-items: center;
    color      : var(--el-color-info);
    font-size  : 12px
}

.el-input .el-input__count .el-input__count-inner {
    background  : var(--el-fill-color-blank);
    line-height : initial;
    display     : inline-block;
    padding-left: 8px
}

.el-input__wrapper {
    display         : inline-flex;
    flex-grow       : 1;
    align-items     : center;
    justify-content : center;
    padding         : 1px 11px;
    background-color: var(--el-input-bg-color, var(--el-fill-color-blank));
    background-image: none;
    border-radius   : var(--el-input-border-radius, var(--el-border-radius-base));
    cursor          : text;
    transition      : var(--el-transition-box-shadow);
    transform       : translateZ(0);
    box-shadow      : 0 0 0 1px var(--el-input-border-color, var(--el-border-color)) inset
}

.el-input__wrapper:hover {
    box-shadow: 0 0 0 1px var(--el-input-hover-border-color) inset
}

.el-input__wrapper.is-focus {
    box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset
}

.el-input__inner {
    --el-input-inner-height: calc(var(--el-input-height, 32px) - 2px);
    width                  : 100%;
    flex-grow              : 1;
    -webkit-appearance     : none;
    color                  : var(--el-input-text-color, var(--el-text-color-regular));
    font-size              : inherit;
    height                 : var(--el-input-inner-height);
    line-height            : var(--el-input-inner-height);
    padding                : 0;
    outline                : none;
    border                 : none;
    background             : none;
    box-sizing             : border-box
}

.el-input__inner:focus {
    outline: none
}

.el-input__inner::placeholder {
    color: var(--el-input-placeholder-color, var(--el-text-color-placeholder))
}

.el-input__inner[type=password]::-ms-reveal {
    display: none
}

.el-input__prefix {
    display       : inline-flex;
    white-space   : nowrap;
    flex-shrink   : 0;
    flex-wrap     : nowrap;
    height        : 100%;
    text-align    : center;
    color         : var(--el-input-icon-color, var(--el-text-color-placeholder));
    transition    : all var(--el-transition-duration);
    pointer-events: none
}

.el-input__prefix-inner {
    pointer-events : all;
    display        : inline-flex;
    align-items    : center;
    justify-content: center
}

.el-input__prefix-inner>:last-child {
    margin-right: 8px
}

.el-input__prefix-inner>:first-child,
.el-input__prefix-inner>:first-child.el-input__icon {
    margin-left: 0
}

.el-input__suffix {
    display       : inline-flex;
    white-space   : nowrap;
    flex-shrink   : 0;
    flex-wrap     : nowrap;
    height        : 100%;
    text-align    : center;
    color         : var(--el-input-icon-color, var(--el-text-color-placeholder));
    transition    : all var(--el-transition-duration);
    pointer-events: none
}

.el-input__suffix-inner {
    pointer-events : all;
    display        : inline-flex;
    align-items    : center;
    justify-content: center
}

.el-input__suffix-inner>:first-child {
    margin-left: 8px
}

.el-input .el-input__icon {
    height         : inherit;
    line-height    : inherit;
    display        : flex;
    justify-content: center;
    align-items    : center;
    transition     : all var(--el-transition-duration);
    margin-left    : 8px
}

.el-input__validateIcon {
    pointer-events: none
}

.el-input.is-active .el-input__wrapper {
    box-shadow: 0 0 0 1px var(--el-input-focus-color, ) inset
}

.el-input.is-disabled {
    cursor: not-allowed
}

.el-input.is-disabled .el-input__wrapper {
    background-color: var(--el-disabled-bg-color);
    box-shadow      : 0 0 0 1px var(--el-disabled-border-color) inset
}

.el-input.is-disabled .el-input__inner {
    color                  : var(--el-disabled-text-color);
    -webkit-text-fill-color: var(--el-disabled-text-color);
    cursor                 : not-allowed
}

.el-input.is-disabled .el-input__inner::placeholder {
    color: var(--el-text-color-placeholder)
}

.el-input.is-disabled .el-input__icon {
    cursor: not-allowed
}

.el-input.is-exceed .el-input__wrapper {
    box-shadow: 0 0 0 1px var(--el-color-danger) inset
}

.el-input.is-exceed .el-input__suffix .el-input__count {
    color: var(--el-color-danger)
}

.el-input--large {
    --el-input-height: var(--el-component-size-large);
    font-size        : 14px
}

.el-input--large .el-input__wrapper {
    padding: 1px 15px
}

.el-input--large .el-input__inner {
    --el-input-inner-height: calc(var(--el-input-height, 40px) - 2px)
}

.el-input--small {
    --el-input-height: var(--el-component-size-small);
    font-size        : 12px
}

.el-input--small .el-input__wrapper {
    padding: 1px 7px
}

.el-input--small .el-input__inner {
    --el-input-inner-height: calc(var(--el-input-height, 24px) - 2px)
}

.el-input-group {
    display    : inline-flex;
    width      : 100%;
    align-items: stretch
}

.el-input-group__append,
.el-input-group__prepend {
    background-color: var(--el-fill-color-light);
    color           : var(--el-color-info);
    position        : relative;
    display         : inline-flex;
    align-items     : center;
    justify-content : center;
    min-height      : 100%;
    border-radius   : var(--el-input-border-radius);
    padding         : 0 20px;
    white-space     : nowrap
}

.el-input-group__append:focus,
.el-input-group__prepend:focus {
    outline: none
}

.el-input-group__append .el-select,
.el-input-group__append .el-button,
.el-input-group__prepend .el-select,
.el-input-group__prepend .el-button {
    display: inline-block;
    margin : 0 -20px
}

.el-input-group__append button.el-button,
.el-input-group__append button.el-button:hover,
.el-input-group__append div.el-select .el-input__wrapper,
.el-input-group__append div.el-select:hover .el-input__wrapper,
.el-input-group__prepend button.el-button,
.el-input-group__prepend button.el-button:hover,
.el-input-group__prepend div.el-select .el-input__wrapper,
.el-input-group__prepend div.el-select:hover .el-input__wrapper {
    border-color    : transparent;
    background-color: transparent;
    color           : inherit
}

.el-input-group__append .el-button,
.el-input-group__append .el-input,
.el-input-group__prepend .el-button,
.el-input-group__prepend .el-input {
    font-size: inherit
}

.el-input-group__prepend {
    border-right              : 0;
    border-top-right-radius   : 0;
    border-bottom-right-radius: 0;
    box-shadow                : 1px 0 0 0 var(--el-input-border-color) inset, 0 1px 0 0 var(--el-input-border-color) inset, 0 -1px 0 0 var(--el-input-border-color) inset
}

.el-input-group__append {
    border-left              : 0;
    border-top-left-radius   : 0;
    border-bottom-left-radius: 0;
    box-shadow               : 0 1px 0 0 var(--el-input-border-color) inset, 0 -1px 0 0 var(--el-input-border-color) inset, -1px 0 0 0 var(--el-input-border-color) inset
}

.el-input-group--prepend>.el-input__wrapper {
    border-top-left-radius   : 0;
    border-bottom-left-radius: 0
}

.el-input-group--prepend .el-input-group__prepend .el-select .el-input .el-input__inner {
    box-shadow: none !important
}

.el-input-group--prepend .el-input-group__prepend .el-select .el-input .el-input__wrapper {
    border-top-right-radius   : 0;
    border-bottom-right-radius: 0;
    box-shadow                : 1px 0 0 0 var(--el-input-border-color) inset, 0 1px 0 0 var(--el-input-border-color) inset, 0 -1px 0 0 var(--el-input-border-color) inset
}

.el-input-group--prepend .el-input-group__prepend .el-select .el-input.is-focus .el-input__inner {
    box-shadow: none !important
}

.el-input-group--prepend .el-input-group__prepend .el-select .el-input.is-focus .el-input__wrapper {
    box-shadow: 1px 0 0 0 var(--el-input-focus-border-color) inset, 1px 0 0 0 var(--el-input-focus-border-color), 0 1px 0 0 var(--el-input-focus-border-color) inset, 0 -1px 0 0 var(--el-input-focus-border-color) inset !important;
    z-index   : 2
}

.el-input-group--prepend .el-input-group__prepend .el-select .el-input.is-focus .el-input__wrapper:focus {
    outline   : none;
    z-index   : 2;
    box-shadow: 1px 0 0 0 var(--el-input-focus-border-color) inset, 1px 0 0 0 var(--el-input-focus-border-color), 0 1px 0 0 var(--el-input-focus-border-color) inset, 0 -1px 0 0 var(--el-input-focus-border-color) inset !important
}

.el-input-group--prepend .el-input-group__prepend .el-select:hover .el-input__inner {
    box-shadow: none !important
}

.el-input-group--prepend .el-input-group__prepend .el-select:hover .el-input__wrapper {
    z-index   : 1;
    box-shadow: 1px 0 0 0 var(--el-input-hover-border-color) inset, 1px 0 0 0 var(--el-input-hover-border-color), 0 1px 0 0 var(--el-input-hover-border-color) inset, 0 -1px 0 0 var(--el-input-hover-border-color) inset !important
}

.el-input-group--append>.el-input__wrapper {
    border-top-right-radius   : 0;
    border-bottom-right-radius: 0
}

.el-input-group--append .el-input-group__append .el-select .el-input .el-input__inner {
    box-shadow: none !important
}

.el-input-group--append .el-input-group__append .el-select .el-input .el-input__wrapper {
    border-top-left-radius   : 0;
    border-bottom-left-radius: 0;
    box-shadow               : 0 1px 0 0 var(--el-input-border-color) inset, 0 -1px 0 0 var(--el-input-border-color) inset, -1px 0 0 0 var(--el-input-border-color) inset
}

.el-input-group--append .el-input-group__append .el-select .el-input.is-focus .el-input__inner {
    box-shadow: none !important
}

.el-input-group--append .el-input-group__append .el-select .el-input.is-focus .el-input__wrapper {
    z-index   : 2;
    box-shadow: -1px 0 0 0 var(--el-input-focus-border-color), -1px 0 0 0 var(--el-input-focus-border-color) inset, 0 1px 0 0 var(--el-input-focus-border-color) inset, 0 -1px 0 0 var(--el-input-focus-border-color) inset !important
}

.el-input-group--append .el-input-group__append .el-select:hover .el-input__inner {
    box-shadow: none !important
}

.el-input-group--append .el-input-group__append .el-select:hover .el-input__wrapper {
    z-index   : 1;
    box-shadow: -1px 0 0 0 var(--el-input-hover-border-color), -1px 0 0 0 var(--el-input-hover-border-color) inset, 0 1px 0 0 var(--el-input-hover-border-color) inset, 0 -1px 0 0 var(--el-input-hover-border-color) inset !important
}

.el-overlay {
    position        : fixed;
    top             : 0;
    right           : 0;
    bottom          : 0;
    left            : 0;
    z-index         : 2000;
    height          : 100%;
    background-color: var(--el-overlay-color-lighter);
    overflow        : auto
}

.el-overlay .el-overlay-root {
    height: 0
}

.el-notification {
    --el-notification-width             : 330px;
    --el-notification-padding           : 14px 26px 14px 13px;
    --el-notification-radius            : 8px;
    --el-notification-shadow            : var(--el-box-shadow-light);
    --el-notification-border-color      : var(--el-border-color-lighter);
    --el-notification-icon-size         : 24px;
    --el-notification-close-font-size   : var(--el-message-close-size, 16px);
    --el-notification-group-margin-left : 13px;
    --el-notification-group-margin-right: 8px;
    --el-notification-content-font-size : var(--el-font-size-base);
    --el-notification-content-color     : var(--el-text-color-regular);
    --el-notification-title-font-size   : 16px;
    --el-notification-title-color       : var(--el-text-color-primary);
    --el-notification-close-color       : var(--el-text-color-secondary);
    --el-notification-close-hover-color : var(--el-text-color-regular)
}

.el-notification {
    display         : flex;
    width           : var(--el-notification-width);
    padding         : var(--el-notification-padding);
    border-radius   : var(--el-notification-radius);
    box-sizing      : border-box;
    border          : 1px solid var(--el-notification-border-color);
    position        : fixed;
    background-color: var(--el-bg-color-overlay);
    box-shadow      : var(--el-notification-shadow);
    transition      : opacity var(--el-transition-duration), transform var(--el-transition-duration), left var(--el-transition-duration), right var(--el-transition-duration), top .4s, bottom var(--el-transition-duration);
    overflow-wrap   : anywhere;
    overflow        : hidden;
    z-index         : 9999
}

.el-notification.right {
    right: 16px
}

.el-notification.left {
    left: 16px
}

.el-notification__group {
    margin-left : var(--el-notification-group-margin-left);
    margin-right: var(--el-notification-group-margin-right)
}

.el-notification__title {
    font-weight: 700;
    font-size  : var(--el-notification-title-font-size);
    line-height: var(--el-notification-icon-size);
    color      : var(--el-notification-title-color);
    margin     : 0
}

.el-notification__content {
    font-size  : var(--el-notification-content-font-size);
    line-height: 24px;
    margin     : 6px 0 0;
    color      : var(--el-notification-content-color);
    text-align : justify
}

.el-notification__content p {
    margin: 0
}

.el-notification .el-notification__icon {
    height   : var(--el-notification-icon-size);
    width    : var(--el-notification-icon-size);
    font-size: var(--el-notification-icon-size)
}

.el-notification .el-notification__closeBtn {
    position : absolute;
    top      : 18px;
    right    : 15px;
    cursor   : pointer;
    color    : var(--el-notification-close-color);
    font-size: var(--el-notification-close-font-size)
}

.el-notification .el-notification__closeBtn:hover {
    color: var(--el-notification-close-hover-color)
}

.el-notification .el-notification--success {
    --el-notification-icon-color: var(--el-color-success);
    color                       : var(--el-notification-icon-color)
}

.el-notification .el-notification--info {
    --el-notification-icon-color: var(--el-color-info);
    color                       : var(--el-notification-icon-color)
}

.el-notification .el-notification--warning {
    --el-notification-icon-color: var(--el-color-warning);
    color                       : var(--el-notification-icon-color)
}

.el-notification .el-notification--error {
    --el-notification-icon-color: var(--el-color-error);
    color                       : var(--el-notification-icon-color)
}

.el-notification-fade-enter-from.right {
    right    : 0;
    transform: translate(100%)
}

.el-notification-fade-enter-from.left {
    left     : 0;
    transform: translate(-100%)
}

.el-notification-fade-leave-to {
    opacity: 0
}

.el-popper.is-dark {
    --ele-tooltip-color       : #fff;
    --ele-tooltip-font-size   : var(--el-font-size-small);
    --ele-tooltip-line-height : 22px;
    --ele-tooltip-padding     : 6px 12px;
    --ele-tooltip-bg          : #000;
    --ele-tooltip-border      : none;
    --ele-tooltip-radius      : var(--el-border-radius-base);
    --ele-tooltip-shadow      : 0 0 8px 0 rgba(0, 0, 0, .06);
    --ele-tooltip-arrow-bg    : var(--ele-tooltip-bg);
    --ele-tooltip-arrow-shadow: 0 0 8px 0 rgba(0, 0, 0, .06)
}

.el-select__popper {
    --ele-select-padding                : 6px 0;
    --ele-select-item-height            : 32px;
    --ele-select-item-margin            : 0;
    --ele-select-item-padding           : 0 16px;
    --ele-select-item-radius            : 0;
    --ele-select-item-active-bg         : var(--el-color-primary-light-9);
    --ele-select-item-active-hover-bg   : var(--el-color-primary-light-8);
    --ele-select-item-active-font-weight: bold;
    --ele-select-icon-size              : 16px;
    --ele-select-icon-margin            : 0 -4px 0 4px
}

.el-autocomplete__popper {
    --ele-autocomplete-padding     : 6px 0;
    --ele-autocomplete-item-height : 32px;
    --ele-autocomplete-item-margin : 0;
    --ele-autocomplete-item-padding: 0 16px;
    --ele-autocomplete-item-radius : 0
}

.el-cascader__dropdown {
    --ele-cascader-menu-padding           : 6px 0;
    --ele-cascader-item-height            : 32px;
    --ele-cascader-item-margin            : 0;
    --ele-cascader-item-padding           : 0 16px;
    --ele-cascader-item-radius            : 0;
    --ele-cascader-item-active-bg         : var(--el-color-primary-light-9);
    --ele-cascader-item-active-hover-bg   : var(--el-color-primary-light-8);
    --ele-cascader-item-active-font-weight: bold
}

.el-table-filter {
    --ele-table-filter-max-height             : 386px;
    --ele-table-filter-padding                : 6px 0;
    --ele-table-filter-item-height            : 32px;
    --ele-table-filter-item-margin            : 0;
    --ele-table-filter-item-padding           : 0 16px;
    --ele-table-filter-item-radius            : 0;
    --ele-table-filter-item-color             : var(--el-text-color-regular);
    --ele-table-filter-item-hover-color       : var(--el-text-color-primary);
    --ele-table-filter-item-hover-bg          : var(--el-fill-color-light);
    --ele-table-filter-item-active-color      : var(--el-color-primary);
    --ele-table-filter-item-active-bg         : var(--el-color-primary-light-9);
    --ele-table-filter-item-active-hover-bg   : var(--el-color-primary-light-8);
    --ele-table-filter-item-active-font-weight: bold;
    --ele-table-filter-footer-padding         : 6px 10px;
    --ele-table-filter-footer-border          : 1px solid var(--el-border-color-light)
}

.el-message-box {
    --ele-message-box-width             : 380px;
    --ele-message-box-radius            : var(--el-border-radius-base);
    --ele-message-box-header-color      : var(--el-text-color-primary);
    --ele-message-box-header-font-size  : var(--el-font-size-large);
    --ele-message-box-header-font-weight: normal;
    --ele-message-box-header-line-height: 24px;
    --ele-message-box-header-padding    : 18px 20px 8px 20px;
    --ele-message-box-header-border     : none;
    --ele-message-box-icon-size         : 22px;
    --ele-message-box-icon-font-size    : 18px;
    --ele-message-box-icon-color        : var(--el-text-color-secondary);
    --ele-message-box-icon-hover-color  : var(--el-text-color-primary);
    --ele-message-box-icon-hover-bg     : transparent;
    --ele-message-box-icon-radius       : var(--el-border-radius-small);
    --ele-message-box-body-padding      : 12px 20px;
    --ele-message-box-input-padding     : 8px;
    --ele-message-box-footer-padding    : 8px 20px 18px 20px;
    --ele-message-box-footer-border     : none;
    --ele-message-box-mobile-space      : 16px
}

.el-notification {
    --ele-notification-width            : 360px;
    --ele-notification-border           : none;
    --ele-notification-padding          : 20px;
    --ele-notification-radius           : var(--el-border-radius-base);
    --ele-notification-shadow           : var(--el-box-shadow-light);
    --ele-notification-color            : var(--el-text-color-regular);
    --ele-notification-size             : var(--el-font-size-base);
    --ele-notification-icon-size        : 26px;
    --ele-notification-icon-margin      : -2px 12px 0 0;
    --ele-notification-title-color      : var(--el-text-color-primary);
    --ele-notification-title-size       : var(--el-font-size-medium);
    --ele-notification-title-font-weight: normal;
    --ele-notification-title-line-height: 22px;
    --ele-notification-title-padding    : 0 22px 0 0;
    --ele-notification-body-margin      : 8px;
    --ele-notification-close-size       : 22px;
    --ele-notification-close-margin     : 20px 24px 0 0;
    --ele-notification-close-radius     : var(--el-border-radius-small);
    --ele-notification-close-font-size  : 18px;
    --ele-notification-close-color      : var(--el-text-color-secondary);
    --ele-notification-close-hover-color: var(--el-text-color-primary);
    --ele-notification-close-hover-bg   : transparent
}

.el-radio {
    --ele-radio-color             : var(--el-text-color-regular);
    --ele-radio-font-size         : var(--el-font-size-base);
    --ele-radio-size              : 15px;
    --ele-radio-radius            : 50%;
    --ele-radio-bg                : var(--el-bg-color);
    --ele-radio-border            : 1px solid var(--el-border-color);
    --ele-radio-hover-border      : 1px solid var(--el-color-primary);
    --ele-radio-active-color      : var(--el-text-color-regular);
    --ele-radio-active-bg         : var(--el-color-primary);
    --ele-radio-active-border     : 1px solid var(--el-color-primary);
    --ele-radio-dot-size          : 7px;
    --ele-radio-dot-color         : #fff;
    --ele-radio-dot-radius        : 50%;
    --ele-radio-disabled-color    : var(--el-disabled-text-color);
    --ele-radio-disabled-bg       : var(--el-disabled-bg-color);
    --ele-radio-disabled-border   : 1px solid var(--el-disabled-border-color);
    --ele-radio-disabled-dot-color: var(--el-disabled-text-color);
    --ele-radio-sm-font-size      : var(--el-font-size-extra-small);
    --ele-radio-sm-size           : 13px;
    --ele-radio-sm-radius         : 50%;
    --ele-radio-sm-dot-size       : 5px;
    --ele-radio-sm-dot-radius     : 50%;
    --ele-radio-lg-font-size      : var(--el-font-size-base);
    --ele-radio-lg-size           : 16px;
    --ele-radio-lg-radius         : 50%;
    --ele-radio-lg-dot-size       : 8px;
    --ele-radio-lg-dot-radius     : 50%
}

.el-checkbox {
    --ele-checkbox-color          : var(--el-text-color-regular);
    --ele-checkbox-font-size      : var(--el-font-size-base);
    --ele-checkbox-size           : 16px;
    --ele-checkbox-radius         : var(--el-border-radius-small);
    --ele-checkbox-bg             : var(--el-bg-color);
    --ele-checkbox-border         : 1px solid var(--el-border-color);
    --ele-checkbox-hover-border   : 1px solid var(--el-color-primary);
    --ele-checkbox-active-color   : var(--el-text-color-regular);
    --ele-checkbox-icon-width     : 5.7142857143px;
    --ele-checkbox-icon-height    : 9.1428571429px;
    --ele-checkbox-icon-left      : 21.5%;
    --ele-checkbox-disabled-color : var(--el-disabled-text-color);
    --ele-checkbox-disabled-bg    : var(--el-disabled-bg-color);
    --ele-checkbox-disabled-border: 1px solid var(--el-disabled-border-color);
    --ele-checkbox-sm-font-size   : var(--el-font-size-extra-small);
    --ele-checkbox-sm-size        : 14px;
    --ele-checkbox-sm-radius      : var(--el-border-radius-small);
    --ele-checkbox-sm-icon-width  : 4.5px;
    --ele-checkbox-sm-icon-height : 7px;
    --ele-checkbox-sm-icon-left   : 24.5%;
    --ele-checkbox-lg-font-size   : var(--ele-checkbox-font-size);
    --ele-checkbox-lg-size        : var(--ele-checkbox-size);
    --ele-checkbox-lg-radius      : var(--ele-checkbox-radius);
    --ele-checkbox-lg-icon-width  : var(--ele-checkbox-icon-width);
    --ele-checkbox-lg-icon-height : var(--ele-checkbox-icon-height);
    --ele-checkbox-lg-icon-left   : var(--ele-checkbox-icon-left)
}

.el-image-viewer__wrapper {
    --ele-image-viewer-tool-bg: hsla(0, 0%, 28%, .6)
}

.el-descriptions {
    --ele-descriptions-radius      : 0;
    --ele-descriptions-border-color: var(--el-border-color-light);
    --ele-descriptions-bg          : var(--el-fill-color-lighter)
}

.el-date-picker,
.el-date-range-picker {
    --ele-datepicker-header-height       : 42px;
    --ele-datepicker-header-padding      : 0 12px;
    --ele-datepicker-header-border       : 1px solid var(--el-border-color-light);
    --ele-datepicker-label-size          : 15px;
    --ele-datepicker-label-weight        : bold;
    --ele-datepicker-label-color         : var(--el-text-color-regular);
    --ele-datepicker-label-hover-color   : var(--el-color-primary);
    --ele-datepicker-label-space         : 8px;
    --ele-datepicker-icon-size           : 15px;
    --ele-datepicker-icon-color          : var(--el-text-color-secondary);
    --ele-datepicker-icon-hover-color    : var(--el-text-color-primary);
    --ele-datepicker-icon-disabled-color : var(--el-disabled-text-color);
    --ele-datepicker-icon-space          : 8px;
    --ele-datepicker-body-width          : 288px;
    --ele-datepicker-body-padding        : 8px 12px;
    --ele-datepicker-color               : var(--el-text-color-regular);
    --ele-datepicker-font-size           : var(--el-font-size-base);
    --ele-datepicker-off-color           : var(--el-text-color-placeholder);
    --ele-datepicker-hover-color         : var(--el-text-color-primary);
    --ele-datepicker-hover-bg            : var(--el-fill-color-light);
    --ele-datepicker-cell-radius         : 14px;
    --ele-datepicker-today-color         : inherit;
    --ele-datepicker-today-border        : 1px solid var(--el-color-primary);
    --ele-datepicker-today-weight        : normal;
    --ele-datepicker-active-color        : #fff;
    --ele-datepicker-active-bg           : var(--el-color-primary);
    --ele-datepicker-disabled-color      : var(--el-disabled-text-color);
    --ele-datepicker-disabled-bg         : var(--el-disabled-bg-color);
    --ele-datepicker-year-width          : 58px;
    --ele-datepicker-year-height         : 26px;
    --ele-datepicker-year-radius         : 16px;
    --ele-datepicker-year-padding        : 26px 0;
    --ele-datepicker-month-padding       : 22px 0;
    --ele-datepicker-month-space         : 4px 0;
    --ele-datepicker-end-margin          : 3.5px;
    --ele-datepicker-footer-padding      : 8px 12px;
    --ele-datepicker-footer-border       : 1px solid var(--el-border-color-light);
    --ele-datepicker-inrange-bg          : var(--el-color-primary-light-9);
    --ele-datepicker-inrange-hover-bg    : var(--el-color-primary-light-8);
    --ele-datepicker-inner-border        : var(--el-border-color-light);
    --ele-datepicker-sidebar-width       : 120px;
    --ele-datepicker-sidebar-padding     : 8px 0;
    --ele-datepicker-sidebar-border      : 1px solid var(--el-border-color-light);
    --ele-datepicker-shortcut-height     : 32px;
    --ele-datepicker-shortcut-size       : var(--el-font-size-base);
    --ele-datepicker-shortcut-color      : var(--el-text-color-regular);
    --ele-datepicker-shortcut-padding    : 0 14px;
    --ele-datepicker-shortcut-margin     : 0;
    --ele-datepicker-shortcut-radius     : 0;
    --ele-datepicker-shortcut-hover-color: var(--el-text-color-primary);
    --ele-datepicker-shortcut-hover-bg   : var(--el-fill-color-light);
    --ele-datepicker-range-icon-color    : var(--el-text-color-placeholder);
    --ele-datepicker-range-icon-size     : var(--el-font-size-base)
}

.el-time-panel,
.el-time-range-picker {
    --ele-timepicker-width              : 180px;
    --ele-timepicker-height             : 220px;
    --ele-timepicker-padding            : 8px 0;
    --ele-timepicker-item-size          : var(--el-font-size-base);
    --ele-timepicker-item-color         : var(--el-text-color-regular);
    --ele-timepicker-item-height        : 32px;
    --ele-timepicker-item-radius        : 0;
    --ele-timepicker-item-hover-bg      : var(--el-fill-color-light);
    --ele-timepicker-item-hover-color   : var(--el-text-color-primary);
    --ele-timepicker-item-active-bg     : transparent;
    --ele-timepicker-item-active-color  : var(--el-color-primary);
    --ele-timepicker-item-disabled-color: var(--el-disabled-text-color);
    --ele-timepicker-item-disabled-bg   : transparent;
    --ele-timepicker-line               : 1px solid var(--el-border-color-light);
    --ele-timepicker-line-padding       : 0px;
    --ele-timepicker-line-margin        : 8px;
    --ele-timepicker-arrow-color        : var(--el-text-color-secondary);
    --ele-timepicker-arrow-size         : var(--el-font-size-base);
    --ele-timepicker-footer-padding     : 6px 10px;
    --ele-timepicker-button-height      : 24px;
    --ele-timepicker-button-padding     : 0 10px;
    --ele-timepicker-button-radius      : var(--el-border-radius-small);
    --ele-timepicker-button-size        : 12px;
    --ele-timepicker-button-space       : 8px;
    --ele-timepicker-header-height      : 42px;
    --ele-timepicker-header-border      : 1px solid var(--el-border-color-light);
    --ele-timepicker-header-size        : 14px;
    --ele-timepicker-range-space        : 6px
}

body .el-popper {
    border-radius: var(--ele-popper-radius)
}

body .el-popper.is-light {
    background: var(--ele-popper-bg);
    border    : var(--ele-popper-border);
    box-shadow: var(--ele-popper-shadow)
}

body .el-popper.is-light>.el-popper__arrow:before {
    background: var(--ele-popper-arrow-bg);
    border    : var(--ele-popper-border);
    box-shadow: var(--ele-popper-arrow-shadow)
}

body .el-popper .el-popper__arrow {
    width : var(--ele-popper-arrow-size);
    height: var(--ele-popper-arrow-size)
}

body .el-popper .el-popper__arrow:before {
    width : var(--ele-popper-arrow-size);
    height: var(--ele-popper-arrow-size)
}

body .el-popper[data-popper-placement^=top]>.el-popper__arrow {
    bottom: var(--ele-popper-arrow-offset)
}

body .el-popper[data-popper-placement^=bottom]>.el-popper__arrow {
    top: var(--ele-popper-arrow-offset)
}

body .el-popper[data-popper-placement^=left]>.el-popper__arrow {
    right: var(--ele-popper-arrow-offset)
}

body .el-popper[data-popper-placement^=right]>.el-popper__arrow {
    left: var(--ele-popper-arrow-offset)
}

body .el-popper.is-dark {
    color        : var(--ele-tooltip-color);
    font-size    : var(--ele-tooltip-font-size);
    line-height  : var(--ele-tooltip-line-height);
    padding      : var(--ele-tooltip-padding);
    background   : var(--ele-tooltip-bg);
    border       : var(--ele-tooltip-border);
    box-shadow   : var(--ele-tooltip-shadow);
    border-radius: var(--ele-tooltip-radius)
}

body .el-popper.is-dark>.el-popper__arrow:before {
    background: var(--ele-tooltip-arrow-bg);
    border    : var(--ele-tooltip-border);
    box-shadow: var(--ele-tooltip-arrow-shadow)
}

.el-select__popper .el-select-dropdown {
    background   : inherit;
    border-radius: inherit
}

.el-select__popper .el-select-dropdown__list {
    margin : 0 !important;
    padding: var(--ele-select-padding) !important
}

.el-select__popper .el-select-dropdown__item {
    height       : var(--ele-select-item-height);
    line-height  : var(--ele-select-item-height);
    padding      : var(--ele-select-item-padding);
    border-radius: var(--ele-select-item-radius);
    transition   : color .2s, background-color .2s;
    box-sizing   : border-box;
    display      : flex;
    align-items  : center
}

.el-select__popper .el-select-dropdown__item>span {
    flex: 1
}

.el-select__popper .el-select-dropdown__item+.el-select-dropdown__item {
    margin-top: var(--ele-select-item-margin)
}

.el-select__popper .el-select-dropdown__item.selected {
    background : var(--ele-select-item-active-bg);
    font-weight: var(--ele-select-item-active-font-weight)
}

.el-select__popper .el-select-dropdown__item.selected:hover,
.el-select__popper .el-select-dropdown__item.selected.hover {
    background: var(--ele-select-item-active-hover-bg)
}

.el-select__popper .el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
    background: var(--ele-select-item-active-bg)
}

.el-select__popper .el-select-dropdown.is-multiple .el-select-dropdown__item.selected:hover,
.el-select__popper .el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover {
    background: var(--ele-select-item-active-hover-bg)
}

.el-select__popper .el-select-dropdown.is-multiple .el-select-dropdown__item.selected:after {
    width    : var(--ele-select-icon-size);
    height   : var(--ele-select-icon-size);
    margin   : var(--ele-select-icon-margin);
    display  : inline-block;
    position : static;
    top      : auto;
    right    : auto;
    transform: none
}

.el-select__popper .el-select-group__title {
    padding: var(--ele-select-item-padding)
}

.el-select__popper .el-select-group__wrap:not(:last-of-type) {
    padding-bottom: 0
}

.el-select__popper .el-select-group__wrap:not(:last-of-type):after {
    display: none
}

.el-select .el-select__tags .el-tag,
.el-select__collapse-tags .el-tag,
.el-cascader .el-cascader__tags .el-tag {
    --el-tag-border-radius: var(--el-border-radius-small)
}

.el-select .el-select__tags .el-tag.el-tag--light.el-tag--info,
.el-select__collapse-tags .el-tag.el-tag--light.el-tag--info,
.el-cascader .el-cascader__tags .el-tag.el-tag--light.el-tag--info {
    --el-tag-text-color: var(--el-text-color-regular);
    border-color       : var(--el-border-color)
}

.el-select .el-select__tags .el-tag.el-tag--light.el-tag--info .el-tag__close,
.el-select__collapse-tags .el-tag.el-tag--light.el-tag--info .el-tag__close,
.el-cascader .el-cascader__tags .el-tag.el-tag--light.el-tag--info .el-tag__close {
    --el-tag-text-color: var(--el-text-color-secondary)
}

.el-tag .el-tag__close:hover {
    transition: color .2s, background-color .2s
}

.el-popper>.el-select__collapse-tags {
    margin       : -5px -11px;
    padding      : 8px 10px;
    background   : inherit;
    border-radius: inherit
}

.el-select .el-select-tags-wrapper.has-prefix {
    margin-left: 6px !important
}

.el-autocomplete__popper .el-autocomplete-suggestion {
    background   : inherit;
    border-radius: inherit
}

.el-autocomplete__popper .el-autocomplete-suggestion__wrap {
    padding: 0
}

.el-autocomplete__popper .el-autocomplete-suggestion__list {
    padding: var(--ele-autocomplete-padding)
}

.el-autocomplete__popper .el-autocomplete-suggestion li {
    height       : var(--ele-autocomplete-item-height);
    line-height  : var(--ele-autocomplete-item-height);
    padding      : var(--ele-autocomplete-item-padding);
    border-radius: var(--ele-autocomplete-item-radius);
    transition   : color .2s, background-color .2s
}

.el-autocomplete__popper .el-autocomplete-suggestion li+li {
    margin-top: var(--ele-autocomplete-item-margin)
}

.el-cascader__dropdown .el-cascader-panel,
.el-cascader__dropdown .el-cascader__suggestion-panel {
    background   : inherit;
    border-radius: inherit
}

.el-cascader__dropdown .el-cascader-menu__list {
    padding: var(--ele-cascader-menu-padding)
}

.el-cascader__dropdown .el-cascader-node {
    height       : var(--ele-cascader-item-height);
    line-height  : var(--ele-cascader-item-height);
    padding      : var(--ele-cascader-item-padding);
    border-radius: var(--ele-cascader-item-radius);
    transition   : color .2s, background-color .2s
}

.el-cascader__dropdown .el-cascader-node>.el-checkbox {
    margin-right: 8px
}

.el-cascader__dropdown .el-cascader-node+.el-cascader-node {
    margin-top: var(--ele-cascader-item-margin)
}

.el-cascader__dropdown .el-cascader-node.in-active-path,
.el-cascader__dropdown .el-cascader-node.is-selectable.in-checked-path,
.el-cascader__dropdown .el-cascader-node.is-active {
    background : var(--ele-cascader-item-active-bg);
    font-weight: var(--ele-cascader-item-active-font-weight)
}

.el-cascader__dropdown .el-cascader-node.in-active-path:hover,
.el-cascader__dropdown .el-cascader-node.in-active-path:focus,
.el-cascader__dropdown .el-cascader-node.is-selectable.in-checked-path:hover,
.el-cascader__dropdown .el-cascader-node.is-selectable.in-checked-path:focus,
.el-cascader__dropdown .el-cascader-node.is-active:hover,
.el-cascader__dropdown .el-cascader-node.is-active:focus {
    background: var(--ele-cascader-item-active-hover-bg)
}

.el-cascader__dropdown .el-cascader-menu:last-child .el-cascader-node {
    padding: var(--ele-cascader-item-padding)
}

.el-cascader__dropdown .el-cascader-node__label {
    padding: 0
}

.el-cascader__dropdown .el-cascader-node__prefix {
    order       : 4;
    margin-right: -4px;
    position    : static;
    left        : auto
}

.el-cascader__dropdown .el-cascader-node__postfix {
    margin-right: -6px;
    position    : static;
    right       : auto
}

.el-cascader__dropdown .el-cascader__suggestion-list {
    padding: var(--ele-cascader-menu-padding)
}

.el-cascader__dropdown .el-cascader__suggestion-item {
    height       : var(--ele-cascader-item-height);
    line-height  : var(--ele-cascader-item-height);
    padding      : var(--ele-cascader-item-padding);
    border-radius: var(--ele-cascader-item-radius)
}

.el-cascader__dropdown .el-cascader__suggestion-item>span {
    flex        : 1;
    margin-right: 0
}

.el-cascader__dropdown .el-cascader__suggestion-item>.el-icon {
    margin-right: -4px
}

.el-cascader__dropdown .el-cascader__suggestion-item+.el-cascader__suggestion-item {
    margin-top: var(--ele-cascader-item-margin)
}

.el-cascader__dropdown .el-cascader__suggestion-item.is-checked {
    background : var(--ele-cascader-item-active-bg);
    font-weight: var(--ele-cascader-item-active-font-weight)
}

.el-tree-select__popper .el-tree-node__content {
    height       : var(--ele-select-item-height);
    padding      : var(--ele-select-item-padding);
    border-radius: var(--ele-select-item-radius);
    transition   : color .2s, background-color .2s;
    box-sizing   : border-box;
    position     : relative;
    z-index      : 0
}

.el-tree-select__popper .el-tree-node__content>.el-tree-node__expand-icon {
    width     : auto;
    height    : var(--ele-select-item-height);
    box-sizing: border-box;
    padding   : 0 4px 0 10px;
    transform : none;
    margin    : 0
}

.el-tree-select__popper .el-tree-node__content>.el-tree-node__expand-icon>svg {
    transition: transform .3s
}

.el-tree-select__popper .el-tree-node__content>.el-tree-node__expand-icon.expanded>svg {
    transform: rotate(90deg)
}

.el-tree-select__popper .el-tree-node__content .el-select-dropdown__item {
    padding      : 0;
    border-radius: 0;
    position     : static
}

.el-tree-select__popper .el-tree-node__content .el-select-dropdown__item.selected:before {
    content      : "";
    border-radius: var(--ele-select-item-radius);
    background   : var(--ele-select-item-active-bg);
    position     : absolute;
    top          : 0;
    left         : 0;
    right        : 0;
    bottom       : 0;
    z-index      : -1
}

.el-tree-select__popper .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content .el-select-dropdown__item.selected:before {
    display: none
}

.el-table-filter .el-table-filter__list {
    padding   : var(--ele-table-filter-padding);
    max-height: var(--ele-table-filter-max-height);
    box-sizing: border-box;
    overflow  : auto
}

.el-table-filter .el-table-filter__list-item {
    color        : var(--ele-table-filter-item-color);
    height       : var(--ele-table-filter-item-height);
    line-height  : var(--ele-table-filter-item-height);
    padding      : var(--ele-table-filter-item-padding);
    border-radius: var(--ele-table-filter-item-radius);
    transition   : color .2s, background-color .2s;
    box-sizing   : border-box
}

.el-table-filter .el-table-filter__list-item+.el-table-filter__list-item {
    margin-top: var(--ele-table-filter-item-margin)
}

.el-table-filter .el-table-filter__list-item:hover {
    color     : var(--ele-table-filter-item-hover-color);
    background: var(--ele-table-filter-item-hover-bg)
}

.el-table-filter .el-table-filter__list-item.is-active {
    color      : var(--ele-table-filter-item-active-color);
    background : var(--ele-table-filter-item-active-bg);
    font-weight: var(--ele-table-filter-item-active-font-weight)
}

.el-table-filter .el-table-filter__list-item.is-active:hover {
    background: var(--ele-table-filter-item-active-hover-bg)
}

.el-table-filter .el-table-filter__wrap {
    max-height: var(--ele-table-filter-max-height)
}

.el-table-filter .el-checkbox-group {
    padding   : var(--ele-table-filter-padding);
    box-sizing: border-box
}

.el-table-filter .el-checkbox-group>.el-checkbox {
    width        : 100%;
    display      : flex;
    height       : var(--ele-table-filter-item-height);
    padding      : var(--ele-table-filter-item-padding);
    border-radius: var(--ele-table-filter-item-radius);
    transition   : color .2s, background-color .2s;
    box-sizing   : border-box;
    margin       : 0
}

.el-table-filter .el-checkbox-group>.el-checkbox>.el-checkbox__label {
    color: var(--ele-table-filter-item-color)
}

.el-table-filter .el-checkbox-group>.el-checkbox:hover {
    background: var(--ele-table-filter-item-hover-bg)
}

.el-table-filter .el-checkbox-group>.el-checkbox:hover>.el-checkbox__label {
    color: var(--ele-table-filter-item-hover-color)
}

.el-table-filter .el-checkbox-group>.el-checkbox.is-checked {
    background: var(--ele-table-filter-item-active-bg)
}

.el-table-filter .el-checkbox-group>.el-checkbox.is-checked>.el-checkbox__label {
    color      : var(--ele-table-filter-item-active-color);
    font-weight: var(--ele-table-filter-item-active-font-weight)
}

.el-table-filter .el-checkbox-group>.el-checkbox.is-checked:hover {
    background: var(--ele-table-filter-item-active-hover-bg)
}

.el-table-filter .el-checkbox-group>.el-checkbox+.el-checkbox {
    margin-top: var(--ele-table-filter-item-margin)
}

.el-table-filter .el-table-filter__bottom {
    padding        : var(--ele-table-filter-footer-padding);
    border-top     : var(--ele-table-filter-footer-border);
    box-sizing     : border-box;
    display        : flex;
    align-items    : center;
    justify-content: flex-end
}

.el-table-filter .el-table-filter__bottom>button {
    height       : 24px;
    line-height  : 24px;
    padding      : 0 11px;
    font-size    : 12px;
    color        : var(--el-text-color-regular);
    border-radius: calc(var(--el-border-radius-base) - 1px);
    transition   : color .2s, background-color .2s;
    box-sizing   : border-box
}

.el-table-filter .el-table-filter__bottom>button:hover {
    background: var(--el-fill-color-light)
}

.el-table-filter .el-table-filter__bottom>button:active {
    background: var(--el-fill-color)
}

.el-table-filter .el-table-filter__bottom>button:first-child {
    order      : 2;
    color      : #fff;
    background : var(--el-color-primary);
    margin-left: 4px
}

.el-table-filter .el-table-filter__bottom>button:first-child:hover {
    background: var(--el-color-primary-light-3)
}

.el-table-filter .el-table-filter__bottom>button:first-child:active {
    background: var(--el-color-primary-dark-2)
}

.el-table-filter .el-table-filter__bottom>button:first-child.is-disabled {
    background: var(--el-color-primary-light-5)
}

.el-overlay-message-box .el-message-box {
    padding      : 0;
    max-width    : var(--ele-message-box-width);
    border-radius: var(--ele-message-box-radius);
    border       : none
}

.el-overlay-message-box .el-message-box .el-message-box__header {
    padding      : var(--ele-message-box-header-padding);
    border-bottom: var(--ele-message-box-header-border);
    box-sizing   : border-box;
    display      : flex;
    align-items  : center
}

.el-overlay-message-box .el-message-box .el-message-box__title {
    flex       : 1;
    color      : var(--ele-message-box-header-color);
    font-size  : var(--ele-message-box-header-font-size);
    font-weight: var(--ele-message-box-header-font-weight);
    line-height: var(--ele-message-box-header-line-height)
}

.el-overlay-message-box .el-message-box .el-message-box__headerbtn {
    flex-shrink    : 0;
    display        : flex;
    align-items    : center;
    justify-content: center;
    width          : var(--ele-message-box-icon-size);
    height         : var(--ele-message-box-icon-size);
    line-height    : var(--ele-message-box-icon-size);
    color          : var(--ele-message-box-icon-color);
    font-size      : var(--ele-message-box-icon-font-size);
    border-radius  : var(--ele-message-box-icon-radius);
    transition     : color .2s, background-color .2s;
    box-sizing     : border-box;
    position       : static;
    right          : auto;
    top            : auto
}

.el-overlay-message-box .el-message-box .el-message-box__headerbtn .el-message-box__close {
    color: inherit
}

.el-overlay-message-box .el-message-box .el-message-box__headerbtn:hover {
    color     : var(--ele-message-box-icon-hover-color);
    background: var(--ele-message-box-icon-hover-bg)
}

.el-overlay-message-box .el-message-box .el-message-box__content {
    padding   : var(--ele-message-box-body-padding);
    box-sizing: border-box
}

.el-overlay-message-box .el-message-box .el-message-box__btns {
    padding   : var(--ele-message-box-footer-padding);
    border-top: var(--ele-message-box-footer-border);
    box-sizing: border-box
}

.el-overlay-message-box .el-message-box .el-message-box__input {
    padding-top: var(--ele-message-box-input-padding)
}

.el-overlay-message-box .el-message-box .el-message-box__errormsg {
    line-height: 18px
}

body .el-overlay.is-message-box>.el-overlay-message-box {
    overflow-x     : hidden;
    scrollbar-width: none
}

body .el-overlay.is-message-box>.el-overlay-message-box::-webkit-scrollbar {
    display: none
}

body .el-notification {
    width        : var(--ele-notification-width);
    max-width    : calc(100vw - 48px);
    padding      : var(--ele-notification-padding);
    border       : var(--ele-notification-border);
    border-radius: var(--ele-notification-radius);
    box-shadow   : var(--ele-notification-shadow)
}

body .el-notification .el-notification__icon {
    width    : var(--ele-notification-icon-size);
    height   : var(--ele-notification-icon-size);
    font-size: var(--ele-notification-icon-size);
    margin   : var(--ele-notification-icon-margin)
}

.el-notification .el-notification__icon.el-notification--info {
    color: var(--el-color-primary)
}

.el-notification .el-notification__group {
    margin: 0
}

.el-notification .el-notification__group .el-notification__closeBtn {
    top          : 0;
    right        : 0;
    width        : var(--ele-notification-close-size);
    height       : var(--ele-notification-close-size);
    line-height  : var(--ele-notification-close-size);
    color        : var(--ele-notification-close-color);
    font-size    : var(--ele-notification-close-font-size);
    margin       : var(--ele-notification-close-margin);
    border-radius: var(--ele-notification-close-radius);
    transition   : color .2s, background-color .2s
}

.el-notification .el-notification__group .el-notification__closeBtn:hover {
    color     : var(--ele-notification-close-hover-color);
    background: var(--ele-notification-close-hover-bg)
}

.el-notification .el-notification__group .el-notification__title {
    color      : var(--ele-notification-title-color);
    font-size  : var(--ele-notification-title-size);
    font-weight: var(--ele-notification-title-font-weight);
    line-height: var(--ele-notification-title-line-height);
    padding    : var(--ele-notification-title-padding);
    box-sizing : border-box
}

.el-notification .el-notification__group .el-notification__content {
    color      : var(--ele-notification-color);
    font-size  : var(--ele-notification-size);
    margin-top : var(--ele-notification-body-margin);
    line-height: inherit;
    text-align : left
}

body .el-radio .el-radio__label {
    color      : var(--ele-radio-color);
    font-size  : var(--ele-radio-font-size);
    line-height: var(--ele-radio-size)
}

body .el-radio .el-radio__inner {
    width        : var(--ele-radio-size);
    height       : var(--ele-radio-size);
    background   : var(--ele-radio-bg);
    border       : var(--ele-radio-border);
    border-radius: var(--ele-radio-radius);
    transition   : border-color .2s, background-color .2s
}

body .el-radio .el-radio__inner:after {
    width        : var(--ele-radio-dot-size);
    height       : var(--ele-radio-dot-size);
    margin-top   : calc(0px - var(--ele-radio-dot-size) / 2);
    margin-left  : calc(0px - var(--ele-radio-dot-size) / 2);
    background   : var(--ele-radio-dot-color);
    border-radius: var(--ele-radio-dot-radius);
    transition   : all .3s cubic-bezier(.78, .14, .15, .86);
    box-sizing   : border-box;
    transform    : scale(0);
    opacity      : 0
}

body .el-radio:hover .el-radio__inner {
    border: var(--ele-radio-hover-border)
}

body .el-radio.is-checked .el-radio__label {
    color: var(--ele-radio-active-color)
}

body .el-radio.is-checked .el-radio__inner {
    background: var(--ele-radio-active-bg);
    border    : var(--ele-radio-active-border)
}

body .el-radio.is-checked .el-radio__inner:after {
    transform: scale(1);
    opacity  : 1
}

body .el-radio.is-disabled span.el-radio__label {
    color: var(--ele-radio-disabled-color)
}

body .el-radio.is-disabled .el-radio__input .el-radio__inner {
    background: var(--ele-radio-disabled-bg);
    border    : var(--ele-radio-disabled-border)
}

body .el-radio.is-disabled .el-radio__input .el-radio__inner:after {
    background: var(--ele-radio-disabled-dot-color)
}

body .el-radio.el-radio--small .el-radio__label {
    font-size  : var(--ele-radio-sm-font-size);
    line-height: var(--ele-radio-sm-size)
}

body .el-radio.el-radio--small .el-radio__inner {
    width        : var(--ele-radio-sm-size);
    height       : var(--ele-radio-sm-size);
    border-radius: var(--ele-radio-sm-radius)
}

body .el-radio.el-radio--small .el-radio__inner:after {
    width        : var(--ele-radio-sm-dot-size);
    height       : var(--ele-radio-sm-dot-size);
    margin-top   : calc(0px - var(--ele-radio-sm-dot-size) / 2);
    margin-left  : calc(0px - var(--ele-radio-sm-dot-size) / 2);
    border-radius: var(--ele-radio-sm-dot-radius)
}

body .el-radio.el-radio--large .el-radio__label {
    font-size  : var(--ele-radio-lg-font-size);
    line-height: var(--ele-radio-lg-size)
}

body .el-radio.el-radio--large .el-radio__inner {
    width        : var(--ele-radio-lg-size);
    height       : var(--ele-radio-lg-size);
    border-radius: var(--ele-radio-lg-radius)
}

body .el-radio.el-radio--large .el-radio__inner:after {
    width        : var(--ele-radio-lg-dot-size);
    height       : var(--ele-radio-lg-dot-size);
    margin-top   : calc(0px - var(--ele-radio-lg-dot-size) / 2);
    margin-left  : calc(0px - var(--ele-radio-lg-dot-size) / 2);
    border-radius: var(--ele-radio-lg-dot-radius)
}

body .el-checkbox .el-checkbox__label {
    color      : var(--ele-checkbox-color);
    font-size  : var(--ele-checkbox-font-size);
    line-height: var(--ele-checkbox-size);
    transition : color .2s, font-weight .2s
}

body .el-checkbox .el-checkbox__inner {
    width        : var(--ele-checkbox-size);
    height       : var(--ele-checkbox-size);
    background   : var(--ele-checkbox-bg);
    border       : var(--ele-checkbox-border);
    border-radius: var(--ele-checkbox-radius);
    transition   : border-color .2s, background-color .2s
}

body .el-checkbox .el-checkbox__inner:after {
    top        : 50%;
    left       : var(--ele-checkbox-icon-left);
    width      : var(--ele-checkbox-icon-width);
    height     : var(--ele-checkbox-icon-height);
    border     : 2px solid #fff;
    border-top : 0;
    border-left: 0;
    box-sizing : border-box;
    transform  : rotate(45deg) scale(0) translate(-50%, -50%);
    transition : all .1s cubic-bezier(.71, -.46, .88, .6);
    opacity    : 0
}

body .el-checkbox .el-checkbox__input .el-checkbox__inner:before {
    content   : "";
    width     : 60%;
    height    : 2px;
    position  : absolute;
    top       : 50%;
    left      : 50%;
    right     : auto;
    bottom    : auto;
    background: #fff;
    transform : translate(-50%) scale(0);
    margin-top: -1px;
    transition: all .1s cubic-bezier(.71, -.46, .88, .6);
    opacity   : 0
}

body .el-checkbox:hover .el-checkbox__inner {
    border: var(--ele-checkbox-hover-border)
}

body .el-checkbox.is-checked .el-checkbox__label {
    color: var(--ele-checkbox-active-color)
}

body .el-checkbox.is-checked .el-checkbox__inner {
    background: var(--el-color-primary);
    border    : 1px solid var(--el-color-primary)
}

body .el-checkbox.is-checked .el-checkbox__inner:after {
    opacity   : 1;
    transform : rotate(45deg) scale(1) translate(-50%, -50%);
    transition: all .2s cubic-bezier(.12, .4, .29, 1.46) .1s
}

body .el-checkbox .el-checkbox__input.is-indeterminate .el-checkbox__inner {
    background: var(--el-color-primary);
    border    : 1px solid var(--el-color-primary)
}

body .el-checkbox .el-checkbox__input.is-indeterminate .el-checkbox__inner:before {
    opacity   : 1;
    transform : translate(-50%) scale(1);
    transition: all .2s cubic-bezier(.12, .4, .29, 1.46) .1s
}

body .el-checkbox .el-checkbox__input.is-indeterminate .el-checkbox__inner:after {
    display  : block;
    transform: rotate(45deg) scale(0) translate(-50%, -50%);
    opacity  : 0
}

body .el-checkbox.is-disabled span.el-checkbox__label {
    color: var(--ele-checkbox-disabled-color)
}

body .el-checkbox.is-disabled .el-checkbox__input .el-checkbox__inner {
    background: var(--ele-checkbox-disabled-bg);
    border    : var(--ele-checkbox-disabled-border)
}

body .el-checkbox.is-disabled .el-checkbox__input .el-checkbox__inner:after {
    border-color: var(--ele-checkbox-disabled-color)
}

body .el-checkbox.el-checkbox--small .el-checkbox__label {
    font-size  : var(--ele-checkbox-sm-font-size);
    line-height: var(--ele-checkbox-sm-size)
}

body .el-checkbox.el-checkbox--small .el-checkbox__inner {
    width        : var(--ele-checkbox-sm-size);
    height       : var(--ele-checkbox-sm-size);
    border-radius: var(--ele-checkbox-sm-radius)
}

body .el-checkbox.el-checkbox--small .el-checkbox__inner:after {
    left  : var(--ele-checkbox-sm-icon-left);
    width : var(--ele-checkbox-sm-icon-width);
    height: var(--ele-checkbox-sm-icon-height)
}

body .el-checkbox.el-checkbox--small .el-checkbox__input.is-indeterminate .el-checkbox__inner:before {
    top: 50%
}

body .el-checkbox.el-checkbox--large .el-checkbox__label {
    font-size  : var(--ele-checkbox-lg-font-size);
    line-height: var(--ele-checkbox-lg-size)
}

body .el-checkbox.el-checkbox--large .el-checkbox__inner {
    width        : var(--ele-checkbox-lg-size);
    height       : var(--ele-checkbox-lg-size);
    border-radius: var(--ele-checkbox-lg-radius)
}

body .el-checkbox.el-checkbox--large .el-checkbox__inner:after {
    left  : var(--ele-checkbox-lg-icon-left);
    width : var(--ele-checkbox-lg-icon-width);
    height: var(--ele-checkbox-lg-icon-height)
}

body .el-color-picker__panel {
    padding: 10px
}

.el-color-picker__panel .el-color-dropdown__btns {
    margin-top: 8px
}

.el-color-picker__panel .el-color-predefine__color-selector.selected {
    box-shadow: none;
    position  : relative
}

.el-color-picker__panel .el-color-predefine__color-selector.selected:after {
    content    : "";
    width      : 5.71428571px;
    height     : 9.14285714px;
    border     : 2px solid #fff;
    border-left: 0;
    border-top : 0;
    transform  : rotate(45deg) translate(-50%, -50%);
    box-sizing : border-box;
    position   : absolute;
    top        : 50%;
    left       : 6px
}

.el-color-picker .el-color-picker__color {
    border-color: var(--el-border-color-light);
    overflow    : hidden
}

body .el-color-picker .el-color-picker__icon,
body .el-color-picker .el-color-picker__empty {
    font-size: 13px
}

body .el-backtop {
    box-shadow: var(--el-box-shadow-light);
    transition: color .2s, background-color .2s
}

.el-image-viewer__wrapper {
    --el-text-color-regular: var(--ele-image-viewer-tool-bg)
}

.el-descriptions .el-descriptions__table.is-bordered {
    border-spacing : 0;
    border-collapse: separate;
    border-radius  : var(--ele-descriptions-radius);
    border-top     : 1px solid var(--ele-descriptions-border-color);
    border-left    : 1px solid var(--ele-descriptions-border-color)
}

.el-descriptions .el-descriptions__table.is-bordered tr>.el-descriptions__cell {
    border-top  : none;
    border-left : none;
    border-color: var(--ele-descriptions-border-color)
}

.el-descriptions .el-descriptions__table.is-bordered tr:first-child>.el-descriptions__cell:first-child {
    border-top-left-radius: var(--ele-descriptions-radius)
}

.el-descriptions .el-descriptions__table.is-bordered tr:first-child>.el-descriptions__cell:last-child {
    border-top-right-radius: var(--ele-descriptions-radius)
}

.el-descriptions .el-descriptions__table.is-bordered tr:last-child>.el-descriptions__cell:first-child {
    border-bottom-left-radius: var(--ele-descriptions-radius)
}

.el-descriptions .el-descriptions__table.is-bordered tr:last-child>.el-descriptions__cell:last-child {
    border-bottom-right-radius: var(--ele-descriptions-radius)
}

.el-descriptions .el-descriptions__label.el-descriptions__cell.is-bordered-label {
    background: var(--ele-descriptions-bg)
}

.el-date-picker .el-date-picker__header {
    display      : flex;
    align-items  : center;
    height       : var(--ele-datepicker-header-height);
    line-height  : var(--ele-datepicker-header-height);
    border-bottom: var(--ele-datepicker-header-border);
    padding      : var(--ele-datepicker-header-padding);
    box-sizing   : border-box;
    margin       : 0
}

.el-date-picker .el-date-picker__header-label {
    flex-shrink: 0;
    color      : var(--ele-datepicker-label-color);
    font-size  : var(--ele-datepicker-label-size);
    font-weight: var(--ele-datepicker-label-weight);
    line-height: inherit;
    padding    : 0;
    box-sizing : border-box;
    transition : color .2s
}

.el-date-picker .el-date-picker__header-label+.el-date-picker__header-label {
    margin-left: var(--ele-datepicker-label-space)
}

.el-date-picker .el-date-picker__header-label:hover {
    color: var(--ele-datepicker-label-hover-color)
}

.el-date-picker .el-date-picker__prev-btn,
.el-date-picker .el-date-picker__next-btn {
    flex       : 1;
    float      : none;
    display    : flex;
    align-items: center
}

.el-date-picker .el-date-picker__next-btn {
    justify-content: flex-end
}

.el-date-picker .el-picker-panel__icon-btn {
    margin         : 0;
    padding        : 0;
    line-height    : inherit;
    font-size      : var(--ele-datepicker-icon-size);
    color          : var(--ele-datepicker-icon-color);
    transition     : color .2s;
    box-sizing     : border-box;
    display        : flex;
    align-items    : center;
    justify-content: center
}

.el-date-picker .el-picker-panel__icon-btn .el-icon {
    cursor: inherit
}

.el-date-picker .el-picker-panel__icon-btn+.el-picker-panel__icon-btn {
    margin-left: var(--ele-datepicker-icon-space)
}

.el-date-picker .el-picker-panel__icon-btn:hover {
    color: var(--ele-datepicker-icon-hover-color)
}

.el-date-picker .el-picker-panel__content {
    margin    : 0;
    padding   : var(--ele-datepicker-body-padding);
    box-sizing: border-box
}

.el-date-picker .el-picker-panel__body .el-picker-panel__content {
    width: 100%
}

.el-picker__popper .el-date-picker,
.el-date-range-picker .el-date-range-picker__content,
.el-date-picker.has-sidebar .el-picker-panel__body {
    width      : var(--ele-datepicker-body-width);
    flex-shrink: 0
}

.el-picker__popper .el-date-picker.has-sidebar,
.el-picker__popper .el-date-range-picker,
.el-picker__popper .el-date-range-picker.has-sidebar,
.el-picker__popper .el-date-picker.has-sidebar.has-time {
    width: auto
}

.el-picker__popper .el-date-range-picker .el-picker-panel__body {
    min-width: auto
}

.el-date-picker .el-picker-panel__sidebar,
.el-date-range-picker .el-picker-panel__sidebar {
    flex-shrink : 1;
    background  : none;
    width       : var(--ele-datepicker-sidebar-width);
    padding     : var(--ele-datepicker-sidebar-padding);
    border-right: var(--ele-datepicker-sidebar-border);
    box-sizing  : border-box;
    position    : relative;
    top         : auto;
    bottom      : auto
}

.el-date-picker .el-picker-panel__sidebar+.el-picker-panel__body,
.el-date-range-picker .el-picker-panel__sidebar+.el-picker-panel__body {
    margin: 0
}

.el-date-picker .el-picker-panel__shortcut,
.el-date-range-picker .el-picker-panel__shortcut {
    height       : var(--ele-datepicker-shortcut-height);
    line-height  : var(--ele-datepicker-shortcut-height);
    color        : var(--ele-datepicker-shortcut-color);
    font-size    : var(--ele-datepicker-shortcut-size);
    padding      : var(--ele-datepicker-shortcut-padding);
    border-radius: var(--ele-datepicker-shortcut-radius);
    transition   : color .2s, background-color .2s;
    box-sizing   : border-box;
    overflow     : hidden;
    text-overflow: ellipsis;
    word-break   : break-all;
    white-space  : nowrap
}

.el-date-picker .el-picker-panel__shortcut:hover,
.el-date-range-picker .el-picker-panel__shortcut:hover {
    color     : var(--ele-datepicker-shortcut-hover-color);
    background: var(--ele-datepicker-shortcut-hover-bg)
}

.el-date-picker .el-picker-panel__shortcut+.el-picker-panel__shortcut,
.el-date-range-picker .el-picker-panel__shortcut+.el-picker-panel__shortcut {
    margin-top: var(--ele-datepicker-shortcut-margin)
}

.el-date-picker.has-sidebar .el-picker-panel__body-wrapper,
.el-date-range-picker.has-sidebar .el-picker-panel__body-wrapper {
    display: flex
}

.el-date-picker .el-picker-panel__footer,
.el-date-range-picker .el-picker-panel__footer {
    display        : flex;
    align-items    : center;
    justify-content: flex-end;
    padding        : var(--ele-datepicker-footer-padding);
    border-top     : var(--ele-datepicker-footer-border);
    box-sizing     : border-box;
    background     : none
}

.el-date-picker .el-date-table,
.el-date-picker .el-month-table,
.el-date-picker .el-year-table,
.el-date-range-picker .el-date-table,
.el-date-range-picker .el-month-table,
.el-date-range-picker .el-year-table {
    color    : var(--ele-datepicker-color);
    font-size: var(--ele-datepicker-font-size);
    margin   : 0
}

.el-date-picker .el-date-table th,
.el-date-range-picker .el-date-table th {
    padding: 0;
    border : none;
    color  : var(--ele-datepicker-color)
}

.el-date-picker .el-date-table td .el-date-table-cell .el-date-table-cell__text,
.el-date-range-picker .el-date-table td .el-date-table-cell .el-date-table-cell__text {
    border-radius: var(--ele-datepicker-cell-radius);
    transition   : color .2s, background-color .2s, border-color .2s;
    box-sizing   : border-box
}

.el-date-picker .el-date-table td.today .el-date-table-cell__text,
.el-date-range-picker .el-date-table td.today .el-date-table-cell__text {
    color      : var(--ele-datepicker-today-color);
    font-weight: var(--ele-datepicker-today-weight);
    border     : var(--ele-datepicker-today-border)
}

.el-date-picker .el-date-table td.prev-month,
.el-date-picker .el-date-table td.next-month,
.el-date-range-picker .el-date-table td.prev-month,
.el-date-range-picker .el-date-table td.next-month {
    color: var(--ele-datepicker-off-color)
}

.el-date-picker .el-date-table td.available:hover .el-date-table-cell__text,
.el-date-range-picker .el-date-table td.available:hover .el-date-table-cell__text {
    color     : var(--ele-datepicker-hover-color);
    background: var(--ele-datepicker-hover-bg)
}

.el-date-picker .el-date-table td.current:not(.disabled) .el-date-table-cell__text,
.el-date-range-picker .el-date-table td.current:not(.disabled) .el-date-table-cell__text {
    color     : var(--ele-datepicker-active-color);
    background: var(--ele-datepicker-active-bg)
}

.el-date-picker .el-date-table td.disabled .el-date-table-cell,
.el-date-range-picker .el-date-table td.disabled .el-date-table-cell {
    background: var(--ele-datepicker-disabled-bg)
}

.el-date-picker .el-date-table td.disabled .el-date-table-cell__text,
.el-date-range-picker .el-date-table td.disabled .el-date-table-cell__text {
    color     : var(--ele-datepicker-disabled-color);
    background: none
}

.el-date-picker .el-year-table td .cell,
.el-date-picker .el-month-table td .cell,
.el-date-range-picker .el-year-table td .cell,
.el-date-range-picker .el-month-table td .cell {
    color        : var(--ele-datepicker-color);
    width        : var(--ele-datepicker-year-width);
    height       : var(--ele-datepicker-year-height);
    line-height  : var(--ele-datepicker-year-height);
    border-radius: var(--ele-datepicker-year-radius);
    transition   : color .2s, background-color .2s, border-color .2s;
    box-sizing   : border-box
}

.el-date-picker .el-year-table td.today .cell,
.el-date-picker .el-month-table td.today .cell,
.el-date-range-picker .el-year-table td.today .cell,
.el-date-range-picker .el-month-table td.today .cell {
    color      : var(--ele-datepicker-today-color);
    font-weight: var(--ele-datepicker-today-weight);
    border     : var(--ele-datepicker-today-border)
}

.el-date-picker .el-year-table td .cell:hover,
.el-date-picker .el-month-table td .cell:hover,
.el-date-range-picker .el-year-table td .cell:hover,
.el-date-range-picker .el-month-table td .cell:hover {
    color     : var(--ele-datepicker-hover-color);
    background: var(--ele-datepicker-hover-bg)
}

.el-date-picker .el-year-table td.current:not(.disabled) .cell,
.el-date-picker .el-month-table td.current:not(.disabled) .cell,
.el-date-range-picker .el-year-table td.current:not(.disabled) .cell,
.el-date-range-picker .el-month-table td.current:not(.disabled) .cell {
    color     : var(--ele-datepicker-active-color);
    background: var(--ele-datepicker-active-bg)
}

.el-date-picker .el-year-table td,
.el-date-range-picker .el-year-table td {
    padding: var(--ele-datepicker-year-padding)
}

.el-date-picker .el-year-table td.disabled .cell,
.el-date-range-picker .el-year-table td.disabled .cell {
    color        : var(--ele-datepicker-disabled-color);
    background   : var(--ele-datepicker-disabled-bg);
    border-radius: 0;
    width        : 100%
}

.el-date-picker .el-month-table td,
.el-date-range-picker .el-month-table td {
    padding: var(--ele-datepicker-month-padding)
}

.el-date-picker .el-month-table td>div,
.el-date-range-picker .el-month-table td>div {
    height    : auto;
    padding   : var(--ele-datepicker-month-space);
    transition: background-color .2s, border-color .2s
}

.el-date-picker .el-month-table td.disabled>div,
.el-date-range-picker .el-month-table td.disabled>div {
    background: var(--ele-datepicker-disabled-bg)
}

.el-date-picker .el-month-table td.disabled .cell,
.el-date-range-picker .el-month-table td.disabled .cell {
    color     : var(--ele-datepicker-disabled-color);
    background: none
}

.el-date-range-picker .el-date-range-picker__content .el-date-range-picker__header {
    display      : flex;
    align-items  : center;
    height       : var(--ele-datepicker-header-height);
    line-height  : var(--ele-datepicker-header-height);
    border-bottom: var(--ele-datepicker-header-border);
    padding      : var(--ele-datepicker-header-padding);
    box-sizing   : border-box
}

.el-date-range-picker .el-date-range-picker__content .el-date-range-picker__header>div {
    flex       : 1;
    margin     : 0;
    color      : var(--ele-datepicker-label-color);
    font-size  : var(--ele-datepicker-label-size);
    font-weight: var(--ele-datepicker-label-weight);
    box-sizing : border-box
}

.el-date-range-picker .el-date-range-picker__content .el-date-range-picker__header .el-picker-panel__icon-btn {
    margin         : 0;
    padding        : 0;
    line-height    : inherit;
    font-size      : var(--ele-datepicker-icon-size);
    color          : var(--ele-datepicker-icon-color);
    transition     : color .2s;
    box-sizing     : border-box;
    display        : flex;
    align-items    : center;
    justify-content: center;
    float          : none
}

.el-date-range-picker .el-date-range-picker__content .el-date-range-picker__header .el-picker-panel__icon-btn.arrow-left {
    margin-left: var(--ele-datepicker-icon-space)
}

.el-date-range-picker .el-date-range-picker__content .el-date-range-picker__header .el-picker-panel__icon-btn.arrow-right {
    order       : 3;
    margin-right: var(--ele-datepicker-icon-space)
}

.el-date-range-picker .el-date-range-picker__content .el-date-range-picker__header .el-picker-panel__icon-btn.d-arrow-right {
    order: 4
}

.el-date-range-picker .el-date-range-picker__content .el-date-range-picker__header .el-picker-panel__icon-btn .el-icon {
    cursor: inherit
}

.el-date-range-picker .el-date-range-picker__content .el-date-range-picker__header .el-picker-panel__icon-btn:hover {
    color: var(--ele-datepicker-icon-hover-color)
}

.el-date-range-picker .el-date-range-picker__content .el-date-range-picker__header .el-picker-panel__icon-btn.is-disabled {
    color: var(--ele-datepicker-icon-disabled-color)
}

.el-date-range-picker .el-picker-panel__body {
    display    : flex;
    flex-shrink: 0
}

.el-date-range-picker .el-date-range-picker__content {
    padding: 0;
    border : none;
    float  : none
}

.el-date-range-picker .el-date-range-picker__content table {
    padding   : var(--ele-datepicker-body-padding);
    box-sizing: border-box
}

.el-date-range-picker .el-date-range-picker__content.is-left {
    border: none
}

.el-date-range-picker .el-date-range-picker__content.is-left table {
    box-shadow: .8px 0 0 0 var(--ele-datepicker-inner-border)
}

.el-date-range-picker .el-date-table td.start-date .el-date-table-cell {
    margin-left              : var(--ele-datepicker-end-margin);
    border-top-left-radius   : var(--ele-datepicker-cell-radius);
    border-bottom-left-radius: var(--ele-datepicker-cell-radius)
}

.el-date-range-picker .el-date-table td.end-date .el-date-table-cell {
    margin-right              : var(--ele-datepicker-end-margin);
    border-top-right-radius   : var(--ele-datepicker-cell-radius);
    border-bottom-right-radius: var(--ele-datepicker-cell-radius)
}

.el-date-range-picker .el-date-table td.in-range .el-date-table-cell {
    background: var(--ele-datepicker-inrange-bg)
}

.el-date-range-picker .el-date-table td.in-range .el-date-table-cell:hover {
    background: var(--ele-datepicker-inrange-hover-bg)
}

.el-date-range-picker .el-date-table td.in-range.available:hover .el-date-table-cell__text {
    background: none
}

.el-date-range-picker .el-date-table td.in-range.available.start-date .el-date-table-cell__text,
.el-date-range-picker .el-date-table td.in-range.available.end-date .el-date-table-cell__text {
    color     : var(--ele-datepicker-active-color);
    background: var(--ele-datepicker-active-bg)
}

.el-date-range-picker .el-month-table td.start-date>div {
    border-top-left-radius   : var(--ele-datepicker-year-radius);
    border-bottom-left-radius: var(--ele-datepicker-year-radius)
}

.el-date-range-picker .el-month-table td.end-date>div {
    border-top-right-radius   : var(--ele-datepicker-year-radius);
    border-bottom-right-radius: var(--ele-datepicker-year-radius)
}

.el-date-range-picker .el-month-table td.in-range>div {
    background: var(--ele-datepicker-inrange-bg)
}

.el-date-range-picker .el-month-table td.in-range>div:hover {
    background: var(--ele-datepicker-inrange-hover-bg)
}

.el-date-range-picker .el-month-table td.in-range .cell:hover {
    background: none
}

.el-date-range-picker .el-month-table td.in-range.start-date:not(.disabled) .cell,
.el-date-range-picker .el-month-table td.in-range.end-date:not(.disabled) .cell {
    color     : var(--ele-datepicker-active-color);
    background: var(--ele-datepicker-active-bg)
}

.el-date-range-picker .el-month-table {
    border-collapse: separate;
    border-spacing : 0
}

.el-date-table.is-week-mode td.start-date .el-date-table-cell,
.el-date-table.is-week-mode tbody .el-date-table__row td:first-child .el-date-table-cell,
.el-date-table.is-week-mode tbody .el-date-table__row:hover td:first-child .el-date-table-cell {
    margin-left              : var(--ele-datepicker-end-margin);
    border-top-left-radius   : var(--ele-datepicker-cell-radius);
    border-bottom-left-radius: var(--ele-datepicker-cell-radius)
}

.el-date-table.is-week-mode td.end-date .el-date-table-cell,
.el-date-table.is-week-mode tbody .el-date-table__row td:last-child .el-date-table-cell,
.el-date-table.is-week-mode tbody .el-date-table__row:hover td:last-child .el-date-table-cell {
    margin-right              : var(--ele-datepicker-end-margin);
    border-top-right-radius   : var(--ele-datepicker-cell-radius);
    border-bottom-right-radius: var(--ele-datepicker-cell-radius)
}

.el-date-table.is-week-mode .el-date-table__row:hover td .el-date-table-cell,
.el-date-table.is-week-mode .el-date-table__row.current td .el-date-table-cell {
    background: var(--ele-datepicker-inrange-bg)
}

.el-date-table.is-week-mode td.available:hover .el-date-table-cell__text {
    color     : var(--ele-datepicker-color);
    background: none
}

.el-date-table.is-week-mode .el-date-table__row.current td.start-date .el-date-table-cell__text,
.el-date-table.is-week-mode .el-date-table__row.current td.end-date .el-date-table-cell__text {
    color     : var(--ele-datepicker-active-color);
    background: var(--ele-datepicker-active-bg)
}

.el-date-picker .el-date-table td.selected .el-date-table-cell {
    margin-left  : var(--ele-datepicker-end-margin);
    margin-right : var(--ele-datepicker-end-margin);
    border-radius: var(--ele-datepicker-cell-radius);
    background   : var(--ele-datepicker-inrange-bg)
}

.el-date-picker .el-date-table td.selected .el-date-table-cell:hover {
    background: var(--ele-datepicker-inrange-hover-bg)
}

.el-date-picker .el-date-table td.selected .el-date-table-cell .el-date-table-cell__text {
    color     : var(--ele-datepicker-active-color);
    background: var(--ele-datepicker-active-bg)
}

.el-date-picker .el-date-picker__time-header,
.el-date-range-picker .el-date-range-picker__time-header {
    padding    : 8px 5px;
    display    : flex;
    align-items: center
}

.el-date-picker__time-header .el-date-picker__editor-wrap,
.el-date-range-picker__time-header .el-date-range-picker__time-picker-wrap {
    flex      : 1;
    padding   : 0 4px;
    box-sizing: border-box;
    display   : block
}

.el-date-picker__time-header .el-date-picker__editor-wrap>.el-input,
.el-date-range-picker__time-header .el-date-range-picker__time-picker-wrap>.el-input {
    display: flex
}

.el-date-range-picker.has-time .el-picker-panel__body {
    display              : grid;
    grid-template-columns: repeat(2, 1fr)
}

.el-date-range-picker .el-date-range-picker__time-header {
    grid-column-end: span 2;
    width          : calc(var(--ele-datepicker-body-width) * 2)
}

.el-date-range-picker__time-header>span {
    flex-shrink: 0;
    display    : flex;
    align-items: center
}

.el-date-range-picker__time-header>span>.el-icon {
    color    : var(--ele-datepicker-range-icon-color);
    font-size: var(--ele-datepicker-range-icon-size)
}

.el-date-range-picker__time-header .el-date-range-picker__editors-wrap {
    flex: 1
}

.el-popper .el-picker-panel .el-time-panel {
    margin       : 7px 0;
    background   : var(--ele-popper-bg);
    border       : var(--ele-popper-border);
    border-radius: var(--ele-popper-radius);
    box-shadow   : var(--ele-popper-shadow)
}

.el-popper .el-picker-panel .el-time-panel:after {
    content               : "";
    width                 : var(--ele-popper-arrow-size);
    height                : var(--ele-popper-arrow-size);
    background            : var(--ele-popper-arrow-bg);
    border                : var(--ele-popper-border);
    box-shadow            : var(--ele-popper-arrow-shadow);
    border-bottom-color   : transparent;
    border-right-color    : transparent;
    border-top-left-radius: 2px;
    transform             : rotate(45deg);
    box-sizing            : border-box;
    z-index               : -1;
    position              : absolute;
    top                   : var(--ele-popper-arrow-offset);
    left                  : 20px
}

.el-popper .el-picker-panel .el-time-panel>.el-time-panel__content {
    background   : inherit;
    border-radius: inherit
}

.el-popper .el-picker-panel,
.el-popper .el-time-panel {
    background   : inherit;
    border-radius: inherit
}

.el-time-panel .el-time-panel__content:before,
.el-time-range-picker .el-time-panel__content:before {
    padding       : 0;
    left          : var(--ele-timepicker-line-margin);
    right         : var(--ele-timepicker-line-margin);
    height        : calc(var(--ele-timepicker-item-height) + var(--ele-timepicker-line-padding) * 2);
    margin        : calc(0px - var(--ele-timepicker-item-height) / 2 - var(--ele-timepicker-line-padding)) 0 0 0;
    border-top    : var(--ele-timepicker-line);
    border-bottom : var(--ele-timepicker-line);
    pointer-events: none;
    z-index       : 1
}

.el-time-panel .el-time-panel__content:after,
.el-time-range-picker .el-time-panel__content:after {
    display: none
}

.el-time-panel .el-time-spinner,
.el-time-range-picker .el-time-spinner {
    display: flex
}

.el-time-panel .el-time-spinner.has-seconds .el-time-spinner__wrapper,
.el-time-range-picker .el-time-spinner.has-seconds .el-time-spinner__wrapper {
    width: auto
}

.el-time-panel .el-time-spinner__wrapper,
.el-time-range-picker .el-time-spinner__wrapper {
    flex      : 1;
    width     : auto;
    max-height: none;
    height    : var(--ele-timepicker-height)
}

.el-time-panel .el-time-spinner__list,
.el-time-range-picker .el-time-spinner__list {
    box-sizing    : border-box;
    padding       : var(--ele-timepicker-padding);
    padding-bottom: 0;
    padding-top   : 0
}

.el-time-panel .el-time-spinner__list:after,
.el-time-panel .el-time-spinner__list:before,
.el-time-range-picker .el-time-spinner__list:after,
.el-time-range-picker .el-time-spinner__list:before {
    height: calc((var(--ele-timepicker-height) - var(--ele-timepicker-item-height)) / 2)
}

.el-time-panel .el-time-spinner__item,
.el-time-range-picker .el-time-spinner__item {
    height       : var(--ele-timepicker-item-height);
    line-height  : var(--ele-timepicker-item-height);
    color        : var(--ele-timepicker-item-color);
    font-size    : var(--ele-timepicker-item-size);
    border-radius: var(--ele-timepicker-item-radius);
    transition   : color .2s, background-color .2s
}

.el-time-panel .el-time-spinner__item:not(.is-disabled):not(.is-active):hover,
.el-time-range-picker .el-time-spinner__item:not(.is-disabled):not(.is-active):hover {
    color     : var(--ele-timepicker-item-hover-color);
    background: var(--ele-timepicker-item-hover-bg)
}

.el-time-panel .el-time-spinner__item.is-active:not(.is-disabled),
.el-time-range-picker .el-time-spinner__item.is-active:not(.is-disabled) {
    color     : var(--ele-timepicker-item-active-color);
    background: var(--ele-timepicker-item-active-bg)
}

.el-time-panel .el-time-spinner__item.is-disabled,
.el-time-range-picker .el-time-spinner__item.is-disabled {
    color     : var(--ele-timepicker-item-disabled-color);
    background: var(--ele-timepicker-item-disabled-bg)
}

.el-time-panel .el-time-panel__footer,
.el-time-range-picker .el-time-panel__footer {
    height     : auto;
    line-height: 1;
    padding    : var(--ele-timepicker-footer-padding)
}

.el-time-panel .el-time-panel__btn,
.el-time-range-picker .el-time-panel__btn {
    margin       : 0;
    padding      : var(--ele-timepicker-button-padding);
    height       : var(--ele-timepicker-button-height);
    line-height  : var(--ele-timepicker-button-height);
    color        : var(--el-text-color-regular);
    font-size    : var(--ele-timepicker-button-size);
    border-radius: var(--ele-timepicker-button-radius);
    transition   : all .2s;
    box-sizing   : border-box
}

.el-time-panel .el-time-panel__btn.cancel:hover,
.el-time-range-picker .el-time-panel__btn.cancel:hover {
    color     : var(--el-text-color-primary);
    background: var(--el-fill-color-light)
}

.el-time-panel .el-time-panel__btn.confirm,
.el-time-range-picker .el-time-panel__btn.confirm {
    font-weight: 400;
    color      : var(--el-text-color-primary);
    border     : 1px solid var(--el-border-color)
}

.el-time-panel .el-time-panel__btn.confirm:hover,
.el-time-range-picker .el-time-panel__btn.confirm:hover {
    color       : var(--el-color-primary);
    border-color: var(--el-color-primary)
}

.el-time-panel .el-time-panel__btn+.el-time-panel__btn,
.el-time-range-picker .el-time-panel__btn+.el-time-panel__btn {
    margin-left: var(--ele-timepicker-button-space)
}

.el-time-panel .el-time-spinner__wrapper.is-arrow,
.el-time-range-picker .el-time-spinner__wrapper.is-arrow {
    height        : auto;
    display       : flex;
    flex-direction: column;
    padding       : var(--ele-timepicker-padding)
}

.el-time-panel .el-time-spinner__wrapper.is-arrow .el-time-spinner__list,
.el-time-range-picker .el-time-spinner__wrapper.is-arrow .el-time-spinner__list {
    transform: none;
    padding  : 0
}

.el-time-panel .el-time-spinner__wrapper.is-arrow .el-time-spinner__list:after,
.el-time-panel .el-time-spinner__wrapper.is-arrow .el-time-spinner__list:before,
.el-time-range-picker .el-time-spinner__wrapper.is-arrow .el-time-spinner__list:after,
.el-time-range-picker .el-time-spinner__wrapper.is-arrow .el-time-spinner__list:before {
    display: none
}

.el-time-panel .el-time-spinner__wrapper.is-arrow .el-time-spinner__item+.el-time-spinner__item,
.el-time-range-picker .el-time-spinner__wrapper.is-arrow .el-time-spinner__item+.el-time-spinner__item {
    margin-top: var(--ele-timepicker-line-padding)
}

.el-time-panel .el-time-spinner__wrapper.is-arrow .el-time-spinner__item:hover:not(.is-disabled):not(.is-active),
.el-time-range-picker .el-time-spinner__wrapper.is-arrow .el-time-spinner__item:hover:not(.is-disabled):not(.is-active) {
    color     : var(--ele-timepicker-item-color);
    background: none
}

.el-time-panel .el-time-spinner__arrow,
.el-time-range-picker .el-time-spinner__arrow {
    position     : static;
    top          : auto;
    left         : auto;
    bottom       : auto;
    height       : var(--ele-timepicker-item-height);
    line-height  : var(--ele-timepicker-item-height);
    color        : var(--ele-timepicker-arrow-color);
    font-size    : var(--ele-timepicker-arrow-size);
    border-radius: var(--ele-timepicker-item-radius);
    transition   : color .2s, background-color .2s
}

.el-time-panel .el-time-spinner__arrow.arrow-up,
.el-time-range-picker .el-time-spinner__arrow.arrow-up {
    margin-bottom: var(--ele-timepicker-line-padding)
}

.el-time-panel .el-time-spinner__arrow.arrow-down,
.el-time-range-picker .el-time-spinner__arrow.arrow-down {
    order     : 3;
    margin-top: var(--ele-timepicker-line-padding)
}

.el-time-panel .el-time-spinner__arrow:hover,
.el-time-range-picker .el-time-spinner__arrow:hover {
    color     : var(--ele-timepicker-item-hover-color);
    background: var(--ele-timepicker-item-hover-bg)
}

.el-popper .el-time-panel,
.el-time-range-picker .el-time-range-picker__cell {
    width: var(--ele-timepicker-width)
}

.el-time-range-picker .el-time-range-picker__content {
    padding: 0;
    display: flex
}

.el-time-range-picker .el-time-range-picker__cell {
    flex-shrink: 1;
    padding    : 0
}

.el-time-range-picker .el-time-range-picker__cell+.el-time-range-picker__cell .el-time-range-picker__body {
    box-shadow: -.8px 0 0 0 var(--el-datepicker-border-color)
}

.el-time-range-picker .el-time-range-picker__header {
    margin       : 0;
    height       : var(--ele-timepicker-header-height);
    line-height  : var(--ele-timepicker-header-height);
    border-bottom: var(--ele-timepicker-header-border);
    font-size    : var(--ele-timepicker-header-size);
    box-sizing   : border-box
}

.el-time-range-picker .el-time-range-picker__body {
    border       : none;
    border-radius: 0;
    box-sizing   : border-box;
    padding      : 0 var(--ele-timepicker-range-space)
}

.el-time-range-picker .el-time-panel__content:before {
    left : calc(var(--ele-timepicker-line-margin) + var(--ele-timepicker-range-space));
    right: calc(var(--ele-timepicker-line-margin) + var(--ele-timepicker-range-space))
}

.el-popper .el-time-range-picker {
    width: auto
}

.el-popper.is-light.el-picker__popper {
    max-width: calc(100% - 32px)
}

@media screen and (max-width: 768px) {
    .el-date-range-picker .el-picker-panel__body {
        flex-direction: column
    }

    .el-date-range-picker .el-date-range-picker__content.is-left table {
        box-shadow: 0 .8px 0 0 var(--ele-datepicker-inner-border)
    }

    .el-date-range-picker.has-time .el-picker-panel__body {
        display: flex
    }

    .el-date-range-picker .el-date-range-picker__time-header {
        width: var(--ele-datepicker-body-width)
    }

    .el-date-range-picker__editors-wrap>.el-date-range-picker__time-picker-wrap:first-child {
        display: none
    }

    .el-popper .el-picker-panel .el-time-panel {
        left : auto;
        right: 0
    }

    .el-popper .el-picker-panel .el-time-panel:after {
        left : auto;
        right: 20px
    }

    .el-date-range-picker__editors-wrap:not(.is-right) .el-time-panel {
        left : 0;
        right: auto
    }

    .el-date-range-picker__editors-wrap:not(.is-right) .el-time-panel:after {
        left : 20px;
        right: auto
    }
}

:root {
    --ele-scrollbar-size       : 10px;
    --ele-scrollbar-radius     : 6px;
    --ele-scrollbar-padding    : 2px;
    --ele-scrollbar-color      : #cfcfcf;
    --ele-scrollbar-hover-color: #b6b6b6;
    --ele-scrollbar-bg         : transparent
}

@media (hover: hover) and (pointer: fine) {
    ::-webkit-scrollbar {
        width : var(--ele-scrollbar-size);
        height: var(--ele-scrollbar-size)
    }

    ::-webkit-scrollbar-thumb {
        border          : var(--ele-scrollbar-padding) solid transparent;
        border-radius   : var(--ele-scrollbar-radius);
        background-color: var(--ele-scrollbar-color);
        background-clip : padding-box
    }

    ::-webkit-scrollbar-thumb:hover {
        background-color: var(--ele-scrollbar-hover-color)
    }

    ::-webkit-scrollbar-track {
        background: var(--ele-scrollbar-bg)
    }

    ::-webkit-scrollbar-corner {
        background: transparent
    }

    * {
        scrollbar-width: thin;
        scrollbar-color: var(--ele-scrollbar-color) var(--ele-scrollbar-bg)
    }
}

.ele-fluid {
    width     : 100%;
    box-sizing: border-box
}

.ele-fluid.el-select,
.ele-fluid.el-input-number,
.ele-fluid.el-date-editor,
.ele-fluid.el-date-editor.el-input,
.ele-fluid.el-date-editor.el-input__wrapper,
.ele-fluid.el-date-editor>.el-input__wrapper {
    width     : 100%;
    box-sizing: border-box
}

.ele-fluid.el-date-editor.el-input__wrapper {
    width     : 100%;
    box-sizing: border-box
}

.ele-fluid.el-date-editor .el-range-input {
    flex : 1;
    width: 100%
}

.ele-fluid.el-date-editor .el-range-separator {
    flex: 0
}

.ele-fluid.el-date-editor .el-range__icon {
    padding-right: 5px
}

.ele-fluid.el-input-number .el-input__inner {
    text-align: left
}

.ele-scrollbar-hide,
.ele-scrollbar-hover:not(:hover) {
    scrollbar-width: none
}

.ele-scrollbar-hide::-webkit-scrollbar,
.ele-scrollbar-hover:not(:hover)::-webkit-scrollbar {
    display: none
}

.ele-scrollbar-hover {
    overflow: auto
}

.el-badge {
    --el-badge-bg-color : var(--el-color-danger);
    --el-badge-radius   : 10px;
    --el-badge-font-size: 12px;
    --el-badge-padding  : 6px;
    --el-badge-size     : 18px;
    position            : relative;
    vertical-align      : middle;
    display             : inline-block;
    width               : fit-content
}

.el-badge__content {
    background-color: var(--el-badge-bg-color);
    border-radius   : var(--el-badge-radius);
    color           : var(--el-color-white);
    display         : inline-flex;
    justify-content : center;
    align-items     : center;
    font-size       : var(--el-badge-font-size);
    height          : var(--el-badge-size);
    padding         : 0 var(--el-badge-padding);
    white-space     : nowrap;
    border          : 1px solid var(--el-bg-color)
}

.el-badge__content.is-fixed {
    position : absolute;
    top      : 0;
    right    : calc(1px + var(--el-badge-size) / 2);
    transform: translateY(-50%) translate(100%);
    z-index  : var(--el-index-normal)
}

.el-badge__content.is-fixed.is-dot {
    right: 5px
}

.el-badge__content.is-dot {
    height       : 8px;
    width        : 8px;
    padding      : 0;
    right        : 0;
    border-radius: 50%
}

.el-badge__content--primary {
    background-color: var(--el-color-primary)
}

.el-badge__content--success {
    background-color: var(--el-color-success)
}

.el-badge__content--warning {
    background-color: var(--el-color-warning)
}

.el-badge__content--info {
    background-color: var(--el-color-info)
}

.el-badge__content--danger {
    background-color: var(--el-color-danger)
}

.el-message {
    --el-message-bg-color         : var(--el-color-info-light-9);
    --el-message-border-color     : var(--el-border-color-lighter);
    --el-message-padding          : 15px 19px;
    --el-message-close-size       : 16px;
    --el-message-close-icon-color : var(--el-text-color-placeholder);
    --el-message-close-hover-color: var(--el-text-color-secondary)
}

.el-message {
    width           : fit-content;
    max-width       : calc(100% - 32px);
    box-sizing      : border-box;
    border-radius   : var(--el-border-radius-base);
    border-width    : var(--el-border-width);
    border-style    : var(--el-border-style);
    border-color    : var(--el-message-border-color);
    position        : fixed;
    left            : 50%;
    top             : 20px;
    transform       : translate(-50%);
    background-color: var(--el-message-bg-color);
    transition      : opacity var(--el-transition-duration), transform .4s, top .4s;
    padding         : var(--el-message-padding);
    display         : flex;
    align-items     : center
}

.el-message.is-center {
    justify-content: center
}

.el-message.is-closable .el-message__content {
    padding-right: 31px
}

.el-message p {
    margin: 0
}

.el-message--success {
    --el-message-bg-color    : var(--el-color-success-light-9);
    --el-message-border-color: var(--el-color-success-light-8);
    --el-message-text-color  : var(--el-color-success)
}

.el-message--success .el-message__content {
    color        : var(--el-message-text-color);
    overflow-wrap: anywhere
}

.el-message .el-message-icon--success {
    color: var(--el-message-text-color)
}

.el-message--info {
    --el-message-bg-color    : var(--el-color-info-light-9);
    --el-message-border-color: var(--el-color-info-light-8);
    --el-message-text-color  : var(--el-color-info)
}

.el-message--info .el-message__content {
    color        : var(--el-message-text-color);
    overflow-wrap: anywhere
}

.el-message .el-message-icon--info {
    color: var(--el-message-text-color)
}

.el-message--warning {
    --el-message-bg-color    : var(--el-color-warning-light-9);
    --el-message-border-color: var(--el-color-warning-light-8);
    --el-message-text-color  : var(--el-color-warning)
}

.el-message--warning .el-message__content {
    color        : var(--el-message-text-color);
    overflow-wrap: anywhere
}

.el-message .el-message-icon--warning {
    color: var(--el-message-text-color)
}

.el-message--error {
    --el-message-bg-color    : var(--el-color-error-light-9);
    --el-message-border-color: var(--el-color-error-light-8);
    --el-message-text-color  : var(--el-color-error)
}

.el-message--error .el-message__content {
    color        : var(--el-message-text-color);
    overflow-wrap: anywhere
}

.el-message .el-message-icon--error {
    color: var(--el-message-text-color)
}

.el-message__icon {
    margin-right: 10px
}

.el-message .el-message__badge {
    position: absolute;
    top     : -8px;
    right   : -8px
}

.el-message__content {
    padding    : 0;
    font-size  : 14px;
    line-height: 1
}

.el-message__content:focus {
    outline-width: 0
}

.el-message .el-message__closeBtn {
    position : absolute;
    top      : 50%;
    right    : 19px;
    transform: translateY(-50%);
    cursor   : pointer;
    color    : var(--el-message-close-icon-color);
    font-size: var(--el-message-close-size)
}

.el-message .el-message__closeBtn:focus {
    outline-width: 0
}

.el-message .el-message__closeBtn:hover {
    color: var(--el-message-close-hover-color)
}

.el-message-fade-enter-from,
.el-message-fade-leave-to {
    opacity  : 0;
    transform: translate(-50%, -100%)
}

.ele-message {
    --ele-message-color            : var(--el-text-color-regular);
    --ele-message-size             : var(--el-font-size-base);
    --ele-message-padding          : 12px 14px;
    --ele-message-radius           : var(--el-border-radius-base);
    --ele-message-shadow           : var(--el-box-shadow-light);
    --ele-message-icon-size        : var(--el-font-size-large);
    --ele-message-icon-margin      : 0 8px 0 0;
    --ele-message-close-size       : 18px;
    --ele-message-close-margin     : 0 -4px 0 8px;
    --ele-message-close-radius     : var(--el-border-radius-small);
    --ele-message-close-font-size  : var(--el-font-size-base);
    --ele-message-close-color      : var(--el-text-color-placeholder);
    --ele-message-close-hover-color: var(--el-text-color-primary);
    --ele-message-close-hover-bg   : transparent;
    --ele-message-plain-bg         : var(--el-bg-color-overlay)
}

.ele-message-mask {
    --ele-message-mask-color: var(--el-overlay-color-lighter);
    --ele-message-mask-size : 1000vw
}

.ele-message.el-message {
    width        : max-content;
    padding      : var(--ele-message-padding);
    border-radius: var(--ele-message-radius);
    box-shadow   : var(--ele-message-shadow);
    border       : none
}

.ele-message.el-message .el-message__content {
    color     : var(--ele-message-color);
    font-size : var(--ele-message-size);
    box-sizing: border-box
}

.ele-message.el-message .el-message__icon {
    font-size: var(--ele-message-icon-size);
    margin   : var(--ele-message-icon-margin)
}

.ele-message.el-message .el-message__closeBtn {
    width        : var(--ele-message-close-size);
    height       : var(--ele-message-close-size);
    line-height  : var(--ele-message-close-size);
    color        : var(--ele-message-close-color);
    font-size    : var(--ele-message-close-font-size);
    margin       : var(--ele-message-close-margin);
    border-radius: var(--ele-message-close-radius);
    transition   : color .2s, background-color .2s;
    position     : static;
    top          : auto;
    right        : auto;
    transform    : none
}

.ele-message.el-message .el-message__closeBtn:hover {
    color     : var(--ele-message-close-hover-color);
    background: var(--ele-message-close-hover-bg)
}

.ele-message.el-message.is-closable .el-message__content {
    padding-right: 0
}

.ele-message.el-message.el-message--info {
    --el-message-text-color  : var(--el-color-primary);
    --el-message-bg-color    : var(--el-color-primary-light-9);
    --el-message-border-color: var(--el-color-primary-light-8)
}

.ele-message.el-message.is-plain {
    --el-message-bg-color: var(--ele-message-plain-bg)
}

.ele-message.el-message.ele-message-loading {
    --el-message-text-color  : var(--el-color-primary);
    --el-message-bg-color    : var(--el-color-primary-light-9);
    --el-message-border-color: var(--el-color-primary-light-8)
}

.ele-message.el-message.ele-message-loading.is-plain {
    --el-message-bg-color: var(--ele-message-plain-bg)
}

.ele-message-loading.el-message {
    left      : 0;
    right     : 0;
    margin    : 0 auto;
    transform : none;
    transition: opacity var(--el-transition-duration), margin .4s, top .4s
}

.ele-message-loading.el-message.el-message-fade-enter-from,
.ele-message-loading.el-message.el-message-fade-leave-to {
    margin-top: -62px
}

.ele-message-loading.el-message:before {
    content : "";
    position: fixed;
    top     : 0;
    left    : 0;
    right   : 0;
    bottom  : 0
}

.ele-message-loading.el-message>.el-message__content {
    position: relative
}

.ele-message-loading.el-message>.el-message__icon,
.ele-message-loading.el-message>.el-message__content,
.ele-message-loading.el-message>.el-message__closeBtn {
    z-index: 1
}

.ele-message-loading.el-message>.el-message__icon>.el-icon {
    font-size: 16px;
    animation: rotating 1s linear infinite
}

.ele-message-loading.el-message.ele-message-mask {
    box-shadow: var(--ele-message-shadow), 0 0 0 var(--ele-message-mask-size) var(--ele-message-mask-color)
}

.ele-message-loading.el-message.is-centered {
    top   : 0 !important;
    bottom: 0;
    height: max-content;
    margin: auto
}

.el-backtop {
    --el-backtop-bg-color      : var(--el-bg-color-overlay);
    --el-backtop-text-color    : var(--el-color-primary);
    --el-backtop-hover-bg-color: var(--el-border-color-extra-light);
    position                   : fixed;
    background-color           : var(--el-backtop-bg-color);
    width                      : 40px;
    height                     : 40px;
    border-radius              : 50%;
    color                      : var(--el-backtop-text-color);
    display                    : flex;
    align-items                : center;
    justify-content            : center;
    font-size                  : 20px;
    box-shadow                 : var(--el-box-shadow-lighter);
    cursor                     : pointer;
    z-index                    : 5
}

.el-backtop:hover {
    background-color: var(--el-backtop-hover-bg-color)
}

.el-backtop__icon {
    font-size: 20px
}

.el-icon-loading {
    animation: rotating 2s linear infinite
}

.el-icon--right {
    margin-left: 5px
}

.el-icon--left {
    margin-right: 5px
}

@keyframes rotating {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.el-icon {
    --color        : inherit;
    height         : 1em;
    width          : 1em;
    line-height    : 1em;
    display        : inline-flex;
    justify-content: center;
    align-items    : center;
    position       : relative;
    fill           : currentColor;
    color          : var(--color);
    font-size      : inherit
}

.el-icon.is-loading {
    animation: rotating 2s linear infinite
}

.el-icon svg {
    height: 1em;
    width : 1em
}

.el-scrollbar {
    --el-scrollbar-opacity       : .3;
    --el-scrollbar-bg-color      : var(--el-text-color-secondary);
    --el-scrollbar-hover-opacity : .5;
    --el-scrollbar-hover-bg-color: var(--el-text-color-secondary)
}

.el-scrollbar {
    overflow: hidden;
    position: relative;
    height  : 100%
}

.el-scrollbar__wrap {
    overflow: auto;
    height  : 100%
}

.el-scrollbar__wrap--hidden-default {
    scrollbar-width: none
}

.el-scrollbar__wrap--hidden-default::-webkit-scrollbar {
    display: none
}

.el-scrollbar__thumb {
    position        : relative;
    display         : block;
    width           : 0;
    height          : 0;
    cursor          : pointer;
    border-radius   : inherit;
    background-color: var(--el-scrollbar-bg-color, var(--el-text-color-secondary));
    transition      : var(--el-transition-duration) background-color;
    opacity         : var(--el-scrollbar-opacity, .3)
}

.el-scrollbar__thumb:hover {
    background-color: var(--el-scrollbar-hover-bg-color, var(--el-text-color-secondary));
    opacity         : var(--el-scrollbar-hover-opacity, .5)
}

.el-scrollbar__bar {
    position     : absolute;
    right        : 2px;
    bottom       : 2px;
    z-index      : 1;
    border-radius: 4px
}

.el-scrollbar__bar.is-vertical {
    width: 6px;
    top  : 2px
}

.el-scrollbar__bar.is-vertical>div {
    width: 100%
}

.el-scrollbar__bar.is-horizontal {
    height: 6px;
    left  : 2px
}

.el-scrollbar__bar.is-horizontal>div {
    height: 100%
}

.el-scrollbar-fade-enter-active {
    transition: opacity .34s ease-out
}

.el-scrollbar-fade-leave-active {
    transition: opacity .12s ease-out
}

.el-scrollbar-fade-enter-from,
.el-scrollbar-fade-leave-active {
    opacity: 0
}

.ele-page,
.ele-admin-tabs {
    --ele-page-padding  : 16px;
    --ele-page-max-width: 1120px
}

.ele-page {
    box-sizing: border-box
}

.ele-page:not(.is-plain) {
    padding: var(--ele-page-padding)
}

.ele-page.is-multi-card {
    padding-bottom: 0
}

.ele-page.is-multi-card .el-card {
    margin-bottom: var(--ele-page-padding)
}

.ele-page.is-flex-table {
    flex          : 1;
    display       : flex;
    flex-direction: column;
    overflow      : auto
}

.ele-page.is-flex-table>.ele-pro-table {
    flex          : 1;
    display       : flex;
    flex-direction: column;
    overflow      : auto
}

.ele-page.is-flex-table>.ele-pro-table>.ele-pro-table-view {
    flex    : 1;
    height  : 100%;
    overflow: hidden
}

.ele-page.is-hide-footer+.ele-footer {
    display: none
}

.ele-admin-content>.ele-page {
    flex: auto
}

.ele-admin-limited .ele-page:not(.is-plain) {
    margin   : 0 auto;
    width    : var(--ele-page-max-width);
    max-width: 100%
}

.ele-admin-tab-card.ele-admin-open-tab .ele-admin-content>.ele-page:first-child,
.ele-admin-tab-card.ele-admin-open-tab .ele-admin-content>.ele-admin-iframe-wrap+.ele-page {
    padding-top: 0
}

.el-breadcrumb {
    font-size  : 14px;
    line-height: 1
}

.el-breadcrumb:before,
.el-breadcrumb:after {
    display: table;
    content: ""
}

.el-breadcrumb:after {
    clear: both
}

.el-breadcrumb__separator {
    margin     : 0 9px;
    font-weight: 700;
    color      : var(--el-text-color-placeholder)
}

.el-breadcrumb__separator.el-icon {
    margin     : 0 6px;
    font-weight: 400
}

.el-breadcrumb__separator.el-icon svg {
    vertical-align: middle
}

.el-breadcrumb__item {
    float      : left;
    display    : inline-flex;
    align-items: center
}

.el-breadcrumb__inner {
    color: var(--el-text-color-regular)
}

.el-breadcrumb__inner.is-link,
.el-breadcrumb__inner a {
    font-weight    : 700;
    text-decoration: none;
    transition     : var(--el-transition-color);
    color          : var(--el-text-color-primary)
}

.el-breadcrumb__inner.is-link:hover,
.el-breadcrumb__inner a:hover {
    color : var(--el-color-primary);
    cursor: pointer
}

.el-breadcrumb__item:last-child .el-breadcrumb__inner,
.el-breadcrumb__item:last-child .el-breadcrumb__inner:hover,
.el-breadcrumb__item:last-child .el-breadcrumb__inner a,
.el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover {
    font-weight: 400;
    color      : var(--el-text-color-regular);
    cursor     : text
}

.el-breadcrumb__item:last-child .el-breadcrumb__separator {
    display: none
}

.ele-breadcrumb {
    white-space: nowrap;
    font-size  : inherit
}

.ele-breadcrumb:after,
.ele-breadcrumb:before {
    display: none
}

.ele-breadcrumb .el-breadcrumb__item {
    float         : none;
    display       : inline;
    vertical-align: -2px
}

.ele-breadcrumb .el-breadcrumb__item .el-breadcrumb__inner {
    color      : var(--el-text-color-secondary);
    font-weight: 400
}

.ele-breadcrumb .el-breadcrumb__item .el-breadcrumb__inner.is-link:hover {
    color: var(--el-color-primary)
}

.ele-breadcrumb .el-breadcrumb__item:last-child .el-breadcrumb__inner {
    color: var(--el-text-color-regular)
}

.fade-in-linear-enter-active,
.fade-in-linear-leave-active {
    transition: var(--el-transition-fade-linear)
}

.fade-in-linear-enter-from,
.fade-in-linear-leave-to {
    opacity: 0
}

.el-fade-in-linear-enter-active,
.el-fade-in-linear-leave-active {
    transition: var(--el-transition-fade-linear)
}

.el-fade-in-linear-enter-from,
.el-fade-in-linear-leave-to {
    opacity: 0
}

.el-fade-in-enter-active,
.el-fade-in-leave-active {
    transition: all var(--el-transition-duration) cubic-bezier(.55, 0, .1, 1)
}

.el-fade-in-enter-from,
.el-fade-in-leave-active {
    opacity: 0
}

.el-zoom-in-center-enter-active,
.el-zoom-in-center-leave-active {
    transition: all var(--el-transition-duration) cubic-bezier(.55, 0, .1, 1)
}

.el-zoom-in-center-enter-from,
.el-zoom-in-center-leave-active {
    opacity  : 0;
    transform: scaleX(0)
}

.el-zoom-in-top-enter-active,
.el-zoom-in-top-leave-active {
    opacity         : 1;
    transform       : scaleY(1);
    transition      : var(--el-transition-md-fade);
    transform-origin: center top
}

.el-zoom-in-top-enter-active[data-popper-placement^=top],
.el-zoom-in-top-leave-active[data-popper-placement^=top] {
    transform-origin: center bottom
}

.el-zoom-in-top-enter-from,
.el-zoom-in-top-leave-active {
    opacity  : 0;
    transform: scaleY(0)
}

.el-zoom-in-bottom-enter-active,
.el-zoom-in-bottom-leave-active {
    opacity         : 1;
    transform       : scaleY(1);
    transition      : var(--el-transition-md-fade);
    transform-origin: center bottom
}

.el-zoom-in-bottom-enter-from,
.el-zoom-in-bottom-leave-active {
    opacity  : 0;
    transform: scaleY(0)
}

.el-zoom-in-left-enter-active,
.el-zoom-in-left-leave-active {
    opacity         : 1;
    transform       : scale(1);
    transition      : var(--el-transition-md-fade);
    transform-origin: top left
}

.el-zoom-in-left-enter-from,
.el-zoom-in-left-leave-active {
    opacity  : 0;
    transform: scale(.45)
}

.collapse-transition {
    transition: var(--el-transition-duration) height ease-in-out, var(--el-transition-duration) padding-top ease-in-out, var(--el-transition-duration) padding-bottom ease-in-out
}

.el-collapse-transition-leave-active,
.el-collapse-transition-enter-active {
    transition: var(--el-transition-duration) max-height ease-in-out, var(--el-transition-duration) padding-top ease-in-out, var(--el-transition-duration) padding-bottom ease-in-out
}

.horizontal-collapse-transition {
    transition: var(--el-transition-duration) width ease-in-out, var(--el-transition-duration) padding-left ease-in-out, var(--el-transition-duration) padding-right ease-in-out
}

.el-list-enter-active,
.el-list-leave-active {
    transition: all 1s
}

.el-list-enter-from,
.el-list-leave-to {
    opacity  : 0;
    transform: translateY(-30px)
}

.el-list-leave-active {
    position: absolute !important
}

.el-opacity-transition {
    transition: opacity var(--el-transition-duration) cubic-bezier(.55, 0, .1, 1)
}

:root {
    --el-menu-active-color              : var(--el-color-primary);
    --el-menu-text-color                : var(--el-text-color-primary);
    --el-menu-hover-text-color          : var(--el-color-primary);
    --el-menu-bg-color                  : var(--el-fill-color-blank);
    --el-menu-hover-bg-color            : var(--el-color-primary-light-9);
    --el-menu-item-height               : 56px;
    --el-menu-sub-item-height           : calc(var(--el-menu-item-height) - 6px);
    --el-menu-horizontal-height         : 60px;
    --el-menu-horizontal-sub-item-height: 36px;
    --el-menu-item-font-size            : var(--el-font-size-base);
    --el-menu-item-hover-fill           : var(--el-color-primary-light-9);
    --el-menu-border-color              : var(--el-border-color);
    --el-menu-base-level-padding        : 20px;
    --el-menu-level-padding             : 20px;
    --el-menu-icon-width                : 24px
}

.el-menu {
    border-right    : solid 1px var(--el-menu-border-color);
    list-style      : none;
    position        : relative;
    margin          : 0;
    padding-left    : 0;
    background-color: var(--el-menu-bg-color);
    box-sizing      : border-box
}

.el-menu--vertical:not(.el-menu--collapse):not(.el-menu--popup-container) .el-menu-item,
.el-menu--vertical:not(.el-menu--collapse):not(.el-menu--popup-container) .el-sub-menu__title,
.el-menu--vertical:not(.el-menu--collapse):not(.el-menu--popup-container) .el-menu-item-group__title {
    white-space : nowrap;
    padding-left: calc(var(--el-menu-base-level-padding) + var(--el-menu-level) * var(--el-menu-level-padding))
}

.el-menu:not(.el-menu--collapse) .el-sub-menu__title {
    padding-right: calc(var(--el-menu-base-level-padding) + var(--el-menu-icon-width))
}

.el-menu--horizontal {
    display     : flex;
    flex-wrap   : nowrap;
    border-right: none;
    height      : var(--el-menu-horizontal-height)
}

.el-menu--horizontal.el-menu--popup-container {
    height: unset
}

.el-menu--horizontal.el-menu {
    border-bottom: solid 1px var(--el-menu-border-color)
}

.el-menu--horizontal>.el-menu-item {
    display        : inline-flex;
    justify-content: center;
    align-items    : center;
    height         : 100%;
    margin         : 0;
    border-bottom  : 2px solid transparent;
    color          : var(--el-menu-text-color)
}

.el-menu--horizontal>.el-menu-item a,
.el-menu--horizontal>.el-menu-item a:hover {
    color: inherit
}

.el-menu--horizontal>.el-sub-menu:focus,
.el-menu--horizontal>.el-sub-menu:hover {
    outline: none
}

.el-menu--horizontal>.el-sub-menu:hover .el-sub-menu__title {
    color: var(--el-menu-hover-text-color)
}

.el-menu--horizontal>.el-sub-menu.is-active .el-sub-menu__title {
    border-bottom: 2px solid var(--el-menu-active-color);
    color        : var(--el-menu-active-color)
}

.el-menu--horizontal>.el-sub-menu .el-sub-menu__title {
    height       : 100%;
    border-bottom: 2px solid transparent;
    color        : var(--el-menu-text-color)
}

.el-menu--horizontal>.el-sub-menu .el-sub-menu__title:hover {
    background-color: var(--el-menu-bg-color)
}

.el-menu--horizontal .el-menu .el-menu-item,
.el-menu--horizontal .el-menu .el-sub-menu__title {
    background-color: var(--el-menu-bg-color);
    display         : flex;
    align-items     : center;
    height          : var(--el-menu-horizontal-sub-item-height);
    line-height     : var(--el-menu-horizontal-sub-item-height);
    padding         : 0 10px;
    color           : var(--el-menu-text-color)
}

.el-menu--horizontal .el-menu .el-sub-menu__title {
    padding-right: 40px
}

.el-menu--horizontal .el-menu .el-menu-item.is-active,
.el-menu--horizontal .el-menu .el-sub-menu.is-active>.el-sub-menu__title {
    color: var(--el-menu-active-color)
}

.el-menu--horizontal .el-menu-item:not(.is-disabled):hover,
.el-menu--horizontal .el-menu-item:not(.is-disabled):focus {
    outline         : none;
    color           : var(--el-menu-hover-text-color);
    background-color: var(--el-menu-hover-bg-color)
}

.el-menu--horizontal>.el-menu-item.is-active {
    border-bottom: 2px solid var(--el-menu-active-color);
    color        : var(--el-menu-active-color) !important
}

.el-menu--collapse {
    width: calc(var(--el-menu-icon-width) + var(--el-menu-base-level-padding) * 2)
}

.el-menu--collapse>.el-menu-item [class^=el-icon],
.el-menu--collapse>.el-sub-menu>.el-sub-menu__title [class^=el-icon],
.el-menu--collapse>.el-menu-item-group>ul>.el-sub-menu>.el-sub-menu__title [class^=el-icon] {
    margin        : 0;
    vertical-align: middle;
    width         : var(--el-menu-icon-width);
    text-align    : center
}

.el-menu--collapse>.el-menu-item .el-sub-menu__icon-arrow,
.el-menu--collapse>.el-sub-menu>.el-sub-menu__title .el-sub-menu__icon-arrow,
.el-menu--collapse>.el-menu-item-group>ul>.el-sub-menu>.el-sub-menu__title .el-sub-menu__icon-arrow {
    display: none
}

.el-menu--collapse>.el-menu-item>span,
.el-menu--collapse>.el-sub-menu>.el-sub-menu__title>span,
.el-menu--collapse>.el-menu-item-group>ul>.el-sub-menu>.el-sub-menu__title>span {
    height    : 0;
    width     : 0;
    overflow  : hidden;
    visibility: hidden;
    display   : inline-block
}

.el-menu--collapse>.el-menu-item.is-active i {
    color: inherit
}

.el-menu--collapse .el-menu .el-sub-menu {
    min-width: 200px
}

.el-menu--popup {
    z-index      : 100;
    min-width    : 200px;
    border       : none;
    padding      : 5px 0;
    border-radius: var(--el-border-radius-small);
    box-shadow   : var(--el-box-shadow-light)
}

.el-menu .el-icon {
    flex-shrink: 0
}

.el-menu-item {
    display    : flex;
    align-items: center;
    height     : var(--el-menu-item-height);
    line-height: var(--el-menu-item-height);
    font-size  : var(--el-menu-item-font-size);
    color      : var(--el-menu-text-color);
    padding    : 0 var(--el-menu-base-level-padding);
    list-style : none;
    cursor     : pointer;
    position   : relative;
    transition : border-color var(--el-transition-duration), background-color var(--el-transition-duration), color var(--el-transition-duration);
    box-sizing : border-box;
    white-space: nowrap
}

.el-menu-item * {
    vertical-align: bottom
}

.el-menu-item i {
    color: inherit
}

.el-menu-item:hover,
.el-menu-item:focus {
    outline: none
}

.el-menu-item:hover {
    background-color: var(--el-menu-hover-bg-color)
}

.el-menu-item.is-disabled {
    opacity   : .25;
    cursor    : not-allowed;
    background: none !important
}

.el-menu-item [class^=el-icon] {
    margin-right  : 5px;
    width         : var(--el-menu-icon-width);
    text-align    : center;
    font-size     : 18px;
    vertical-align: middle
}

.el-menu-item.is-active {
    color: var(--el-menu-active-color)
}

.el-menu-item.is-active i {
    color: inherit
}

.el-menu-item .el-menu-tooltip__trigger {
    position   : absolute;
    left       : 0;
    top        : 0;
    height     : 100%;
    width      : 100%;
    display    : inline-flex;
    align-items: center;
    box-sizing : border-box;
    padding    : 0 var(--el-menu-base-level-padding)
}

.el-sub-menu {
    list-style  : none;
    margin      : 0;
    padding-left: 0
}

.el-sub-menu__title {
    display    : flex;
    align-items: center;
    height     : var(--el-menu-item-height);
    line-height: var(--el-menu-item-height);
    font-size  : var(--el-menu-item-font-size);
    color      : var(--el-menu-text-color);
    padding    : 0 var(--el-menu-base-level-padding);
    list-style : none;
    cursor     : pointer;
    position   : relative;
    transition : border-color var(--el-transition-duration), background-color var(--el-transition-duration), color var(--el-transition-duration);
    box-sizing : border-box;
    white-space: nowrap
}

.el-sub-menu__title * {
    vertical-align: bottom
}

.el-sub-menu__title i {
    color: inherit
}

.el-sub-menu__title:hover,
.el-sub-menu__title:focus {
    outline: none
}

.el-sub-menu__title.is-disabled {
    opacity   : .25;
    cursor    : not-allowed;
    background: none !important
}

.el-sub-menu__title:hover {
    background-color: var(--el-menu-hover-bg-color)
}

.el-sub-menu .el-menu {
    border: none
}

.el-sub-menu .el-menu-item {
    height     : var(--el-menu-sub-item-height);
    line-height: var(--el-menu-sub-item-height)
}

.el-sub-menu__hide-arrow .el-sub-menu__icon-arrow {
    display: none !important
}

.el-sub-menu.is-active .el-sub-menu__title {
    border-bottom-color: var(--el-menu-active-color)
}

.el-sub-menu.is-disabled .el-sub-menu__title,
.el-sub-menu.is-disabled .el-menu-item {
    opacity   : .25;
    cursor    : not-allowed;
    background: none !important
}

.el-sub-menu .el-icon {
    vertical-align: middle;
    margin-right  : 5px;
    width         : var(--el-menu-icon-width);
    text-align    : center;
    font-size     : 18px
}

.el-sub-menu .el-icon.el-sub-menu__icon-more {
    margin-right: 0 !important
}

.el-sub-menu .el-sub-menu__icon-arrow {
    position    : absolute;
    top         : 50%;
    right       : var(--el-menu-base-level-padding);
    margin-top  : -6px;
    transition  : transform var(--el-transition-duration);
    font-size   : 12px;
    margin-right: 0;
    width       : inherit
}

.el-menu-item-group>ul {
    padding: 0
}

.el-menu-item-group__title {
    padding    : 7px 0 7px var(--el-menu-base-level-padding);
    line-height: normal;
    font-size  : 12px;
    color      : var(--el-text-color-secondary)
}

.horizontal-collapse-transition .el-sub-menu__title .el-sub-menu__icon-arrow {
    transition: var(--el-transition-duration-fast);
    opacity   : 0
}

.el-popper {
    --el-popper-border-radius: var(--el-popover-border-radius, 4px)
}

.el-popper {
    position     : absolute;
    border-radius: var(--el-popper-border-radius);
    padding      : 5px 11px;
    z-index      : 2000;
    font-size    : 12px;
    line-height  : 20px;
    min-width    : 10px;
    word-wrap    : break-word;
    visibility   : visible
}

.el-popper.is-dark {
    color     : var(--el-bg-color);
    background: var(--el-text-color-primary);
    border    : 1px solid var(--el-text-color-primary)
}

.el-popper.is-dark .el-popper__arrow:before {
    border    : 1px solid var(--el-text-color-primary);
    background: var(--el-text-color-primary);
    right     : 0
}

.el-popper.is-light {
    background: var(--el-bg-color-overlay);
    border    : 1px solid var(--el-border-color-light)
}

.el-popper.is-light .el-popper__arrow:before {
    border    : 1px solid var(--el-border-color-light);
    background: var(--el-bg-color-overlay);
    right     : 0
}

.el-popper.is-pure {
    padding: 0
}

.el-popper__arrow {
    position: absolute;
    width   : 10px;
    height  : 10px;
    z-index : -1
}

.el-popper__arrow:before {
    position  : absolute;
    width     : 10px;
    height    : 10px;
    z-index   : -1;
    content   : " ";
    transform : rotate(45deg);
    background: var(--el-text-color-primary);
    box-sizing: border-box
}

.el-popper[data-popper-placement^=top]>.el-popper__arrow {
    bottom: -5px
}

.el-popper[data-popper-placement^=top]>.el-popper__arrow:before {
    border-bottom-right-radius: 2px
}

.el-popper[data-popper-placement^=bottom]>.el-popper__arrow {
    top: -5px
}

.el-popper[data-popper-placement^=bottom]>.el-popper__arrow:before {
    border-top-left-radius: 2px
}

.el-popper[data-popper-placement^=left]>.el-popper__arrow {
    right: -5px
}

.el-popper[data-popper-placement^=left]>.el-popper__arrow:before {
    border-top-right-radius: 2px
}

.el-popper[data-popper-placement^=right]>.el-popper__arrow {
    left: -5px
}

.el-popper[data-popper-placement^=right]>.el-popper__arrow:before {
    border-bottom-left-radius: 2px
}

.el-popper[data-popper-placement^=top] .el-popper__arrow:before {
    border-top-color : transparent !important;
    border-left-color: transparent !important
}

.el-popper[data-popper-placement^=bottom] .el-popper__arrow:before {
    border-bottom-color: transparent !important;
    border-right-color : transparent !important
}

.el-popper[data-popper-placement^=left] .el-popper__arrow:before {
    border-left-color  : transparent !important;
    border-bottom-color: transparent !important
}

.el-popper[data-popper-placement^=right] .el-popper__arrow:before {
    border-right-color: transparent !important;
    border-top-color  : transparent !important
}

.ele-menu {
    --ele-menu-disabled-opacity  : .46;
    --ele-menu-badge-margin      : 0 -2px 0 6px;
    --ele-menu-icon-font-size    : 16px;
    --ele-menu-icon-margin       : 0 8px 0 0;
    --ele-menu-arrow-size        : 17px;
    --ele-menu-arrow-margin      : 0 -4px 0 6px;
    --ele-menu-bg                : var(--el-bg-color);
    --ele-menu-border-color      : var(--el-border-color-light);
    --ele-menu-padding           : 4px 0;
    --ele-menu-base-level        : 16px;
    --ele-menu-child-bg          : rgba(0, 0, 0, .02);
    --ele-menu-collapse-width    : 58px;
    --ele-menu-collapse-icon-size: 18px;
    --ele-menu-item-height       : 40px;
    --ele-menu-item-margin       : 6px;
    --ele-menu-item-padding      : 0;
    --ele-menu-item-radius       : 0;
    --ele-menu-item-color        : var(--el-text-color-primary);
    --ele-menu-item-hover-color  : var(--el-color-primary);
    --ele-menu-item-hover-bg     : transparent;
    --ele-menu-item-active-color : var(--el-color-primary);
    --ele-menu-item-active-bg    : var(--el-color-primary-light-9);
    --ele-menu-item-active-line  : 3px
}

.ele-menu.el-menu--horizontal {
    --ele-menu-horizontal-padding       : 0;
    --ele-menu-horizontal-height        : 56px;
    --ele-menu-horizontal-item-padding  : 16px;
    --ele-menu-horizontal-item-margin   : 0;
    --ele-menu-horizontal-item-radius   : 0;
    --ele-menu-horizontal-hover-bg      : transparent;
    --ele-menu-horizontal-active-bg     : transparent;
    --ele-menu-horizontal-arrow-margin  : 0 -2px 0 6px;
    --ele-menu-horizontal-line-margin   : 14px;
    --ele-menu-horizontal-line-size     : 2px;
    --ele-menu-horizontal-dark-hover-bg : transparent;
    --ele-menu-horizontal-dark-active-bg: transparent;
    --ele-menu-horizontal-popup-margin  : 0px
}

.ele-menu>.el-menu--popup {
    --ele-menu-popup-min-width   : 160px;
    --ele-menu-popup-max-width   : 320px;
    --ele-menu-popup-max-height  : calc(100vh - 10px);
    --ele-menu-popup-bg          : var(--el-bg-color-overlay);
    --ele-menu-popup-radius      : var(--el-border-radius-base);
    --ele-menu-popup-shadow      : var(--el-box-shadow-light);
    --ele-menu-popup-item-padding: 16px;
    --ele-menu-popup-item-radius : var(--ele-menu-item-radius);
    --ele-menu-popup-dark-bg     : var(--el-menu-bg-color);
    --ele-menu-popup-dark-shadow : var(--el-box-shadow-dark)
}

.ele-menu .el-menu-item-group__title {
    --ele-menu-group-color         : var(--el-text-color-secondary);
    --ele-menu-group-font-size     : 13px;
    --ele-menu-group-font-weight   : normal;
    --ele-menu-group-icon-font-size: 12px;
    --ele-menu-group-padding-top   : 4px;
    --ele-menu-group-padding-bottom: 2px;
    --ele-menu-group-padding-right : var(--el-menu-base-level-padding);
    --ele-menu-group-dark-color    : rgba(255, 255, 255, .6)
}

.ele-menu.ele-menu-colorful {
    --ele-menu-colorful-icon-radius         : 50%;
    --ele-menu-colorful-icon-size           : 24px;
    --ele-menu-colorful-icon-color          : #fff;
    --ele-menu-colorful-icon-font-size      : 16px;
    --ele-menu-colorful-dot-size            : 8px;
    --ele-menu-colorful-dot-margin          : 0 8px 0 0;
    --ele-menu-colorful-dot-color           : #d9d9d9;
    --ele-menu-colorful-dot-hover-color     : var(--el-color-primary);
    --ele-menu-colorful-dark-dot-color      : rgba(255, 255, 255, .4);
    --ele-menu-colorful-dark-dot-hover-color: #fff;
    --ele-menu-colorful-bg-1                : #61b2fc;
    --ele-menu-colorful-bg-2                : #7dd733;
    --ele-menu-colorful-bg-3                : #32a2d4;
    --ele-menu-colorful-bg-4                : #7383cf;
    --ele-menu-colorful-bg-5                : #f5686f;
    --ele-menu-colorful-bg-6                : #2bccce;
    --ele-menu-colorful-bg-7                : #7dd733;
    --ele-menu-colorful-bg-8                : #faad14
}

.ele-menu.ele-menu-dark,
.ele-admin-header.is-dark,
.ele-admin-header.is-primary,
.ele-admin-dark-sidebar .ele-admin-sidebar,
.ele-admin-dark-sidebar .ele-admin-sidebox {
    --ele-menu-dark-bg          : #001529;
    --ele-menu-dark-child-bg    : #000c17;
    --ele-menu-dark-color       : rgba(255, 255, 255, .8);
    --ele-menu-dark-hover-color : #fff;
    --ele-menu-dark-hover-bg    : transparent;
    --ele-menu-dark-active-color: #fff;
    --ele-menu-dark-active-bg   : var(--el-color-primary)
}

.ele-menu>.el-menu--popup-container>.el-menu--popup,
.ele-admin-sidebar,
.ele-admin-sidebox {
    --ele-menu-thumb-size       : 8px;
    --ele-menu-thumb-radius     : 4px;
    --ele-menu-thumb-padding    : 2px;
    --ele-menu-thumb-color      : #cfcfcf;
    --ele-menu-thumb-hover-color: #b6b6b6
}

.ele-menu.ele-menu-dark>.el-menu--popup-container>.el-menu--popup,
.ele-admin-dark-sidebar .ele-admin-sidebar,
.ele-admin-dark-sidebar .ele-admin-sidebox {
    --ele-menu-dark-thumb-color      : #4d5b69;
    --ele-menu-dark-thumb-hover-color: #66737f
}

.ele-menu.el-menu,
.ele-menu>.el-menu--popup {
    --el-menu-hover-bg-color    : none;
    --el-menu-level-padding     : var(--ele-menu-base-level);
    --el-menu-base-level-padding: var(--ele-menu-base-level);
    --el-menu-bg-color          : var(--ele-menu-bg);
    --el-menu-text-color        : var(--ele-menu-item-color);
    --el-menu-hover-text-color  : var(--ele-menu-item-hover-color);
    --el-menu-active-color      : var(--ele-menu-item-active-color);
    --el-menu-border-color      : var(--ele-menu-border-color)
}

.ele-menu .el-menu-item,
.ele-menu .el-sub-menu__title,
.ele-menu .el-menu-item-group__title {
    --el-menu-icon-width: 0px;
    position            : relative
}

.ele-menu .el-menu-item .el-icon:not(.el-sub-menu__icon-arrow),
.ele-menu .el-sub-menu__title .el-icon:not(.el-sub-menu__icon-arrow),
.ele-menu .el-menu-item-group__title .el-icon:not(.el-sub-menu__icon-arrow) {
    width    : auto;
    font-size: var(--ele-menu-icon-font-size);
    margin   : var(--ele-menu-icon-margin)
}

.ele-menu .el-menu-item>span,
.ele-menu .el-sub-menu__title>span,
.ele-menu .el-menu-item-group__title>span {
    overflow     : hidden;
    text-overflow: ellipsis;
    word-break   : break-all;
    white-space  : nowrap
}

.ele-menu .el-sub-menu__title .el-sub-menu__icon-arrow {
    order    : 4;
    width    : auto;
    position : static;
    font-size: var(--ele-menu-arrow-size)
}

.ele-menu .el-sub-menu__title .el-sub-menu__icon-arrow>svg.ele-arrow-down path {
    transition: d .2s
}

.ele-menu .el-sub-menu.is-opened>.el-sub-menu__title .el-sub-menu__icon-arrow>svg.ele-arrow-down path {
    d: path("M3.75 10.2002L7.99274 5.7998L12.2361 10.0425")
}

.ele-menu .el-menu-item.is-disabled,
.ele-menu .el-sub-menu.is-disabled .el-menu-item,
.ele-menu .el-sub-menu.is-disabled .el-sub-menu__title {
    opacity: var(--ele-menu-disabled-opacity)
}

.ele-menu.el-menu--horizontal {
    padding: var(--ele-menu-horizontal-padding);
    height : auto
}

.ele-menu.el-menu--horizontal>.el-menu-item,
.ele-menu.el-menu--horizontal>.el-sub-menu>.el-sub-menu__title {
    height       : var(--ele-menu-horizontal-height);
    line-height  : var(--ele-menu-horizontal-height);
    padding      : 0 var(--ele-menu-horizontal-item-padding);
    margin       : 0 var(--ele-menu-horizontal-item-margin);
    border-radius: var(--ele-menu-horizontal-item-radius);
    border       : none
}

.ele-menu.el-menu--horizontal>.el-menu-item:after,
.ele-menu.el-menu--horizontal>.el-sub-menu>.el-sub-menu__title:after {
    content       : "";
    height        : var(--ele-menu-horizontal-line-size);
    transition    : background-color .2s;
    background    : transparent;
    pointer-events: none;
    position      : absolute;
    bottom        : 0;
    left          : var(--ele-menu-horizontal-line-margin);
    right         : var(--ele-menu-horizontal-line-margin)
}

.ele-menu.el-menu--horizontal>.el-menu-item:not(.is-disabled):hover,
.ele-menu.el-menu--horizontal>.el-sub-menu:not(.is-disabled)>.el-sub-menu__title:hover {
    background: var(--ele-menu-horizontal-hover-bg)
}

.ele-menu.el-menu--horizontal>.el-menu-item:not(.is-disabled):active,
.ele-menu.el-menu--horizontal>.el-sub-menu:not(.is-disabled)>.el-sub-menu__title:active {
    background: var(--ele-menu-horizontal-active-bg)
}

.ele-menu.el-menu--horizontal>.el-menu-item:not(.is-disabled).is-active,
.ele-menu.el-menu--horizontal>.el-sub-menu:not(.is-disabled).is-active>.el-sub-menu__title {
    background: var(--ele-menu-horizontal-active-bg)
}

.ele-menu.el-menu--horizontal>.el-menu-item.is-active:after,
.ele-menu.el-menu--horizontal>.el-sub-menu.is-active>.el-sub-menu__title:after,
.ele-menu.el-menu--horizontal>.el-menu-item:not(.is-disabled):hover:after,
.ele-menu.el-menu--horizontal>.el-sub-menu:not(.is-disabled)>.el-sub-menu__title:hover:after {
    background: var(--el-menu-active-color)
}

.ele-menu.el-menu--horizontal>.el-sub-menu>.el-sub-menu__title .el-sub-menu__icon-arrow {
    margin: var(--ele-menu-horizontal-arrow-margin)
}

.ele-menu.el-menu--horizontal.el-menu--popup-container>.el-menu--popup {
    margin: var(--ele-menu-horizontal-popup-margin)
}

.ele-menu.el-menu--horizontal.el-menu--popup-container>.el-menu--popup>.el-sub-menu .el-menu--popup {
    margin-top   : 0;
    margin-bottom: 0;
    margin-left  : var(--ele-menu-item-padding);
    margin-right : var(--ele-menu-item-padding)
}

.ele-menu.el-menu--horizontal:not(.el-menu--popup-container):before,
.ele-menu.el-menu--horizontal:not(.el-menu--popup-container):after {
    content      : "";
    display      : block;
    padding-right: .02px
}

.ele-menu.el-menu--horizontal .el-menu-item.ele-menu-overflow,
.ele-menu.el-menu--horizontal .el-sub-menu.ele-menu-overflow {
    position      : absolute;
    visibility    : hidden;
    pointer-events: none
}

.ele-menu.el-menu--vertical .el-sub-menu>.el-menu {
    background: var(--ele-menu-child-bg);
    box-sizing: border-box
}

.ele-menu.el-menu--vertical,
.ele-menu>.el-menu--popup {
    padding: var(--ele-menu-padding)
}

.ele-menu.el-menu--vertical .el-menu-item,
.ele-menu.el-menu--vertical .el-sub-menu__title,
.ele-menu.el-menu--vertical .el-menu-item-group__title,
.ele-menu>.el-menu--popup .el-menu-item,
.ele-menu>.el-menu--popup .el-sub-menu__title,
.ele-menu>.el-menu--popup .el-menu-item-group__title {
    margin-left  : var(--ele-menu-item-padding);
    margin-right : var(--ele-menu-item-padding);
    margin-top   : calc(var(--ele-menu-item-margin) / 2);
    margin-bottom: calc(var(--ele-menu-item-margin) / 2)
}

.ele-menu.el-menu--vertical .el-menu-item>span,
.ele-menu.el-menu--vertical .el-sub-menu__title>span,
.ele-menu.el-menu--vertical .el-menu-item-group__title>span,
.ele-menu>.el-menu--popup .el-menu-item>span,
.ele-menu>.el-menu--popup .el-sub-menu__title>span,
.ele-menu>.el-menu--popup .el-menu-item-group__title>span {
    flex: 1
}

.ele-menu.el-menu--vertical .el-menu-item,
.ele-menu.el-menu--vertical .el-sub-menu__title,
.ele-menu>.el-menu--popup .el-menu-item,
.ele-menu>.el-menu--popup .el-sub-menu__title {
    min-width    : auto;
    height       : var(--ele-menu-item-height);
    line-height  : var(--ele-menu-item-height);
    border-radius: var(--ele-menu-item-radius);
    background   : none
}

.ele-menu.el-menu--vertical .el-menu-item:not(.is-disabled):hover,
.ele-menu.el-menu--vertical .el-sub-menu:not(.is-disabled)>.el-sub-menu__title:hover,
.ele-menu>.el-menu--popup .el-menu-item:not(.is-disabled):hover,
.ele-menu>.el-menu--popup .el-sub-menu:not(.is-disabled)>.el-sub-menu__title:hover {
    color     : var(--el-menu-hover-text-color);
    background: var(--ele-menu-item-hover-bg)
}

.ele-menu.el-menu--vertical .el-menu-item:not(.is-disabled):active,
.ele-menu.el-menu--vertical .el-sub-menu:not(.is-disabled)>.el-sub-menu__title:active,
.ele-menu>.el-menu--popup .el-menu-item:not(.is-disabled):active,
.ele-menu>.el-menu--popup .el-sub-menu:not(.is-disabled)>.el-sub-menu__title:active {
    background: var(--ele-menu-item-active-bg)
}

.ele-menu.el-menu--vertical .el-menu-item:after,
.ele-menu>.el-menu--popup .el-menu-item:after {
    content       : "";
    position      : absolute;
    top           : 0;
    right         : 0;
    bottom        : 0;
    pointer-events: none;
    width         : var(--ele-menu-item-active-line);
    background    : var(--el-color-primary);
    transition    : all .15s cubic-bezier(.215, .61, .355, 1);
    transform     : scaleY(.0001);
    opacity       : 0
}

.ele-menu.el-menu--vertical .el-menu-item:not(.is-disabled).is-active,
.ele-menu>.el-menu--popup .el-menu-item:not(.is-disabled).is-active {
    color     : var(--el-menu-active-color);
    background: var(--ele-menu-item-active-bg)
}

.ele-menu.el-menu--vertical .el-menu-item:not(.is-disabled).is-active:after,
.ele-menu>.el-menu--popup .el-menu-item:not(.is-disabled).is-active:after {
    opacity   : 1;
    transform : scaleY(1);
    transition: all .15s cubic-bezier(.645, .045, .355, 1)
}

.ele-menu.el-menu--vertical .el-sub-menu,
.ele-menu>.el-menu--popup .el-sub-menu {
    padding-bottom: .02px
}

.ele-menu.el-menu--vertical .el-sub-menu:not(.is-disabled).is-active>.el-sub-menu__title,
.ele-menu>.el-menu--popup .el-sub-menu:not(.is-disabled).is-active>.el-sub-menu__title {
    color: var(--el-menu-active-color)
}

.ele-menu.el-menu--vertical .el-sub-menu__title .el-sub-menu__icon-arrow,
.ele-menu>.el-menu--popup .el-sub-menu__title .el-sub-menu__icon-arrow {
    margin: var(--ele-menu-arrow-margin)
}

.ele-menu.el-menu--vertical:not(.el-menu--popup-container):before,
.ele-menu.el-menu--vertical:not(.el-menu--popup-container):after,
.ele-menu.el-menu--vertical .el-menu:before,
.ele-menu.el-menu--vertical .el-menu:after,
.ele-menu>.el-menu--popup:before,
.ele-menu>.el-menu--popup:after,
.ele-menu>.el-menu--popup .el-menu:before,
.ele-menu>.el-menu--popup .el-menu:after,
.ele-menu.el-menu--vertical .el-menu-item-group>ul:before,
.ele-menu.el-menu--vertical .el-menu-item-group>ul:after,
.ele-menu>.el-menu--popup .el-menu-item-group>ul:before,
.ele-menu>.el-menu--popup .el-menu-item-group>ul:after {
    content       : "";
    display       : block;
    padding-bottom: .02px
}

.ele-menu.el-menu--vertical:not(.el-menu--popup-container)>.el-menu-item:not(:last-child),
.ele-menu.el-menu--vertical .el-menu>.el-menu-item:not(:last-child),
.ele-menu>.el-menu--popup>.el-menu-item:not(:last-child),
.ele-menu>.el-menu--popup .el-menu>.el-menu-item:not(:last-child),
.ele-menu.el-menu--vertical .el-menu-item-group>ul>.el-menu-item:not(:last-child),
.ele-menu>.el-menu--popup .el-menu-item-group>ul>.el-menu-item:not(:last-child) {
    margin-bottom: var(--ele-menu-item-margin)
}

.ele-menu>.el-menu--popup-container>.el-menu--popup {
    min-width    : var(--ele-menu-popup-min-width);
    max-width    : var(--ele-menu-popup-max-width);
    max-height   : var(--ele-menu-popup-max-height);
    margin-left  : var(--ele-menu-item-padding);
    margin-right : var(--ele-menu-item-padding);
    background   : var(--ele-menu-popup-bg);
    box-shadow   : var(--ele-menu-popup-shadow);
    border-radius: var(--ele-menu-popup-radius);
    overflow-y   : auto
}

.ele-menu>.el-menu--popup-container>.el-menu--popup .el-menu-item,
.ele-menu>.el-menu--popup-container>.el-menu--popup .el-sub-menu__title {
    padding      : 0 var(--ele-menu-popup-item-padding);
    border-radius: var(--ele-menu-popup-item-radius);
    background   : none
}

.ele-menu>.el-menu--popup-container>.el-menu--popup .el-menu-item:after {
    display: none
}

.ele-menu>.el-menu--popup-container>.el-menu--popup .el-sub-menu>.el-popper {
    position: fixed !important
}

.ele-menu.el-popper,
.ele-menu.el-popper.is-light,
.ele-menu.el-menu--popup-container {
    border    : none;
    background: none;
    box-shadow: none;
    padding   : 0;
    margin    : 0
}

.ele-menu .el-menu-item-group__title {
    display       : flex;
    align-items   : center;
    color         : var(--ele-menu-group-color);
    font-size     : var(--ele-menu-group-font-size);
    font-weight   : var(--ele-menu-group-font-weight);
    padding-top   : var(--ele-menu-group-padding-top);
    padding-bottom: var(--ele-menu-group-padding-bottom);
    padding-right : var(--ele-menu-group-padding-right);
    box-sizing    : border-box;
    line-height   : 1
}

.ele-menu .el-menu-item-group__title .el-icon:not(.el-sub-menu__icon-arrow) {
    font-size: var(--ele-menu-group-icon-font-size)
}

.ele-menu .el-menu-item .el-badge,
.ele-menu .el-sub-menu__title .el-badge,
.ele-menu .el-menu-item-group__title .el-badge {
    order      : 3;
    flex-shrink: 0;
    font-size  : 0;
    line-height: 1;
    font-weight: 400;
    margin     : var(--ele-menu-badge-margin)
}

.ele-menu .el-menu-item .el-badge .el-badge__content,
.ele-menu .el-sub-menu__title .el-badge .el-badge__content,
.ele-menu .el-menu-item-group__title .el-badge .el-badge__content {
    box-sizing    : border-box;
    vertical-align: middle;
    display       : inline-block;
    text-align    : center
}

.ele-menu .el-menu-item .el-badge .el-badge__content:not(.is-dot),
.ele-menu .el-sub-menu__title .el-badge .el-badge__content:not(.is-dot),
.ele-menu .el-menu-item-group__title .el-badge .el-badge__content:not(.is-dot) {
    min-width  : var(--el-badge-size);
    line-height: var(--el-badge-size)
}

.ele-menu.el-menu--collapse {
    width: var(--ele-menu-collapse-width)
}

.ele-menu.el-menu--collapse>.el-menu-item,
.ele-menu.el-menu--collapse>.el-sub-menu>.el-sub-menu__title,
.ele-menu.el-menu--collapse>.el-menu-item-group>ul>.el-menu-item,
.ele-menu.el-menu--collapse>.el-menu-item-group>ul>.el-sub-menu>.el-sub-menu__title {
    padding        : 0;
    justify-content: center
}

.ele-menu.el-menu--collapse>.el-menu-item .el-icon:not(.el-sub-menu__icon-arrow),
.ele-menu.el-menu--collapse>.el-sub-menu>.el-sub-menu__title .el-icon:not(.el-sub-menu__icon-arrow),
.ele-menu.el-menu--collapse>.el-menu-item-group>ul>.el-menu-item .el-icon:not(.el-sub-menu__icon-arrow),
.ele-menu.el-menu--collapse>.el-menu-item-group>ul>.el-sub-menu>.el-sub-menu__title .el-icon:not(.el-sub-menu__icon-arrow) {
    margin   : 0;
    font-size: var(--ele-menu-collapse-icon-size)
}

.ele-menu.el-menu--collapse>.el-menu-item>.el-menu-tooltip__trigger,
.ele-menu.el-menu--collapse>.el-menu-item-group>ul>.el-menu-item>.el-menu-tooltip__trigger {
    padding        : 0;
    display        : flex;
    justify-content: center;
    position       : static
}

.ele-menu.el-menu--collapse>.el-sub-menu>.el-sub-menu__title>span,
.ele-menu.el-menu--collapse>.el-menu-item-group>ul>.el-sub-menu>.el-sub-menu__title>span {
    display: none;
    flex   : initial
}

.ele-menu.el-menu--collapse.el-menu--vertical>.el-sub-menu.is-active>.el-sub-menu__title,
.ele-menu.el-menu--collapse.el-menu--vertical>.el-menu-item-group>ul>.el-sub-menu.is-active>.el-sub-menu__title {
    background: var(--ele-menu-item-active-bg)
}

.ele-menu.el-menu--collapse>.el-menu-item-group>.el-menu-item-group__title {
    padding-left   : 0;
    padding-right  : 0;
    justify-content: center;
    text-align     : center
}

.ele-menu.el-menu--collapse>.el-menu-item-group>.el-menu-item-group__title>span {
    flex: initial
}

.ele-menu.el-menu--collapse>.el-menu-item-group>.el-menu-item-group__title .el-icon:not(.is-collapse-show) {
    display: none
}

.ele-menu.el-menu--collapse>.el-menu-item .el-badge,
.ele-menu.el-menu--collapse>.el-sub-menu>.el-sub-menu__title .el-badge,
.ele-menu.el-menu--collapse>.el-menu-item-group>ul>.el-menu-item .el-badge,
.ele-menu.el-menu--collapse>.el-menu-item-group>ul>.el-sub-menu>.el-sub-menu__title .el-badge {
    position: absolute;
    top     : 8px;
    right   : 10px;
    margin  : 0
}

.ele-menu.el-menu--collapse>.el-menu-item .el-badge .el-badge__content:not(.is-dot),
.ele-menu.el-menu--collapse>.el-sub-menu>.el-sub-menu__title .el-badge .el-badge__content:not(.is-dot),
.ele-menu.el-menu--collapse>.el-menu-item-group>.el-menu-item-group__title .el-badge .el-badge__content:not(.is-dot),
.ele-menu.el-menu--collapse>.el-menu-item-group>ul>.el-menu-item .el-badge .el-badge__content:not(.is-dot),
.ele-menu.el-menu--collapse>.el-menu-item-group>ul>.el-sub-menu>.el-sub-menu__title .el-badge .el-badge__content:not(.is-dot) {
    padding      : 0;
    width        : 8px;
    height       : 8px;
    font-size    : 0;
    line-height  : 0;
    min-width    : auto;
    border-radius: 50%
}

.ele-menu.el-menu--collapse>.el-menu-item-group>.el-menu-item-group__title .el-badge {
    margin-left: 2px
}

.ele-menu.ele-menu-colorful.el-menu>li.el-menu-item .el-icon:not(.el-sub-menu__icon-arrow),
.ele-menu.ele-menu-colorful.el-menu>li.el-sub-menu>.el-sub-menu__title .el-icon:not(.el-sub-menu__icon-arrow),
.ele-menu.ele-menu-colorful.el-menu>li.el-menu-item-group>ul>li.el-menu-item .el-icon:not(.el-sub-menu__icon-arrow),
.ele-menu.ele-menu-colorful.el-menu>li.el-menu-item-group>ul>li.el-sub-menu>.el-sub-menu__title .el-icon:not(.el-sub-menu__icon-arrow) {
    color         : var(--ele-menu-colorful-icon-color);
    background    : var(--ele-menu-colorful-bg-1);
    width         : var(--ele-menu-colorful-icon-size);
    height        : var(--ele-menu-colorful-icon-size);
    line-height   : calc(var(--ele-menu-colorful-icon-size) + 4px);
    font-size     : var(--ele-menu-colorful-icon-font-size);
    border-radius : var(--ele-menu-colorful-icon-radius);
    vertical-align: -.05em;
    text-align    : center
}

.ele-menu.ele-menu-colorful.el-menu>li:nth-child(2n).el-menu-item .el-icon:not(.el-sub-menu__icon-arrow),
.ele-menu.ele-menu-colorful.el-menu>li:nth-child(2n).el-sub-menu>.el-sub-menu__title .el-icon:not(.el-sub-menu__icon-arrow),
.ele-menu.ele-menu-colorful.el-menu>li.el-menu-item-group>ul>li:nth-child(2n).el-menu-item .el-icon:not(.el-sub-menu__icon-arrow),
.ele-menu.ele-menu-colorful.el-menu>li.el-menu-item-group>ul>li:nth-child(2n).el-sub-menu>.el-sub-menu__title .el-icon:not(.el-sub-menu__icon-arrow) {
    background: var(--ele-menu-colorful-bg-2)
}

.ele-menu.ele-menu-colorful.el-menu>li:nth-child(3).el-menu-item .el-icon:not(.el-sub-menu__icon-arrow),
.ele-menu.ele-menu-colorful.el-menu>li:nth-child(3).el-sub-menu>.el-sub-menu__title .el-icon:not(.el-sub-menu__icon-arrow),
.ele-menu.ele-menu-colorful.el-menu>li.el-menu-item-group>ul>li:nth-child(3).el-menu-item .el-icon:not(.el-sub-menu__icon-arrow),
.ele-menu.ele-menu-colorful.el-menu>li.el-menu-item-group>ul>li:nth-child(3).el-sub-menu>.el-sub-menu__title .el-icon:not(.el-sub-menu__icon-arrow) {
    background: var(--ele-menu-colorful-bg-3)
}

.ele-menu.ele-menu-colorful.el-menu>li:nth-child(4).el-menu-item .el-icon:not(.el-sub-menu__icon-arrow),
.ele-menu.ele-menu-colorful.el-menu>li:nth-child(4).el-sub-menu>.el-sub-menu__title .el-icon:not(.el-sub-menu__icon-arrow),
.ele-menu.ele-menu-colorful.el-menu>li.el-menu-item-group>ul>li:nth-child(4).el-menu-item .el-icon:not(.el-sub-menu__icon-arrow),
.ele-menu.ele-menu-colorful.el-menu>li.el-menu-item-group>ul>li:nth-child(4).el-sub-menu>.el-sub-menu__title .el-icon:not(.el-sub-menu__icon-arrow) {
    background: var(--ele-menu-colorful-bg-4)
}

.ele-menu.ele-menu-colorful.el-menu>li:nth-child(5).el-menu-item .el-icon:not(.el-sub-menu__icon-arrow),
.ele-menu.ele-menu-colorful.el-menu>li:nth-child(5).el-sub-menu>.el-sub-menu__title .el-icon:not(.el-sub-menu__icon-arrow),
.ele-menu.ele-menu-colorful.el-menu>li.el-menu-item-group>ul>li:nth-child(5).el-menu-item .el-icon:not(.el-sub-menu__icon-arrow),
.ele-menu.ele-menu-colorful.el-menu>li.el-menu-item-group>ul>li:nth-child(5).el-sub-menu>.el-sub-menu__title .el-icon:not(.el-sub-menu__icon-arrow) {
    background: var(--ele-menu-colorful-bg-5)
}

.ele-menu.ele-menu-colorful.el-menu>li:nth-child(6).el-menu-item .el-icon:not(.el-sub-menu__icon-arrow),
.ele-menu.ele-menu-colorful.el-menu>li:nth-child(6).el-sub-menu>.el-sub-menu__title .el-icon:not(.el-sub-menu__icon-arrow),
.ele-menu.ele-menu-colorful.el-menu>li.el-menu-item-group>ul>li:nth-child(6).el-menu-item .el-icon:not(.el-sub-menu__icon-arrow),
.ele-menu.ele-menu-colorful.el-menu>li.el-menu-item-group>ul>li:nth-child(6).el-sub-menu>.el-sub-menu__title .el-icon:not(.el-sub-menu__icon-arrow) {
    background: var(--ele-menu-colorful-bg-6)
}

.ele-menu.ele-menu-colorful.el-menu>li:nth-child(7).el-menu-item .el-icon:not(.el-sub-menu__icon-arrow),
.ele-menu.ele-menu-colorful.el-menu>li:nth-child(7).el-sub-menu>.el-sub-menu__title .el-icon:not(.el-sub-menu__icon-arrow),
.ele-menu.ele-menu-colorful.el-menu>li.el-menu-item-group>ul>li:nth-child(7).el-menu-item .el-icon:not(.el-sub-menu__icon-arrow),
.ele-menu.ele-menu-colorful.el-menu>li.el-menu-item-group>ul>li:nth-child(7).el-sub-menu>.el-sub-menu__title .el-icon:not(.el-sub-menu__icon-arrow) {
    background: var(--ele-menu-colorful-bg-7)
}

.ele-menu.ele-menu-colorful.el-menu>li:nth-child(8).el-menu-item .el-icon:not(.el-sub-menu__icon-arrow),
.ele-menu.ele-menu-colorful.el-menu>li:nth-child(8).el-sub-menu>.el-sub-menu__title .el-icon:not(.el-sub-menu__icon-arrow),
.ele-menu.ele-menu-colorful.el-menu>li.el-menu-item-group>ul>li:nth-child(8).el-menu-item .el-icon:not(.el-sub-menu__icon-arrow),
.ele-menu.ele-menu-colorful.el-menu>li.el-menu-item-group>ul>li:nth-child(8).el-sub-menu>.el-sub-menu__title .el-icon:not(.el-sub-menu__icon-arrow) {
    background: var(--ele-menu-colorful-bg-8)
}

.ele-menu.ele-menu-colorful.el-menu>li.el-sub-menu>.el-menu .el-menu-item .el-icon:not(.el-sub-menu__icon-arrow),
.ele-menu.ele-menu-colorful.el-menu>li.el-sub-menu>.el-menu .el-sub-menu__title .el-icon:not(.el-sub-menu__icon-arrow),
.ele-menu.ele-menu-colorful.el-menu>li.el-sub-menu>.el-menu .el-menu-item-group__title .el-icon:not(.el-sub-menu__icon-arrow),
.ele-menu.ele-menu-colorful.el-menu>li.el-menu-item-group>ul>li.el-sub-menu>.el-menu .el-menu-item .el-icon:not(.el-sub-menu__icon-arrow),
.ele-menu.ele-menu-colorful.el-menu>li.el-menu-item-group>ul>li.el-sub-menu>.el-menu .el-sub-menu__title .el-icon:not(.el-sub-menu__icon-arrow),
.ele-menu.ele-menu-colorful.el-menu>li.el-menu-item-group>ul>li.el-sub-menu>.el-menu .el-menu-item-group__title .el-icon:not(.el-sub-menu__icon-arrow),
.ele-menu.ele-menu-colorful>.el-menu.el-menu--popup .el-menu-item .el-icon:not(.el-sub-menu__icon-arrow),
.ele-menu.ele-menu-colorful>.el-menu.el-menu--popup .el-sub-menu__title .el-icon:not(.el-sub-menu__icon-arrow),
.ele-menu.ele-menu-colorful>.el-menu.el-menu--popup .el-menu-item-group__title .el-icon:not(.el-sub-menu__icon-arrow) {
    display: none
}

.ele-menu.ele-menu-colorful.el-menu>li.el-sub-menu>.el-menu .el-menu-item:before,
.ele-menu.ele-menu-colorful.el-menu>li.el-sub-menu>.el-menu .el-sub-menu__title:before,
.ele-menu.ele-menu-colorful.el-menu>li.el-menu-item-group>ul>li.el-sub-menu>.el-menu .el-menu-item:before,
.ele-menu.ele-menu-colorful.el-menu>li.el-menu-item-group>ul>li.el-sub-menu>.el-menu .el-sub-menu__title:before,
.ele-menu.ele-menu-colorful>.el-menu.el-menu--popup .el-menu-item:before,
.ele-menu.ele-menu-colorful>.el-menu.el-menu--popup .el-sub-menu__title:before {
    content      : "";
    width        : var(--ele-menu-colorful-dot-size);
    height       : var(--ele-menu-colorful-dot-size);
    margin       : var(--ele-menu-colorful-dot-margin);
    background   : var(--ele-menu-colorful-dot-color);
    transition   : background-color .2s;
    border-radius: 50%
}

.ele-menu.ele-menu-colorful.el-menu>li.el-sub-menu>.el-menu .el-menu-item:not(.is-disabled):hover:before,
.ele-menu.ele-menu-colorful.el-menu>li.el-sub-menu>.el-menu .el-menu-item.is-active:before,
.ele-menu.ele-menu-colorful.el-menu>li.el-sub-menu>.el-menu .el-sub-menu:not(.is-disabled) .el-sub-menu__title:hover:before,
.ele-menu.ele-menu-colorful.el-menu>li.el-sub-menu>.el-menu .el-sub-menu.is-active .el-sub-menu__title:before,
.ele-menu.ele-menu-colorful.el-menu>li.el-menu-item-group>ul>li.el-sub-menu>.el-menu .el-menu-item:not(.is-disabled):hover:before,
.ele-menu.ele-menu-colorful.el-menu>li.el-menu-item-group>ul>li.el-sub-menu>.el-menu .el-menu-item.is-active:before,
.ele-menu.ele-menu-colorful.el-menu>li.el-menu-item-group>ul>li.el-sub-menu>.el-menu .el-sub-menu:not(.is-disabled) .el-sub-menu__title:hover:before,
.ele-menu.ele-menu-colorful.el-menu>li.el-menu-item-group>ul>li.el-sub-menu>.el-menu .el-sub-menu.is-active .el-sub-menu__title:before,
.ele-menu.ele-menu-colorful>.el-menu.el-menu--popup .el-menu-item:not(.is-disabled):hover:before,
.ele-menu.ele-menu-colorful>.el-menu.el-menu--popup .el-menu-item.is-active:before,
.ele-menu.ele-menu-colorful>.el-menu.el-menu--popup .el-sub-menu:not(.is-disabled) .el-sub-menu__title:hover:before,
.ele-menu.ele-menu-colorful>.el-menu.el-menu--popup .el-sub-menu.is-active .el-sub-menu__title:before {
    background: var(--ele-menu-colorful-dot-hover-color)
}

.ele-menu.ele-menu-colorful .el-menu-item-group__title .el-icon:not(.el-sub-menu__icon-arrow) {
    display: none
}

.ele-menu.ele-menu-dark {
    border: none
}

.ele-menu.ele-menu-dark.el-menu,
.ele-menu.ele-menu-dark>.el-menu--popup {
    --el-menu-bg-color        : var(--ele-menu-dark-bg);
    --el-menu-text-color      : var(--ele-menu-dark-color);
    --el-menu-hover-text-color: var(--ele-menu-dark-hover-color);
    --el-menu-active-color    : var(--ele-menu-dark-active-color)
}

.ele-menu.ele-menu-dark.el-menu--horizontal>.el-menu-item:not(.is-disabled):hover,
.ele-menu.ele-menu-dark.el-menu--horizontal>.el-sub-menu:not(.is-disabled)>.el-sub-menu__title:hover {
    background: var(--ele-menu-horizontal-dark-hover-bg)
}

.ele-menu.ele-menu-dark.el-menu--horizontal>.el-menu-item:not(.is-disabled):active,
.ele-menu.ele-menu-dark.el-menu--horizontal>.el-sub-menu:not(.is-disabled)>.el-sub-menu__title:active {
    background: var(--ele-menu-horizontal-dark-active-bg)
}

.ele-menu.ele-menu-dark.el-menu--horizontal>.el-menu-item:not(.is-disabled).is-active,
.ele-menu.ele-menu-dark.el-menu--horizontal>.el-sub-menu:not(.is-disabled).is-active>.el-sub-menu__title {
    background: var(--ele-menu-horizontal-dark-active-bg)
}

.ele-menu.ele-menu-dark.el-menu--vertical .el-sub-menu>.el-menu {
    background: var(--ele-menu-dark-child-bg)
}

.ele-menu.ele-menu-dark.el-menu--vertical .el-menu-item:after {
    display: none
}

.ele-menu.ele-menu-dark.el-menu--vertical .el-menu-item:not(.is-disabled):hover,
.ele-menu.ele-menu-dark.el-menu--vertical .el-sub-menu:not(.is-disabled)>.el-sub-menu__title:hover,
.ele-menu.ele-menu-dark>.el-menu--popup .el-menu-item:not(.is-disabled):hover,
.ele-menu.ele-menu-dark>.el-menu--popup .el-sub-menu:not(.is-disabled)>.el-sub-menu__title:hover {
    background: var(--ele-menu-dark-hover-bg)
}

.ele-menu.ele-menu-dark.el-menu--vertical .el-menu-item:not(.is-disabled):active,
.ele-menu.ele-menu-dark.el-menu--vertical .el-sub-menu:not(.is-disabled)>.el-sub-menu__title:active,
.ele-menu.ele-menu-dark>.el-menu--popup .el-menu-item:not(.is-disabled):active,
.ele-menu.ele-menu-dark>.el-menu--popup .el-sub-menu:not(.is-disabled)>.el-sub-menu__title:active {
    background: var(--ele-menu-dark-active-bg)
}

.ele-menu.ele-menu-dark.el-menu--vertical .el-menu-item:not(.is-disabled).is-active,
.ele-menu.ele-menu-dark>.el-menu--popup .el-menu-item:not(.is-disabled).is-active {
    background: var(--ele-menu-dark-active-bg)
}

.ele-menu.ele-menu-dark.el-menu--collapse.el-menu--vertical>.el-sub-menu.is-active>.el-sub-menu__title,
.ele-menu.ele-menu-dark.el-menu--collapse.el-menu--vertical>.el-menu-item-group>ul>.el-sub-menu.is-active>.el-sub-menu__title {
    background: var(--ele-menu-dark-active-bg)
}

.ele-menu.ele-menu-dark .el-menu-item-group__title {
    color: var(--ele-menu-group-dark-color)
}

.ele-menu.ele-menu-dark>.el-menu--popup-container>.el-menu--popup {
    background: var(--ele-menu-popup-dark-bg);
    box-shadow: var(--ele-menu-popup-dark-shadow)
}

.ele-menu.ele-menu-dark.ele-menu-colorful.el-menu>li.el-sub-menu>.el-menu .el-menu-item:before,
.ele-menu.ele-menu-dark.ele-menu-colorful.el-menu>li.el-sub-menu>.el-menu .el-sub-menu__title:before,
.ele-menu.ele-menu-dark.ele-menu-colorful.el-menu>li.el-menu-item-group>ul>li.el-sub-menu>.el-menu .el-menu-item:before,
.ele-menu.ele-menu-dark.ele-menu-colorful.el-menu>li.el-menu-item-group>ul>li.el-sub-menu>.el-menu .el-sub-menu__title:before,
.ele-menu.ele-menu-dark.ele-menu-colorful>.el-menu.el-menu--popup .el-menu-item:before,
.ele-menu.ele-menu-dark.ele-menu-colorful>.el-menu.el-menu--popup .el-sub-menu__title:before {
    background: var(--ele-menu-colorful-dark-dot-color)
}

.ele-menu.ele-menu-dark.ele-menu-colorful.el-menu>li.el-sub-menu>.el-menu .el-menu-item:not(.is-disabled):hover:before,
.ele-menu.ele-menu-dark.ele-menu-colorful.el-menu>li.el-sub-menu>.el-menu .el-menu-item.is-active:before,
.ele-menu.ele-menu-dark.ele-menu-colorful.el-menu>li.el-sub-menu>.el-menu .el-sub-menu:not(.is-disabled) .el-sub-menu__title:hover:before,
.ele-menu.ele-menu-dark.ele-menu-colorful.el-menu>li.el-sub-menu>.el-menu .el-sub-menu.is-active .el-sub-menu__title:before,
.ele-menu.ele-menu-dark.ele-menu-colorful.el-menu>li.el-menu-item-group>ul>li.el-sub-menu>.el-menu .el-menu-item:not(.is-disabled):hover:before,
.ele-menu.ele-menu-dark.ele-menu-colorful.el-menu>li.el-menu-item-group>ul>li.el-sub-menu>.el-menu .el-menu-item.is-active:before,
.ele-menu.ele-menu-dark.ele-menu-colorful.el-menu>li.el-menu-item-group>ul>li.el-sub-menu>.el-menu .el-sub-menu:not(.is-disabled) .el-sub-menu__title:hover:before,
.ele-menu.ele-menu-dark.ele-menu-colorful.el-menu>li.el-menu-item-group>ul>li.el-sub-menu>.el-menu .el-sub-menu.is-active .el-sub-menu__title:before,
.ele-menu.ele-menu-dark.ele-menu-colorful>.el-menu.el-menu--popup .el-menu-item:not(.is-disabled):hover:before,
.ele-menu.ele-menu-dark.ele-menu-colorful>.el-menu.el-menu--popup .el-menu-item.is-active:before,
.ele-menu.ele-menu-dark.ele-menu-colorful>.el-menu.el-menu--popup .el-sub-menu:not(.is-disabled) .el-sub-menu__title:hover:before,
.ele-menu.ele-menu-dark.ele-menu-colorful>.el-menu.el-menu--popup .el-sub-menu.is-active .el-sub-menu__title:before {
    background: var(--ele-menu-colorful-dark-dot-hover-color)
}

.ele-menu .ele-sub-menu-ellipsis>.el-sub-menu__title .el-icon:not(.el-sub-menu__icon-arrow) {
    margin: 0
}

.ele-menu .ele-sub-menu-ellipsis>.el-sub-menu__title .el-icon:not(.el-sub-menu__icon-arrow)>svg {
    transform: scale(1.25)
}

.ele-menu .ele-sub-menu-ellipsis>.el-sub-menu__title .el-sub-menu__icon-arrow {
    display: none
}

.ele-menu>.el-menu--popup-container>.el-menu--popup {
    scrollbar-width: thin;
    scrollbar-color: var(--ele-menu-thumb-color) transparent
}

.ele-menu>.el-menu--popup-container>.el-menu--popup::-webkit-scrollbar {
    width : var(--ele-menu-thumb-size);
    height: var(--ele-menu-thumb-size)
}

.ele-menu>.el-menu--popup-container>.el-menu--popup::-webkit-scrollbar-thumb {
    border-radius   : var(--ele-menu-thumb-radius);
    border          : var(--ele-menu-thumb-padding) solid transparent;
    background-color: var(--ele-menu-thumb-color);
    background-clip : padding-box
}

.ele-menu>.el-menu--popup-container>.el-menu--popup::-webkit-scrollbar-thumb:hover {
    background-color: var(--ele-menu-thumb-hover-color)
}

.ele-menu>.el-menu--popup-container>.el-menu--popup::-webkit-scrollbar-track,
.ele-menu>.el-menu--popup-container>.el-menu--popup::-webkit-scrollbar-corner {
    background: transparent
}

.ele-menu.ele-menu-dark>.el-menu--popup-container>.el-menu--popup {
    scrollbar-color: var(--ele-menu-dark-thumb-color) transparent
}

.ele-menu.ele-menu-dark>.el-menu--popup-container>.el-menu--popup::-webkit-scrollbar-thumb {
    background-color: var(--ele-menu-dark-thumb-color)
}

.ele-menu.ele-menu-dark>.el-menu--popup-container>.el-menu--popup::-webkit-scrollbar-thumb:hover {
    background-color: var(--ele-menu-dark-thumb-hover-color)
}

.el-menu-item .ele-menu-link {
    color          : inherit;
    position       : static;
    text-decoration: none
}

.el-menu-item .ele-menu-link:before {
    content : "";
    position: absolute;
    top     : 0;
    left    : 0;
    right   : 0;
    bottom  : 0;
    z-index : 2
}

.el-popper.is-dark>.ele-menu-title {
    position: static
}

.el-popper.is-dark>.ele-menu-title:before {
    content      : "";
    background   : var(--ele-tooltip-bg);
    border-radius: var(--ele-tooltip-radius);
    position     : absolute;
    top          : 0;
    left         : 0;
    right        : 0;
    bottom       : 0;
    z-index      : -1
}

.el-popper.is-dark>.ele-menu-title+.el-popper__arrow {
    z-index: -2
}

.el-tabs {
    --el-tabs-header-height: 40px
}

.el-tabs__header {
    padding : 0;
    position: relative;
    margin  : 0 0 15px
}

.el-tabs__active-bar {
    position        : absolute;
    bottom          : 0;
    left            : 0;
    height          : 2px;
    background-color: var(--el-color-primary);
    z-index         : 1;
    transition      : width var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier), transform var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);
    list-style      : none
}

.el-tabs__new-tab {
    display        : flex;
    align-items    : center;
    justify-content: center;
    float          : right;
    border         : 1px solid var(--el-border-color);
    height         : 20px;
    width          : 20px;
    line-height    : 20px;
    margin         : 10px 0 10px 10px;
    border-radius  : 3px;
    text-align     : center;
    font-size      : 12px;
    color          : var(--el-text-color-primary);
    cursor         : pointer;
    transition     : all .15s
}

.el-tabs__new-tab .is-icon-plus {
    height   : inherit;
    width    : inherit;
    transform: scale(.8)
}

.el-tabs__new-tab .is-icon-plus svg {
    vertical-align: middle
}

.el-tabs__new-tab:hover {
    color: var(--el-color-primary)
}

.el-tabs__nav-wrap {
    overflow     : hidden;
    margin-bottom: -1px;
    position     : relative
}

.el-tabs__nav-wrap:after {
    content         : "";
    position        : absolute;
    left            : 0;
    bottom          : 0;
    width           : 100%;
    height          : 2px;
    background-color: var(--el-border-color-light);
    z-index         : var(--el-index-normal)
}

.el-tabs__nav-wrap.is-scrollable {
    padding   : 0 20px;
    box-sizing: border-box
}

.el-tabs__nav-scroll {
    overflow: hidden
}

.el-tabs__nav-next,
.el-tabs__nav-prev {
    position   : absolute;
    cursor     : pointer;
    line-height: 44px;
    font-size  : 12px;
    color      : var(--el-text-color-secondary);
    width      : 20px;
    text-align : center
}

.el-tabs__nav-next {
    right: 0
}

.el-tabs__nav-prev {
    left: 0
}

.el-tabs__nav {
    display    : flex;
    white-space: nowrap;
    position   : relative;
    transition : transform var(--el-transition-duration);
    float      : left;
    z-index    : calc(var(--el-index-normal) + 1)
}

.el-tabs__nav.is-stretch {
    min-width: 100%;
    display  : flex
}

.el-tabs__nav.is-stretch>* {
    flex      : 1;
    text-align: center
}

.el-tabs__item {
    padding        : 0 20px;
    height         : var(--el-tabs-header-height);
    box-sizing     : border-box;
    display        : flex;
    align-items    : center;
    justify-content: center;
    list-style     : none;
    font-size      : var(--el-font-size-base);
    font-weight    : 500;
    color          : var(--el-text-color-primary);
    position       : relative
}

.el-tabs__item:focus,
.el-tabs__item:focus:active {
    outline: none
}

.el-tabs__item:focus-visible {
    box-shadow   : 0 0 2px 2px var(--el-color-primary) inset;
    border-radius: 3px
}

.el-tabs__item .is-icon-close {
    border-radius: 50%;
    text-align   : center;
    transition   : all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);
    margin-left  : 5px
}

.el-tabs__item .is-icon-close:before {
    transform: scale(.9);
    display  : inline-block
}

.el-tabs__item .is-icon-close:hover {
    background-color: var(--el-text-color-placeholder);
    color           : #fff
}

.el-tabs__item.is-active {
    color: var(--el-color-primary)
}

.el-tabs__item:hover {
    color : var(--el-color-primary);
    cursor: pointer
}

.el-tabs__item.is-disabled {
    color : var(--el-disabled-text-color);
    cursor: not-allowed
}

.el-tabs__content {
    overflow: hidden;
    position: relative
}

.el-tabs--card>.el-tabs__header {
    border-bottom: 1px solid var(--el-border-color-light);
    height       : var(--el-tabs-header-height)
}

.el-tabs--card>.el-tabs__header .el-tabs__nav-wrap:after {
    content: none
}

.el-tabs--card>.el-tabs__header .el-tabs__nav {
    border       : 1px solid var(--el-border-color-light);
    border-bottom: none;
    border-radius: 4px 4px 0 0;
    box-sizing   : border-box
}

.el-tabs--card>.el-tabs__header .el-tabs__active-bar {
    display: none
}

.el-tabs--card>.el-tabs__header .el-tabs__item .is-icon-close {
    position        : relative;
    font-size       : 12px;
    width           : 0;
    height          : 14px;
    overflow        : hidden;
    right           : -2px;
    transform-origin: 100% 50%
}

.el-tabs--card>.el-tabs__header .el-tabs__item {
    border-bottom: 1px solid transparent;
    border-left  : 1px solid var(--el-border-color-light);
    transition   : color var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier), padding var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier)
}

.el-tabs--card>.el-tabs__header .el-tabs__item:first-child {
    border-left: none
}

.el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover {
    padding-left : 13px;
    padding-right: 13px
}

.el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover .is-icon-close {
    width: 14px
}

.el-tabs--card>.el-tabs__header .el-tabs__item.is-active {
    border-bottom-color: var(--el-bg-color)
}

.el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable {
    padding-left : 20px;
    padding-right: 20px
}

.el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable .is-icon-close {
    width: 14px
}

.el-tabs--border-card {
    background: var(--el-bg-color-overlay);
    border    : 1px solid var(--el-border-color)
}

.el-tabs--border-card>.el-tabs__content {
    padding: 15px
}

.el-tabs--border-card>.el-tabs__header {
    background-color: var(--el-fill-color-light);
    border-bottom   : 1px solid var(--el-border-color-light);
    margin          : 0
}

.el-tabs--border-card>.el-tabs__header .el-tabs__nav-wrap:after {
    content: none
}

.el-tabs--border-card>.el-tabs__header .el-tabs__item {
    transition: all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);
    border    : 1px solid transparent;
    margin-top: -1px;
    color     : var(--el-text-color-secondary)
}

.el-tabs--border-card>.el-tabs__header .el-tabs__item:first-child {
    margin-left: -1px
}

.el-tabs--border-card>.el-tabs__header .el-tabs__item+.el-tabs__item {
    margin-left: -1px
}

.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active {
    color             : var(--el-color-primary);
    background-color  : var(--el-bg-color-overlay);
    border-right-color: var(--el-border-color);
    border-left-color : var(--el-border-color)
}

.el-tabs--border-card>.el-tabs__header .el-tabs__item:not(.is-disabled):hover {
    color: var(--el-color-primary)
}

.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-disabled {
    color: var(--el-disabled-text-color)
}

.el-tabs--border-card>.el-tabs__header .is-scrollable .el-tabs__item:first-child {
    margin-left: 0
}

.el-tabs--top .el-tabs__item.is-top:nth-child(2),
.el-tabs--top .el-tabs__item.is-bottom:nth-child(2),
.el-tabs--bottom .el-tabs__item.is-top:nth-child(2),
.el-tabs--bottom .el-tabs__item.is-bottom:nth-child(2) {
    padding-left: 0
}

.el-tabs--top .el-tabs__item.is-top:last-child,
.el-tabs--top .el-tabs__item.is-bottom:last-child,
.el-tabs--bottom .el-tabs__item.is-top:last-child,
.el-tabs--bottom .el-tabs__item.is-bottom:last-child {
    padding-right: 0
}

.el-tabs--top.el-tabs--border-card>.el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--top .el-tabs--left>.el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--top .el-tabs--right>.el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--bottom.el-tabs--border-card>.el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--bottom.el-tabs--card>.el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--bottom .el-tabs--left>.el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--bottom .el-tabs--right>.el-tabs__header .el-tabs__item:nth-child(2) {
    padding-left: 20px
}

.el-tabs--top.el-tabs--border-card>.el-tabs__header .el-tabs__item:nth-child(2):not(.is-active).is-closable:hover,
.el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:nth-child(2):not(.is-active).is-closable:hover,
.el-tabs--top .el-tabs--left>.el-tabs__header .el-tabs__item:nth-child(2):not(.is-active).is-closable:hover,
.el-tabs--top .el-tabs--right>.el-tabs__header .el-tabs__item:nth-child(2):not(.is-active).is-closable:hover,
.el-tabs--bottom.el-tabs--border-card>.el-tabs__header .el-tabs__item:nth-child(2):not(.is-active).is-closable:hover,
.el-tabs--bottom.el-tabs--card>.el-tabs__header .el-tabs__item:nth-child(2):not(.is-active).is-closable:hover,
.el-tabs--bottom .el-tabs--left>.el-tabs__header .el-tabs__item:nth-child(2):not(.is-active).is-closable:hover,
.el-tabs--bottom .el-tabs--right>.el-tabs__header .el-tabs__item:nth-child(2):not(.is-active).is-closable:hover {
    padding-left: 13px
}

.el-tabs--top.el-tabs--border-card>.el-tabs__header .el-tabs__item:last-child,
.el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:last-child,
.el-tabs--top .el-tabs--left>.el-tabs__header .el-tabs__item:last-child,
.el-tabs--top .el-tabs--right>.el-tabs__header .el-tabs__item:last-child,
.el-tabs--bottom.el-tabs--border-card>.el-tabs__header .el-tabs__item:last-child,
.el-tabs--bottom.el-tabs--card>.el-tabs__header .el-tabs__item:last-child,
.el-tabs--bottom .el-tabs--left>.el-tabs__header .el-tabs__item:last-child,
.el-tabs--bottom .el-tabs--right>.el-tabs__header .el-tabs__item:last-child {
    padding-right: 20px
}

.el-tabs--top.el-tabs--border-card>.el-tabs__header .el-tabs__item:last-child:not(.is-active).is-closable:hover,
.el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:last-child:not(.is-active).is-closable:hover,
.el-tabs--top .el-tabs--left>.el-tabs__header .el-tabs__item:last-child:not(.is-active).is-closable:hover,
.el-tabs--top .el-tabs--right>.el-tabs__header .el-tabs__item:last-child:not(.is-active).is-closable:hover,
.el-tabs--bottom.el-tabs--border-card>.el-tabs__header .el-tabs__item:last-child:not(.is-active).is-closable:hover,
.el-tabs--bottom.el-tabs--card>.el-tabs__header .el-tabs__item:last-child:not(.is-active).is-closable:hover,
.el-tabs--bottom .el-tabs--left>.el-tabs__header .el-tabs__item:last-child:not(.is-active).is-closable:hover,
.el-tabs--bottom .el-tabs--right>.el-tabs__header .el-tabs__item:last-child:not(.is-active).is-closable:hover {
    padding-right: 13px
}

.el-tabs--bottom .el-tabs__header.is-bottom {
    margin-bottom: 0;
    margin-top   : 10px
}

.el-tabs--bottom.el-tabs--border-card .el-tabs__header.is-bottom {
    border-bottom: 0;
    border-top   : 1px solid var(--el-border-color)
}

.el-tabs--bottom.el-tabs--border-card .el-tabs__nav-wrap.is-bottom {
    margin-top   : -1px;
    margin-bottom: 0
}

.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom:not(.is-active) {
    border: 1px solid transparent
}

.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom {
    margin: 0 -1px -1px
}

.el-tabs--left,
.el-tabs--right {
    overflow: hidden
}

.el-tabs--left .el-tabs__header.is-left,
.el-tabs--left .el-tabs__header.is-right,
.el-tabs--left .el-tabs__nav-wrap.is-left,
.el-tabs--left .el-tabs__nav-wrap.is-right,
.el-tabs--left .el-tabs__nav-scroll,
.el-tabs--right .el-tabs__header.is-left,
.el-tabs--right .el-tabs__header.is-right,
.el-tabs--right .el-tabs__nav-wrap.is-left,
.el-tabs--right .el-tabs__nav-wrap.is-right,
.el-tabs--right .el-tabs__nav-scroll {
    height: 100%
}

.el-tabs--left .el-tabs__active-bar.is-left,
.el-tabs--left .el-tabs__active-bar.is-right,
.el-tabs--right .el-tabs__active-bar.is-left,
.el-tabs--right .el-tabs__active-bar.is-right {
    top   : 0;
    bottom: auto;
    width : 2px;
    height: auto
}

.el-tabs--left .el-tabs__nav-wrap.is-left,
.el-tabs--left .el-tabs__nav-wrap.is-right,
.el-tabs--right .el-tabs__nav-wrap.is-left,
.el-tabs--right .el-tabs__nav-wrap.is-right {
    margin-bottom: 0
}

.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,
.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,
.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev,
.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next,
.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,
.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,
.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev,
.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next {
    height     : 30px;
    line-height: 30px;
    width      : 100%;
    text-align : center;
    cursor     : pointer
}

.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev i,
.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next i,
.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev i,
.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next i,
.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev i,
.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next i,
.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev i,
.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next i {
    transform: rotate(90deg)
}

.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,
.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev,
.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,
.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev {
    left: auto;
    top : 0
}

.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,
.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next,
.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,
.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next {
    right : auto;
    bottom: 0
}

.el-tabs--left .el-tabs__nav-wrap.is-left.is-scrollable,
.el-tabs--left .el-tabs__nav-wrap.is-right.is-scrollable,
.el-tabs--right .el-tabs__nav-wrap.is-left.is-scrollable,
.el-tabs--right .el-tabs__nav-wrap.is-right.is-scrollable {
    padding: 30px 0
}

.el-tabs--left .el-tabs__nav-wrap.is-left:after,
.el-tabs--left .el-tabs__nav-wrap.is-right:after,
.el-tabs--right .el-tabs__nav-wrap.is-left:after,
.el-tabs--right .el-tabs__nav-wrap.is-right:after {
    height: 100%;
    width : 2px;
    bottom: auto;
    top   : 0
}

.el-tabs--left .el-tabs__nav.is-left,
.el-tabs--left .el-tabs__nav.is-right,
.el-tabs--right .el-tabs__nav.is-left,
.el-tabs--right .el-tabs__nav.is-right {
    flex-direction: column
}

.el-tabs--left .el-tabs__item.is-left,
.el-tabs--right .el-tabs__item.is-left {
    justify-content: flex-end
}

.el-tabs--left .el-tabs__item.is-right,
.el-tabs--right .el-tabs__item.is-right {
    justify-content: flex-start
}

.el-tabs--left .el-tabs__header.is-left {
    float        : left;
    margin-bottom: 0;
    margin-right : 10px
}

.el-tabs--left .el-tabs__nav-wrap.is-left {
    margin-right: -1px
}

.el-tabs--left .el-tabs__nav-wrap.is-left:after {
    left : auto;
    right: 0
}

.el-tabs--left .el-tabs__active-bar.is-left {
    right: 0;
    left : auto
}

.el-tabs--left .el-tabs__item.is-left {
    text-align: right
}

.el-tabs--left.el-tabs--card .el-tabs__active-bar.is-left {
    display: none
}

.el-tabs--left.el-tabs--card .el-tabs__item.is-left {
    border-left  : none;
    border-right : 1px solid var(--el-border-color-light);
    border-bottom: none;
    border-top   : 1px solid var(--el-border-color-light);
    text-align   : left
}

.el-tabs--left.el-tabs--card .el-tabs__item.is-left:first-child {
    border-right: 1px solid var(--el-border-color-light);
    border-top  : none
}

.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active {
    border            : 1px solid var(--el-border-color-light);
    border-right-color: #fff;
    border-left       : none;
    border-bottom     : none
}

.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:first-child {
    border-top: none
}

.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:last-child {
    border-bottom: none
}

.el-tabs--left.el-tabs--card .el-tabs__nav {
    border-radius: 4px 0 0 4px;
    border-bottom: 1px solid var(--el-border-color-light);
    border-right : none
}

.el-tabs--left.el-tabs--card .el-tabs__new-tab {
    float: none
}

.el-tabs--left.el-tabs--border-card .el-tabs__header.is-left {
    border-right: 1px solid var(--el-border-color)
}

.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left {
    border: 1px solid transparent;
    margin: -1px 0 -1px -1px
}

.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left.is-active {
    border-color       : transparent;
    border-top-color   : #d1dbe5;
    border-bottom-color: #d1dbe5
}

.el-tabs--right .el-tabs__header.is-right {
    float        : right;
    margin-bottom: 0;
    margin-left  : 10px
}

.el-tabs--right .el-tabs__nav-wrap.is-right {
    margin-left: -1px
}

.el-tabs--right .el-tabs__nav-wrap.is-right:after {
    left : 0;
    right: auto
}

.el-tabs--right .el-tabs__active-bar.is-right {
    left: 0
}

.el-tabs--right.el-tabs--card .el-tabs__active-bar.is-right {
    display: none
}

.el-tabs--right.el-tabs--card .el-tabs__item.is-right {
    border-bottom: none;
    border-top   : 1px solid var(--el-border-color-light)
}

.el-tabs--right.el-tabs--card .el-tabs__item.is-right:first-child {
    border-left: 1px solid var(--el-border-color-light);
    border-top : none
}

.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active {
    border           : 1px solid var(--el-border-color-light);
    border-left-color: #fff;
    border-right     : none;
    border-bottom    : none
}

.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:first-child {
    border-top: none
}

.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:last-child {
    border-bottom: none
}

.el-tabs--right.el-tabs--card .el-tabs__nav {
    border-radius: 0 4px 4px 0;
    border-bottom: 1px solid var(--el-border-color-light);
    border-left  : none
}

.el-tabs--right.el-tabs--border-card .el-tabs__header.is-right {
    border-left: 1px solid var(--el-border-color)
}

.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right {
    border: 1px solid transparent;
    margin: -1px -1px -1px 0
}

.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right.is-active {
    border-color       : transparent;
    border-top-color   : #d1dbe5;
    border-bottom-color: #d1dbe5
}

.slideInRight-transition,
.slideInLeft-transition {
    display: inline-block
}

.slideInRight-enter {
    animation: slideInRight-enter var(--el-transition-duration)
}

.slideInRight-leave {
    position : absolute;
    left     : 0;
    right    : 0;
    animation: slideInRight-leave var(--el-transition-duration)
}

.slideInLeft-enter {
    animation: slideInLeft-enter var(--el-transition-duration)
}

.slideInLeft-leave {
    position : absolute;
    left     : 0;
    right    : 0;
    animation: slideInLeft-leave var(--el-transition-duration)
}

@keyframes slideInRight-enter {
    0% {
        opacity         : 0;
        transform-origin: 0 0;
        transform       : translate(100%)
    }

    to {
        opacity         : 1;
        transform-origin: 0 0;
        transform       : translate(0)
    }
}

@keyframes slideInRight-leave {
    0% {
        transform-origin: 0 0;
        transform       : translate(0);
        opacity         : 1
    }

    to {
        transform-origin: 0 0;
        transform       : translate(100%);
        opacity         : 0
    }
}

@keyframes slideInLeft-enter {
    0% {
        opacity         : 0;
        transform-origin: 0 0;
        transform       : translate(-100%)
    }

    to {
        opacity         : 1;
        transform-origin: 0 0;
        transform       : translate(0)
    }
}

@keyframes slideInLeft-leave {
    0% {
        transform-origin: 0 0;
        transform       : translate(0);
        opacity         : 1
    }

    to {
        transform-origin: 0 0;
        transform       : translate(-100%);
        opacity         : 0
    }
}

.el-button-group {
    display       : inline-block;
    vertical-align: middle
}

.el-button-group:before,
.el-button-group:after {
    display: table;
    content: ""
}

.el-button-group:after {
    clear: both
}

.el-button-group>.el-button {
    float   : left;
    position: relative
}

.el-button-group>.el-button+.el-button {
    margin-left: 0
}

.el-button-group>.el-button:first-child {
    border-top-right-radius   : 0;
    border-bottom-right-radius: 0
}

.el-button-group>.el-button:last-child {
    border-top-left-radius   : 0;
    border-bottom-left-radius: 0
}

.el-button-group>.el-button:first-child:last-child {
    border-top-right-radius   : var(--el-border-radius-base);
    border-bottom-right-radius: var(--el-border-radius-base);
    border-top-left-radius    : var(--el-border-radius-base);
    border-bottom-left-radius : var(--el-border-radius-base)
}

.el-button-group>.el-button:first-child:last-child.is-round {
    border-radius: var(--el-border-radius-round)
}

.el-button-group>.el-button:first-child:last-child.is-circle {
    border-radius: 50%
}

.el-button-group>.el-button:not(:first-child):not(:last-child) {
    border-radius: 0
}

.el-button-group>.el-button:not(:last-child) {
    margin-right: -1px
}

.el-button-group>.el-button:hover,
.el-button-group>.el-button:focus,
.el-button-group>.el-button:active {
    z-index: 1
}

.el-button-group>.el-button.is-active {
    z-index: 1
}

.el-button-group>.el-dropdown>.el-button {
    border-top-left-radius   : 0;
    border-bottom-left-radius: 0;
    border-left-color        : var(--el-button-divide-border-color)
}

.el-button-group .el-button--primary:first-child {
    border-right-color: var(--el-button-divide-border-color)
}

.el-button-group .el-button--primary:last-child {
    border-left-color: var(--el-button-divide-border-color)
}

.el-button-group .el-button--primary:not(:first-child):not(:last-child) {
    border-left-color : var(--el-button-divide-border-color);
    border-right-color: var(--el-button-divide-border-color)
}

.el-button-group .el-button--success:first-child {
    border-right-color: var(--el-button-divide-border-color)
}

.el-button-group .el-button--success:last-child {
    border-left-color: var(--el-button-divide-border-color)
}

.el-button-group .el-button--success:not(:first-child):not(:last-child) {
    border-left-color : var(--el-button-divide-border-color);
    border-right-color: var(--el-button-divide-border-color)
}

.el-button-group .el-button--warning:first-child {
    border-right-color: var(--el-button-divide-border-color)
}

.el-button-group .el-button--warning:last-child {
    border-left-color: var(--el-button-divide-border-color)
}

.el-button-group .el-button--warning:not(:first-child):not(:last-child) {
    border-left-color : var(--el-button-divide-border-color);
    border-right-color: var(--el-button-divide-border-color)
}

.el-button-group .el-button--danger:first-child {
    border-right-color: var(--el-button-divide-border-color)
}

.el-button-group .el-button--danger:last-child {
    border-left-color: var(--el-button-divide-border-color)
}

.el-button-group .el-button--danger:not(:first-child):not(:last-child) {
    border-left-color : var(--el-button-divide-border-color);
    border-right-color: var(--el-button-divide-border-color)
}

.el-button-group .el-button--info:first-child {
    border-right-color: var(--el-button-divide-border-color)
}

.el-button-group .el-button--info:last-child {
    border-left-color: var(--el-button-divide-border-color)
}

.el-button-group .el-button--info:not(:first-child):not(:last-child) {
    border-left-color : var(--el-button-divide-border-color);
    border-right-color: var(--el-button-divide-border-color)
}

.el-dropdown {
    --el-dropdown-menu-box-shadow     : var(--el-box-shadow-light);
    --el-dropdown-menuItem-hover-fill : var(--el-color-primary-light-9);
    --el-dropdown-menuItem-hover-color: var(--el-color-primary);
    --el-dropdown-menu-index          : 10;
    display                           : inline-flex;
    position                          : relative;
    color                             : var(--el-text-color-regular);
    font-size                         : var(--el-font-size-base);
    line-height                       : 1;
    vertical-align                    : top
}

.el-dropdown.is-disabled {
    color : var(--el-text-color-placeholder);
    cursor: not-allowed
}

.el-dropdown__popper {
    --el-dropdown-menu-box-shadow     : var(--el-box-shadow-light);
    --el-dropdown-menuItem-hover-fill : var(--el-color-primary-light-9);
    --el-dropdown-menuItem-hover-color: var(--el-color-primary);
    --el-dropdown-menu-index          : 10
}

.el-dropdown__popper.el-popper {
    background: var(--el-bg-color-overlay);
    border    : 1px solid var(--el-border-color-light);
    box-shadow: var(--el-dropdown-menu-box-shadow)
}

.el-dropdown__popper.el-popper .el-popper__arrow:before {
    border: 1px solid var(--el-border-color-light)
}

.el-dropdown__popper.el-popper[data-popper-placement^=top] .el-popper__arrow:before {
    border-top-color : transparent;
    border-left-color: transparent
}

.el-dropdown__popper.el-popper[data-popper-placement^=bottom] .el-popper__arrow:before {
    border-bottom-color: transparent;
    border-right-color : transparent
}

.el-dropdown__popper.el-popper[data-popper-placement^=left] .el-popper__arrow:before {
    border-left-color  : transparent;
    border-bottom-color: transparent
}

.el-dropdown__popper.el-popper[data-popper-placement^=right] .el-popper__arrow:before {
    border-right-color: transparent;
    border-top-color  : transparent
}

.el-dropdown__popper .el-dropdown-menu {
    border: none
}

.el-dropdown__popper .el-dropdown__popper-selfdefine {
    outline: none
}

.el-dropdown__popper .el-scrollbar__bar {
    z-index: calc(var(--el-dropdown-menu-index) + 1)
}

.el-dropdown__popper .el-dropdown__list {
    list-style: none;
    padding   : 0;
    margin    : 0;
    box-sizing: border-box
}

.el-dropdown .el-dropdown__caret-button {
    padding-left   : 0;
    padding-right  : 0;
    display        : inline-flex;
    justify-content: center;
    align-items    : center;
    width          : 32px;
    border-left    : none
}

.el-dropdown .el-dropdown__caret-button>span {
    display: inline-flex
}

.el-dropdown .el-dropdown__caret-button:before {
    content   : "";
    position  : absolute;
    display   : block;
    width     : 1px;
    top       : -1px;
    bottom    : -1px;
    left      : 0;
    background: var(--el-overlay-color-lighter)
}

.el-dropdown .el-dropdown__caret-button.el-button:before {
    background: var(--el-border-color);
    opacity   : .5
}

.el-dropdown .el-dropdown__caret-button .el-dropdown__icon {
    font-size   : inherit;
    padding-left: 0
}

.el-dropdown .el-dropdown-selfdefine {
    outline: none
}

.el-dropdown--large .el-dropdown__caret-button {
    width: 40px
}

.el-dropdown--small .el-dropdown__caret-button {
    width: 24px
}

.el-dropdown-menu {
    position        : relative;
    top             : 0;
    left            : 0;
    z-index         : var(--el-dropdown-menu-index);
    padding         : 5px 0;
    margin          : 0;
    background-color: var(--el-bg-color-overlay);
    border          : none;
    border-radius   : var(--el-border-radius-base);
    box-shadow      : none;
    list-style      : none
}

.el-dropdown-menu__item {
    display    : flex;
    align-items: center;
    white-space: nowrap;
    list-style : none;
    line-height: 22px;
    padding    : 5px 16px;
    margin     : 0;
    font-size  : var(--el-font-size-base);
    color      : var(--el-text-color-regular);
    cursor     : pointer;
    outline    : none
}

.el-dropdown-menu__item:not(.is-disabled):focus {
    background-color: var(--el-dropdown-menuItem-hover-fill);
    color           : var(--el-dropdown-menuItem-hover-color)
}

.el-dropdown-menu__item i {
    margin-right: 5px
}

.el-dropdown-menu__item--divided {
    margin    : 6px 0;
    border-top: 1px solid var(--el-border-color-lighter)
}

.el-dropdown-menu__item.is-disabled {
    cursor: not-allowed;
    color : var(--el-text-color-disabled)
}

.el-dropdown-menu--large {
    padding: 7px 0
}

.el-dropdown-menu--large .el-dropdown-menu__item {
    padding    : 7px 20px;
    line-height: 22px;
    font-size  : 14px
}

.el-dropdown-menu--large .el-dropdown-menu__item--divided {
    margin: 8px 0
}

.el-dropdown-menu--small {
    padding: 3px 0
}

.el-dropdown-menu--small .el-dropdown-menu__item {
    padding    : 2px 12px;
    line-height: 20px;
    font-size  : 12px
}

.el-dropdown-menu--small .el-dropdown-menu__item--divided {
    margin: 4px 0
}

.el-popper {
    --ele-popper-bg          : var(--el-bg-color-overlay);
    --ele-popper-border      : none;
    --ele-popper-radius      : var(--el-border-radius-base);
    --ele-popper-shadow      : var(--el-box-shadow-light);
    --ele-popper-arrow-bg    : var(--ele-popper-bg);
    --ele-popper-arrow-size  : 8px;
    --ele-popper-arrow-offset: -4px;
    --ele-popper-arrow-shadow: 0 0 8px 0 rgba(0, 0, 0, .06)
}

.el-popper.is-dark,
.ele-tooltip {
    --ele-tooltip-color       : #fff;
    --ele-tooltip-font-size   : var(--el-font-size-small);
    --ele-tooltip-line-height : 22px;
    --ele-tooltip-padding     : 6px 12px;
    --ele-tooltip-bg          : #000;
    --ele-tooltip-border      : none;
    --ele-tooltip-radius      : var(--el-border-radius-base);
    --ele-tooltip-shadow      : 0 0 8px 0 rgba(0, 0, 0, .06);
    --ele-tooltip-arrow-bg    : var(--ele-tooltip-bg);
    --ele-tooltip-arrow-shadow: 0 0 8px 0 rgba(0, 0, 0, .06)
}

.ele-tooltip.is-light {
    --ele-tooltip-light-color       : var(--el-text-color-primary);
    --ele-tooltip-light-bg          : var(--el-bg-color-overlay);
    --ele-tooltip-light-border      : none;
    --ele-tooltip-light-shadow      : var(--ele-popper-shadow);
    --ele-tooltip-light-arrow-bg    : var(--ele-tooltip-light-bg);
    --ele-tooltip-light-arrow-shadow: var(--ele-popper-arrow-shadow)
}

.ele-popper.el-popper {
    border-radius: var(--ele-popper-radius)
}

.ele-popper.el-popper.is-light {
    background: var(--ele-popper-bg);
    border    : var(--ele-popper-border);
    box-shadow: var(--ele-popper-shadow)
}

.ele-popper.el-popper.is-light>.el-popper__arrow:before {
    background: var(--ele-popper-arrow-bg);
    border    : var(--ele-popper-border);
    box-shadow: var(--ele-popper-arrow-shadow)
}

.ele-popper.el-popper .el-popper__arrow {
    width : var(--ele-popper-arrow-size);
    height: var(--ele-popper-arrow-size)
}

.ele-popper.el-popper .el-popper__arrow:before {
    width : var(--ele-popper-arrow-size);
    height: var(--ele-popper-arrow-size)
}

.ele-popper.el-popper[data-popper-placement^=top]>.el-popper__arrow {
    bottom: var(--ele-popper-arrow-offset)
}

.ele-popper.el-popper[data-popper-placement^=bottom]>.el-popper__arrow {
    top: var(--ele-popper-arrow-offset)
}

.ele-popper.el-popper[data-popper-placement^=left]>.el-popper__arrow {
    right: var(--ele-popper-arrow-offset)
}

.ele-popper.el-popper[data-popper-placement^=right]>.el-popper__arrow {
    left: var(--ele-popper-arrow-offset)
}

.ele-popper.el-popper.is-dark {
    color        : var(--ele-tooltip-color);
    font-size    : var(--ele-tooltip-font-size);
    line-height  : var(--ele-tooltip-line-height);
    padding      : var(--ele-tooltip-padding);
    background   : var(--ele-tooltip-bg);
    border       : var(--ele-tooltip-border);
    box-shadow   : var(--ele-tooltip-shadow);
    border-radius: var(--ele-tooltip-radius)
}

.ele-popper.el-popper.is-dark>.el-popper__arrow:before {
    background: var(--ele-tooltip-arrow-bg);
    border    : var(--ele-tooltip-border);
    box-shadow: var(--ele-tooltip-arrow-shadow)
}

.ele-tooltip-body,
.ele-popover-body {
    background   : inherit;
    border-radius: inherit;
    box-sizing   : border-box
}

.ele-tooltip-body {
    padding : var(--ele-tooltip-padding);
    position: relative;
    z-index : 2
}

.ele-popper.el-popper.ele-tooltip {
    color        : var(--ele-tooltip-color);
    font-size    : var(--ele-tooltip-font-size);
    line-height  : var(--ele-tooltip-line-height);
    padding      : 0;
    background   : var(--ele-tooltip-bg);
    border       : var(--ele-tooltip-border);
    box-shadow   : var(--ele-tooltip-shadow);
    border-radius: var(--ele-tooltip-radius)
}

.ele-popper.el-popper.ele-tooltip>.el-popper__arrow:before {
    background: var(--ele-tooltip-arrow-bg);
    border    : var(--ele-tooltip-border);
    box-shadow: var(--ele-tooltip-arrow-shadow)
}

.ele-popper.el-popper.ele-tooltip.is-dark {
    padding: 0
}

.ele-popper.el-popper.ele-tooltip.is-light {
    color     : var(--ele-tooltip-light-color);
    background: var(--ele-tooltip-light-bg);
    border    : var(--ele-tooltip-light-border);
    box-shadow: var(--ele-tooltip-light-shadow)
}

.ele-popper.el-popper.ele-tooltip.is-light>.el-popper__arrow:before {
    background: var(--ele-tooltip-light-arrow-bg);
    border    : var(--ele-tooltip-light-border);
    box-shadow: var(--ele-tooltip-light-arrow-shadow)
}

.ele-popper.el-popper.ele-tooltip.is-danger,
.ele-popper.el-popper.ele-tooltip.is-danger>.el-popper__arrow:before {
    background  : var(--el-color-danger);
    border-color: var(--el-color-danger)
}

.ele-popper.el-popper.ele-tooltip.is-warning,
.ele-popper.el-popper.ele-tooltip.is-warning>.el-popper__arrow:before {
    background  : var(--el-color-warning);
    border-color: var(--el-color-warning)
}

.ele-popper.el-popper.ele-tooltip.is-success,
.ele-popper.el-popper.ele-tooltip.is-success>.el-popper__arrow:before {
    background  : var(--el-color-success);
    border-color: var(--el-color-success)
}

.ele-popover {
    --ele-popover-color            : var(--el-text-color-regular);
    --ele-popover-font-size        : var(--el-font-size-base);
    --ele-popover-padding          : 12px 16px;
    --ele-popover-title-color      : var(--el-text-color-primary);
    --ele-popover-title-font-size  : var(--el-font-size-base);
    --ele-popover-title-font-weight: bold;
    --ele-popover-title-padding    : 8px 16px;
    --ele-popover-title-border     : 1px solid var(--el-border-color-light)
}

.ele-popper.ele-popover {
    color      : var(--ele-popover-color);
    font-size  : var(--ele-popover-font-size);
    line-height: inherit;
    text-align : left;
    min-width  : 150px;
    padding    : 0
}

.ele-popover-content {
    padding   : var(--ele-popover-padding);
    box-sizing: border-box
}

.ele-popover-title {
    color        : var(--ele-popover-title-color);
    font-size    : var(--ele-popover-title-font-size);
    font-weight  : var(--ele-popover-title-font-weight);
    padding      : var(--ele-popover-title-padding);
    border-bottom: var(--ele-popover-title-border)
}

.ele-dropdown {
    --ele-dropdown-padding                : 6px 0;
    --ele-dropdown-item-height            : 32px;
    --ele-dropdown-item-margin            : 0;
    --ele-dropdown-item-padding           : 0 16px;
    --ele-dropdown-item-radius            : 0;
    --ele-dropdown-item-font-size         : var(--el-font-size-base);
    --ele-dropdown-item-color             : var(--el-text-color-regular);
    --ele-dropdown-item-hover-color       : var(--el-text-color-primary);
    --ele-dropdown-item-hover-bg          : var(--el-fill-color-light);
    --ele-dropdown-item-active-color      : var(--el-color-primary);
    --ele-dropdown-item-active-bg         : var(--el-color-primary-light-9);
    --ele-dropdown-item-active-hover-bg   : var(--el-color-primary-light-8);
    --ele-dropdown-item-active-font-weight: bold;
    --ele-dropdown-item-danger-color      : var(--el-color-danger);
    --ele-dropdown-item-danger-bg         : var(--el-color-danger-light-9);
    --ele-dropdown-icon-size              : 16px;
    --ele-dropdown-icon-margin            : 0 8px 0 -2px;
    --ele-dropdown-sm-padding             : 3px 0;
    --ele-dropdown-sm-item-height         : 24px;
    --ele-dropdown-sm-item-padding        : 0 12px;
    --ele-dropdown-sm-item-font-size      : var(--el-font-size-extra-small);
    --ele-dropdown-lg-padding             : 8px 0;
    --ele-dropdown-lg-item-height         : 36px;
    --ele-dropdown-lg-item-padding        : 0 20px;
    --ele-dropdown-lg-item-font-size      : var(--el-font-size-base)
}

.el-dropdown.ele-dropdown-text {
    color      : inherit;
    font-size  : inherit;
    line-height: inherit
}

.ele-dropdown-text>.el-tooltip__trigger {
    outline: none
}

.ele-dropdown>.el-scrollbar {
    background   : inherit;
    border-radius: inherit
}

.ele-dropdown .el-dropdown-menu {
    background   : none;
    border-radius: 0;
    padding      : var(--ele-dropdown-padding);
    box-sizing   : border-box
}

.ele-dropdown .el-dropdown-menu__item {
    height       : var(--ele-dropdown-item-height);
    line-height  : var(--ele-dropdown-item-height);
    color        : var(--ele-dropdown-item-color);
    font-size    : var(--ele-dropdown-item-font-size);
    padding      : var(--ele-dropdown-item-padding);
    border-radius: var(--ele-dropdown-item-radius);
    transition   : color .2s, background-color .2s
}

.ele-dropdown .el-dropdown-menu__item+.el-dropdown-menu__item {
    margin-top: var(--ele-dropdown-item-margin)
}

.ele-dropdown .el-dropdown-menu__item>.el-icon {
    font-size: var(--ele-dropdown-icon-size);
    margin   : var(--ele-dropdown-icon-margin)
}

.ele-dropdown .el-dropdown-menu__item:not(.is-disabled):hover,
.ele-dropdown .el-dropdown-menu__item:not(.is-disabled):focus {
    color     : var(--ele-dropdown-item-hover-color);
    background: var(--ele-dropdown-item-hover-bg)
}

.ele-dropdown .el-dropdown-menu__item:not(.is-disabled).is-active {
    color      : var(--ele-dropdown-item-active-color);
    background : var(--ele-dropdown-item-active-bg);
    font-weight: var(--ele-dropdown-item-active-font-weight)
}

.ele-dropdown .el-dropdown-menu__item:not(.is-disabled).is-active:hover,
.ele-dropdown .el-dropdown-menu__item:not(.is-disabled).is-active:focus {
    background: var(--ele-dropdown-item-active-hover-bg)
}

.ele-dropdown .el-dropdown-menu__item:not(.is-disabled).is-danger {
    color: var(--ele-dropdown-item-danger-color)
}

.ele-dropdown .el-dropdown-menu__item:not(.is-disabled).is-danger.is-active {
    background: var(--ele-dropdown-item-danger-bg)
}

.ele-dropdown .el-dropdown-menu--small {
    padding: var(--ele-dropdown-sm-padding)
}

.ele-dropdown .el-dropdown-menu--small .el-dropdown-menu__item {
    height     : var(--ele-dropdown-sm-item-height);
    line-height: var(--ele-dropdown-sm-item-height);
    font-size  : var(--ele-dropdown-sm-item-font-size);
    padding    : var(--ele-dropdown-sm-item-padding)
}

.ele-dropdown .el-dropdown-menu--large {
    padding: var(--ele-dropdown-lg-padding)
}

.ele-dropdown .el-dropdown-menu--large .el-dropdown-menu__item {
    height     : var(--ele-dropdown-lg-item-height);
    line-height: var(--ele-dropdown-lg-item-height);
    font-size  : var(--ele-dropdown-lg-item-font-size);
    padding    : var(--ele-dropdown-lg-item-padding)
}

.ele-tabs,
.ele-tab-tool {
    --ele-tab-bg                 : var(--el-bg-color);
    --ele-tab-header-bg          : var(--el-fill-color-lighter);
    --ele-tab-line-color         : var(--el-border-color-light);
    --ele-tab-height             : 40px;
    --ele-tab-padding            : 16px;
    --ele-tab-color              : var(--el-text-color-regular);
    --ele-tab-font-size          : var(--el-font-size-base);
    --ele-tab-hover-color        : var(--el-color-primary);
    --ele-tab-active-color       : var(--el-color-primary);
    --ele-tab-close-size         : var(--el-font-size-base);
    --ele-tab-close-color        : var(--el-text-color-secondary);
    --ele-tab-close-font-size    : var(--el-font-size-base);
    --ele-tab-close-radius       : 50%;
    --ele-tab-close-hover-color  : #fff;
    --ele-tab-close-hover-bg     : var(--el-color-error);
    --ele-tab-tool-color         : var(--el-text-color-secondary);
    --ele-tab-tool-font-size     : var(--el-font-size-base);
    --ele-tab-tool-hover-color   : var(--el-text-color-primary);
    --ele-tab-hover-index        : 2;
    --ele-tab-active-index       : 3;
    --ele-tab-transition         : color, background-color, border-color, box-shadow;
    --ele-tab-scroll-left-shadow : inset 10px 0 10px -10px rgba(0, 0, 0, .15);
    --ele-tab-scroll-right-shadow: inset -10px 0 10px -10px rgba(0, 0, 0, .15)
}

.ele-tabs.is-small,
.ele-tab-wrap.is-small .ele-tab-tool {
    --ele-tab-sm-height         : 32px;
    --ele-tab-sm-padding        : 12px;
    --ele-tab-sm-font-size      : var(--el-font-size-small);
    --ele-tab-sm-close-size     : var(--el-font-size-small);
    --ele-tab-sm-close-font-size: var(--el-font-size-small);
    --ele-tab-sm-tool-font-size : var(--el-font-size-small)
}

.ele-tabs.is-large,
.ele-tab-wrap.is-large .ele-tab-tool {
    --ele-tab-lg-height         : 52px;
    --ele-tab-lg-padding        : 22px;
    --ele-tab-lg-font-size      : var(--el-font-size-medium);
    --ele-tab-lg-close-size     : var(--el-font-size-medium);
    --ele-tab-lg-close-font-size: var(--el-font-size-medium);
    --ele-tab-lg-tool-font-size : var(--el-font-size-medium)
}

.ele-tabs.is-simple,
.ele-tabs.is-indicator,
.ele-tab-wrap.is-simple .ele-tab-tool,
.ele-tab-wrap.is-indicator .ele-tab-tool {
    --ele-tab-simple-radius       : 0;
    --ele-tab-simple-hover-color  : var(--el-text-color-primary);
    --ele-tab-simple-hover-bg     : rgba(0, 0, 0, .025);
    --ele-tab-simple-active-color : var(--el-color-primary);
    --ele-tab-simple-active-bg    : var(--el-color-primary-light-9);
    --ele-tab-simple-active-weight: normal;
    --ele-tab-simple-active-line  : 2px;
    --ele-tab-simple-line-display : block;
    --ele-tab-simple-angle-size   : 0px;
    --ele-tab-simple-angle-display: none;
    --ele-tab-simple-tool-hover-bg: var(--ele-tab-simple-hover-bg)
}

.ele-tabs.is-indicator {
    --ele-tab-indicator-size       : 8px;
    --ele-tab-indicator-color      : #d9d9d9;
    --ele-tab-indicator-hover-color: #d9d9d9;
    --ele-tab-indicator-margin     : 6px
}

.ele-tabs.is-button,
.ele-tab-wrap.is-button .ele-tab-tool,
.ele-admin-tab-card .ele-admin-tabs {
    --ele-tab-button-space        : 8px;
    --ele-tab-button-radius       : 4px;
    --ele-tab-button-bg           : hsla(0, 0%, 100%, .68);
    --ele-tab-button-hover-bg     : var(--el-bg-color);
    --ele-tab-button-active-bg    : var(--el-bg-color-overlay);
    --ele-tab-button-active-shadow: none;
    --ele-tab-button-active-weight: normal
}

.ele-tabs.el-tabs>.el-tabs__header {
    margin: 0
}

.ele-tabs.el-tabs>.el-tabs__header .el-tabs__nav-wrap {
    margin    : 0;
    padding   : 0;
    display   : flex;
    box-sizing: border-box
}

.ele-tabs.el-tabs>.el-tabs__header .el-tabs__nav-wrap:after {
    height    : .8px;
    background: var(--ele-tab-line-color)
}

.ele-tabs.el-tabs>.el-tabs__header .el-tabs__nav-scroll {
    flex: 1
}

.ele-tabs.el-tabs>.el-tabs__header .el-tabs__nav {
    float     : none;
    width     : max-content;
    display   : inline-flex;
    box-sizing: border-box
}

.ele-tabs.el-tabs>.el-tabs__header .el-tabs__item {
    display            : block;
    height             : var(--ele-tab-height);
    line-height        : var(--ele-tab-height);
    color              : var(--ele-tab-color);
    font-size          : var(--ele-tab-font-size);
    transition-duration: .2s;
    transition-property: var(--ele-tab-transition);
    border             : none;
    margin             : 0
}

.ele-tabs.el-tabs>.el-tabs__header .el-tabs__item:hover {
    color: var(--ele-tab-hover-color)
}

.ele-tabs.el-tabs>.el-tabs__header .el-tabs__item.is-active {
    color: var(--ele-tab-active-color)
}

.ele-tabs.el-tabs>.el-tabs__header .el-tabs__nav-wrap .el-tabs__nav-scroll .el-tabs__nav .el-tabs__item,
.ele-tabs.el-tabs>.el-tabs__header .el-tabs__nav-wrap .el-tabs__nav-scroll .el-tabs__nav .el-tabs__item.is-closable,
.ele-tabs.el-tabs>.el-tabs__header .el-tabs__nav-wrap .el-tabs__nav-scroll .el-tabs__nav .el-tabs__item.is-top.is-closable {
    padding: 0
}

.ele-tabs.el-tabs>.el-tabs__header .el-tabs__item>.el-dropdown {
    color      : inherit;
    font-size  : inherit;
    line-height: inherit;
    position   : static;
    cursor     : inherit;
    display    : block
}

.ele-tabs.el-tabs>.el-tabs__header .ele-tab-title {
    padding   : 0 var(--ele-tab-padding);
    box-sizing: border-box;
    outline   : none
}

.ele-tabs.el-tabs>.el-tabs__header .el-tabs__item.is-closable .ele-tab-title {
    padding-right: calc(var(--ele-tab-padding) + var(--ele-tab-close-size) / 2 + var(--ele-tab-padding) / 4)
}

.ele-tabs.el-tabs>.el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item .is-icon-close {
    margin       : 0;
    width        : var(--ele-tab-close-size);
    height       : var(--ele-tab-close-size);
    color        : var(--ele-tab-close-color);
    font-size    : var(--ele-tab-close-font-size);
    border-radius: var(--ele-tab-close-radius);
    position     : absolute;
    right        : calc(var(--ele-tab-padding) / 2);
    top          : 50%;
    transform    : translateY(-50%);
    transition   : color .2s, background-color .2s
}

.ele-tabs.el-tabs>.el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item .is-icon-close>svg {
    margin        : 0;
    pointer-events: none
}

.ele-tabs.el-tabs>.el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item .is-icon-close:hover {
    color     : var(--ele-tab-close-hover-color);
    background: var(--ele-tab-close-hover-bg)
}

.ele-tabs.el-tabs>.el-tabs__header .el-tabs__item.sortable-ghost {
    opacity: 0
}

.ele-tabs.el-tabs>.el-tabs__header .el-tabs__nav-prev,
.ele-tabs.el-tabs>.el-tabs__header .el-tabs__nav-next {
    flex-shrink    : 0;
    width          : var(--ele-tab-height);
    height         : var(--ele-tab-height);
    line-height    : var(--ele-tab-height);
    color          : var(--ele-tab-tool-color);
    font-size      : var(--ele-tab-tool-font-size);
    transition     : color .2s, background-color .2s;
    box-sizing     : border-box;
    display        : flex;
    align-items    : center;
    justify-content: center;
    position       : relative;
    right          : auto;
    left           : auto
}

.ele-tabs.el-tabs>.el-tabs__header .el-tabs__nav-prev:not(.is-disabled):hover,
.ele-tabs.el-tabs>.el-tabs__header .el-tabs__nav-next:not(.is-disabled):hover {
    color: var(--ele-tab-tool-hover-color)
}

.ele-tabs.el-tabs>.el-tabs__header .el-tabs__nav-prev.is-disabled,
.ele-tabs.el-tabs>.el-tabs__header .el-tabs__nav-next.is-disabled {
    cursor: not-allowed
}

.ele-tabs.el-tabs>.el-tabs__header .el-tabs__nav-prev:before,
.ele-tabs.el-tabs>.el-tabs__header .el-tabs__nav-next:before {
    content       : "";
    width         : 10px;
    position      : absolute;
    top           : 0;
    bottom        : -1px;
    transition    : box-shadow .2s;
    pointer-events: none;
    z-index       : calc(var(--ele-tab-active-index) + 1)
}

.ele-tabs.el-tabs>.el-tabs__header .el-tabs__nav-prev:before {
    right: -10px
}

.ele-tabs.el-tabs>.el-tabs__header .el-tabs__nav-next:before {
    left: -10px
}

.ele-tabs.el-tabs>.el-tabs__header .el-tabs__nav-prev:not(.is-disabled):before {
    box-shadow: var(--ele-tab-scroll-left-shadow)
}

.ele-tabs.el-tabs>.el-tabs__header .el-tabs__nav-next:not(.is-disabled):before {
    box-shadow: var(--ele-tab-scroll-right-shadow)
}

.ele-tabs.el-tabs>.el-tabs__header .el-tabs__nav-next {
    order: 1
}

.ele-tabs.is-small>.el-tabs__header .el-tabs__item {
    height     : var(--ele-tab-sm-height);
    line-height: var(--ele-tab-sm-height);
    font-size  : var(--ele-tab-sm-font-size)
}

.ele-tabs.is-small>.el-tabs__header .ele-tab-title {
    padding: 0 var(--ele-tab-sm-padding)
}

.ele-tabs.is-small>.el-tabs__header .el-tabs__item.is-closable .ele-tab-title {
    padding-right: calc(var(--ele-tab-sm-padding) + var(--ele-tab-sm-close-size) / 2 + var(--ele-tab-sm-padding) / 4)
}

.ele-tabs.is-small>.el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item .is-icon-close {
    width    : var(--ele-tab-sm-close-size);
    height   : var(--ele-tab-sm-close-size);
    font-size: var(--ele-tab-sm-close-font-size);
    right    : calc(var(--ele-tab-sm-padding) / 2)
}

.ele-tabs.is-small>.el-tabs__header .el-tabs__nav-prev,
.ele-tabs.is-small>.el-tabs__header .el-tabs__nav-next {
    width    : var(--ele-tab-sm-height);
    height   : var(--ele-tab-sm-height);
    font-size: var(--ele-tab-sm-tool-font-size)
}

.ele-tabs.is-large>.el-tabs__header .el-tabs__item {
    height     : var(--ele-tab-lg-height);
    line-height: var(--ele-tab-lg-height);
    font-size  : var(--ele-tab-lg-font-size)
}

.ele-tabs.is-large>.el-tabs__header .ele-tab-title {
    padding: 0 var(--ele-tab-lg-padding)
}

.ele-tabs.is-large>.el-tabs__header .el-tabs__item.is-closable .ele-tab-title {
    padding-right: calc(var(--ele-tab-lg-padding) + var(--ele-tab-lg-close-size) / 2 + var(--ele-tab-lg-padding) / 4)
}

.ele-tabs.is-large>.el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item .is-icon-close {
    width    : var(--ele-tab-lg-close-size);
    height   : var(--ele-tab-lg-close-size);
    font-size: var(--ele-tab-lg-close-font-size);
    right    : calc(var(--ele-tab-lg-padding) / 2)
}

.ele-tabs.is-large>.el-tabs__header .el-tabs__nav-prev,
.ele-tabs.is-large>.el-tabs__header .el-tabs__nav-next {
    width    : var(--ele-tab-lg-height);
    height   : var(--ele-tab-lg-height);
    font-size: var(--ele-tab-lg-tool-font-size)
}

.ele-tabs.is-center>.el-tabs__header .el-tabs__nav-scroll {
    text-align: center
}

.ele-tabs.el-tabs--card>.el-tabs__header {
    height    : auto;
    border    : none;
    box-shadow: 0 -.8px 0 var(--ele-tab-line-color) inset
}

.ele-tabs.el-tabs--card>.el-tabs__header .el-tabs__item+.el-tabs__item {
    border-left: 1px solid var(--ele-tab-line-color)
}

.ele-tabs.el-tabs--card>.el-tabs__header .el-tabs__item.is-active {
    background: var(--ele-tab-bg)
}

.ele-tabs.el-tabs--card>.el-tabs__header .el-tabs__nav {
    border       : 1px solid var(--ele-tab-line-color);
    border-bottom: none;
    overflow     : hidden
}

.ele-tabs.el-tabs--border-card {
    background: var(--ele-tab-bg);
    border    : 1px solid var(--ele-tab-line-color)
}

.ele-tabs.el-tabs--border-card>.el-tabs__header {
    border    : none;
    background: var(--ele-tab-header-bg);
    box-shadow: 0 -.8px 0 var(--ele-tab-line-color) inset
}

.ele-tabs.el-tabs--border-card>.el-tabs__header .el-tabs__item {
    border-left : 1px solid transparent;
    border-right: 1px solid transparent
}

.ele-tabs.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active {
    border-color: var(--ele-tab-line-color);
    background  : var(--ele-tab-bg)
}

.ele-tabs.el-tabs--border-card>.el-tabs__header .el-tabs__nav>.el-tabs__item:first-child {
    border-left: none
}

.ele-tabs.el-tabs--border-card>.el-tabs__header .el-tabs__nav-wrap.is-scrollable .el-tabs__item:last-child {
    border-right: none
}

.ele-tabs.el-tabs--border-card>.el-tabs__header .el-tabs__nav-prev {
    border-right: 1px solid var(--ele-tab-line-color)
}

.ele-tabs.el-tabs--border-card>.el-tabs__header .el-tabs__nav-next {
    border-left: 1px solid var(--ele-tab-line-color)
}

.ele-tabs.is-default>.el-tabs__header .el-tabs__item+.el-tabs__item,
.ele-tabs.is-plain>.el-tabs__header .el-tabs__item+.el-tabs__item {
    margin-left: calc(var(--ele-tab-padding) * 2 - 4px)
}

.ele-tabs.is-default>.el-tabs__header .ele-tab-title,
.ele-tabs.is-plain>.el-tabs__header .ele-tab-title {
    padding: 0 2px
}

.ele-tabs.is-default>.el-tabs__header .el-tabs__item.is-closable .ele-tab-title,
.ele-tabs.is-plain>.el-tabs__header .el-tabs__item.is-closable .ele-tab-title {
    padding-right: calc(var(--ele-tab-close-size) + 2px)
}

.ele-tabs.is-default>.el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item .is-icon-close,
.ele-tabs.is-plain>.el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item .is-icon-close {
    right: 0
}

.ele-tabs.is-default.is-small>.el-tabs__header .el-tabs__item+.el-tabs__item,
.ele-tabs.is-plain.is-small>.el-tabs__header .el-tabs__item+.el-tabs__item {
    margin-left: calc(var(--ele-tab-sm-padding) * 2 - 4px)
}

.ele-tabs.is-default.is-small>.el-tabs__header .el-tabs__item.is-closable .ele-tab-title,
.ele-tabs.is-plain.is-small>.el-tabs__header .el-tabs__item.is-closable .ele-tab-title {
    padding-right: calc(var(--ele-tab-sm-close-size) + 2px)
}

.ele-tabs.is-default.is-large>.el-tabs__header .el-tabs__item+.el-tabs__item,
.ele-tabs.is-plain.is-large>.el-tabs__header .el-tabs__item+.el-tabs__item {
    margin-left: calc(var(--ele-tab-lg-padding) * 2 - 4px)
}

.ele-tabs.is-default.is-large>.el-tabs__header .el-tabs__item.is-closable .ele-tab-title,
.ele-tabs.is-plain.is-large>.el-tabs__header .el-tabs__item.is-closable .ele-tab-title {
    padding-right: calc(var(--ele-tab-lg-close-size) + 2px)
}

.ele-tabs.is-plain>.el-tabs__header .el-tabs__nav-wrap:after {
    display: none
}

.ele-tabs.is-simple>.el-tabs__header .el-tabs__item,
.ele-tabs.is-indicator>.el-tabs__header .el-tabs__item {
    border-radius: var(--ele-tab-simple-radius)
}

.ele-tabs.is-simple>.el-tabs__header .el-tabs__item:after,
.ele-tabs.is-indicator>.el-tabs__header .el-tabs__item:after {
    content       : "";
    width         : 0;
    height        : var(--ele-tab-simple-active-line);
    display       : var(--ele-tab-simple-line-display);
    background    : var(--el-color-primary);
    pointer-events: none;
    position      : absolute;
    bottom        : 0;
    left          : 0
}

.ele-tabs.is-simple>.el-tabs__header .el-tabs__item>.el-dropdown:after,
.ele-tabs.is-simple>.el-tabs__header .el-tabs__item>.el-dropdown:before,
.ele-tabs.is-indicator>.el-tabs__header .el-tabs__item>.el-dropdown:after,
.ele-tabs.is-indicator>.el-tabs__header .el-tabs__item>.el-dropdown:before {
    content       : "";
    width         : var(--ele-tab-simple-angle-size);
    height        : var(--ele-tab-simple-angle-size);
    display       : var(--ele-tab-simple-angle-display);
    transition    : all .2s;
    pointer-events: none;
    position      : absolute;
    bottom        : 0
}

.ele-tabs.is-simple>.el-tabs__header .el-tabs__item>.el-dropdown:before,
.ele-tabs.is-indicator>.el-tabs__header .el-tabs__item>.el-dropdown:before {
    left      : calc(0px - var(--ele-tab-simple-angle-size));
    background: radial-gradient(calc(var(--ele-tab-simple-angle-size) * 2) at left top, transparent 50%, transparent 0)
}

.ele-tabs.is-simple>.el-tabs__header .el-tabs__item>.el-dropdown:after,
.ele-tabs.is-indicator>.el-tabs__header .el-tabs__item>.el-dropdown:after {
    right     : calc(0px - var(--ele-tab-simple-angle-size));
    background: radial-gradient(calc(var(--ele-tab-simple-angle-size) * 2) at right top, transparent 50%, transparent 0)
}

.ele-tabs.is-simple>.el-tabs__header .el-tabs__item:hover,
.ele-tabs.is-indicator>.el-tabs__header .el-tabs__item:hover {
    color     : var(--ele-tab-simple-hover-color);
    z-index   : var(--ele-tab-hover-index);
    background: var(--ele-tab-simple-hover-bg)
}

.ele-tabs.is-simple>.el-tabs__header .el-tabs__item:hover>.el-dropdown:before,
.ele-tabs.is-indicator>.el-tabs__header .el-tabs__item:hover>.el-dropdown:before {
    background: radial-gradient(calc(var(--ele-tab-simple-angle-size) * 2) at left top, transparent 50%, var(--ele-tab-simple-hover-bg) 0)
}

.ele-tabs.is-simple>.el-tabs__header .el-tabs__item:hover>.el-dropdown:after,
.ele-tabs.is-indicator>.el-tabs__header .el-tabs__item:hover>.el-dropdown:after {
    background: radial-gradient(calc(var(--ele-tab-simple-angle-size) * 2) at right top, transparent 50%, var(--ele-tab-simple-hover-bg) 0)
}

.ele-tabs.is-simple>.el-tabs__header .el-tabs__item.is-active,
.ele-tabs.is-indicator>.el-tabs__header .el-tabs__item.is-active {
    color      : var(--ele-tab-simple-active-color);
    font-weight: var(--ele-tab-simple-active-weight);
    z-index    : var(--ele-tab-active-index);
    background : var(--ele-tab-simple-active-bg)
}

.ele-tabs.is-simple>.el-tabs__header .el-tabs__item.is-active:after,
.ele-tabs.is-indicator>.el-tabs__header .el-tabs__item.is-active:after {
    width: 100%
}

.ele-tabs.is-simple>.el-tabs__header .el-tabs__item.is-active>.el-dropdown:before,
.ele-tabs.is-indicator>.el-tabs__header .el-tabs__item.is-active>.el-dropdown:before {
    background: radial-gradient(calc(var(--ele-tab-simple-angle-size) * 2) at left top, transparent 50%, var(--ele-tab-simple-active-bg) 0)
}

.ele-tabs.is-simple>.el-tabs__header .el-tabs__item.is-active>.el-dropdown:after,
.ele-tabs.is-indicator>.el-tabs__header .el-tabs__item.is-active>.el-dropdown:after {
    background: radial-gradient(calc(var(--ele-tab-simple-angle-size) * 2) at right top, transparent 50%, var(--ele-tab-simple-active-bg) 0)
}

.ele-tabs.is-simple>.el-tabs__header .el-tabs__nav-prev:not(.is-disabled),
.ele-tabs.is-simple>.el-tabs__header .el-tabs__nav-next:not(.is-disabled),
.ele-tabs.is-indicator>.el-tabs__header .el-tabs__nav-prev:not(.is-disabled),
.ele-tabs.is-indicator>.el-tabs__header .el-tabs__nav-next:not(.is-disabled) {
    border-radius: var(--ele-tab-simple-radius)
}

.ele-tabs.is-simple>.el-tabs__header .el-tabs__nav-prev:not(.is-disabled):hover,
.ele-tabs.is-simple>.el-tabs__header .el-tabs__nav-next:not(.is-disabled):hover,
.ele-tabs.is-indicator>.el-tabs__header .el-tabs__nav-prev:not(.is-disabled):hover,
.ele-tabs.is-indicator>.el-tabs__header .el-tabs__nav-next:not(.is-disabled):hover {
    background: var(--ele-tab-simple-tool-hover-bg)
}

.ele-tabs.is-simple>.el-tabs__header .el-tabs__active-bar,
.ele-tabs.is-simple>.el-tabs__header .el-tabs__nav-wrap:after,
.ele-tabs.is-indicator>.el-tabs__header .el-tabs__active-bar,
.ele-tabs.is-indicator>.el-tabs__header .el-tabs__nav-wrap:after {
    display: none
}

.ele-tabs.is-simple>.el-tabs__header .el-tabs__nav,
.ele-tabs.is-indicator>.el-tabs__header .el-tabs__nav {
    padding: 0 var(--ele-tab-simple-angle-size)
}

.ele-tabs.is-indicator>.el-tabs__header .el-tabs__item:after {
    display: none
}

.ele-tabs.is-indicator>.el-tabs__header .ele-tab-title {
    padding-left: calc(var(--ele-tab-padding) + var(--ele-tab-indicator-size) / 2 + var(--ele-tab-indicator-margin))
}

.ele-tabs.is-indicator>.el-tabs__header .ele-tab-title:before {
    content      : "";
    width        : var(--ele-tab-indicator-size);
    height       : var(--ele-tab-indicator-size);
    border-radius: 50%;
    background   : var(--ele-tab-indicator-color);
    position     : absolute;
    left         : calc(var(--ele-tab-padding) - var(--ele-tab-indicator-size) / 2);
    top          : 50%;
    transform    : translateY(-50%);
    transition   : background-color .2s
}

.ele-tabs.is-indicator>.el-tabs__header .el-tabs__item:hover .ele-tab-title:before {
    background: var(--ele-tab-indicator-hover-color)
}

.ele-tabs.is-indicator>.el-tabs__header .el-tabs__item.is-active .ele-tab-title:before {
    background: var(--el-color-primary)
}

.ele-tabs.is-indicator.is-small>.el-tabs__header .ele-tab-title {
    padding-left: calc(var(--ele-tab-sm-padding) + var(--ele-tab-indicator-size) / 2 + var(--ele-tab-indicator-margin))
}

.ele-tabs.is-indicator.is-small>.el-tabs__header .ele-tab-title:before {
    left: calc(var(--ele-tab-sm-padding) - var(--ele-tab-indicator-size) / 2)
}

.ele-tabs.is-indicator.is-large>.el-tabs__header .ele-tab-title {
    padding-left: calc(var(--ele-tab-lg-padding) + var(--ele-tab-indicator-size) / 2 + var(--ele-tab-indicator-margin))
}

.ele-tabs.is-indicator.is-large>.el-tabs__header .ele-tab-title:before {
    left: calc(var(--ele-tab-lg-padding) - var(--ele-tab-indicator-size) / 2)
}

.ele-tabs.is-button>.el-tabs__header .el-tabs__nav {
    padding-top   : var(--ele-tab-button-space);
    padding-bottom: var(--ele-tab-button-space)
}

.ele-tabs.is-button>.el-tabs__header .el-tabs__item {
    height       : calc(var(--ele-tab-height) - var(--ele-tab-button-space));
    line-height  : calc(var(--ele-tab-height) - var(--ele-tab-button-space));
    border-radius: var(--ele-tab-button-radius);
    background   : var(--ele-tab-button-bg)
}

.ele-tabs.is-button>.el-tabs__header .el-tabs__item+.el-tabs__item {
    margin-left: var(--ele-tab-button-space)
}

.ele-tabs.is-button>.el-tabs__header .el-tabs__item:hover {
    background: var(--ele-tab-button-hover-bg)
}

.ele-tabs.is-button>.el-tabs__header .el-tabs__item.is-active {
    font-weight: var(--ele-tab-button-active-weight);
    background : var(--ele-tab-button-active-bg);
    box-shadow : var(--ele-tab-button-active-shadow)
}

.ele-tabs.is-button>.el-tabs__header .el-tabs__nav-prev,
.ele-tabs.is-button>.el-tabs__header .el-tabs__nav-next {
    width      : calc(var(--ele-tab-height) - var(--ele-tab-button-space));
    height     : calc(var(--ele-tab-height) - var(--ele-tab-button-space));
    line-height: calc(var(--ele-tab-height) - var(--ele-tab-button-space));
    margin-top : var(--ele-tab-button-space)
}

.ele-tabs.is-button>.el-tabs__header .el-tabs__nav-prev:before,
.ele-tabs.is-button>.el-tabs__header .el-tabs__nav-next:before {
    display: none
}

.ele-tabs.is-button>.el-tabs__header .el-tabs__active-bar,
.ele-tabs.is-button>.el-tabs__header .el-tabs__nav-wrap:after {
    display: none
}

.ele-tabs.is-button.is-small>.el-tabs__header .el-tabs__item {
    height     : calc(var(--ele-tab-sm-height) - var(--ele-tab-button-space));
    line-height: calc(var(--ele-tab-sm-height) - var(--ele-tab-button-space))
}

.ele-tabs.is-button.is-small>.el-tabs__header .el-tabs__nav-prev,
.ele-tabs.is-button.is-small>.el-tabs__header .el-tabs__nav-next {
    width      : calc(var(--ele-tab-sm-height) - var(--ele-tab-button-space));
    height     : calc(var(--ele-tab-sm-height) - var(--ele-tab-button-space));
    line-height: calc(var(--ele-tab-sm-height) - var(--ele-tab-button-space))
}

.ele-tabs.is-button.is-large>.el-tabs__header .el-tabs__item {
    height     : calc(var(--ele-tab-lg-height) - var(--ele-tab-button-space));
    line-height: calc(var(--ele-tab-lg-height) - var(--ele-tab-button-space))
}

.ele-tabs.is-button.is-large>.el-tabs__header .el-tabs__nav-prev,
.ele-tabs.is-button.is-large>.el-tabs__header .el-tabs__nav-next {
    width      : calc(var(--ele-tab-lg-height) - var(--ele-tab-button-space));
    height     : calc(var(--ele-tab-lg-height) - var(--ele-tab-button-space));
    line-height: calc(var(--ele-tab-lg-height) - var(--ele-tab-button-space))
}

.ele-tab-tool {
    flex-shrink        : 0;
    height             : var(--ele-tab-height);
    line-height        : var(--ele-tab-height);
    min-width          : var(--ele-tab-height);
    color              : var(--ele-tab-tool-color);
    font-size          : var(--ele-tab-tool-font-size);
    transition-duration: .2s;
    transition-property: var(--ele-tab-transition);
    position           : relative;
    cursor             : pointer
}

.ele-tab-tool:hover {
    color: var(--ele-tab-tool-hover-color)
}

.ele-tab-tool.is-tab {
    color    : var(--ele-tab-color);
    font-size: var(--ele-tab-font-size)
}

.ele-tab-tool.is-tab:hover {
    color: var(--ele-tab-hover-color)
}

.ele-tab-tool.is-tab.is-active {
    color: var(--ele-tab-active-color)
}

.ele-tab-tool .ele-tab-title {
    padding   : 0 var(--ele-tab-padding);
    box-sizing: border-box;
    outline   : none
}

.ele-tab-tool>.el-dropdown {
    color      : inherit;
    font-size  : inherit;
    line-height: inherit;
    position   : static;
    cursor     : inherit;
    display    : block
}

.ele-tab-wrap {
    display   : flex;
    box-sizing: border-box;
    position  : relative
}

.ele-tab-wrap>.ele-tabs {
    flex    : 1;
    overflow: hidden
}

.ele-tab-wrap>.ele-tabs .el-tabs__content {
    display: none
}

.ele-tab-wrap .ele-tab-tool.is-tab+.ele-tabs.is-simple,
.ele-tab-wrap .ele-tab-tool.is-tab+.ele-tabs.is-indicator {
    margin-left: calc(0px - var(--ele-tab-simple-angle-size))
}

.ele-tab-wrap .ele-tab-tool.is-tab+.ele-tabs.is-simple .el-tabs__nav-wrap.is-scrollable,
.ele-tab-wrap .ele-tab-tool.is-tab+.ele-tabs.is-indicator .el-tabs__nav-wrap.is-scrollable {
    padding-left: var(--ele-tab-simple-angle-size)
}

.ele-tab-wrap.is-small .ele-tab-tool {
    height     : var(--ele-tab-sm-height);
    line-height: var(--ele-tab-sm-height);
    min-width  : var(--ele-tab-sm-height);
    font-size  : var(--ele-tab-sm-tool-font-size)
}

.ele-tab-wrap.is-small .ele-tab-tool.is-tab {
    font-size: var(--ele-tab-sm-font-size)
}

.ele-tab-wrap.is-large .ele-tab-tool {
    height     : var(--ele-tab-lg-height);
    line-height: var(--ele-tab-lg-height);
    min-width  : var(--ele-tab-lg-height);
    font-size  : var(--ele-tab-lg-tool-font-size)
}

.ele-tab-wrap.is-large .ele-tab-tool.is-tab {
    font-size: var(--ele-tab-lg-font-size)
}

.ele-tab-wrap.is-simple .ele-tab-tool,
.ele-tab-wrap.is-indicator .ele-tab-tool {
    border-radius: var(--ele-tab-simple-radius)
}

.ele-tab-wrap.is-simple .ele-tab-tool:hover,
.ele-tab-wrap.is-indicator .ele-tab-tool:hover {
    background: var(--ele-tab-simple-tool-hover-bg)
}

.ele-tab-wrap.is-simple .ele-tab-tool.is-tab>.el-dropdown:after,
.ele-tab-wrap.is-simple .ele-tab-tool.is-tab>.el-dropdown:before,
.ele-tab-wrap.is-indicator .ele-tab-tool.is-tab>.el-dropdown:after,
.ele-tab-wrap.is-indicator .ele-tab-tool.is-tab>.el-dropdown:before {
    content   : "";
    width     : var(--ele-tab-simple-angle-size);
    height    : var(--ele-tab-simple-angle-size);
    display   : var(--ele-tab-simple-angle-display);
    transition: all .2s;
    position  : absolute;
    bottom    : 0
}

.ele-tab-wrap.is-simple .ele-tab-tool.is-tab>.el-dropdown:before,
.ele-tab-wrap.is-indicator .ele-tab-tool.is-tab>.el-dropdown:before {
    left      : calc(0px - var(--ele-tab-simple-angle-size));
    background: radial-gradient(calc(var(--ele-tab-simple-angle-size) * 2) at left top, transparent 50%, transparent 0)
}

.ele-tab-wrap.is-simple .ele-tab-tool.is-tab>.el-dropdown:after,
.ele-tab-wrap.is-indicator .ele-tab-tool.is-tab>.el-dropdown:after {
    right     : calc(0px - var(--ele-tab-simple-angle-size));
    background: radial-gradient(calc(var(--ele-tab-simple-angle-size) * 2) at right top, transparent 50%, transparent 0)
}

.ele-tab-wrap.is-simple .ele-tab-tool.is-tab:hover,
.ele-tab-wrap.is-indicator .ele-tab-tool.is-tab:hover {
    color     : var(--ele-tab-simple-hover-color);
    background: var(--ele-tab-simple-hover-bg);
    z-index   : var(--ele-tab-hover-index)
}

.ele-tab-wrap.is-simple .ele-tab-tool.is-tab:hover>.el-dropdown:before,
.ele-tab-wrap.is-indicator .ele-tab-tool.is-tab:hover>.el-dropdown:before {
    background: radial-gradient(calc(var(--ele-tab-simple-angle-size) * 2) at left top, transparent 50%, var(--ele-tab-simple-hover-bg) 0)
}

.ele-tab-wrap.is-simple .ele-tab-tool.is-tab:hover>.el-dropdown:after,
.ele-tab-wrap.is-indicator .ele-tab-tool.is-tab:hover>.el-dropdown:after {
    background: radial-gradient(calc(var(--ele-tab-simple-angle-size) * 2) at right top, transparent 50%, var(--ele-tab-simple-hover-bg) 0)
}

.ele-tab-wrap.is-simple .ele-tab-tool.is-tab.is-active,
.ele-tab-wrap.is-indicator .ele-tab-tool.is-tab.is-active {
    color      : var(--ele-tab-simple-active-color);
    font-weight: var(--ele-tab-simple-active-weight);
    z-index    : var(--ele-tab-active-index);
    background : var(--ele-tab-simple-active-bg)
}

.ele-tab-wrap.is-simple .ele-tab-tool.is-tab.is-active>.el-dropdown:before,
.ele-tab-wrap.is-indicator .ele-tab-tool.is-tab.is-active>.el-dropdown:before {
    background: radial-gradient(calc(var(--ele-tab-simple-angle-size) * 2) at left top, transparent 50%, var(--ele-tab-simple-active-bg) 0)
}

.ele-tab-wrap.is-simple .ele-tab-tool.is-tab.is-active>.el-dropdown:after,
.ele-tab-wrap.is-indicator .ele-tab-tool.is-tab.is-active>.el-dropdown:after {
    background: radial-gradient(calc(var(--ele-tab-simple-angle-size) * 2) at right top, transparent 50%, var(--ele-tab-simple-active-bg) 0)
}

.ele-tab-wrap.is-simple .ele-tab-tool.is-tab:after {
    content   : "";
    width     : 0;
    height    : var(--ele-tab-simple-active-line);
    display   : var(--ele-tab-simple-line-display);
    background: var(--el-color-primary);
    position  : absolute;
    bottom    : 0;
    left      : 0
}

.ele-tab-wrap.is-simple .ele-tab-tool.is-tab.is-active:after {
    width: 100%
}

.ele-tab-wrap.is-button .ele-tab-tool {
    height       : calc(var(--ele-tab-height) - var(--ele-tab-button-space));
    line-height  : calc(var(--ele-tab-height) - var(--ele-tab-button-space));
    min-width    : calc(var(--ele-tab-height) - var(--ele-tab-button-space));
    border-radius: var(--ele-tab-button-radius);
    background   : var(--ele-tab-button-hover-bg);
    margin-top   : var(--ele-tab-button-space);
    margin-bottom: var(--ele-tab-button-space)
}

.ele-tab-wrap.is-button .ele-tab-tool+.ele-tab-tool {
    margin-left: var(--ele-tab-button-space)
}

.ele-tab-wrap.is-button .ele-tab-tool:not(.is-tab):hover {
    box-shadow: var(--ele-tab-button-active-shadow)
}

.ele-tab-wrap.is-button .ele-tab-tool.is-tab {
    background: var(--ele-tab-button-bg)
}

.ele-tab-wrap.is-button .ele-tab-tool.is-tab:hover {
    background: var(--ele-tab-button-hover-bg)
}

.ele-tab-wrap.is-button .ele-tab-tool.is-tab.is-active {
    font-weight: var(--ele-tab-button-active-weight);
    background : var(--ele-tab-button-active-bg);
    box-shadow : var(--ele-tab-button-active-shadow)
}

.ele-tab-wrap.is-button.is-small .ele-tab-tool {
    height     : calc(var(--ele-tab-sm-height) - var(--ele-tab-button-space));
    line-height: calc(var(--ele-tab-sm-height) - var(--ele-tab-button-space));
    min-width  : calc(var(--ele-tab-sm-height) - var(--ele-tab-button-space))
}

.ele-tab-wrap.is-button.is-large .ele-tab-tool {
    height     : calc(var(--ele-tab-lg-height) - var(--ele-tab-button-space));
    line-height: calc(var(--ele-tab-lg-height) - var(--ele-tab-button-space));
    min-width  : calc(var(--ele-tab-lg-height) - var(--ele-tab-button-space))
}

.ele-admin-layout {
    display       : flex;
    flex-direction: column;
    background    : var(--ele-layout-bg);
    min-height    : var(--ele-layout-height)
}

.ele-admin-layout .ele-admin-main {
    flex   : auto;
    display: flex
}

.ele-admin-layout .ele-admin-body {
    width         : 100%;
    display       : flex;
    flex-direction: column;
    transition    : width .2s
}

.ele-admin-layout .ele-admin-content {
    flex          : auto;
    display       : flex;
    flex-direction: column
}

.ele-admin-layout>.el-backtop {
    z-index: var(--ele-layout-index)
}

.ele-admin-mask {
    position  : fixed;
    top       : 0;
    left      : 0;
    right     : 0;
    bottom    : 0;
    z-index   : var(--ele-layout-mask-index);
    transition: background-color .2s, left .2s;
    visibility: hidden
}

.ele-transition-disabled .ele-admin-header,
.ele-transition-disabled .ele-admin-logo,
.ele-transition-disabled .ele-admin-sidebox,
.ele-transition-disabled .ele-admin-sidebar,
.ele-transition-disabled .ele-admin-body,
.ele-transition-disabled .ele-admin-tabs,
.ele-transition-disabled .ele-admin-content,
.ele-transition-disabled .ele-bottom-bar,
.ele-transition-disabled .ele-modal-inner {
    transition: none !important
}

.ele-admin-iframe {
    width     : 100%;
    height    : 100%;
    box-sizing: border-box;
    display   : block;
    border    : none
}

.ele-admin-iframe-wrap {
    width      : 100%;
    height     : 100%;
    flex-shrink: 0;
    overflow   : hidden
}

.ele-admin-header {
    display    : flex;
    align-items: center;
    height     : var(--ele-header-height);
    line-height: var(--ele-header-height);
    background : var(--ele-header-bg);
    box-shadow : var(--ele-header-shadow);
    transition : padding .2s, box-shadow .2s;
    z-index    : calc(var(--ele-layout-index) + 3);
    flex-shrink: 0
}

.ele-admin-header .ele-admin-logo {
    color          : var(--ele-logo-color);
    width          : var(--ele-sidebar-width);
    height         : var(--ele-header-height);
    background     : var(--ele-sidebar-bg);
    box-shadow     : var(--ele-logo-shadow);
    transition     : width .2s, left .2s;
    white-space    : nowrap;
    position       : relative;
    overflow       : hidden;
    flex-shrink    : 0;
    display        : flex;
    align-items    : center;
    justify-content: center
}

.ele-admin-header .ele-admin-logo>img+h1 {
    margin       : 0 0 0 10px;
    font-weight  : 400;
    text-overflow: ellipsis;
    word-break   : break-all;
    white-space  : nowrap;
    overflow     : hidden
}

.ele-admin-header .ele-admin-breadcrumb {
    flex-shrink: 0
}

.ele-admin-header .ele-admin-menus {
    flex    : 1;
    overflow: hidden
}

.ele-admin-header .ele-admin-menus>.ele-menu {
    --ele-menu-horizontal-height: var(--ele-header-menu-height);
    padding-top                 : 0;
    padding-bottom              : 0;
    background                  : none;
    border                      : none
}

.ele-admin-header .ele-admin-tools {
    height     : 100%;
    flex-shrink: 0;
    padding    : 0 12px;
    display    : flex;
    align-items: center;
    box-sizing : border-box
}

.ele-admin-tool {
    height       : var(--ele-header-tool-height);
    padding      : 0 12px;
    display      : flex;
    align-items  : center;
    border-radius: var(--ele-header-tool-radius);
    transition   : color .2s, background-color .2s;
    box-sizing   : border-box;
    cursor       : pointer
}

.ele-admin-tool:hover {
    background: var(--ele-header-tool-hover-bg)
}

.ele-admin-tool>.el-dropdown {
    color      : inherit;
    cursor     : inherit;
    font-size  : inherit;
    line-height: inherit;
    height     : 100%;
    align-items: center
}

.ele-admin-sidebar {
    flex-shrink   : 0;
    width         : var(--ele-sidebar-width);
    z-index       : calc(var(--ele-layout-index) + 4);
    background    : var(--ele-sidebar-bg);
    box-shadow    : var(--ele-sidebar-shadow);
    transition    : width .2s, left .2s;
    box-sizing    : border-box;
    position      : relative;
    display       : flex;
    flex-direction: column
}

.ele-admin-sidebar .ele-admin-menus {
    flex: 1
}

.ele-admin-sidebar .ele-admin-menus>.el-scrollbar__wrap {
    box-sizing: border-box;
    position  : relative;
    overflow-x: hidden;
    overflow-y: auto
}

.ele-admin-sidebar .ele-admin-menus>.el-scrollbar__wrap>.el-scrollbar__view>.ele-menu {
    width     : 100%;
    border    : none;
    background: none;
    transition: none
}

.ele-admin-sidebar+.ele-admin-body {
    width: calc(100% - var(--ele-sidebar-width))
}

.ele-admin-sidebox {
    flex-shrink   : 0;
    width         : var(--ele-sidebox-width);
    z-index       : calc(var(--ele-layout-index) + 4);
    background    : var(--ele-sidebar-bg);
    box-shadow    : -.8px 0 0 var(--ele-header-line-color) inset;
    transition    : width .2s;
    box-sizing    : border-box;
    position      : relative;
    display       : flex;
    flex-direction: column
}

.ele-admin-sidebox .ele-admin-menus {
    flex: 1
}

.ele-admin-sidebox .ele-admin-menus>.el-scrollbar__wrap {
    box-sizing: border-box;
    position  : relative;
    overflow-x: hidden;
    overflow-y: auto
}

.ele-admin-sidebox .ele-admin-menus>.el-scrollbar__wrap>.el-scrollbar__view>.ele-menu {
    width                  : 100%;
    border                 : none;
    background             : none;
    transition             : padding .2s;
    --ele-menu-item-padding: var(--ele-sidebox-padding);
    --ele-menu-item-radius : var(--ele-sidebox-item-radius)
}

.ele-admin-sidebox .ele-admin-menus>.el-scrollbar__wrap>.el-scrollbar__view>.ele-menu>.el-menu-item,
.ele-admin-sidebox .ele-admin-menus>.el-scrollbar__wrap>.el-scrollbar__view>.ele-menu>.el-sub-menu>.el-sub-menu__title {
    height        : auto;
    display       : flex;
    align-items   : center;
    flex-direction: column;
    padding       : var(--ele-sidebox-item-padding);
    transition    : all .2s
}

.ele-admin-sidebox .ele-admin-menus>.el-scrollbar__wrap>.el-scrollbar__view>.ele-menu>.el-menu-item .el-icon:not(.el-sub-menu__icon-arrow),
.ele-admin-sidebox .ele-admin-menus>.el-scrollbar__wrap>.el-scrollbar__view>.ele-menu>.el-sub-menu>.el-sub-menu__title .el-icon:not(.el-sub-menu__icon-arrow) {
    margin   : 0;
    font-size: var(--ele-sidebox-icon-font-size)
}

.ele-admin-sidebox .ele-admin-menus>.el-scrollbar__wrap>.el-scrollbar__view>.ele-menu>.el-menu-item>span,
.ele-admin-sidebox .ele-admin-menus>.el-scrollbar__wrap>.el-scrollbar__view>.ele-menu>.el-sub-menu>.el-sub-menu__title>span {
    width        : 100%;
    height       : auto;
    line-height  : 1;
    font-size    : var(--ele-sidebox-font-size);
    margin-top   : var(--ele-sidebox-title-margin);
    box-sizing   : border-box;
    text-align   : center;
    display      : block;
    overflow     : hidden;
    white-space  : nowrap;
    word-break   : break-all;
    text-overflow: ellipsis;
    visibility   : visible
}

.ele-admin-sidebox .ele-admin-menus>.el-scrollbar__wrap>.el-scrollbar__view>.ele-menu>.el-menu-item:after {
    display: none
}

.ele-admin-sidebox .ele-admin-menus>.el-scrollbar__wrap>.el-scrollbar__view>.ele-menu>.el-sub-menu.is-active>.el-sub-menu__title {
    background: var(--ele-menu-item-active-bg);
    transition: none
}

.ele-admin-sidebox .ele-admin-menus>.el-scrollbar__wrap>.el-scrollbar__view>.ele-menu>.el-menu-item .el-badge,
.ele-admin-sidebox .ele-admin-menus>.el-scrollbar__wrap>.el-scrollbar__view>.ele-menu>.el-sub-menu>.el-sub-menu__title .el-badge {
    position: absolute;
    top     : 2px;
    right   : 4px;
    margin  : 0
}

.ele-admin-sidebox .ele-admin-menus>.el-scrollbar__wrap>.el-scrollbar__view>.ele-menu>.el-menu-item .el-badge .el-badge__content:not(.is-dot),
.ele-admin-sidebox .ele-admin-menus>.el-scrollbar__wrap>.el-scrollbar__view>.ele-menu>.el-sub-menu>.el-sub-menu__title .el-badge .el-badge__content:not(.is-dot) {
    width        : auto;
    height       : 18px;
    line-height  : 18px;
    border-radius: 24px;
    min-width    : 20px;
    font-size    : 12px;
    padding      : 0 4px
}

.ele-admin-sidebox-popup.ele-menu>.el-menu--popup-container>.el-menu--popup {
    margin-left : var(--ele-sidebox-padding);
    margin-right: var(--ele-sidebox-padding)
}

.ele-sidebar-tool {
    height         : var(--ele-sidebar-tool-height);
    display        : flex;
    align-items    : center;
    justify-content: center;
    border-radius  : var(--ele-header-tool-radius);
    transition     : color .2s, background-color .2s;
    cursor         : pointer
}

.ele-sidebar-tool:hover {
    background: var(--ele-header-tool-hover-bg)
}

.ele-admin-mix-sidebar .ele-admin-logo {
    width: var(--ele-sidebox-width)
}

.ele-admin-mix-sidebar .ele-admin-logo>img+h1 {
    display: none
}

.ele-admin-mix-sidebar:not(.ele-admin-collapse) .ele-admin-logo {
    box-shadow: -.8px 0 0 var(--ele-header-line-color) inset
}

.ele-admin-mix-sidebar .ele-admin-sidebox+.ele-admin-sidebar {
    width     : var(--ele-sidebar-mix-width);
    z-index   : calc(var(--ele-layout-index) + 2);
    box-shadow: var(--ele-sidebar-shadow);
    background: var(--ele-sidebar-bg)
}

.ele-admin-mix-sidebar .ele-admin-sidebar+.ele-admin-body {
    width: calc(100% - var(--ele-sidebox-width) - var(--ele-sidebar-mix-width))
}

.ele-admin-mix-sidebar .ele-admin-sidebox+.ele-admin-body {
    width: calc(100% - var(--ele-sidebox-width))
}

.ele-admin-sidebar>.ele-admin-menus,
.ele-admin-sidebox>.ele-admin-menus {
    --el-scrollbar-opacity       : 1;
    --el-scrollbar-hover-opacity : 1;
    --el-scrollbar-bg-color      : var(--ele-menu-thumb-color);
    --el-scrollbar-hover-bg-color: var(--ele-menu-thumb-hover-color)
}

.ele-admin-sidebar>.ele-admin-menus>.el-scrollbar__bar.is-vertical,
.ele-admin-sidebox>.ele-admin-menus>.el-scrollbar__bar.is-vertical {
    width        : calc(var(--ele-menu-thumb-size) - var(--ele-menu-thumb-padding) * 2);
    border-radius: var(--ele-menu-thumb-radius);
    right        : var(--ele-menu-thumb-padding);
    z-index      : 9
}

.ele-admin-sidebar>.ele-admin-menus>.el-scrollbar__bar.is-horizontal,
.ele-admin-sidebox>.ele-admin-menus>.el-scrollbar__bar.is-horizontal {
    height       : calc(var(--ele-menu-thumb-size) - var(--ele-menu-thumb-padding) * 2);
    border-radius: var(--ele-menu-thumb-radius);
    bottom       : var(--ele-menu-thumb-padding);
    z-index      : 9
}

.ele-admin-dark-sidebar:not(.ele-admin-mix-sidebar) .ele-admin-sidebar>.ele-admin-menus,
.ele-admin-dark-sidebar .ele-admin-sidebox>.ele-admin-menus {
    --el-scrollbar-bg-color      : var(--ele-menu-dark-thumb-color);
    --el-scrollbar-hover-bg-color: var(--ele-menu-dark-thumb-hover-color)
}

.ele-admin-tabs {
    flex-shrink: 0;
    background : var(--ele-header-bg);
    box-shadow : var(--ele-header-shadow);
    z-index    : calc(var(--ele-layout-index) + 1)
}

.ele-admin-tabs:not(.is-fixed-home) .el-tabs__nav-wrap:not(.is-scrollable) .el-tabs__nav {
    padding-left: var(--ele-page-padding)
}

.ele-admin-tabs.is-fixed-home {
    padding-left: var(--ele-page-padding)
}

.ele-admin-open-tab:not(.ele-admin-tab-card) .ele-admin-header:not(.is-dark, .is-primary) {
    box-shadow: 0 -.8px 0 var(--ele-header-line-color) inset
}

.ele-admin-tab-card .ele-admin-tabs {
    padding-right: var(--ele-page-padding);
    background   : var(--ele-layout-bg);
    box-shadow   : none
}

.ele-admin-tab-card .ele-admin-tabs.is-fixed-home .el-tabs__nav-wrap:not(.is-scrollable) .el-tabs__nav {
    padding-left: var(--ele-tab-button-space)
}

.ele-admin-collapse .ele-admin-logo>img+h1 {
    display: none
}

.ele-admin-collapse:not(.ele-admin-mix-sidebar) .ele-admin-logo {
    width: var(--ele-sidebar-collapse-width)
}

.ele-admin-collapse .ele-admin-sidebar {
    width: var(--ele-sidebar-collapse-width)
}

.ele-admin-collapse .ele-admin-sidebar+.ele-admin-body {
    width: calc(100% - var(--ele-sidebar-collapse-width))
}

.ele-admin-collapse.ele-admin-mix-sidebar .ele-admin-sidebar {
    width: 0
}

.ele-admin-collapse.ele-admin-mix-sidebar .ele-admin-sidebar+.ele-admin-body {
    width: calc(100% - var(--ele-sidebox-width))
}

.ele-admin-collapse.ele-admin-mix-sidebar .ele-admin-sidebox,
.ele-admin-none-sidebar.ele-admin-mix-sidebar .ele-admin-sidebox {
    box-shadow: var(--ele-sidebar-shadow)
}

.ele-admin-compact.ele-admin-mix-sidebar .ele-admin-logo,
.ele-admin-compact.ele-admin-mix-sidebar .ele-admin-sidebox {
    width: var(--ele-sidebar-collapse-width)
}

.ele-admin-compact.ele-admin-mix-sidebar .ele-admin-sidebar+.ele-admin-body {
    width: calc(100% - var(--ele-sidebar-collapse-width) - var(--ele-sidebar-mix-width))
}

.ele-admin-compact.ele-admin-mix-sidebar .ele-admin-sidebox+.ele-admin-body,
.ele-admin-compact.ele-admin-mix-sidebar.ele-admin-collapse .ele-admin-body {
    width: calc(100% - var(--ele-sidebar-collapse-width))
}

.ele-admin-compact.ele-admin-mix-sidebar .ele-admin-sidebox .ele-admin-menus>.el-scrollbar__wrap>.el-scrollbar__view>.ele-menu {
    --ele-menu-item-padding: var(--ele-sidebox-collapse-padding)
}

.ele-admin-compact.ele-admin-mix-sidebar .ele-admin-sidebox .ele-admin-menus>.el-scrollbar__wrap>.el-scrollbar__view>.ele-menu>.el-menu-item,
.ele-admin-compact.ele-admin-mix-sidebar .ele-admin-sidebox .ele-admin-menus>.el-scrollbar__wrap>.el-scrollbar__view>.ele-menu>.el-sub-menu>.el-sub-menu__title {
    padding: var(--ele-sidebox-collapse-item-padding)
}

.ele-admin-compact.ele-admin-mix-sidebar .ele-admin-sidebox .ele-admin-menus>.el-scrollbar__wrap>.el-scrollbar__view>.ele-menu>.el-menu-item>span,
.ele-admin-compact.ele-admin-mix-sidebar .ele-admin-sidebox .ele-admin-menus>.el-scrollbar__wrap>.el-scrollbar__view>.ele-menu>.el-sub-menu>.el-sub-menu__title>span {
    display: none
}

.ele-admin-compact.ele-admin-mix-sidebar .ele-admin-sidebox .ele-admin-menus>.el-scrollbar__wrap>.el-scrollbar__view>.ele-menu>.el-menu-item .el-badge .el-badge__content:not(.is-dot),
.ele-admin-compact.ele-admin-mix-sidebar .ele-admin-sidebox .ele-admin-menus>.el-scrollbar__wrap>.el-scrollbar__view>.ele-menu>.el-sub-menu>.el-sub-menu__title .el-badge .el-badge__content:not(.is-dot) {
    padding      : 0;
    width        : 8px;
    height       : 8px;
    font-size    : 0;
    line-height  : 0;
    min-width    : auto;
    border-radius: 50%
}

.ele-admin-fixed-header .ele-admin-header {
    position: sticky;
    top     : 0
}

.ele-admin-fixed-header .ele-admin-tabs {
    position: sticky;
    top     : var(--ele-header-height)
}

.ele-admin-fixed-header:not(.ele-admin-fixed-sidebar) .ele-admin-sidebar,
.ele-admin-fixed-header:not(.ele-admin-fixed-sidebar) .ele-admin-sidebox {
    z-index: calc(var(--ele-layout-index) + 2)
}

.ele-admin-fixed-header:not(.ele-admin-fixed-sidebar):not(.ele-admin-logo-auto):not(.ele-admin-dark-sidebar) .ele-admin-logo {
    box-shadow: 0 -.8px 0 var(--ele-header-line-color) inset
}

.ele-admin-fixed-header:not(.ele-admin-fixed-sidebar):not(.ele-admin-logo-auto):not(.ele-admin-dark-sidebar).ele-admin-tab-card .ele-admin-logo,
.ele-admin-fixed-header:not(.ele-admin-fixed-sidebar):not(.ele-admin-logo-auto):not(.ele-admin-dark-sidebar):not(.ele-admin-has-tab) .ele-admin-logo {
    box-shadow: none
}

.ele-admin-fixed-sidebar .ele-admin-sidebox,
.ele-admin-fixed-sidebar:not(.ele-admin-mix-sidebar) .ele-admin-sidebar,
.ele-admin-fixed-sidebar.ele-admin-fixed-header.ele-admin-mix-sidebar .ele-admin-sidebar {
    position: sticky;
    top     : var(--ele-header-height);
    height  : calc(100vh - var(--ele-header-height))
}

.ele-admin-fixed-sidebar:not(.ele-admin-fixed-header):not(.ele-admin-logo-auto) .ele-admin-logo {
    position: fixed;
    top     : 0;
    left    : 0
}

.ele-admin-fixed-sidebar:not(.ele-admin-fixed-header):not(.ele-admin-logo-auto):not(.ele-admin-mix-sidebar) .ele-admin-header {
    padding-left: var(--ele-sidebar-width)
}

.ele-admin-fixed-sidebar:not(.ele-admin-fixed-header):not(.ele-admin-logo-auto):not(.ele-admin-mix-sidebar).ele-admin-collapse .ele-admin-header {
    padding-left: var(--ele-sidebar-collapse-width)
}

.ele-admin-fixed-sidebar:not(.ele-admin-fixed-header):not(.ele-admin-logo-auto).ele-admin-mix-sidebar .ele-admin-header {
    padding-left: var(--ele-sidebox-width)
}

.ele-admin-fixed-sidebar:not(.ele-admin-fixed-header):not(.ele-admin-logo-auto).ele-admin-mix-sidebar.ele-admin-compact .ele-admin-header {
    padding-left: var(--ele-sidebar-collapse-width)
}

.ele-admin-fixed-sidebar:not(.ele-admin-fixed-header).ele-admin-logo-auto .ele-admin-sidebox,
.ele-admin-fixed-sidebar:not(.ele-admin-fixed-header).ele-admin-logo-auto:not(.ele-admin-mix-sidebar) .ele-admin-sidebar {
    top   : -1px;
    height: var(--ele-layout-height)
}

.ele-admin-fixed-body {
    height: var(--ele-layout-height)
}

.ele-admin-fixed-body .ele-admin-main,
.ele-admin-fixed-body .ele-admin-body,
.ele-admin-fixed-body .ele-admin-content {
    overflow-x: hidden;
    overflow-y: auto
}

.ele-admin-fixed-body .ele-admin-body,
.ele-admin-fixed-body .ele-admin-sidebar,
.ele-admin-fixed-body .ele-admin-sidebox {
    height: 100%
}

.ele-admin-maximized.ele-admin-layout .ele-admin-header,
.ele-admin-maximized.ele-admin-layout .ele-admin-sidebar,
.ele-admin-maximized.ele-admin-layout .ele-admin-sidebox,
.ele-admin-maximized.ele-admin-layout.ele-admin-expanded .ele-admin-tabs {
    display: none
}

.ele-admin-maximized.ele-admin-layout.ele-admin-fixed-header .ele-admin-tabs {
    top: 0
}

.ele-admin-maximized.ele-admin-layout .ele-admin-sidebar+.ele-admin-body,
.ele-admin-maximized.ele-admin-layout .ele-admin-sidebox+.ele-admin-body {
    width: 100%
}

.ele-admin-logo-auto .ele-admin-header .ele-admin-logo {
    width     : auto;
    padding   : 0 12px 0 24px;
    color     : var(--ele-logo-color);
    background: none;
    box-shadow: none;
    transition: none
}

.ele-admin-logo-auto .ele-admin-header .ele-admin-logo>img+h1 {
    display: inline
}

.ele-admin-logo-auto .ele-admin-header.is-dark .ele-admin-logo,
.ele-admin-logo-auto .ele-admin-header.is-primary .ele-admin-logo {
    color: var(--ele-logo-dark-color)
}

.ele-admin-logo-auto .ele-admin-sidebar,
.ele-admin-logo-auto .ele-admin-sidebox {
    z-index: calc(var(--ele-layout-index) + 2)
}

.ele-admin-header.is-dark,
.ele-admin-header.is-primary {
    color     : var(--ele-menu-dark-active-color);
    background: var(--ele-header-dark-bg);
    box-shadow: var(--ele-header-dark-shadow)
}

.ele-admin-header.is-dark .ele-admin-tool:hover,
.ele-admin-header.is-primary .ele-admin-tool:hover {
    background: var(--ele-header-dark-tool-hover-bg)
}

.ele-admin-header.is-dark .ele-breadcrumb .el-breadcrumb__item .el-breadcrumb__inner,
.ele-admin-header.is-primary .ele-breadcrumb .el-breadcrumb__item .el-breadcrumb__inner {
    color: var(--ele-menu-dark-color)
}

.ele-admin-header.is-dark .ele-breadcrumb .el-breadcrumb__item .el-breadcrumb__inner.is-link:hover,
.ele-admin-header.is-primary .ele-breadcrumb .el-breadcrumb__item .el-breadcrumb__inner.is-link:hover {
    color: var(--ele-menu-dark-active-color)
}

.ele-admin-header.is-dark .ele-breadcrumb .el-breadcrumb__item:last-child .el-breadcrumb__inner,
.ele-admin-header.is-primary .ele-breadcrumb .el-breadcrumb__item:last-child .el-breadcrumb__inner {
    color: var(--ele-menu-dark-active-color)
}

.ele-admin-header.is-dark .ele-breadcrumb .el-breadcrumb__item .el-breadcrumb__separator,
.ele-admin-header.is-primary .ele-breadcrumb .el-breadcrumb__item .el-breadcrumb__separator {
    color: var(--ele-menu-dark-color)
}

.ele-admin-header.is-primary {
    background: var(--el-color-primary)
}

.ele-admin-header.is-primary .ele-admin-menus>.ele-menu {
    --ele-menu-horizontal-dark-hover-bg : var(--ele-header-primary-hover-bg);
    --ele-menu-horizontal-dark-active-bg: var(--ele-header-primary-active-bg)
}

.ele-admin-dark-sidebar .ele-admin-logo {
    color     : var(--ele-logo-dark-color);
    background: var(--ele-sidebar-dark-bg);
    box-shadow: var(--ele-logo-dark-shadow)
}

.ele-admin-dark-sidebar .ele-admin-sidebar {
    background: var(--ele-sidebar-dark-bg);
    box-shadow: var(--ele-sidebar-dark-shadow)
}

.ele-admin-dark-sidebar.ele-admin-mix-sidebar:not(.ele-admin-collapse) .ele-admin-logo,
.ele-admin-dark-sidebar.ele-admin-mix-sidebar:not(.ele-admin-collapse) .ele-admin-sidebox {
    box-shadow: none
}

.ele-admin-dark-sidebar.ele-admin-mix-sidebar .ele-admin-sidebox {
    background: var(--ele-sidebar-dark-bg)
}

.ele-admin-dark-sidebar.ele-admin-mix-sidebar .ele-admin-sidebox .ele-admin-menus>.el-scrollbar__wrap>.el-scrollbar__view>.ele-menu>.el-sub-menu.is-active>.el-sub-menu__title {
    background: var(--ele-menu-dark-active-bg)
}

.ele-admin-dark-sidebar .ele-admin-sidebox .ele-sidebar-tool,
.ele-admin-dark-sidebar:not(.ele-admin-mix-sidebar) .ele-admin-sidebar .ele-sidebar-tool {
    color: var(--ele-menu-dark-active-color)
}

.ele-admin-dark-sidebar .ele-admin-sidebox .ele-sidebar-tool:hover,
.ele-admin-dark-sidebar:not(.ele-admin-mix-sidebar) .ele-admin-sidebar .ele-sidebar-tool:hover {
    background: var(--ele-header-dark-tool-hover-bg)
}

.ele-admin-mobile .ele-admin-logo,
.ele-admin-mobile .ele-admin-sidebar {
    position: fixed !important;
    left    : 0 !important;
    width   : var(--ele-sidebar-width) !important;
    z-index : calc(var(--ele-layout-mask-index) + 1) !important
}

.ele-admin-mobile .ele-admin-sidebar {
    top   : var(--ele-header-height) !important;
    height: calc(100vh - var(--ele-header-height)) !important
}

.ele-admin-mobile .ele-admin-logo>img+h1 {
    display: block !important
}

.ele-admin-mobile .ele-admin-body,
.ele-admin-mobile .ele-admin-header {
    padding-left: 0 !important;
    width       : 100% !important
}

.ele-admin-mobile .ele-admin-tabs {
    left: 0 !important
}

.ele-admin-mobile .ele-admin-breadcrumb,
.ele-admin-mobile .ele-admin-sidebox {
    display: none
}

.ele-admin-mobile:not(.ele-admin-collapse) .ele-admin-mask {
    left      : var(--ele-sidebar-width);
    background: var(--el-overlay-color-lighter);
    visibility: visible
}

.ele-admin-mobile.ele-admin-collapse .ele-admin-sidebar,
.ele-admin-mobile.ele-admin-collapse .ele-admin-logo {
    left      : calc(0px - var(--ele-sidebar-width)) !important;
    box-shadow: none !important
}

.ele-admin-mobile.ele-admin-open-tab:not(.ele-admin-tab-card) .ele-admin-header {
    box-shadow: 0 -.8px 0 var(--ele-header-line-color) inset !important
}

.ele-admin-mobile.ele-admin-open-tab:not(.ele-admin-tab-card) .ele-admin-header.is-dark,
.ele-admin-mobile.ele-admin-open-tab:not(.ele-admin-tab-card) .ele-admin-header.is-primary {
    box-shadow: var(--ele-header-dark-shadow)
}

.ele-admin-layout {
    --ele-layout-bg        : var(--el-bg-color-page);
    --ele-layout-height    : 100vh;
    --ele-layout-index     : 99;
    --ele-layout-mask-index: calc(var(--el-index-popper) + 800)
}

.ele-admin-header,
.ele-admin-sidebar,
.ele-admin-sidebox,
.ele-admin-tabs {
    --ele-header-height            : 54px;
    --ele-header-bg                : var(--el-bg-color);
    --ele-header-shadow            : 0 1px 4px rgba(0, 21, 41, .08);
    --ele-header-line-color        : var(--el-border-color-extra-light);
    --ele-header-menu-height       : 54px;
    --ele-header-tool-height       : 100%;
    --ele-header-tool-radius       : 0;
    --ele-header-tool-hover-bg     : rgba(0, 0, 0, .025);
    --ele-header-dark-tool-hover-bg: rgba(255, 255, 255, .05)
}

.ele-admin-header.is-dark,
.ele-admin-header.is-primary {
    --ele-header-dark-bg    : #001529;
    --ele-header-dark-shadow: 0 1px 4px rgba(0, 0, 0, .1)
}

.ele-admin-header.is-primary {
    --ele-header-primary-hover-bg : transparent;
    --ele-header-primary-active-bg: transparent
}

.ele-admin-logo {
    --ele-logo-color      : var(--el-text-color-primary);
    --ele-logo-dark-color : #fff;
    --ele-logo-shadow     : 1px 2px 3px rgba(0, 21, 41, .08);
    --ele-logo-dark-shadow: 0 3px 4px rgba(0, 0, 0, .35)
}

.ele-admin-header,
.ele-admin-sidebar,
.ele-admin-sidebox,
.ele-admin-body,
.ele-admin-mask {
    --ele-sidebar-width         : 220px;
    --ele-sidebar-collapse-width: 54px;
    --ele-sidebar-mix-width     : 160px;
    --ele-sidebar-bg            : var(--el-bg-color);
    --ele-sidebar-dark-bg       : #001529;
    --ele-sidebar-shadow        : 1px 3px 3px rgba(0, 21, 41, .08);
    --ele-sidebar-dark-shadow   : 0 4px 4px rgba(0, 0, 0, .35);
    --ele-sidebar-transition    : width .2s, left .2s;
    --ele-sidebar-tool-height   : 40px
}

.ele-admin-header,
.ele-admin-sidebox,
.ele-admin-sidebox-popup,
.ele-admin-body {
    --ele-sidebox-width                : 80px;
    --ele-sidebox-padding              : 8px;
    --ele-sidebox-collapse-padding     : 4px;
    --ele-sidebox-font-size            : 12px;
    --ele-sidebox-icon-font-size       : 18px;
    --ele-sidebox-title-margin         : 6px;
    --ele-sidebox-item-padding         : 12px 0;
    --ele-sidebox-collapse-item-padding: 12px 0;
    --ele-sidebox-item-radius          : var(--el-border-radius-base)
}

.el-avatar {
    --el-avatar-text-color   : var(--el-color-white);
    --el-avatar-bg-color     : var(--el-text-color-disabled);
    --el-avatar-text-size    : 14px;
    --el-avatar-icon-size    : 18px;
    --el-avatar-border-radius: var(--el-border-radius-base);
    --el-avatar-size-large   : 56px;
    --el-avatar-size-small   : 24px;
    --el-avatar-size         : 40px;
    display                  : inline-flex;
    justify-content          : center;
    align-items              : center;
    box-sizing               : border-box;
    text-align               : center;
    overflow                 : hidden;
    color                    : var(--el-avatar-text-color);
    background               : var(--el-avatar-bg-color);
    width                    : var(--el-avatar-size);
    height                   : var(--el-avatar-size);
    font-size                : var(--el-avatar-text-size)
}

.el-avatar>img {
    display: block;
    width  : 100%;
    height : 100%
}

.el-avatar--circle {
    border-radius: 50%
}

.el-avatar--square {
    border-radius: var(--el-avatar-border-radius)
}

.el-avatar--icon {
    font-size: var(--el-avatar-icon-size)
}

.el-avatar--small {
    --el-avatar-size: 24px
}

.el-avatar--large {
    --el-avatar-size: 56px
}

:root {
    --el-popup-modal-bg-color: var(--el-color-black);
    --el-popup-modal-opacity : .5
}

.v-modal-enter {
    animation: v-modal-in var(--el-transition-duration-fast) ease
}

.v-modal-leave {
    animation: v-modal-out var(--el-transition-duration-fast) ease forwards
}

@keyframes v-modal-in {
    0% {
        opacity: 0
    }
}

@keyframes v-modal-out {
    to {
        opacity: 0
    }
}

.v-modal {
    position  : fixed;
    left      : 0;
    top       : 0;
    width     : 100%;
    height    : 100%;
    opacity   : var(--el-popup-modal-opacity);
    background: var(--el-popup-modal-bg-color)
}

.el-popup-parent--hidden {
    overflow: hidden
}

.el-dialog {
    --el-dialog-width            : 50%;
    --el-dialog-margin-top       : 15vh;
    --el-dialog-bg-color         : var(--el-bg-color);
    --el-dialog-box-shadow       : var(--el-box-shadow);
    --el-dialog-title-font-size  : var(--el-font-size-large);
    --el-dialog-content-font-size: 14px;
    --el-dialog-font-line-height : var(--el-font-line-height-primary);
    --el-dialog-padding-primary  : 20px;
    --el-dialog-border-radius    : var(--el-border-radius-small);
    position                     : relative;
    margin                       : var(--el-dialog-margin-top, 15vh) auto 50px;
    background                   : var(--el-dialog-bg-color);
    border-radius                : var(--el-dialog-border-radius);
    box-shadow                   : var(--el-dialog-box-shadow);
    box-sizing                   : border-box;
    width                        : var(--el-dialog-width, 50%)
}

.el-dialog:focus {
    outline: none !important
}

.el-dialog.is-align-center {
    margin: auto
}

.el-dialog.is-fullscreen {
    --el-dialog-width     : 100%;
    --el-dialog-margin-top: 0;
    margin-bottom         : 0;
    height                : 100%;
    overflow              : auto
}

.el-dialog__wrapper {
    position: fixed;
    top     : 0;
    right   : 0;
    bottom  : 0;
    left    : 0;
    overflow: auto;
    margin  : 0
}

.el-dialog.is-draggable .el-dialog__header {
    cursor     : move;
    user-select: none
}

.el-dialog__header {
    padding       : var(--el-dialog-padding-primary);
    padding-bottom: 10px;
    margin-right  : 16px
}

.el-dialog__headerbtn {
    position  : absolute;
    top       : 6px;
    right     : 0;
    padding   : 0;
    width     : 54px;
    height    : 54px;
    background: transparent;
    border    : none;
    outline   : none;
    cursor    : pointer;
    font-size : var(--el-message-close-size, 16px)
}

.el-dialog__headerbtn .el-dialog__close {
    color    : var(--el-color-info);
    font-size: inherit
}

.el-dialog__headerbtn:focus .el-dialog__close,
.el-dialog__headerbtn:hover .el-dialog__close {
    color: var(--el-color-primary)
}

.el-dialog__title {
    line-height: var(--el-dialog-font-line-height);
    font-size  : var(--el-dialog-title-font-size);
    color      : var(--el-text-color-primary)
}

.el-dialog__body {
    padding  : calc(var(--el-dialog-padding-primary) + 10px) var(--el-dialog-padding-primary);
    color    : var(--el-text-color-regular);
    font-size: var(--el-dialog-content-font-size)
}

.el-dialog__footer {
    padding    : var(--el-dialog-padding-primary);
    padding-top: 10px;
    text-align : right;
    box-sizing : border-box
}

.el-dialog--center {
    text-align: center
}

.el-dialog--center .el-dialog__body {
    text-align: initial;
    padding   : 25px calc(var(--el-dialog-padding-primary) + 5px) 30px
}

.el-dialog--center .el-dialog__footer {
    text-align: inherit
}

.el-overlay-dialog {
    position: fixed;
    top     : 0;
    right   : 0;
    bottom  : 0;
    left    : 0;
    overflow: auto
}

.dialog-fade-enter-active {
    animation: modal-fade-in var(--el-transition-duration)
}

.dialog-fade-enter-active .el-overlay-dialog {
    animation: dialog-fade-in var(--el-transition-duration)
}

.dialog-fade-leave-active {
    animation: modal-fade-out var(--el-transition-duration)
}

.dialog-fade-leave-active .el-overlay-dialog {
    animation: dialog-fade-out var(--el-transition-duration)
}

@keyframes dialog-fade-in {
    0% {
        transform: translate3d(0, -20px, 0);
        opacity  : 0
    }

    to {
        transform: translateZ(0);
        opacity  : 1
    }
}

@keyframes dialog-fade-out {
    0% {
        transform: translateZ(0);
        opacity  : 1
    }

    to {
        transform: translate3d(0, -20px, 0);
        opacity  : 0
    }
}

@keyframes modal-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes modal-fade-out {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.ele-modal {
    --ele-modal-bg                : var(--el-bg-color-overlay);
    --ele-modal-radius            : var(--el-border-radius-base);
    --ele-modal-header-color      : var(--el-text-color-primary);
    --ele-modal-header-font-size  : var(--el-font-size-medium);
    --ele-modal-header-font-weight: normal;
    --ele-modal-header-line-height: 24px;
    --ele-modal-header-padding    : 14px 20px;
    --ele-modal-header-border     : 1px solid var(--el-border-color-light);
    --ele-modal-icon-size         : 22px;
    --ele-modal-icon-font-size    : 18px;
    --ele-modal-icon-color        : var(--el-text-color-secondary);
    --ele-modal-icon-hover-color  : var(--el-text-color-primary);
    --ele-modal-icon-hover-bg     : transparent;
    --ele-modal-icon-radius       : var(--el-border-radius-small);
    --ele-modal-icon-space        : 8px;
    --ele-modal-body-padding      : 24px 22px;
    --ele-modal-form-body-padding : 24px 22px 12px 20px;
    --ele-modal-footer-padding    : 10px 20px;
    --ele-modal-footer-border     : 1px solid var(--el-border-color-light);
    --ele-modal-resize-bg         : linear-gradient(135deg, transparent 45%, hsla(0, 0%, 60%, .88) 0, hsla(0, 0%, 60%, .88) 55%, transparent 0, transparent 75%, hsla(0, 0%, 60%, .88) 0, hsla(0, 0%, 60%, .88) 85%, transparent 0);
    --ele-modal-fullscreen-border : 1px solid var(--el-border-color-light);
    --ele-modal-mobile-space      : 16px;
    --ele-modal-index             : var(--el-index-popper)
}

.ele-modal-inner {
    --ele-header-height                : 54px;
    --ele-header-bg                    : var(--el-bg-color);
    --ele-header-shadow                : 0 1px 4px rgba(0, 21, 41, .08);
    --ele-header-line-color            : var(--el-border-color-extra-light);
    --ele-header-menu-height           : 54px;
    --ele-header-tool-height           : 100%;
    --ele-header-tool-radius           : 0;
    --ele-header-tool-hover-bg         : rgba(0, 0, 0, .025);
    --ele-header-dark-tool-hover-bg    : rgba(255, 255, 255, .05);
    --ele-sidebar-width                : 220px;
    --ele-sidebar-collapse-width       : 54px;
    --ele-sidebar-mix-width            : 160px;
    --ele-sidebar-bg                   : var(--el-bg-color);
    --ele-sidebar-dark-bg              : #001529;
    --ele-sidebar-shadow               : 1px 3px 3px rgba(0, 21, 41, .08);
    --ele-sidebar-dark-shadow          : 0 4px 4px rgba(0, 0, 0, .35);
    --ele-sidebar-transition           : width .2s, left .2s;
    --ele-sidebar-tool-height          : 40px;
    --ele-sidebox-width                : 80px;
    --ele-sidebox-padding              : 8px;
    --ele-sidebox-collapse-padding     : 4px;
    --ele-sidebox-font-size            : 12px;
    --ele-sidebox-icon-font-size       : 18px;
    --ele-sidebox-title-margin         : 6px;
    --ele-sidebox-item-padding         : 12px 0;
    --ele-sidebox-collapse-item-padding: 12px 0;
    --ele-sidebox-item-radius          : var(--el-border-radius-base);
    --ele-tab-bg                       : var(--el-bg-color);
    --ele-tab-header-bg                : var(--el-fill-color-lighter);
    --ele-tab-line-color               : var(--el-border-color-light);
    --ele-tab-height                   : 40px;
    --ele-tab-padding                  : 16px;
    --ele-tab-color                    : var(--el-text-color-regular);
    --ele-tab-font-size                : var(--el-font-size-base);
    --ele-tab-hover-color              : var(--el-color-primary);
    --ele-tab-active-color             : var(--el-color-primary);
    --ele-tab-close-size               : var(--el-font-size-base);
    --ele-tab-close-color              : var(--el-text-color-secondary);
    --ele-tab-close-font-size          : var(--el-font-size-base);
    --ele-tab-close-radius             : 50%;
    --ele-tab-close-hover-color        : #fff;
    --ele-tab-close-hover-bg           : var(--el-color-error);
    --ele-tab-tool-color               : var(--el-text-color-secondary);
    --ele-tab-tool-font-size           : var(--el-font-size-base);
    --ele-tab-tool-hover-color         : var(--el-text-color-primary);
    --ele-tab-hover-index              : 2;
    --ele-tab-active-index             : 3;
    --ele-tab-transition               : color, background-color, border-color, box-shadow;
    --ele-tab-scroll-left-shadow       : inset 10px 0 10px -10px rgba(0, 0, 0, .15);
    --ele-tab-scroll-right-shadow      : inset -10px 0 10px -10px rgba(0, 0, 0, .15)
}

.ele-modal.el-overlay {
    height: auto
}

.ele-modal>.el-overlay-dialog {
    position: absolute
}

.ele-modal>.el-overlay-dialog>.el-dialog {
    background   : var(--ele-modal-bg);
    border-radius: var(--ele-modal-radius)
}

.ele-modal>.el-overlay-dialog>.el-dialog>.el-dialog__footer {
    border : none;
    padding: 0
}

.ele-modal>.el-overlay-dialog>.el-dialog>.el-dialog__body {
    padding  : 0;
    color    : inherit;
    font-size: inherit
}

.ele-modal>.el-overlay-dialog>.el-dialog>.el-dialog__header {
    margin : 0;
    padding: 0;
    border : none
}

.ele-modal .ele-modal-header {
    display      : flex;
    align-items  : center;
    box-sizing   : border-box;
    padding      : var(--ele-modal-header-padding);
    border-bottom: var(--ele-modal-header-border)
}

.ele-modal .ele-modal-title {
    flex       : 1;
    color      : var(--ele-modal-header-color);
    font-size  : var(--ele-modal-header-font-size);
    line-height: var(--ele-modal-header-line-height);
    font-weight: var(--ele-modal-header-font-weight);
    box-sizing : border-box
}

.ele-modal .ele-modal-tool {
    flex-shrink    : 0;
    display        : flex;
    align-items    : center;
    justify-content: center;
    width          : var(--ele-modal-icon-size);
    height         : var(--ele-modal-icon-size);
    line-height    : var(--ele-modal-icon-size);
    color          : var(--ele-modal-icon-color);
    font-size      : var(--ele-modal-icon-font-size);
    border-radius  : var(--ele-modal-icon-radius);
    transition     : color .2s, background-color .2s;
    box-sizing     : border-box;
    cursor         : pointer
}

.ele-modal .ele-modal-tool:hover {
    color     : var(--ele-modal-icon-hover-color);
    background: var(--ele-modal-icon-hover-bg)
}

.ele-modal .ele-modal-tool+.ele-modal-tool {
    margin-left: var(--ele-modal-icon-space)
}

.ele-modal .ele-modal-body {
    padding   : var(--ele-modal-body-padding);
    box-sizing: border-box
}

.ele-modal .ele-modal-footer {
    padding   : var(--ele-modal-footer-padding);
    border-top: var(--ele-modal-footer-border);
    box-sizing: border-box
}

.ele-modal.ele-modal-form>.el-overlay-dialog>.el-dialog>.el-dialog__body>.ele-modal-body {
    padding: var(--ele-modal-form-body-padding)
}

.ele-modal-movable>.el-overlay-dialog>.el-dialog>.el-dialog__header {
    cursor     : move;
    user-select: none
}

.ele-modal-resizable>.el-overlay-dialog>.el-dialog:after {
    content            : "";
    position           : absolute;
    right              : 0;
    bottom             : 0;
    width              : 12px;
    height             : 12px;
    cursor             : se-resize;
    background-image   : var(--ele-modal-resize-bg);
    background-position: 0 0;
    background-size    : 10px 10px;
    background-repeat  : no-repeat
}

.ele-modal-resizable-horizontal>.el-overlay-dialog>.el-dialog:after {
    cursor: e-resize
}

.ele-modal-resizable-vertical>.el-overlay-dialog>.el-dialog:after {
    cursor: s-resize
}

.ele-modal-resizable>.el-overlay-dialog>.el-dialog,
.ele-modal-fullscreen>.el-overlay-dialog>.el-dialog {
    display       : flex;
    flex-direction: column
}

.ele-modal-resizable>.el-overlay-dialog>.el-dialog>.el-dialog__header,
.ele-modal-fullscreen>.el-overlay-dialog>.el-dialog>.el-dialog__header {
    flex-shrink: 0
}

.ele-modal-resizable>.el-overlay-dialog>.el-dialog>.el-dialog__body,
.ele-modal-fullscreen>.el-overlay-dialog>.el-dialog>.el-dialog__body {
    flex    : auto;
    overflow: auto
}

.ele-modal-fullscreen>.el-overlay-dialog>.el-dialog {
    top          : 0 !important;
    left         : 0 !important;
    margin       : 0 !important;
    width        : 100% !important;
    height       : 100% !important;
    display      : flex !important;
    max-width    : inherit !important;
    min-width    : inherit !important;
    max-height   : inherit !important;
    min-height   : inherit !important;
    border       : var(--ele-modal-fullscreen-border);
    border-radius: 0
}

.ele-modal-fullscreen>.el-overlay-dialog>.el-dialog>.el-dialog__header {
    cursor: default !important
}

.ele-modal-fullscreen>.el-overlay-dialog>.el-dialog:after {
    display: none
}

#ele-modal-container {
    position      : absolute;
    top           : 0;
    left          : 0;
    right         : 0;
    bottom        : 0;
    pointer-events: none;
    z-index       : var(--ele-modal-index)
}

.ele-modal-multiple {
    pointer-events: none;
    position      : absolute !important
}

.ele-modal-multiple>.el-overlay-dialog {
    pointer-events: none;
    position      : absolute;
    overflow      : hidden
}

.ele-modal-multiple>.el-overlay-dialog>.el-dialog {
    pointer-events: auto
}

.ele-modal-hide {
    display: none !important
}

.ele-modal-responsive>.el-overlay-dialog>.el-dialog {
    max-width: calc(100vw - var(--ele-modal-mobile-space) * 2)
}

.ele-modal-inner {
    top       : var(--ele-header-height);
    left      : var(--ele-sidebar-width);
    transition: width .2s, left .2s
}

.ele-modal-inner.ele-state-has-tab {
    top: calc(var(--ele-header-height) + var(--ele-tab-height))
}

.ele-modal-inner.ele-state-collapse {
    left: var(--ele-sidebar-collapse-width)
}

.ele-modal-inner.ele-state-mix-sidebar {
    left: calc(var(--ele-sidebox-width) + var(--ele-sidebar-mix-width))
}

.ele-modal-inner.ele-state-mix-sidebar.ele-state-collapse,
.ele-modal-inner.ele-state-mix-sidebar.ele-state-single-sidebar {
    left: var(--ele-sidebox-width)
}

.ele-modal-inner.ele-state-compact {
    left: calc(var(--ele-sidebar-collapse-width) + var(--ele-sidebar-mix-width))
}

.ele-modal-inner.ele-state-compact.ele-state-single-sidebar,
.ele-modal-inner.ele-state-compact.ele-state-collapse {
    left: var(--ele-sidebar-collapse-width)
}

.ele-modal-inner.ele-state-top-layout {
    left: 0
}

.ele-modal-inner.ele-state-maximized {
    top : var(--ele-tab-height);
    left: 0 !important
}

.ele-modal-inner.ele-state-expanded {
    top: 0 !important
}

.ele-modal-inner.ele-state-mobile {
    left: 0 !important
}

.el-form {
    --el-form-label-font-size     : var(--el-font-size-base);
    --el-form-inline-content-width: 220px
}

.el-form--label-left .el-form-item__label {
    justify-content: flex-start
}

.el-form--label-top .el-form-item {
    display: block
}

.el-form--label-top .el-form-item .el-form-item__label {
    display      : block;
    height       : auto;
    text-align   : left;
    margin-bottom: 8px;
    line-height  : 22px
}

.el-form--inline .el-form-item {
    display       : inline-flex;
    vertical-align: middle;
    margin-right  : 32px
}

.el-form--inline.el-form--label-top {
    display  : flex;
    flex-wrap: wrap
}

.el-form--inline.el-form--label-top .el-form-item {
    display: block
}

.el-form--large.el-form--label-top .el-form-item .el-form-item__label {
    margin-bottom: 12px;
    line-height  : 22px
}

.el-form--default.el-form--label-top .el-form-item .el-form-item__label {
    margin-bottom: 8px;
    line-height  : 22px
}

.el-form--small.el-form--label-top .el-form-item .el-form-item__label {
    margin-bottom: 4px;
    line-height  : 20px
}

.el-form-item {
    display      : flex;
    --font-size  : 14px;
    margin-bottom: 18px
}

.el-form-item .el-form-item {
    margin-bottom: 0
}

.el-form-item .el-input__validateIcon {
    display: none
}

.el-form-item--large {
    --font-size              : 14px;
    --el-form-label-font-size: var(--font-size);
    margin-bottom            : 22px
}

.el-form-item--large .el-form-item__label {
    height     : 40px;
    line-height: 40px
}

.el-form-item--large .el-form-item__content {
    line-height: 40px
}

.el-form-item--large .el-form-item__error {
    padding-top: 4px
}

.el-form-item--default {
    --font-size              : 14px;
    --el-form-label-font-size: var(--font-size);
    margin-bottom            : 18px
}

.el-form-item--default .el-form-item__label {
    height     : 32px;
    line-height: 32px
}

.el-form-item--default .el-form-item__content {
    line-height: 32px
}

.el-form-item--default .el-form-item__error {
    padding-top: 2px
}

.el-form-item--small {
    --font-size              : 12px;
    --el-form-label-font-size: var(--font-size);
    margin-bottom            : 18px
}

.el-form-item--small .el-form-item__label {
    height     : 24px;
    line-height: 24px
}

.el-form-item--small .el-form-item__content {
    line-height: 24px
}

.el-form-item--small .el-form-item__error {
    padding-top: 2px
}

.el-form-item__label-wrap {
    display: flex
}

.el-form-item__label {
    display        : inline-flex;
    justify-content: flex-end;
    align-items    : flex-start;
    flex           : 0 0 auto;
    font-size      : var(--el-form-label-font-size);
    color          : var(--el-text-color-regular);
    height         : 32px;
    line-height    : 32px;
    padding        : 0 12px 0 0;
    box-sizing     : border-box
}

.el-form-item__content {
    display    : flex;
    flex-wrap  : wrap;
    align-items: center;
    flex       : 1;
    line-height: 32px;
    position   : relative;
    font-size  : var(--font-size);
    min-width  : 0
}

.el-form-item__content .el-input-group {
    vertical-align: top
}

.el-form-item__error {
    color      : var(--el-color-danger);
    font-size  : 12px;
    line-height: 1;
    padding-top: 2px;
    position   : absolute;
    top        : 100%;
    left       : 0
}

.el-form-item__error--inline {
    position   : relative;
    top        : auto;
    left       : auto;
    display    : inline-block;
    margin-left: 10px
}

.el-form-item.is-required:not(.is-no-asterisk).asterisk-left>.el-form-item__label:before,
.el-form-item.is-required:not(.is-no-asterisk).asterisk-left>.el-form-item__label-wrap>.el-form-item__label:before {
    content     : "*";
    color       : var(--el-color-danger);
    margin-right: 4px
}

.el-form-item.is-required:not(.is-no-asterisk).asterisk-right>.el-form-item__label:after,
.el-form-item.is-required:not(.is-no-asterisk).asterisk-right>.el-form-item__label-wrap>.el-form-item__label:after {
    content    : "*";
    color      : var(--el-color-danger);
    margin-left: 4px
}

.el-form-item.is-error .el-select-v2__wrapper.is-focused {
    border-color: transparent
}

.el-form-item.is-error .el-select-v2__wrapper,
.el-form-item.is-error .el-select-v2__wrapper:focus,
.el-form-item.is-error .el-textarea__inner,
.el-form-item.is-error .el-textarea__inner:focus {
    box-shadow: 0 0 0 1px var(--el-color-danger) inset
}

.el-form-item.is-error .el-input__wrapper {
    box-shadow: 0 0 0 1px var(--el-color-danger) inset
}

.el-form-item.is-error .el-input-group__append .el-input__wrapper,
.el-form-item.is-error .el-input-group__prepend .el-input__wrapper {
    box-shadow: 0 0 0 1px transparent inset
}

.el-form-item.is-error .el-input__validateIcon {
    color: var(--el-color-danger)
}

.el-form-item--feedback .el-input__validateIcon {
    display: inline-flex
}

.header-avatar[data-v-d0043042] {
    display    : flex;
    align-items: center;
    position   : relative;
    height     : 100%;
    outline    : none
}

.el-tag {
    --el-tag-font-size            : 12px;
    --el-tag-border-radius        : 4px;
    --el-tag-border-radius-rounded: 9999px
}

.el-tag {
    --el-tag-bg-color    : var(--el-color-primary-light-9);
    --el-tag-border-color: var(--el-color-primary-light-8);
    --el-tag-hover-color : var(--el-color-primary);
    --el-tag-text-color  : var(--el-color-primary);
    background-color     : var(--el-tag-bg-color);
    border-color         : var(--el-tag-border-color);
    color                : var(--el-tag-text-color);
    display              : inline-flex;
    justify-content      : center;
    align-items          : center;
    vertical-align       : middle;
    height               : 24px;
    padding              : 0 9px;
    font-size            : var(--el-tag-font-size);
    line-height          : 1;
    border-width         : 1px;
    border-style         : solid;
    border-radius        : var(--el-tag-border-radius);
    box-sizing           : border-box;
    white-space          : nowrap;
    --el-icon-size       : 14px
}

.el-tag.el-tag--primary {
    --el-tag-bg-color    : var(--el-color-primary-light-9);
    --el-tag-border-color: var(--el-color-primary-light-8);
    --el-tag-hover-color : var(--el-color-primary)
}

.el-tag.el-tag--success {
    --el-tag-bg-color    : var(--el-color-success-light-9);
    --el-tag-border-color: var(--el-color-success-light-8);
    --el-tag-hover-color : var(--el-color-success)
}

.el-tag.el-tag--warning {
    --el-tag-bg-color    : var(--el-color-warning-light-9);
    --el-tag-border-color: var(--el-color-warning-light-8);
    --el-tag-hover-color : var(--el-color-warning)
}

.el-tag.el-tag--danger {
    --el-tag-bg-color    : var(--el-color-danger-light-9);
    --el-tag-border-color: var(--el-color-danger-light-8);
    --el-tag-hover-color : var(--el-color-danger)
}

.el-tag.el-tag--error {
    --el-tag-bg-color    : var(--el-color-error-light-9);
    --el-tag-border-color: var(--el-color-error-light-8);
    --el-tag-hover-color : var(--el-color-error)
}

.el-tag.el-tag--info {
    --el-tag-bg-color    : var(--el-color-info-light-9);
    --el-tag-border-color: var(--el-color-info-light-8);
    --el-tag-hover-color : var(--el-color-info)
}

.el-tag.el-tag--primary {
    --el-tag-text-color: var(--el-color-primary)
}

.el-tag.el-tag--success {
    --el-tag-text-color: var(--el-color-success)
}

.el-tag.el-tag--warning {
    --el-tag-text-color: var(--el-color-warning)
}

.el-tag.el-tag--danger {
    --el-tag-text-color: var(--el-color-danger)
}

.el-tag.el-tag--error {
    --el-tag-text-color: var(--el-color-error)
}

.el-tag.el-tag--info {
    --el-tag-text-color: var(--el-color-info)
}

.el-tag.is-hit {
    border-color: var(--el-color-primary)
}

.el-tag.is-round {
    border-radius: var(--el-tag-border-radius-rounded)
}

.el-tag .el-tag__close {
    color: var(--el-tag-text-color)
}

.el-tag .el-tag__close:hover {
    color           : var(--el-color-white);
    background-color: var(--el-tag-hover-color)
}

.el-tag .el-icon {
    border-radius: 50%;
    cursor       : pointer;
    font-size    : calc(var(--el-icon-size) - 2px);
    height       : var(--el-icon-size);
    width        : var(--el-icon-size)
}

.el-tag .el-tag__close {
    margin-left: 6px
}

.el-tag--dark {
    --el-tag-bg-color    : var(--el-color-primary);
    --el-tag-border-color: var(--el-color-primary);
    --el-tag-hover-color : var(--el-color-primary-light-3);
    --el-tag-text-color  : var(--el-color-white)
}

.el-tag--dark.el-tag--primary {
    --el-tag-bg-color    : var(--el-color-primary);
    --el-tag-border-color: var(--el-color-primary);
    --el-tag-hover-color : var(--el-color-primary-light-3)
}

.el-tag--dark.el-tag--success {
    --el-tag-bg-color    : var(--el-color-success);
    --el-tag-border-color: var(--el-color-success);
    --el-tag-hover-color : var(--el-color-success-light-3)
}

.el-tag--dark.el-tag--warning {
    --el-tag-bg-color    : var(--el-color-warning);
    --el-tag-border-color: var(--el-color-warning);
    --el-tag-hover-color : var(--el-color-warning-light-3)
}

.el-tag--dark.el-tag--danger {
    --el-tag-bg-color    : var(--el-color-danger);
    --el-tag-border-color: var(--el-color-danger);
    --el-tag-hover-color : var(--el-color-danger-light-3)
}

.el-tag--dark.el-tag--error {
    --el-tag-bg-color    : var(--el-color-error);
    --el-tag-border-color: var(--el-color-error);
    --el-tag-hover-color : var(--el-color-error-light-3)
}

.el-tag--dark.el-tag--info {
    --el-tag-bg-color    : var(--el-color-info);
    --el-tag-border-color: var(--el-color-info);
    --el-tag-hover-color : var(--el-color-info-light-3)
}

.el-tag--dark.el-tag--primary,
.el-tag--dark.el-tag--success,
.el-tag--dark.el-tag--warning,
.el-tag--dark.el-tag--danger,
.el-tag--dark.el-tag--error,
.el-tag--dark.el-tag--info {
    --el-tag-text-color: var(--el-color-white)
}

.el-tag--plain {
    --el-tag-border-color: var(--el-color-primary-light-5);
    --el-tag-hover-color : var(--el-color-primary);
    --el-tag-bg-color    : var(--el-fill-color-blank)
}

.el-tag--plain.el-tag--primary {
    --el-tag-bg-color    : var(--el-fill-color-blank);
    --el-tag-border-color: var(--el-color-primary-light-5);
    --el-tag-hover-color : var(--el-color-primary)
}

.el-tag--plain.el-tag--success {
    --el-tag-bg-color    : var(--el-fill-color-blank);
    --el-tag-border-color: var(--el-color-success-light-5);
    --el-tag-hover-color : var(--el-color-success)
}

.el-tag--plain.el-tag--warning {
    --el-tag-bg-color    : var(--el-fill-color-blank);
    --el-tag-border-color: var(--el-color-warning-light-5);
    --el-tag-hover-color : var(--el-color-warning)
}

.el-tag--plain.el-tag--danger {
    --el-tag-bg-color    : var(--el-fill-color-blank);
    --el-tag-border-color: var(--el-color-danger-light-5);
    --el-tag-hover-color : var(--el-color-danger)
}

.el-tag--plain.el-tag--error {
    --el-tag-bg-color    : var(--el-fill-color-blank);
    --el-tag-border-color: var(--el-color-error-light-5);
    --el-tag-hover-color : var(--el-color-error)
}

.el-tag--plain.el-tag--info {
    --el-tag-bg-color    : var(--el-fill-color-blank);
    --el-tag-border-color: var(--el-color-info-light-5);
    --el-tag-hover-color : var(--el-color-info)
}

.el-tag.is-closable {
    padding-right: 5px
}

.el-tag--large {
    padding       : 0 11px;
    height        : 32px;
    --el-icon-size: 16px
}

.el-tag--large .el-tag__close {
    margin-left: 8px
}

.el-tag--large.is-closable {
    padding-right: 7px
}

.el-tag--small {
    padding       : 0 7px;
    height        : 20px;
    --el-icon-size: 12px
}

.el-tag--small .el-tag__close {
    margin-left: 4px
}

.el-tag--small.is-closable {
    padding-right: 3px
}

.el-tag--small .el-icon-close {
    transform: scale(.8)
}

.el-tag.el-tag--primary.is-hit {
    border-color: var(--el-color-primary)
}

.el-tag.el-tag--success.is-hit {
    border-color: var(--el-color-success)
}

.el-tag.el-tag--warning.is-hit {
    border-color: var(--el-color-warning)
}

.el-tag.el-tag--danger.is-hit {
    border-color: var(--el-color-danger)
}

.el-tag.el-tag--error.is-hit {
    border-color: var(--el-color-error)
}

.el-tag.el-tag--info.is-hit {
    border-color: var(--el-color-info)
}

.el-empty {
    --el-empty-padding               : 40px 0;
    --el-empty-image-width           : 160px;
    --el-empty-description-margin-top: 20px;
    --el-empty-bottom-margin-top     : 20px;
    --el-empty-fill-color-0          : var(--el-color-white);
    --el-empty-fill-color-1          : #fcfcfd;
    --el-empty-fill-color-2          : #f8f9fb;
    --el-empty-fill-color-3          : #f7f8fc;
    --el-empty-fill-color-4          : #eeeff3;
    --el-empty-fill-color-5          : #edeef2;
    --el-empty-fill-color-6          : #e9ebef;
    --el-empty-fill-color-7          : #e5e7e9;
    --el-empty-fill-color-8          : #e0e3e9;
    --el-empty-fill-color-9          : #d5d7de;
    display                          : flex;
    justify-content                  : center;
    align-items                      : center;
    flex-direction                   : column;
    text-align                       : center;
    box-sizing                       : border-box;
    padding                          : var(--el-empty-padding)
}

.el-empty__image {
    width: var(--el-empty-image-width)
}

.el-empty__image img {
    user-select   : none;
    width         : 100%;
    height        : 100%;
    vertical-align: top;
    object-fit    : contain
}

.el-empty__image svg {
    color         : var(--el-svg-monochrome-grey);
    fill          : currentColor;
    width         : 100%;
    height        : 100%;
    vertical-align: top
}

.el-empty__description {
    margin-top: var(--el-empty-description-margin-top)
}

.el-empty__description p {
    margin   : 0;
    font-size: var(--el-font-size-base);
    color    : var(--el-text-color-secondary)
}

.el-empty__bottom {
    margin-top: var(--el-empty-bottom-margin-top)
}

.el-divider {
    position: relative
}

.el-divider--horizontal {
    display   : block;
    height    : 1px;
    width     : 100%;
    margin    : 24px 0;
    border-top: 1px var(--el-border-color) var(--el-border-style)
}

.el-divider--vertical {
    display       : inline-block;
    width         : 1px;
    height        : 1em;
    margin        : 0 8px;
    vertical-align: middle;
    position      : relative;
    border-left   : 1px var(--el-border-color) var(--el-border-style)
}

.el-divider__text {
    position        : absolute;
    background-color: var(--el-bg-color);
    padding         : 0 20px;
    font-weight     : 500;
    color           : var(--el-text-color-primary);
    font-size       : 14px
}

.el-divider__text.is-left {
    left     : 20px;
    transform: translateY(-50%)
}

.el-divider__text.is-center {
    left     : 50%;
    transform: translate(-50%) translateY(-50%)
}

.el-divider__text.is-right {
    right    : 20px;
    transform: translateY(-50%)
}

.ele-text {
    --ele-text-heading-weight: normal;
    --ele-text-xxl           : calc(var(--el-font-size-extra-large) + 6px);
    --ele-text-xxxl          : calc(var(--el-font-size-extra-large) + 34px)
}

.ele-text {
    color     : var(--el-text-color-regular);
    font-size : var(--el-font-size-base);
    box-sizing: border-box
}

.ele-text.is-heading {
    color      : var(--el-text-color-primary);
    font-weight: var(--ele-text-heading-weight)
}

.ele-text.is-secondary {
    color: var(--el-text-color-secondary)
}

.ele-text.is-placeholder {
    color: var(--el-text-color-placeholder)
}

.ele-text.is-primary {
    color: var(--el-color-primary)
}

.ele-text.is-success {
    color: var(--el-color-success)
}

.ele-text.is-warning {
    color: var(--el-color-warning)
}

.ele-text.is-danger {
    color: var(--el-color-danger)
}

.ele-text.is-info {
    color: var(--el-color-info)
}

.ele-text.is-xs {
    font-size: var(--el-font-size-extra-small)
}

.ele-text.is-sm {
    font-size: var(--el-font-size-small)
}

.ele-text.is-md {
    font-size: var(--el-font-size-medium)
}

.ele-text.is-lg {
    font-size: var(--el-font-size-large)
}

.ele-text.is-xl {
    font-size: var(--el-font-size-extra-large)
}

.ele-text.is-xxl {
    font-size: var(--ele-text-xxl)
}

.ele-text.is-xxxl {
    font-size: var(--ele-text-xxxl)
}

.ele-text.is-delete {
    text-decoration: line-through
}

.ele-text.is-underline {
    text-decoration: underline
}

.ele-text.is-underline.is-delete {
    text-decoration: line-through underline
}

.ele-text.is-strong {
    font-weight: 700
}

.ele-text.is-italic {
    font-style: italic
}

.ele-text.is-icon>.el-icon {
    vertical-align: -2px
}

.ele-ellipsis {
    overflow  : hidden;
    word-break: break-all
}

.ele-ellipsis.is-multi-line {
    display           : -webkit-box;
    -webkit-box-orient: vertical
}

.ele-ellipsis:not(.is-multi-line) {
    white-space  : nowrap;
    text-overflow: ellipsis
}

.ele-ellipsis:not(.is-multi-line)>.el-link {
    display: inline
}

.ele-ellipsis:not(.is-multi-line)>.el-link>.el-link__inner {
    display: inline
}

.ele-ellipsis:not(.is-multi-line)>.el-link>.el-icon {
    vertical-align: -1.7px
}

.list-wrapper[data-v-fcb1bbf5] {
    padding-top: 8px;
    box-sizing : border-box
}

.list-item[data-v-fcb1bbf5] {
    display   : flex;
    padding   : 14px 24px;
    box-sizing: border-box;
    transition: background-color .2s;
    cursor    : pointer
}

.list-item .list-item-body[data-v-fcb1bbf5] {
    flex    : 1;
    overflow: hidden
}

.list-item .list-item-body .list-item-text[data-v-fcb1bbf5] {
    margin-top: 6px
}

.list-item .list-item-icon[data-v-fcb1bbf5] {
    width           : 32px;
    height          : 32px;
    color           : #fff;
    font-size       : 18px;
    border-radius   : 50%;
    text-align      : center;
    background-color: #60b2fc;
    flex-shrink     : 0;
    display         : flex;
    align-items     : center;
    justify-content : center
}

.list-item[data-v-fcb1bbf5] .el-avatar {
    flex-shrink: 0
}

.list-item .list-item-icon+.list-item-body[data-v-fcb1bbf5],
.list-item[data-v-fcb1bbf5] .el-avatar+.list-item-body {
    padding-left: 12px
}

.list-item[data-v-fcb1bbf5]:hover {
    background-color: #99999914
}

.list-item+.list-item[data-v-fcb1bbf5] {
    border-top: 1px solid hsla(0, 0%, 60%, .2)
}

.bottom-tools[data-v-fcb1bbf5] {
    display    : flex;
    align-items: center;
    border-top : 1px solid hsla(0, 0%, 60%, .2)
}

.bottom-tools .bottom-tool[data-v-fcb1bbf5] {
    flex           : 1;
    line-height    : 46px;
    text-align     : center;
    text-decoration: none;
    transition     : background-color .3s;
    cursor         : pointer;
    color          : inherit
}

.bottom-tools .bottom-tool[data-v-fcb1bbf5]:hover {
    background: hsla(0, 0%, 60%, .08)
}

.notice-tabs[data-v-fcb1bbf5] .el-tabs__header {
    --ele-tab-height : 44px;
    --ele-tab-padding: 22px
}

.el-space {
    display       : inline-flex;
    vertical-align: top
}

.el-space__item {
    display  : flex;
    flex-wrap: wrap
}

.el-space__item>* {
    flex: 1
}

.el-space--vertical {
    flex-direction: column
}

.el-link {
    --el-link-font-size          : var(--el-font-size-base);
    --el-link-font-weight        : var(--el-font-weight-primary);
    --el-link-text-color         : var(--el-text-color-regular);
    --el-link-hover-text-color   : var(--el-color-primary);
    --el-link-disabled-text-color: var(--el-text-color-placeholder)
}

.el-link {
    display        : inline-flex;
    flex-direction : row;
    align-items    : center;
    justify-content: center;
    vertical-align : middle;
    position       : relative;
    text-decoration: none;
    outline        : none;
    cursor         : pointer;
    padding        : 0;
    font-size      : var(--el-link-font-size);
    font-weight    : var(--el-link-font-weight);
    color          : var(--el-link-text-color)
}

.el-link:hover {
    color: var(--el-link-hover-text-color)
}

.el-link.is-underline:hover:after {
    content      : "";
    position     : absolute;
    left         : 0;
    right        : 0;
    height       : 0;
    bottom       : 0;
    border-bottom: 1px solid var(--el-link-hover-text-color)
}

.el-link.is-disabled {
    color : var(--el-link-disabled-text-color);
    cursor: not-allowed
}

.el-link [class*=el-icon-]+span {
    margin-left: 5px
}

.el-link.el-link--default:after {
    border-color: var(--el-link-hover-text-color)
}

.el-link__inner {
    display        : inline-flex;
    justify-content: center;
    align-items    : center
}

.el-link.el-link--primary {
    --el-link-text-color         : var(--el-color-primary);
    --el-link-hover-text-color   : var(--el-color-primary-light-3);
    --el-link-disabled-text-color: var(--el-color-primary-light-5)
}

.el-link.el-link--primary:after {
    border-color: var(--el-link-text-color)
}

.el-link.el-link--primary.is-underline:hover:after {
    border-color: var(--el-link-text-color)
}

.el-link.el-link--success {
    --el-link-text-color         : var(--el-color-success);
    --el-link-hover-text-color   : var(--el-color-success-light-3);
    --el-link-disabled-text-color: var(--el-color-success-light-5)
}

.el-link.el-link--success:after {
    border-color: var(--el-link-text-color)
}

.el-link.el-link--success.is-underline:hover:after {
    border-color: var(--el-link-text-color)
}

.el-link.el-link--warning {
    --el-link-text-color         : var(--el-color-warning);
    --el-link-hover-text-color   : var(--el-color-warning-light-3);
    --el-link-disabled-text-color: var(--el-color-warning-light-5)
}

.el-link.el-link--warning:after {
    border-color: var(--el-link-text-color)
}

.el-link.el-link--warning.is-underline:hover:after {
    border-color: var(--el-link-text-color)
}

.el-link.el-link--danger {
    --el-link-text-color         : var(--el-color-danger);
    --el-link-hover-text-color   : var(--el-color-danger-light-3);
    --el-link-disabled-text-color: var(--el-color-danger-light-5)
}

.el-link.el-link--danger:after {
    border-color: var(--el-link-text-color)
}

.el-link.el-link--danger.is-underline:hover:after {
    border-color: var(--el-link-text-color)
}

.el-link.el-link--error {
    --el-link-text-color         : var(--el-color-error);
    --el-link-hover-text-color   : var(--el-color-error-light-3);
    --el-link-disabled-text-color: var(--el-color-error-light-5)
}

.el-link.el-link--error:after {
    border-color: var(--el-link-text-color)
}

.el-link.el-link--error.is-underline:hover:after {
    border-color: var(--el-link-text-color)
}

.el-link.el-link--info {
    --el-link-text-color         : var(--el-color-info);
    --el-link-hover-text-color   : var(--el-color-info-light-3);
    --el-link-disabled-text-color: var(--el-color-info-light-5)
}

.el-link.el-link--info:after {
    border-color: var(--el-link-text-color)
}

.el-link.el-link--info.is-underline:hover:after {
    border-color: var(--el-link-text-color)
}

.el-drawer {
    --el-drawer-bg-color       : var(--el-dialog-bg-color, var(--el-bg-color));
    --el-drawer-padding-primary: var(--el-dialog-padding-primary, 20px)
}

.el-drawer {
    position        : absolute;
    box-sizing      : border-box;
    background-color: var(--el-drawer-bg-color);
    display         : flex;
    flex-direction  : column;
    box-shadow      : var(--el-box-shadow-dark);
    overflow        : hidden;
    transition      : all var(--el-transition-duration)
}

.el-drawer .rtl,
.el-drawer .ltr,
.el-drawer .ttb,
.el-drawer .btt {
    transform: translate(0)
}

.el-drawer__sr-focus:focus {
    outline: none !important
}

.el-drawer__header {
    align-items   : center;
    color         : #72767b;
    display       : flex;
    margin-bottom : 32px;
    padding       : var(--el-drawer-padding-primary);
    padding-bottom: 0
}

.el-drawer__header>:first-child {
    flex: 1
}

.el-drawer__title {
    margin     : 0;
    flex       : 1;
    line-height: inherit;
    font-size  : 1rem
}

.el-drawer__footer {
    padding    : var(--el-drawer-padding-primary);
    padding-top: 10px;
    text-align : right
}

.el-drawer__close-btn {
    display         : inline-flex;
    border          : none;
    cursor          : pointer;
    font-size       : var(--el-font-size-extra-large);
    color           : inherit;
    background-color: transparent;
    outline         : none
}

.el-drawer__close-btn:focus i,
.el-drawer__close-btn:hover i {
    color: var(--el-color-primary)
}

.el-drawer__body {
    flex    : 1;
    padding : var(--el-drawer-padding-primary);
    overflow: auto
}

.el-drawer__body>* {
    box-sizing: border-box
}

.el-drawer.ltr,
.el-drawer.rtl {
    height: 100%;
    top   : 0;
    bottom: 0
}

.el-drawer.ttb,
.el-drawer.btt {
    width: 100%;
    left : 0;
    right: 0
}

.el-drawer.ltr {
    left: 0
}

.el-drawer.rtl {
    right: 0
}

.el-drawer.ttb {
    top: 0
}

.el-drawer.btt {
    bottom: 0
}

.el-drawer-fade-enter-active,
.el-drawer-fade-leave-active {
    transition: all var(--el-transition-duration)
}

.el-drawer-fade-enter-from,
.el-drawer-fade-enter-active,
.el-drawer-fade-enter-to,
.el-drawer-fade-leave-from,
.el-drawer-fade-leave-active,
.el-drawer-fade-leave-to {
    overflow: hidden !important
}

.el-drawer-fade-enter-from,
.el-drawer-fade-leave-to {
    opacity: 0
}

.el-drawer-fade-enter-to,
.el-drawer-fade-leave-from {
    opacity: 1
}

.el-drawer-fade-enter-from .rtl,
.el-drawer-fade-leave-to .rtl {
    transform: translate(100%)
}

.el-drawer-fade-enter-from .ltr,
.el-drawer-fade-leave-to .ltr {
    transform: translate(-100%)
}

.el-drawer-fade-enter-from .ttb,
.el-drawer-fade-leave-to .ttb {
    transform: translateY(-100%)
}

.el-drawer-fade-enter-from .btt,
.el-drawer-fade-leave-to .btt {
    transform: translateY(100%)
}

.ele-drawer {
    --ele-drawer-bg                : var(--el-bg-color-overlay);
    --ele-drawer-header-color      : var(--el-text-color-primary);
    --ele-drawer-header-font-size  : var(--el-font-size-medium);
    --ele-drawer-header-font-weight: normal;
    --ele-drawer-header-line-height: 24px;
    --ele-drawer-header-padding    : 14px 16px;
    --ele-drawer-header-border     : 1px solid var(--el-border-color-light);
    --ele-drawer-icon-size         : 22px;
    --ele-drawer-icon-font-size    : 18px;
    --ele-drawer-icon-color        : var(--el-text-color-secondary);
    --ele-drawer-icon-hover-color  : var(--el-text-color-primary);
    --ele-drawer-icon-hover-bg     : transparent;
    --ele-drawer-icon-radius       : var(--el-border-radius-small);
    --ele-drawer-body-padding      : 20px;
    --ele-drawer-footer-padding    : 10px 16px;
    --ele-drawer-footer-border     : 1px solid var(--el-border-color-light)
}

.ele-drawer.el-drawer {
    background: var(--ele-drawer-bg)
}

.ele-drawer>.el-drawer__header {
    margin     : 0;
    padding    : 0;
    color      : inherit;
    display    : block;
    flex-shrink: 0;
    border     : none
}

.ele-drawer>.el-drawer__body {
    padding: 0
}

.ele-drawer>.el-drawer__footer {
    padding    : 0;
    flex-shrink: 0;
    border     : none
}

.ele-drawer .ele-drawer-header {
    display      : flex;
    align-items  : center;
    padding      : var(--ele-drawer-header-padding);
    border-bottom: var(--ele-drawer-header-border);
    box-sizing   : border-box
}

.ele-drawer .ele-drawer-title {
    flex       : 1;
    color      : var(--ele-drawer-header-color);
    font-size  : var(--ele-drawer-header-font-size);
    line-height: var(--ele-drawer-header-line-height);
    font-weight: var(--ele-drawer-header-font-weight);
    box-sizing : border-box
}

.ele-drawer .ele-drawer-close {
    flex-shrink    : 0;
    display        : flex;
    align-items    : center;
    justify-content: center;
    width          : var(--ele-drawer-icon-size);
    height         : var(--ele-drawer-icon-size);
    line-height    : var(--ele-drawer-icon-size);
    color          : var(--ele-drawer-icon-color);
    font-size      : var(--ele-drawer-icon-font-size);
    border-radius  : var(--ele-drawer-icon-radius);
    transition     : color .2s, background-color .2s;
    box-sizing     : border-box;
    cursor         : pointer
}

.ele-drawer .ele-drawer-close:hover {
    color     : var(--ele-drawer-icon-hover-color);
    background: var(--ele-drawer-icon-hover-bg)
}

.ele-drawer .ele-drawer-body {
    padding   : var(--ele-drawer-body-padding);
    box-sizing: border-box
}

.ele-drawer .ele-drawer-footer {
    padding   : var(--ele-drawer-footer-padding);
    border-top: var(--ele-drawer-footer-border);
    box-sizing: border-box
}

.el-select-dropdown__item {
    font-size    : var(--el-font-size-base);
    padding      : 0 32px 0 20px;
    position     : relative;
    white-space  : nowrap;
    overflow     : hidden;
    text-overflow: ellipsis;
    color        : var(--el-text-color-regular);
    height       : 34px;
    line-height  : 34px;
    box-sizing   : border-box;
    cursor       : pointer
}

.el-select-dropdown__item.is-disabled {
    color : var(--el-text-color-placeholder);
    cursor: not-allowed
}

.el-select-dropdown__item.hover,
.el-select-dropdown__item:hover {
    background-color: var(--el-fill-color-light)
}

.el-select-dropdown__item.selected {
    color      : var(--el-color-primary);
    font-weight: 700
}

.el-select-group {
    margin : 0;
    padding: 0
}

.el-select-group__wrap {
    position  : relative;
    list-style: none;
    margin    : 0;
    padding   : 0
}

.el-select-group__wrap:not(:last-of-type) {
    padding-bottom: 24px
}

.el-select-group__wrap:not(:last-of-type):after {
    content   : "";
    position  : absolute;
    display   : block;
    left      : 20px;
    right     : 20px;
    bottom    : 12px;
    height    : 1px;
    background: var(--el-border-color-light)
}

.el-select-group__split-dash {
    position  : absolute;
    left      : 20px;
    right     : 20px;
    height    : 1px;
    background: var(--el-border-color-light)
}

.el-select-group__title {
    padding-left: 20px;
    font-size   : 12px;
    color       : var(--el-color-info);
    line-height : 30px
}

.el-select-group .el-select-dropdown__item {
    padding-left: 20px
}

.el-select-dropdown {
    z-index      : calc(var(--el-index-top) + 1);
    border-radius: var(--el-border-radius-base);
    box-sizing   : border-box
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
    color           : var(--el-color-primary);
    background-color: var(--el-bg-color-overlay)
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover {
    background-color: var(--el-fill-color-light)
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.selected:after {
    content            : "";
    position           : absolute;
    top                : 50%;
    right              : 20px;
    border-top         : none;
    border-right       : none;
    background-repeat  : no-repeat;
    background-position: center;
    background-color   : var(--el-color-primary);
    mask               : url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
    mask-size          : 100% 100%;
    -webkit-mask       : url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
    -webkit-mask-size  : 100% 100%;
    transform          : translateY(-50%);
    width              : 12px;
    height             : 12px
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.is-disabled:after {
    background-color: var(--el-text-color-disabled)
}

.el-select-dropdown .el-select-dropdown__option-item.is-selected:after {
    content            : "";
    position           : absolute;
    top                : 50%;
    right              : 20px;
    border-top         : none;
    border-right       : none;
    background-repeat  : no-repeat;
    background-position: center;
    background-color   : var(--el-color-primary);
    mask               : url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
    mask-size          : 100% 100%;
    -webkit-mask       : url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
    -webkit-mask-size  : 100% 100%;
    transform          : translateY(-50%);
    width              : 12px;
    height             : 12px
}

.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list {
    padding: 0
}

.el-select-dropdown .el-select-dropdown__item.is-disabled:hover {
    background-color: unset
}

.el-select-dropdown .el-select-dropdown__item.is-disabled.selected {
    color: var(--el-text-color-disabled)
}

.el-select-dropdown__empty {
    padding   : 10px 0;
    margin    : 0;
    text-align: center;
    color     : var(--el-text-color-secondary);
    font-size : var(--el-select-font-size)
}

.el-select-dropdown__wrap {
    max-height: 274px
}

.el-select-dropdown__list {
    list-style: none;
    padding   : 6px 0;
    margin    : 0;
    box-sizing: border-box
}

.el-select {
    --el-select-border-color-hover      : var(--el-border-color-hover);
    --el-select-disabled-border         : var(--el-disabled-border-color);
    --el-select-font-size               : var(--el-font-size-base);
    --el-select-close-hover-color       : var(--el-text-color-secondary);
    --el-select-input-color             : var(--el-text-color-placeholder);
    --el-select-multiple-input-color    : var(--el-text-color-regular);
    --el-select-input-focus-border-color: var(--el-color-primary);
    --el-select-input-font-size         : 14px
}

.el-select {
    display       : inline-block;
    position      : relative;
    vertical-align: middle;
    line-height   : 32px
}

.el-select__popper.el-popper {
    background: var(--el-bg-color-overlay);
    border    : 1px solid var(--el-border-color-light);
    box-shadow: var(--el-box-shadow-light)
}

.el-select__popper.el-popper .el-popper__arrow:before {
    border: 1px solid var(--el-border-color-light)
}

.el-select__popper.el-popper[data-popper-placement^=top] .el-popper__arrow:before {
    border-top-color : transparent;
    border-left-color: transparent
}

.el-select__popper.el-popper[data-popper-placement^=bottom] .el-popper__arrow:before {
    border-bottom-color: transparent;
    border-right-color : transparent
}

.el-select__popper.el-popper[data-popper-placement^=left] .el-popper__arrow:before {
    border-left-color  : transparent;
    border-bottom-color: transparent
}

.el-select__popper.el-popper[data-popper-placement^=right] .el-popper__arrow:before {
    border-right-color: transparent;
    border-top-color  : transparent
}

.el-select .el-select-tags-wrapper.has-prefix {
    margin-left: 6px
}

.el-select--large {
    line-height: 40px
}

.el-select--large .el-select-tags-wrapper.has-prefix {
    margin-left: 8px
}

.el-select--small {
    line-height: 24px
}

.el-select--small .el-select-tags-wrapper.has-prefix {
    margin-left: 4px
}

.el-select .el-select__tags>span {
    display: inline-block
}

.el-select:hover:not(.el-select--disabled) .el-input__wrapper {
    box-shadow: 0 0 0 1px var(--el-select-border-color-hover) inset
}

.el-select .el-select__tags-text {
    display      : inline-block;
    line-height  : normal;
    overflow     : hidden;
    text-overflow: ellipsis;
    white-space  : nowrap
}

.el-select .el-input__wrapper {
    cursor: pointer
}

.el-select .el-input__wrapper.is-focus {
    box-shadow: 0 0 0 1px var(--el-select-input-focus-border-color) inset !important
}

.el-select .el-input__inner {
    cursor: pointer
}

.el-select .el-input {
    display: flex
}

.el-select .el-input .el-select__caret {
    color     : var(--el-select-input-color);
    font-size : var(--el-select-input-font-size);
    transition: transform var(--el-transition-duration);
    transform : rotate(0);
    cursor    : pointer
}

.el-select .el-input .el-select__caret.is-reverse {
    transform: rotate(-180deg)
}

.el-select .el-input .el-select__caret.is-show-close {
    font-size    : var(--el-select-font-size);
    text-align   : center;
    transform    : rotate(0);
    border-radius: var(--el-border-radius-circle);
    color        : var(--el-select-input-color);
    transition   : var(--el-transition-color)
}

.el-select .el-input .el-select__caret.is-show-close:hover {
    color: var(--el-select-close-hover-color)
}

.el-select .el-input .el-select__caret.el-icon {
    position: relative;
    height  : inherit;
    z-index : 2
}

.el-select .el-input.is-disabled .el-input__wrapper {
    cursor: not-allowed
}

.el-select .el-input.is-disabled .el-input__wrapper:hover {
    box-shadow: 0 0 0 1px var(--el-select-disabled-border) inset
}

.el-select .el-input.is-disabled .el-input__inner,
.el-select .el-input.is-disabled .el-select__caret {
    cursor: not-allowed
}

.el-select .el-input.is-focus .el-input__wrapper {
    box-shadow: 0 0 0 1px var(--el-select-input-focus-border-color) inset !important
}

.el-select__input {
    border            : none;
    outline           : none;
    padding           : 0;
    margin-left       : 15px;
    color             : var(--el-select-multiple-input-color);
    font-size         : var(--el-select-font-size);
    -webkit-appearance: none;
    appearance        : none;
    height            : 28px;
    background-color  : transparent
}

.el-select__input.is-disabled {
    cursor: not-allowed
}

.el-select__input--iOS {
    position: absolute;
    left    : 0;
    top     : 0;
    z-index : 6
}

.el-select__input.is-small {
    height: 14px
}

.el-select__close {
    cursor     : pointer;
    position   : absolute;
    top        : 8px;
    z-index    : var(--el-index-top);
    right      : 25px;
    color      : var(--el-select-input-color);
    line-height: 18px;
    font-size  : var(--el-select-input-font-size)
}

.el-select__close:hover {
    color: var(--el-select-close-hover-color)
}

.el-select__tags {
    position   : absolute;
    line-height: normal;
    top        : 50%;
    transform  : translateY(-50%);
    white-space: normal;
    z-index    : var(--el-index-normal);
    display    : flex;
    align-items: center;
    flex-wrap  : wrap;
    cursor     : pointer
}

.el-select__tags .el-tag {
    box-sizing  : border-box;
    border-color: transparent;
    margin      : 2px 6px 2px 0
}

.el-select__tags .el-tag:last-child {
    margin-right: 0
}

.el-select__tags .el-tag .el-icon-close {
    background-color: var(--el-text-color-placeholder);
    right           : -7px;
    top             : 0;
    color           : #fff
}

.el-select__tags .el-tag .el-icon-close:hover {
    background-color: var(--el-text-color-secondary)
}

.el-select__tags .el-tag .el-icon-close:before {
    display  : block;
    transform: translateY(.5px)
}

.el-select__tags .el-tag--info {
    background-color: var(--el-fill-color)
}

.el-select__tags.is-disabled {
    cursor: not-allowed
}

.el-select__collapse-tags {
    white-space: normal;
    z-index    : var(--el-index-normal);
    display    : flex;
    align-items: center;
    flex-wrap  : wrap;
    cursor     : pointer
}

.el-select__collapse-tags .el-tag {
    box-sizing  : border-box;
    border-color: transparent;
    margin      : 2px 6px 2px 0
}

.el-select__collapse-tags .el-tag:last-child {
    margin-right: 0
}

.el-select__collapse-tags .el-tag .el-icon-close {
    background-color: var(--el-text-color-placeholder);
    right           : -7px;
    top             : 0;
    color           : #fff
}

.el-select__collapse-tags .el-tag .el-icon-close:hover {
    background-color: var(--el-text-color-secondary)
}

.el-select__collapse-tags .el-tag .el-icon-close:before {
    display  : block;
    transform: translateY(.5px)
}

.el-select__collapse-tags .el-tag--info {
    background-color: var(--el-fill-color)
}

.el-select__collapse-tag {
    line-height: inherit;
    height     : inherit;
    display    : flex
}

.el-switch {
    --el-switch-on-color : var(--el-color-primary);
    --el-switch-off-color: var(--el-border-color)
}

.el-switch {
    display       : inline-flex;
    align-items   : center;
    position      : relative;
    font-size     : 14px;
    line-height   : 20px;
    height        : 32px;
    vertical-align: middle
}

.el-switch.is-disabled .el-switch__core,
.el-switch.is-disabled .el-switch__label {
    cursor: not-allowed
}

.el-switch__label {
    transition    : var(--el-transition-duration-fast);
    height        : 20px;
    display       : inline-block;
    font-size     : 14px;
    font-weight   : 500;
    cursor        : pointer;
    vertical-align: middle;
    color         : var(--el-text-color-primary)
}

.el-switch__label.is-active {
    color: var(--el-color-primary)
}

.el-switch__label--left {
    margin-right: 10px
}

.el-switch__label--right {
    margin-left: 10px
}

.el-switch__label * {
    line-height: 1;
    font-size  : 14px;
    display    : inline-block
}

.el-switch__label .el-icon {
    height: inherit
}

.el-switch__label .el-icon svg {
    vertical-align: middle
}

.el-switch__input {
    position: absolute;
    width   : 0;
    height  : 0;
    opacity : 0;
    margin  : 0
}

.el-switch__input:focus-visible~.el-switch__core {
    outline       : 2px solid var(--el-switch-on-color);
    outline-offset: 1px
}

.el-switch__core {
    display      : inline-flex;
    position     : relative;
    align-items  : center;
    min-width    : 40px;
    height       : 20px;
    border       : 1px solid var(--el-switch-border-color, var(--el-switch-off-color));
    outline      : none;
    border-radius: 10px;
    box-sizing   : border-box;
    background   : var(--el-switch-off-color);
    cursor       : pointer;
    transition   : border-color var(--el-transition-duration), background-color var(--el-transition-duration)
}

.el-switch__core .el-switch__inner {
    width          : 100%;
    transition     : all var(--el-transition-duration);
    height         : 16px;
    display        : flex;
    justify-content: center;
    align-items    : center;
    overflow       : hidden;
    padding        : 0 4px 0 18px
}

.el-switch__core .el-switch__inner .is-icon,
.el-switch__core .el-switch__inner .is-text {
    font-size    : 12px;
    color        : var(--el-color-white);
    user-select  : none;
    overflow     : hidden;
    text-overflow: ellipsis;
    white-space  : nowrap
}

.el-switch__core .el-switch__action {
    position        : absolute;
    left            : 1px;
    border-radius   : var(--el-border-radius-circle);
    transition      : all var(--el-transition-duration);
    width           : 16px;
    height          : 16px;
    background-color: var(--el-color-white);
    display         : flex;
    justify-content : center;
    align-items     : center;
    color           : var(--el-switch-off-color)
}

.el-switch.is-checked .el-switch__core {
    border-color    : var(--el-switch-border-color, var(--el-switch-on-color));
    background-color: var(--el-switch-on-color)
}

.el-switch.is-checked .el-switch__core .el-switch__action {
    left : calc(100% - 17px);
    color: var(--el-switch-on-color)
}

.el-switch.is-checked .el-switch__core .el-switch__inner {
    padding: 0 18px 0 4px
}

.el-switch.is-disabled {
    opacity: .6
}

.el-switch--wide .el-switch__label.el-switch__label--left span {
    left: 10px
}

.el-switch--wide .el-switch__label.el-switch__label--right span {
    right: 10px
}

.el-switch .label-fade-enter-from,
.el-switch .label-fade-leave-active {
    opacity: 0
}

.el-switch--large {
    font-size  : 14px;
    line-height: 24px;
    height     : 40px
}

.el-switch--large .el-switch__label {
    height   : 24px;
    font-size: 14px
}

.el-switch--large .el-switch__label * {
    font-size: 14px
}

.el-switch--large .el-switch__core {
    min-width    : 50px;
    height       : 24px;
    border-radius: 12px
}

.el-switch--large .el-switch__core .el-switch__inner {
    height : 20px;
    padding: 0 6px 0 22px
}

.el-switch--large .el-switch__core .el-switch__action {
    width : 20px;
    height: 20px
}

.el-switch--large.is-checked .el-switch__core .el-switch__action {
    left: calc(100% - 21px)
}

.el-switch--large.is-checked .el-switch__core .el-switch__inner {
    padding: 0 22px 0 6px
}

.el-switch--small {
    font-size  : 12px;
    line-height: 16px;
    height     : 24px
}

.el-switch--small .el-switch__label {
    height   : 16px;
    font-size: 12px
}

.el-switch--small .el-switch__label * {
    font-size: 12px
}

.el-switch--small .el-switch__core {
    min-width    : 30px;
    height       : 16px;
    border-radius: 8px
}

.el-switch--small .el-switch__core .el-switch__inner {
    height : 12px;
    padding: 0 2px 0 14px
}

.el-switch--small .el-switch__core .el-switch__action {
    width : 12px;
    height: 12px
}

.el-switch--small.is-checked .el-switch__core .el-switch__action {
    left: calc(100% - 13px)
}

.el-switch--small.is-checked .el-switch__core .el-switch__inner {
    padding: 0 14px 0 2px
}

.el-color-predefine {
    display   : flex;
    font-size : 12px;
    margin-top: 8px;
    width     : 280px
}

.el-color-predefine__colors {
    display  : flex;
    flex     : 1;
    flex-wrap: wrap
}

.el-color-predefine__color-selector {
    margin       : 0 0 8px 8px;
    width        : 20px;
    height       : 20px;
    border-radius: 4px;
    cursor       : pointer
}

.el-color-predefine__color-selector:nth-child(10n+1) {
    margin-left: 0
}

.el-color-predefine__color-selector.selected {
    box-shadow: 0 0 3px 2px var(--el-color-primary)
}

.el-color-predefine__color-selector>div {
    display      : flex;
    height       : 100%;
    border-radius: 3px
}

.el-color-predefine__color-selector.is-alpha {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)
}

.el-color-hue-slider {
    position        : relative;
    box-sizing      : border-box;
    width           : 280px;
    height          : 12px;
    background-color: red;
    padding         : 0 2px;
    float           : right
}

.el-color-hue-slider__bar {
    position  : relative;
    background: linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);
    height    : 100%
}

.el-color-hue-slider__thumb {
    position     : absolute;
    cursor       : pointer;
    box-sizing   : border-box;
    left         : 0;
    top          : 0;
    width        : 4px;
    height       : 100%;
    border-radius: 1px;
    background   : #fff;
    border       : 1px solid var(--el-border-color-lighter);
    box-shadow   : 0 0 2px #0009;
    z-index      : 1
}

.el-color-hue-slider.is-vertical {
    width  : 12px;
    height : 180px;
    padding: 2px 0
}

.el-color-hue-slider.is-vertical .el-color-hue-slider__bar {
    background: linear-gradient(to bottom, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%)
}

.el-color-hue-slider.is-vertical .el-color-hue-slider__thumb {
    left  : 0;
    top   : 0;
    width : 100%;
    height: 4px
}

.el-color-svpanel {
    position: relative;
    width   : 280px;
    height  : 180px
}

.el-color-svpanel__white,
.el-color-svpanel__black {
    position: absolute;
    top     : 0;
    left    : 0;
    right   : 0;
    bottom  : 0
}

.el-color-svpanel__white {
    background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0))
}

.el-color-svpanel__black {
    background: linear-gradient(to top, #000, rgba(0, 0, 0, 0))
}

.el-color-svpanel__cursor {
    position: absolute
}

.el-color-svpanel__cursor>div {
    cursor       : head;
    width        : 4px;
    height       : 4px;
    box-shadow   : 0 0 0 1.5px #fff, inset 0 0 1px 1px #0000004d, 0 0 1px 2px #0006;
    border-radius: 50%;
    transform    : translate(-2px, -2px)
}

.el-color-alpha-slider {
    position           : relative;
    box-sizing         : border-box;
    width              : 280px;
    height             : 12px;
    background-image   : linear-gradient(45deg, var(--el-color-picker-alpha-bg-a) 25%, var(--el-color-picker-alpha-bg-b) 25%), linear-gradient(135deg, var(--el-color-picker-alpha-bg-a) 25%, var(--el-color-picker-alpha-bg-b) 25%), linear-gradient(45deg, var(--el-color-picker-alpha-bg-b) 75%, var(--el-color-picker-alpha-bg-a) 75%), linear-gradient(135deg, var(--el-color-picker-alpha-bg-b) 75%, var(--el-color-picker-alpha-bg-a) 75%);
    background-size    : 12px 12px;
    background-position: 0 0, 6px 0, 6px -6px, 0 6px
}

.el-color-alpha-slider__bar {
    position  : relative;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, var(--el-bg-color) 100%);
    height    : 100%
}

.el-color-alpha-slider__thumb {
    position     : absolute;
    cursor       : pointer;
    box-sizing   : border-box;
    left         : 0;
    top          : 0;
    width        : 4px;
    height       : 100%;
    border-radius: 1px;
    background   : #fff;
    border       : 1px solid var(--el-border-color-lighter);
    box-shadow   : 0 0 2px #0009;
    z-index      : 1
}

.el-color-alpha-slider.is-vertical {
    width : 20px;
    height: 180px
}

.el-color-alpha-slider.is-vertical .el-color-alpha-slider__bar {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%)
}

.el-color-alpha-slider.is-vertical .el-color-alpha-slider__thumb {
    left  : 0;
    top   : 0;
    width : 100%;
    height: 4px
}

.el-color-dropdown {
    width: 300px
}

.el-color-dropdown__main-wrapper {
    margin-bottom: 6px
}

.el-color-dropdown__main-wrapper:after {
    content: "";
    display: table;
    clear  : both
}

.el-color-dropdown__btns {
    margin-top: 12px;
    text-align: right
}

.el-color-dropdown__value {
    float      : left;
    line-height: 26px;
    font-size  : 12px;
    color      : #000;
    width      : 160px
}

.el-color-picker {
    display    : inline-block;
    position   : relative;
    line-height: normal;
    outline    : none
}

.el-color-picker:hover:not(.is-disabled, .is-focused) .el-color-picker__trigger {
    border-color: var(--el-border-color-hover)
}

.el-color-picker:focus-visible:not(.is-disabled) .el-color-picker__trigger {
    outline       : 2px solid var(--el-color-primary);
    outline-offset: 1px
}

.el-color-picker.is-focused .el-color-picker__trigger {
    border-color: var(--el-color-primary)
}

.el-color-picker.is-disabled .el-color-picker__trigger {
    cursor: not-allowed
}

.el-color-picker--large {
    height: 40px
}

.el-color-picker--large .el-color-picker__trigger {
    height: 40px;
    width : 40px
}

.el-color-picker--large .el-color-picker__mask {
    height: 38px;
    width : 38px
}

.el-color-picker--small {
    height: 24px
}

.el-color-picker--small .el-color-picker__trigger {
    height: 24px;
    width : 24px
}

.el-color-picker--small .el-color-picker__mask {
    height: 22px;
    width : 22px
}

.el-color-picker--small .el-color-picker__icon,
.el-color-picker--small .el-color-picker__empty {
    transform: scale(.8)
}

.el-color-picker__mask {
    height          : 30px;
    width           : 30px;
    border-radius   : 4px;
    position        : absolute;
    top             : 1px;
    left            : 1px;
    z-index         : 1;
    cursor          : not-allowed;
    background-color: #ffffffb3
}

.el-color-picker__trigger {
    display        : inline-flex;
    justify-content: center;
    align-items    : center;
    box-sizing     : border-box;
    height         : 32px;
    width          : 32px;
    padding        : 4px;
    border         : 1px solid var(--el-border-color);
    border-radius  : 4px;
    font-size      : 0;
    position       : relative;
    cursor         : pointer
}

.el-color-picker__color {
    position     : relative;
    display      : block;
    box-sizing   : border-box;
    border       : 1px solid var(--el-text-color-secondary);
    border-radius: var(--el-border-radius-small);
    width        : 100%;
    height       : 100%;
    text-align   : center
}

.el-color-picker__color.is-alpha {
    background-image   : linear-gradient(45deg, var(--el-color-picker-alpha-bg-a) 25%, var(--el-color-picker-alpha-bg-b) 25%), linear-gradient(135deg, var(--el-color-picker-alpha-bg-a) 25%, var(--el-color-picker-alpha-bg-b) 25%), linear-gradient(45deg, var(--el-color-picker-alpha-bg-b) 75%, var(--el-color-picker-alpha-bg-a) 75%), linear-gradient(135deg, var(--el-color-picker-alpha-bg-b) 75%, var(--el-color-picker-alpha-bg-a) 75%);
    background-size    : 12px 12px;
    background-position: 0 0, 6px 0, 6px -6px, 0 6px
}

.el-color-picker__color-inner {
    display        : inline-flex;
    justify-content: center;
    align-items    : center;
    width          : 100%;
    height         : 100%
}

.el-color-picker .el-color-picker__empty {
    font-size: 12px;
    color    : var(--el-text-color-secondary)
}

.el-color-picker .el-color-picker__icon {
    display        : inline-flex;
    justify-content: center;
    align-items    : center;
    color          : #fff;
    font-size      : 12px
}

.el-color-picker__panel {
    position        : absolute;
    z-index         : 10;
    padding         : 6px;
    box-sizing      : content-box;
    background-color: #fff;
    border-radius   : var(--el-border-radius-base);
    box-shadow      : var(--el-box-shadow-light)
}

.el-color-picker__panel.el-popper {
    border: 1px solid var(--el-border-color-lighter)
}

.el-color-picker,
.el-color-picker__panel {
    --el-color-picker-alpha-bg-a: #ccc;
    --el-color-picker-alpha-bg-b: transparent
}

.dark .el-color-picker,
.dark .el-color-picker__panel {
    --el-color-picker-alpha-bg-a: #333333
}

.setting-wrapper .setting-title[data-v-7987ed8a] {
    font-size    : 13px;
    margin-bottom: 15px
}

.setting-wrapper .setting-theme>div[data-v-7987ed8a] {
    width         : 52px;
    height        : 36px;
    line-height   : 1;
    border-radius : var(--el-border-radius-base);
    margin        : 0 20px 30px 0;
    padding       : 15px 0 0 24px;
    box-sizing    : border-box;
    box-shadow    : 0 1px 4px #00000026;
    background    : #f0f2f5;
    display       : inline-block;
    vertical-align: top;
    position      : relative;
    overflow      : hidden;
    cursor        : pointer;
    transition    : background-color .2s;
    font-size     : 16px
}

.setting-wrapper .setting-theme>div[data-v-7987ed8a]:before,
.setting-wrapper .setting-theme>div[data-v-7987ed8a]:after {
    content   : "";
    width     : 100%;
    height    : 10px;
    background: #fff;
    position  : absolute;
    left      : 0;
    top       : 0;
    transition: background-color .2s
}

.setting-wrapper .setting-theme>div[data-v-7987ed8a]:after {
    width : 14px;
    height: 100%
}

.setting-wrapper .setting-theme>div.setting-side-dark[data-v-7987ed8a]:after,
.setting-wrapper .setting-theme>div.setting-head-dark[data-v-7987ed8a]:before,
.setting-wrapper .setting-theme>div.setting-layout-mix[data-v-7987ed8a]:before,
.setting-wrapper .setting-theme>div.setting-layout-mix[data-v-7987ed8a]:after {
    background: #001529
}

.setting-wrapper .setting-theme>div.setting-head-light[data-v-7987ed8a]:before,
.setting-wrapper .setting-theme>div.setting-head-dark[data-v-7987ed8a]:before,
.setting-wrapper .setting-theme>div.setting-head-primary[data-v-7987ed8a]:before {
    z-index: 1
}

.setting-wrapper .setting-theme>div.setting-side-light[data-v-7987ed8a]:before,
.setting-wrapper .setting-theme>div.setting-side-dark[data-v-7987ed8a]:not(.setting-layout-side):before,
.setting-wrapper .setting-theme>div.setting-head-light[data-v-7987ed8a]:after,
.setting-wrapper .setting-theme>div.setting-head-dark[data-v-7987ed8a]:after,
.setting-wrapper .setting-theme>div.setting-head-primary[data-v-7987ed8a]:after {
    opacity: .5
}

.setting-wrapper .setting-theme>div.setting-head-primary[data-v-7987ed8a]:before {
    background: var(--el-color-primary) !important
}

.setting-wrapper .setting-theme>div.setting-layout-top[data-v-7987ed8a] {
    padding-left: 18px
}

.setting-wrapper .setting-theme>div.setting-layout-top[data-v-7987ed8a]:after {
    display: none
}

.setting-wrapper .setting-colors[data-v-7987ed8a] {
    color        : #fff;
    margin-bottom: 20px;
    line-height  : 0
}

.setting-wrapper .setting-color-item[data-v-7987ed8a] {
    width          : 20px;
    height         : 20px;
    line-height    : 20px;
    border-radius  : var(--el-border-radius-small);
    margin         : 8px 8px 0 0;
    display        : inline-flex;
    align-items    : center;
    justify-content: center;
    vertical-align : top;
    position       : relative;
    text-align     : center;
    cursor         : pointer
}

.setting-wrapper .setting-color-item .setting-color-tooltip[data-v-7987ed8a] {
    position: absolute;
    top     : 0;
    left    : 0;
    right   : 0;
    bottom  : 0
}

.setting-wrapper .setting-colors .setting-color-item[data-v-7987ed8a]:last-child {
    margin-right: 0
}

.setting-wrapper .setting-item[data-v-7987ed8a] {
    display      : flex;
    align-items  : center;
    margin-bottom: 20px
}

.setting-wrapper .setting-item .setting-item-title[data-v-7987ed8a] {
    flex       : 1;
    line-height: 28px
}

.setting-wrapper .setting-item .setting-item-control[data-v-7987ed8a] {
    line-height: 1
}

.setting-wrapper .el-divider.el-divider--horizontal[data-v-7987ed8a] {
    margin : 0 0 20px;
    opacity: .6
}

.setting-wrapper.setting-dark .setting-theme>div[data-v-7987ed8a] {
    background: #000;
    box-shadow: 0 1px 4px #0000008c
}

.setting-wrapper.setting-dark .setting-theme>div[data-v-7987ed8a]:before,
.setting-wrapper.setting-dark .setting-theme>div[data-v-7987ed8a]:after {
    background: #1f1f1f
}

.setting-wrapper.setting-dark .setting-theme>div.setting-side-dark[data-v-7987ed8a]:after,
.setting-wrapper.setting-dark .setting-theme>div.setting-head-dark[data-v-7987ed8a]:before,
.setting-wrapper.setting-dark .setting-theme>div.setting-layout-mix[data-v-7987ed8a]:before,
.setting-wrapper.setting-dark .setting-theme>div.setting-layout-mix[data-v-7987ed8a]:after {
    background: #262626
}

.setting-wrapper .setting-colors[data-v-7987ed8a] .el-color-picker {
    margin-top : 8px;
    line-height: 0
}

.setting-wrapper .setting-colors[data-v-7987ed8a] .el-color-picker .el-color-picker__trigger {
    padding: 0;
    width  : 20px;
    height : 20px;
    border : none
}

.setting-wrapper .setting-colors[data-v-7987ed8a] .el-color-picker .el-color-picker__color {
    border: none
}

.setting-wrapper .setting-colors[data-v-7987ed8a] .el-color-picker .el-color-picker__empty {
    background: conic-gradient(from 90deg at 50% 50%, rgb(255, 0, 0) -19.41deg, rgb(255, 0, 0) 18.76deg, rgb(255, 138, 0) 59.32deg, rgb(255, 230, 0) 99.87deg, rgb(20, 255, 0) 141.65deg, rgb(0, 163, 255) 177.72deg, rgb(5, 0, 255) 220.23deg, rgb(173, 0, 255) 260.13deg, rgb(255, 0, 199) 300.69deg, rgb(255, 0, 0) 340.59deg, rgb(255, 0, 0) 378.76deg);
    height    : 100%;
    width     : 100%
}

.setting-wrapper .setting-colors[data-v-7987ed8a] .el-color-picker .el-color-picker__empty>svg {
    display: none
}

.el-checkbox-group {
    font-size  : 0;
    line-height: 0
}

.el-checkbox {
    --el-checkbox-font-size                          : 14px;
    --el-checkbox-font-weight                        : var(--el-font-weight-primary);
    --el-checkbox-text-color                         : var(--el-text-color-regular);
    --el-checkbox-input-height                       : 14px;
    --el-checkbox-input-width                        : 14px;
    --el-checkbox-border-radius                      : var(--el-border-radius-small);
    --el-checkbox-bg-color                           : var(--el-fill-color-blank);
    --el-checkbox-input-border                       : var(--el-border);
    --el-checkbox-disabled-border-color              : var(--el-border-color);
    --el-checkbox-disabled-input-fill                : var(--el-fill-color-light);
    --el-checkbox-disabled-icon-color                : var(--el-text-color-placeholder);
    --el-checkbox-disabled-checked-input-fill        : var(--el-border-color-extra-light);
    --el-checkbox-disabled-checked-input-border-color: var(--el-border-color);
    --el-checkbox-disabled-checked-icon-color        : var(--el-text-color-placeholder);
    --el-checkbox-checked-text-color                 : var(--el-color-primary);
    --el-checkbox-checked-input-border-color         : var(--el-color-primary);
    --el-checkbox-checked-bg-color                   : var(--el-color-primary);
    --el-checkbox-checked-icon-color                 : var(--el-color-white);
    --el-checkbox-input-border-color-hover           : var(--el-color-primary)
}

.el-checkbox {
    color       : var(--el-checkbox-text-color);
    font-weight : var(--el-checkbox-font-weight);
    font-size   : var(--el-font-size-base);
    position    : relative;
    cursor      : pointer;
    display     : inline-flex;
    align-items : center;
    white-space : nowrap;
    user-select : none;
    margin-right: 30px;
    height      : var(--el-checkbox-height, 32px)
}

.el-checkbox.is-disabled {
    cursor: not-allowed
}

.el-checkbox.is-bordered {
    padding      : 0 15px 0 9px;
    border-radius: var(--el-border-radius-base);
    border       : var(--el-border);
    box-sizing   : border-box
}

.el-checkbox.is-bordered.is-checked {
    border-color: var(--el-color-primary)
}

.el-checkbox.is-bordered.is-disabled {
    border-color: var(--el-border-color-lighter)
}

.el-checkbox.is-bordered.el-checkbox--large {
    padding      : 0 19px 0 11px;
    border-radius: var(--el-border-radius-base)
}

.el-checkbox.is-bordered.el-checkbox--large .el-checkbox__label {
    font-size: var(--el-font-size-base)
}

.el-checkbox.is-bordered.el-checkbox--large .el-checkbox__inner {
    height: 14px;
    width : 14px
}

.el-checkbox.is-bordered.el-checkbox--small {
    padding      : 0 11px 0 7px;
    border-radius: calc(var(--el-border-radius-base) - 1px)
}

.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label {
    font-size: 12px
}

.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner {
    height: 12px;
    width : 12px
}

.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner:after {
    height: 6px;
    width : 2px
}

.el-checkbox input:focus-visible+.el-checkbox__inner {
    outline       : 2px solid var(--el-checkbox-input-border-color-hover);
    outline-offset: 1px;
    border-radius : var(--el-checkbox-border-radius)
}

.el-checkbox__input {
    white-space: nowrap;
    cursor     : pointer;
    outline    : none;
    display    : inline-flex;
    position   : relative
}

.el-checkbox__input.is-disabled .el-checkbox__inner {
    background-color: var(--el-checkbox-disabled-input-fill);
    border-color    : var(--el-checkbox-disabled-border-color);
    cursor          : not-allowed
}

.el-checkbox__input.is-disabled .el-checkbox__inner:after {
    cursor      : not-allowed;
    border-color: var(--el-checkbox-disabled-icon-color)
}

.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
    background-color: var(--el-checkbox-disabled-checked-input-fill);
    border-color    : var(--el-checkbox-disabled-checked-input-border-color)
}

.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner:after {
    border-color: var(--el-checkbox-disabled-checked-icon-color)
}

.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner {
    background-color: var(--el-checkbox-disabled-checked-input-fill);
    border-color    : var(--el-checkbox-disabled-checked-input-border-color)
}

.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner:before {
    background-color: var(--el-checkbox-disabled-checked-icon-color);
    border-color    : var(--el-checkbox-disabled-checked-icon-color)
}

.el-checkbox__input.is-disabled+span.el-checkbox__label {
    color : var(--el-disabled-text-color);
    cursor: not-allowed
}

.el-checkbox__input.is-checked .el-checkbox__inner {
    background-color: var(--el-checkbox-checked-bg-color);
    border-color    : var(--el-checkbox-checked-input-border-color)
}

.el-checkbox__input.is-checked .el-checkbox__inner:after {
    transform   : rotate(45deg) scaleY(1);
    border-color: var(--el-checkbox-checked-icon-color)
}

.el-checkbox__input.is-checked+.el-checkbox__label {
    color: var(--el-checkbox-checked-text-color)
}

.el-checkbox__input.is-focus:not(.is-checked) .el-checkbox__original:not(:focus-visible) {
    border-color: var(--el-checkbox-input-border-color-hover)
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner {
    background-color: var(--el-checkbox-checked-bg-color);
    border-color    : var(--el-checkbox-checked-input-border-color)
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner:before {
    content         : "";
    position        : absolute;
    display         : block;
    background-color: var(--el-checkbox-checked-icon-color);
    height          : 2px;
    transform       : scale(.5);
    left            : 0;
    right           : 0;
    top             : 5px
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner:after {
    display: none
}

.el-checkbox__inner {
    display         : inline-block;
    position        : relative;
    border          : var(--el-checkbox-input-border);
    border-radius   : var(--el-checkbox-border-radius);
    box-sizing      : border-box;
    width           : var(--el-checkbox-input-width);
    height          : var(--el-checkbox-input-height);
    background-color: var(--el-checkbox-bg-color);
    z-index         : var(--el-index-normal);
    transition      : border-color .25s cubic-bezier(.71, -.46, .29, 1.46), background-color .25s cubic-bezier(.71, -.46, .29, 1.46), outline .25s cubic-bezier(.71, -.46, .29, 1.46)
}

.el-checkbox__inner:hover {
    border-color: var(--el-checkbox-input-border-color-hover)
}

.el-checkbox__inner:after {
    box-sizing      : content-box;
    content         : "";
    border          : 1px solid transparent;
    border-left     : 0;
    border-top      : 0;
    height          : 7px;
    left            : 4px;
    position        : absolute;
    top             : 1px;
    transform       : rotate(45deg) scaleY(0);
    width           : 3px;
    transition      : transform .15s ease-in .05s;
    transform-origin: center
}

.el-checkbox__original {
    opacity : 0;
    outline : none;
    position: absolute;
    margin  : 0;
    width   : 0;
    height  : 0;
    z-index : -1
}

.el-checkbox__label {
    display     : inline-block;
    padding-left: 8px;
    line-height : 1;
    font-size   : var(--el-checkbox-font-size)
}

.el-checkbox.el-checkbox--large {
    height: 40px
}

.el-checkbox.el-checkbox--large .el-checkbox__label {
    font-size: 14px
}

.el-checkbox.el-checkbox--large .el-checkbox__inner {
    width : 14px;
    height: 14px
}

.el-checkbox.el-checkbox--small {
    height: 24px
}

.el-checkbox.el-checkbox--small .el-checkbox__label {
    font-size: 12px
}

.el-checkbox.el-checkbox--small .el-checkbox__inner {
    width : 12px;
    height: 12px
}

.el-checkbox.el-checkbox--small .el-checkbox__input.is-indeterminate .el-checkbox__inner:before {
    top: 4px
}

.el-checkbox.el-checkbox--small .el-checkbox__inner:after {
    width : 2px;
    height: 6px
}

.el-checkbox:last-of-type {
    margin-right: 0
}

.el-radio-group {
    display    : inline-flex;
    align-items: center;
    flex-wrap  : wrap;
    font-size  : 0
}

.el-radio {
    --el-radio-font-size               : var(--el-font-size-base);
    --el-radio-text-color              : var(--el-text-color-regular);
    --el-radio-font-weight             : var(--el-font-weight-primary);
    --el-radio-input-height            : 14px;
    --el-radio-input-width             : 14px;
    --el-radio-input-border-radius     : var(--el-border-radius-circle);
    --el-radio-input-bg-color          : var(--el-fill-color-blank);
    --el-radio-input-border            : var(--el-border);
    --el-radio-input-border-color      : var(--el-border-color);
    --el-radio-input-border-color-hover: var(--el-color-primary)
}

.el-radio {
    color       : var(--el-radio-text-color);
    font-weight : var(--el-radio-font-weight);
    position    : relative;
    cursor      : pointer;
    display     : inline-flex;
    align-items : center;
    white-space : nowrap;
    outline     : none;
    font-size   : var(--el-font-size-base);
    user-select : none;
    margin-right: 32px;
    height      : 32px
}

.el-radio.el-radio--large {
    height: 40px
}

.el-radio.el-radio--small {
    height: 24px
}

.el-radio.is-bordered {
    padding      : 0 15px 0 9px;
    border-radius: var(--el-border-radius-base);
    border       : var(--el-border);
    box-sizing   : border-box
}

.el-radio.is-bordered.is-checked {
    border-color: var(--el-color-primary)
}

.el-radio.is-bordered.is-disabled {
    cursor      : not-allowed;
    border-color: var(--el-border-color-lighter)
}

.el-radio.is-bordered.el-radio--large {
    padding      : 0 19px 0 11px;
    border-radius: var(--el-border-radius-base)
}

.el-radio.is-bordered.el-radio--large .el-radio__label {
    font-size: var(--el-font-size-base)
}

.el-radio.is-bordered.el-radio--large .el-radio__inner {
    height: 14px;
    width : 14px
}

.el-radio.is-bordered.el-radio--small {
    padding      : 0 11px 0 7px;
    border-radius: var(--el-border-radius-base)
}

.el-radio.is-bordered.el-radio--small .el-radio__label {
    font-size: 12px
}

.el-radio.is-bordered.el-radio--small .el-radio__inner {
    height: 12px;
    width : 12px
}

.el-radio:last-child {
    margin-right: 0
}

.el-radio__input {
    white-space   : nowrap;
    cursor        : pointer;
    outline       : none;
    display       : inline-flex;
    position      : relative;
    vertical-align: middle
}

.el-radio__input.is-disabled .el-radio__inner {
    background-color: var(--el-disabled-bg-color);
    border-color    : var(--el-disabled-border-color);
    cursor          : not-allowed
}

.el-radio__input.is-disabled .el-radio__inner:after {
    cursor          : not-allowed;
    background-color: var(--el-disabled-bg-color)
}

.el-radio__input.is-disabled .el-radio__inner+.el-radio__label {
    cursor: not-allowed
}

.el-radio__input.is-disabled.is-checked .el-radio__inner {
    background-color: var(--el-disabled-bg-color);
    border-color    : var(--el-disabled-border-color)
}

.el-radio__input.is-disabled.is-checked .el-radio__inner:after {
    background-color: var(--el-text-color-placeholder)
}

.el-radio__input.is-disabled+span.el-radio__label {
    color : var(--el-text-color-placeholder);
    cursor: not-allowed
}

.el-radio__input.is-checked .el-radio__inner {
    border-color: var(--el-color-primary);
    background  : var(--el-color-primary)
}

.el-radio__input.is-checked .el-radio__inner:after {
    transform: translate(-50%, -50%) scale(1)
}

.el-radio__input.is-checked+.el-radio__label {
    color: var(--el-color-primary)
}

.el-radio__input.is-focus .el-radio__inner {
    border-color: var(--el-radio-input-border-color-hover)
}

.el-radio__inner {
    border          : var(--el-radio-input-border);
    border-radius   : var(--el-radio-input-border-radius);
    width           : var(--el-radio-input-width);
    height          : var(--el-radio-input-height);
    background-color: var(--el-radio-input-bg-color);
    position        : relative;
    cursor          : pointer;
    display         : inline-block;
    box-sizing      : border-box
}

.el-radio__inner:hover {
    border-color: var(--el-radio-input-border-color-hover)
}

.el-radio__inner:after {
    width           : 4px;
    height          : 4px;
    border-radius   : var(--el-radio-input-border-radius);
    background-color: var(--el-color-white);
    content         : "";
    position        : absolute;
    left            : 50%;
    top             : 50%;
    transform       : translate(-50%, -50%) scale(0);
    transition      : transform .15s ease-in
}

.el-radio__original {
    opacity : 0;
    outline : none;
    position: absolute;
    z-index : -1;
    top     : 0;
    left    : 0;
    right   : 0;
    bottom  : 0;
    margin  : 0
}

.el-radio__original:focus-visible+.el-radio__inner {
    outline       : 2px solid var(--el-radio-input-border-color-hover);
    outline-offset: 1px;
    border-radius : var(--el-radio-input-border-radius)
}

.el-radio:focus:not(:focus-visible):not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner {
    box-shadow: 0 0 2px 2px var(--el-radio-input-border-color-hover)
}

.el-radio__label {
    font-size   : var(--el-radio-font-size);
    padding-left: 8px
}

.el-radio.el-radio--large .el-radio__label {
    font-size: 14px
}

.el-radio.el-radio--large .el-radio__inner {
    width : 14px;
    height: 14px
}

.el-radio.el-radio--small .el-radio__label {
    font-size: 12px
}

.el-radio.el-radio--small .el-radio__inner {
    width : 12px;
    height: 12px
}

@media only screen and (max-width:767px) {
    .hidden-xs-only {
        display: none !important
    }
}

@media only screen and (min-width:768px) {
    .hidden-sm-and-up {
        display: none !important
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .hidden-sm-only {
        display: none !important
    }
}

@media only screen and (max-width:991px) {
    .hidden-sm-and-down {
        display: none !important
    }
}

@media only screen and (min-width:992px) {
    .hidden-md-and-up {
        display: none !important
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .hidden-md-only {
        display: none !important
    }
}

@media only screen and (max-width:1199px) {
    .hidden-md-and-down {
        display: none !important
    }
}

@media only screen and (min-width:1200px) {
    .hidden-lg-and-up {
        display: none !important
    }
}

@media only screen and (min-width:1200px) and (max-width:1919px) {
    .hidden-lg-only {
        display: none !important
    }
}

@media only screen and (max-width:1919px) {
    .hidden-lg-and-down {
        display: none !important
    }
}

@media only screen and (min-width:1920px) {
    .hidden-xl-only {
        display: none !important
    }
}

#nprogress {
    pointer-events: none
}

#nprogress .bar {
    background: var(--el-color-primary);
    position  : fixed;
    z-index   : 1031;
    top       : 0;
    left      : 0;
    width     : 100%;
    height    : 2px
}

#nprogress .peg {
    display          : block;
    position         : absolute;
    right            : 0;
    width            : 100px;
    height           : 100%;
    box-shadow       : 0 0 10px var(--el-color-primary), 0 0 5px var(--el-color-primary);
    opacity          : 1;
    -webkit-transform: rotate(3deg) translate(0px, -4px);
    -ms-transform    : rotate(3deg) translate(0px, -4px);
    transform        : rotate(3deg) translateY(-4px)
}

#nprogress .spinner {
    display : block;
    position: fixed;
    z-index : 1031;
    top     : 15px;
    right   : 15px
}

#nprogress .spinner-icon {
    width            : 18px;
    height           : 18px;
    box-sizing       : border-box;
    border           : solid 2px transparent;
    border-top-color : var(--el-color-primary);
    border-left-color: var(--el-color-primary);
    border-radius    : 50%;
    -webkit-animation: nprogress-spinner .4s linear infinite;
    animation        : nprogress-spinner .4s linear infinite
}

.nprogress-custom-parent {
    overflow: hidden;
    position: relative
}

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
    position: absolute
}

@-webkit-keyframes nprogress-spinner {
    0% {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes nprogress-spinner {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

html.rounded .ele-alert {
    --ele-alert-radius        : 8px;
    --ele-alert-close-hover-bg: hsla(0, 0%, 60%, .15)
}

html.rounded .ele-alert.is-dark {
    --ele-alert-dark-close-hover-bg: rgba(255, 255, 255, .2)
}

html.rounded .ele-message {
    --ele-message-radius        : 8px;
    --ele-message-close-hover-bg: hsla(0, 0%, 60%, .15)
}

html.rounded .el-select__popper {
    --ele-select-padding     : 6px 4px;
    --ele-select-item-margin : 2px;
    --ele-select-item-padding: 0 12px;
    --ele-select-item-radius : var(--el-border-radius-small)
}

html.rounded .el-autocomplete__popper {
    --ele-autocomplete-padding     : 6px 4px;
    --ele-autocomplete-item-margin : 2px;
    --ele-autocomplete-item-padding: 0 12px;
    --ele-autocomplete-item-radius : var(--el-border-radius-small)
}

html.rounded .el-cascader__dropdown {
    --ele-cascader-menu-padding: 6px;
    --ele-cascader-item-margin : 2px;
    --ele-cascader-item-padding: 0 12px;
    --ele-cascader-item-radius : var(--el-border-radius-small)
}

html.rounded .el-table-filter {
    --ele-table-filter-padding     : 6px 4px;
    --ele-table-filter-item-margin : 2px;
    --ele-table-filter-item-padding: 0 12px;
    --ele-table-filter-item-radius : var(--el-border-radius-small)
}

html.rounded .el-message-box {
    --ele-message-box-radius            : 8px;
    --ele-message-box-header-font-size  : var(--el-font-size-medium);
    --ele-message-box-header-font-weight: bold;
    --ele-message-box-icon-hover-bg     : var(--el-fill-color-light)
}

html.rounded .el-notification {
    --ele-notification-radius        : 8px;
    --ele-notification-close-hover-bg: var(--el-fill-color-light)
}

html.rounded .el-descriptions {
    --ele-descriptions-radius: 8px
}

html.rounded .el-date-picker,
html.rounded .el-date-range-picker {
    --ele-datepicker-cell-radius     : var(--el-border-radius-small);
    --ele-datepicker-year-radius     : var(--el-border-radius-base);
    --ele-datepicker-sidebar-padding : 8px 6px;
    --ele-datepicker-shortcut-height : 28px;
    --ele-datepicker-shortcut-padding: 0 8px;
    --ele-datepicker-shortcut-margin : 4px;
    --ele-datepicker-shortcut-radius : var(--el-border-radius-small)
}

html.rounded .el-time-panel,
html.rounded .el-time-range-picker {
    --ele-timepicker-padding       : 8px 4px;
    --ele-timepicker-item-height   : 28px;
    --ele-timepicker-item-radius   : var(--el-border-radius-small);
    --ele-timepicker-item-active-bg: var(--el-color-primary-light-9);
    --ele-timepicker-line-padding  : 3px;
    --ele-timepicker-line-margin   : 4px
}

html.rounded .ele-card {
    --ele-card-radius            : 8px;
    --ele-card-header-font-weight: bold
}

html.rounded .ele-data-table {
    --ele-table-radius        : var(--el-border-radius-base);
    --ele-table-th-font-weight: bold;
    --ele-table-lg-radius     : 8px;
    --ele-table-sm-radius     : var(--el-border-radius-small)
}

html.rounded .ele-drawer {
    --ele-drawer-icon-hover-bg: var(--el-fill-color-light)
}

html.rounded .ele-dropdown {
    --ele-dropdown-padding        : 6px 4px;
    --ele-dropdown-item-margin    : 2px;
    --ele-dropdown-item-padding   : 0 12px;
    --ele-dropdown-item-radius    : var(--el-border-radius-small);
    --ele-dropdown-sm-padding     : 3px 2px;
    --ele-dropdown-sm-item-padding: 0 10px;
    --ele-dropdown-lg-padding     : 8px 6px;
    --ele-dropdown-lg-item-padding: 0 14px
}

html.rounded .ele-file-list-group {
    --ele-file-item-radius: 8px
}

html.rounded .ele-icon-select {
    --ele-icon-menus-padding   : 12px 4px;
    --ele-icon-menu-radius     : var(--el-border-radius-small);
    --ele-icon-menu-hover-color: var(--el-text-color-primary);
    --ele-icon-menu-hover-bg   : var(--el-fill-color-light);
    --ele-icon-menu-active-line: 0
}

html.rounded .ele-map-picker {
    --ele-map-header-padding: 4px 14px 12px 14px
}

html.rounded .ele-menu {
    --ele-menu-arrow-margin    : 0 -8px 0 6px;
    --ele-menu-item-padding    : 6px;
    --ele-menu-item-radius     : var(--el-border-radius-base);
    --ele-menu-item-hover-color: var(--el-text-color-primary);
    --ele-menu-item-hover-bg   : var(--el-fill-color-light);
    --ele-menu-item-active-line: 0
}

html.rounded .ele-menu.el-menu--horizontal {
    --ele-menu-horizontal-padding       : 8px 6px;
    --ele-menu-horizontal-height        : 40px;
    --ele-menu-horizontal-item-padding  : 12px;
    --ele-menu-horizontal-item-margin   : 4px;
    --ele-menu-horizontal-item-radius   : var(--el-border-radius-base);
    --ele-menu-horizontal-hover-bg      : rgba(0, 0, 0, .04);
    --ele-menu-horizontal-active-bg     : var(--el-color-primary-light-9);
    --ele-menu-horizontal-arrow-margin  : 0 -4px 0 4px;
    --ele-menu-horizontal-line-size     : 0;
    --ele-menu-horizontal-dark-hover-bg : rgba(255, 255, 255, .1);
    --ele-menu-horizontal-dark-active-bg: var(--el-color-primary)
}

html.rounded .ele-menu>.el-menu--popup {
    --ele-menu-popup-radius      : 8px;
    --ele-menu-popup-item-padding: 12px
}

html.rounded .ele-menu.ele-menu-colorful {
    --ele-menu-colorful-icon-radius   : var(--el-border-radius-base);
    --ele-menu-colorful-icon-size     : 22px;
    --ele-menu-colorful-icon-font-size: 14px
}

html.rounded .ele-menu.ele-menu-dark,
html.rounded .ele-admin-header.is-dark,
html.rounded .ele-admin-header.is-primary,
html.rounded .ele-admin-dark-sidebar .ele-admin-sidebar,
html.rounded .ele-admin-dark-sidebar .ele-admin-sidebox {
    --ele-menu-dark-hover-bg: rgba(255, 255, 255, .1)
}

html.rounded .ele-modal {
    --ele-modal-radius            : 8px;
    --ele-modal-header-font-weight: bold;
    --ele-modal-header-padding    : 18px 20px 12px 20px;
    --ele-modal-header-border     : none;
    --ele-modal-icon-hover-bg     : var(--el-fill-color-light);
    --ele-modal-body-padding      : 16px 22px 24px 22px;
    --ele-modal-form-body-padding : 16px 22px 8px 20px;
    --ele-modal-footer-padding    : 8px 20px 18px 20px;
    --ele-modal-footer-border     : none
}

html.rounded .ele-modal-inner {
    --ele-header-menu-height       : 38px;
    --ele-header-tool-height       : 38px;
    --ele-header-tool-radius       : var(--el-border-radius-base);
    --ele-header-tool-hover-bg     : var(--el-fill-color-light);
    --ele-header-dark-tool-hover-bg: rgba(255, 255, 255, .12);
    --ele-sidebar-tool-height      : 38px;
    --ele-sidebox-item-radius      : var(--el-border-radius-base);
    --ele-tab-close-size           : 18px;
    --ele-tab-close-radius         : var(--el-border-radius-small);
    --ele-tab-close-hover-color    : var(--el-text-color-primary);
    --ele-tab-close-hover-bg       : hsla(0, 0%, 60%, .15);
    --ele-tab-transition           : color, border-color, box-shadow
}

html.rounded .ele-pagination {
    --ele-pagination-radius            : var(--el-border-radius-base);
    --ele-pagination-active-color      : var(--el-color-primary);
    --ele-pagination-active-bg         : none;
    --ele-pagination-active-border     : 1px solid var(--el-color-primary);
    --ele-pagination-active-font-weight: bold;
    --ele-pagination-sm-radius         : var(--el-border-radius-base)
}

html.rounded .ele-popover {
    --ele-popover-title-padding: 13px 16px 0 16px;
    --ele-popover-title-border : none
}

html.rounded .ele-admin-header,
html.rounded .ele-admin-sidebar,
html.rounded .ele-admin-sidebox,
html.rounded .ele-admin-tabs {
    --ele-header-menu-height       : 38px;
    --ele-header-tool-height       : 38px;
    --ele-header-tool-radius       : var(--el-border-radius-base);
    --ele-header-tool-hover-bg     : var(--el-fill-color-light);
    --ele-header-dark-tool-hover-bg: rgba(255, 255, 255, .12)
}

html.rounded .ele-admin-header.is-primary {
    --ele-header-primary-hover-bg : rgba(255, 255, 255, .12);
    --ele-header-primary-active-bg: rgba(255, 255, 255, .24)
}

html.rounded .ele-admin-header,
html.rounded .ele-admin-sidebar,
html.rounded .ele-admin-sidebox,
html.rounded .ele-admin-body,
html.rounded .ele-admin-mask {
    --ele-sidebar-tool-height: 38px
}

html.rounded .ele-admin-header,
html.rounded .ele-admin-sidebox,
html.rounded .ele-admin-sidebox-popup,
html.rounded .ele-admin-body {
    --ele-sidebox-item-radius: var(--el-border-radius-base)
}

html.rounded .ele-tool-column {
    --ele-tool-column-body-padding : 6px 4px;
    --ele-tool-column-item-padding : 8px;
    --ele-tool-column-item-radius  : var(--el-border-radius-small);
    --ele-tool-column-btn-hover-bg : var(--el-color-primary-light-8);
    --ele-tool-column-btn-active-bg: var(--el-color-primary-light-7)
}

html.rounded .ele-segmented {
    --ele-segmented-radius: var(--el-border-radius-small)
}

html.rounded .ele-segmented.is-large {
    --ele-segmented-large-radius: var(--el-border-radius-base)
}

html.rounded .ele-steps {
    --ele-step-icon-color        : var(--el-text-color-secondary);
    --ele-step-icon-bg           : var(--el-fill-color-light);
    --ele-step-icon-border       : none;
    --ele-step-active-icon-border: none;
    --ele-step-finish-icon-bg    : var(--el-color-primary-light-9);
    --ele-step-finish-icon-border: none
}

html.rounded .ele-table {
    --ele-table-radius        : var(--el-border-radius-base);
    --ele-table-th-font-weight: bold;
    --ele-table-lg-radius     : 8px;
    --ele-table-sm-radius     : var(--el-border-radius-small)
}

html.rounded .ele-tabs,
html.rounded .ele-tab-tool {
    --ele-tab-close-size       : 18px;
    --ele-tab-close-radius     : var(--el-border-radius-small);
    --ele-tab-close-hover-color: var(--el-text-color-primary);
    --ele-tab-close-hover-bg   : hsla(0, 0%, 60%, .15);
    --ele-tab-transition       : color, border-color, box-shadow
}

html.rounded .ele-tabs.is-small,
html.rounded .ele-tab-wrap.is-small .ele-tab-tool {
    --ele-tab-sm-close-size: 14px
}

html.rounded .ele-tabs.is-large,
html.rounded .ele-tab-wrap.is-large .ele-tab-tool {
    --ele-tab-lg-close-size: 20px
}

html.rounded .ele-tabs.is-simple,
html.rounded .ele-tabs.is-indicator,
html.rounded .ele-tab-wrap.is-simple .ele-tab-tool,
html.rounded .ele-tab-wrap.is-indicator .ele-tab-tool {
    --ele-tab-simple-radius       : 8px 8px 0px 0px;
    --ele-tab-simple-active-weight: bold;
    --ele-tab-simple-active-line  : 0px;
    --ele-tab-simple-line-display : none;
    --ele-tab-simple-angle-size   : 10px;
    --ele-tab-simple-angle-display: block;
    --ele-tab-simple-tool-hover-bg: transparent
}

html.rounded .ele-tabs.is-indicator {
    --ele-tab-indicator-hover-color: var(--el-color-primary)
}

html.rounded .ele-tabs.is-button,
html.rounded .ele-tab-wrap.is-button .ele-tab-tool,
html.rounded .ele-admin-tab-card .ele-admin-tabs {
    --ele-tab-button-radius       : 8px;
    --ele-tab-button-active-shadow: 0 0 4px 2px rgba(0, 0, 0, .04);
    --ele-tab-button-active-weight: bold
}

html.rounded .ele-text {
    --ele-text-heading-weight: bold
}

html.rounded .ele-toolbar {
    --ele-toolbar-radius: 8px
}

html.rounded .el-popper {
    --ele-popper-radius: 8px
}

html.rounded .ele-virtual-table {
    --ele-table-radius        : var(--el-border-radius-base);
    --ele-table-th-font-weight: bold;
    --ele-table-lg-radius     : 8px;
    --ele-table-sm-radius     : var(--el-border-radius-small)
}

html.rounded .ele-table-filter-popper {
    --ele-table-filter-padding     : 6px 4px;
    --ele-table-filter-item-margin : 2px;
    --ele-table-filter-item-padding: 0 12px;
    --ele-table-filter-item-radius : var(--el-border-radius-small)
}

html.rounded {
    --el-border-radius-base : 6px;
    --el-border-radius-small: 4px
}

html.dark {
    color-scheme                 : dark;
    --el-color-primary           : #1668dc;
    --el-color-primary-light-3   : #154fa0;
    --el-color-primary-light-5   : #153e78;
    --el-color-primary-light-7   : #152d50;
    --el-color-primary-light-8   : #14253c;
    --el-color-primary-light-9   : #141c28;
    --el-color-primary-dark-2    : #4586e3;
    --el-color-success           : #49aa19;
    --el-color-success-light-3   : #397d18;
    --el-color-success-light-5   : #2f5f17;
    --el-color-success-light-7   : #244116;
    --el-color-success-light-8   : #1f3215;
    --el-color-success-light-9   : #192315;
    --el-color-success-dark-2    : #6dbb47;
    --el-color-warning           : #d89614;
    --el-color-warning-light-3   : #9d6f14;
    --el-color-warning-light-5   : #765514;
    --el-color-warning-light-7   : #4f3b14;
    --el-color-warning-light-8   : #3b2e14;
    --el-color-warning-light-9   : #282114;
    --el-color-warning-dark-2    : #e0ab43;
    --el-color-danger            : #dc4446;
    --el-color-danger-light-3    : #a03637;
    --el-color-danger-light-5    : #782c2d;
    --el-color-danger-light-7    : #502223;
    --el-color-danger-light-8    : #3c1e1e;
    --el-color-danger-light-9    : #281919;
    --el-color-danger-dark-2     : #e3696b;
    --el-color-error             : #dc4446;
    --el-color-error-light-3     : #a03637;
    --el-color-error-light-5     : #782c2d;
    --el-color-error-light-7     : #502223;
    --el-color-error-light-8     : #3c1e1e;
    --el-color-error-light-9     : #281919;
    --el-color-error-dark-2      : #e3696b;
    --el-color-info              : #8b8b8b;
    --el-color-info-light-3      : #676767;
    --el-color-info-light-5      : #505050;
    --el-color-info-light-7      : #383838;
    --el-color-info-light-8      : #2c2c2c;
    --el-color-info-light-9      : #202020;
    --el-color-info-dark-2       : #a2a2a2;
    --el-box-shadow              : 0px 0px 12px rgba(0, 0, 0, .8);
    --el-box-shadow-light        : 0 3px 6px -4px rgba(0, 0, 0, .48), 0 6px 16px 0 rgba(0, 0, 0, .32), 0 9px 28px 8px rgba(0, 0, 0, .2);
    --el-box-shadow-lighter      : 0 1px 2px 0 rgba(0, 0, 0, .03), 0 1px 6px -1px rgba(0, 0, 0, .02), 0 2px 4px 0 rgba(0, 0, 0, .02);
    --el-box-shadow-dark         : 0 3px 6px -4px rgba(0, 0, 0, .48), 0 6px 16px 0 rgba(0, 0, 0, .32), 0 9px 28px 8px rgba(0, 0, 0, .2);
    --el-bg-color-page           : #080808;
    --el-bg-color                : #141414;
    --el-bg-color-overlay        : #1f1f1f;
    --el-text-color-primary      : #E8E8E8;
    --el-text-color-regular      : #DCDCDC;
    --el-text-color-secondary    : #727272;
    --el-text-color-placeholder  : #5B5B5B;
    --el-text-color-disabled     : #565656;
    --el-border-color-darker     : #424242;
    --el-border-color-dark       : #303030;
    --el-border-color            : #424242;
    --el-border-color-light      : #303030;
    --el-border-color-lighter    : #303030;
    --el-border-color-extra-light: #282828;
    --el-fill-color-darker       : #303030;
    --el-fill-color-dark         : #282828;
    --el-fill-color              : #303030;
    --el-fill-color-light        : #282828;
    --el-fill-color-lighter      : #1D1D1D;
    --el-fill-color-extra-light  : #1A1A1A;
    --el-fill-color-blank        : transparent;
    --el-mask-color              : rgba(20, 20, 20, .8);
    --el-mask-color-extra-light  : rgba(20, 20, 20, .6)
}

html.dark .el-button {
    --el-button-disabled-text-color: rgba(255, 255, 255, .5)
}

html.dark .el-card {
    --el-card-bg-color: var(--el-bg-color-overlay)
}

html.dark .el-empty {
    --el-empty-fill-color-0: var(--el-color-black);
    --el-empty-fill-color-1: #4b4b52;
    --el-empty-fill-color-2: #36383d;
    --el-empty-fill-color-3: #1e1e20;
    --el-empty-fill-color-4: #262629;
    --el-empty-fill-color-5: #202124;
    --el-empty-fill-color-6: #212224;
    --el-empty-fill-color-7: #1b1c1f;
    --el-empty-fill-color-8: #1c1d1f;
    --el-empty-fill-color-9: #18181a
}

html.dark {
    --ele-scrollbar-color      : #484848;
    --ele-scrollbar-hover-color: #5b5b5b
}

html.dark .el-popper.is-dark {
    --ele-tooltip-bg          : #383838;
    --ele-tooltip-shadow      : 0 0 8px 0 rgba(0, 0, 0, .28);
    --ele-tooltip-arrow-shadow: 0 0 8px 0 rgba(0, 0, 0, .28)
}

html.dark .ele-data-table {
    --ele-table-icon-hover-bg     : rgba(255, 255, 255, .12);
    --ele-table-fixed-left-shadow : inset 10px 0 10px -10px rgba(0, 0, 0, .88);
    --ele-table-fixed-right-shadow: inset -10px 0 10px -10px rgba(0, 0, 0, .88)
}

html.dark .ele-menu {
    --ele-menu-child-bg: rgba(255, 255, 255, .04)
}

html.dark .ele-menu.ele-menu-colorful {
    --ele-menu-colorful-dot-color: rgba(255, 255, 255, .4)
}

html.dark .ele-menu.ele-menu-dark,
html.dark .ele-admin-header.is-dark,
html.dark .ele-admin-header.is-primary,
html.dark .ele-admin-dark-sidebar .ele-admin-sidebar,
html.dark .ele-admin-dark-sidebar .ele-admin-sidebox {
    --ele-menu-dark-bg      : #1f1f1f;
    --ele-menu-dark-child-bg: #141414
}

html.dark .ele-menu>.el-menu--popup-container>.el-menu--popup,
html.dark .ele-admin-sidebar,
html.dark .ele-admin-sidebox {
    --ele-menu-thumb-color      : #484848;
    --ele-menu-thumb-hover-color: #5b5b5b
}

html.dark .ele-menu.ele-menu-dark>.el-menu--popup-container>.el-menu--popup,
html.dark .ele-admin-dark-sidebar .ele-admin-sidebar,
html.dark .ele-admin-dark-sidebar .ele-admin-sidebox {
    --ele-menu-dark-thumb-color      : #626262;
    --ele-menu-dark-thumb-hover-color: #5b5b5b
}

html.dark .ele-modal-inner {
    --ele-header-shadow            : 0 1px 4px rgba(0, 0, 0, .6);
    --ele-header-tool-hover-bg     : rgba(255, 255, 255, .05);
    --ele-header-dark-tool-hover-bg: rgba(255, 255, 255, .05);
    --ele-sidebar-dark-bg          : #1f1f1f;
    --ele-sidebar-shadow           : 0 4px 4px rgba(0, 0, 0, .6);
    --ele-sidebar-dark-shadow      : 0 4px 4px rgba(0, 0, 0, .6);
    --ele-tab-scroll-left-shadow   : inset 10px 0 10px -10px rgba(0, 0, 0, .88);
    --ele-tab-scroll-right-shadow  : inset -10px 0 10px -10px rgba(0, 0, 0, .88)
}

html.dark .ele-admin-header,
html.dark .ele-admin-sidebar,
html.dark .ele-admin-sidebox,
html.dark .ele-admin-tabs {
    --ele-header-shadow            : 0 1px 4px rgba(0, 0, 0, .6);
    --ele-header-tool-hover-bg     : rgba(255, 255, 255, .05);
    --ele-header-dark-tool-hover-bg: rgba(255, 255, 255, .05)
}

html.dark .ele-admin-header.is-dark,
html.dark .ele-admin-header.is-primary {
    --ele-header-dark-bg    : #1f1f1f;
    --ele-header-dark-shadow: 0 1px 4px rgba(0, 0, 0, .6)
}

html.dark .ele-admin-logo {
    --ele-logo-shadow     : 0 3px 4px rgba(0, 0, 0, .6);
    --ele-logo-dark-shadow: 0 3px 4px rgba(0, 0, 0, .6)
}

html.dark .ele-admin-header,
html.dark .ele-admin-sidebar,
html.dark .ele-admin-sidebox,
html.dark .ele-admin-body,
html.dark .ele-admin-mask {
    --ele-sidebar-dark-bg    : #1f1f1f;
    --ele-sidebar-shadow     : 0 4px 4px rgba(0, 0, 0, .6);
    --ele-sidebar-dark-shadow: 0 4px 4px rgba(0, 0, 0, .6)
}

html.dark .ele-segmented {
    --ele-segmented-bg      : var(--el-bg-color-page);
    --ele-segmented-hover-bg: rgba(255, 255, 255, .05)
}

html.dark .ele-table {
    --ele-table-icon-hover-bg     : rgba(255, 255, 255, .12);
    --ele-table-fixed-left-shadow : inset 10px 0 10px -10px rgba(0, 0, 0, .88);
    --ele-table-fixed-right-shadow: inset -10px 0 10px -10px rgba(0, 0, 0, .88)
}

html.dark .ele-tabs,
html.dark .ele-tab-tool {
    --ele-tab-scroll-left-shadow : inset 10px 0 10px -10px rgba(0, 0, 0, .88);
    --ele-tab-scroll-right-shadow: inset -10px 0 10px -10px rgba(0, 0, 0, .88)
}

html.dark .ele-tabs.is-simple,
html.dark .ele-tabs.is-indicator,
html.dark .ele-tab-wrap.is-simple .ele-tab-tool,
html.dark .ele-tab-wrap.is-indicator .ele-tab-tool {
    --ele-tab-simple-hover-bg: rgba(255, 255, 255, .05)
}

html.dark .ele-tabs.is-indicator {
    --ele-tab-indicator-color: #434343
}

html.dark .ele-tabs.is-button,
html.dark .ele-tab-wrap.is-button .ele-tab-tool,
html.dark .ele-admin-tab-card .ele-admin-tabs {
    --ele-tab-button-bg: hsla(0, 0%, 100%, .04)
}

html.dark .ele-tool {
    --ele-tool-hover-bg: rgba(255, 255, 255, .05)
}

html.dark .el-popper {
    --ele-popper-arrow-shadow: 0 0 8px 0 rgba(0, 0, 0, .28)
}

html.dark .el-popper.is-dark,
html.dark .ele-tooltip {
    --ele-tooltip-bg          : #383838;
    --ele-tooltip-shadow      : 0 0 8px 0 rgba(0, 0, 0, .28);
    --ele-tooltip-arrow-shadow: 0 0 8px 0 rgba(0, 0, 0, .28)
}

html.dark .ele-virtual-table {
    --ele-table-icon-hover-bg     : rgba(255, 255, 255, .12);
    --ele-table-fixed-left-shadow : inset 10px 0 10px -10px rgba(0, 0, 0, .88);
    --ele-table-fixed-right-shadow: inset -10px 0 10px -10px rgba(0, 0, 0, .88)
}

.fade-enter-active+.ele-footer,
.fade-leave-active+.ele-footer,
.slide-bottom-enter-active+.ele-footer,
.slide-bottom-leave-active+.ele-footer,
.slide-right-leave-active+.ele-footer,
.slide-right-enter-active+.ele-footer,
.zoom-in-enter-active+.ele-footer,
.zoom-in-leave-active+.ele-footer,
.zoom-out-leave-active+.ele-footer,
.zoom-out-enter-active+.ele-footer {
    visibility: hidden
}

.fade-enter-active,
.fade-leave-active {
    transition: opacity .2s ease-in-out
}

.fade-enter-from,
.fade-leave-to {
    opacity: 0
}

.slide-bottom-enter-active,
.slide-bottom-leave-active {
    transition: opacity .2s ease-out, transform .25s ease-out
}

.slide-bottom-enter-from {
    opacity  : 0;
    transform: translateY(-10%)
}

.slide-bottom-leave-to {
    opacity  : 0;
    transform: translateY(10%)
}

.slide-right-leave-active,
.slide-right-enter-active {
    transition: opacity .2s ease-out, transform .25s ease-out
}

.slide-right-enter-from {
    opacity  : 0;
    transform: translate(-60px)
}

.slide-right-leave-to {
    opacity  : 0;
    transform: translate(60px)
}

.zoom-in-enter-active,
.zoom-in-leave-active {
    transition: opacity .2s ease-out, transform .25s ease-out
}

.zoom-in-enter-from {
    opacity  : 0;
    transform: scale(.9)
}

.zoom-in-leave-to {
    opacity  : 0;
    transform: scale(1.1)
}

.zoom-out-leave-active,
.zoom-out-enter-active {
    transition: opacity .2s ease-out, transform .25s ease-out
}

.zoom-out-enter-from {
    opacity  : 0;
    transform: scale(1.2)
}

.zoom-out-leave-to {
    opacity  : 0;
    transform: scale(.8)
}

* {
    outline: none
}

html {
    overflow: auto
}

body {
    margin                     : 0;
    line-height                : 1.58;
    color                      : var(--el-text-color-regular);
    font-size                  : var(--el-font-size-base);
    font-family                : var(--el-font-family);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    overflow-x                 : hidden;
    overflow-y                 : auto;
    height                     : 100vh
}

body.ele-body-limited {
    min-width: 1200px
}

.ele-admin-weak {
    filter: invert(.8)
}

.ele-btn-icon.el-button,
.ele-btn-icon.el-button.is-round {
    padding-left : 10px;
    padding-right: 12px
}

.ele-btn-icon.el-button.el-button--small,
.ele-btn-icon.el-button.is-round.el-button--small {
    padding-left : 5px;
    padding-right: 6px
}

.ele-btn-icon.el-button.el-button--large,
.ele-btn-icon.el-button.is-round.el-button--large {
    padding-left : 14px;
    padding-right: 16px
}

.ele-popper-higher .el-cascader-menu__wrap.el-scrollbar__wrap {
    height: 280px
}

.el-space--horizontal>.el-space__item:last-child {
    margin-right: 0 !important
}

.el-space--vertical>.el-space__item:last-child {
    padding-bottom: 0 !important
}

.echarts>div>div {
    max-width: 100%;
    overflow : hidden
}

@media screen and (max-width: 768px) {

    .ele-pro-table .el-pagination .el-pagination__sizes,
    .ele-pro-table .el-pagination .el-pagination__jump {
        display: none
    }
}

::view-transition-old(root),
::view-transition-new(root) {
    animation     : none;
    mix-blend-mode: normal
}

::view-transition-old(root) {
    z-index: 2147483646
}

::view-transition-new(root) {
    z-index: 1
}

.dark::view-transition-old(root) {
    z-index: 1
}

.dark::view-transition-new(root) {
    z-index: 2147483646
}