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

.comment__message--top {
    /*box*/
    bottom: 35px;
}

.comment__message--top::before {
    /*box*/
    bottom: -8.5px;

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

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

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

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

.comment__message--md.comment__message--top::before {
    /*box*/
    right: 105px;
}

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

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

.comment__message--lg.comment__message--top::before {
    /*box*/
    right: 150px;
}