.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);
    height: 100%;
    overflow: hidden;
    position: relative
}

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

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

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

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

.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 {
    border-radius: 4px;
    bottom: 2px;
    position: absolute;
    right: 2px;
    z-index: 1
}

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

.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
}