.t-page-slide{--page-slide-dur:250ms;--page-fade-dur:250ms;--page-slide-distance:8px;--page-blur:3px;--page-stagger:0ms;--page-exit-enabled:1;--page-slide-ease:cubic-bezier(0.22,1,0.36,1);--page-fade-ease:cubic-bezier(0.22,1,0.36,1);position:relative}.t-page-slide .t-page{position:absolute;inset:0;width:100%;opacity:0;pointer-events:none;transform:translateX(calc(var(--t-page-from-x, var(--page-slide-distance)) * var(--page-exit-enabled)));filter:blur(calc(var(--page-blur) * var(--page-exit-enabled)));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}.t-page-slide .t-page[data-direction=left]{--t-page-from-x:calc(var(--page-slide-distance) * -1)}.t-page-slide .t-page[data-direction=right]{--t-page-from-x:var(--page-slide-distance)}.t-page-slide .t-page.is-active{position:relative;opacity:1;pointer-events:auto;transform:translateX(0);filter:blur(0);transition-delay:var(--page-stagger);@starting-style{opacity:1;transform:translateX(0);filter:blur(0)}}@media (prefers-reduced-motion:reduce){.t-page-slide .t-page{transition:none!important}}