/*--------------------------------------------------------------------------*\
    Comment message on the left
\*--------------------------------------------------------------------------*/

.comment__message--left {
    /*box*/
    top: -15px;
}

.comment__message--left::before {
    /*box*/
    top: 15px;
    right: -8.5px;

    /*border*/
    border-bottom: 1.5px solid var(--c-tertiary-2);
    border-right: 1.5px solid var(--c-tertiary-2);
}

/*--------------------------------------------------------------------------*\
        Sizes
\*--------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------*\
        Medium
\*--------------------------------------------------------------------------*/

.comment__message--md.comment__message--left {
    /*box*/
    left: -250px;
}

/*--------------------------------------------------------------------------*\
        Large
\*--------------------------------------------------------------------------*/

.comment__message--lg.comment__message--left {
    /*box*/
    left: -350px;
}