@import '../../../lib/commonStyles/text-ellipsis';

.container {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  width: calc(100% - 30px);
  overflow: hidden;
  & + .container {
    margin-top: 12px;
  }

  .name {
    color: #9e9e9e;
    font-size: 11px;
    line-height: 18px;
    min-width: 60px;
    @include text-ellipsis;
  }

  .flexFill {
    flex: 1 1 auto;
  }

  .content {
    color: #212121;
    font-size: 14px;
    line-height: 20px;
    max-width: 100%;
    [sf-classic] & {
      font-size: 12px;
    }
    @include text-ellipsis;
  }
}