.resource-card {
  &-container {
    @apply flex flex-col gap-y-2 w-full min-h-[12rem] p-4;
    @apply transition-colors duration-500 bg-base-200;
    @apply border-2 border-base-200 rounded-lg;
    @apply hover:border-primary;
  }

  &-header {
    @apply min-w-0 flex items-center w-full text-lg font-medium;

    &-title {
      @apply min-w-0 grow justify-start flex items-center flex-initial;
    }

    &-text {
      @apply min-w-0 cursor-help tooltip;
    }

    &-check {
      @apply ml-2 text-green-600 dark:text-green-400 fill-current;
    }

    &-expand {
      @apply flex-none fill-current cursor-pointer;
    }
  }

  &-desc {
    @apply flex-1 w-full text-sm text-ellipsis break-words;
  }

  &-footer {
    @apply flex flex-col w-full cursor-default;

    &-tags {
      @apply flex flex-wrap gap-1;
    }

    &-tag {
      @apply cursor-pointer;
    }

    &-divider {
      @apply m-0;
    }

    &-info {
      @apply flex items-center justify-between w-full;
    }

    &-group {
      @apply flex items-center justify-center gap-x-1 leading-none;
    }

    &-icon {
      @apply w-5 h-5 fill-current opacity-80;

      &:hover {
        @apply opacity-100;
      }
    }

    &-avatar {
      @apply w-5 h-5 rounded-full transition-shadow;

      &:hover {
        @apply ring-1 ring-primary ring-offset-base-100 ring-offset-1;
      }
    }

    &-author {
      @apply text-sm cursor-pointer;
    }
  }
}
