.header-logo-text,.header-navigation,.header-icons{transition:color var(--animation-nav) var(--animation-nav-delay)}.header-main:has(.header-sticky){z-index:7;position:sticky;inset-block-start:0}.header-main:has(.hamburger-drawer[open]),.header-main:has(.hamburger-drawer[hamburger_open]),.header-main:has(.mobile-hamburger-drawer[open]),.header-main:has(.mobile-hamburger-drawer[hamburger_open]){z-index:7}.header-main:has(.header-hidden){pointer-events:none}.header-sticky.header-hidden{transform:translateY(-100%)}.header-main{transition:transform .3s ease,visibility .3s ease}.header{--headerLogoOpacity: 1;--animation-nav-delay: .05s;background:transparent!important;position:relative;z-index:5}.header[is=sticky-header]{transition:var(--animation-nav);transition-property:opacity,transform,inset-block-start}.header.header-fullwidth:before,.header.header-fixed .header-wrapper:before{content:"";z-index:1;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;background:var(--background);opacity:var(--headerBackgroundOpacity)}.header-wrapper{--header-grid-template: "icons-left logo icons" / auto auto minmax(30px, 1fr);display:grid;column-gap:10px;grid-template:var(--header-grid-template);padding:17px 0}.header-navigation{grid-area:navigation}.menu-item{padding:0 12px;column-gap:4px;color:inherit}.header-logo{grid-area:logo;max-width:max-content}.header-logo-image{max-width:var(--logoWidth)}.header-logo .logo{transition:opacity var(--animation-nav) var(--animation-nav-delay)}.header-logo .logo:not(.header-logo-transparent){opacity:var(--headerLogoOpacity)}.header-logo-transparent{opacity:calc(1 - var(--headerLogoOpacity));object-fit:contain}.header-icons{grid-area:icons}.header-icons-left{grid-area:icons-left}.header-buttons>:is(a,button){width:26px;height:26px;color:inherit}.hamburger-drawer-button{min-width:50px;border:1px solid currentColor;border-radius:30px}.dropdown,.mega-menu{position:absolute;inset-block-start:0;pointer-events:none;max-width:100%}.dropdown:before,.mega-menu:before{content:"";position:absolute;width:var(--extraWidth, 0px);height:calc(var(--headerHeight) - var(--extraTop, 0px) + 10px);inset-inline-start:var(--extraLeft, 0px);top:0;z-index:3;visibility:hidden}.dropdown{min-width:290px;width:max-content;max-width:350px;opacity:0;visibility:hidden;transition:padding var(--animation-nav);padding-block-start:calc(var(--headerHeight) + 3px)}.dropdown[open],.mega-menu[open]{pointer-events:auto}.dropdown .dropdown{padding-block-start:0;inset-inline-start:100%;transform:translate(var(--translate-x));height:100%;max-height:calc(90vh - var(--headerheight))}.dropdown .dropdown:before{display:none}.dropdown.should-reverse .dropdown{inset-inline-start:auto;inset-inline-end:100%}.dropdown-container{background:var(--background);color:rgb(var(--textColor));padding-block:2.4rem;border-radius:var(--borderRadius);box-shadow:0 0 14px #00000012;min-height:250px;max-height:calc(90vh - var(--headerHeight));display:flex}.dropdown .dropdown .dropdown-container{border-inline-start:1px solid rgba(var(--borderColor));border-radius:0 var(--borderRadius) var(--borderRadius) 0;min-height:100%}.dropdown.should-reverse .dropdown .dropdown-container{border-inline-end:1px solid rgba(var(--borderColor));border-radius:var(--borderRadius) 0 0 var(--borderRadius)}.dropdown[open] .dropdown-nav>li{--translate-x: 0}.dropdown:not(.should-reverse)[open] .dropdown-container:has(.dropdown[open]){border-start-end-radius:0;border-end-end-radius:0}.dropdown.should-reverse[open] .dropdown-container:has(.dropdown[open]){border-start-start-radius:0;border-end-start-radius:0}.dropdown-nav{width:100%;overflow:auto;max-width:100%}.dropdown-nav li>:is(details,p){margin:0;padding-inline:3rem;padding-block:.6rem}.dropdown-nav-link svg{flex:0 0 12px}.mega-menu-collections-item{padding-inline-end:15px}.dropdown-nav-link:before,.mega-menu-link:not(.mega-menu-link-heading):before,.mega-menu-collections-item:before{position:absolute;content:"";inset-inline-start:0;height:7px;transition:var(--animation-default);background:currentColor;opacity:0;width:7px;border-radius:100%;transform:translateY(-50%);top:50%}.dropdown-nav-link:hover>span,.mega-menu-link:not(.mega-menu-link-heading):hover>span,.mega-menu-collections-item:hover>span,.mega-menu-collections-item.active>span{transform:translate(15px)}.dropdown-nav-link:hover:before,.mega-menu-link:not(.mega-menu-link-heading):hover:before,.mega-menu-collections-item:hover:before,.mega-menu-collections-item.active:before{opacity:1}.mega-menu{--promotionsWidth: 20%}.mega-menu{width:100%;inset-inline-start:0;max-height:90vh;overflow:hidden}.has-mega-menu .header-main{overflow:visible}.mega-menu-container{padding-block-start:var(--headerHeight);transition:padding var(--animation-nav);background:var(--background);border-radius:var(--borderRadius);color:rgb(var(--textColor));visibility:hidden;max-height:90vh;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scroll-behavior:smooth}.mega-menu-wrapper{padding-block:4rem 5rem;display:flex;flex-direction:column;gap:45px}.mega-menu-wrapper:has(.mega-menu-collections){flex-direction:row;align-items:flex-start}.header-fixed .mega-menu-wrapper{padding-inline:20px}.has-dropdown-menu header~.fixed-overlay,.has-mega-menu header~.fixed-overlay{opacity:1;pointer-events:auto;visibility:visible;z-index:4}.mega-menu-list{display:grid;grid-template-columns:repeat(var(--menuColumns),1fr);gap:4rem 3rem;flex:1}.mega-menu-wrapper:has(.mega-menu-collections) .mega-menu-list{flex:0 0 25%}.mega-menu .mega-menu-item,.mega-menu .promotion-item{--translate-y: 0;--translate-x: 20%;opacity:0;transform:translate(var(--translate-x),var(--translate-y));transition:transform 1.5s cubic-bezier(.075,.82,.165,1),opacity .9s cubic-bezier(.19,1,.22,1);transition-delay:.25s}.mega-menu[open] .mega-menu-item,.mega-menu[open] .promotion-item,.no-js .mega-menu .mega-menu-item,.no-js .mega-menu .promotion-item{--translate-x: 0;opacity:1}.mega-menu-item{max-width:90%}.mega-menu-link-heading{display:inline-flex;margin-bottom:2rem;background:rgb(var(--alternateBackground));padding:6px 10px;line-height:1.3;border-radius:6px}.mega-menu-promotions{flex:0 0 var(--promotionsWidth);min-width:0}.mega-menu .promotion-item{transition-delay:calc(.25s + .1s * var(--index, 1))}.card-media-content{padding:10px}.mega-menu-collections-nav-wrapper{flex:0 0 20%}.mega-menu-collections-nav{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.mega-menu-collections-item:not(.active){color:var(--textColorLight)}.mega-menu-container .product-card .product-hightlights{display:none}.mega-menu-products{min-width:0}.no-js details[is=details-dropdown][open]>.dropdown,.no-js details[is=details-mega][open]>.mega-menu{opacity:1;visibility:visible;pointer-events:auto}.no-js .mega-menu-container{visibility:visible}shopify-account{--shopify-account-font-heading: var(--font-heading-family);--shopify-account-font-heading-weight: var(--font-heading-weight);--shopify-account-font-heading-transform: var(--font-heading-transform);--shopify-account-font-body: var(--font-body-family);--shopify-account-font-body-weight: var(--font-body-weight);--shopify-account-color-background: var(--background);--shopify-account-color-text: rgb(var(--textColor));--shopify-account-color-accent: rgb(var(--textColor));--shopify-account-radius-base: var(--borderRadius);--shopify-account-radius-button-small: var(--borderRadius);--shopify-account-radius-dialog: var(--borderRadius);--shopify-account-radius-button: var(--buttonRadius);--shopify-account-radius-input: var(--formRadius);--shopify-account-color-border: rgba(var(--borderColor));--shopify-account-color-background-subdued: rgb(var(--color-secondary-button));--shopify-account-color-text-subdued: rgb(var(--color-secondary-button-text));--shopify-account-signed-in-avatar-size: 28px;--shopify-account-avatar-size: 100%;--shopify-account-radius-dialog: var(--drawerRadius)}shopify-account::part(dialog)::backdrop{background-color:rgba(var(--overlayBackground))}shopify-account::part(dialog){background:var(--shopify-account-color-background)}@media(min-width:768px){.header-buttons>:is(a,button,div){width:32px;height:32px;color:inherit}}@media(min-width:1025px){.header-fixed .header-wrapper{position:relative;padding-inline:20px}.header-wrapper{column-gap:20px}.header.header-fixed .header-wrapper:before{border-radius:var(--borderRadius)}.header-left-center{--header-grid-template: "logo navigation icons" / minmax(0, 1fr) fit-content(70%) minmax(0, 1fr)}.header-center-left{--header-grid-template: "navigation logo icons" / minmax(0, 1fr) auto minmax(0, 1fr)}.header-left-left{--header-grid-template: "logo navigation icons" / auto minmax(0, 1fr) auto}.header-left-hamburger{--header-grid-template: "icons-left logo icons" / auto auto minmax(0, 1fr)}.header-center-hamburger{--header-grid-template: "icons-left logo icons" / minmax(0, 1fr) auto minmax(0, 1fr)}.header-center-left .header-navigation{margin-left:-12px}.header-center-left .header-logo-text,.header-center-hamburger .header-logo-text{text-align:center}.desktop-header-transparent{position:absolute;inset-block-start:auto;width:100%;transition:var(--animation-nav)}body:has(.desktop-announcement-transparent) .desktop-header-transparent{inset-block-start:var(--dynamicAnnouncementHeight, 0px)}body:has(.desktop-announcement-transparent) [data-sticky-type=none].desktop-header-transparent{inset-block-start:var(--announcementHeight, 0px)}.header-main:not(.header-scrolled) .desktop-header-transparent,.header-main:not(.header-scrolled) .desktop-header-transparent .header-logo-text,.header-main:not(.header-scrolled) .desktop-header-transparent .header-logo-image{--headerBackgroundOpacity: 0;--headerLogoOpacity: 0;color:rgb(var(--colorTransparent))}.has-mega-menu .header-main:not(.header-scrolled) .desktop-header-transparent,.has-mega-menu .header-main:not(.header-scrolled) .desktop-header-transparent .header-logo-text,.has-mega-menu .header-main:not(.header-scrolled) .desktop-header-transparent .header-logo-image{--headerBackgroundOpacity: 1;--headerLogoOpacity: 1;--animation-nav-delay: 0s;color:rgb(var(--textColor))}.header-border-always.header-fullwidth,.header-main:not(.header-scrolled) .header-border-always.header-fixed .header-wrapper,.header-scrolled .header-sticky.header-border-sticky.header-fullwidth,.header-main:not(.header-scrolled) .header-sticky.header-border-transparent.header-fullwidth.desktop-header-transparent,.header-main:not(.header-scrolled) .header-sticky.header-border-transparent.header-fixed.desktop-header-transparent .header-wrapper,.header-border-solid.header-fullwidth:not(.desktop-header-transparent),.header-main:not(.header-scrolled) .header-border-top_header.header-fullwidth,.header-main:not(.header-scrolled) .header-border-top_header.header-fixed.desktop-header-transparent .header-wrapper{border-block-end:1px solid rgba(var(--borderColor))}.header-scrolled .header-border-always.header-fixed .header-wrapper:before,.header-scrolled .header-sticky.header-border-sticky.header-fixed .header-wrapper:before,.header-border-solid.header-fixed:not(.desktop-header-transparent) .header-wrapper:before,.header-main:not(.header-scrolled) .header-border-top_header.header-fixed .header-wrapper:before{border:1px solid rgba(var(--borderColor))}}@media(max-width:1024px){.header-mobile-center{--header-grid-template: "icons-left logo icons" / minmax(4rem, 1fr) auto minmax(6rem, 1fr)}.header-mobile-center .header-logo-text{text-align:center}.header-mobile-search-bar{--header-grid-template: "logo icons-left" / minmax(4rem, 1fr) auto;row-gap:15px}.mobile-header-searchbar{grid-area:2/1}.header-mobile-search-bar .header-buttons{justify-content:flex-end}.header-mobile-search-bar .header-icons-right{grid-area:2/2}.header-mobile-search-bar .search-drawer-button{display:none}.mobile-header-search-icon{position:absolute;top:50%;transform:translateY(-50%);left:15px;color:rgb(var(--formColor))}.mobile-header-search-input{padding-inline-start:40px}.header-mobile-search-bar .cart-drawer-button{width:40px;height:40px;border-radius:20px;background:rgba(var(--cartBackground));color:rgb(var(--cartColor));border:1px solid rgb(var(--cartBorder))}.mobile-header-transparent{position:absolute;inset-block-start:auto;width:100%}body:has(.mobile-announcement-transparent) .header-main:not(.header-scrolled) .mobile-header-transparent{inset-block-start:var(--announcementHeight, 0px)}.header-main:not(.header-scrolled) .mobile-header-transparent,.header-main:not(.header-scrolled) .mobile-header-transparent .header-logo-text,.header-main:not(.header-scrolled) .mobile-header-transparent .header-logo-image{--headerBackgroundOpacity: 0;--headerLogoOpacity: 0;color:rgb(var(--colorTransparent))}.has-mega-menu .header-main:not(.header-scrolled) .mobile-header-transparent,.has-mega-menu .header-main:not(.header-scrolled) .mobile-header-transparent .header-logo-text,.has-mega-menu .header-main:not(.header-scrolled) .mobile-header-transparent .header-logo-image{--headerBackgroundOpacity: 1;--headerLogoOpacity: 1;--animation-nav-delay: 0s;color:rgb(var(--textColor))}.header-border-always.header-fullwidth,.header-main:not(.header-scrolled) .header-border-always.header-fixed .header-wrapper,.header-scrolled .header-sticky.header-border-sticky.header-fullwidth,.header-main:not(.header-scrolled) .header-sticky.header-border-transparent.header-fullwidth.mobile-header-transparent,.header-main:not(.header-scrolled) .header-sticky.header-border-transparent.header-fixed.mobile-header-transparent .header-wrapper,.header-border-solid.header-fullwidth:not(.mobile-header-transparent),.header-main:not(.header-scrolled) .header-border-top_header.header-fullwidth,.header-main:not(.header-scrolled) .header-border-top_header.header-fixed.mobile-header-transparent .header-wrapper{border-block-end:1px solid rgba(var(--borderColor))}.header-scrolled .header-border-always.header-fixed .header-wrapper:before,.header-scrolled .header-sticky.header-border-sticky.header-fixed .header-wrapper:before,.header-border-solid.header-fixed:not(.mobile-header-transparent) .header-wrapper:before,.header-main:not(.header-scrolled) .header-border-top_header.header-fixed .header-wrapper:before{border:1px solid rgba(var(--borderColor))}}@media(max-width:767px){.header-buttons>:is(a,button,div) svg:not(.icon-menu-drawer){width:18px;height:18px}.header-logo-text{max-width:120px}}@media screen and (pointer:fine){.header.header-fullwidth:before,.header.header-fixed .header-wrapper:before{transition:opacity var(--animation-nav) var(--animation-nav-delay)}:is(.announcement-bar-section)+.header-main .header:before{transition-property:opacity,border-radius}}
/*# sourceMappingURL=/cdn/shop/t/5662/assets/header.css.map */