:root {
    --pagefind-ui-primary: #000000;
    --pagefind-ui-text: #000000;
    --pagefind-ui-background: #e4e4e7;
    --pagefind-ui-border: #27272a;
    --pagefind-ui-tag: #e4e4e7;
}

.dark {
    --pagefind-ui-primary: #ffffff;
    --pagefind-ui-text: #ffffff;
    --pagefind-ui-background: #27272a;
    --pagefind-ui-border: #e4e4e7;
    --pagefind-ui-tag: #27272a;
}

.pagefind-ui {
    max-height: 44px;
}

.pagefind-ui__drawer {
    position: absolute;
    z-index: 30;
    width: 100%;
}

.pagefind-ui__results-area {
    background-color: var(--pagefind-ui-background);
    border-radius: 0.375rem;
    opacity: 95%;
}

.pagefind-ui__message {
    padding: calc(20px * var(--pagefind-ui-scale)) 0.5rem !important;
    border-bottom: solid var(--pagefind-ui-border-width) var(--pagefind-ui-border);
}

.pagefind-ui__result {
    padding: calc(20px * var(--pagefind-ui-scale)) 0.5rem !important;
    border-top: none !important;
    border-bottom: none !important;
}

.pagefind-ui__button {
    width: 95% !important;
    margin-top: calc(20px * var(--pagefind-ui-scale)) !important;
    margin-bottom: calc(20px * var(--pagefind-ui-scale)) !important;
}