/*--------------------------------------------------------------------------*\
    Label inside control module
\*--------------------------------------------------------------------------*/

.control__label {
    /*box*/
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    cursor: pointer;

    /*text*/
    color: var(--c-primary-3);
    white-space: nowrap;
}

/*--------------------------------------------------------------------------*\
        Label font size
\*--------------------------------------------------------------------------*/

.control--xtn .control__label {
    /*text*/
    font-size: var(--fs-xtn);
}

.control--tn .control__label {
    /*text*/
    font-size: var(--fs-tn);
}

.control--sm .control__label {
    /*text*/
    font-size: var(--fs-sm);
}

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

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

/*--------------------------------------------------------------------------*\
        Left label position
\*--------------------------------------------------------------------------*/

.control--row .control__label {
    /*box*/
    margin-right: 8px;
}

/*--------------------------------------------------------------------------*\
        Top label position
\*--------------------------------------------------------------------------*/

.control--col .control__label {
    /*box*/
    margin-bottom: 4px;
}

/*--------------------------------------------------------------------------*\
        Label position for checkbox
\*--------------------------------------------------------------------------*/

.control__checkbox-label+.control__label,
.control__switcher-label+.control__label,
.control__radio-label+.control__label{
    /*box*/
    margin-right: 0px !important;
    margin-left: 8px;
}