/* *****************************************************************************
*
*  scrollbar
*
* ***************************************************************************** */

.scrollbar {
  &-custom {
    &::-webkit-scrollbar {
      @include size(.5rem);
      background: $light;
    }
    &::-webkit-scrollbar-thumb {
      background: $gray-500;
      border-radius: 20px;
    }
    &::-webkit-scrollbar-track {
      background: $gray-100;
      border: 1px solid $gray-100;
      border-radius: 20px;
    }
  }

  &-dark {
    max-width: 97%;
    overflow-y: auto;

    &::-webkit-scrollbar {
      width: .5rem;
      background: $black;
    }
    &::-webkit-scrollbar-thumb {
      background: $gray-800;
      border-radius: 20px;
    }
    &::-webkit-scrollbar-track {
      background: $black;
      border: 1px solid $gray-800;
      border-radius: 20px;
    }
  }
}