.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;
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: var(--el-empty-padding);
    text-align: center
}

.el-empty__image {
    width: var(--el-empty-image-width)
}

.el-empty__image img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: top;
    width: 100%
}

.el-empty__image svg {
    color: var(--el-svg-monochrome-grey);
    fill: currentColor;
    height: 100%;
    vertical-align: top;
    width: 100%
}

.el-empty__description {
    margin-top: var(--el-empty-description-margin-top)
}

.el-empty__description p {
    color: var(--el-text-color-secondary);
    font-size: var(--el-font-size-base);
    margin: 0
}

.el-empty__bottom {
    margin-top: var(--el-empty-bottom-margin-top)
}