@import "../../themes/ionic.globals";

:host {
  @include position(0, 0, 0, 0);

  display: block;
  position: absolute;

  contain: size style layout;
  z-index: $z-index-scroll-content;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  will-change: scroll-position;
}

:host(.overscroll)::before,
:host(.overscroll)::after {
  position: absolute;

  width: 1px;
  height: 1px;

  content: "";
}

:host(.overscroll)::before {
  bottom: -1px;
}

:host(.overscroll)::after {
  top: -1px;
}