/*--------------------------------------------------------------------------*\
    Textarea inside control module
\*--------------------------------------------------------------------------*/

.control__textarea {
    /*box*/
    width: 100%;
    height:200px;
    padding: 8px 10px;
    resize: none;

    /*background*/
    background-color: transparent;
    background-clip: padding-box;

    /*border*/
    border: none;

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

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

.control__textarea--resize {
    /*box*/
    resize:auto !important;
}

/*--------------------------------------------------------------------------*\
        Textarea sizes
\*--------------------------------------------------------------------------*/

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

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

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

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

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

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

/*--------------------------------------------------------------------------*\
        Scrollbar
\*--------------------------------------------------------------------------*/

.control__textarea::-webkit-scrollbar {
    /*box*/
    width: 8.5px;

    /*background*/
    background-size: 8.5px;
    background: var(--c-tertiary-4);
}

.control__textarea::-webkit-scrollbar-thumb {
    /*background*/
    background-color: var(--c-primary-4);

    /*border*/
    border-radius: 2px
}

.control__textarea::-webkit-scrollbar-thumb:hover {
    /*background*/
    background-color: var(--c-primary-3);
}