.input-otp{display:inline-block}.input-otp__container{align-items:center;display:flex;gap:var(--input-otp-gap,var(--input-otp-gap))}.input-otp__cell{-webkit-appearance:none;appearance:none;-moz-appearance:textfield;background-color:var(--input-otp-cell-background-default,var(--input-otp-cell-background-default));border:var(--input-otp-cell-border-width,var(--input-otp-cell-border-width)) solid var(--input-otp-cell-border-color-default,var(--input-otp-cell-border-color-default));border-radius:var(--input-otp-cell-radius,var(--input-otp-cell-radius));color:var(--input-otp-cell-text-default,var(--input-otp-cell-text-default));font-size:var(--input-otp-cell-fontSize,var(--input-otp-cell-fontSize));font-weight:var(--input-otp-cell-fontWeight,var(--input-otp-cell-fontWeight));height:var(--input-otp-cell-size,var(--input-otp-cell-size));text-align:center;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease;width:var(--input-otp-cell-size,var(--input-otp-cell-size))}.input-otp__cell::-webkit-inner-spin-button,.input-otp__cell::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-otp__cell::-moz-placeholder{color:transparent}.input-otp__cell::placeholder{color:transparent}.input-otp__cell:hover:not(:disabled):not(:focus),.input-otp__cell[data-state~=hover]:not(:disabled):not(:focus){border-color:var(--input-otp-cell-border-color-hover,var(--input-otp-cell-border-color-hover))}.input-otp__cell:focus,.input-otp__cell[data-state~=focus]{background-color:var(--input-otp-cell-background-focus,var(--input-otp-cell-background-focus));border-color:var(--input-otp-cell-border-color-focus,var(--input-otp-cell-border-color-focus));box-shadow:0 0 0 var(--input-otp-focus-ringWidth,var(--input-otp-focus-ringWidth)) var(--input-otp-focus-ringColor,var(--input-otp-focus-ringColor));outline:none}.input-otp__cell:disabled{background-color:var(--input-otp-cell-background-disabled,var(--input-otp-cell-background-disabled));border-color:var(--input-otp-cell-border-color-disabled,var(--input-otp-cell-border-color-disabled));color:var(--input-otp-cell-text-disabled,var(--input-otp-cell-text-disabled));cursor:not-allowed}.input-otp__cell--filled{background-color:var(--input-otp-cell-background-filled,var(--input-otp-cell-background-filled));border-color:var(--input-otp-cell-border-color-filled,var(--input-otp-cell-border-color-filled))}.input-otp__separator{background-color:var(--input-otp-separator-color,var(--input-otp-separator-color));border-radius:1px;display:block;height:2px;width:var(--input-otp-separator-width,var(--input-otp-separator-width))}.input-otp--state-invalid .input-otp__cell,.input-otp--state-invalid .input-otp__cell:focus,.input-otp--state-invalid .input-otp__cell[data-state~=focus]{border-color:var(--input-otp-cell-border-color-error,var(--input-otp-cell-border-color-error))}.input-otp--state-disabled{opacity:.6}