.auth-drawer .auth-panel{overscroll-behavior:contain;background:var(--ip-color-background-surface);width:min(530px,100%);height:100dvh;color:var(--ip-color-text-primary);scrollbar-width:thin;scrollbar-color:var(--ip-color-border-default) transparent;border-radius:16px 0 0 16px;flex-direction:column;display:flex;position:relative;overflow-y:auto}.auth-drawer .auth-close{border-radius:8px;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:16px;right:16px}.auth-drawer .auth-close:hover{background:var(--ip-color-background-subtle)}.auth-drawer button{cursor:pointer}.auth-drawer button:disabled{cursor:not-allowed;opacity:.55}.auth-drawer a:focus-visible,.auth-drawer button:focus-visible{outline:2px solid var(--ip-color-brand-primary);outline-offset:3px}.auth-drawer .auth-content{width:100%;margin-block:auto;padding:80px 24px}.auth-drawer .auth-title{color:var(--ip-color-text-primary);text-align:center;letter-spacing:-.025em;outline:none;margin-bottom:32px;font-size:36px;font-weight:700;line-height:1.35}.auth-drawer .auth-form{flex-direction:column;gap:16px;display:flex}.auth-drawer .auth-field{flex-direction:column;gap:12px;display:flex}.auth-drawer .auth-field>label,.auth-drawer .auth-input{font-size:14px;line-height:20px}.auth-drawer .auth-input{background:var(--ip-color-background-page);width:100%;min-width:0;height:44px;color:var(--ip-color-text-primary);border:1px solid #0000;border-radius:8px;outline:none;padding:0 16px;transition:border-color .15s,box-shadow .15s}.auth-drawer .auth-input::placeholder{color:var(--ip-color-text-disabled)}.auth-drawer .auth-input:focus{border-color:var(--ip-color-brand-primary);box-shadow:0 0 0 2px var(--ip-color-brand-soft)}.auth-drawer .auth-input[aria-invalid=true]{border-color:var(--ip-color-status-danger-base)}.auth-drawer .auth-input:disabled{opacity:.6}.auth-drawer .auth-password-field{position:relative}.auth-drawer .auth-password-field .auth-input{padding-right:48px}.auth-drawer .auth-eye{place-items:center;width:40px;display:grid;position:absolute;inset:0 4px 0 auto}.auth-drawer .auth-forgot{justify-content:flex-end;display:flex}.auth-drawer .auth-link{color:var(--ip-color-brand-text);font-size:14px;line-height:20px}.auth-drawer .auth-link:hover{text-underline-offset:3px;text-decoration:underline}.auth-drawer .auth-referral{align-self:flex-start;align-items:center;gap:6px;font-size:14px;line-height:24px;display:inline-flex}.auth-drawer .auth-primary,.auth-drawer .auth-social{border-radius:8px;justify-content:center;align-items:center;gap:12px;width:100%;min-height:44px;padding:10px 16px;font-size:16px;font-weight:500;line-height:24px;transition:background-color .15s;display:flex}.auth-drawer .auth-primary{background:var(--ip-color-brand-primary);color:var(--ip-color-text-inverse)}.auth-drawer .auth-primary:hover:not(:disabled){background:var(--ip-color-brand-hover)}.auth-drawer .auth-submit{margin-top:12px}.auth-drawer .auth-social{background:var(--ip-color-background-sidebar);color:var(--ip-color-text-inverse)}.auth-drawer .auth-social:hover:not(:disabled){background:var(--ip-color-background-sidebarRaised)}.auth-drawer .auth-social-buttons{flex-direction:column;gap:12px;display:flex}.auth-drawer .auth-divider{color:var(--ip-color-text-disabled);align-items:center;gap:12px;margin-block:24px 20px;font-size:12px;line-height:16px;display:flex}.auth-drawer .auth-divider:after,.auth-drawer .auth-divider:before{content:"";background:var(--ip-color-border-default);flex:1;height:1px}.auth-drawer .auth-switch{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:6px;margin-top:24px;font-size:14px;line-height:20px;display:flex}.auth-drawer .auth-switch .auth-link{text-underline-offset:3px;text-decoration:underline}.auth-drawer .auth-legal{text-align:center;max-width:420px;color:var(--ip-color-text-secondary);margin:24px auto 0;font-size:12px;line-height:20px}.auth-drawer .auth-legal a{color:var(--ip-color-brand-text);text-underline-offset:2px;text-decoration:underline}.auth-drawer .auth-error{color:var(--ip-color-status-danger-text);font-size:14px;line-height:20px}.auth-drawer .auth-notice{color:var(--ip-color-status-success-text);font-size:14px;line-height:20px}.auth-drawer .auth-feedback{border:1px solid;border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:12px;font-size:14px;line-height:20px;display:flex}.auth-drawer .auth-feedback.is-error{border-color:var(--ip-color-status-danger-border);background:var(--ip-color-status-danger-soft);color:var(--ip-color-status-danger-text)}.auth-drawer .auth-feedback.is-success{border-color:var(--ip-color-status-success-border);background:var(--ip-color-status-success-soft);color:var(--ip-color-status-success-text)}.auth-drawer .auth-verification-hint{text-align:center;overflow-wrap:anywhere;margin:-16px 0 36px;font-size:16px;line-height:24px}.auth-drawer .auth-code-entry{grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;display:grid;position:relative}.auth-drawer .auth-code-input{opacity:0;cursor:text;border:0;width:100%;height:100%;position:absolute;inset:0}.auth-drawer .auth-code-digit{background:var(--ip-color-background-page);pointer-events:none;border:1px solid #0000;border-radius:8px;place-items:center;height:68px;font-size:28px;font-weight:700;display:grid}.auth-drawer .auth-code-entry:focus-within .is-current{border-color:var(--ip-color-brand-primary);box-shadow:0 0 0 2px var(--ip-color-brand-soft)}.auth-drawer .auth-code-entry:has([aria-invalid=true]) .auth-code-digit{border-color:var(--ip-color-status-danger-base)}.auth-drawer .auth-resend{justify-content:flex-end;margin-bottom:4px;display:flex}.auth-drawer .auth-code-row{background:var(--ip-color-background-page);border:1px solid #0000;border-radius:8px;align-items:center;gap:12px;padding-right:16px;display:flex}.auth-drawer .auth-code-row:focus-within{border-color:var(--ip-color-brand-primary);box-shadow:0 0 0 2px var(--ip-color-brand-soft)}.auth-drawer .auth-code-row .auth-input:focus{box-shadow:none;border-color:#0000}.auth-drawer .auth-send-code{text-align:right;flex-shrink:0;max-width:50%}.auth-drawer .auth-password-rules{border:1px solid var(--ip-color-border-default);background:var(--ip-color-background-page);border-radius:8px;flex-direction:column;gap:4px;padding:12px 16px;font-size:14px;line-height:20px;display:flex}.auth-drawer .auth-password-rules li{align-items:center;gap:8px;display:flex}.auth-drawer .auth-password-rules .is-valid{color:var(--ip-color-brand-text)}.auth-drawer .auth-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite auth-spin}@keyframes auth-spin{to{transform:rotate(1turn)}}@media (width<=530px){.auth-drawer .auth-panel{border-radius:0}.auth-drawer .auth-content{padding-inline:24px}.auth-drawer .auth-title{font-size:30px}.auth-drawer .auth-code-entry{gap:10px}.auth-drawer .auth-code-digit{height:56px}}@media (prefers-reduced-motion:reduce){.auth-drawer .auth-input,.auth-drawer .auth-primary,.auth-drawer .auth-social{transition:none}.auth-drawer .auth-spinner{animation:none}}
