.otp-input{align-items:center;gap:.5rem;width:100%;max-width:max-content;display:flex}@media (max-width:639px){.otp-input{gap:.25rem}}.otp-input__slot{border-radius:.33rem;transition-property:border-color,box-shadow;transition-duration:.3s;transition-timing-function:cubic-bezier(.2,.8,.2,1)}@media (prefers-reduced-motion:reduce){.otp-input__slot{transition:none}}.otp-input__slot{background-color:var(--input-background-color);border:1.5px solid var(--border-color);width:2.75rem;min-width:0;max-width:2.75rem;height:3.25rem;color:var(--text-color);font-variant-numeric:lining-nums tabular-nums;text-align:center;text-transform:uppercase;flex:1 1 0;padding:0;font-size:1.25rem;font-weight:600}.otp-input__slot:hover:not(:disabled){border-color:var(--border-active-color)}.otp-input__slot:focus{border-color:var(--primary-color);box-shadow:0 0 0 4px rgba(var(--primary-rgb), .14);outline:none}.otp-input__slot:disabled{cursor:not-allowed;opacity:.6}.otp-input__separator{background-color:var(--text-muted-color);border-radius:9999px;flex-shrink:0;width:.625rem;height:2px}.otp-input--invalid .otp-input__slot{border-color:var(--error-color)}.otp-input--invalid .otp-input__slot:focus{border-color:var(--error-color);box-shadow:0 0 0 4px rgba(var(--error-rgb), .1)}