.cp-step-stage{perspective:1200px;position:relative;width:100%;min-height:16rem}.cp-step-panel{width:100%;transform-origin:50% 40%;will-change:transform,opacity,filter}.cp-step-panel[data-phase=enter-forward]{animation:cp-enter-forward .42s cubic-bezier(.22,1,.36,1) both}.cp-step-panel[data-phase=enter-back]{animation:cp-enter-back .42s cubic-bezier(.22,1,.36,1) both}.cp-step-panel[data-phase=exit-forward]{animation:cp-exit-forward .32s cubic-bezier(.4,0,.2,1) both;pointer-events:none}.cp-step-panel[data-phase=exit-back]{animation:cp-exit-back .32s cubic-bezier(.4,0,.2,1) both;pointer-events:none}@keyframes cp-enter-forward{0%{opacity:0;filter:blur(10px);transform:translateY(.65rem) scale(.99)}to{opacity:1;filter:blur(0);transform:translateY(0) scale(1)}}@keyframes cp-exit-forward{0%{opacity:1;filter:blur(0);transform:translateY(0) scale(1)}to{opacity:0;filter:blur(10px);transform:translateY(-.5rem) scale(.99)}}@keyframes cp-enter-back{0%{opacity:0;filter:blur(10px);transform:translateY(-.65rem) scale(.99)}to{opacity:1;filter:blur(0);transform:translateY(0) scale(1)}}@keyframes cp-exit-back{0%{opacity:1;filter:blur(0);transform:translateY(0) scale(1)}to{opacity:0;filter:blur(10px);transform:translateY(.5rem) scale(.99)}}.cp-step-title-stage{position:relative;display:grid;align-items:center;min-height:2.5rem;overflow:hidden}.cp-step-title{grid-area:1 / 1;margin:0;will-change:transform,opacity}.cp-step-title[data-phase=enter-forward]{animation:cp-title-enter-forward .48s cubic-bezier(.65,0,.35,1) both}.cp-step-title[data-phase=enter-back]{animation:cp-title-enter-back .48s cubic-bezier(.65,0,.35,1) both}.cp-step-title[data-phase=exit-forward]{animation:cp-title-exit-forward .48s cubic-bezier(.65,0,.35,1) both;pointer-events:none}.cp-step-title[data-phase=exit-back]{animation:cp-title-exit-back .48s cubic-bezier(.65,0,.35,1) both;pointer-events:none}@keyframes cp-title-exit-forward{0%{transform:translateY(0)}to{transform:translateY(-110%)}}@keyframes cp-title-enter-forward{0%{transform:translateY(110%)}to{transform:translateY(0)}}@keyframes cp-title-exit-back{0%{transform:translateY(0)}to{transform:translateY(110%)}}@keyframes cp-title-enter-back{0%{transform:translateY(-110%)}to{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.cp-step-panel[data-phase=enter-forward],.cp-step-panel[data-phase=enter-back],.cp-step-panel[data-phase=exit-forward],.cp-step-panel[data-phase=exit-back],.cp-step-title[data-phase=enter-forward],.cp-step-title[data-phase=enter-back],.cp-step-title[data-phase=exit-forward],.cp-step-title[data-phase=exit-back]{animation:cp-fade .18s ease both}@keyframes cp-fade{0%{opacity:0;filter:none;transform:none}to{opacity:1;filter:none;transform:none}}.cp-step-panel[data-phase=exit-forward],.cp-step-panel[data-phase=exit-back],.cp-step-title[data-phase=exit-forward],.cp-step-title[data-phase=exit-back]{animation:cp-fade-out .14s ease both}@keyframes cp-fade-out{0%{opacity:1}to{opacity:0}}}
