.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:2rem;width:100%;max-width:28rem;margin-left:auto;margin-right:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.step-indicator-row{align-items:center;width:100%;padding:2rem;display:flex}.step-content-default{position:relative;overflow:hidden}.step-default{padding-left:2rem;padding-right:2rem}.footer-container{padding-bottom:2rem;padding-left:2rem;padding-right: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{color:#a3a3a3;cursor:pointer;border-radius:.25rem;padding:.25rem .5rem;transition:all .35s}.back-button:hover{color:#52525b}.back-button.inactive{pointer-events:none;opacity:.5;color:#a3a3a3}.next-button{color:#fff;letter-spacing:-.025em;cursor:pointer;background-color:#5227ff;border-radius:9999px;justify-content:center;align-items:center;padding:.375rem .875rem;font-weight:500;transition:all .35s;display:flex}.next-button:hover,.next-button:active{background-color:#5227ff}.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:#52525b;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}
.ophie-stepper .outer-container{aspect-ratio:auto;min-height:0;padding:0}.ophie-stepper .step-circle-container{max-width:40rem;box-shadow:drop-shadow(0 2px 10px #1a120b10) drop-shadow(0 1px 3px #1a120b0c);background-color:#f9f6f3;border-radius:24px;box-shadow:0 2px 10px #1a120b10,0 1px 3px #1a120b0c;border:1px solid #1a120b0e!important}.ophie-stepper .step-indicator-row{padding:1.75rem 2rem .5rem}.ophie-stepper .step-connector{background-color:#006c6726;border-radius:9999px;flex:1;height:2px;margin:0 .5rem;position:relative;overflow:hidden}.ophie-stepper .step-connector-inner{position:absolute;inset:0;background-color:#006c67!important}.ophie-step-indicator{cursor:pointer;background:0 0;border:none;padding:0;display:inline-flex}.ophie-step-indicator-inner{width:2rem;height:2rem;font-size:.875rem;font-weight:600;font-family:var(--font-work-sans), "Work Sans", sans-serif;border:1px solid #1a120b14;border-radius:9999px;justify-content:center;align-items:center;display:flex}.ophie-stepper .footer-container{padding:0 2rem 1.75rem}.ophie-stepper .back-button{color:#1a120b8c;font-family:var(--font-work-sans), "Work Sans", sans-serif;border-radius:9999px;padding:.4rem .75rem;font-size:.95rem;transition:color .2s,background-color .2s}.ophie-stepper .back-button:hover{color:#006c67;background-color:#006c670a}.ophie-stepper .next-button{font-family:var(--font-work-sans), "Work Sans", sans-serif;border-radius:9999px;padding:.55rem 1.4rem;font-size:.95rem;font-weight:400;transition:background-color .2s,transform .2s;color:#fdfbf9!important;background-color:#006c67!important}.ophie-stepper .next-button:hover{transform:scale(1.02);background-color:#005550!important}.ophie-stepper .next-button:active{transform:scale(.98)}