:root{--header-top-height: 60px;--header-nav-height: 50px;--header-total-height: calc(var(--header-top-height) + var(--header-nav-height));--header-top-logo-width: 112px;--header-top-logo-aspectRatio: 531/418}#header{height:var(--header-total-height);background-color:var(--white);position:sticky;left:0;top:0;width:100%;z-index:2000;transition:transform .2s;transition-timing-function:cubic-bezier(0,0,.2,1);box-shadow:1px 1px 5px rgba(0,0,0,.1)}#header.header--scrolled{transform:translateY(calc(-1 * var(--header-total-height)));transition-timing-function:cubic-bezier(.4,0,1,1)}#header-top{height:var(--header-top-height)}#header-top .container{grid-column:content;display:flex;align-items:center;height:100%;gap:5px 20px;padding-top:10px;padding-bottom:10px}#header-top .logo{top:10px;align-self:flex-start;position:absolute;flex:0 1 auto;z-index:10}#header-top .logo img{width:var(--header-top-logo-width);transition:width .3s;aspect-ratio:var(--header-top-logo-aspectRatio);object-fit:contain}#header-top .partSearchBar{margin-left:calc(var(--header-top-logo-width) + var(--spacing-90));flex:1 1 auto;max-width:560px}#header-top-buttons{margin-left:auto;display:flex;flex:0 0 auto;gap:20px}#header-nav{background-color:var(--blue);position:relative}#header-nav>.container{grid-column:content;height:var(--header-nav-height)}#header-nav>.container .partNavigation3{margin-left:calc(var(--header-top-logo-width) + var(--spacing-90))}#header-top .slideOver-button{display:none}@media (max-width: 1023px){#header-top .slideOver-button{display:flex;margin-left:auto}#header-top .logo{position:static;align-self:center;--header-top-logo-width: 50px}#header-top-buttons,#header-nav{display:none}#header{--header-top-height: auto;height:auto}#header-top .container{flex-wrap:wrap;padding-bottom:0}#header-top .partSearchBar{--layoutGrid-spacing: calc(var(--layoutGrid-breakout-spacing) + var(--layoutGrid-fullwidth-spacing));order:1;max-width:none;width:calc(100% + (2 * var(--layoutGrid-spacing)));padding:5px var(--layoutGrid-spacing);margin:0 calc(-1 * var(--layoutGrid-spacing)) 5px calc(-1 * var(--layoutGrid-spacing))}}@media (max-width: 667px){#header-top .container{column-gap:10px}}