:root{--reveal-delay-step: 50ms;--scroll-scale-min: .96}:root[data-motion=normal] body [data-reveal]{--reveal-delay: 0ms;--scroll-progress: 0;opacity:calc(.86 + (var(--scroll-progress) * .14));transform:translateY(calc((1 - var(--scroll-progress)) * var(--motion-distance-sm)));transition:transform var(--motion-duration-lg) var(--motion-ease-out) var(--reveal-delay),opacity var(--motion-duration-lg) var(--motion-ease-out) var(--reveal-delay)}:root[data-motion=normal] body [data-reveal][data-reveal-type=scale]{transform:translateY(calc((1 - var(--scroll-progress)) * var(--motion-distance-sm))) scale(calc(var(--scroll-scale-min) + (var(--scroll-progress) * (1 - var(--scroll-scale-min)))))}:root[data-motion=normal] body [data-reveal][data-reveal-type=slide-left]{transform:translate(calc((1 - var(--scroll-progress)) * var(--motion-distance-md)))}:root[data-motion=normal] body [data-reveal][data-reveal-type=fade]{opacity:calc(.85 + (var(--scroll-progress) * .15));transform:translateY(calc((1 - var(--scroll-progress)) * var(--motion-distance-sm)))}:root[data-motion=normal] body [data-reveal].is-visible{--scroll-progress: 1;opacity:1;transform:none}:root[data-motion=normal] body[data-page-state=entering] .content{opacity:1;transform:none}:root[data-motion=normal] body[data-page-state=ready] .content{opacity:1;transform:none;transition:opacity var(--motion-duration-lg) var(--motion-ease-out),transform var(--motion-duration-lg) var(--motion-ease-out)}:root[data-motion=normal] body[data-page-state=leaving] .content{opacity:0;transform:translateY(calc(var(--motion-distance-sm) * -.5));transition:opacity var(--motion-duration-sm) var(--motion-ease-in),transform var(--motion-duration-sm) var(--motion-ease-in)}:root[data-motion=normal] body[data-page-state=leaving]{pointer-events:none}:root[data-motion=reduced] body [data-reveal],:root[data-motion=reduced] body [data-reveal].is-visible{opacity:1;transform:none;transition:none}:root[data-motion=reduced] body[data-page-state] .content{opacity:1;transform:none}@media(max-width:1023px){:root[data-motion=normal] body .sidebar{transition:transform var(--motion-duration-md) var(--motion-ease-out),opacity var(--motion-duration-sm) var(--motion-ease-out)}:root[data-motion=normal] body[data-sidebar-state=closed] .sidebar{transition-timing-function:var(--motion-ease-in)}:root[data-motion=normal] body .backdrop{transition:opacity var(--motion-duration-sm) var(--motion-ease-out)}}
