.header-wrapper{background-color:transparent;left:0;position:fixed;top:var(--announcement-bar-height, 0px);transition:background-color .33s ease-in-out;width:100%;z-index:200}.header-wrapper--transparent:before{background-color:rgb(var(--color-background));bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transform:translate(100%);transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1);z-index:-1}body.state--nav-open .header-wrapper--transparent.header-wrapper--transparent-light:not(.header-wrapper--scrolled){--header-color: var(--color-foreground)}body.state--nav-open .header-wrapper--transparent:before{opacity:1;transform:translate(0)}.header-wrapper--transparent:not(.header-wrapper--scrolled){background-color:transparent}.header-wrapper--transparent.header-wrapper--transparent-light:not(.header-wrapper--scrolled){--header-color: var(--color-white)}.header-wrapper--transparent.header-wrapper--transparent-dark:not(.header-wrapper--scrolled){--header-color: var(--color-black)}.header-wrapper--solid,.header-wrapper--scrolled{background-color:rgb(var(--color-background));--header-color: var(--color-foreground)}.header{align-items:center;background-color:transparent;display:grid;grid-template-areas:"left heading right";grid-template-columns:1fr auto 1fr;padding:5px 4rem;transition:background-color .33s ease-in-out}@media screen and (max-width:1023px){.header{padding:5px 1.6rem}}.header__left{align-items:center;display:flex;gap:12px;grid-area:left}.header__logo{color:rgb(var(--header-color, var(--color-foreground)));display:inline-block;grid-area:heading;line-height:0;text-decoration:none;transition:color .33s ease-in-out}.header__logo-wrapper{max-width:18rem;width:100%}@media screen and (min-width:1100px){.header__logo-wrapper{max-width:26.5rem}}.header__logo-wrapper svg{width:100%}.header__right{align-items:center;display:flex;grid-area:right;justify-content:flex-end;gap:8px}.header__nav{display:none}@media screen and (min-width:1024px){.header__nav{display:block}}.header__nav-list{align-items:center;display:flex;gap:0;list-style:none;margin:0;padding:0}.header__nav-item{position:static}.header__nav-item--has-menu{position:relative}.header__nav-item--has-menu:after{content:"";height:11px;left:0;position:absolute;right:0;top:100%}.header__nav-link{background:transparent;border:0;color:rgb(var(--header-color, var(--color-foreground)));cursor:pointer;display:block;font-family:GT America,sans-serif;font-size:12px;font-weight:300;letter-spacing:1.2px;line-height:14px;padding:8px 12px;position:relative;text-decoration:none;text-transform:uppercase;transition:color var(--transition-hover);white-space:nowrap}.header__nav-link>span{position:relative}.header__nav-link>span:after{background-color:rgb(var(--header-color));bottom:-.4rem;content:"";height:.1rem;left:0;position:absolute;transition:width .3s ease-in-out;width:0}.header__nav-link:hover>span:after{width:100%}.header__nav-link--highlight{color:rgb(var(--color-error))}.header__nav-link--active{text-decoration:underline;text-underline-offset:.3rem}.header__icons{align-items:center;display:flex;gap:4px}.header__icon{align-items:center;background:transparent;border:0;color:rgb(var(--header-color, var(--color-foreground)));cursor:pointer;display:flex;justify-content:center;padding:8px;text-decoration:none;transition:color var(--transition-hover)}.header__icon svg{display:block}.header__icon--menu,.header__icon--search-mobile{padding:0}@media screen and (min-width:1024px){.header__icon--menu,.header__icon--search-mobile{display:none}}@media screen and (max-width:1023px){.header__icon--search,.header__nav{display:none}}.header__icon--cart{position:relative}.header__menu-item--cart{color:rgb(var(--header-color, var(--color-foreground)));position:relative}.cart-count-bubble{bottom:0;font-size:.8rem;left:50%;line-height:1;padding-left:.2rem;position:absolute;width:2.4rem}.cart-count-bubble>span{align-items:center;display:flex;justify-content:center;text-align:center}.header__search-panel{display:none}body.state--nav-open{overflow:hidden}body.state--nav-open .header__icon--account{opacity:0;pointer-events:none;transition:opacity .3s ease-in-out}
/*# sourceMappingURL=/cdn/shop/t/330/assets/component-header.css.map */