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

:global(.os-scrollbar) :global(.os-scrollbar-handle) {
  background: chains.$scrollbar-fill;
}

@media (hover: hover) {
  :global(.os-scrollbar) :global(.os-scrollbar-handle):hover {
    background: chains.$scrollbar-fill-hover;
  }
}

:global(.os-scrollbar) :global(.os-scrollbar-handle):active {
  background: chains.$scrollbar-fill-active;
}