@use "_variables" as *;
@use "_mixins" as *;

.video {
  display: flex;
  flex-direction: column;

  em {
    font-size: 11px;
  }

  a {
    color: pvar(--fg);

    @include ellipsis;
  }
}

.comment-content-cell {
  > .pt-badge {
    position: relative;
    top: 2px;
  }
}

.comment-html > div {
  max-width: 30vw;
  overflow: hidden;

  ::ng-deep {
    * {
      display: inline;
    }

    br {
      display: none;
    }
  }
}

@media screen and (max-width: $medium-view) {
  .video {
    align-items: flex-start !important;
  }
}
