.outer-container{--stepper-dim:color-mix(in srgb, var(--color-text-primary) 10%, transparent);flex-direction:column;flex:1;width:100%;display:flex}.step-circle-container{border-radius:1.5rem;width:100%}.step-indicator-row{align-items:center;width:100%;padding:1.25rem 1.25rem .5rem;display:flex}@media (min-width:640px){.step-indicator-row{padding:2rem 2rem .75rem}}.step-content-default{position:relative;overflow:hidden}.step-default{padding:.75rem 1.25rem .25rem}@media (min-width:640px){.step-default{padding:1rem 2rem .25rem}}.footer-container{padding:0 1.25rem 1.25rem}@media (min-width:640px){.footer-container{padding:0 2rem 2rem}}.footer-nav{align-items:center;gap:.75rem;margin-top:1.75rem;display:flex}.footer-nav.spread{justify-content:space-between}.footer-nav.end{justify-content:flex-end}.back-button{color:var(--color-text-muted);cursor:pointer;border-radius:9999px;padding:.5rem .9rem;font-size:.875rem;transition:color .35s,background-color .35s}.back-button:hover{color:var(--color-text-primary);background-color:var(--stepper-dim)}.next-button{background-image:linear-gradient(90deg, var(--color-accent-indigo), var(--color-accent-violet));color:#fff;letter-spacing:-.025em;cursor:pointer;border-radius:9999px;justify-content:center;align-items:center;padding:.55rem 1.4rem;font-size:.875rem;font-weight:600;transition:opacity .35s,transform .2s,box-shadow .35s;display:flex}.next-button:hover:not(:disabled){box-shadow:0 10px 25px -10px var(--color-accent-indigo);transform:translateY(-1px)}.next-button:disabled{cursor:not-allowed;opacity:.45}.step-indicator{cursor:pointer;outline:none;position:relative}.step-indicator-inner{border-radius:9999px;justify-content:center;align-items:center;width:2rem;height:2rem;font-weight:600;display:flex}.active-dot{background-color:#fff;border-radius:9999px;width:.75rem;height:.75rem}.step-number{font-size:.875rem}.step-connector{background-color:var(--stepper-dim);border-radius:.25rem;flex:1;height:.125rem;margin-left:.5rem;margin-right:.5rem;position:relative;overflow:hidden}.step-connector-inner{height:100%;position:absolute;top:0;left:0}.check-icon{color:#fff;width:1rem;height:1rem}@media (prefers-reduced-motion:reduce){.next-button:hover:not(:disabled){transform:none}}