.step-container{display:none}.step-container.active{display:block}.verification-code-container{margin:20px auto;max-width:220px}.verification-input{width:100%;text-align:center;letter-spacing:8px;font-size:24px;padding:10px 15px;border:1px solid #dcdce9;border-radius:8px;background-color:#f5f5f5;transition:border-color .3s}.verification-input:focus{border-color:var(--highlight-color);box-shadow:0 0 0 .25rem rgba(247,166,0,.25);outline:0}.resend-code{font-size:14px;color:var(--text-muted)}.password-strength{margin-top:-10px}.strength-meter{height:4px;background-color:#e9ecef;border-radius:2px;margin-top:5px;position:relative;overflow:hidden}.strength-meter-fill{height:100%;border-radius:2px;transition:width .3s,background-color .3s;width:0%}.strength-meter-fill[data-strength="0"]{width:0%;background-color:transparent}.strength-meter-fill[data-strength="1"]{width:25%;background-color:#f6465d}.strength-meter-fill[data-strength="2"]{width:50%;background-color:#f7a600}.strength-meter-fill[data-strength="3"]{width:75%;background-color:#f7a600}.strength-meter-fill[data-strength="4"]{width:100%;background-color:#0ecb81}.password-feedback{font-size:12px}@media (max-width:576px){.verification-input{font-size:20px;letter-spacing:6px}}[data-theme=dark] .verification-input{background-color:#262626;border-color:#2c2c2c;color:#f0f0f0}[data-theme=dark] .strength-meter{background-color:#2c2c2c}[data-theme=dark] .password-feedback{color:#a0a0a0}