solid-display.labelled-avatar>div,
.labelled-avatar,
.labelled-avatar>div>solid-display>div {
  display: inline-block;
  white-space: nowrap;
  &>.segment {
    vertical-align: middle;
    margin-right: 5px;
  }
  &.xsmall {
    height: 31px;
    line-height: 31px;
  }
  &.small {
    height: 44px;
    line-height: 44px;
  }
  &.large {
    height: 180px;
    line-height: 180px;
  }
  &.xlarge {
    height: 241px;
    line-height: 241px;
  }
  &.two-lines {
    line-height: 16px;
    [name='line1'] {
      padding-bottom: 3px;
      white-space: normal;
    }
    [name='line2'] {
      padding-top: 3px;
    }
  }
  &>:first-child {
    overflow: hidden;
  }
  .block {
    >* {
      display: inline-block;
    }
  }

  solid-multiple[name*="communities"] {
    height: 22px;
    white-space: nowrap;
    width: 100%;
    * {
      display: contents;
    }
    solid-display-value {
      &:after {
        content: ",";
        margin-right: 5px;
      }

      display: inline-block !important;
    }
    >solid-display>div>solid-display:last-child>div>solid-display-value:after {
      display: none;
    }
    >solid-display {
      display: inline-block;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      width: 25%;
    }
  }
}