.flow{flex-direction:column;width:100%;max-width:480px;margin-inline:auto;display:flex}.flow-head,.flow-foot{z-index:1;background:var(--color-canvas);position:sticky}.flow-head{padding-block:4px 16px;top:0}.flow-foot{padding-block:16px;bottom:0}.flow-step{padding-block:24px 16px}.flow-step:focus,.flow-step:focus-visible{outline:none}.flow-step[data-entering]{animation:.22s ease-out both flow-step-in}@keyframes flow-step-in{0%{opacity:0;transform:translate(16px)}}@media (prefers-reduced-motion:reduce){.flow-step[data-entering]{animation:none}}