.header{top:var(--brandbarHeight)}.brandbar{--linkMargin:12px;--logoHeight:10px;--backgroundColor:#fff;--hoveredBackgroundColor:#fff;height:var(--brandbarHeight);position:fixed;z-index:2;top:calc(var(--brandbarOffset) - var(--brandbarHeight));width:100%;background-color:var(--backgroundColor);transition:background-color .25s ease-in,top .2s ease;padding:0 12px;box-shadow:0 3px 4px -3px rgba(0,0,0,.15);display:flex;align-items:center;justify-content:space-between}@media only screen and (min-width:800px){.brandbar{--linkMargin:18px;--logoHeight:13px;padding:0 36px}.brandbar.brandbar-hovered{background-color:var(--hoveredBackgroundColor)}}.brandbar svg{height:var(--logoHeight);display:block;transition:all .25s ease-in}.brandbar__logo{display:flex;height:var(--logoHeight);margin-top:1px}.brandbar__logo svg{height:calc(var(--logoHeight) + 2px);display:block}.brandbar__links{display:flex;margin:0 calc(-1*var(--linkMargin));height:100%;list-style:none}.brandbar__link{height:100%;display:flex;width:auto;align-items:flex-end;position:relative;padding:10px var(--linkMargin)}.brandbar__link svg,.brandbar__link svg path{fill:#666}.brandbar__link.active svg,.brandbar__link.active svg path{fill:#000}@media only screen and (min-width:800px){.brandbar-hovered .brandbar__link.active svg,.brandbar-hovered .brandbar__link.active svg path,.brandbar-hovered svg,.brandbar-hovered svg path{fill:#fff}}