@layer bare.reset,bare.tokens,bare.base,bare.layout,bare.component,bare.utility;@layer bare.component{.bs-otp{display:grid;gap:var(--bs-otp-gap,var(--bs-space-2))}fieldset.bs-otp{min-inline-size:0;padding:0;border:0;margin:0}.bs-otp__legend{display:contents;font-size:var(--bs-text-small);font-weight:var(--bs-otp-legend-weight,var(--bs-weight-medium));line-height:var(--bs-leading-normal);letter-spacing:var(--bs-tracking-wide);color:var(--bs-otp-legend-fg,var(--bs-text))}.bs-otp__boxes{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:var(--bs-otp-box-gap,var(--bs-space-1))}.bs-otp__digit{inline-size:100%;min-inline-size:0;min-block-size:var(--bs-otp-digit-block-size,3rem);padding:0;font-family:var(--bs-otp-digit-font,var(--bs-font-mono,var(--font-mono)));font-size:var(--bs-otp-digit-font-size,1.125rem);font-variant-numeric:tabular-nums;line-height:var(--bs-leading-none);letter-spacing:var(--bs-tracking-body);text-align:center;color:var(--bs-otp-digit-fg,var(--bs-text));background-color:var(--bs-otp-digit-bg,var(--s-card));border:var(--bs-border-1) solid var(--bs-otp-digit-border-color,var(--bs-border-strong));border-radius:var(--bs-otp-digit-radius,var(--bs-radius-2));caret-color:var(--bs-otp-digit-caret,var(--bs-accent-border));-webkit-appearance:none;appearance:none;transition:transform var(--bs-duration-2) var(--ease-out)}.bs-otp__digit:where([placeholder]):not(:placeholder-shown){border-color:var(--bs-otp-digit-border-color-filled,var(--bs-accent-border))}.bs-otp__help{font-size:var(--bs-text-caption);line-height:var(--bs-leading-relaxed);letter-spacing:var(--bs-tracking-caption);color:var(--bs-otp-help-fg,var(--bs-text-muted));max-inline-size:none;margin-block:0}.bs-otp--invalid .bs-otp__digit{border-color:var(--bs-otp-digit-border-color-invalid,var(--bs-text-danger))}.bs-otp--invalid .bs-otp__boxes{animation:bs-otp-reject var(--bs-otp-reject-duration,320ms) var(--ease) both}@keyframes bs-otp-reject{0%,100%{transform:translateX(0)}20%{transform:translateX(-4px)}45%{transform:translateX(4px)}70%{transform:translateX(-2px)}}.bs-otp--complete .bs-otp__digit{border-color:var(--bs-otp-digit-border-color-complete,var(--bs-text-ok))}.bs-otp__digit:focus-visible{border-color:var(--bs-otp-digit-border-color-focus,var(--bs-accent-border));transform:translateY(-1.5px)}.bs-otp__digit:disabled{color:var(--bs-otp-digit-fg-disabled,var(--bs-text-muted));background-color:var(--bs-otp-digit-bg-disabled,var(--s-prev));border-color:var(--bs-otp-digit-border-color-disabled,var(--bs-border-color));cursor:not-allowed}.bs-otp--grouped .bs-otp__digit:nth-child(3){margin-inline-end:var(--bs-otp-group-gap,var(--bs-space-3))}@media (min-width:30em){.bs-otp__boxes{gap:var(--bs-otp-box-gap,var(--bs-space-2))}.bs-otp__digit{font-size:var(--bs-otp-digit-font-size,var(--bs-text-h5));min-block-size:var(--bs-otp-digit-block-size,3.5rem)}}@media (prefers-reduced-motion:reduce){.bs-otp__digit{transition:none}.bs-otp__digit:focus-visible{transform:none}.bs-otp--invalid .bs-otp__boxes{animation:none}}@media (forced-colors:active){.bs-otp__digit{color:FieldText;background-color:Field;border-color:FieldText}.bs-otp__digit:focus-visible{border-color:Highlight}.bs-otp--invalid .bs-otp__digit{border-style:dashed;border-width:var(--bs-border-2)}.bs-otp__digit:disabled{color:GrayText;border-color:GrayText}}@media print{.bs-otp__digit{transform:none;color:transparent}.bs-otp--invalid .bs-otp__boxes{animation:none}}}