.otp-input--control{display:grid;position:relative}.otp-input--cells{display:grid;gap:var(--space-2);grid-template-columns:repeat(var(--otp-input-length),minmax(0,1fr))}.otp-input--cell{align-items:center;aspect-ratio:3/4;background:var(--surface-1);border:var(--border-default);border-radius:var(--radius-box);color:inherit;display:flex;font-family:var(--font-family-mono);font-size:var(--font-size-3);font-size:var(--font-size-7);justify-content:center;max-height:var(--size-5);text-transform:uppercase}.otp-input--field{background:transparent;border:0;caret-color:transparent;color:transparent;font-size:1rem;inset:0;outline:none;position:absolute;width:100%}.otp-input--field::selection{background:transparent}.otp-input--control:focus-within .otp-input--cell.is-active{box-shadow:0 0 0 var(--border-focus-width) var(--neutral-a3);outline:none;transition:box-shadow .16s ease,border-color .16s ease}.form--group.has-error .otp-input--cell{border:var(--border-focus);border-color:var(--error-11)}