.auth-container{color:#eee;background-color:#1a1a1a;border-radius:10px;flex-direction:column;justify-content:center;align-self:center;align-items:center;gap:24px;width:36%;min-width:460px;max-width:800px;margin:auto;padding:4px;transition:all .25s;display:flex}.login-group{flex-direction:column;justify-content:center;align-items:center;gap:24px;width:100%;height:100%;padding:2rem 7rem;display:flex}.timegrid-logo{align-items:center;gap:2px;margin-bottom:.4rem;padding:0 1rem 0 0;font-size:.8rem;display:flex}h3{font-size:20px;font-weight:500}.signin-text{color:#e6e6e6;font-size:1.2rem;font-weight:300}p{color:#b3b3b3;font-weight:300}.login-form{flex-direction:column;gap:12px;width:100%;display:flex}.login-form input{color:#d9d9d9;box-sizing:border-box;z-index:2;background-color:#0f0f0f;border-radius:.5em;outline:1px solid #333;width:100%;height:56px;padding:0 1.4em;font-size:1em;font-weight:300;transition:all .12s ease-out}.login-form input:focus{background-color:#141414;outline:2px solid gray}.login-form input:active{background-color:#0f0f0f;outline-color:#8c8c8c}.auth-container button{border-radius:.5em;justify-content:center;align-items:center;width:100%;height:52px;margin-top:16px;padding:0 1.4em;font-size:1.2em;transition:all .25s;display:flex}.auth-container .sigin-button{color:#050505;background-color:#ebebeb;padding-left:1em;font-weight:500}.auth-container .sigin-button:hover{color:#030303;background-color:#fff}.auth-container .sigin-button:active{color:#030303;background-color:#999}.auth-container .sigin-button.loading{pointer-events:none;-webkit-user-select:none;user-select:none;background-color:#a6a6a6;padding-left:1.4em}.auth-loader{box-sizing:border-box;opacity:0;border:2px solid #050505;border-bottom-color:#0000;border-radius:50%;width:16px;height:16px;transition:all .25s;animation:1s linear infinite rotation;display:inline-block}.auth-loader.visible{opacity:1;translate:-8px}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.invalid-message{color:#db5a42;opacity:0;margin-top:-12px;font-weight:200;transition:all .25s}.invalid-message.visible{opacity:1;margin-top:0;margin-bottom:8px}.signup{text-decoration:underline}.signup,.forget-password{color:#999;font-size:14px;font-weight:400;transition:all .2s}.forget-password{justify-content:flex-end;margin-top:-1.2rem;display:flex}.signup:hover,.forget-password:hover{color:#e6e6e6;cursor:pointer;text-decoration:underline}.signup,.forget-password:active{color:#b3b3b3}.divider{text-align:center;align-items:center;width:100%;display:flex}.divider:before,.divider:after{content:"";border-bottom:1px solid #404040;flex:1}.divider:not(:empty):before{margin-right:12px}.divider:not(:empty):after{margin-left:12px}.divider span{color:#888;letter-spacing:.05em;font-size:.95em}.auth-container .google-signin{color:#ccc;background-color:#212121;justify-content:center;align-items:center;gap:8px;margin-top:0;font-size:1em;font-weight:400;display:flex}.auth-container .google-signin:hover{color:#e6e6e6;background-color:#262626}.auth-container .google-signin:active{background-color:#242424}.google-signin svg{fill:#ccc;aspect-ratio:1;width:24px;height:24px;display:block}.auth-container .apple-signin{color:#ccc;background-color:#212121;justify-content:center;align-items:center;gap:8px;margin-top:0;font-size:1em;font-weight:400;display:flex}.auth-container .apple-signin:hover{color:#e6e6e6;background-color:#262626}.auth-container .apple-signin:active{background-color:#242424}.apple-signin svg{fill:#ccc;aspect-ratio:1;width:24px;height:24px;display:block}.create-account{background-color:#161616;border-radius:8px;justify-content:center;align-items:center;width:100%;padding:24px;display:flex}