header{position:fixed;top:var(--announcement-bar-height);width:100%;height:var(--header-height);font-size:var(--font-size-m);border-bottom:var(--border);background:var(--body-background);z-index:999}header>.desktop-only,header>.mobile-only{height:100%}.nav-wrapper{display:flex;align-items:center;height:100%}.logo{text-align:center}.left-nav,.center-nav,.right-nav{display:flex;align-items:center;height:100%}.left-nav,.right-nav{min-width:300px}.left-nav{justify-content:center;border-right:var(--border);padding:0 calc(var(--spacing-xl)/2)}.mobile-only nav .left-nav{flex:2;justify-content:center}.mobile-only nav details{display:flex;flex:1}.mobile-only nav .bag__icon{display:flex;flex:1;justify-content:flex-end}.center-nav{text-align:center;justify-content:center;width:100%}.center-nav>a{margin:0 calc(var(--spacing-m)/2);padding:calc(var(--header-height) / 2.4) 0}.right-nav{border-left:var(--border);justify-content:flex-end;padding:0 var(--spacing-xl) 0 0}.right-nav a{margin-left:var(--spacing-m)}.bag__icon a{display:flex;align-items:center}.bag__icon svg{margin-right:var(--spacing-xs)}.menu-drawer{background:#fff;position:fixed;z-index:99999;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin-top:calc(var(--announcement-bar-height) + var(--header-height));transform:translate(-100%);will-change:transform}.nav-wrapper details>summary:before,.nav-wrapper details[open]:not(.menu-drawer-open)>summary:before{content:"";position:fixed;width:100%;height:100%;opacity:0;visibility:hidden;z-index:2;transition:opacity 2s,visibility 2s;top:0;right:0;bottom:0;left:0;margin-top:calc(var(--announcement-bar-height) + var(--header-height));background:#fff}.nav-wrapper details[open]>summary:before{visibility:visible;opacity:1;transition:opacity .6s ease-in-out,visibility .9s ease}.nav-wrapper details[open].menu-drawer-open .menu-drawer{opacity:1}.nav-wrapper details[open].menu-drawer-open .menu-drawer{transform:translate(0)}.menu-drawer *:not(h2){text-transform:unset}.menu-drawer__wrapper{padding:32px 0;display:flex;flex-direction:column;justify-content:space-between;height:calc(100% - 64px);overflow-y:auto}.menu-drawer__wrapper h2:not(.socials h2){margin-bottom:30px}.menu-drawer__wrapper li:not(.socials li){margin-bottom:var(--spacing-m)}.menu-drawer__wrapper hr{height:1px;background-color:var(--midgray);margin:32px 0}.socials ul>div{display:flex;align-items:center}.socials ul>div>svg{margin-left:4px}.nav-wrapper summary{display:flex;max-width:fit-content}.nav-wrapper details summary::-webkit-details-marker{display:none}.nav-wrapper details svg path{-webkit-transition:-webkit-transform ease-in-out .5s;transition:transform ease-in-out .5s;will-change:transform;transition-delay:90ms;-webkit-transform-origin:6px 12px;transform-origin:6px 12px}.nav-wrapper details[open] summary svg path:nth-child(1){-webkit-transform-origin:6px 12px;transform-origin:6px 12px;transform:rotate(45deg) translateY(0) translate(0)}.nav-wrapper details[open] summary svg path:nth-child(2){transform:translate(-100%)}.nav-wrapper details[open] summary svg path:nth-child(3){-webkit-transform-origin:6px 12px;transform-origin:6px 12px;transform:rotate(-45deg) translateY(0) translate(0)}ul.mega-menu__wrapper{background:transparent;position:fixed;top:calc(var(--announcement-bar-height) + var(--header-height));left:0;right:0;padding-top:var(--spacing-m);padding-bottom:var(--spacing-m);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease}.desktop-only nav a.has-children:hover+ul.mega-menu__wrapper,.desktop-only nav a.has-children:hover+ul.mega-menu__wrapper li a,ul.mega-menu__wrapper:hover{opacity:1;visibility:visible;z-index:100;pointer-events:auto}ul.mega-menu__wrapper a{text-transform:unset}ul.mega-menu__wrapper a:hover{opacity:1!important}ul.mega-menu__wrapper li a{display:block;opacity:.2;transition:all 1.4s ease}ul.mega-menu__wrapper li{padding:calc(var(--spacing-s) / 2) 0}.menu-bg{background:var(--white);top:0;right:0;bottom:0;left:0;position:absolute;transform:translate3d(0,-100%,0);transition:all .5s ease-in-out;z-index:-9}.desktop-only nav a.has-children:hover+ul.mega-menu__wrapper>.menu-bg,ul.mega-menu__wrapper:hover .menu-bg{transform:translateZ(0)}@media(max-width:1024px){.nav-wrapper{justify-content:space-between}.left-nav{justify-content:flex-start;padding:0 var(--spacing-xl)}.right-nav,.left-nav{border:none;min-width:auto}}header>.desktop-only{display:none!important}header>.mobile-only{display:block!important}@media screen and (min-width:1024px){header>.desktop-only{display:block!important}header>.mobile-only{display:none!important}}.black{color:#000}.menu-toggle{display:flex;justify-content:space-between;width:100%;background:none;border:0;padding:0;cursor:pointer;font:inherit;color:inherit;-webkit-appearance:none}.margin-top-0,.margin-top-6{margin-top:0}.center-nav a.is-parent-active,.center-nav a.is-current,.mega-menu__wrapper a[aria-current=page],.menu-drawer__menu-item--active,.menu-toggle.is-parent-active{font-weight:600}@media screen and (min-width:1024px){header>.desktop-only .center-nav>a{font-size:1.1em;line-height:1.2}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/section-header.css.map */