@mixin scrollable {
  scrollbar,
  scrollbar * {
    all: unset;
  }

  scrollbar.vertical {
    transition: $transition;
    background-color: transparentize($bg-color, 0.7);

    &:hover {
      background-color: transparentize($bg-color, 0.3);

      slider {
        background-color: transparentize($fg-color, 0.3);
        min-width: 0.6em;
      }
    }
  }

  scrollbar.vertical slider {
    background-color: transparentize($fg-color, 0.5);
    border-radius: $radii;
    min-width: 0.4em;
    min-height: 2em;
    transition: $transition;
  }
}