/**
 * Special Scrollbar styles
 */
::-webkit-scrollbar {
  width: $wr * .5;
  height: $vr * .5;
  padding: $wr * .125;
  background: rgba($text,.05);
  &:hover {
    background: rgba($text,.1);
  }
  &-thumb {
    background: rgba($text,.2);
    border-radius: $wr / 4;
    transition: background $transition-time $ease-soft;
    &:hover {
      background: rgba($text,.4);
    }
  }
}