.klyp-OtpInput{max-width:100%;display:inline-block}.klyp-OtpInput[data-disabled=true] .klyp-OtpInput__cells{cursor:not-allowed}.klyp-OtpInput[data-disabled=true] .klyp-OtpInput__cell{opacity:.5}.klyp-OtpInput__cells{grid-template-columns:repeat(var(--klyp-otp-length,6), minmax(0, var(--klyp-otp-cell-width,44px)));gap:var(--space-16);cursor:text;width:100%;max-width:100%;display:grid;position:relative}.klyp-OtpInput__cells[data-invalid=true]{animation:klyp-OtpInput-shake .32s var(--easing-standard)}.klyp-OtpInput__hiddenInput{color:#0000;caret-color:#0000;letter-spacing:0;z-index:2;background:0 0;border:0;outline:none;width:100%;height:100%;margin:0;padding:0;font-size:1px;position:absolute;inset:0}.klyp-OtpInput__hiddenInput:focus{outline:none}.klyp-OtpInput__hiddenInput:-webkit-autofill{-webkit-text-fill-color:transparent;transition:background-color 9999s ease-in-out;box-shadow:inset 0 0 0 1000px #0000}.klyp-OtpInput__hiddenInput:-webkit-autofill:hover{-webkit-text-fill-color:transparent;transition:background-color 9999s ease-in-out;box-shadow:inset 0 0 0 1000px #0000}.klyp-OtpInput__hiddenInput:-webkit-autofill:focus{-webkit-text-fill-color:transparent;transition:background-color 9999s ease-in-out;box-shadow:inset 0 0 0 1000px #0000}.klyp-OtpInput__cell{z-index:1;width:100%;height:var(--klyp-otp-cell-height,60px);border:var(--bw-default) solid var(--color-border-default);border-radius:var(--r-chip);background:var(--color-bg-surface);color:var(--color-fg-primary);font-family:var(--font-sans);font-size:var(--font-size-24);font-weight:var(--font-weight-medium);font-variant-numeric:tabular-nums;transition:border-color var(--duration-fast) var(--easing-standard), background var(--duration-fast) var(--easing-standard), color var(--duration-fast) var(--easing-standard), box-shadow var(--duration-fast) var(--easing-standard);place-items:center;line-height:1;display:grid;position:relative}.klyp-OtpInput__cell[data-filled=true]{border-color:var(--color-fg-accent);color:var(--color-fg-primary)}.klyp-OtpInput__cell[data-active=true]{border-color:var(--color-fg-accent);box-shadow:0 0 0 var(--bw-default) var(--color-fg-accent)}.klyp-OtpInput__cell[data-invalid=true]{border-color:var(--color-status-danger);background:color-mix(in srgb, var(--color-status-danger) 10%, var(--color-bg-surface));color:var(--color-status-danger);box-shadow:none}.klyp-OtpInput__cell[data-success=true]{border-color:var(--color-status-success);background:color-mix(in srgb, var(--color-status-success) 8%, var(--color-bg-surface));color:var(--color-status-success);box-shadow:none}@keyframes klyp-OtpInput-shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}@media (prefers-reduced-motion:reduce){.klyp-OtpInput__cells[data-invalid=true]{animation:none}}