:root{--header-height:108px;--header-height-has-suggestions:144px;--header-height-small:60px;--header-height-medium:68px;--header-height-tagger:183px;--header-bg:rgba(255, 255, 255, .9);--header-small-bg:rgba(241, 241, 241, .2);--header-medium-bg:rgba(241, 241, 241, .2)}@media (prefers-color-scheme:dark){:root{--header-bg:rgba(51, 51, 51, .9);--header-small-bg:rgba(90, 90, 90, .2);--header-medium-bg:rgba(90, 90, 90, .2)}}header{position:absolute;top:0;right:0;left:0;height:var(--header-height);z-index:3}header.small{height:var(--header-height-small);background-color:var(--header-small-bg);box-shadow:1px 0 2px rgba(0,0,0,.2)}header.medium{height:var(--header-height-medium);background-color:var(--header-medium-bg);box-shadow:1px 0 2px rgba(0,0,0,.2)}header.tagger{height:var(--header-height-tagger);box-shadow:none;background-color:var(--header-medium-bg);box-shadow:1px 0 2px rgba(0,0,0,.2)}home-controller-wc:has(suggestions-box-wc) header{height:var(--header-height-has-suggestions)}header .header-title{flex-grow:1;text-align:center;margin:0 24px;font-size:18px;font-weight:500;line-height:var(--header-height)}header.small .header-title{line-height:var(--header-height-small)}header.medium .header-title{display:none}header nav{overflow:auto;-ms-overflow-style:none;scrollbar-width:none}header nav ul{margin:0;padding:0;list-style:none;display:flex;justify-content:center}header nav li{background-color:rgba(0,0,0,.01);margin:16px 0;border:1px solid var(--section-border-color);border-right:none;backdrop-filter:blur(0px)}header nav li:first-child{border-radius:16px 0 0 16px}header nav li:last-child{border-right:1px solid var(--section-border-color);border-radius:0 16px 16px 0}header nav li a{display:block;font-size:15px;text-decoration:none;color:var(--font-color);opacity:.5;padding:8px 32px}header nav li:has(a.selected){background-color:var(--sidebar-selected)}header nav li a.selected{opacity:1}@media (max-width:768px){:root{--header-height:160px;--header-height-has-suggestions:202px;--header-height-small:60px;--header-height-medium:125px}header{box-sizing:border-box}header .header-title{line-height:unset;margin:0 44px 0 0;font-size:16px}header.small{display:flex;padding:16px;align-items:center}header.medium{display:flex;flex-direction:column;padding:16px}header.medium .flex-row{align-items:center}header.small .header-title{line-height:unset}header.medium .header-title{display:block}header nav li{margin:8px 0}header nav li a{font-size:13px}}@media print{header{display:none}}