/* ScrollSmoother owns the fixed wrapper only after motion is initialized. */
#smooth-wrapper,
#smooth-content {
  width: 100%;
}

/* Preserve a normal document flow when reduced motion is requested. */
@media (prefers-reduced-motion: reduce) {
  #smooth-wrapper {
    position: relative;
    width: 100%;
    height: auto;
    overflow: visible;
  }

  #smooth-content {
    width: 100%;
    transform: none !important;
    will-change: auto !important;
  }
}