.ui-otp-field-inputs{gap:var(--ui-form-control-gap);width:100%;min-width:0;display:flex}.ui-otp-field-digit{width:100%;min-width:0;min-height:var(--ui-form-control-height-comfortable);border:var(--ui-form-border-width) solid var(--ui-form-control-border);border-radius:var(--ui-form-control-radius);background:var(--ui-form-control-bg);color:var(--ui-form-control-text);caret-color:var(--ui-form-control-text);font:inherit;font-size:var(--ui-form-control-font-size);font-weight:var(--ui-form-control-font-weight);line-height:var(--ui-form-control-line-height);text-align:center;box-shadow:none;transition:border-color var(--ui-form-transition-duration) var(--ui-form-transition-easing), background-color var(--ui-form-transition-duration) var(--ui-form-transition-easing), color var(--ui-form-transition-duration) var(--ui-form-transition-easing), box-shadow var(--ui-form-transition-duration) var(--ui-form-transition-easing), outline-color var(--ui-form-transition-duration) var(--ui-form-transition-easing);outline:0 solid #0000;padding:0}.ui-otp-field-digit:focus{border-color:var(--ui-form-focus-border);box-shadow:inset 0 0 0 calc(var(--ui-form-state-inset-width) - var(--ui-form-border-width)) var(--ui-form-focus-border)}.ui-otp-field-digit:focus-visible{outline-width:var(--ui-form-focus-ring-width);outline-color:var(--ui-form-focus-ring)}.ui-otp-field-control[data-invalid=true] .ui-otp-field-digit{border-color:var(--ui-form-invalid-border);box-shadow:inset 0 0 0 calc(var(--ui-form-state-inset-width) - var(--ui-form-border-width)) var(--ui-form-invalid-border)}.ui-otp-field-control[data-invalid=true] .ui-otp-field-digit:focus-visible{outline-color:var(--ui-form-invalid-ring)}.ui-otp-field-control[data-disabled=true] .ui-otp-field-digit{border-color:var(--ui-form-disabled-border);background:var(--ui-form-disabled-bg);color:var(--ui-form-disabled-text);box-shadow:none;cursor:not-allowed;outline-width:0}.ui-otp-field-control[data-disabled=true][data-invalid=true] .ui-otp-field-digit{border-color:var(--ui-form-invalid-border);box-shadow:inset 0 0 0 calc(var(--ui-form-state-inset-width) - var(--ui-form-border-width)) var(--ui-form-invalid-border)}@media (hover:hover) and (pointer:fine){.ui-otp-field-control:not([data-disabled=true]):not([data-invalid=true]) .ui-otp-field-digit:hover:not(:focus){border-color:var(--ui-form-hover-border)}}@media (prefers-reduced-motion:reduce){.ui-otp-field-digit{transition-duration:.01ms}}@media (forced-colors:active){.ui-otp-field-control[data-invalid=true] .ui-otp-field-digit{border-style:double}.ui-otp-field-digit:focus-visible{outline-style:solid}}