.social-login-options{display:grid;gap:.5rem;margin:1rem 0}
.social-provider-form{margin:0}
.social-helper{margin:.3rem 0;color:#aaa;font-size:.8rem;line-height:1.5}
.social-admin-providers{display:grid;gap:1rem}
.social-admin-providers input[readonly]{font-size:.8rem}
.social-profile-body{display:grid;gap:.8rem}
.social-connection{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem}
.social-connection>span:first-child{display:flex;align-items:center;gap:.5rem}
.social-connection svg{width:1.2rem;height:1.2rem;flex:none}
.social-connection form{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin:0}
.social-connect-form{display:grid;gap:.8rem}
.social-connect-buttons{display:flex;gap:.5rem;flex-wrap:wrap}
.social-avatar-import{margin:.6rem 0}
@media(max-width:40rem){.social-connect-buttons>.button{width:100%}.social-connection{align-items:flex-start;flex-direction:column}.social-connection form{width:100%}}

.social-provider-tabs{display:flex;flex-wrap:wrap;gap:.5rem}
.social-admin-providers [data-social-provider][hidden]{display:none}

body .auth-dialog{box-sizing:border-box;padding:1.5rem;border:.1rem solid #ffffff15;border-radius:.5rem;background:#010103}
.auth-dialog>h2{margin:0 2rem 1rem 0}
.auth-dialog .social-login-options{gap:.5rem;margin:0 0 1rem;padding:0 0 1rem;border-bottom:.1rem solid #ffffff15}
.auth-dialog .social-provider-form>.button{display:flex;align-items:center;justify-content:flex-start;gap:.7rem;width:100%;min-height:2.8rem;padding:.7rem .8rem;white-space:normal;text-align:left;transform:none}
.auth-dialog .social-provider-form>.button:is(:hover,:focus-visible,:active){justify-content:flex-start;transform:none}
.auth-dialog .social-provider-form>.button>svg{flex:none;width:1.3rem;height:1.3rem}
.auth-dialog form[data-form=login]{gap:.8rem}
.auth-dialog form[data-form=login]>.primary{display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:2.6rem}
.auth-dialog label>input{box-sizing:border-box;min-width:0;border:.1rem solid #ffffff15;background:#010103}
.auth-dialog .auth-links{gap:.5rem;margin-top:1rem;line-height:1.5}