/* Lenis's required stylesheet. This was missing entirely, which is why [data-lenis-prevent] and the stopped/locked states had no effect: Lenis sets these classes on but nothing defined what they mean. The `scroll-behavior: auto !important` rule is the important one - without it any native smooth-scroll behaviour fights Lenis's own interpolation. Mirrors https://github.com/darkroomengineering/lenis/blob/main/packages/core/lenis.css */ html.lenis, html.lenis body { height: auto; } .lenis:not(.lenis-autoToggle).lenis-stopped { overflow: hidden; } .lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain; } .lenis.lenis-smooth { scroll-behavior: auto !important; } .lenis.lenis-autoToggle { transition-property: overflow; transition-duration: 1ms; transition-behavior: allow-discrete; }