.toggle {
  padding: 0;
  margin-bottom: var(--spacing-1);

  border-style: none;

  background-color: transparent;

  color: var(--palette-primary-500);
  font-family: var(--font-family-primary);
  font-style: normal;
  font-weight: var(--font-weight-primary-semi-bold);
  font-size: var(--font-size-1);

  &:hover,
  &.mouseHover {
    color: var(--palette-primary-200);
  }
  &:active,
  &.active {
    color: var(--palette-primary-400);
  }
}

.content {
  border-left-style: solid;
  border-left-width: 2px;
  border-left-color: var(--palette-grey-400);

  padding-left: var(--spacing-3);
  margin-top: var(--spacing-2);
}

.author {
  font-weight: var(--font-weight-primary-semi-bold);
  margin-right: var(--spacing-2);
  font-size: var(--font-size-3);
}

.timestamp {
  font-family: var(--font-family-primary);
  font-style: normal;
  font-weight: var(--font-weight-primary-semi-bold);
  font-size: var(--font-size-2);
  color: var(--palette-grey-500);
  display: inline;
}

.storyTitle {
  font-family: var(--font-family-primary);
  font-style: normal;
  font-weight: var(--font-weight-primary-semi-bold);
  font-size: var(--font-size-2);
  color: var(--palette-text-900);
  padding-left: var(--spacing-1);
  display: inline;
}

.media {
  margin-top: var(--spacing-2);
  margin-bottom: var(--spacing-2);
}
