/*
* ScrollView component
*
*/

@use '../../../style/core/utilities.scss' as utilities;

.dnb-scroll-view {
  overflow-x: auto;

  @include utilities.scrollY(auto);

  // Ensure the user still can scroll a ancestor scrollarea (body)
  overscroll-behavior: auto;

  // interactive prop
  &[tabindex='0'] {
    &:focus {
      outline: none;

      @include utilities.focusRing();
    }
  }
}