.comment_0{
    margin-left: 0;

    >div>div{
        z-index: 1;
    }
}

.comment_1{
    @include min(tablet){
        margin-left: 5.6rem;
    }

    margin-left: 2.4rem;
}

.comment_2{
    @include min(tablet){
        margin-left: 11.2rem;
    }

    margin-left: 4rem;
}

.isReply{
    position: relative;

    &::before{
        content: "";
        position: absolute;
        right: 100%;
        border-left: var(--comment-tree-border, .1rem solid #CFC7C0);
        border-bottom: var(--comment-tree-border, .1rem solid #CFC7C0);
        border-bottom-left-radius: var(--comment-tree-border-radius, 2rem);
        bottom: 50%;
        height: calc(50% + 8.5rem);
        width: 1.1rem;

        @include min(tablet){
            width: 3rem;
        }
    }

    + .isReply::before{
        height: calc(50% + 25.5rem);
    }
}