p,
h4 {
  @apply com-m-0 com-text-Yankees-Blue;
}

a {
  @apply com-no-underline;
}

.user-build {
  @apply com-m-0 com-h-full com-overflow-hidden com-cursor-pointer;

  nb-card-body {
    @apply com-p-0 com-flex com-flex-col;

    .build-card-image {
      @apply com-flex com-justify-center com-w-full;
    }

    .details {
      @apply com-flex com-flex-col;
    }

    .user-build-name {
      @apply md:com-text-sm com-text-base md:com-font-semibold com-font-medium com-text-Yankees-Blue com-line-clamp-1 com-mb-1;
    }

    .time {
      @apply com-mb-4 com-text-xs com-text-gray-500;
    }

    .content {
      @apply com-flex com-flex-row com-justify-between com-p-4 md:com-p-3;
    }

    .votes {
      @apply com-ml-4 md:com-border com-border-0 com-border-Bright-Gray com-border-l com-border-solid com-px-4 com-py-10px md:com-rounded-lg com-rounded-none md:com-h-fit;
    }
  }
}

//.user-build-card {
//  border: 1px solid $platinum;
//  border-radius: $border-5;
//  padding: $space-24 $space-16;
//
//  .user-build-card-prefix {
//    .user-build-card-tags {
//      gap: $space-4;
//
//      .user-build-card-tag {
//        background-color: $lavender;
//        border-radius: $border-20;
//        color: $neon-blue;
//        font-size: $fs-h6;
//        padding: 0 $space-8;
//      }
//    }
//  }
//
//  .user-build-card-content {
//    margin: $space-8 0;
//
//    .user-build-card-name {
//      color: $gunmetal;
//      font-size: $fs-h5;
//      font-weight: $fw-600;
//      line-height: 16px;
//    }
//
//    .user-build-card-description {
//      color: rgba($spanish-gray, 0.7);
//      font-size: $fs-h7;
//      font-style: italic;
//      line-height: 12px;
//      margin-top: $space-4;
//    }
//  }
//
//  .user-build-card-suffix {
//    .user-build-card-interactions {
//      color: $gunmetal;
//      font-size: $fs-h6;
//
//      nb-icon {
//        color: $silver-sand;
//        font-size: $fs-h4;
//      }
//    }
//
//    .user-build-card-author {
//      height: 16px;
//
//      .user-build-card-author-name {
//        color: $gunmetal;
//        display: none;
//        font-size: $fs-h7;
//        line-height: 12px;
//        padding-right: $space-4;
//      }
//
//      img {
//        border-radius: 50%;
//        height: 100%;
//      }
//    }
//  }
//
//  &:hover {
//    .user-build-card-suffix {
//      .user-build-card-author {
//        background-color: $lavender;
//        border-radius: $border-8;
//        padding-left: $space-8;
//
//        .user-build-card-author-name {
//          display: block;
//        }
//      }
//    }
//  }
//}
