.hf-login-dialog{border-radius:var(--radius-btn) var(--radius-btn) 0 0;background:var(--color-canvas);width:100%;max-width:none;max-height:calc(100dvh - 48px);color:var(--color-ink);overscroll-behavior:contain;border:0;margin:auto 0 0;padding:0;box-shadow:0 -24px 64px -32px #0a0a0a73}.hf-login-dialog::backdrop{background:#0a0a0a8c}.hf-login-dialog-body{padding:24px 16px calc(32px + env(safe-area-inset-bottom,0px));gap:32px;display:grid}.hf-login-dialog-head{gap:8px;padding-right:48px;display:grid}.hf-login-dialog-close{width:44px;height:44px;color:var(--color-ink-2);cursor:pointer;transition:color var(--duration-fast) var(--ease-out);place-items:center;display:inline-grid;position:absolute;top:8px;right:8px}.hf-login-dialog-close:hover{color:var(--color-aqua)}.hf-login-tabs{gap:24px;display:flex}.hf-login-tab{font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;min-height:44px;color:var(--color-ink-2);cursor:pointer;transition:color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);align-items:center;padding:0 2px;font-size:12px;font-weight:500;line-height:1;display:inline-flex;box-shadow:inset 0 -1px #0000}.hf-login-tab:hover{color:var(--color-aqua)}.hf-login-tab[aria-selected=true]{color:var(--color-ink);box-shadow:inset 0 -1px 0 var(--color-ink);font-weight:700}:lang(ko) .hf-login-tab,:lang(ja) .hf-login-tab,:lang(zh-TW) .hf-login-tab{letter-spacing:.08em}@media (min-width:640px){.hf-login-dialog{border-radius:var(--radius-btn);width:min(100% - 32px,440px);max-height:calc(100dvh - 64px);margin:auto;box-shadow:0 32px 80px -24px #0a0a0a80}.hf-login-dialog-body{padding:32px 32px 40px}.hf-login-dialog-close{top:12px;right:12px}}@media (prefers-reduced-motion:no-preference){.hf-login-dialog[open]{animation:hf-login-dialog-up var(--duration-fast) var(--ease-out)}.hf-login-dialog[open]::backdrop{animation:hf-login-dialog-fade var(--duration-fast) var(--ease-out)}}@keyframes hf-login-dialog-up{0%{opacity:0;translate:0 24px}to{opacity:1;translate:0}}@keyframes hf-login-dialog-fade{0%{opacity:0}to{opacity:1}}
