.tg-login{height:44px;position:relative;width:100%}.tg-login .tg-face,.tg-login .tg-skeleton{border-radius:999px;display:grid;inset:0;place-items:center;position:absolute}.tg-login .tg-face{background:var(--tint);color:#fff;font-size:15px;font-weight:600;letter-spacing:-.2px;transition:filter .15s ease;white-space:nowrap}.tg-login .tg-skeleton{background:var(--fill)}.tg-login .tg-frame{left:0;opacity:0;position:absolute;top:0;transform-origin:top left}.tg-login:hover .tg-face{filter:brightness(110%)}.tg-login:focus-within .tg-face{outline:2px solid var(--tint);outline-offset:2px}.tg-login.tg-native{background:var(--fill);border-radius:999px;display:flex;height:auto;justify-content:center;padding:6px}.tg-login.tg-native .tg-frame{opacity:1;position:static;transform:none}.tg-login.tg-failed{height:auto}.tg-login.tg-failed .tg-frame{visibility:hidden}.tg-login .tg-unavailable{color:var(--label2);font-size:14px;line-height:20px;text-align:center}.login-page{color:var(--label)}.login-page .login-content{padding:0 0 40px;position:relative;z-index:1}.login-page .login-hero{backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);background:var(--group);border-radius:var(--radius);margin:16px var(--gut) 0;padding:24px 20px;text-align:center}.login-page .login-hero .mark{fill:var(--tint);height:46px;width:46px}.login-page .login-hero .lead{color:var(--label2);font-size:14px;line-height:20px;margin:12px auto 20px;max-width:320px}.login-page .login-hero .muted{opacity:.7}.login-page .group{margin-top:16px}.login-page .group-title+.group{margin-top:0}