.outer-container{align-items:center;justify-content:center;padding:1rem;max-width:100%}.outer-container,.step-circle-container{display:flex;flex-direction:column;width:100%}.step-circle-container{margin-left:auto;margin-right:auto;max-width:32rem;border-radius:3rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.3),0 0 0 1px hsla(0,0%,100%,.05);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);overflow:visible}.step-indicator-row{display:flex;width:100%;align-items:center;padding:2rem}.step-content-default{position:relative;overflow:hidden}.step-default{padding:1rem}@media (min-width:768px){.step-default{padding:1.5rem 2rem}}.footer-container{padding-left:2rem;padding-right:2rem;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:1rem;padding:.75rem 1.5rem;color:hsla(0,0%,100%,.6);cursor:pointer;background:transparent;border:1px solid hsla(0,0%,100%,.1);font-weight:300;letter-spacing:.1em;text-transform:uppercase;font-size:.875rem;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.back-button:hover{color:hsla(0,0%,100%,.9);border-color:hsla(0,0%,100%,.2);background:hsla(0,0%,100%,.05)}.back-button.inactive{pointer-events:none;opacity:.3;color:hsla(0,0%,100%,.3)}.next-button{position:relative;overflow:hidden;transition:all .35s;display:flex;align-items:center;justify-content:center;border-radius:2rem;background:transparent;border:1px solid hsla(0,0%,100%,.2);color:#fff;font-weight:300;letter-spacing:.1em;padding:.75rem 1.5rem;cursor:pointer;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);text-transform:uppercase;font-size:.875rem}.next-button:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,hsla(0,0%,100%,.05),hsla(0,0%,100%,.1),hsla(0,0%,100%,.05));opacity:0;transition:opacity .7s}.next-button:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transform:translateX(-100%) skewX(-12deg);transition:transform 1s ease-out}.next-button:hover:before{opacity:1}.next-button:hover:after{transform:translateX(100%) skewX(-12deg)}.next-button:hover{border-color:hsla(0,0%,100%,.4);box-shadow:0 20px 40px -12px hsla(0,0%,100%,.1)}.next-button:active{transform:scale(.95)}.step-indicator{position:relative;cursor:pointer;outline:none;transition:all .2s ease}.step-indicator:hover{transform:scale(1.05)}.step-indicator[style*="cursor: default"]:hover{transform: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:hsla(0,0%,100%,.1)}.step-connector-inner{position:absolute;left:0;top:0;height:100%}.check-icon{height:1rem;width:1rem;color:#fff}