@charset "utf-8";

.comments { box-sizing: border-box; background: rgb(255, 255, 255); color: rgb(28, 30, 33); margin: 40px; font-size: 13px; }

.comments, .comments * { font-family: inherit; }

.comments-title { font-size: 36px; font-weight: 700; margin-bottom: 4px; }

.top-bar-comment { display: flex; justify-content: space-between; align-items: center; border-top: 1px solid rgb(0, 0, 0); border-bottom: 1px solid rgb(204, 208, 213); padding: 15px 0px 5px; font-size: 14px; font-weight: 700; }

.text-before-button { font-weight: 400; }

.comment-button { background-color: rgb(246, 247, 249); color: rgb(39, 40, 41); border: 1px solid rgb(206, 208, 212); border-radius: 2px; box-sizing: content-box; font-size: 12px; -webkit-font-smoothing: antialiased; font-weight: 700; padding: 4px 12px 4px 8px; position: relative; text-align: center; text-shadow: none; vertical-align: middle; }

.login-box { display: flex; margin: 15px 0px; }

.login-avatar { padding: 10px; }

.login-avatar img { width: 40px; height: 40px; }

.login-input-container { flex: 1 1 0%; border: 1px solid rgb(204, 208, 213); background: rgb(246, 247, 249); display: flex; flex-direction: column; box-sizing: border-box; }

.login-input-container input { width: 100%; box-sizing: border-box; border-top: none; border-right: none; border-left: none; border-image: initial; border-bottom: 1px solid rgb(221, 223, 226); padding: 18px 10px; font-size: 14px; background: rgb(255, 255, 255); }

.login-button { text-align: right; padding: 10px; background: rgb(246, 247, 249); }

.login-button button { color: white; font-weight: bold; padding: 5px 10px; font-size: 13px; cursor: pointer; background-color: rgb(54, 88, 153); border: 1px solid rgb(54, 88, 153); }

.comment { display: flex; margin-top: 15px; }

.comment a.avatar-link img { width: 48px; height: 48px; border-radius: 2px; object-fit: cover; margin: 0px; object-position: center center; }

.comment-content { margin-left: 10px; flex: 1 1 0%; margin-bottom: 15px; }

.comment-name { font-weight: bold; color: rgb(54, 88, 153); font-size: 14px; margin-bottom: 5px; }

.comment-name a { text-decoration: none; color: rgb(54, 88, 153); }

.comment-body { font-size: 14px; margin: 2px 0px 10px; line-height: 1.4; }

.comment-body img { width: 100%; }

.comment-meta { font-size: 12px; color: rgb(144, 148, 156); margin-top: 2px; }

.comment-meta a { margin-right: 10px; color: rgb(66, 103, 178); font-weight: 700; text-decoration: none; }

.comment-link-reply { display: inline-block; margin-right: 25px !important; }

.comment-meta .time { font-weight: 700; }

.reply { margin-left: 58px; margin-top: 0px !important; }

.see-more { color: rgb(54, 88, 153); font-weight: bold; text-decoration: none; margin-left: 5px; }

.comment.reply { border-left: 1px dotted rgb(211, 214, 219); padding-left: 10px; }

.reply-count { font-size: 12px; color: rgb(54, 88, 153); font-weight: bold; margin-left: 58px; margin-top: 0px; cursor: pointer; border-left: 1px dotted rgb(211, 214, 219); }

.reply-count .text { margin-left: 15px; background-color: rgb(246, 247, 249); padding: 10px; height: auto; }

.fb-footer { font-size: 11px; display: block; padding-top: 10px; border-top: 1px solid rgb(233, 235, 238); color: rgb(54, 88, 153); cursor: pointer; font-weight: 700; }

@media (max-width: 768px) {
  .comments { margin: 10px; }
  .comments-title { font-size: 24px; }
  .top-bar-comment { padding-top: 25px; padding-bottom: 15px; }
  .login-avatar { padding: 0px 10px; }
}

.amount { position: relative; }

.amount::before { content: url(lander/gfdsgfdssdfvg-32452345235_1782743615/like22.svg); width: 12px; height: 12px; display: block; position: absolute; left: -14px; top: 0px; }