/* 0.7.8a/0.7.8b: website sign-in (src/site-login.js). Phone first (360 px), the account dialog's own look otherwise. */
.login-options{display:flex;flex-direction:column;align-items:stretch;gap:12px;margin:18px 0}
.login-option{display:flex;justify-content:center;min-height:44px}
.tg-login-widget{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:44px;width:100%}
.tg-login-widget iframe{max-width:100%}
.tg-login-widget small{color:var(--c-text-2)}
.login-linked{text-align:center;color:var(--c-gold-hi);margin:4px 0}
.login-privacy{font-size:12px;color:var(--c-text-2);line-height:1.5}
.login-privacy a{color:var(--c-gold-hi)}
.nickname-row{display:flex;gap:10px;flex-wrap:wrap}
.nickname-row input{flex:1 1 180px;min-width:0;min-height:44px;font-size:16px;padding:8px 12px;background:var(--c-bg);border:2px solid var(--c-text-3);color:var(--c-gold-hi);box-sizing:border-box}
.nickname-row button{min-height:44px;flex:0 0 auto}
.login-methods{color:var(--c-shard);font-size:var(--fs-m)}
.login-promo{margin:14px 0;text-align:left}.login-promo p{margin:6px 0 10px}.login-promo button{min-height:44px}
.account-link-header[data-kind=google] .alh-icon{display:none!important}
@media(max-width:400px){.nickname-row button{flex:1 1 100%}.gsi-button{width:100%}}