.el-scrollbar {
  --el-scrollbar-opacity: 0.3;
  --el-scrollbar-bg-color: var(--el-text-color-secondary);
  --el-scrollbar-hover-opacity: 0.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: 0.3;
  opacity: var(--el-scrollbar-opacity, 0.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: 0.5;
  opacity: var(--el-scrollbar-hover-opacity, 0.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 0.34s ease-out;
}
.el-scrollbar-fade-leave-active {
  transition: opacity 0.12s ease-out;
}
.el-scrollbar-fade-enter-from,
.el-scrollbar-fade-leave-active {
  opacity: 0;
}