:root{--ecosystem-glass-fill: rgb(var(--color-background));--ecosystem-glass-drawer-fill: rgb(var(--color-background));--ecosystem-glass-border: rgba(var(--color-foreground), .12);--ecosystem-glass-filter: none}@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){:root{--ecosystem-glass-fill: rgba(var(--color-background), .62);--ecosystem-glass-drawer-fill: rgba(var(--color-background), .78);--ecosystem-glass-filter: blur(16px)}}.header-wrapper--ecosystem{background:var(--ecosystem-glass-fill);border-bottom:1px solid var(--ecosystem-glass-border);backdrop-filter:var(--ecosystem-glass-filter);-webkit-backdrop-filter:var(--ecosystem-glass-filter)}.header.header--ecosystem.page-width{grid-template-areas:"heading icons";grid-template-columns:minmax(0,1fr) auto;column-gap:1.6rem;min-height:5.6rem;padding:.6rem var(--storefront-gutter) .6rem var(--storefront-shell-start);max-width:none}.header__ecosystem{grid-area:heading;display:flex;align-items:center;gap:1.2rem}.header__ecosystem-logo,.header__ecosystem-shop{display:inline-flex;align-items:center;justify-content:center;min-height:4.4rem}.header__ecosystem-logo{min-width:4.4rem}.header__ecosystem-logo img{display:block;width:4.4rem;height:4.4rem}.header__ecosystem-shop{padding-inline:.4rem;font-family:var(--font-heading-family);font-size:1.6rem;text-decoration:none}.header__ecosystem-shop:hover{text-decoration:underline;text-underline-offset:.4rem}.header--ecosystem .header__icons{grid-area:icons;padding-right:0}.header.header--ecosystem .header__icons .header__search{display:inline-flex}.ecosystem-nav{display:none}.ecosystem-nav__list,.ecosystem-nav__submenu,.ecosystem-nav__children{list-style:none;margin:0;padding:0}.ecosystem-nav__link{display:flex;align-items:center;min-height:4.4rem;padding:.6rem;font-size:1.6rem;font-weight:600;line-height:2.4rem;text-decoration:none;border-radius:2rem}.ecosystem-nav__link:hover{text-decoration:underline;text-decoration-thickness:.1rem;text-underline-offset:.4rem}.ecosystem-nav__shop{text-decoration:underline;text-decoration-thickness:.2rem;text-underline-offset:.4rem}.ecosystem-nav__link:focus-visible{outline:2px solid currentColor;outline-offset:.4rem}.ecosystem-nav__link .icon-caret{position:static;width:1rem;height:.6rem;margin-left:.6rem;flex-shrink:0}.ecosystem-nav__list>li{position:relative}.ecosystem-nav__submenu{position:absolute;top:calc(100% - .4rem);left:0;min-width:18rem;padding:1.2rem;background:var(--ecosystem-glass-fill);border:1px solid var(--ecosystem-glass-border);border-radius:1.3rem;box-shadow:none;backdrop-filter:var(--ecosystem-glass-filter);-webkit-backdrop-filter:var(--ecosystem-glass-filter);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-.4rem);transition:opacity var(--duration-short) ease,transform var(--duration-short) ease,visibility var(--duration-short) ease;z-index:4}.ecosystem-nav__item--has-submenu:is(:hover,:focus-within,.is-open)>.ecosystem-nav__submenu{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.ecosystem-nav__submenu .ecosystem-nav__link{border-radius:.4rem;font-weight:400}.header--ecosystem .ecosystem-drawer{display:block;margin:0;order:3}.header--ecosystem .header__icons{gap:.8rem}.header-wrapper--ecosystem:has(.ecosystem-drawer .menu-drawer-container[open]){background:var(--ecosystem-glass-drawer-fill)}.ecosystem-drawer .menu-drawer{width:100%;background:var(--ecosystem-glass-drawer-fill);border:0;box-shadow:none;filter:none;backdrop-filter:var(--ecosystem-glass-filter);-webkit-backdrop-filter:var(--ecosystem-glass-filter)}.ecosystem-drawer details[open]>.menu-drawer{transform:translateY(-.3rem)}.ecosystem-drawer .menu-drawer__navigation-container{display:flex;flex-direction:column;overscroll-behavior:contain}.ecosystem-drawer .menu-drawer__navigation{flex:0 0 auto;padding:1.6rem var(--storefront-gutter)}.ecosystem-drawer__action{margin-top:auto;padding:1.2rem var(--storefront-gutter) calc(1.2rem + env(safe-area-inset-bottom))}.ecosystem-drawer__newsletter{width:100%;min-height:4.8rem;border-radius:1.3rem;background:#c46d57;color:#fff;font-family:var(--font-heading-family);font-size:1.6rem}.ecosystem-drawer__newsletter:hover{background:#c46d57;color:#fff}.ecosystem-drawer__newsletter:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:.4rem}.ecosystem-drawer .ecosystem-nav__list{display:flex;flex-direction:column;gap:.4rem}.ecosystem-drawer .ecosystem-nav__link{min-height:4.8rem;padding:.4rem 0;font-size:clamp(2.8rem,7.6vw,3.2rem);line-height:1.1;border-radius:0}.ecosystem-drawer .ecosystem-nav__children{padding-left:2.4rem}.ecosystem-drawer .ecosystem-nav__children .ecosystem-nav__link{min-height:4.4rem;font-size:1.8rem;font-weight:400;line-height:1.3}@media screen and (min-width:990px){.header.header--ecosystem.page-width{grid-template-areas:"heading navigation icons";grid-template-columns:4.4rem minmax(0,1fr) auto;column-gap:clamp(1.2rem,2vw,2.4rem);padding:.6rem var(--storefront-gutter) .6rem var(--storefront-shell-start)}.header--ecosystem .header__ecosystem-shop,.header--ecosystem .ecosystem-drawer{display:none}.ecosystem-nav{display:block;grid-area:navigation}.ecosystem-nav__list{display:flex;gap:clamp(.4rem,.8vw,1.2rem)}}@media(prefers-reduced-motion:reduce){.ecosystem-nav__submenu{transition:none}}@media(prefers-reduced-transparency:reduce){.header-wrapper--ecosystem,.header-wrapper--ecosystem .ecosystem-nav__submenu,.header-wrapper--ecosystem .ecosystem-drawer .menu-drawer{background:rgb(var(--color-background));backdrop-filter:none;-webkit-backdrop-filter:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/section-ecosystem-header.css.map */