/*--------------------------------------------------------------------------*\
    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;
}

/*--------------------------------------------------------------------------*\
    Input in input list
\*--------------------------------------------------------------------------*/

.control--input-list--content-item .control__input {
    /*box*/
    padding:0px !important;

    /*text*/
    pointer-events: none !important;
    color:var(--c-cta-1) !important;
    font-weight: var(--fw-bold) !important;
}