#search {
    --pagefind-ui-scale: 0.8;
    --pagefind-ui-primary: var(--primary);
    --pagefind-ui-text: var(--fg);
    --pagefind-ui-background: var(--bg-m3);
    --pagefind-ui-border: var(--bg-m3);
    --pagefind-ui-tag: var(--bg-m3);
    --pagefind-ui-border-width: 2px;
    --pagefind-ui-border-radius: 8px;
    --pagefind-ui-image-border-radius: 8px;
    --pagefind-ui-image-box-ratio: 3 / 2;
    --pagefind-ui-font: "Andada Pro";

    margin-bottom: 1.5em;
}

.pagefind-ui__search-input {
    &:focus {
        outline: unset;
    }
}

.pagefind-ui__drawer {
    flex-direction: column !important;
    flex-wrap: unset !important;
    gap: 0 !important;
    justify-content: start !important;
}