p {
  @apply com-m-0;
}

.community-build-discussion {
  nb-card-body {
    @apply com-p-0;

    commudle-discussion {
      @apply com-h-96;
    }
  }
}

.community-build-details {
  .community-build-name {
    @apply com-my-5 com-mx-0;
  }

  .community-build-tags {
    &::ng-deep {
      .nb-tag-list-tags-wrapper {
        nb-tag {
          @apply com-bg-[#dae0ff] com-border-none com-rounded-[5px] com-text-[#2f2e41] com-text-xs com-font-normal com-leading-3 com-py-1 com-px-3 com-lowercase;
        }
      }
    }
  }

  .community-build-content {
    @apply com-my-5 com-mx-0;

    .community-build-embed {
      // @apply com-w-9 com-overflow-auto;

      // iframe {
      //   width: 100% !important;
      // }
    }

    .community-build-link {
      @apply com-my-2 com-mx-0;
    }
  }

  .commudle-build-images {
    @apply com-bg-[#d3d3d33b] com-mt-6 com-overflow-x-auto;

    .commudle-build-images-stripe {
      @apply com-flex com-flex-nowrap com-w-fit;

      .commudle-build-image {
        @apply com-items-center com-border-[1px] com-border-solid com-border-[#d3d3d3] com-flex com-h-[280px] com-my-0 com-mx-2 com-overflow-hidden com-w-[280px];

        img {
          @apply com-w-full;
        }
      }
    }
  }

  app-share-button {
    @apply com-absolute com-right-[15px] com-bottom-[10px];
  }
}

.image-window {
  @apply com-m-0;
  nb-card-header {
    @apply com-flex com-items-center com-justify-between;
  }

  nb-card-body {
    @apply md:com-px-6 com-px-4 com-py-4;
    .banner-image {
      @apply md:com-w-[900px] com-overflow-y-auto com-w-full com-h-auto com-scrollbar-hide;
    }

    .controls {
      @apply com-flex com-justify-between com-mt-4;

      button {
        @apply com-mx-2;
      }

      nb-icon {
        @apply com-align-top;
      }
    }

    img {
      @apply com-w-full;
    }
  }
}

.hackathon-badge {
  @apply com-flex com-flex-col com-pt-4 com-border-0 com-border-t com-border-solid com-border-Bright-Gray md:com-items-start com-items-center;
  p {
    @apply com-m-0 com-text-sm com-font-semibold com-text-AuroMetalSaurus com-pb-3 md:com-text-left com-text-center;
  }
  .badge-name {
    @apply com-flex md:com-flex-row com-flex-col com-items-center md:com-p-3 com-p-10px com-border com-border-solid com-border-Bright-Gray com-rounded-md com-max-w-max;

    app-badge {
      @apply com-mr-3 md:com-mb-0 com-mb-2;
    }

    p {
      @apply com-text-sm com-font-semibold com-text-Yankees-Blue com-p-0 com-m-0 com-mr-6 md:com-mb-0 com-mb-3;
    }

    a {
      @apply com-no-underline com-text-sm com-font-semibold com-text-primary-500;

      fa-icon {
        @apply com-m-0 com-ml-2;
      }
    }
  }
}

.date-edit-btn {
  @apply com-flex com-flex-row com-items-center;
  .date {
    @apply com-text-sm com-m-0;
  }
  nb-icon {
    @apply com-ml-4 com-text-Yankees-Blue com-cursor-pointer;
  }
}
