/* --------------------------------

File#: _1_overscroll-section
Title: Overscroll Section
Descr: Section overlapping visible content on scroll
Usage: codyhouse.co/license

-------------------------------- */
.overscroll-section {
  --overscroll-section-opacity: 0;
}
.overscroll-section__sticky-content {
  position: -webkit-sticky;
  position: sticky;
  z-index: 1;
}
.overscroll-section__scroll-content {
  position: relative;
  z-index: 2;
  transform: translateZ(0);
}
.overscroll-section__scroll-content::before, .overscroll-section__scroll-content::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transform: translateY(-100%);
  pointer-events: none;
}
.overscroll-section__scroll-content::before {
  height: 100vh;
  @apply bg-gray-900;
  opacity: var(--overscroll-section-opacity, 0);
  z-index: 1;
}
.overscroll-section__scroll-content::after {
  height: 80px;
  background: linear-gradient(to top, hsl(221 39% 11% / 0.025) 0%, hsl(221 39% 11% / 0) 5%), linear-gradient(to top, hsl(221 39% 11% / 0.025) 0%, hsl(221 39% 11% / 0) 10%), linear-gradient(to top, hsl(221 39% 11% / 0.025) 0%, hsl(221 39% 11% / 0) 20%), linear-gradient(to top, hsl(221 39% 11% / 0.025) 0%, hsl(221 39% 11% / 0) 50%), linear-gradient(to top, hsl(221 39% 11% / 0.025) 0%, hsl(221 39% 11% / 0) 100%);
}
.overscroll-section--disabled .overscroll-section__sticky-content {
  position: static;
}
.overscroll-section--disabled .overscroll-section__scroll-content::before,
.overscroll-section--disabled .overscroll-section__scroll-content::after {
  display: none;
}
/*# sourceMappingURL=1_overscroll-section.css.map */