@mixin no-scroll {
  &::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
  }
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}

@mixin scroll-bar {
  &::-webkit-scrollbar {
    z-index: 100000;
    width: $scrollbar-size;

    &:horizontal {
      height: $scrollbar-size;
    }

    &-thumb {
      border-radius: $scrollbar-size;
      width: $scrollbar-size;
      background: $scrollbar-thumb-background;
    }

    &-corner {
      background: $scrollbar-track-background;
    }

    &-track {
      background: $scrollbar-track-background;

      &-piece {
        background: $scrollbar-track-background;
        width: $scrollbar-size;
      }
    }
  }
}