.header-wrapper{display:block;position:relative;background-color:rgb(var(--color-background))}.header{display:grid;grid-template-areas:"left-icons heading icons";grid-template-columns:1fr 2fr 1fr;align-items:center}@media screen and (max-width:749px){.header--has-app{grid-template-columns:auto 1fr auto}}@media screen and (min-width:990px){.header{grid-template-columns:1fr auto 1fr}.header--top-left,.header--middle-left:not(.header--has-menu){grid-template-areas:"heading icons" "navigation navigation";grid-template-columns:1fr auto}.header--top-left.drawer-menu,.header--middle-left.drawer-menu{grid-template-areas:"navigation heading icons";grid-template-columns:auto 1fr auto;column-gap:1rem}.header--middle-left{grid-template-areas:"heading navigation icons";grid-template-columns:auto auto 1fr;column-gap:2rem}.header--middle-center:not(.drawer-menu){grid-template-areas:"navigation heading icons";grid-template-columns:1fr auto 1fr;column-gap:2rem}.header--middle-center a.header__heading-link{text-align:center}.header--top-center{grid-template-areas:"left-icons heading icons" "navigation navigation navigation"}.header--top-center.drawer-menu{grid-template-areas:"left-icons heading icons";grid-template-columns:1fr auto 1fr}.header:not(.header--middle-left,.header--middle-center) .header__inline-menu{margin-top:1.05rem;display:flex;flex-wrap:wrap;width:100%;justify-content:space-between}}.header *[tabindex="-1"]:focus{outline:none}.header__heading{margin:0;line-height:0}.header>.header__heading-link{line-height:0}.header__heading,.header__heading-link{grid-area:heading;justify-self:center}.header__heading-link{display:inline-block;padding:.75rem;text-decoration:none;word-break:break-word}.header__heading-link:hover .h2{color:rgb(var(--color-foreground))}.header__heading-link .h2{line-height:1;color:rgba(var(--color-foreground),.75)}.header__heading-logo{height:auto;max-width:100%}.header__heading-logo-wrapper{width:100%;display:inline-block;transition:width .3s cubic-bezier(.52,0,.61,.99)}@media screen and (max-width:989px){.header__heading,.header__heading-link{text-align:center}.header--mobile-left .header__heading,.header--mobile-left .header__heading-link{text-align:left;justify-self:start}.header--mobile-left{grid-template-columns:auto 2fr 1fr}}@media screen and (min-width:990px){.header--middle-left .header__heading-link,.header--top-left .header__heading-link{margin-left:-.75rem}.header__heading,.header__heading-link{justify-self:start}.header--middle-center .header__heading-link,.header--middle-center .header__heading,.header--top-center .header__heading-link,.header--top-center .header__heading{justify-self:center;text-align:center}}.header__icons{display:flex;grid-area:icons;justify-self:end;padding-right:0}.header__icons .shopify-app-block{max-width:4.4rem;max-height:4.4rem;overflow:hidden}.header__icon:not(.header__icon--summary),.header__icon span{display:flex;align-items:center;justify-content:center}.header__icon{color:rgb(var(--color-foreground))}.header__icon span{height:100%}.header__icon .svg-wrapper{width:44px;height:44px}.header__icon:after{content:none}.header__icon:hover .icon,.modal__close-button:hover .icon{transform:scale(1.07)}.header__icon .icon{height:2.4rem;width:2.4rem;fill:none;vertical-align:middle}.header__icon,.header__icon--cart .icon{padding:0}.header__icon--cart{position:relative}.header__icon--menu[aria-expanded=true]:before{content:"";top:100%;left:0;height:calc(var(--viewport-height, 100vh) - (var(--header-bottom-position, 100%)));width:100%;display:block;position:absolute;background:rgba(var(--color-foreground),.5)}.header__icon--account shop-user-avatar{--shop-avatar-size: 2.8rem}details .header__icon-close{display:none}details[open] .header__icon-close{display:inline-block}account-icon{display:flex}menu-drawer+.header__search{display:none}.header>.header__search{grid-area:left-icons;justify-self:start}.header--top-center.drawer-menu>.header__search{margin-left:3.2rem}.header--top-center header-drawer{grid-area:left-icons}.header:not(.header--has-menu) *>.header__search{display:none}.header__search{display:inline-flex;line-height:0}.header--top-center>.header__search{display:inline-flex}.header--top-center .header__icons>.header__search{display:none}@media screen and (min-width:990px){.header__icon .icon{height:2.8rem;width:2.8rem}.header:not(.header--top-center) *>.header__search,.header--top-center>.header__search{display:inline-flex}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-header.css.map */