.sidebar-next {
  & &__footer {
    &::before {
      height: var(--wds-sidebar-footer-fade-height, 0px);
    }
  }

  & &__scroll-area {
    padding-top: var(--wds-sidebar-header-margin-bottom, var(--wds-space-300));
    padding-bottom: var(--wds-sidebar-footer-fade-height, 0px);

    @media (hover: hover) {
      &--skin-dark::-webkit-scrollbar-thumb:hover {
        background: var(--wds-sidebar-scrollbar-fill-dark-hover, #9c9ea6);
      }

      &--skin-light::-webkit-scrollbar-thumb:hover {
        background: var(
          --wds-sidebar-scrollbar-fill-light-hover,
          rgba(19, 23, 32, 0.66)
        );
      }
    }
  }
}