/* Password Generator: the password readout. */

/* Fills the row beside its buttons, and drops them to the next line rather
   than squeezing below 12rem. */
.password-mirror {
    flex: 1 1 12rem;
    font-family: var(--font-mono);
    overflow-wrap: anywhere;
}

.password-mirror.is-empty {
    font-family: inherit;
    color: var(--text-muted);
}

/* The counts reach 32: room for two digits and the field's arrows. */
.row > input[type="number"] {
    flex: 0 0 5rem;
}