@media (max-width:480px){#login-body{padding:1rem}#login-body .login-header .logo{width:100px}#login-body .login-container .main-title{font-size:1.2rem;margin:1rem 0}#login-body .login-container .login-form-container{flex-direction:column-reverse;margin-bottom:1rem}#login-body .login-container .login-form-container .left-side-container,#login-body .login-container .login-form-container .right-side-container{width:290px}#login-body .login-container .login-form-container .left-side-container{padding:1rem 0 0}#login-body .login-container .login-form-container .left-side-container .input-group{margin:0 0 1rem}#login-body .login-container .login-form-container .left-side-container .input-group input{width:250px;padding:.6rem 1.2rem}#login-body .login-container .login-form-container .left-side-container .input-group input:focus+label,#login-body .login-container .login-form-container .left-side-container .input-group input:valid+label{transform:scale(.7) translateY(-2rem)}#login-body .login-container .login-form-container .left-side-container .input-group label{font-size:1rem}#login-body .login-container .login-form-container .left-side-container .forgot-pass{margin:1rem 0;font-size:.9rem}#login-body .login-container .login-form-container .left-side-container .form-button{font-size:.8rem;padding:.6rem 1rem}#login-body .login-container .login-form-container .divider{flex-direction:row;padding:1rem 0}#login-body .login-container .login-form-container .divider::after,#login-body .login-container .login-form-container .divider::before{padding:.5px 3.8rem}#login-body .login-container .login-form-container .right-side-container{padding:1rem 0}#login-body .tos-container>*{padding:1rem;width:100%;text-align:center}#login-body .modal-box{width:90%!important}}@media (min-width:768px) and (max-width:1024px){#login-body{padding:2rem}#login-body .login-container .login-form-container .left-side-container,#login-body .login-container .login-form-container .right-side-container{width:300px;padding:0 2rem}#login-body .login-container .login-form-container .left-side-container .input-group input{width:250px}}@media (max-width:825px) and (orientation:landscape){#login-body{padding:1rem}#login-body .login-header .logo{width:100px}#login-body .login-container .main-title{font-size:1.2rem;margin:1rem 0}#login-body .login-container .login-form-container{flex-direction:column-reverse;margin-bottom:1rem}#login-body .login-container .login-form-container .left-side-container,#login-body .login-container .login-form-container .right-side-container{width:290px}#login-body .login-container .login-form-container .left-side-container{padding:1rem 0 0}#login-body .login-container .login-form-container .left-side-container .input-group{margin:0 0 1rem}#login-body .login-container .login-form-container .left-side-container .input-group input{width:250px;padding:.6rem 1.2rem}#login-body .login-container .login-form-container .left-side-container .input-group input:focus+label,#login-body .login-container .login-form-container .left-side-container .input-group input:valid+label{transform:scale(.7) translateY(-2rem)}#login-body .login-container .login-form-container .left-side-container .input-group label{font-size:1rem}#login-body .login-container .login-form-container .left-side-container .forgot-pass{margin:2rem 0;font-size:.9rem}#login-body .login-container .login-form-container .left-side-container .form-button{font-size:.8rem}#login-body .login-container .login-form-container .divider{flex-direction:row;padding:1rem 0}#login-body .login-container .login-form-container .divider::after,#login-body .login-container .login-form-container .divider::before{padding:.5px 3.8rem}#login-body .login-container .login-form-container .right-side-container{padding:1rem 0}#login-body .tos-container>*{padding:1rem;text-align:center}}@media (max-width:1024px){#login-body .modal-box{width:auto}#login-body .modal-box .modal-body .int-input{display:block}#login-body .modal-box .modal-body #submit{width:60%!important}}@media (prefers-reduced-motion:no-preference){.card{animation:up .45s ease both}@keyframes up{0%{transform:translateY(8px);opacity:0}to{transform:none;opacity:1}}}