.aside .comment-day-aside .aside-title::before {
  background-color: var(--dark-bg2); }
.aside .comment-day-aside .aside-content {
  display: flex;
  align-items: center;
  padding: 25px;
  padding-top: 50px; }
.aside .comment-day-aside .date p {
  font-size: 15rem; }
.aside .comment-day-aside .comment-content p {
  font-size: 17rem; }
.aside .comment-day-aside .comment-reactions {
  justify-content: flex-end;
  margin-bottom: 20px; }
.aside .comment-day-aside .comment-author {
  display: flex;
  align-items: center;
  border-top: 2px solid var(--light-bg2);
  padding-top: 15px; }
  .aside .comment-day-aside .comment-author .image {
    margin: 0;
    width: auto !important; }
  .aside .comment-day-aside .comment-author img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
    margin-right: 10px; }
  .aside .comment-day-aside .comment-author p {
    font-size: 17rem;
    font-weight: 700;
    margin-bottom: 0; }
.aside .comment-day-aside .comment-page {
  margin-top: 5px; }
  .aside .comment-day-aside .comment-page p {
    font-size: 17rem;
    margin-bottom: 0; }
  .aside .comment-day-aside .comment-page a {
    color: var(--primary-text);
    font-size: 17rem;
    text-decoration: underline; }
    .aside .comment-day-aside .comment-page a:hover {
      color: var(--anhor); }

.comment-reactions {
  display: flex;
  align-items: center; }
  .comment-reactions.is-disabled button .icon {
    opacity: 0.5; }
  .comment-reactions.is-disabled .comment-like:hover .icon, .comment-reactions.is-disabled .comment-like:focus .icon, .comment-reactions.is-disabled .comment-like.active .icon,
  .comment-reactions.is-disabled .comment-dislike:hover .icon,
  .comment-reactions.is-disabled .comment-dislike:focus .icon,
  .comment-reactions.is-disabled .comment-dislike.active .icon {
    filter: none; }
  .comment-reactions button {
    display: flex;
    align-items: center;
    border: none;
    background-color: transparent;
    padding: 4px 6px; }
    .comment-reactions button .icon {
      display: block;
      width: 18px;
      height: 18px;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      margin-right: 4px;
      position: relative;
      top: 0;
      transition: 0.3s;
      -webkit-transition: 0.3s; }
    .comment-reactions button .count {
      display: block;
      font-size: 19rem;
      font-weight: 600; }
  .comment-reactions .comment-like:hover, .comment-reactions .comment-like:focus, .comment-reactions .comment-like.active {
    outline: none !important; }
    .comment-reactions .comment-like:hover .icon, .comment-reactions .comment-like:focus .icon, .comment-reactions .comment-like.active .icon {
      filter: drop-shadow(0px 0px 1px #6ead2c) drop-shadow(0px 0px 2px #6ead2c); }
  .comment-reactions .comment-like .icon {
    background-image: url("/img/comment-like.svg"); }
  .comment-reactions .comment-like .count {
    color: #6ead2c; }
  .comment-reactions .comment-dislike:hover, .comment-reactions .comment-dislike:focus, .comment-reactions .comment-dislike.active {
    outline: none !important; }
    .comment-reactions .comment-dislike:hover .icon, .comment-reactions .comment-dislike:focus .icon, .comment-reactions .comment-dislike.active .icon {
      filter: drop-shadow(0px 0px 1px #f06e58) drop-shadow(0px 0px 2px #f06e58); }
  .comment-reactions .comment-dislike .icon {
    background-image: url("/img/comment-unlike.svg"); }
  .comment-reactions .comment-dislike .count {
    color: #f06e58; }
  .comment-reactions .reaction-space {
    font-size: 19rem;
    font-weight: 600; }

#comments {
  overflow: visible; }
  #comments:after {
    position: absolute;
    z-index: -1;
    display: block;
    content: "";
    background-color: var(--primary-bg);
    width: 120vw;
    height: calc(100% - 85px);
    bottom: 0;
    left: calc(-50vw + 660px); }
  #comments .open-comment-section {
    margin-top: 15px; }
    #comments .open-comment-section .wrapper {
      transform: skew(-20deg);
      background-color: var(--dark-bg);
      padding: 22px 50px;
      width: calc(100% - 24px);
      margin: 0 auto; }
    #comments .open-comment-section .text {
      padding-right: 10px; }
    #comments .open-comment-section .inner {
      transform: skew(20deg);
      display: flex;
      align-items: flex-end; }
    #comments .open-comment-section h4 {
      font-size: 33rem;
      color: var(--secondary-title);
      font-weight: 600;
      font-family: "Teko", sans-serif;
      margin: 0; }
    #comments .open-comment-section p {
      color: var(--secondary-text);
      font-size: 17rem;
      font-weight: 300;
      margin: 0; }
    #comments .open-comment-section .buttons {
      margin: 0;
      padding-bottom: 15px;
      margin-right: -120px; }
      #comments .open-comment-section .buttons .btn {
        margin: 0;
        padding-left: 20px;
        padding-right: 20px; }
  #comments .add-comment-buttons {
    margin-top: 25px; }
    #comments .add-comment-buttons p {
      font-size: 17rem;
      color: #003b5a;
      font-weight: 300;
      display: contents; }
    #comments .add-comment-buttons .btn {
      text-transform: initial;
      letter-spacing: 0;
      font-size: 17rem;
      color: #003b5a;
      font-weight: 600;
      background: none;
      transform: none;
      outline: none;
      padding: 0;
      border: none;
      display: contents; }
      #comments .add-comment-buttons .btn:hover {
        color: var(--text-hover) !important; }
      #comments .add-comment-buttons .btn span {
        transform: none;
        text-decoration: underline !important; }
  #comments .comment-section {
    padding-top: 12px; }
  #comments .add-comment-section h4 {
    margin-top: 0; }
  #comments .comment-list-section {
    padding-top: 30px; }
    #comments .comment-list-section .comment-info {
      font-size: 17rem;
      font-weight: 300;
      margin-bottom: 80px; }
      #comments .comment-list-section .comment-info .red-info {
        color: var(--anhor); }
    #comments .comment-list-section h4 {
      font-size: 40rem;
      letter-spacing: 2rem;
      text-transform: uppercase;
      font-weight: 500;
      font-family: "Teko", sans-serif;
      margin-top: 0; }
    #comments .comment-list-section .comments-list {
      margin-top: 40px; }
    #comments .comment-list-section .comment-branch.level-0 {
      margin-left: 0;
      border-left: 2px solid var(--dark-bg2); }
      #comments .comment-list-section .comment-branch.level-0 > .comment-item > .comment-wrapper {
        border-bottom: 2px solid var(--dark-bg2); }
        #comments .comment-list-section .comment-branch.level-0 > .comment-item > .comment-wrapper:before {
          display: none; }
        #comments .comment-list-section .comment-branch.level-0 > .comment-item > .comment-wrapper .comment-author .author-photo {
          border-top-left-radius: 0;
          right: 2px; }
    #comments .comment-list-section .comment-branch.level-1 {
      border-left: 2px solid var(--element1-color); }
      #comments .comment-list-section .comment-branch.level-1 > .comment-item > .comment-wrapper {
        border-bottom: 2px solid var(--element1-color); }
        #comments .comment-list-section .comment-branch.level-1 > .comment-item > .comment-wrapper::before {
          left: -24px;
          border-left: 2px solid var(--dark-bg2);
          border-bottom: 2px solid var(--dark-bg2); }
        #comments .comment-list-section .comment-branch.level-1 > .comment-item > .comment-wrapper .author-photo {
          border-top-left-radius: 0;
          right: 2px; }
    #comments .comment-list-section .comment-branch.level-2 {
      border-left: 2px solid #bb3149; }
      #comments .comment-list-section .comment-branch.level-2 > .comment-item > .comment-wrapper {
        border-bottom: 2px solid #bb3149; }
        #comments .comment-list-section .comment-branch.level-2 > .comment-item > .comment-wrapper::before {
          left: -24px;
          border-left: 2px solid var(--element1-color);
          border-bottom: 2px solid var(--element1-color); }
        #comments .comment-list-section .comment-branch.level-2 > .comment-item > .comment-wrapper .author-photo {
          border-top-left-radius: 0;
          right: 2px; }
    #comments .comment-list-section .comment-branch.level-3 {
      border-left: 2px solid var(--dark-bg2); }
      #comments .comment-list-section .comment-branch.level-3 > .comment-item > .comment-wrapper {
        border-bottom: 2px solid var(--dark-bg2); }
        #comments .comment-list-section .comment-branch.level-3 > .comment-item > .comment-wrapper::before {
          left: -24px;
          border-left: 2px solid #bb3149;
          border-bottom: 2px solid #bb3149; }
        #comments .comment-list-section .comment-branch.level-3 > .comment-item > .comment-wrapper .author-photo {
          border-top-left-radius: 0;
          right: 2px; }
    #comments .comment-list-section .comment-branch.level-4 {
      border-left: 2px solid var(--element1-color); }
      #comments .comment-list-section .comment-branch.level-4 > .comment-item > .comment-wrapper {
        border-bottom: 2px solid var(--element1-color); }
        #comments .comment-list-section .comment-branch.level-4 > .comment-item > .comment-wrapper::before {
          left: -24px;
          border-left: 2px solid var(--dark-bg2);
          border-bottom: 2px solid var(--dark-bg2); }
        #comments .comment-list-section .comment-branch.level-4 > .comment-item > .comment-wrapper .author-photo {
          border-top-left-radius: 0;
          right: 2px; }
    #comments .comment-list-section .comment-branch.level-5 {
      border-left: 2px solid #bb3149; }
      #comments .comment-list-section .comment-branch.level-5 > .comment-item > .comment-wrapper {
        border-bottom: 2px solid #bb3149; }
        #comments .comment-list-section .comment-branch.level-5 > .comment-item > .comment-wrapper::before {
          left: -24px;
          border-left: 2px solid var(--element1-color);
          border-bottom: 2px solid var(--element1-color); }
        #comments .comment-list-section .comment-branch.level-5 > .comment-item > .comment-wrapper .author-photo {
          border-top-left-radius: 0;
          right: 2px; }
    #comments .comment-list-section .comment-branch.level-6 > .comment-item > .comment-wrapper {
      padding-left: 20px; }
    #comments .comment-list-section .comment-item .comment-wrapper {
      position: relative;
      padding-bottom: 25px;
      border-bottom: 2px solid #bb3149; }
      #comments .comment-list-section .comment-item .comment-wrapper:before {
        display: block;
        content: "";
        position: absolute;
        top: 0px;
        left: -2px;
        width: 50px;
        height: 62px;
        border-left: 2px solid #bb3149;
        border-bottom: 2px solid #bb3149; }
    #comments .comment-list-section .comment-item .comment-author {
      display: flex; }
      #comments .comment-list-section .comment-item .comment-author .author-photo {
        margin-right: 30px;
        background-color: var(--primary-bg);
        position: relative;
        border-bottom-left-radius: 50%;
        padding-top: 25px; }
        #comments .comment-list-section .comment-item .comment-author .author-photo .image {
          margin: 0; }
        #comments .comment-list-section .comment-item .comment-author .author-photo img {
          border-radius: 50%;
          width: 74px;
          min-width: 74px;
          height: 74px;
          object-fit: cover;
          object-position: center;
          background-color: var(--light-bg); }
      #comments .comment-list-section .comment-item .comment-author .author-text {
        width: 100%;
        padding-top: 25px; }
        #comments .comment-list-section .comment-item .comment-author .author-text .author-name {
          font-size: 24rem;
          letter-spacing: 0.5rem;
          font-family: "Teko", sans-serif;
          color: var(--primary-title);
          margin-bottom: 0;
          line-height: 1;
          margin-top: 5px; }
        #comments .comment-list-section .comment-item .comment-author .author-text .author-rank-reactions {
          display: flex;
          justify-content: space-between;
          align-items: center; }
          #comments .comment-list-section .comment-item .comment-author .author-text .author-rank-reactions .author-rank {
            display: flex;
            align-items: center; }
            #comments .comment-list-section .comment-item .comment-author .author-text .author-rank-reactions .author-rank .comment-rank-icon:nth-last-child(n+11) {
              display: none; }
          #comments .comment-list-section .comment-item .comment-author .author-text .author-rank-reactions .comment-rank {
            margin-left: 0;
            border-right: 1px solid #dfe0e4;
            padding-right: 5px;
            margin-right: 5px; }
          #comments .comment-list-section .comment-item .comment-author .author-text .author-rank-reactions .comment-rank-progress {
            font-size: 16rem;
            color: var(--primary-title); }
          #comments .comment-list-section .comment-item .comment-author .author-text .author-rank-reactions .comment-date {
            font-size: 16rem;
            color: var(--primary-text);
            opacity: 0.8; }
    #comments .comment-list-section .comment-item .comment-text {
      padding-left: 104px;
      margin-top: 5px; }
      #comments .comment-list-section .comment-item .comment-text .comment-hidden-message {
        font-size: 16rem;
        color: var(--primary-text); }
      #comments .comment-list-section .comment-item .comment-text .comment-hidden-toggle {
        font-size: 14rem;
        padding: 7px 20px;
        margin-top: 10px;
        background-color: var(--light-bg2);
        letter-spacing: 0.5rem; }
      #comments .comment-list-section .comment-item .comment-text .comment-attachments {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 25px; }
        #comments .comment-list-section .comment-item .comment-text .comment-attachments .comment-attachment {
          margin-top: 15px; }
          #comments .comment-list-section .comment-item .comment-text .comment-attachments .comment-attachment.comment-attachment-photo {
            max-width: 100%; }
    #comments .comment-list-section .comment-item .comment-actions {
      padding-left: 104px;
      margin-top: 10px; }
      #comments .comment-list-section .comment-item .comment-actions .comment-reply-link,
      #comments .comment-list-section .comment-item .comment-actions .comment-edit-link,
      #comments .comment-list-section .comment-item .comment-actions .comment-delete-link {
        padding: 0;
        border: none;
        outline: none;
        background: none;
        display: block;
        margin-top: 4px; }
      #comments .comment-list-section .comment-item .comment-actions .comment-reply-link {
        color: #c18d3e; }
        #comments .comment-list-section .comment-item .comment-actions .comment-reply-link:hover {
          color: var(--anhor); }
      #comments .comment-list-section .comment-item .comment-actions .comment-edit-link {
        color: #1f8f74;
        margin-top: 15px; }
        #comments .comment-list-section .comment-item .comment-actions .comment-edit-link:hover {
          color: #0d7f63; }
      #comments .comment-list-section .comment-item .comment-actions .comment-delete-link {
        color: #b12c2c;
        margin-top: 15px; }
        #comments .comment-list-section .comment-item .comment-actions .comment-delete-link:hover {
          color: #9f2222; }

.bottom-footer .footer-info .comment-day {
  width: 300px;
  max-width: 100%; }
  .bottom-footer .footer-info .comment-day .date {
    display: none; }
  .bottom-footer .footer-info .comment-day .comment-page {
    display: none; }
  .bottom-footer .footer-info .comment-day .comment-reactions {
    display: none; }
  .bottom-footer .footer-info .comment-day p {
    color: var(--secondary-title); }
  .bottom-footer .footer-info .comment-day .comment-author {
    display: flex;
    align-items: center;
    margin-top: 20px; }
    .bottom-footer .footer-info .comment-day .comment-author .image {
      margin: 0;
      margin-right: 10px;
      width: auto !important;
      border-radius: 50%;
      background-color: var(--secondary-text); }
    .bottom-footer .footer-info .comment-day .comment-author img {
      width: 30px;
      min-width: 30px;
      height: 30px;
      object-fit: cover;
      object-position: center;
      border: 2px solid var(--secondary-text);
      border-radius: 50%; }
    .bottom-footer .footer-info .comment-day .comment-author p {
      margin-bottom: 0;
      font-weight: 600; }

.comment-rank {
  display: inline-flex;
  align-items: center;
  margin-left: 6px;
  color: #d1a319; }

.comment-rank-icons {
  display: inline-flex;
  align-items: center;
  gap: 0; }

.comment-rank-icons .comment-rank-icon {
  margin-left: -1px; }

.comment-rank-progress {
  margin-left: 4px;
  font-size: 12px;
  color: #666; }

.comment-rank svg {
  display: block;
  fill: currentColor; }

.comment-rank-icon-preview svg {
  display: block;
  fill: #d1a319; }

.comment-rank-select-preview svg {
  display: block;
  fill: currentColor; }

.comment-rank-icon {
  display: inline-flex; }

.comment-text-hidden {
  position: relative; }

.comment-hidden-body {
  display: none; }

.comment-hidden-overlay {
  padding: 12px 14px;
  background: #f5f5f5;
  border: 1px solid #e2e2e2;
  border-radius: 6px; }

.comment-hidden-preview {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 10px;
  filter: blur(4px);
  opacity: 0.7; }

.comment-hidden-preview span {
  display: block;
  height: 8px;
  background: #cfcfcf;
  border-radius: 4px; }

.comment-hidden-preview span:nth-child(1) {
  width: 90%; }

.comment-hidden-preview span:nth-child(2) {
  width: 75%; }

.comment-hidden-preview span:nth-child(3) {
  width: 60%; }

.comment-text-hidden.is-revealed .comment-hidden-overlay {
  display: none; }

.comment-text-hidden.is-revealed .comment-hidden-body {
  display: block; }

.comment-compose-form {
  padding-top: 0;
  padding-bottom: 0; }
  .comment-compose-form .comment-form-group {
    margin-bottom: 1rem; }
  .comment-compose-form .comment-editor-wrapper {
    width: 100%;
    margin-bottom: 12px;
    position: relative; }
  .comment-compose-form .comment-editor-toolbar {
    position: relative;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 5px 10px;
    border: 1px solid #d2d2d2;
    border-bottom: 0;
    margin-bottom: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px; }
    .comment-compose-form .comment-editor-toolbar button {
      min-width: 30px;
      height: 30px;
      border: 1px solid #d2d2d2;
      border-radius: 4px;
      padding: 0;
      background-color: white; }
    .comment-compose-form .comment-editor-toolbar .comment-editor-tool-icon img {
      width: 20px;
      height: 20px;
      display: block; }
  .comment-compose-form .comment-upload-info {
    font-size: 15rem;
    width: 100%; }
  .comment-compose-form .comment-editor-tool {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 30px;
    height: 30px;
    padding: 0 8px;
    border: 0;
    background: transparent;
    cursor: pointer; }
    .comment-compose-form .comment-editor-tool.active {
      border-color: var(--dark-bg2);
      background-color: var(--light-bg2); }
  .comment-compose-form .comment-editor-emoji-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 30px;
    height: 30px;
    padding: 0 8px;
    border: 0;
    background: transparent;
    cursor: pointer; }
  .comment-compose-form .comment-editor {
    min-height: 120px;
    border: 1px solid #d2d2d2;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    padding: 10px;
    background: #fff; }
    .comment-compose-form .comment-editor ul li {
      color: #212529; }
  .comment-compose-form .comment-editor-emoji-list {
    display: none;
    position: absolute;
    top: calc(100% - 1px);
    left: 0;
    right: 0;
    gap: 6px;
    padding: 6px 10px 5px;
    background: #fff;
    border-top: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
    flex-wrap: wrap;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
    background-color: var(--primary-bg); }
  .comment-compose-form .comment-editor-emoji-list.is-open {
    display: flex; }
  .comment-compose-form .comment-editor-emoji-option {
    font-size: 18px;
    line-height: 1; }
  .comment-compose-form .comment-attach-ui {
    margin: 10px 0 8px;
    margin-right: auto; }
  .comment-compose-form .comment-attach-trigger {
    display: inline-flex;
    align-items: center;
    justify-content: center; }
  .comment-compose-form .comment-attach-trigger-icon {
    width: 18px;
    height: 18px;
    display: block; }
  .comment-compose-form .comment-attach-list {
    margin-top: 8px; }
  .comment-compose-form .comment-attach-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 6px 0;
    border-bottom: 1px solid #ececec; }
  .comment-compose-form .comment-attach-name {
    display: flex;
    align-items: center;
    background: transparent;
    border: 0;
    padding: 0;
    color: #202020;
    text-decoration: underline;
    cursor: pointer;
    text-align: left; }
  .comment-compose-form .comment-attach-icon {
    margin-right: 6px;
    display: inline-flex;
    align-items: center; }
  .comment-compose-form .comment-attach-icon img {
    width: 16px;
    height: 16px;
    display: block; }
  .comment-compose-form .comment-attach-remove {
    background: transparent;
    border: 0;
    color: #7f1111;
    font-weight: 700;
    cursor: pointer; }

#comment-link-dialog,
#comment-delete-dialog {
  display: flex; }
  #comment-link-dialog .wrapper,
  #comment-delete-dialog .wrapper {
    max-width: 100%; }
  #comment-link-dialog .comment-link-title,
  #comment-delete-dialog .comment-link-title {
    font-weight: 600;
    margin-bottom: 8px; }
  #comment-link-dialog .form-control,
  #comment-delete-dialog .form-control {
    padding: 5px 10px; }
  #comment-link-dialog .comment-link-buttons,
  #comment-delete-dialog .comment-link-buttons {
    margin-top: 12px;
    display: flex;
    gap: 8px;
    justify-content: flex-end; }
  #comment-link-dialog .buttons,
  #comment-delete-dialog .buttons {
    flex-wrap: nowrap; }
  #comment-link-dialog .comment-delete-message,
  #comment-delete-dialog .comment-delete-message {
    margin-bottom: 0; }

@media (max-width: 575.5px) {
  #comment-link-dialog .buttons .btn {
    padding: 10px 5px;
    font-size: 15rem;
    letter-spacing: 0.5px; }

  .comment-compose-form .buttons .comment-compose-submit, .comment-compose-form .buttons .comment-reply-cancel {
    margin-left: 2px;
    margin-right: 2px;
    padding-left: 5px;
    padding-right: 5px; }

  #comments .comment-list-section .comment-item .comment-author .author-photo {
    margin-right: 5px; }
  #comments .comment-list-section .comment-item .comment-author .author-text .author-rank-reactions {
    flex-wrap: wrap; }
    #comments .comment-list-section .comment-item .comment-author .author-text .author-rank-reactions .author-rank {
      flex-direction: column-reverse;
      align-items: flex-start; }
    #comments .comment-list-section .comment-item .comment-author .author-text .author-rank-reactions .comment-rank {
      padding-right: 0;
      border-right: 0; }

  .comment-rank-icons .comment-rank-icon {
    width: 15px;
    height: 15px; }

  .aside .comment-day-aside .aside-content {
    height: calc(100% - 42px);
    align-items: flex-start;
    padding-top: 25px; }
  .aside .comment-day-aside .comment-day {
    display: flex;
    flex-direction: column;
    height: 100%; }
  .aside .comment-day-aside .comment-reactions {
    flex: 1;
    align-items: flex-start; }

  #comments {
    padding-bottom: 20px; }
    #comments:after {
      left: 0;
      height: calc(100% - 70px); }
    #comments .comment-section {
      padding-top: 0; }
    #comments .open-comment-section {
      padding-right: 15px;
      padding-left: 15px; }
      #comments .open-comment-section .wrapper {
        padding-left: 30px;
        padding-right: 30px;
        transform: skew(-10deg); }
      #comments .open-comment-section .inner {
        flex-direction: column;
        transform: skew(10deg); }
      #comments .open-comment-section .text {
        padding-right: 0; }
      #comments .open-comment-section .buttons {
        margin-right: 0;
        margin-left: -15px;
        padding-left: 0;
        padding-right: 0;
        margin-top: 20px;
        padding-bottom: 0;
        position: relative;
        right: 10px; }
        #comments .open-comment-section .buttons .btn {
          transform: skew(-10deg); }
          #comments .open-comment-section .buttons .btn span {
            transform: skew(10deg); }
    #comments #commentForm {
      padding-top: 20px; }
    #comments .comment-list-section .comment-branch.level-1, #comments .comment-list-section .comment-branch.level-2, #comments .comment-list-section .comment-branch.level-3, #comments .comment-list-section .comment-branch.level-4, #comments .comment-list-section .comment-branch.level-5 {
      margin-left: 10px; }
      #comments .comment-list-section .comment-branch.level-1 > .comment-item > .comment-wrapper:before, #comments .comment-list-section .comment-branch.level-2 > .comment-item > .comment-wrapper:before, #comments .comment-list-section .comment-branch.level-3 > .comment-item > .comment-wrapper:before, #comments .comment-list-section .comment-branch.level-4 > .comment-item > .comment-wrapper:before, #comments .comment-list-section .comment-branch.level-5 > .comment-item > .comment-wrapper:before {
        left: -14px; }
    #comments .comment-list-section .comment-branch.level-6 .comment-item .comment-wrapper {
      padding-left: 10px; }
    #comments .comment-list-section .comment-branch.level-6 .comment-item .comment-text {
      padding-left: 0; }
    #comments .comment-list-section .comment-branch.level-6 .comment-item .comment-actions {
      padding-left: 0; }
    #comments .comment-list-section h4 {
      font-size: 35rem;
      letter-spacing: 1rem; }
    #comments .comment-list-section .comments-list {
      margin-top: 15px; }
    #comments .comment-list-section .comment-item .comment-wrapper {
      padding-bottom: 15px; }
      #comments .comment-list-section .comment-item .comment-wrapper:before {
        top: -15px; }
    #comments .comment-list-section .comment-item .comment-author .author-photo {
      margin-right: 10px; }
      #comments .comment-list-section .comment-item .comment-author .author-photo img {
        width: 40px;
        min-width: 40px;
        height: 40px; }
    #comments .comment-list-section .comment-item .comment-text {
      padding-left: 15px; }
    #comments .comment-list-section .comment-item .comment-actions {
      padding-left: 15px; }

  .article-dates .comments {
    display: none; }

  .bottom-footer .footer-info .comment-day {
    width: 100%; } }
@media (min-width: 576px) and (max-width: 767.5px) {
  .bottom-footer .footer-info .comment-day {
    width: 220px;
    margin-top: 20px; }
    .bottom-footer .footer-info .comment-day .footer-column-name {
      margin-bottom: 20px; }

  .aside .comment-day-aside {
    grid-area: comment; }
    .aside .comment-day-aside .aside-content {
      height: calc(100% - 42px);
      align-items: flex-start;
      padding-top: 25px; }
    .aside .comment-day-aside .comment-day {
      display: flex;
      flex-direction: column;
      height: 100%; }
    .aside .comment-day-aside .comment-reactions {
      flex: 1;
      align-items: flex-start; }

  #comments {
    padding-bottom: 20px; }
    #comments:after {
      left: 0;
      height: calc(100% - 77px); }
    #comments .comment-section {
      padding-top: 0; }
    #comments .open-comment-section {
      padding-right: 25px;
      padding-left: 25px; }
      #comments .open-comment-section .wrapper {
        padding-left: 30px; }
      #comments .open-comment-section .buttons {
        margin-right: -80px;
        padding-left: 15px;
        padding-right: 15px; }
    #comments #commentForm {
      padding-top: 20px; }
    #comments .comment-list-section h4 {
      font-size: 35rem;
      letter-spacing: 1rem; }
    #comments .comment-list-section .comments-list {
      margin-top: 15px; }
    #comments .comment-list-section .comment-item .comment-wrapper:before {
      top: -10px; }
    #comments .comment-list-section .comment-item .comment-author .author-photo {
      margin-right: 15px; }
      #comments .comment-list-section .comment-item .comment-author .author-photo img {
        width: 50px;
        min-width: 50px;
        height: 50px; }
    #comments .comment-list-section .comment-item .comment-text {
      padding-left: 64px; }
    #comments .comment-list-section .comment-item .comment-actions {
      padding-left: 64px; } }
@media (min-width: 768px) and (max-width: 991.5px) {
  .bottom-footer .footer-info .comment-day {
    margin-top: 20px; }
    .bottom-footer .footer-info .comment-day .footer-column-name {
      margin-bottom: 20px; }

  .aside .comment-day-aside {
    grid-area: comment; }
    .aside .comment-day-aside .aside-content {
      height: calc(100% - 42px);
      align-items: flex-start;
      padding-top: 25px; }
    .aside .comment-day-aside .comment-day {
      display: flex;
      flex-direction: column;
      height: 100%; }
    .aside .comment-day-aside .comment-reactions {
      flex: 1;
      align-items: flex-start; }

  #comments {
    padding-bottom: 20px; }
    #comments:after {
      left: calc(-50vw + 360px);
      height: calc(100% - 77px); }
    #comments .comment-section {
      padding-top: 0; }
    #comments .open-comment-section .buttons {
      margin-right: -100px; }
    #comments #commentForm {
      padding-top: 15px; } }
@media (min-width: 992px) and (max-width: 1199.5px) {
  #comments:after {
    left: calc(-50vw + 480px);
    height: calc(100% - 71px); }
  #comments .comment-section {
    padding-top: 0; }
  #comments .open-comment-section .buttons {
    margin-right: -100px; }
  #comments #commentForm {
    padding-top: 5px; }

  .bottom-footer .footer-info .comment-day {
    order: 5;
    margin-top: 30px; }
    .bottom-footer .footer-info .comment-day .footer-column-name {
      margin-bottom: 15px; } }
@media (min-width: 1200px) and (max-width: 1579.5px) {
  .bottom-footer .footer-info .comment-day {
    width: 250px; }

  #comments:after {
    left: calc(-50vw + 570px);
    height: calc(100% - 71px); }
  #comments .comment-section {
    padding-top: 0; }
  #comments .open-comment-section .buttons {
    margin-right: -100px; } }

/*# sourceMappingURL=comments.css.map */