$font-family: $font-family-primary;

.tmpl-block-container {
  padding: $space-md $space-md $space-md;
  background-color: $background-light;
  margin-bottom: $space-md;

  // Auto border between adjacent blocks
  & + .tmpl-block-container {
    .tmpl-block__item {
      border-left: $border-width-sm solid $border-light;
      padding-left: $space-md;
    }
  }

  .tmpl-block__item {
    height: 100%;
    .tmpl-block__header {
      color: $text-default;
      font-family: $font-family;
      font-size: $font-size-sm;
      font-weight: $font-weight-regular;
      line-height: $line-height-sm;
      padding-bottom: 6px;
      border-bottom: $border-width-sm solid $border-light;
      margin-bottom: 6px;

      &.tmpl-border-header {
        border-bottom: $border-width-sm solid $border-light;
        padding-bottom: 6px;
        margin-bottom: 6px;
      }
    }

    .tmpl-block__value {
      color: $text-dark;
      font-family: $font-family;
      font-size: $font-size-lg;
      font-weight: $font-weight-medium;
      line-height: $line-height-md;
      word-break: break-word;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
    }
  }
}