@import "colors";
.qms-scrollbar {
    /* width */
  &::-webkit-scrollbar {
      width: 12px;
  }
  
  /* Track */
  &::-webkit-scrollbar-track {
    background: black(0.12); 
    background-clip: content-box;
  }
   
  /* Handle */
  &::-webkit-scrollbar-thumb {
    background: black(0.38);
    border-radius: 20px;
    width: 4px;
    border: 4px solid transparent;
    background-clip: content-box;
  }
  
  /* Handle on hover */
  &::-webkit-scrollbar-thumb:hover {
    background: black(0.5); 
    background-clip: content-box;
    border: 4px solid transparent;
  }

  &.none-scroll-bg {
    &::-webkit-scrollbar-track {
      background: transparent; 
      background-clip: content-box;
    }
  }
}
