.main-page__content {
  #comments-and-replays {
    .chat-list-group-info {
      .group-info-actions {
        & > .btn:not(.issue-redirect-btn),
        & > .multiselect,
        & > .multiselect-container {
          display: none;
        }
      }

      .group-row .group-content .group-title-container .group-title {
        max-width: 13em;
      }
      .group-row
        .group-content
        .group-description-container
        .group-description {
        max-width: 13em;
      }
    }

    .comment-list {
      .comments {
        // height: 70vh;
        // height: calc(100dvh - 70px - 63px - 3.7em);
        // height: calc(100dvh - 8.5em);
        // height: calc(100dvh - 10em);
        .drop {
          // height: calc(100dvh - 16.5em);

          .stream {
            // height: calc(100dvh - 12em);
            // height: calc(100dvh - 16.5em);
            height: calc(100dvh - 16.5em);

            &.filter-is-active {
              // height: calc(100dvh - 21em) !important;
              // height: calc(100dvh - 24.5em) !important;
              height: calc(100dvh - 21em);

              & + .empty .wrapper {
                bottom: 5em;
              }
            }
          }
        }
      }

      &.replays-is-open {
        .comments {
          // height: 70vh;
          // height: calc(100dvh - 70px - 63px - 3.7em);
          // height: calc(100dvh - 8.5em);
          // height: calc(100dvh - 10em);
          .drop {
            // height: calc(100dvh - 16.5em);

            .stream {
              height: calc(100dvh - 20em);

              &.filter-is-active {
                // height: calc(100dvh - 21em) !important;
                // height: calc(100dvh - 24.5em) !important;
                height: calc(100dvh - 24em);

                & + .empty .wrapper {
                  bottom: 8.5em;
                }
              }
            }
          }
        }
      }

      .comment-form-container {
        min-width: unset;
      }

      .comments {
        .comment-container {
          margin: 0;

          &.replayer {
            .comment {
              margin-left: 0;
            }
          }
          .comment {
            margin-right: 0;
            max-width: 20em;

            &::after,
            &::before {
              display: none;
            }
            .comment-header {
              display: flex;
              align-items: center;
              margin-bottom: 0.5em;

              .commentor-avatar {
                margin-left: 0.5em;
                position: static;
              }
            }
            .comment-actions {
              visibility: visible;
            }
          }
        }

        .first-last-button {
          display: none;
        }
      }
    }

    .menu-multiselect {
    }

    .auth-page .sign-up--tabs {
      height: auto;
    }
  }
}
