.sp-meta[data-v-758252f9] {
    font-size: var(--font-p-tn-size-bp-sm);
    line-height: var(--font-p-tn-line-height-bp-sm);
    letter-spacing: var(--font-p-tn-spacing-bp-sm);
    display: inline-flex;
    align-items: center;
    vertical-align: top
}

.sp-meta[data-v-758252f9],
.sp-meta[data-v-758252f9] .is--tooltip-btn-text {
    color: rgb(var(--rgb-gray-10))
}

.sp-meta[data-v-758252f9] .sp-icon {
    margin-inline-end: 6px
}

.sp-meta+.sp-meta[data-v-758252f9]:before {
    content: "•";
    color: #cccfd4;
    margin: 0 9px
}

.sp-meta.has--tip[data-v-758252f9] .is--tooltip-btn-text {
    display: inline-flex;
    align-items: center;
    vertical-align: top
}

@media (min-width: 768px) {
    .sp-meta[data-v-758252f9] {
        font-size: var(--font-p-tn-size-bp-md);
        line-height: var(--font-p-tn-line-height-bp-md)
    }
}

.has-subcomments[data-v-ba4a967b]:before,
.subcomment[data-v-ba4a967b]:before {
    content: "";
    position: absolute;
    border-inline-start: 1px solid #EEEFF1;
    border-bottom: 1px solid #EEEFF1;
    width: 15px;
    border-end-start-radius: 5px
}

.has-subcomments[data-v-ba4a967b]:before {
    height: 31px;
    inset-inline-start: 0;
    top: calc(100% + 10px)
}

.subcomment[data-v-ba4a967b] {
    margin-top: 20px;
    margin-inline-start: 20px
}

.subcomment[data-v-ba4a967b]:last-child:before {
    display: none
}

.subcomment[data-v-ba4a967b]:before {
    transform: translate(-100%);
    bottom: -45px;
    height: calc(100% + 45px);
    inset-inline-start: -5px
}

@media (min-width: 768px) {

    .has-subcomments[data-v-ba4a967b]:before,
    .subcomment[data-v-ba4a967b]:before {
        width: 20px
    }

    .has-subcomments[data-v-ba4a967b]:before,
    .subcomment[data-v-ba4a967b]:before {
        border-end-start-radius: 10px
    }

    .has-subcomments[data-v-ba4a967b]:before {
        height: calc(100% - 28px);
        top: 80px;
        inset-inline-start: 30px
    }

    .subcomment[data-v-ba4a967b] {
        margin-inline-start: 60px
    }

    .subcomment[data-v-ba4a967b]:before {
        inset-inline-start: -10px;
        bottom: -50px;
        height: calc(100% + 50px)
    }
}

@media (min-width: 1200px) {

    .has-subcomments[data-v-ba4a967b]:before,
    .subcomment[data-v-ba4a967b]:before {
        width: 35px
    }

    .subcomment[data-v-ba4a967b] {
        margin-inline-start: 80px
    }

    .subcomment[data-v-ba4a967b]:before {
        inset-inline-start: -15px
    }
}