:host {
  display: block;
}

.attended-members-card {
  @apply com-flex md:com-flex-row com-flex-col com-border-0 com-border-b com-border-solid com-border-Bright-Gray com-px-0 md:com-py-2;

  .user-profile-card-large {
    @apply com-w-[296px] com-m-0 com-mr-5 com-flex-shrink-0 com-mb-6 md:com-mb-0;
  }

  .common-events-attended {
    @apply com-m-0;

    .events-count {
      @apply com-text-sm com-font-medium com-text-Dark-Jungle-Green com-m-0 com-mb-2;
    }

    .view-more-button {
      @apply com-border-0 com-bg-transparent com-p-0;
    }

    button {
      @apply com-m-0 md:com-mb-1 com-mb-4;
    }
    .events-list {
      @apply com-p-0 com-m-0 com-overflow-hidden md:com-h-[84px] com-h-auto;

      &.show-more {
        @apply com-h-auto;
      }

      li {
        @apply com-list-none com-mb-2;

        a {
          text-decoration: none;
          @apply com-flex com-items-center com-gap-1;
        }

        a,
        nb-icon {
          @apply com-text-sm;
        }
      }
    }
  }

  .actions {
    @apply com-flex com-items-start com-m-0 com-mr-10 md:com-mb-0 com-mb-4 md:com-w-[180px] com-w-full;

    app-user-follow {
      @apply com-m-0 com-mr-6;
    }

    button {
      @apply com-pl-0;
    }
  }
}
