:root{font-family:Arial,Helvetica,sans-serif;--background-color: #0f111a;--second-color: #1e2130;--third-color: #4c5792;--btn-win-close: red;--taskbar-height: 3rem;--btn-normal: #2a2e3f;--btn-normal-hover: #373c52;--btn-special: #4c5792;--btn-special-hover: #5d6ab0;--font-color: #ccc;--default-padding: 1rem;--default-margin: 1rem;--default-border-radius: 1rem;--border: 1px solid #ccc5;--border-color: #ccc5}html,body{margin:0;color:var(--font-color);background-color:var(--background-color);height:100vh;width:100vw;max-height:100vh;max-width:100vw;overflow:hidden}*{box-sizing:border-box;transition:background-color .2s}html,body{background-color:var(--background-color)}.container{height:100vh;width:100vw}.login_form{height:100%;width:50%;background-color:var(--second-color);margin:0 auto;display:flex;align-items:center;justify-content:center}.login_form form{display:flex;width:50%;flex-direction:column;gap:1rem}.login_form form img{height:10rem;aspect-ratio:1/1}.login_form form h2{margin:0;width:100%;text-align:center}.login_form form h4{width:100%;text-align:center;margin:0}.login_form form h5{margin:0;color:red;font-weight:400;text-align:center;width:100%}.login_form form a{color:var(--font-color)}.login_form form input[type=submit]{height:3rem;border-radius:100vh;border:none;background-color:var(--btn-special);cursor:pointer;color:#fff}.login_form form input[type=submit]:hover{background-color:var(--btn-special-hover)}.login_form form input[type=submit].wiggle{animation:shake .4s infinite}.login_form form input[type=submit].logged{cursor:not-allowed}.login_form form .field{height:3rem;width:100%;border-radius:100vh;display:flex;align-items:center;overflow:hidden;border:1px solid var(--border-color)}.login_form form .field input{height:100%;width:100%;overlay:none;border:none;outline:none;background:none;color:var(--font-color)}.login_form form .field input:-webkit-autofill,.login_form form .field input:-webkit-autofill:hover,.login_form form .field input:-webkit-autofill:focus,.login_form form .field input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px var(--second-color) inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}.login_form form .field svg{flex-shrink:0;height:100%;scale:.5}.login_form form .field.wrong{border:1px solid red}.login_form form .available_accounts{width:100%;border:var(--border);border-radius:1rem;padding:10px;display:flex;flex-direction:column;gap:10px}.login_form form .available_accounts .account{overflow:hidden;padding:5px;display:flex;background-color:var(--btn-normal);height:4rem;border-radius:10px;cursor:pointer}.login_form form .available_accounts .account img,.login_form form .available_accounts .account svg,.login_form form .available_accounts .account .avatar{scale:.75;height:100%;border-radius:50%;flex-shrink:0}.login_form form .available_accounts .account h4{height:50%;text-align:left;display:flex;align-items:center}.login_form form .available_accounts .account:hover{background-color:var(--btn-normal-hover)}@media(max-width:768px){.login_form{width:100%}.login_form form{width:80%}.login_form form a{text-align:center}}@keyframes shake{0%{transform:translate(1px,1px)}10%{transform:translate(-1px,-2px)}20%{transform:translate(-3px)}30%{transform:translate(3px,2px)}40%{transform:translate(1px,-1px)}50%{transform:translate(-1px,2px)}60%{transform:translate(-3px,1px)}70%{transform:translate(3px,1px)}80%{transform:translate(-1px,-1px)}90%{transform:translate(1px,2px)}to{transform:translate(1px,-2px)}}.avatar{height:100%;aspect-ratio:1/1;border-radius:100%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem}