nb-card {
  @apply com-m-0 com-border-0;
  nb-card-body {
    @apply com-p-0;
    .upcoming-card {
      .upcoming-card-link {
        @apply com-flex com-w-full com-no-underline md:com-flex-row com-flex-col;

        .upcoming-card-image {
          @apply com-border com-border-solid com-border-Bright-Gray com-rounded-xl com-flex com-justify-center com-items-center com-overflow-hidden md:com-w-[389px] md:com-h-[143px] com-w-full com-h-full;
        }

        .no-image-header {
          @apply md:com-w-[389px] md:com-h-[143px]  com-w-full com-h-[145px] com-flex com-items-center com-justify-center com-flex-shrink-0;

          nb-icon {
            @apply com-text-5xl;
          }
        }

        .upcoming-card-details-desktop {
          @apply md:com-pl-4 md:com-pr-0 md:com-py-3 com-px-0 com-py-3 com-overflow-hidden com-flex com-flex-col com-w-full;

          .time-badge {
            @apply com-flex com-flex-row com-justify-between com-items-center com-mb-2;

            .interested-members {
              @apply com-flex-shrink-0 com-pr-2;
              button {
                @apply com-py-1 com-px-2 com-w-max;
                nb-icon {
                  @apply com-mr-1 com-text-Dark-Jungle-Green com-h-[14px] com-shrink-0;
                }

                span {
                  @apply com-text-xs com-font-medium com-text-gray-500;
                }
              }
            }

            .event-time {
              @apply com-text-sm com-font-medium com-m-0 com-text-gray-500;
            }
          }
          .event-title {
            @apply md:com-text-base com-text-lg com-font-medium com-text-Yankees-Blue com-mt-0 com-mb-3 com-mr-3 com-line-clamp-1;
          }

          .community-badge {
            @apply com-m-0 com-mb-4;
          }
        }

        .upcoming-card-details-mobile {
          @apply com-p-0 com-pt-3 com-overflow-hidden com-flex com-flex-row com-w-full;

          .time {
            @apply com-flex com-w-[50px] com-h-full com-pb-1 com-m-0 com-mr-3 com-flex-col com-items-center com-border com-border-solid com-border-Bright-Gray com-bg-white com-rounded-lg;

            .event-month {
              @apply com-flex com-items-center com-h-[26px] com-w-full com-rounded-t-lg com-justify-center com-text-xs com-font-semibold com-m-0 com-mb-1 com-text-gray-400 com-bg-gray-100;
            }

            .event-date {
              @apply com-flex com-text-lg com-font-bold com-text-Yankees-Blue com-m-0;
            }

            .event-day {
              @apply com-flex com-text-xs com-font-bold com-m-0 com-text-gray-400;
            }
          }

          .details {
            @apply com-flex com-flex-col com-items-start com-w-full com-overflow-hidden;

            .event-title {
              @apply com-text-sm com-font-semibold com-text-Yankees-Blue com-m-0 com-mb-2 com-line-clamp-1;
            }

            .time-badge {
              @apply com-flex com-flex-row com-justify-between com-items-center com-mb-2 com-w-full;

              .event-time {
                @apply com-flex com-text-xs com-font-medium com-m-0 com-text-gray-500 com-mr-16 com-flex-shrink-0;
              }

              .community-badge {
                @apply com-m-0;
              }
            }

            .interested-members {
              @apply com-flex;
              button {
                @apply com-py-1 com-px-2 com-w-max;
                nb-icon {
                  @apply com-mr-1 com-text-Dark-Jungle-Green com-h-[14px] com-shrink-0;
                }

                span {
                  @apply com-text-xs com-font-medium com-text-gray-500;
                }
              }
            }

            .event-time {
              @apply com-text-sm com-font-medium com-m-0 com-text-gray-500;
            }
          }
        }
      }
    }
  }
}

.tags {
  @apply com-flex com-flex-wrap com-gap-2 com-h-[30px] com-overflow-hidden #{!important};
}
