body.search-results {
  .notice-search {
    @apply
      text-2xl;
  }
}

.teaser-search {
  @apply
    mb-6
    w-full
    flex;

  figure {
    @apply
      flex-shrink-0
      bg-primary-200
      w-16
      h-16
      mr-3
      rounded-md
      overflow-hidden;

    img.lazy {
      @apply
        w-full
        h-full
        object-cover
        object-center
        opacity-0;

      transition: all 0.15s ease;

      &.loaded {
        @apply
          opacity-100;
      }
    }
  }

  .preview-content {
    @apply
      w-full
      pb-2
      border-b
      border-primary-200;

    header {
      .preview-title {
        @apply
          text-lg
          font-medium;
      }
    }

    .preview-summary {
      @apply
        text-sm;
    }

    .updated {
      @apply
        text-sm
        text-primary-500;
    }
  }
}
