.otp.svelte-1kgo1tx{position:relative;width:100%;max-width:420px}.boxes.svelte-1kgo1tx{display:flex;width:100%;gap:clamp(var(--spacing-xs),2%,var(--spacing-m));pointer-events:none}.box.svelte-1kgo1tx{position:relative;display:grid;place-items:center;flex:1 1 0;min-width:0;height:52px;background:var(--color-container-background);border:1px solid var(--color-divider-subtle);border-radius:var(--border-radius-m);font:400 .8rem/1.2rem var(--main-font);font-feature-settings:"ss03" on;font-variant-numeric:tabular-nums;color:var(--color-text-primary)}.otp.filled.svelte-1kgo1tx .box:where(.svelte-1kgo1tx){background:var(--color-container-highlight);border-color:var(--color-container-highlight)}.otp.svelte-1kgo1tx:hover:not(.disabled):not(.error) .box:where(.svelte-1kgo1tx){border-color:var(--color-divider-strong)}.otp.error.svelte-1kgo1tx .box:where(.svelte-1kgo1tx){border-color:var(--color-systemfeedback-error-icon)}.otp.disabled.svelte-1kgo1tx .box:where(.svelte-1kgo1tx){background:var(--color-container-disabled);color:var(--color-text-disabled)}.box.rejected.svelte-1kgo1tx{animation:svelte-1kgo1tx-reject .4s ease-out}@keyframes svelte-1kgo1tx-reject{0%{background:var(--color-systemfeedback-error-background)}}.otp.svelte-1kgo1tx:has(.field:where(.svelte-1kgo1tx):focus-visible) .box.active:where(.svelte-1kgo1tx){box-shadow:0 0 0 2px var(--color-primitive-primary-50)}.otp.error.svelte-1kgo1tx:has(.field:where(.svelte-1kgo1tx):focus-visible) .box.active:where(.svelte-1kgo1tx){box-shadow:0 0 0 2px var(--color-systemfeedback-error-icon)}.field.svelte-1kgo1tx{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;outline:0;background:transparent;font:inherit;text-align:center;opacity:1;color:transparent;caret-color:transparent}.field.svelte-1kgo1tx::selection{background:transparent}.field.svelte-1kgo1tx::placeholder{color:transparent}.field.svelte-1kgo1tx:autofill,.field.svelte-1kgo1tx:autofill:focus{-webkit-text-fill-color:transparent;transition:background-color 0s 600000s}.caret.svelte-1kgo1tx{position:absolute;width:1px;height:1.2rem;background:var(--color-text-primary);animation:svelte-1kgo1tx-blink 1s step-end infinite}@keyframes svelte-1kgo1tx-blink{50%{opacity:0}}@media(prefers-reduced-motion:reduce){.caret.svelte-1kgo1tx{animation:none}}