.opal-input-code{gap:.5rem;width:100%;display:flex;position:relative}.opal-input-code-field{opacity:0;cursor:default;width:100%;height:100%;position:absolute;inset:0}.opal-input-code-field:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.opal-input-code-field:focus{outline-offset:2px;outline:2px solid #0000}}.opal-input-code-field{caret-color:#0000}.opal-input-code-cell{border-radius:var(--radius-12);background-color:var(--background-tint-00);height:3.875rem;box-shadow:inset 0 0 0 1px var(--border-01);flex:1;justify-content:center;align-items:center;display:flex}.opal-input-code[data-size=sm]{width:fit-content}.opal-input-code[data-size=sm] .opal-input-code-cell{border-radius:var(--radius-08);flex:none;width:3rem;height:3rem}.opal-input-code-cell[data-filled=true]{box-shadow:inset 0 0 0 1px var(--border-02)}.opal-input-code-cell[data-active=true]{box-shadow:inset 0 0 0 2px var(--action-selection-05)}.opal-input-code[data-variant=error] .opal-input-code-cell{box-shadow:inset 0 0 0 1px var(--status-error-05)}.opal-input-code[data-variant=error] .opal-input-code-cell[data-active=true]{box-shadow:inset 0 0 0 2px var(--status-error-05)}.opal-input-code[data-disabled=true]{pointer-events:none;opacity:.5}.opal-input-code-caret{width:calc(var(--spacing,.25rem) * .5);border-radius:var(--radius-round);background-color:var(--action-selection-05);height:1.75rem;animation:1.1s step-end infinite opal-input-code-blink}@keyframes opal-input-code-blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.opal-input-code-caret{animation:none}}