:root{--login-border:rgba(43,44,58,0.2)}.login-wrapper{padding:10px 0 0;width:100vw;position:fixed;z-index:1;top:0!important;bottom:0!important;right:0!important;left:0!important;min-height:100vh;background:#eef3fa;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow-y:scroll}.login-wrapper,.login-wrapper .login-container{display:-webkit-box;display:-ms-flexbox;display:flex}.login-wrapper .login-container{width:470px;padding:30px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:#fff;border-radius:15px;-webkit-box-shadow:0 4px 6px -4px rgba(24,39,75,.12),0 8px 8px -4px rgba(24,39,75,.08);box-shadow:0 4px 6px -4px rgba(24,39,75,.12),0 8px 8px -4px rgba(24,39,75,.08)}.login-wrapper .login-container.space-y-3>:not(:first-child){margin-top:20px}.login-wrapper .login-container .flex-center{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.login-wrapper .login-container>h2{font-size:48px;font-weight:600;text-align:center}.login-wrapper .login-container>p{font-size:15px}.login-wrapper .login-container>p>.font-bolder{font-weight:600}.login-wrapper .login-container>.timer{text-align:center;color:rgba(43,44,58,.5)}.login-wrapper .login-container * .submit{color:#fff;background:#5499f2;border:none;padding:17px 100px;border-radius:100px;font-size:16px}.login-wrapper .login-container>.divider{width:100%;height:1px;background:var(--login-border)}.login-wrapper .login-container>.login-buttons{display:-webkit-box;display:-ms-flexbox;display:flex;background:#eef3fa;padding:6px;border-radius:10px}.login-wrapper .login-container>.login-buttons>button{width:50%;padding:15px;background:inherit;color:rgba(43,44,58,.5);border:none;font-size:15px;border-radius:5px}.login-wrapper .login-container>.login-buttons>button.active{-webkit-box-shadow:1px 2px 3px -2px rgba(24,39,75,.1);box-shadow:1px 2px 3px -2px rgba(24,39,75,.1);background:#fff;color:#000}.login-wrapper .login-container>.login-buttons>button:nth-child(2){margin-left:10px}.login-wrapper .login-container label{width:100%}.login-wrapper .login-container label>input,.login-wrapper .login-container label select{background:#fff;border-radius:5px;padding:15px 20px;font-size:15px;border:1px solid var(--login-border);width:100%}