@layer vectis.reset,vectis.tokens;@layer vectis.components{.v-input-otp.v-field{align-items:start;display:inline-flex}.v-input-otp-group{--input-otp-font-size:var(--vectis-font-size-lg)}.v-input-otp-boxes{align-items:center;gap:var(--control-gap);direction:ltr;display:flex}.v-input-otp-input{width:var(--control-height);height:var(--control-height);text-align:center;background:var(--vectis-color-surface);color:var(--vectis-color-text);border:1px solid var(--vectis-color-border-strong);border-radius:var(--vectis-radius-interactive);font-family:var(--vectis-text-family-code);font-size:var(--input-otp-font-size);transition:border-color var(--vectis-duration-fast) var(--vectis-ease-default),box-shadow var(--vectis-duration-fast) var(--vectis-ease-default),background-color var(--vectis-duration-fast) var(--vectis-ease-default)}.v-input-otp-group[data-readonly] .v-input-otp-input{background:var(--vectis-color-surface-sunken);border-color:var(--vectis-color-border)}.v-input-otp-group:not([data-invalid]) .v-input-otp-input:hover:not(:focus,:disabled){border-color:color-mix(in oklab,var(--vectis-color-border-strong),var(--vectis-color-text) 15%)}.v-input-otp-input:focus{border-color:var(--vectis-color-accent);box-shadow:0 0 0 1px var(--vectis-color-accent);outline:var(--vectis-focus-ring-width) solid transparent}.v-input-otp-group[data-invalid] .v-input-otp-input{border-color:var(--vectis-color-danger)}.v-input-otp-group[data-invalid] .v-input-otp-input:focus{box-shadow:0 0 0 1px var(--vectis-color-danger)}.v-input-otp-literal{color:var(--vectis-color-text-muted);font-family:var(--vectis-text-family-code);font-size:var(--input-otp-font-size);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:inline-flex}.v-input-otp-group[data-disabled] .v-input-otp-input{background:var(--vectis-color-surface-muted);color:var(--vectis-color-text-muted);border-color:var(--vectis-color-border);cursor:not-allowed}.v-input-otp-group[data-disabled] .v-input-otp-literal{color:var(--vectis-color-text-subtle)}.v-input-otp-group[data-size=sm]{--input-otp-font-size:var(--vectis-font-size-md)}.v-input-otp-group[data-size=lg]{--input-otp-font-size:var(--vectis-font-size-xl)}@media (prefers-reduced-motion:reduce){.v-input-otp-input{transition:none}}}@layer vectis.utilities;
