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

$scrollbar-fill: chains.$scrollbar-fill !default;

:global(.os-scrollbar) :global(.os-scrollbar-handle) {
  background: $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;
}

:global(.os-scrollbar-vertical) {
  bottom: chains.$scrollbar-width;
  width: chains.$scrollbar-width;
}