.mobile-menu__overlay.hidden-overlay{opacity:0!important;visibility:hidden!important}.mobile-menu__drawer{position:fixed;top:0;left:0;bottom:0;height:100dvh;width:100%;max-width:390px;z-index:49;padding-top:var(--header-height);transform:translate(-100%);transition:all var(--duration) var(--animation-effect)}@media(max-width:576px){.mobile-menu__drawer{max-width:100%}}.mobile-menu__drawer.show-menu{transform:translate(0)!important}.cart-drawer{color:var(--color-dark-blue)}html.cart-drawer-open{overflow:hidden}.cart-drawer__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;background:#231f2014;opacity:0;visibility:hidden;transition:opacity var(--duration) var(--animation-effect),visibility var(--duration) var(--animation-effect)}.cart-drawer.is-open .cart-drawer__overlay{opacity:1;visibility:visible}.cart-drawer__panel{background:var(--cart-drawer-background, var(--color-fruit-galaxy-4));bottom:0;display:flex;flex-direction:column;max-width:422px;position:fixed;right:0;top:0;transform:translate(100%);transition:transform var(--duration) var(--animation-effect);width:100%;z-index:9999}.cart-drawer.is-open .cart-drawer__panel{transform:translate(0)}.btn--burger-icon{position:relative;display:block;width:16px;height:14px}.btn--burger-icon span{position:absolute;left:0;width:100%;height:2px;border-radius:50px;background:#1a1a2e;transform-origin:center;transition:opacity var(--duration) var(--animation-effect),top var(--duration) var(--animation-effect),transform var(--duration) var(--animation-effect)}.btn--burger-icon span:nth-child(1){top:0}.btn--burger-icon span:nth-child(2){top:6px}.btn--burger-icon span:nth-child(3){top:12px}.btn--burger[aria-expanded=true] .btn--burger-icon span:nth-child(1){top:6px;transform:rotate(45deg)}.btn--burger[aria-expanded=true] .btn--burger-icon span:nth-child(2){opacity:0;transform:scaleX(0)}.btn--burger[aria-expanded=true] .btn--burger-icon span:nth-child(3){top:6px;transform:rotate(-45deg)}.header__wrapper{--header-bg-offset-top: var(--header-bg-offset-top-mob, 0px);--header-bg-offset-sides: var(--header-bg-offset-sides-mob, 0px);--header-bg-inset-top: var(--header-bg-inset-top-mob, 0px);--header-bg-inset-bottom: var(--header-bg-inset-bottom-mob, 0px);--header-bg-border-radius: var(--header-bg-border-radius-mob, 12px);display:flex;align-items:center;padding-top:var(--header-bg-offset-top);min-height:calc(72px + var(--header-bg-offset-top));width:100%;background:transparent;overflow:visible;position:relative;z-index:50}.header__wrapper--scroll-fade:not(.is-sticky-active){opacity:1;visibility:visible}.header__wrapper--scroll-fade.is-sticky-active:not(.is-scroll-hidden){opacity:1;pointer-events:auto;transition:none;visibility:visible}.header__wrapper--scroll-fade.is-sticky-active.is-scroll-hidden{opacity:0;pointer-events:none;transition:none;visibility:hidden}.header__wrapper--scroll-fade.is-sticky-active.is-scroll-fade-animating:not(.is-scroll-hidden){opacity:1;pointer-events:auto;transition:opacity var(--header-scroll-animation-duration, .35s) var(--animation-effect);visibility:visible}.header__wrapper--scroll-fade.is-sticky-active.is-scroll-fade-animating.is-scroll-hidden{opacity:0;pointer-events:none;transition:opacity var(--header-scroll-animation-duration, .35s) var(--animation-effect);visibility:hidden}.header__wrapper--scroll-fade.is-scroll-hidden .header__container:before{opacity:0;transition:opacity 0s linear;transition-delay:0s}.header__wrapper--scroll-fade.header__wrapper--transparent .header__container:before{opacity:0;transform:translateY(-50%);transition:opacity var(--header-scroll-animation-duration, .35s) var(--animation-effect);transition-delay:0s}.header__wrapper--scroll-fade.header__wrapper--transparent:not(.is-sticky-active) .header__container:before,.header__wrapper--scroll-fade.header__wrapper--transparent:not(.is-sticky-active).is-scrolled .header__container:before{opacity:0;transform:translateY(-50%);transition:opacity 0s linear;transition-delay:0s}.header__wrapper--scroll-fade.header__wrapper--transparent.is-sticky-active.is-scrolled:not(.is-scroll-hidden) .header__container:before,.header__wrapper--scroll-fade.header__wrapper--transparent.is-menu-open:not(.is-scroll-hidden) .header__container:before{opacity:1;transform:translateY(-50%);transition-delay:var(--header-scroll-animation-duration, .35s)}.header__container{align-self:stretch;display:grid;align-items:center;gap:16px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);max-width:1440px;margin:0 auto;padding:0 16px;position:relative;width:100%;z-index:1}.header__container>*{position:relative;z-index:1}.header__container:before{content:"";position:absolute;top:50%;left:var(--header-bg-offset-sides);right:var(--header-bg-offset-sides);bottom:auto;min-height:100%;background:var(--header-bg-color, var(--color-dark-blue));border-radius:var(--header-bg-border-radius);opacity:1;transform:translateY(-50%);transition:opacity var(--header-scroll-animation-duration, .35s) var(--animation-effect),transform var(--header-scroll-animation-duration, .35s) var(--animation-effect);z-index:0;pointer-events:none}.header__wrapper--transparent .header__container:before{opacity:0;transform:translateY(calc(-150% - var(--header-bg-offset-top)))}.header__wrapper--transparent.is-scrolled .header__container:before,.header__wrapper--transparent.is-menu-open .header__container:before{opacity:1;transform:translateY(-50%)}.header__wrapper--transparent.is-menu-open-at-top .header__container:before{background:var(--mobile-menu-background, var(--color-dark-blue));transition:opacity .35s var(--animation-effect),transform 0s var(--animation-effect);left:0;top:0;right:0;transform:translateY(0)}@media screen and (min-width:390px){.header__wrapper--transparent.is-menu-open-at-top .header__container:before{background:var(--mobile-menu-background, var(--color-dark-blue));transition:opacity 0s var(--animation-effect),transform 0s var(--animation-effect);opacity:0}}.header__wrapper--policy .header__container:before{background:var(--header-policy-bg-color, var(--color-dark-blue))}.header__wrapper--policy .header__nav-link span{color:var(--header-policy-text-color, var(--color-white))}.header__wrapper--policy .header__nav-link:after{background:var(--header-policy-text-color, var(--color-white))}.header__wrapper--policy .header__nav-link:focus-visible,.header__wrapper--policy .header__nav-link:hover span{color:var(--header-policy-text-color, var(--color-white))}.header__wrapper--policy .header__cart-count{color:var(--header-policy-text-color, var(--color-white))}.header__wrapper--policy a:focus-visible,.header__wrapper--policy button:focus-visible{outline-color:var(--header-policy-text-color, var(--color-white))}.header__wrapper--transparent-bundle .header__container:before{background:#d9f1fd}.header__wrapper--transparent-bundle.is-menu-open-at-top .header__container:before{background:#d9f1fd}.header__wrapper--transparent-bundle .header__nav-link span{color:var(--color-black)}.header__wrapper--transparent-bundle .header__nav-link:after{background:var(--color-black)}.header__wrapper--transparent-bundle .header__nav-link:focus-visible,.header__wrapper--transparent-bundle .header__nav-link:hover span{color:var(--color-black)}.header__wrapper--transparent-bundle.is-bundle-complete:not(.is-scrolled) .header__nav-link span{color:var(--color-white)}.header__wrapper--transparent-bundle.is-bundle-complete:not(.is-scrolled) .header__nav-link:focus-visible,.header__wrapper--transparent-bundle.is-bundle-complete:not(.is-scrolled) .header__nav-link:hover span{color:var(--color-white)}.header__nav{display:none}.header__nav-list{display:flex;align-items:center;gap:24px;list-style:none;padding:0}.header__nav-link{position:relative;display:inline-flex;text-decoration:none;transition:all var(--duration) var(--animation-effect)}.header__nav-link span{display:inline-block;position:relative;z-index:2;color:var(--color-white);transition:all var(--duration) var(--animation-effect)}.header__wrapper--transparent-collection:not(.is-sticky-active):not(.is-menu-open) .header__nav-link span{color:var(--header-transparent-collection-nav-color, var(--color-white))}.header__nav-link:after{content:"";position:absolute;top:-8px;left:-12px;right:-12px;bottom:auto;width:auto;height:36px;border-radius:12px;opacity:0;background:var(--color-yellow);border:2px solid var(--color-black);box-shadow:4px 4px 0 0 var(--color-black);transition:all var(--duration) var(--animation-effect)}.header__nav-link:not(.has-mega-menu):after,.header__nav-link.has-mega-menu:after{background:var(--color-yellow);border:2px solid var(--color-black);box-shadow:4px 4px 0 0 var(--color-black)}.header__nav-link:hover:after,.header__nav-link.has-mega-menu:hover:after,.header__nav-link.has-mega-menu.is-active:after{opacity:1!important}.header__wrapper .header__nav-link:hover span,.header__nav-link.has-mega-menu:hover span,.header__nav-link.has-mega-menu.is-active span{color:var(--color-black)}.header__wrapper a:focus-visible,.header__wrapper button:focus-visible{outline:2px solid var(--color-white);outline-offset:4px}.header__logo{display:inline-flex;align-items:center;justify-content:center;grid-column:2;justify-self:center;min-width:0;text-decoration:none}.header__logo img{display:block;height:auto;width:min(var(--max-width-mob),48vw)}.header__buttons{display:flex;align-items:center;justify-content:flex-end;gap:8px}.header__buttons .btn--primary{display:none}.header__cart-count{padding-top:2.5px;padding-right:2.5px;font-family:var(--font-nunito--family);position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;display:flex;align-items:center;justify-content:center;color:var(--color-white);font-size:10px}@media screen and (min-width:1024px){.header__wrapper{--header-bg-offset-top: var(--header-bg-offset-top-desk, 0px);--header-bg-offset-sides: var(--header-bg-offset-sides-desk, 0px);--header-bg-inset-top: var(--header-bg-inset-top-desk, 0px);--header-bg-inset-bottom: var(--header-bg-inset-bottom-desk, 0px);--header-bg-border-radius: var(--header-bg-border-radius-desk, 12px);padding-top:var(--header-bg-offset-top);min-height:calc(87px + var(--header-bg-offset-top))}.header__container{padding:0 24px}.header__nav{display:block;grid-column:1;justify-self:start}.header__logo img{width:min(var(--max-width-desk),18vw)}.header__buttons .btn--primary{display:inline-flex;min-width:180px;margin-right:16px}.btn--burger{display:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/header.css.map */