@import "tailwindcss";

@theme {
    --font-sans:
        ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
        "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

html,
body {
    @apply text-white bg-black scroll-pt-22 lg:scroll-pt-32 antialiased;
}

/* Pagefind */
.pagefind-ui__form {
    @apply flex;
}

.pagefind-ui__search-input {
    @apply focus:outline-none w-full placeholder:text-white h-10 lg:h-12 indent-10;
}

.pagefind-ui__search-clear {
    @apply cursor-pointer px-3.5 text-sm hover:underline;
}

.pagefind-ui__filter-panel,
.pagefind-ui__result-excerpt,
.pagefind-ui__suppressed,
.pagefind-ui__hidden {
    @apply hidden;
}

.pagefind-ui__drawer {
    @apply absolute w-full top-full bg-white mt-1.5 p-5 rounded-xl drop-shadow space-y-2.5 z-10;
}

.pagefind-ui__results {
    @apply empty:hidden space-y-1;
}

.pagefind-ui__results,
.pagefind-ui__button {
    @apply mt-3.5;
}

.pagefind-ui__result-link {
    @apply hover:underline font-medium;
}

.pagefind-ui__button {
    @apply text-sm cursor-pointer hover:underline;
}

.pagefind-ui__loading {
    @apply w-full h-6 bg-gray-100 animate-pulse text-transparent rounded-lg;
}