.auth-page,.auth-page *,.auth-page *::before,.auth-page *::after{box-sizing:border-box}
.social-auth-grid{display:grid;width:100%;grid-template-columns:1fr;gap:8px}.social-auth{display:grid;width:100%;min-height:48px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:0 12px;text-align:left}.social-auth>small{justify-self:end}.auth-form .form-row{gap:14px}.auth-form .form-row>*{min-width:0}.auth-switch{overflow-wrap:anywhere}@media(max-width:620px){.auth-page .auth-shell,.auth-page .auth-shell-register{display:block;width:calc(100% - 24px);max-width:calc(100vw - 24px);min-width:0;overflow:hidden}.auth-page .auth-form-wrap{min-width:0;width:100%;padding:38px 21px}.auth-page .auth-form{min-width:0;width:100%;max-width:100%}.auth-page .auth-form input,.auth-page .social-auth,.auth-page .demo-note{min-width:0;max-width:100%}.auth-page .form-row{display:grid;grid-template-columns:1fr;gap:10px}.auth-page .form-row>a{justify-self:start;white-space:normal;text-align:left}.social-auth{grid-template-columns:32px minmax(0,1fr);padding:0 12px}.social-auth>small{display:none}.auth-form h2{font-size:35px}}
.social-auth>.provider-icon{display:grid;width:28px;height:28px;place-items:center;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:rgba(255,255,255,.045)}
.social-auth>.provider-icon svg{display:block;width:17px;height:17px}
.social-auth>.provider-discord{color:#fff;border-color:rgba(88,101,242,.55);background:#5865f2}
.social-auth>.provider-discord svg{fill:currentColor}
.social-auth>.provider-google{background:#fff;border-color:rgba(255,255,255,.8)}
.social-auth>.provider-microsoft{background:rgba(255,255,255,.06)}
.social-auth:disabled>.provider-icon{filter:saturate(.55);opacity:.72}