/* Comments
 * -------------------------------------------------------------------------- */

.comment-form {
  width: 100%;

  trix-toolbar { display: none; }
}

.comment-form__wrapper {
  padding: 1.6rem;
  position: relative;
  z-index: 6; /* Allow the composer to obscure the page toolbar */
}

.topic,
.collection {
  .comment-form__wrapper {
    margin-top: 1.6rem;
    padding: 1.6rem 1.6rem 1.6rem 0;

    &::before {
      content: "";
      position: absolute;
      background: var(--color-bg--main) linear-gradient(135deg, var(--color-bg--secondary) 0%, var(--color-bg--secondary-glint) 100%);
      border-radius: 0 3rem 0 3rem;
      top: 0;
      left: 3rem;
      bottom: 0;
      right: 0;
      z-index: -1;
    }
  }
}

.comment-form__wrapper--collection::before {
  background: linear-gradient(135deg, var(--color-bg--collection) 0%, var(--color-bg--collection-glint) 100%) !important;
}

.comment-form__mic {
  min-height: 15rem;
  padding-top: 1.5rem !important;
  border-radius: 0 2.5rem 2.5rem 2.5rem !important;
  background-color: transparent !important;
  border: 0 !important;
}

.comment-form__actions {
  display: flex;
  justify-content: space-between;
}