[data-motion=page-slide]{--page-slide-dur:.25s;--page-fade-dur:.25s;--page-slide-distance:8px;--page-blur:3px;--page-stagger:0s;--page-slide-ease:cubic-bezier(.22, 1, .36, 1);--page-fade-ease:cubic-bezier(.22, 1, .36, 1);position:relative}[data-motion=page-slide]>[data-page-state]{top:0;opacity:0;pointer-events:none;filter:blur(var(--page-blur));transition:opacity var(--page-fade-dur) var(--page-fade-ease), transform var(--page-slide-dur) var(--page-slide-ease), filter var(--page-slide-dur) var(--page-slide-ease);will-change:opacity, transform, filter;position:absolute;inset-inline:0}[data-motion=page-slide]>[data-page-state=active]{position:relative}[data-motion=page-slide]>[data-page-state=before]{transform:translateX(calc(var(--page-slide-distance) * -1))}[data-motion=page-slide]>[data-page-state=after]{transform:translateX(var(--page-slide-distance))}[data-motion=page-slide]>[data-page-state=inactive]{filter:blur();visibility:hidden;transition:none;transform:translate(0)}[dir=rtl] [data-motion=page-slide]>[data-page-state=before]{transform:translateX(var(--page-slide-distance))}[dir=rtl] [data-motion=page-slide]>[data-page-state=after]{transform:translateX(calc(var(--page-slide-distance) * -1))}[data-motion=page-slide]>[data-page-state=active]{opacity:1;pointer-events:auto;filter:blur();visibility:visible;transition-delay:var(--page-stagger);position:relative;transform:translate(0)}@media (prefers-reduced-motion:reduce){[data-motion=page-slide]>[data-page-state]{transition:none!important}}