header{position:absolute;top:var(--announcement-bar);left:0;right:0;bottom:0;pointer-events:none;z-index:var(--z-header)}header-bar{--bar-height: 3rem;--y-padding: calc(var(--header-bar) - var(--bar-height));display:block;position:var(--header-position);top:0;left:0;right:0;width:100%;height:100dvh;padding:calc(var(--y-padding) / 2) 0;pointer-events:none}.header-bar--overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;-webkit-backdrop-filter:blur(var(--background-blur));backdrop-filter:blur(var(--background-blur));background-color:color-mix(in srgb,var(--color-background) 30%,transparent);transition:opacity var(--transition-duration) var(--transition-ease) calc(var(--transition-duration) / 2);opacity:0}header-bar.open:not([cart-open=true]) .header-bar--overlay{pointer-events:auto;opacity:1;transition-delay:0ms}.header-bar--inner{display:grid;grid-template-rows:max-content 0fr;width:100%;max-width:var(--column-8);margin:0 auto;background-color:var(--color-card-transparent);border-radius:var(--border-radius);transition:grid-template-rows var(--transition-duration) var(--transition-ease);pointer-events:auto;overflow:hidden}header-bar.open .header-bar--inner{grid-template-rows:max-content 1fr}.header-bar--top{position:relative;display:flex;align-items:center;justify-content:space-between;height:calc(var(--header-bar) - var(--y-padding));padding:0 1.25rem}header-bar:not(.open) .header-bar--top{-webkit-backdrop-filter:blur(var(--background-blur));backdrop-filter:blur(var(--background-blur))}.header-bar--top-left{display:flex;align-items:center;gap:1.25rem}.header-bar--toggle{width:2.25rem}.header-bar--logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.header-bar--btn,.header-bar--nav-link,.header-bar--nav-account{transition:opacity var(--transition-duration) var(--transition-ease)}.header-bar--content{overflow:hidden}.header-bar--menu{display:none;overflow:hidden}header-bar.menu-visible .header-bar--menu{display:block}.header-bar--menu-inner{display:flex;flex-direction:column;justify-content:space-between;gap:1rem;padding:2rem 0 1.25rem;overflow:auto}.header-bar--nav{display:flex;flex-direction:column;justify-content:space-between;gap:2rem;flex-grow:1}.header-bar--nav-links{display:flex;flex-direction:column;gap:1.25rem;padding:0 1.25rem}.header-bar--nav-account{display:flex;align-items:center;gap:.625rem;padding:0 1.25rem}.header-bar--feature{position:relative;min-height:5rem;margin:0 1.25rem;border-radius:var(--border-radius);overflow:hidden}.header-bar--feature figure{width:100%;aspect-ratio:17 / 20}.header-bar--feature-button{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:flex-end;padding:.625rem}.header-bar--feature-button>span{width:100%;height:3.75rem}@media (max-width: 767px){.header-bar--logo svg{width:6.875rem;height:.875rem}.header-bar--top-account{display:none}.header-bar--menu-inner{height:calc(100dvh - var(--bar-height) - var(--y-padding))}}@media (min-width: 767px){header-bar.open .header-bar--overlay{pointer-events:auto;opacity:1;transition-delay:0ms}.header-bar--menu-inner{flex-direction:row;overflow:unset}.header-bar--menu-inner{max-height:calc(100vh - var(--bar-height) - var(--y-padding))}.header-bar--nav-account svg{width:1.125rem;height:1.125rem}.header-bar--feature{width:50%;margin-left:0;min-height:4rem}}@media (min-width: 1024px){.header-bar--feature{width:var(--column-3)}.header-bar--feature figure{height:100%}.header-bar--feature-button{padding:.9rem}header-bar cart-drawer{display:none;visibility:visible!important}header-bar.cart-visible cart-drawer{display:block}}@media (hover: hover){.header-bar--btn:hover,.header-bar--nav-link:hover,.header-bar--nav-account:hover{opacity:.6}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/header.css.map */