.sidebar-next {
  & &__header,
  & &__footer {
    padding-inline-start: var(--wds-sidebar-padding-start, var(--wds-space-300));
    padding-inline-end: var(--wds-sidebar-padding-end, var(--wds-space-150));
  }

  & &__header {
    padding-top: var(--wds-sidebar-padding-top, var(--wds-space-600));
  }

  & &__footer {
    padding-bottom: var(--wds-sidebar-padding-bottom, var(--wds-space-600));

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

  & &__section--minimized &__header,
  & &__section--minimized &__footer,
  & &__section--minimized &__scroll-area {
    padding-inline-start: var(--wds-sidebar-minimized-padding-inline, var(--wds-space-350));
    padding-inline-end: var(--wds-sidebar-minimized-padding-inline, var(--wds-space-350));
  }

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

    @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(255, 255, 255, 0.66)
        );
      }
    }
  }
}