.c3-pin-input{gap:var(--c3-margin-small);display:inline-flex}.c3-pin-input--disabled{cursor:not-allowed;opacity:.65}.c3-pin-input--sm .c3-pin-input__cell{width:2.25rem;height:2.025rem;font-size:.8125rem}.c3-pin-input--md .c3-pin-input__cell{width:3rem;height:2.55rem;font-size:.875rem}.c3-pin-input--lg .c3-pin-input__cell{font-size:var(--c3-font-size-md);width:3.5rem;height:2.95rem}.c3-pin-input__cell{background-color:var(--c3-color-emphasis);border:var(--c3-border-width) solid var(--c3-color-border);border-radius:var(--c3-border-radius);color:var(--c3-color-text);font-family:var(--c3-font-family),sans-serif;align-items:center;width:100%;min-width:0;line-height:1.2;transition:border-color .15s;display:inline-flex}.c3-pin-input__cell::placeholder{color:var(--c3-color-text-muted)}.c3-pin-input__cell:focus,.c3-pin-input__cell:focus-visible{border-color:var(--c3-color-info);outline:2px solid var(--c3-color-info);outline-offset:2px}.c3-pin-input__cell{text-align:center;padding:0}.c3-pin-input--invalid .c3-pin-input__cell{border-color:var(--c3-color-danger)}.c3-pin-input--invalid .c3-pin-input__cell:focus,.c3-pin-input--invalid .c3-pin-input__cell:focus-visible{border-color:var(--c3-color-danger);outline-color:var(--c3-color-danger)}