.typography-item {
  padding: 0 1rem;
  margin-right: 1rem;
  cursor: pointer;

  & > * {
    white-space: nowrap;
  }

  & .typography-name {
    color: $color-white;
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  & .typography-font,
  & .typography-data {
    font-size: $fs16;
    color: $color-gray-30;
  }

  .no-text & {
    & .typography-font,
    & .typography-data {
      display: none;
    }
  }
}
