@mixin set-scrollbar-style($style, $selctor) {
  ::-webkit-scrollbar {
    width: 3px !important;
    height: 3px !important;
  }

  #{$selctor}::-webkit-scrollbar-track {
    border-radius: 10px !important;
    width: 3px !important;
    @if ($style == 'light') {
      background: #8a8a8a !important;

    } @else if ($style == 'dark') {
      background: white !important;
    };
  }

  #{$selctor}::-webkit-scrollbar-thumb {
    @if ($style == 'dark') {
      background: #8a8a8a !important;

    } @else if ($style == 'light') {
      background: white !important;
    };
    border-radius: 10px !important;
  }

  #{$selctor}::-webkit-scrollbar-thumb:hover {
    @if ($style == 'dark') {
      background: #424242 !important;

    } @else if ($style == 'light') {
      background: #9d9d9d !important;
    };
    cursor: pointer !important;
  }
}