.header{--header-fg: var(--color-ink);--header-fg-soft: var(--color-text-soft);--header-hover-bg: rgb(var(--color-overlay) / .07);position:relative;height:var(--header-height);background-color:var(--color-bg);color:var(--header-fg);box-shadow:0 1px 0 transparent;transition:transform .4s var(--ease-out),background-color .35s var(--ease-out),color .35s var(--ease-out),box-shadow .35s var(--ease-out)}.header.is-scrolled,.header.is-panel-open{background-color:var(--color-bg);box-shadow:0 1px 0 var(--color-line)}.header--transparent:not(.is-scrolled):not(.is-panel-open){--header-fg: rgb(255 255 255 / .96);--header-fg-soft: rgb(255 255 255 / .7);--header-hover-bg: rgb(255 255 255 / .16);background-color:transparent;box-shadow:0 1px 0 transparent}.header--transparent:not(.is-scrolled):not(.is-panel-open):before{content:"";position:absolute;inset:0 0 auto;height:calc(var(--header-height) * 1.9);pointer-events:none;background:linear-gradient(to bottom,#00000080,#00000047 45%,#0000)}.header--transparent .header__inner{position:relative;z-index:1}.header--transparent:not(.is-scrolled):not(.is-panel-open) .header__link-text,.header--transparent:not(.is-scrolled):not(.is-panel-open) .header__logo{text-shadow:0 1px 12px rgb(0 0 0 / .4)}html.motion .header.is-hidden{transform:translateY(-102%)}.header__inner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-4);height:100%}.header__nav{display:none}@media screen and (min-width:1100px){.header .header__hamburger{display:none}.header__nav{display:block;min-width:0}.header--logo-center .header__inner{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-rows:100%}.header--logo-center .header__nav{grid-column:1;grid-row:1;justify-self:start}.header--logo-center .header__logo{grid-column:2;grid-row:1}.header--logo-center .header__icons{grid-column:3;grid-row:1;justify-self:end}.header--logo-left .header__inner{grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:100%}.header--logo-left .header__logo{grid-column:1;grid-row:1}.header--logo-left .header__nav{grid-column:2;grid-row:1;justify-self:start;padding-inline-start:var(--space-6)}.header--logo-left .header__icons{grid-column:3;grid-row:1;justify-self:end}}@media screen and (max-width:1099.98px){.header__inner{grid-template-columns:1fr auto 1fr}.header__hamburger{grid-column:1;justify-self:start;margin-inline-start:-8px}.header__logo{grid-column:2;justify-self:center}.header__icons{grid-column:3;justify-self:end;margin-inline-end:-8px}}.header__logo-heading{margin:0;font-size:0;line-height:0}.header__logo-link{display:inline-flex;align-items:center;color:var(--header-fg)}.header__logo-img{width:var(--logo-width, 120px);max-height:calc(var(--header-height) - 16px);height:auto;object-fit:contain}.header__logo-text{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:1.625rem;letter-spacing:.01em;line-height:1;color:var(--header-fg)}@media screen and (max-width:749.98px){.header__logo-img{width:calc(var(--logo-width, 120px) * .8)}.header__logo-text{font-size:1.375rem}}.header__menu{display:flex;align-items:center;flex-wrap:nowrap;gap:0 clamp(14px,1.4vw,26px)}.header__item{position:relative;display:flex;align-items:flex-start}.header__link{display:inline-flex;align-items:center;gap:5px;padding-block:var(--space-2);font-size:.8125rem;font-weight:var(--font-body-weight-medium);letter-spacing:.08em;text-transform:uppercase;color:var(--header-fg);white-space:nowrap}.header__link-text{background-image:linear-gradient(currentColor,currentColor);background-size:0% 1px;background-repeat:no-repeat;background-position:left calc(100% + 3px);transition:background-size var(--duration-ui) var(--ease-air);padding-bottom:2px}.header__link:hover .header__link-text,.header__link:focus-visible .header__link-text,.header__link--active .header__link-text,.header__link[aria-expanded=true] .header__link-text{background-size:100% 1px}.header__link-chevron{opacity:.55;transition:transform var(--duration-micro) var(--ease-out)}.header__link[aria-expanded=true] .header__link-chevron{transform:rotate(180deg)}.header__pill{display:inline-block;margin-inline-start:3px;transform:translateY(-4px);padding:2px 7px 3px;border-radius:var(--radius-pill);background-color:var(--color-terracotta);color:var(--color-bg);font-size:.5625rem;font-weight:var(--font-body-weight-medium);letter-spacing:.06em;line-height:1;white-space:nowrap}.header__dropdown{position:absolute;top:calc(100% + 2px);left:50%;transform:translate(-50%);min-width:220px;z-index:5;background-color:var(--color-bg-elevated);border:1px solid var(--color-line);border-radius:var(--radius-m);box-shadow:var(--shadow-float);padding:var(--space-3)}.header__dropdown[hidden]{display:none}.header__dropdown-link{display:block;padding:var(--space-2) var(--space-3);border-radius:var(--radius-s);font-size:var(--text-sm);color:var(--color-text);transition:background-color var(--duration-micro) var(--ease-out),color var(--duration-micro) var(--ease-out)}.header__dropdown-link:hover,.header__dropdown-link--active{background-color:var(--color-bg-secondary);color:var(--color-ink)}.header__icons{display:flex;align-items:center;gap:var(--space-1)}.header__icon-btn{position:relative;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;color:var(--header-fg);transition:background-color var(--duration-micro) var(--ease-out),color var(--duration-micro) var(--ease-out),transform var(--duration-micro) var(--ease-out)}.header__icon-btn:hover{background-color:var(--header-hover-bg)}.header__icon-btn:active{transform:scale(.94)}@media screen and (max-width:749.98px){.header__account,.header__color-mode{display:none}}.header__mode-icons{position:relative;width:20px;height:20px;display:block}.header__mode-icons .icon{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .3s var(--ease-out),transform .45s var(--ease-air)}html[data-color-mode=light] .header__mode-moon{opacity:1;transform:none}html[data-color-mode=light] .header__mode-sun{opacity:0;transform:rotate(90deg) scale(.5)}html[data-color-mode=dark] .header__mode-sun{opacity:1;transform:none}html[data-color-mode=dark] .header__mode-moon{opacity:0;transform:rotate(-90deg) scale(.5)}.cart-icon-bubble{position:relative;display:inline-grid;place-items:center}.cart-icon-bubble__dot{position:absolute;top:-8px;right:-10px;min-width:17px;height:17px;padding-inline:4px;display:grid;place-items:center;border-radius:var(--radius-pill);background-color:var(--color-accent);color:var(--color-button-text);font-size:.625rem;font-weight:var(--font-body-weight-medium);line-height:1}
/*# sourceMappingURL=/cdn/shop/t/35/assets/section-header.css.map */