.c-route-transition{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-route-transition);overflow:hidden;pointer-events:none}.c-route-transition__stage{position:absolute;inset-block-start:50%;inset-inline-start:50%;inline-size:200vmax;block-size:200vmax;margin-block-start:-100vmax;margin-inline-start:-100vmax;transform:rotate(0);transition:transform var(--rt-rotate) ease-in-out}.c-route-transition__panel{position:absolute;inset-block:0;inline-size:50%;background-color:var(--rt-panel-bg);--c-dot-grid-color: var(--rt-dot-color);--c-dot-grid-gap: var(--rt-dot-gap);transition:transform var(--rt-close) ease-in-out}.c-route-transition__panel--lead{inset-inline-start:0;background-image:radial-gradient(ellipse var(--rt-glow-size) at 100% var(--rt-glow-pos),var(--rt-glow) 0%,transparent 65%);border-inline-end:.125rem solid var(--rt-seam-color);transform:translate(-100%)}.c-route-transition__panel--trail{inset-inline-end:0;background-image:radial-gradient(ellipse var(--rt-glow-size) at 0% var(--rt-glow-pos),var(--rt-glow) 0%,transparent 65%);border-inline-start:.125rem solid var(--rt-seam-color);transform:translate(100%)}.c-route-transition[data-rt-phase=close] .c-route-transition__panel,html[data-route-entering] .c-route-transition__panel,.c-route-transition[data-rt-phase=rotate] .c-route-transition__panel{transform:translate(0)}.c-route-transition[data-rt-phase=rotate] .c-route-transition__stage,.c-route-transition[data-rt-phase=open] .c-route-transition__stage{transform:rotate(90deg)}.c-route-transition[data-rt-phase=open] .c-route-transition__panel{transition-duration:var(--rt-open)}.c-route-transition[data-rt-phase=open] .c-route-transition__panel--lead{transform:translate(-100%)}.c-route-transition[data-rt-phase=open] .c-route-transition__panel--trail{transform:translate(100%)}@media(prefers-reduced-motion:reduce){.c-route-transition__stage,.c-route-transition__panel{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/route-transition.css.map */