.outer-container{display:flex;min-height:100%;flex:1 1 0%;flex-direction:column;align-items:center;justify-content:center;padding:1rem}@media (min-width:640px){.outer-container{aspect-ratio:4/3}}@media (min-width:768px){.outer-container{aspect-ratio:2/1}}.step-circle-container{margin-left:auto;margin-right:auto;width:100%;max-width:48rem;border-radius:1.5rem;border-width:1px}.step-indicator-row{display:flex;width:100%;align-items:center;padding:2rem}.step-content-default{position:relative;overflow:hidden;min-height:120px;display:flex;align-items:center;justify-content:center}.footer-container,.step-default{padding-left:2rem;padding-right:2rem}.footer-container{padding-bottom:2rem}.footer-nav{margin-top:2.5rem;display:flex}.footer-nav.spread{justify-content:space-between}.footer-nav.end{justify-content:flex-end}.back-button{transition:all .35s;border-radius:.25rem;padding:.25rem .5rem;color:#a3a3a3;cursor:pointer}.back-button:hover{color:hsl(var(--primary))}.back-button.inactive{pointer-events:none;opacity:.5;color:#a3a3a3}.next-button{transition:all .35s;display:flex;align-items:center;justify-content:center;border-radius:9999px;background-color:hsl(var(--card-foreground));color:#fff;font-weight:500;letter-spacing:-.025em;padding:.375rem .875rem;cursor:pointer}.next-button:hover{color:hsl(var(--primary-foreground))}.next-button:active,.next-button:hover{background-color:hsl(var(--primary))}.step-indicator{position:relative;cursor:pointer;outline:none}.step-indicator-inner{display:flex;height:2rem;width:2rem;align-items:center;justify-content:center;border-radius:9999px;font-weight:600}.active-dot{height:.75rem;width:.75rem;border-radius:9999px;background-color:#fff}.step-number{font-size:.875rem}.step-connector{position:relative;margin-left:.5rem;margin-right:.5rem;height:.125rem;flex:1;overflow:hidden;border-radius:.25rem;background-color:hsl(var(--border))}.step-connector-inner{position:absolute;left:0;top:0;height:100%}.check-icon{height:1rem;width:1rem;color:#fff}