/* Matches yt.chocolatemoo53.com (invidious-fork assets/css/default.css). Served same-origin so searx.space grades it C, not E. */
@font-face {
  font-family: "Origin";
  src: url("origin-bold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Origin";
  src: url("origin-normal.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

html {
  font-family: Origin, sans-serif;
}

:root {
  --color-btn-background: #C84F22;
  --color-btn-font: #FFF6EF;
  --color-search-background-hover: #C84F22;
  --color-categories-item-selected-font: #C84F22;
  --color-categories-item-border-selected: #C84F22;
  --color-url-font: #335D7A;
  --color-result-link-font: #335D7A;
  --color-result-link-font-highlight: #335D7A;
  --color-result-vim-arrow: #C84F22;
}

:root.theme-dark,
:root.theme-black {
  --color-base-font: #D8DEE9;
  --color-base-font-rgb: 216, 222, 233;
  --color-base-background: #000000;
  --color-base-background-mobile: #000000;
  --color-url-font: #81A1C1;
  --color-url-visited-font: #B48EAD;
  --color-header-background: #000000;
  --color-header-border: #3B4252;
  --color-footer-background: #000000;
  --color-footer-border: #3B4252;
  --color-sidebar-border: #3B4252;
  --color-sidebar-font: #D8DEE9;
  --color-sidebar-background: #000000;
  --color-backtotop-font: #D8DEE9;
  --color-backtotop-border: #3B4252;
  --color-backtotop-background: #000000;
  --color-btn-background: #C84F22;
  --color-btn-font: #FFF6EF;
  --color-show-btn-background: #3B4252;
  --color-show-btn-font: #D8DEE9;
  --color-search-border: #3B4252;
  --color-search-shadow: none;
  --color-search-background: #3B4252;
  --color-search-font: #D8DEE9;
  --color-search-background-hover: #C84F22;
  --color-categories-item-selected-font: #D96E33;
  --color-categories-item-border-selected: #C84F22;
  --color-autocomplete-font: #D8DEE9;
  --color-autocomplete-border: #3B4252;
  --color-autocomplete-shadow: none;
  --color-autocomplete-background: #3B4252;
  --color-autocomplete-background-hover: #434C5E;
  --color-answer-font: #D8DEE9;
  --color-answer-background: #0B0D12;
  --color-result-keyvalue-col-table: #0B0D12;
  --color-result-keyvalue-odd: #0B0D12;
  --color-result-keyvalue-even: #000000;
  --color-result-background: #000000;
  --color-result-border: #3B4252;
  --color-result-url-font: #ADADAD;
  --color-result-vim-selected: #1B1F27;
  --color-result-vim-arrow: #C84F22;
  --color-result-description-highlight-font: #ECEFF4;
  --color-result-link-font: #81A1C1;
  --color-result-link-font-highlight: #81A1C1;
  --color-result-link-visited-font: #B48EAD;
  --color-result-publishdate-font: #7C7C7C;
  --color-result-engines-font: #7C7C7C;
  --color-result-search-url-border: #3B4252;
  --color-result-search-url-font: #D8DEE9;
  --color-result-image-span-font: #D8DEE9;
  --color-result-image-background: #000000;
  --color-settings-tr-hover: #1B1F27;
  --color-settings-engine-description-font: #ADADAD;
}

@media (prefers-color-scheme: dark) {
  :root.theme-auto {
    --color-base-font: #D8DEE9;
    --color-base-font-rgb: 216, 222, 233;
    --color-base-background: #000000;
    --color-base-background-mobile: #000000;
    --color-url-font: #81A1C1;
    --color-url-visited-font: #B48EAD;
    --color-header-background: #000000;
    --color-header-border: #3B4252;
    --color-footer-background: #000000;
    --color-footer-border: #3B4252;
    --color-sidebar-border: #3B4252;
    --color-sidebar-font: #D8DEE9;
    --color-sidebar-background: #000000;
    --color-backtotop-font: #D8DEE9;
    --color-backtotop-border: #3B4252;
    --color-backtotop-background: #000000;
    --color-btn-background: #C84F22;
    --color-btn-font: #FFF6EF;
    --color-show-btn-background: #3B4252;
    --color-show-btn-font: #D8DEE9;
    --color-search-border: #3B4252;
    --color-search-shadow: none;
    --color-search-background: #3B4252;
    --color-search-font: #D8DEE9;
    --color-search-background-hover: #C84F22;
    --color-categories-item-selected-font: #D96E33;
    --color-categories-item-border-selected: #C84F22;
    --color-autocomplete-font: #D8DEE9;
    --color-autocomplete-border: #3B4252;
    --color-autocomplete-shadow: none;
    --color-autocomplete-background: #3B4252;
    --color-autocomplete-background-hover: #434C5E;
    --color-answer-font: #D8DEE9;
    --color-answer-background: #0B0D12;
    --color-result-keyvalue-col-table: #0B0D12;
    --color-result-keyvalue-odd: #0B0D12;
    --color-result-keyvalue-even: #000000;
    --color-result-background: #000000;
    --color-result-border: #3B4252;
    --color-result-url-font: #ADADAD;
    --color-result-vim-selected: #1B1F27;
    --color-result-vim-arrow: #C84F22;
    --color-result-description-highlight-font: #ECEFF4;
    --color-result-link-font: #81A1C1;
    --color-result-link-font-highlight: #81A1C1;
    --color-result-link-visited-font: #B48EAD;
    --color-result-publishdate-font: #7C7C7C;
    --color-result-engines-font: #7C7C7C;
    --color-result-search-url-border: #3B4252;
    --color-result-search-url-font: #D8DEE9;
    --color-result-image-span-font: #D8DEE9;
    --color-result-image-background: #000000;
    --color-settings-tr-hover: #1B1F27;
    --color-settings-engine-description-font: #ADADAD;
  }
}

.index .title {
  background-image: url("moose.svg");
  min-height: 7rem;
}

#search_logo svg {
  display: none;
}

#search_logo::before {
  content: "";
  width: 30px;
  height: 30px;
  margin: 0.5rem 0 auto;
  background: url("moose.svg") center / contain no-repeat;
}