.gm-tablepage-details {
  border-left: solid 1px var(--gm-tablepage-border-color, #e5e5e5);

  .gm-tablepage-details-content {
    padding: 10px 20px 20px 20px;
  }

  .gm-tablepage-details-img {
    margin-bottom: 5px;

    &-centent {
      display: flex;
      align-items: center;
      width: 104px;
      height: 80px;
      padding: 0;
    }

    img {
      max-width: 100%;
      max-height: 100%;
      object-fit: contain;
    }
  }

  .gm-tablepage-details-name {
    display: flex;
    padding-top: 5px;
    font-size: var(--gm-tablepage-details-ft, 13px);
    font-weight: bold;
    line-height: 25px;
    color: var(--gm-tablepage-details-ft-color, #3f3f3f);
    align-items: center;

    > label {
      width: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      flex: 1;
    }

    > img {
      width: 14px;
      object-fit: contain;
    }
  }

  .gm-tablepage-details-date {
    margin-bottom: 20px;
    font-size: 12px;
    color: var(--gm-tablepage-details-date-color);
  }

  .gm-tablepage-details-title {
    margin: 15px 0 5px 0;
    font-size: var(--gm-tablepage-details-ft);
    font-weight: bold;
    line-height: 15px;
    color: var(--gm-tablepage-details-ft-color, #3f3f3f);
  }
}

.gm-tablepage-details-list {
  display: table;
  width: 100%;
  height: auto;

  .gm-tablepage-details-item {
    display: table-row;
    line-height: 27px;

    .gm-tablepage-details-label {
      display: table-cell;
      font-size: var(--gm-tablepage-details-ft);
      font-weight: var(--gm-tablepage-details-ft-weight);
      color: var(--gm-tablepage-details-ft-color, #3f3f3f);
      word-break: keep-all;
    }

    .gm-tablepage-details-value {
      display: table-cell;
      width: calc(100% - 5em);
      padding-left: 0.5em;
      overflow: hidden;
      font-size: var(--gm-tablepage-details-value-ft, 13px);
      font-weight: var(--gm-tablepage-details-value-ft-weight, normal);
      color: var(--gm-tablepage-details-value-ft-color, #999);
      word-break: break-all;
      vertical-align: top;

      .sketch-component-biztable-cell {
        white-space: normal;
      }
    }
  }
}
