.outer-container{flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:100%;padding:1rem;display:flex}@media (min-width:640px){.outer-container{aspect-ratio:4/3}}@media (min-width:768px){.outer-container{aspect-ratio:2}}.step-circle-container{border-radius:var(--radius-xl);background-color:var(--color-surface);width:100%;max-width:28rem;box-shadow:var(--shadow-lift);margin-inline:auto}.step-indicator-row{align-items:center;width:100%;padding:1.75rem 2rem 1.5rem;display:flex}.step-content-default{position:relative;overflow:hidden}.step-default{padding-inline:2rem}.step-connector{background-color:var(--color-line);border-radius:1px;flex:1;height:1px;margin-inline:.625rem;position:relative;overflow:hidden}.step-connector-inner{width:0;height:100%;position:absolute;inset-block:0;inset-inline-start:0}.step-indicator{outline:none;flex-shrink:0;position:relative}.step-indicator-inner{cursor:default;border-radius:9999px;justify-content:center;align-items:center;width:2rem;height:2rem;font-weight:700;display:flex}.step-indicator[style*="pointer-events: none"]{opacity:.45}.active-dot{background-color:#fff;border-radius:9999px;width:.5rem;height:.5rem}.step-number{letter-spacing:.01em;font-size:.75rem}.check-icon{color:#fff;width:.875rem;height:.875rem}.footer-container{padding-block-end:2rem;padding-inline:2rem}.footer-nav{align-items:center;margin-block-start:2rem;display:flex}.footer-nav.spread{justify-content:space-between}.footer-nav.end{justify-content:flex-end}.back-button{border-radius:var(--radius-sm);color:var(--color-muted);align-items:center;gap:.3rem;padding:.25rem .5rem;font-size:.875rem;font-weight:500;transition:color .25s,background-color .25s;display:inline-flex}.back-button:hover{color:var(--color-body);background-color:var(--color-sunken)}.back-button.inactive{pointer-events:none;opacity:.4}.next-button{background-color:var(--color-accent-600);color:#fff;letter-spacing:-.01em;transition:background-color .25s, box-shadow .35s var(--ease-out-expo);border-radius:9999px;align-items:center;gap:.35rem;padding:.45rem 1rem;font-size:.875rem;font-weight:600;display:inline-flex}.next-button:hover{background-color:var(--color-accent-700);box-shadow:0 4px 14px -4px #1a79dd73}.next-button:active{background-color:var(--color-accent-700)}.next-button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.stepper-arrow{flex-shrink:0;display:inline-flex}[dir=rtl] .stepper-arrow{transform:scaleX(-1)}.stepper-full-width{flex-direction:column;flex:1;max-width:none;display:flex}.stepper-footer-auto{margin-top:auto}