@use 'Foundation/scss/scrollbar-chains.odeditor' as chains;

.box {
  &::-webkit-scrollbar-thumb {
    background-color: chains.$scrollbar-fill;
    border: calc((12px - #{chains.$scrollbar-width}) / 2) solid transparent;
  }

  @media (hover: hover) {
    &::-webkit-scrollbar-thumb:hover {
      background-color: chains.$scrollbar-fill-hover;
    }
  }

  &::-webkit-scrollbar-thumb:active {
    background-color: chains.$scrollbar-fill-active;
  }
}