@layer components{.wx-stage{gap:clamp(3.5rem,9vh,6rem);display:grid}@media (min-width:64em){.wx-stage{gap:0}.wx-pane{grid-area:1/1;transition:opacity .14s cubic-bezier(.23,1,.32,1),filter .14s cubic-bezier(.23,1,.32,1)}.wx-pane:not([data-state=active]){opacity:0;filter:blur(4px);pointer-events:none}.wx-pane[data-state=active]{transition-duration:.3s;transition-delay:90ms}.wx-rise{transition:transform .14s cubic-bezier(.23,1,.32,1)}.wx-pane[data-state=before] .wx-rise{transform:translateY(-10px)}.wx-pane[data-state=after] .wx-rise{transform:translateY(10px)}.wx-pane[data-state=active] .wx-rise{transition-duration:.42s;transition-delay:calc(90ms + var(--i,0) * 35ms);transform:none}}@media (prefers-reduced-motion:reduce){.wx-pane:not([data-state=active]){filter:none}.wx-pane .wx-rise{transform:none!important}.wx-wipe{clip-path:none!important}}}