/*--------------------------------------------------------------------------*\
    Input inside control module
\*--------------------------------------------------------------------------*/

.control__input {
    /*box*/
    width: 100%;

    /*background*/
    background-color: transparent;

    /*border*/
    border: none;

    /*text*/
    font-family: var(--ff-txt);
    color: var(--c-primary-1);
}

.control__input:disabled {
    /*text*/
    color: var(--c-tertiary-1) !important;
}

/*--------------------------------------------------------------------------*\
        Input sizes
\*--------------------------------------------------------------------------*/

.control--tn .control__input {
    /*box*/
    height: 22px;
    padding: 0px 5px;

    /*text*/
    font-size: var(--fs-tn);
}

.control--sm .control__input {
    /*box*/
    height: 28px;
    padding: 0px 10px;

    /*text*/
    font-size: var(--fs-sm);
}

.control--md .control__input {
    /*box*/
    height: 38px;
    padding: 0px 15px;

    /*text*/
    font-size: calc(var(--fs-md) - 2px);
}

.control--lg .control__input {
    /*box*/
    height: 45px;
    padding: 0px 15px;

    /*text*/
    font-size: calc(var(--fs-lg) - 2px);
}

/*--------------------------------------------------------------------------*\
        Inputs containing figures
\*--------------------------------------------------------------------------*/

.control__input[data-format="number"] {
    /*text*/
    text-align: right;
}

/*--------------------------------------------------------------------------*\
        Placeholder
\*--------------------------------------------------------------------------*/

.control__input::placeholder {
    /*text*/
    color: var(--c-secondary-5);
}

/*--------------------------------------------------------------------------*\
	    Case of a field inside another field
        (example: a select next to an input)
\*--------------------------------------------------------------------------*/

.control--encapsulated .control__input {
    /*box*/
    width: auto !important;
}