.split-character-input[data-v-861ae1d9]{display:flex;flex-direction:column;gap:4px}.fields[data-v-861ae1d9]{--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-861ae1d9]{position:relative;flex:1 1 var(--split-field-size);min-width:0;max-width:var(--split-field-size);height:48px}.fields.separate[data-v-861ae1d9]{--split-field-size: 104px}.fields.separate .field-cell[data-v-861ae1d9]{height:64px}.fields.separate .field[data-v-861ae1d9]{border-width:2px;border-radius:12px;font-size:24px}.fields.separate .field.error[data-v-861ae1d9]{border-color:var(--red)}.fields.separate .field[data-v-861ae1d9]:focus{border-color:var(--blue)}.fields.separate .field[data-v-861ae1d9]:focus-visible{border-color:var(--blue);outline:var(--focus-inner);outline-offset:1px}.field[data-v-861ae1d9]{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-861ae1d9]::placeholder{color:var(--petrol-60);font-weight:700;opacity:1}.fields.connected[data-v-861ae1d9]{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-861ae1d9]{background-color:var(--split-background-color)}.fields.connected .field-cell[data-v-861ae1d9]: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-861ae1d9]: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-861ae1d9]{border-radius:0;background-color:transparent}.fields.connected[data-v-861ae1d9]:has(.field.error){background-color:var(--red)}.field[data-v-861ae1d9]:disabled{background-color:var(--gray-80);color:var(--white);pointer-events:none}.fields.connected .field[data-v-861ae1d9]:focus-visible{outline:2px solid var(--petrol-100);outline-offset:-1px}.error-wrapper[data-v-861ae1d9]{display:flex;gap:4px;align-items:center;flex-direction:row}.error-wrapper .error-icon[data-v-861ae1d9]{width:16px}.error-wrapper .error-text[data-v-861ae1d9]{margin:0;color:var(--red)}