@import '~scss/variables';
@import '~scss/mixins';

.attributes {
  .item {
    padding: 6px 0;
    overflow: hidden;

    .name,
    .value {
      font-family: $font-family-id;
      line-height: 20px;
    }

    .name {
      float: left;
      width: 140px;
      padding: 0 5px 0 0;
      color: #5f708a;
      vertical-align: top;
      @include break-all;

      span {
        display: inline-block;
        vertical-align: middle;
        line-height: 20px;
        word-break: break-word;
      }
    }

    .value {
      display: block;
      margin-left: 140px;
      color: $text-color;
      @include break-all;
      white-space: pre-wrap;
    }
  }
}
