@scope([data-example]){[data-slot=otp-input]{align-items:center;gap:var(--space-2);display:inline-flex}:scope[data-example^=otp-input\/]>*>*{align-self:center}[data-slot=field]:has(>[data-slot=otp-input]){width:min-content}:scope[data-example=otp-input\/form] [data-slot=stack]{width:min-content}:scope[data-example=otp-input\/form] [data-slot=stack]>form,:scope[data-example=otp-input\/form] [data-slot=stack] [data-slot=field]{align-self:stretch;width:auto}:scope[data-example=otp-input\/pattern] [data-slot=otp-input-slot]{text-transform:uppercase}[data-slot=otp-input-group]{border-radius:var(--radius-control);display:flex}[data-focused]>[data-slot=otp-input-group]{outline:none}[data-slot=otp-input-slot]{box-sizing:border-box;width:var(--size);height:var(--size);background:var(--surface-1);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);font-size:var(--text-md);font-variant-numeric:tabular-nums;place-items:center;font-weight:400;display:grid;position:relative}[data-slot=otp-input-slot]+[data-slot=otp-input-slot]{margin-inline-start:-1px}[data-slot=otp-input-slot]:first-child{border-start-start-radius:var(--radius-control);border-end-start-radius:var(--radius-control)}[data-slot=otp-input-slot]:last-child{border-start-end-radius:var(--radius-control);border-end-end-radius:var(--radius-control)}[data-slot=otp-input]:hover:not([data-focused],[data-disabled],:has([readonly],[aria-invalid=true])) [data-slot=otp-input-slot]{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--ink) 45%, var(--surface-1))}[data-slot=otp-input-slot][data-active]{z-index:1;outline:3px solid var(--halo);outline-offset:0;box-shadow:inset 0 0 0 1px var(--ink)}[data-slot=otp-input-slot][data-fake-caret]:empty:after,[data-slot=otp-input-slot]>span:empty{content:"";width:1px;height:var(--size-icon);background:var(--ink);animation:1s step-end infinite otp-input-caret}[data-slot=otp-input]:has([readonly]) [data-slot=otp-input-slot]{box-shadow:inset 0 0 0 1px var(--line-faint)}[data-slot=otp-input]:has([aria-invalid=true]) [data-slot=otp-input-slot]{box-shadow:inset 0 0 0 1px var(--danger)}[data-slot=otp-input]:has([aria-invalid=true]) [data-slot=otp-input-slot][data-active]{outline-color:color-mix(in oklab, var(--danger) 20%, transparent)}[data-slot=otp-input-slot][data-disabled]{background-color:var(--tint);box-shadow:inset 0 0 0 1px var(--line-faint);color:var(--line-disabled)}[data-slot=otp-input-separator]{color:var(--muted);display:flex}[data-slot=otp-input-separator][data-disabled]{color:var(--line-disabled)}@media (prefers-reduced-motion:reduce){[data-slot=otp-input-slot]:after,[data-slot=otp-input-slot]>span{animation:none}}}@keyframes otp-input-caret{50%{opacity:0}}