@reference "../tailwind.css";

.view--search {
  .form-item-items-per-page {
    @apply flex flex-row gap-5 min-w-75 justify-end;
    label {
      @apply w-max content-center;
    }
  }
  .views-row {
    .result {
      @apply border rounded-md border-[#DFEAFE] p-6 mb-3 hover:bg-sky-200 hover:[&_.result--title]:text-ocean-300 hover:shadow-lg;
      .result--type-wrapper {
        @apply flex justify-between;
        .result--section {
          @apply text-xs font-bold leading-normal text-rock-400;
        }
        .result--type {
          @apply px-4 py-2 text-sm/[1.6] font-bold text-ocean-300 rounded-full uppercase;
        }
      }
      .result--title {
        @apply text-2xl font-medium flex items-center gap-4;
        &::after {
          @apply content-[''] inline-block min-w-6 size-6 bg-[url('../../assets/icons/outline/search/link.svg')];
        }
        &::after:hover {
          filter: invert(15%) sepia(27%) saturate(6911%) hue-rotate(209deg)
            brightness(95%) contrast(111%);
        }
      }
      .result--body {
        @apply mt-4;
      }
    }
  }
  .views-row:hover {
    .result--title {
      &::after {
        filter: invert(15%) sepia(27%) saturate(6911%) hue-rotate(209deg)
          brightness(95%) contrast(111%);
      }
    }
  }
}
.hidden_checkbox {
  input[type="checkbox"] {
    @apply hidden;
  }
}