.transition-overlay{--transition-duration:0ms;--ripple-delay:0ms;--ripple-speed:0ms;--ripple-duration:0ms;position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;background:var(--bg);pointer-events:auto;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);animation:none}.ripple-container{width:100%;height:100%}.ripple,.ripple-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ripple{background:linear-gradient(45deg,var(--primary-color-dark),var(--primary-color-light));border-radius:50%;animation:rippleExpand var(--ripple-speed) cubic-bezier(0,.2,.8,1) forwards,rippleFade var(--ripple-duration) linear forwards;will-change:transform,opacity}@keyframes rippleExpand{0%{width:0;height:0}to{width:min(50vw,50vh);height:min(50vw,50vh)}}@keyframes rippleFade{0%{opacity:.8}to{opacity:0}}@keyframes fadeOut{0%{-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);opacity:1}to{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}}.account-creation-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;padding:2rem;color:#fff}.account-creation-container .logo{margin-bottom:1rem;width:300px;height:150px}@media (max-width:768px){.account-creation-container .logo{width:200px;height:100px}}.account-creation-container .progressWrapper{display:flex;flex-direction:column;width:28rem;max-width:90vw}.account-creation-container .progressWrapper h4{text-align:left;font-weight:600;margin:0 0 .5rem}.account-creation-container .progressWrapper{width:100%;max-width:400px}.account-creation-container .progressContainer{height:10px;width:100%;background-color:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:1rem;overflow:hidden;margin-bottom:2rem;margin-top:0;position:relative}.account-creation-container .progressBar{position:absolute;top:0;left:0;height:100%;background:linear-gradient(to right,var(--primary-color-dark),var(--primary-color-light));width:100%;transform-origin:left;transform:scaleX(0)}.account-creation-container .progressBar.animate-progress{transform:scaleX(1)}.status-text-container{display:flex;flex-direction:column;height:100px}.status-text,.status-text-container{align-items:center;position:relative}.status-text{font-size:1.2rem;font-weight:600;display:inline-flex;margin:0;opacity:0}.status-text .text{color:hsla(0,0%,100%,.7);background:linear-gradient(90deg,hsla(0,0%,100%,.4) 0,hsla(0,0%,100%,.4) 0,#fff 50%,hsla(0,0%,100%,.4) 100%,hsla(0,0%,100%,.4) 0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-size:200% auto;animation:shine 4s ease-in-out infinite alternate;text-align:center}@keyframes shine{0%{background-position:100%}50%{background-position:0}to{background-position:100%}}.status-text .dots-container{display:inline-flex;align-items:center;margin-left:2px;transform:translateY(4px)}.status-text .dot{display:inline-block;width:3px;height:3px;margin:0 1px;border-radius:50%;background-color:hsla(0,0%,100%,.9);animation:jump 1s ease-in-out infinite}.status-text .dot:first-child{animation-delay:0s}.status-text .dot:nth-child(2){animation-delay:.4s}.status-text .dot:nth-child(3){animation-delay:.8s}@keyframes jump{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}