/* Pagefind Component UI, styled to sit in minecraft.wiki's search slot and palette. */
#p-search pagefind-searchbox, #mfw-searchbox {
  --pf-font: inherit;
  --pf-border-radius: 0;
  --pf-input-height: 28px;
  --pf-input-font-size: 13px;
  --pf-searchbox-max-width: 100%;
  --pf-background: #fff;
  --pf-border: #888;
  --pf-border-focus: #6BA41E;
  --pf-text: #202122;
  --pf-text-secondary: #54595d;
  --pf-text-muted: #72777d;
  --pf-hover: #eaf3dd;
  --pf-mark: #3d7a0e;
  --pf-dropdown-z-index: 1000;
  display: block;
  width: 100%;
}
#p-search { width: 20vw; min-width: 16em; max-width: 26em; }
@media screen and (max-width: 720px) {
  #p-search { width: auto; min-width: 0; max-width: none; float: none; margin: 0.5em 1em 0 1em; }
  #p-search pagefind-searchbox { width: 100%; }
}
#mfw-search-page {
  --pf-font: inherit;
  --pf-border-radius: 2px;
  --pf-border-focus: #6BA41E;
  --pf-mark: #3d7a0e;
  --pf-image-width: 48px;
  --pf-image-height: 48px;
}
#mfw-search-page .mfw-search-layout { display: grid; grid-template-columns: 14em minmax(0, 1fr); gap: 1.5em; margin-top: 1em; }
#mfw-search-page .mfw-search-layout > div { min-width: 0; overflow: hidden; }
#mfw-search-page mark, #mfw-searchbox mark { font-weight: bold; background: none; }
@media (max-width: 800px) { #mfw-search-page .mfw-search-layout { grid-template-columns: 1fr; } }
#mfw-search-page img, #mfw-searchbox img { image-rendering: pixelated; }
body.wgl-theme-dark #p-search pagefind-searchbox, body.wgl-theme-dark #mfw-searchbox, body.wgl-theme-dark #mfw-search-page {
  --pf-background: #1f1f1f;
  --pf-border: #555;
  --pf-text: #e6e6e6;
  --pf-text-secondary: #c0c0c0;
  --pf-text-muted: #9a9a9a;
  --pf-hover: #2f3a24;
  --pf-mark: #9ed36a;
}