/* inputs.css
 *
 * Widths of the text inputs (dcc.Input), selected with className.
 *
 * Older Dash versions sized inputs with the 'size' attribute (number of
 * characters). Dash 4 ignores 'size' and makes an input fill its table
 * cell, so the widths are given explicitly here. The values reproduce
 * the old look: input-8 is the old size='8', and so on.
 */

.input-8  { width: 111px; }
.input-10 { width: 129px; }
.input-14 { width: 165px; }
.input-20 { width: 212px; }   /* old default (no size given) */
.input-40 { width: 399px; }
.input-45 { width: 444px; }

/* Number inputs (type='number') */
.input-number { width: 219px; }