@include b(scrollbar) {
  @include when(h100) {
    height: 100%;
    > .el-scrollbar__wrap {
      overflow-x: hidden !important;
    }
  }

  @include e(bar) {
    position: absolute;
    right: 2px;
    bottom: 2px;
    z-index: 1;
    border-radius: 4px;
    opacity: 0;
    transition: opacity 120ms ease-out;

    @include when(vertical) {
      width: $--scrollbar-size;
      top: 2px;
      > div {
        width: 100%;
      }
    }

    @include when(horizontal) {
      height: $--scrollbar-size;
      left: 2px;
      > div {
        height: 100%;
      }
    }
  }
}