@layer components{.otp.svelte-1am9l0k{width:100%;display:flex;position:relative}.otp__field.svelte-1am9l0k{opacity:0;cursor:text;border:0;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.otp__slots.svelte-1am9l0k{pointer-events:none;gap:.5rem;width:100%;display:flex}.otp__slot.svelte-1am9l0k{border:1px solid hsl(var(--input));border-radius:var(--radius-md);background:hsl(var(--background));min-width:0;height:3.25rem;color:hsl(var(--foreground));font-variant-numeric:tabular-nums;flex:1 1 0;justify-content:center;align-items:center;font-size:1.5rem;transition:border-color .15s,box-shadow .15s,background-color .15s;display:flex;position:relative}.otp__slot[data-filled=true].svelte-1am9l0k{border-color:hsl(var(--ring))}.otp__slot[data-selected=true].svelte-1am9l0k{background:hsl(var(--ring) / .22);border-color:hsl(var(--ring))}.otp[data-focused=true].svelte-1am9l0k .otp__slot[data-active=true]:where(.svelte-1am9l0k){border-color:hsl(var(--ring));box-shadow:0 0 0 2px hsl(var(--background)), 0 0 0 4px hsl(var(--ring))}.otp[data-focused=true].svelte-1am9l0k .otp__slot[data-active=true]:where(.svelte-1am9l0k):empty:after{content:"";background:hsl(var(--foreground));width:1px;height:1.5rem;animation:1s step-end infinite svelte-1am9l0k-otp-caret}.otp[data-invalid=true].svelte-1am9l0k .otp__slot:where(.svelte-1am9l0k){border-color:hsl(var(--destructive));color:hsl(var(--destructive))}@keyframes svelte-1am9l0k-otp-caret{0%,50%{opacity:1}50.01%,to{opacity:0}}}