:root {
 --year-color: #f0e000;
 --year-color-text: #000;
 --col-width: 940px;
 --header-height: 100px;
 --footer-text-color: #000;
 --link-color: #000;
 --disabled-gray: #aaa;
 --header-top: 0px;
 --itd-panel-w: min(310px, 92vw);
 --itd-border: #e0e0e0;
 --itd-sub-bg: #f7f7f7;

  --search-width: 200px;
  --search-width-focus: 300px;
  --search-height: 28px;
  --search-font-size: 0.95rem;
  --search-border: #d8d8d8;
  --search-border-focus: #b9b9b9;
  --search-radius: 999px;
  --search-padding-left: 12px;
  --search-padding-right: 34px;
  --search-icon-size: 16px;
  --search-icon-right: 10px; 
  --search-transition: 180ms ease;

  --matrix-left: 65.389%;
  --matrix-width: 34.611%;
  --matrix-height: 100%;
  --matrix-source-width: 325px;
  --matrix-source-height: 231px;
  --matrix-scale: 1;
  --matrix-bg: #000000;
 }
body.admin-bar {
 --header-top: 32px;
 }
@media screen and (max-width: 782px) {
 body.admin-bar {
  --header-top: 48px;
  }
 }
@media screen and (max-width: 955px) {
 body {
  --header-height: 58px; 
  }  
 }