.c23-step-transition{position:relative;overflow:hidden}.c23-step-transition__layer{display:flex;flex-direction:column;width:100%;transition:transform var(--c23-transition-slow),opacity var(--c23-transition-slow)}.c23-step-transition__layer--old{position:absolute;top:0;left:0;right:0}.c23-step-transition.is-forward .c23-step-transition__layer--new{transform:translate(100%)}.c23-step-transition.is-forward.is-animating .c23-step-transition__layer--new{transform:translate(0)}.c23-step-transition.is-forward.is-animating .c23-step-transition__layer--old,.c23-step-transition.is-back .c23-step-transition__layer--new{transform:translate(-100%)}.c23-step-transition.is-back.is-animating .c23-step-transition__layer--new{transform:translate(0)}.c23-step-transition.is-back.is-animating .c23-step-transition__layer--old{transform:translate(100%)}@media(prefers-reduced-motion:reduce){.c23-step-transition__layer{transition:opacity var(--c23-transition-slow)}.c23-step-transition.is-forward .c23-step-transition__layer--new,.c23-step-transition.is-back .c23-step-transition__layer--new{transform:none;opacity:0}.c23-step-transition.is-forward.is-animating .c23-step-transition__layer--new,.c23-step-transition.is-back.is-animating .c23-step-transition__layer--new{transform:none;opacity:1}.c23-step-transition.is-forward.is-animating .c23-step-transition__layer--old,.c23-step-transition.is-back.is-animating .c23-step-transition__layer--old{transform:none;opacity:0}}.c23-step-reveal{display:flex;flex-direction:column;gap:var(--c23-space-md);animation:c23-step-reveal var(--c23-transition-slow);animation-timing-function:ease-out}@keyframes c23-step-reveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.c23-step-reveal{animation:none}}