.login-modal:focus{outline:none}.login-modal{--gbtn-bg:var(--raise);--gbtn-line:var(--line);--gbtn-fg:var(--fg);text-align:center}.login-modal .login-close{z-index:1;position:absolute;top:12px;right:12px}.login-modal .login-logo{width:40px;height:40px;color:var(--fg);place-items:center;margin:0 auto;display:grid}html body .modal-overlay .login-modal .login-title{text-align:center;word-break:keep-all;margin:14px 0 0}.login-modal .login-sub{max-width:300px;color:var(--muted);word-break:keep-all;margin:8px auto 0;font-size:13.5px;line-height:1.55}.login-modal .login-sub--email{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:4px 10px;max-width:none;display:flex}.login-modal .login-sub-email{white-space:nowrap;text-overflow:ellipsis;max-width:100%;color:var(--fg);font-weight:var(--fw-label);overflow:hidden}.login-modal .login-back{color:var(--muted);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;flex:none;padding:0;font-size:13.5px;text-decoration:underline}.login-modal .login-back:hover:not(:disabled){color:var(--fg)}.login-modal .login-back:disabled{cursor:default;color:var(--faint)}.login-modal .login-context{background:var(--soft);text-align:left;word-break:keep-all;border-radius:12px;flex-direction:column;gap:2px;margin:16px 0 0;padding:10px 12px;display:flex}.login-modal .login-context strong{font-size:15px}.login-modal .login-context span{color:var(--muted);font-size:13px;line-height:1.45}.login-modal .login-social{flex-direction:column;gap:10px;margin-top:24px;display:flex}.login-modal .login-social>.btn,.login-modal .login-social .google-btn{width:100%;height:48px;min-height:48px}.login-modal .google-btn{border:1px solid var(--gbtn-line);border-radius:var(--r-pill);background:var(--gbtn-bg);height:48px;min-height:48px;color:var(--gbtn-fg);box-shadow:none;justify-content:center;align-items:center;gap:10px;padding:0 12px;display:flex}.login-modal .google-btn:hover:not(:disabled){border-color:var(--gbtn-line);background:color-mix(in srgb, var(--gbtn-fg) 8%, var(--gbtn-bg))}.login-modal .google-btn:active:not(:disabled){background:color-mix(in srgb, var(--gbtn-fg) 12%, var(--gbtn-bg));transform:scale(.99)}.login-modal .google-btn:disabled{background:var(--gbtn-bg);border-color:color-mix(in srgb, var(--gbtn-line) 38%, transparent);color:color-mix(in srgb, var(--gbtn-fg) 38%, transparent);cursor:not-allowed}.login-modal .google-btn:disabled .google-btn-icon{opacity:.38}.google-slot{position:relative}.google-gsi{opacity:0;pointer-events:none;border-radius:var(--r-pill);justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.google-slot.is-gsi .google-gsi{opacity:1;pointer-events:auto;z-index:0}.login-modal .google-slot.is-gsi .google-btn{z-index:1;pointer-events:none;position:relative}.google-slot.is-gsi.is-busy .google-gsi{pointer-events:none}.login-modal .google-slot.is-gsi:not(.is-busy):hover .google-btn{background:color-mix(in srgb, var(--gbtn-fg) 8%, var(--gbtn-bg))}.google-slot.is-gsi .google-gsi iframe{opacity:1}.google-btn-icon{flex:0 0 20px;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.google-btn-icon .google-mark{display:block}.apple-btn .google-btn-icon{color:inherit}.google-btn-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.login-modal .login-divider{color:var(--faint);margin:20px 0;font-size:12.5px;line-height:1.5;display:block;position:relative}.login-modal .login-divider:before{content:"";border-top:1px solid var(--line);position:absolute;top:50%;left:0;right:0}.login-modal .login-divider span{background:var(--bg);padding:0 10px;position:relative}.login-modal .login-form{display:block}.login-modal .login-email-row{gap:8px;display:flex}.login-modal .login-email-row .login-input{flex:1 1 0;min-width:0}.login-modal .login-email-row .login-continue{flex:none;width:auto;padding:0 22px}.login-modal .login-form--password{margin-top:24px}.login-modal .login-form--password .login-cta{width:100%;margin-top:10px}body .login-modal .input.login-input{border-radius:var(--r-pill);background:var(--soft);height:48px;min-height:48px;color:var(--fg);text-align:left;border:1px solid #0000;padding:0 16px;font-size:15px;line-height:46px}body .login-modal .input.login-input:focus{background:var(--soft);border-color:var(--line-strong);box-shadow:none}body .login-modal .input.login-input::placeholder{color:var(--faint)}.login-modal :is(.login-continue,.login-cta){height:48px;min-height:48px;font-size:15px}.login-modal .login-form{position:relative}.login-modal .login-msg{text-align:center}.login-modal .login-msg:not(:empty){margin-top:6px}.login-modal .login-form:has(.login-email-row) .login-msg{margin-top:8px;position:absolute;top:100%;left:0;right:0}.login-modal:not(:has(.login-alt)):has(.login-email-row~.login-msg:not(:empty)) .login-terms{visibility:hidden}.login-modal:has(.login-alt) .login-form .login-msg{position:static}.login-modal .login-msg :is(.field-error,.field-ok){word-break:keep-all;margin:0;font-size:12.5px;line-height:18px}.login-modal .login-human:not(:empty){justify-content:center;margin-top:12px;display:flex}.login-modal .login-alt{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:6px 14px;margin-top:14px;font-size:13px;display:flex}.login-modal .login-alt>*+:before{content:"·";color:var(--faint);margin-right:14px;display:inline-block}.login-modal .login-recovery-link{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:13px}.login-modal .login-recovery-link:hover:not(:disabled){color:var(--fg);text-underline-offset:3px;text-decoration:underline}.login-modal .login-recovery-link:disabled{cursor:default;color:var(--faint)}.login-modal .login-handoff-code{color:var(--muted)}.login-modal .login-handoff-code b{color:var(--fg);letter-spacing:.06em;font-variant-numeric:tabular-nums;margin-left:4px;font-size:16px;font-weight:600}body .login-modal .login-terms{color:var(--muted);text-align:center;word-break:keep-all;margin:8px 0 0;font-size:13.5px;line-height:1.5;display:block}body .login-modal .login-terms a{color:var(--muted);text-underline-offset:3px;text-decoration:underline}body .login-modal .login-terms a:hover{color:var(--fg)}.login-modal .login-later{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;margin-top:18px;padding:0;font-size:13.5px;line-height:1.5;display:inline-block}.login-modal .login-later:hover{color:var(--fg)}.login-modal .login-tabs-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.login-modal .inapp-login-how{background:var(--soft);text-align:center;word-break:keep-all;overflow-wrap:break-word;border-radius:12px;margin:16px 0 0;padding:10px 12px;font-size:14px;font-weight:600;line-height:1.5}@media (max-width:820px){html body .modal-overlay .login-modal .login-title{font-size:var(--fs-sec)}}
