.plan-modal-root{--auth-field-bg:color-mix(in oklab, var(--input) 55%, transparent);--auth-field-bg-focus:color-mix(in oklab, var(--input) 85%, transparent);--auth-field-border:color-mix(in oklab, var(--foreground) 22%, transparent);--auth-field-border-hover:color-mix(in oklab, var(--foreground) 38%, transparent);--auth-field-ring:color-mix(in oklab, var(--ring) 28%, transparent)}.plan-modal-root .auth-dialog-viewport{z-index:50;place-items:center;padding:1rem;display:grid;position:fixed;inset:0;overflow-y:auto}.plan-modal-root .auth-dialog{width:100%;max-width:48rem;max-height:92vh;position:relative;overflow:hidden auto}.plan-modal-root [data-step]:not([hidden]){animation:.3s cubic-bezier(.22,1,.36,1) both auth-step-in}@keyframes auth-step-in{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:none}}.plan-modal-root [data-auth-error]:not([hidden]),.plan-modal-root [data-checkout-error]:not([hidden]){animation:.4s both auth-error-in}@keyframes auth-error-in{0%{opacity:0;transform:translate(0)}30%{opacity:1;transform:translate(-.3rem)}50%{transform:translate(.25rem)}70%{transform:translate(-.15rem)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.plan-modal-root [data-step]:not([hidden]),.plan-modal-root [data-auth-error]:not([hidden]),.plan-modal-root [data-checkout-error]:not([hidden]){animation:none}}.plan-modal-root .auth-label{font-size:.875rem;font-weight:500;display:block}.plan-modal-root .auth-input{border:1px solid var(--auth-field-border);background-color:var(--auth-field-bg);width:100%;color:var(--foreground);font:inherit;border-radius:.875rem;padding:.9rem 1rem;font-size:1rem;line-height:1.5;transition:border-color .15s,background-color .15s,box-shadow .15s;display:block}.plan-modal-root .auth-input::placeholder{color:var(--muted-foreground);opacity:.75}.plan-modal-root .auth-input:hover:not(:focus){border-color:var(--auth-field-border-hover)}.plan-modal-root .auth-input:focus{border-color:var(--ring);background-color:var(--auth-field-bg-focus);box-shadow:0 0 0 3px var(--auth-field-ring);outline:none}.plan-modal-root .auth-input:disabled{opacity:.6;cursor:not-allowed}.plan-modal-root .auth-input--code{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.05em}.plan-modal-root .auth-input--otp{font-family:var(--font-mono,ui-monospace, monospace);text-align:center;letter-spacing:.5em;text-indent:.5em;font-size:1.125rem}.plan-modal-root .auth-otp-link{width:100%;color:var(--muted-foreground);font:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:.375rem;padding:.5rem 0;font-size:.875rem;transition:color .15s;display:flex}.plan-modal-root .auth-otp-link:hover:not(:disabled){color:var(--foreground)}.plan-modal-root .auth-otp-link:disabled{opacity:.6;cursor:not-allowed}.plan-modal-root .auth-input:-webkit-autofill{-webkit-text-fill-color:var(--foreground,currentColor);caret-color:currentColor;transition:background-color 100000s ease-in-out}.plan-modal-root .auth-input:-webkit-autofill:hover{-webkit-text-fill-color:var(--foreground,currentColor);caret-color:currentColor;transition:background-color 100000s ease-in-out}.plan-modal-root .auth-input:-webkit-autofill:focus{-webkit-text-fill-color:var(--foreground,currentColor);caret-color:currentColor;transition:background-color 100000s ease-in-out}.plan-modal-root .auth-input:-webkit-autofill:active{-webkit-text-fill-color:var(--foreground,currentColor);caret-color:currentColor;transition:background-color 100000s ease-in-out}