/* Selector de color compartido (ColorPickerInput): muestra + hexadecimal + copiar.

   Dentro de un .input-group la muestra nativa se estiraria como un control mas; se fija
   a su ancho natural para que el espacio sobrante se lo quede el campo del hexadecimal. */

.color-picker-input .form-control-color {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 3rem;
}

.color-picker-input .color-picker-hex {
    font-family: var(--ins-font-monospace, monospace);
    min-width: 5.5rem;
}

.color-picker-input.input-group-sm .form-control-color {
    width: 2.5rem;
}