:root{text-align:center;justify-content:center;align-items:center;display:flex}.credentials-container{width:25rem}@media screen and (max-width:768px){.credentials-container{width:100%;max-width:25rem;padding:0 1rem}.credentials-container input{padding:.8rem 4rem!important;font-size:1.1rem!important}.input-gradient-border .absolute.left-7{left:1.75rem!important}.password-toggle{right:1.75rem!important}.default-btn{padding:.8rem!important;font-size:1.1rem!important}.default-btn .text-xl{width:1.25rem;height:1.25rem;font-size:1.25rem}.social-buttons-container{flex-direction:column;gap:.75rem!important}.social-buttons-container button{flex:none!important;width:100%!important}}@media screen and (max-width:480px){.credentials-container{width:100%;max-width:100%;padding:0}.credentials-container input{padding:.8rem 4rem!important;font-size:1.1rem!important}.input-gradient-border .absolute.text-xl{width:1.25rem!important;height:1.25rem!important;font-size:1.25rem!important}.input-gradient-border .absolute.left-7{left:1.75rem!important}.password-toggle{padding:.5rem!important;right:1.75rem!important}.default-btn{padding:.8rem!important;font-size:1.1rem!important}.default-btn .text-xl{width:1.25rem;height:1.25rem;font-size:1.25rem}.password-strength-bar{background-color:var(--text-700);border-radius:9999px;width:3rem;height:.25rem;transition:background-color .3s}.default-btn span{font-size:1.1rem}}.password-strength-indicator{justify-content:center;gap:.5rem;margin-top:.75rem;margin-bottom:.5rem;display:flex}@media screen and (min-width:481px){.password-strength-bar{background-color:var(--text-700);border-radius:9999px;width:4rem;height:.25rem;transition:background-color .3s}}.password-strength-bar.active{background-color:var(--accent-500)}