.split-character-input[data-v-2049f851]{display:flex;flex-direction:column;gap:4px}.fields[data-v-2049f851]{--split-field-size: 52px;display:flex;align-items:center;gap:var(--split-gap);box-sizing:border-box;width:100%;max-width:calc(var(--split-field-count) * var(--split-field-size) + (var(--split-field-count) - 1) * var(--split-gap) + 2 * var(--split-frame))}.field-cell[data-v-2049f851]{position:relative;flex:1 1 var(--split-field-size);min-width:0;max-width:var(--split-field-size);height:48px}.fields.separate[data-v-2049f851]{--split-field-size: 104px}.fields.separate .field-cell[data-v-2049f851]{height:64px}.fields.separate .field[data-v-2049f851]{border-width:2px;border-radius:12px;font-size:24px}.fields.separate .field.error[data-v-2049f851]{border-color:var(--red)}.fields.separate .field[data-v-2049f851]:focus-visible{outline:var(--focus-inner);outline-offset:2px;box-shadow:var(--focus-outer-shadow)}.field[data-v-2049f851]{width:100%;height:100%;box-sizing:border-box;font-weight:700;text-align:center;color:var(--gray-100);background-color:var(--split-background-color);border:1px solid var(--gray-40);font-family:var(--quicksand-regular-font);border-radius:4px;padding:0;font-size:22px}.field[data-v-2049f851]::placeholder{color:var(--petrol-60);font-weight:700;opacity:1}.fields.connected[data-v-2049f851]{overflow:hidden;padding:var(--split-frame);border-radius:8px;font-family:var(--quicksand-regular-font);background-color:var(--split-line-color)}.fields.connected .field-cell[data-v-2049f851]{background-color:var(--split-background-color)}.fields.connected .field-cell[data-v-2049f851]:first-child{border-top-left-radius:calc(8px - var(--split-frame));border-bottom-left-radius:calc(8px - var(--split-frame))}.fields.connected .field-cell[data-v-2049f851]:last-child{border-top-right-radius:calc(8px - var(--split-frame));border-bottom-right-radius:calc(8px - var(--split-frame))}.fields.connected .field[data-v-2049f851]{border-radius:0;background-color:transparent}.fields.connected[data-v-2049f851]:has(.field.error){background-color:var(--red)}.field[data-v-2049f851]:disabled{background-color:var(--gray-80);color:var(--white);pointer-events:none}.fields.connected .field[data-v-2049f851]:focus-visible{outline:var(--focus-inner);outline-offset:-1px}.error-wrapper[data-v-2049f851]{display:flex;gap:4px;align-items:center;flex-direction:row;min-height:20px}.error-wrapper .error-icon[data-v-2049f851]{width:16px}.error-wrapper .error-text[data-v-2049f851]{margin:0;color:var(--red)}