.nx.auth{position:relative;overflow:clip;display:grid;place-items:center;min-height:100dvh;padding:24px 40px}.auth .au-logo{position:fixed;top:24px;left:24px;z-index:5;display:inline-flex;align-items:center;min-height:44px;border-radius:4px;transition:transform .2s var(--nx-ease),opacity var(--nx-fast)}.auth .au-logo .nx-logo{width:144px}.auth .au-logo:active{transform:scale(.97)}.auth .au-stage{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;width:100%}.auth .au-head{display:grid;justify-items:center;gap:12px;max-width:100%;text-align:center}.auth .au-head .nx-hero{--hero-max:88px}.auth .au-head .nx-lead{text-wrap:balance}.auth .au-card{display:grid;gap:16px;width:min(440px,100%);margin-top:32px;padding:28px;animation:nx-in .4s var(--nx-ease) both}.auth .au-center{text-align:center;text-wrap:balance}.auth .au-secure{display:inline-flex;align-items:center;gap:6px;margin-top:16px}.auth .au-secure svg{color:var(--nx-ink)}.auth .au-providers{display:grid;gap:8px}.auth .au-provider{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);padding:0 20px}.auth .au-provider>svg:first-child{justify-self:start}.auth .au-provider-end{justify-self:end;display:inline-flex;align-items:center}.auth .au-provider-end .nx-hint{font-weight:600}.auth .au-divider{display:flex;align-items:center;gap:12px;margin:4px 0}.auth .au-divider>span:not(.nx-label){flex:1;height:1px;background:var(--nx-line)}.auth .au-divider .nx-label{white-space:nowrap}.auth .au-form+.nx-hint{margin-top:-4px}.auth .au-inline{font-size:inherit;line-height:inherit}.auth .au-return{display:inline-flex;align-items:center;justify-self:center;gap:6px}.auth .au-return svg{transition:transform .25s var(--nx-ease)}.auth .au-return:hover svg{transform:translateX(3px)}.auth .au-back{justify-self:start;margin:-6px 0 -4px -12px}.auth .au-back svg{transition:transform .25s var(--nx-ease)}.auth .au-back:hover:not(:disabled) svg{transform:translateX(-3px)}.auth .au-text{display:grid;gap:8px}.auth .au-text strong{font-weight:600;color:var(--nx-ink);overflow-wrap:anywhere}.auth .au-error{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}.auth .au-error .nx-error{min-width:0;border-radius:var(--nx-r-md)}.auth .au-card .nx-hint:not(.au-center){text-wrap:pretty}.auth .au-nowrap{white-space:nowrap}.auth .au-wait{display:grid;place-items:center;padding:24px 0}.auth .au-done{display:grid;justify-items:center;gap:24px;padding-top:8px}.auth .au-done .nx-sticker{animation:au-stick .5s var(--nx-spring) both}@keyframes au-stick{0%{opacity:0;transform:rotate(-24deg) scale(.6)}}.auth .au-otp{width:100%}.auth .au-otp-group{display:flex;gap:8px;width:100%}.auth [data-slot=input-otp-slot]{flex:1 1 0;width:auto;min-width:0;height:56px;border:0;border-radius:var(--nx-r-sm);background:var(--nx-surface-2);color:var(--nx-ink);font:600 22px/1 var(--nx-sans);box-shadow:inset 0 0 0 1px transparent;transition:box-shadow var(--nx-fast),background var(--nx-fast)}.auth .au-otp:hover [data-slot=input-otp-slot]{box-shadow:inset 0 0 0 1px var(--nx-n300)}.auth [data-slot=input-otp-slot][data-active=true]{background:var(--nx-surface);box-shadow:inset 0 0 0 2px var(--nx-ink)}.auth [data-slot=input-otp-slot]>div>div{background:var(--nx-ink)}@media (min-width:721px) and (max-height:820px){.nx.auth{padding-top:16px;padding-bottom:16px}.auth .au-head .nx-hero{--hero-max:72px}.auth .au-card{gap:12px;margin-top:24px;padding:24px}}@media (max-width:720px){.nx.auth{padding:64px 16px 24px}.auth .au-logo{position:absolute;top:16px;left:16px}.auth .au-card{margin-top:24px;padding:20px}.auth .au-provider{grid-template-columns:auto minmax(0,1fr) auto;gap:8px;padding:0 16px;font-size:15px}.auth .au-provider>span:not(.au-provider-end){overflow:hidden;text-overflow:ellipsis}.auth .au-error{grid-template-columns:minmax(0,1fr)}.auth .au-error>.nx-btn{justify-self:end}}@media (prefers-reduced-motion:reduce){.auth .au-card,.auth .au-done .nx-sticker{animation:none}}