.root {
  cursor: var(--custom-cursor, pointer);

  position: relative;

  display: flex;
  align-items: center;

  padding: 0.5rem 0.75rem;

  &:hover, &:active {
    background-color: var(--color-chat-hover);
  }

  :global(.Avatar) {
    flex-shrink: 0;
    margin-right: 0.5rem;
  }
}

.title {
  line-height: 1.25rem;
}

.views {
  font-size: 0.8125rem;
  color: var(--color-text-meta);
}
