#login-account, #signup-account {margin: 10px auto 0;font-size: 12px }html{overflow-y: hidden !important;}#container { padding-top: 0; border-right: none !important;} #signup, #login {background-color: var(--app-dark);border: 1px solid var(--app-dark-gray) }#loader, #loader-signup {width: 100%;height: 20px;margin-bottom: 10px;margin-top: 20px;justify-content: center;align-items: center }#slogan {text-align: center }#loader-signup, #loader {display: flex;}#signup-btn, #login-btn{background-color:#3b25cc;color:#fff;margin:10px auto;padding:10px 20px;border:none;border-radius:10px;}#terms {bottom: 80px;left: 50%;transform: translateX(-50%);width: 300px;position: absolute;font-size: 10px }#login, #signup, .logo {position: absolute;left: 50%;transform: translate(-50%, -50%) }#login, #signup {top: 50%;min-height: 400px;width: 340px;height: auto;border-radius: 8px;padding: 20px 0;display: flex;flex-direction: column;align-items: flex-start;justify-content: center }#login input:-webkit-autofill, #signup input:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px #000 inset !important;color: #fff !important }#login input, #signup input {color: #fff;background-color: #000;position: relative;margin-bottom: 10px;width: 160px }#login-color {max-width: 50px }#login-color, .error-message {margin: 0 auto;color: var(--app-red) }.error-message {max-width: 300px;overflow-wrap: break-word }#profile-pic, .user-avatar {border-radius: 50%;min-height: 120px;margin: 0 auto;min-width: 120px;transition: filter.3s }#profile-pic-label {margin: 15px auto }.user-avatar:hover {filter: brightness(110%) }#login-title, #signup-title {color: #fff;margin: 0 auto 30px;font-size: 30px }.logo {top: 10% }#slogan {margin-top: -85px;font-size: 13px }@media(max-width:600px) {#login {max-width: 100% }}@media(max-height:692px) {#terms {bottom: 0 }}@media(max-height:727px) {.logo {top: 3% }}@media(max-width:345px) {#login, #signup {max-width: 100% }}@media(max-height:643px) {.logo {display: none }}