#login-form,#signup-form,#auth-container{padding:1em}#auth-container{color:#fff}#auth-container h2{margin:0;text-align:center}#login-form,#signup-form{gap:1em;width:100%;display:flex;flex-direction:column}input,#login-btn,#signup-btn{border:none;outline:none;padding:.5em;font-size:medium;font-family:inherit}#login-btn,#signup-btn{cursor:pointer;color:#4c5582;font-weight:500;border-radius:10px;box-shadow:1px 1px 1px 1px #dcdcdc}#show-login,#show-signup{outline:none;border:none;color:#0ff;cursor:pointer;font-size:large;font-family:inherit;background:transparent;text-decoration:underline}#login-btn:hover,#signup-btn:hover{color:#fff;background:#87ceeb}#show-login:hover,#show-signup:hover{color:#87ceeb}#auth-error{width:100%;color:orange;margin-top:10px;text-align:center;font-size:smaller;font-style:italic}@media screen and (max-width: 400px){#show-login,#show-signup,#auth-container{font-size:medium}}.loading-spinner{display:inline-flex;align-items:center;gap:8px}.spinner{animation:rotate 1s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner circle{stroke:currentColor;stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}