.community-build {
  nb-card.page-header {
    h1 {
      @apply com-flex com-items-center;
      font-weight: 300;

      nb-icon {
        font-size: 2.5rem;
      }
    }

    p {
      font-size: 1.1rem;
    }
  }

  nb-card.form-card {
    form {
      .field {
        margin-top: 1.5rem;

        .teammate-email {
          padding: 5px 0px;
        }
        .add-button {
          margin: 5px 0px;
        }

        .option {
          color: blue;
        }
      }

      .field.actions {
        display: flex;
        flex-wrap: wrap;
        button {
          margin: 0.5rem;
        }
      }

      .field.image-upload {
        input {
          display: none;
        }

        label {
          display: flex;
          width: 100%;
          height: 100px;
          border: 1px dotted lightgrey;
          border-radius: 5px;
          background-color: #f3f3f3;
          justify-content: center;
          align-items: center;
          color: grey;
          font-size: 1.5rem;
          font-weight: lighter;

          nb-icon {
            font-size: 1.5rem;
          }
        }
      }

      .images {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        > div {
          > div {
            margin: 0.5rem;
            width: 100px;
            height: 100px;
            border: 1px dotted lightgrey;
            border-radius: 5px;
            overflow: hidden;
            padding: 5px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            position: relative;
            img {
              width: 100%;
            }

            p {
              margin: 5px 0 0;
              position: absolute;
              bottom: 0;
              nb-icon:hover {
                border-radius: 50%;
                background-color: white;
              }
            }
          }
        }
      }
    }
  }
}

.entity-update {
  @apply com-flex com-justify-between com-items-center com-py-1;
  .update-details {
    .date {
      @apply com-text-xs com-text-Auro-Metal-Saurus;
    }
  }
  nb-icon {
    @apply com-text-left;
  }
}

.entity-update:not(:last-child) {
  @apply com-border-0 com-border-b com-border-solid com-border-Bright-Gray;
}

.build-updates {
  @apply com-my-3;
  .build-update {
    @apply com-flex com-gap-3 com-items-center;
  }
}

.hackathon-user-response {
  @apply com-my-3;
}
