*,:after,:before{box-sizing:border-box}.brandbar *{margin:0}:root{--brandbarHeight:30px}@media only screen and (min-width:800px){:root{--brandbarHeight:34px}}.header{top:var(--brandbarHeight)}.brandbar{--linkMargin:12px;--logoHeight:10px;--backgroundColor:#fff;--hoveredBackgroundColor:#fff;height:var(--brandbarHeight);position:absolute;z-index:99;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-hovered{background-color:var(--hoveredBackgroundColor)}}.brandbar svg{height:var(--logoHeight);display:block;transition:all .25s ease-in}.brandbar__logo{display:flex;height:var(--logoHeight)}.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__link:hover{cursor:pointer}.brandbar-hovered .brandbar__link.active svg,.brandbar-hovered .brandbar__link.active svg path{fill:#fff}}.brandbar__sublinks{font-family:Courier;font-size:8px;font-style:normal;font-weight:400;display:flex;white-space:nowrap;align-items:center;justify-content:center;overflow:hidden;max-width:0;transition:max-width .25s ease-in;line-height:1.1}@media only screen and (min-width:800px){.brandbar__sublinks{font-size:12px;line-height:1.2}.brandbar__sublink{color:#fff}}.brandbar__sublink.active{color:#000}@media only screen and (min-width:800px){.brandbar-hovered .brandbar__sublink.active{color:#fff}}.brandbar__sublinks.sublinks-visible{max-width:143px}@media only screen and (min-width:800px){.brandbar__sublinks.sublinks-visible{max-width:220px}}.brandbar__sublinks ul{display:flex;align-items:center;justify-content:center;white-space:nowrap;overflow:hidden;list-style:none;-webkit-padding-start:0;padding-inline-start:0}.brandbar__sublinks ul a{margin-left:12px;-webkit-text-decoration-line:underline;text-decoration-line:underline}@media only screen and (min-width:800px){.brandbar__sublinks a:hover{-webkit-text-decoration-line:none;text-decoration-line:none}.brandbar-hovered svg,.brandbar-hovered svg path,.brandbar-hovered.brandbar__link.active svg,.brandbar-hovered.brandbar__link.active svg path{fill:#fff}}