.event {
  @apply com-flex com-w-full;
  a {
    @apply com-relative com-no-underline;

    nb-card {
      @apply com-overflow-hidden com-m-0 md:com-border com-border-0;
      nb-card-body {
        @apply com-p-0 com-flex md:com-flex-col com-flex-row;

        .without-header-image-desktop {
          @apply com-flex com-items-center com-text-center com-aspect-[16/6];

          nb-icon {
            @apply com-m-auto com-text-3xl md:com-text-5xl;
          }
        }
        .without-header-image-mobile {
          @apply com-w-[68px] com-flex com-items-center com-text-center com-aspect-[1/1];

          nb-icon {
            @apply com-m-auto com-text-3xl md:com-text-5xl;
          }
        }

        .details-container {
          @apply com-border-0 com-border-t com-border-solid com-border-Bright-Gray com-p-3;

          .event-details {
            @apply md:com-mb-8 com-mb-10;

            .details {
              @apply com-flex com-justify-between com-m-0 com-mb-4 com-h-[24px];

              .completed {
                @apply com-flex com-items-center com-text-xs com-font-medium com-text-green-600 com-my-0 com-mr-4;
                nb-icon {
                  @apply com-w-14px com-h-14px com-text-green-600 com-ml-1;
                }
              }

              .interested-members {
                @apply com-text-xs com-my-0 md:com-font-light com-font-normal com-text-Auro-Metal-Saurus com-items-center;
              }
            }

            .event-name {
              @apply com-text-Yankees-Blue com-font-medium com-text-sm  com-mt-0 com-mb-1 com-line-clamp-1;

              .collaboration {
                @apply com-text-sm com-font-normal;
              }
            }

            .event-timings {
              @apply com-text-xs com-font-normal com-text-gray-500  com-m-0 com-mb-4;
            }

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

          .view-details {
            @apply com-font-medium com-text-sm com-text-gray-500 com-m-0;
          }
        }
        .details-container-mobile {
          @apply com-p-0 com-pl-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;
              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 com-text-sm com-font-medium com-text-Yankees-Blue com-m-0 com-mb-2 com-line-clamp-1;
          }

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

.mobile-image {
  @apply com-flex com-w-[68px];
}
