.comments-timeline {
  max-height: 160px;
  min-width: 60%;
  max-width: 100%;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(#1a1a1a,transparent);
  mask-image: linear-gradient(#1a1a1a,transparent);
  transform: scale(0.85);
  transform-origin: 100% 0%;
  margin-bottom: -32px;
  margin-right:8px;
  position: relative;
  z-index:9;
  &:hover {
    max-height: 60vh;
    overflow-y: auto;
    -webkit-mask-image: none;
    mask-image: none;
    z-index:99;
    background: $tc-background;
    box-shadow: $primary-text-color 3.2px 3.2px 8px;
  }
  &:active {
    max-height: 60vh;
    overflow-y: auto;
    -webkit-mask-image: none;
    mask-image: none;
    z-index:99;
    background: $tc-background;
    box-shadow: $primary-text-color 3.2px 3.2px 8px;
  }
  & .comments-timeline-2 {
    margin-left:42px;
  }
}

.comments-timeline__wrapper {
  height: 135px;
}