.auth-otp.svelte-7r230j{position:relative;cursor:text}.auth-otp.svelte-7r230j>input:where(.svelte-7r230j){position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;z-index:1}.auth-otp.svelte-7r230j>div:where(.svelte-7r230j){display:flex;gap:8px}.auth-otp.svelte-7r230j span:where(.svelte-7r230j){display:flex;flex:1;height:52px;align-items:center;justify-content:center;border:1px solid #d4d4d4;background:#fff;font:700 21px/1 var(--font-ui,"Geist",system-ui,sans-serif);font-variant-numeric:tabular-nums;color:#a3a3a3}.auth-otp.svelte-7r230j span.filled:where(.svelte-7r230j){border-color:var(--auth-accent,#366efe);color:var(--auth-accent,#366efe);background:color-mix(in srgb,var(--auth-accent,#366efe) 7%,white)}.auth-otp--teal.svelte-7r230j span.filled:where(.svelte-7r230j){border-color:#0f766e;color:#0f766e;background:#f0fdf4}.auth-otp.svelte-7r230j>input:where(.svelte-7r230j):focus{outline:none;box-shadow:none}.auth-otp.svelte-7r230j:focus-within{outline:none;box-shadow:none}.auth-otp.svelte-7r230j span.active:where(.svelte-7r230j){border-color:var(--auth-accent,#366efe);outline:2px solid var(--auth-accent,#366efe);outline-offset:2px}.auth-otp--teal.svelte-7r230j span.active:where(.svelte-7r230j){border-color:#0f766e;outline-color:#0f766e}