.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:var(--radius-3xl);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;background:var(--background);border:1px solid var(--border)}.step-indicator-row{display:flex;width:100%;align-items:center;padding:2rem}@media(max-width:640px){.step-indicator-row{padding:1.5rem 1rem 1rem}}.step-content-default{position:relative;overflow:hidden}.step-default{padding-left:2rem;padding-right:2rem}@media(max-width:640px){.step-default{padding-left:1.5rem;padding-right:1.5rem}}.footer-container{padding-left:2rem;padding-right:2rem;padding-bottom:2rem}@media(max-width:640px){.footer-container{padding-left:1.5rem;padding-right:1.5rem;padding-bottom:1.5rem}}.footer-nav{margin-top:2.5rem;display:flex}@media(max-width:640px){.footer-nav{margin-top:1rem}}.footer-nav.spread{justify-content:space-between}.footer-nav.end{justify-content:flex-end}.back-button{transition:all .35s;border-radius:var(--radius-sm);padding:.25rem .5rem;color:hsl(var(--muted-foreground));cursor:pointer;background:none;border:none}.back-button:hover{color:hsl(var(--foreground))}.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:var(--studii-orange);color:#fff;font-weight:500;letter-spacing:-.025em;padding:.375rem .875rem;cursor:pointer;border:none}.next-button:hover{opacity:.9}.next-button:active{scale:.98}.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:var(--radius-sm);background-color:var(--border)}.step-connector-inner{position:absolute;left:0;top:0;height:100%}.check-icon{height:1rem;width:1rem;color:#fff}
