/* ------------------------------------------------------------ */
/* title bar */

.title-bar {
    height: 40px;
}
.title-bar .title {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    margin-top: 10px;
    color: rgb(160, 160, 160);
    font-weight: 600;
    font-size: 16px;
}
.title-bar.inactive .title {
    color: #7A7772;
}

/* ------------------------------------------------------------ */
/* pin & comments */

.container {
    top: 40px;
}
.pin .content {
    padding-bottom: 15px;
    border-bottom: 1px solid #413E39;
    user-select: text;
}
.comments {
    padding-top: 5px;
    border-top: 1px solid #413E39;
    margin-top: -1px;
}
.comment-item .content {
    padding-bottom: 11px;
    border-bottom: 1px solid #413E39;
    user-select: text;
}
.child-comments {
    padding-left: 50px;
}
.author .arraw {
    color: rgb(122, 122, 122);
    margin-left: 10px;
    margin-right: 10px;
}
.author .arraw + .comment-author .name {
    margin-left: 0;
}
.statistics .num-likes:hover {
    padding-left: 4px;
}
