.modern-header__container{width:100%;margin-left:auto;margin-right:auto;padding-inline:1rem;padding-block:.5rem}.modern-header__inner{display:flex;align-items:center;justify-content:space-between;height:4rem;min-width:0;position:relative}.modern-header__inner>*{min-width:0}.hidden{display:none}@media(max-width:767px){.small-hide{display:none!important}}@media(min-width:750px)and (max-width:989px){.medium-hide{display:none!important}}.header-wrapper.gradient{background:rgba(var(--color-background),.5)}.modern-header--dark,.modern-header--light{background-color:rgba(var(--color-background),.5);color:rgb(var(--color-foreground))}.modern-header--dark .modern-header__logo-bg-top,.modern-header--dark .modern-header__logo-bg-bottom,.modern-header--light .modern-header__logo-bg-top,.modern-header--light .modern-header__logo-bg-bottom{background-color:rgba(var(--color-background),.5)}.header-wrapper--transparent,.header-wrapper--transparent.gradient{background:transparent;transition:background-color .5s ease,background .5s ease}.header-wrapper--transparent .modern-header--dark,.header-wrapper--transparent .modern-header--light,.header-wrapper--transparent .modern-header__logo-bg-top,.header-wrapper--transparent .modern-header__logo-bg-bottom{background-color:transparent;transition:background-color .5s ease}.header-wrapper--transparent.header-wrapper--scrolled-solid,.header-wrapper--transparent.header-wrapper--scrolled-solid.gradient{background:rgba(var(--color-background),.5)}.header-wrapper--transparent.header-wrapper--scrolled-solid .modern-header--dark,.header-wrapper--transparent.header-wrapper--scrolled-solid .modern-header--light{background-color:rgba(var(--color-background),.5)}.header-wrapper--transparent.header-wrapper--scrolled-solid .modern-header__logo-bg-top,.header-wrapper--transparent.header-wrapper--scrolled-solid .modern-header__logo-bg-bottom{background-color:rgba(var(--color-background),.8)}.modern-header{width:100%;transition:background-color .15s ease,color .15s ease}.modern-header__nav{display:flex;align-items:center;gap:2rem;flex-shrink:0;min-width:0}.modern-header__nav-link{font-size:.875rem;line-height:1.25rem;font-weight:500;text-decoration:none;transition:color .15s ease;cursor:pointer}@media(max-width:679px){.modern-header__nav-link:nth-child(n+2){display:none}}.modern-header__nav-link:hover{color:rgba(var(--color-foreground),.7)}.modern-header--dark .modern-header__nav-link,.modern-header--light .modern-header__nav-link{color:rgb(var(--color-foreground))}.modern-header__logo-wrapper{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:100%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin:0}@media(min-width:768px){.modern-header__logo-wrapper{width:16rem}}@media(min-width:990px){.modern-header__logo-wrapper{width:14rem}}@media(min-width:1280px){.modern-header__logo-wrapper{width:16rem}}.modern-header__logo-container{position:relative;height:100%;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column}.modern-header__logo-bg-top,.modern-header__logo-bg-bottom{height:100%;width:100%}.modern-header__logo-image-wrapper{position:relative;height:100%;display:flex;align-items:center;padding:.5rem;z-index:2}.modern-header__logo-image{border:none;height:100%;object-fit:contain}.modern-header__logo-container:not(.modern-header__logo-container--has-shader) .modern-header__logo-image-wrapper[style*=--logo-image-url] .modern-header__logo-image{background-color:var(--logo-fill-color, rgb(var(--color-foreground)));mask-image:var(--logo-image-url);mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-image:var(--logo-image-url);-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;opacity:0}.modern-header__logo-container:not(.modern-header__logo-container--has-shader) .modern-header__logo-image-wrapper[style*=--logo-image-url]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--logo-fill-color, rgb(var(--color-foreground)));mask-image:var(--logo-image-url);mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-image:var(--logo-image-url);-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center}.modern-header__logo-container--has-shader .modern-header__logo-image-wrapper:before{display:none!important}.modern-header__logo-container--has-shader .modern-header__logo-bg-top,.modern-header__logo-container--has-shader .modern-header__logo-bg-bottom{background:transparent!important}.modern-header__logo-image-wrapper .logo-shader-background--masked{-webkit-mask-image:var(--logo-mask-url);mask-image:var(--logo-mask-url);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.modern-header__logo-container--has-shader .modern-header__logo-image-wrapper .modern-header__logo-image{opacity:0!important;pointer-events:none}.modern-header__actions{display:flex;align-items:center;gap:1rem;flex-shrink:0}@media(max-width:680px){.modern-header__actions{gap:.25rem}}.modern-header__search-wrapper{position:relative;display:none}@media(min-width:900px){.modern-header__search-wrapper{display:block}}.modern-header__mobile-search-toggle{display:none}@media(max-width:899px){.modern-header__mobile-search-toggle{display:inline-flex}}@media(min-width:900px){.modern-header__mobile-search-toggle{display:none!important}}@media(max-width:899px){.modern-header--search-active .modern-header__logo-wrapper,.modern-header--search-active [data-logo-link]{display:none!important}.modern-header--search-active .modern-header__search-wrapper{display:block!important;position:absolute;left:50%;transform:translate(-50%) translateY(-50%);top:50%;width:16rem;margin:0}.modern-header--search-active .modern-header__search-input{width:100%}.modern-header--search-active .modern-header__mobile-search-toggle{position:relative;z-index:10}.modern-header--search-active .modern-header__container{position:relative}}.modern-header__search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);height:1rem;width:1rem;pointer-events:none;z-index:1}.modern-header--dark .modern-header__search-icon,.modern-header--light .modern-header__search-icon{color:rgb(var(--color-foreground))}.modern-header__search-form{position:relative;display:flex;align-items:center}.modern-header__search-form .modern-header__search-reset{position:absolute;right:.25rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;min-height:1.75rem;padding:0;border:none;background:none;cursor:pointer;border-radius:var(--inputs-radius-outset);color:inherit;z-index:2}.modern-header__search-form .modern-header__search-reset:after{display:none}.modern-header__search-form .modern-header__search-reset:hover{opacity:.8}.modern-header__search-form .modern-header__search-reset .svg-wrapper{width:1rem;height:1rem}.modern-header__search-form .modern-header__search-reset.hidden{display:none}.modern-header__search-input{padding:.25rem 2.25rem .25rem 2.5rem;width:10rem;height:2.25rem;border:1px solid white;border-radius:var(--inputs-radius-outset);font-size:var(--font-size-small);background-color:transparent;transition:color .15s ease,box-shadow .15s ease,border-color .15s ease;outline:none;box-shadow:0 1px 2px #0000000d}@media screen and (min-width:1024px){.modern-header__search-input{width:16rem}}.modern-header--dark .modern-header__search-input,.modern-header--light .modern-header__search-input{color:rgb(var(--color-foreground));border-color:rgb(var(--color-foreground))}@supports not (color: color-mix(in oklab,red,red)){.modern-header .modern-header__search-input{background-color:rgba(var(--color-foreground),.05)}}.modern-header__search-input:hover{border-color:rgba(var(--color-foreground),.3)}@supports not (color: color-mix(in oklab,red,red)){.modern-header .modern-header__search-input:hover{background-color:rgba(var(--color-foreground),.08)}}.modern-header__search-input:focus-visible{border-color:var(--ring, rgba(var(--color-foreground), .4));box-shadow:0 0 0 3px rgba(var(--color-foreground),.1);outline:none}.modern-header__search-input::placeholder{color:rgba(var(--color-foreground),.6)}.modern-header__icon-button{background:none;border:none;padding:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .15s ease}.modern-header--dark .modern-header__icon-button svg,.modern-header--light .modern-header__icon-button svg{color:rgb(var(--color-foreground));fill:none}.modern-header__icon-button:hover{opacity:.7}.modern-header__icon-button svg{height:1.25rem;width:1.25rem}.modern-header__cart-button svg{min-width:1.25rem;min-height:1.25rem}.modern-header__cart-button{position:relative;min-width:1.25rem;min-height:1.25rem;width:1.25rem;height:1.25rem;display:inline-flex;align-items:center;justify-content:center;box-sizing:content-box}.modern-header__cart-button>svg,.modern-header__cart-button>.svg-wrapper{flex-shrink:0;width:1.25rem;height:1.25rem;min-width:1.25rem;min-height:1.25rem}.modern-header__cart-button .svg-wrapper{overflow:hidden;display:inline-flex;align-items:center;justify-content:center}.modern-header__cart-button .svg-wrapper svg{width:1.25rem;height:1.25rem;min-width:1.25rem;min-height:1.25rem;flex-shrink:0;transform:scale(calc(40 / 24));transform-origin:center}.modern-header__cart-button .cart-count-bubble{position:absolute;top:-.25rem;right:-.25rem;bottom:auto;left:auto;background-color:rgb(var(--color-button));color:rgb(var(--color-button-text));border-radius:50%;width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;line-height:1}.modern-header__cart-count{position:absolute;top:-.25rem;right:-.25rem;background-color:rgb(var(--color-button));color:rgb(var(--color-button-text));border-radius:50%;width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600}.modern-header__shader-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.1;background:linear-gradient(135deg,#ffffff1a,#0000001a)}.modern-header--dark .modern-header__shader-bg{background:linear-gradient(135deg,#ffffff0d,#ffffff05)}.modern-header .header__inline-menu{margin-left:0;display:block}.modern-header .header__menu-item{padding:.5rem 0;text-decoration:none;font-size:.875rem;line-height:1.25rem;font-weight:500;transition:color .15s ease}.modern-header--dark .header__menu-item,.modern-header--light .header__menu-item{color:rgb(var(--color-foreground))}.modern-header .header__menu-item:hover{color:rgba(var(--color-foreground),.7)}.modern-header .header__menu-item span{transition:color .15s ease}.modern-header .header__menu-item:hover span{text-decoration:none}.modern-header details[open]>.header__menu-item,.modern-header details[open]>.header__menu-item span{text-decoration:none}.modern-header .header__active-menu-item,.modern-header--dark .header__active-menu-item,.modern-header--light .header__active-menu-item{color:rgb(var(--color-foreground));text-decoration:none}.modern-header .header__menu-item:hover .header__active-menu-item{text-decoration:none}.modern-header .header__submenu{background-color:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.1);border-top:none;border-radius:0 0 .375rem .375rem;box-shadow:0 4px 6px -1px rgba(var(--color-foreground),.15),0 2px 4px -1px rgba(var(--color-foreground),.1);padding:.5rem 0;margin-top:.5rem}.modern-header--dark .header__submenu,.modern-header--light .header__submenu{background-color:rgb(var(--color-background));border-color:rgba(var(--color-foreground),.1);box-shadow:0 4px 6px -1px rgba(var(--color-foreground),.15),0 2px 4px -1px rgba(var(--color-foreground),.1)}.modern-header .header__submenu .header__menu-item{padding:.5rem 1rem;font-size:.875rem}.modern-header .header__submenu .header__menu-item:hover,.modern-header--dark .header__submenu .header__menu-item:hover,.modern-header--light .header__submenu .header__menu-item:hover{background-color:rgba(var(--color-foreground),.08)}.modern-header .mega-menu__content{background-color:rgb(var(--color-background));border-top:1px solid rgba(var(--color-foreground),.1);box-shadow:0 4px 6px -1px rgba(var(--color-foreground),.15),0 2px 4px -1px rgba(var(--color-foreground),.1)}.modern-header--dark .mega-menu__content,.modern-header--light .mega-menu__content{background-color:rgb(var(--color-background));border-top-color:rgba(var(--color-foreground),.1);box-shadow:0 4px 6px -1px rgba(var(--color-foreground),.15),0 2px 4px -1px rgba(var(--color-foreground),.1)}.modern-header .mega-menu__link{color:rgba(var(--color-foreground),.75);font-size:.875rem;transition:color .15s ease}.modern-header--dark .mega-menu__link,.modern-header--light .mega-menu__link{color:rgba(var(--color-foreground),.75)}.modern-header .mega-menu__link:hover,.modern-header .mega-menu__link--active,.modern-header--dark .mega-menu__link:hover,.modern-header--dark .mega-menu__link--active,.modern-header--light .mega-menu__link:hover,.modern-header--light .mega-menu__link--active{color:rgb(var(--color-foreground))}.modern-header__drawer-trigger{background:none;border:none;padding:.5rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:opacity .15s ease}.modern-header__drawer-trigger:hover{opacity:.7}.modern-header--dark .modern-header__drawer-trigger .icon,.modern-header--dark .modern-header__drawer-trigger svg,.modern-header--light .modern-header__drawer-trigger .icon,.modern-header--light .modern-header__drawer-trigger svg{color:rgb(var(--color-foreground));fill:rgb(var(--color-foreground))}.modern-header__drawer-trigger .icon,.modern-header__drawer-trigger svg{width:1.25rem;height:1.25rem}.modern-header__drawer-trigger span{display:flex;align-items:center;justify-content:center}.modern-header~header-drawer summary.header__icon--menu{display:none!important}.menu-drawer{background-color:rgb(var(--color-background))!important;color:rgb(var(--color-foreground))!important}.modern-header--dark~.menu-drawer,.modern-header--dark~* .menu-drawer,.modern-header--dark~header-drawer .menu-drawer,.modern-header--light~.menu-drawer,.modern-header--light~* .menu-drawer,.modern-header--light~header-drawer .menu-drawer{background-color:rgb(var(--color-background))!important;color:rgb(var(--color-foreground))!important}header-drawer{position:relative;z-index:1000}.menu-drawer{z-index:1000!important;pointer-events:auto!important}#Details-menu-drawer-container{height:0}details[open].menu-opening>.menu-drawer,#Details-menu-drawer-container.menu-opening>.menu-drawer{transform:translate(0)!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}.menu-drawer__inner-container,.menu-drawer__navigation-container,.menu-drawer__navigation,.menu-drawer__menu,.menu-drawer__menu-item,.menu-drawer__menu-item a{opacity:1!important;visibility:visible!important;pointer-events:auto!important;position:relative;z-index:1001;cursor:pointer}.menu-drawer__menu{line-height:1.25rem;padding:.5rem}.menu-drawer .menu-drawer__menu-item{color:rgba(var(--color-foreground),.75)!important;transition:color .15s ease,background-color .15s ease}.modern-header--dark~.menu-drawer .menu-drawer__menu-item,.modern-header--dark~* .menu-drawer .menu-drawer__menu-item,.modern-header--dark~header-drawer .menu-drawer .menu-drawer__menu-item,.modern-header--light~.menu-drawer .menu-drawer__menu-item,.modern-header--light~* .menu-drawer .menu-drawer__menu-item,.modern-header--light~header-drawer .menu-drawer .menu-drawer__menu-item{color:rgba(var(--color-foreground),.75)!important}.menu-drawer .menu-drawer__menu-item:hover,.menu-drawer .menu-drawer__menu-item--active{color:rgb(var(--color-foreground))!important;background-color:rgba(var(--color-foreground),.05)!important;border-radius:.25rem}.modern-header--dark~.menu-drawer .menu-drawer__menu-item:hover,.modern-header--dark~.menu-drawer .menu-drawer__menu-item--active,.modern-header--dark~* .menu-drawer .menu-drawer__menu-item:hover,.modern-header--dark~* .menu-drawer .menu-drawer__menu-item--active,.modern-header--dark~header-drawer .menu-drawer .menu-drawer__menu-item:hover,.modern-header--dark~header-drawer .menu-drawer .menu-drawer__menu-item--active,.modern-header--light~.menu-drawer .menu-drawer__menu-item:hover,.modern-header--light~.menu-drawer .menu-drawer__menu-item--active,.modern-header--light~* .menu-drawer .menu-drawer__menu-item:hover,.modern-header--light~* .menu-drawer .menu-drawer__menu-item--active,.modern-header--light~header-drawer .menu-drawer .menu-drawer__menu-item:hover,.modern-header--light~header-drawer .menu-drawer .menu-drawer__menu-item--active{color:rgb(var(--color-foreground))!important;background-color:rgba(var(--color-foreground),.1)!important;border-radius:.25rem}.modern-header .header__menu-item .icon-caret{width:.75rem;height:.75rem;margin-left:.5rem;transition:transform .15s ease}.modern-header details[open]>.header__menu-item .icon-caret{transform:rotate(180deg)}.modern-header .list-menu--inline{display:inline-flex;flex-wrap:wrap;gap:2rem;align-items:center}@media screen and (max-width:989px){.modern-header .header__inline-menu{display:none}.modern-header__drawer-trigger{display:inline-flex}}@media screen and (min-width:990px){.modern-header .header__inline-menu{display:block}.modern-header__drawer-trigger{display:inline-flex}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/component-header-modern.css.map */