.room-step-transition{--page-slide-dur:.25s;--page-fade-dur:.25s;--page-slide-distance:8px;--page-blur:3px;--page-stagger:0s;--page-exit-enabled:1;--page-slide-ease:cubic-bezier(.22, 1, .36, 1);--page-fade-ease:cubic-bezier(.22, 1, .36, 1)}.t-page-slide{position:relative}.t-page-slide .t-page[data-page-id="1"]{--t-page-from-x:calc(var(--page-slide-distance) * -1)}.t-page-slide .t-page[data-page-id="2"]{--t-page-from-x:var(--page-slide-distance)}.t-page-slide .t-page{opacity:0;pointer-events:none;transform:translateX(calc(var(--t-page-from-x,0px) * 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;position:absolute;inset:0}.t-page-slide[data-page="1"] .t-page[data-page-id="1"],.t-page-slide[data-page="2"] .t-page[data-page-id="2"]{opacity:1;pointer-events:auto;filter:blur();transition-delay:var(--page-stagger);transform:translate(0)}@media (prefers-reduced-motion:reduce){.t-page-slide .t-page{transition:none!important}}.room-step-transition{isolation:isolate;flex-direction:column;min-height:0;display:flex;overflow:clip}.room-step-transition.t-page-slide>.t-page[data-room-step-current]{pointer-events:auto;flex-direction:column;flex:1;width:100%;min-height:0;display:flex;position:relative}.room-step-transition.t-page-slide>.t-page[data-active=true]{opacity:1;filter:blur();transform:translate(0)}.room-step-transition.t-page-slide>.t-page[data-active=false]{opacity:0;transform:translateX(calc(var(--t-page-from-x,0px) * var(--page-exit-enabled)));filter:blur(calc(var(--page-blur) * var(--page-exit-enabled)))}.room-step-transition.t-page-slide>.t-page[data-room-step-outgoing]{pointer-events:none}.room-step-transition.t-page-slide>.t-page[hidden]{display:none}