<div class={computedClass} ref:node>
    {@html massagedContent}
</div>
<style>
  .status-content {
    margin: 10px 10px 10px 5px;
    grid-area: content;
    word-wrap: break-word;
    overflow: hidden;
    white-space: pre-wrap;
    font-size: 0.9em;
    display: none;
  }

  .status-content.status-in-own-thread {
    font-size: 1.3em;
    margin: 20px 10px 20px 5px;
  }

  .status-content.shown {
    display: block;
  }

  :global(.status-content li) {
    font-size: 1.3em;
  }

  :global(
      .status