form.report-form {
  section[data-hidden="true"] {
    display: none;
  }

  .summarization-button {
    opacity: 0;
    transition: opacity 0.3s ease;
  }

  .rich_text_area:has(trix-editor:focus) + .summarization-button {
    opacity: 1;
    transition: opacity 0.3s ease;
  }

  & trix-toolbar {
    opacity: 0.1;
    transition: opacity 0.3s ease;

    &:has(+ trix-editor:focus) {
      opacity: 1;
      position: sticky;
      top: 0;
      background: var(--background);
      border-bottom: 1px solid var(--ring);
      padding-bottom: 0.5rem;
      margin-bottom: -1px;
      z-index: 10;
    }
  }

  & trix-editor {
    border-color: var(--background);
    transition: border-color 0.3s ease;

    &:focus {
      border-color: var(--ring);
    }
  }
}