.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:28rem;border-radius:2rem;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.step-indicator-row{display:flex;width:100%;align-items:center;padding:2rem}.step-content-default{position:relative;overflow:hidden}.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:#52525b}.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;color:#fff;font-weight:500;letter-spacing:-.025em;padding:.375rem .875rem;cursor:pointer}.next-button,.next-button:active,.next-button:hover{background-color:#5227FF}.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:#52525b}.step-connector-inner{position:absolute;left:0;top:0;height:100%}.check-icon{height:1rem;width:1rem;color:#fff}