[id$=_header]{position:sticky;top:0;z-index:10}.header{position:relative;z-index:40;background-color:var(--color-background);border-bottom:var(--border-width-base) solid var(--border-default)}.header__inner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;padding-block:var(--space-4);gap:var(--space-4)}.header__logo{display:inline-flex;align-items:center;gap:var(--space-2);flex-shrink:0;justify-self:center;color:var(--text-on-chrome);text-decoration:none}.header__logo .logo__mark{display:inline-flex;flex-shrink:0}.header__logo .logo__placeholder{width:60px;height:60px;object-fit:contain}.header__logo .logo__name{font-family:var(--font-heading);font-weight:600;font-size:1.25rem}.header__nav-desktop{display:none}.header__nav-desktop ul,.header__mobile-nav ul{list-style:none;margin:0;padding:0}.header__nav-desktop ul{display:flex;align-items:center;gap:var(--space-1);background-color:var(--surface-alt);padding:var(--space-1);border-radius:var(--radius-base)}.header__nav-desktop a,.header__mobile-nav a{text-decoration:none}.header__nav-desktop a .icon-chevron-down{display:none}.header__nav-desktop a{display:inline-block;padding:var(--space-2) var(--space-4);border-radius:var(--radius-base);font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary);white-space:nowrap;transition:background-color .2s var(--motion-ease),color .2s var(--motion-ease)}.header__nav-desktop a:hover{background-color:var(--surface-page);color:var(--text-primary)}.header__nav-desktop a[aria-current=page]{background-color:var(--color-primary);color:var(--color-primary-contrast);font-weight:600;view-transition-name:header-nav-active}.header__nav-desktop a[aria-current=page]:hover{background-color:var(--color-primary);color:var(--color-primary-contrast)}.header__utility{flex-shrink:0;justify-self:end;gap:var(--space-4)}.header__icon-link{position:relative;display:inline-flex;color:var(--text-on-chrome)}.header__icon-link--desktop-only{display:none}.header__icon-link .icon{width:var(--space-5);height:var(--space-5)}.header__cart-count{position:absolute;top:-6px;right:-8px;min-width:16px;height:16px;padding-inline:4px;border-radius:var(--radius-base);background-color:var(--color-primary);color:var(--color-primary-contrast);font-size:10px;line-height:16px;text-align:center}.header__mobile-nav-toggle{display:inline-flex;align-items:center;justify-self:start;padding:0;border:0;background:none;color:var(--text-on-chrome)}.header__mobile-nav-toggle .icon{width:var(--space-5);height:var(--space-5)}.header__mobile-nav-toggle .icon-close,.header__mobile-nav-toggle[aria-expanded=true] .icon-menu{display:none}.header__mobile-nav-toggle[aria-expanded=true] .icon-close{display:block}.header__mobile-nav{position:fixed;top:0;left:0;bottom:0;z-index:30;width:min(70vw,320px);padding-block:var(--space-4);padding-inline:var(--space-4);overflow-y:auto;background-color:var(--surface-page);box-shadow:var(--shadow-base);transform:translate(-100%);transition:transform .45s cubic-bezier(.22,1,.36,1)}.header__mobile-nav.is-open{transform:translate(0)}@media(min-width:768px){.header__mobile-nav{padding-inline:var(--space-6)}}.header__mobile-nav-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background-color:var(--color-primary);opacity:0;pointer-events:none;transition:opacity .45s cubic-bezier(.22,1,.36,1)}.header__mobile-nav-backdrop.is-open{opacity:.45;pointer-events:auto}.is-header-nav-open{overflow:hidden}body.is-header-nav-open{position:fixed;top:calc(-1 * var(--scroll-lock-offset, 0px));left:0;right:0}.header__mobile-nav-kicker{margin-block-end:var(--space-6);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary)}.header__mobile-nav ul{display:flex;flex-direction:column;gap:var(--space-3)}.header__mobile-nav li{opacity:0;transform:translateY(14px);transition:opacity .4s var(--motion-ease),transform .4s var(--motion-ease)}.header__mobile-nav.is-open li{opacity:1;transform:translateY(0)}.header__mobile-nav.is-open li:nth-child(1){transition-delay:.05s}.header__mobile-nav.is-open li:nth-child(2){transition-delay:.1s}.header__mobile-nav.is-open li:nth-child(3){transition-delay:.15s}.header__mobile-nav.is-open li:nth-child(4){transition-delay:.2s}.header__mobile-nav.is-open li:nth-child(n+5){transition-delay:.25s}@media(prefers-reduced-motion:reduce){.header__mobile-nav li{transition-delay:0s!important}}.header__mobile-nav a{display:flex;align-items:center;padding-block:var(--space-2);font-family:var(--font-heading);font-size:var(--font-size-h4);font-weight:600;letter-spacing:-.01em;line-height:1.1;color:var(--text-primary);transition:color .25s var(--motion-ease)}.header__mobile-nav a .nav-link__label{position:relative;display:inline-block}.header__mobile-nav a .nav-link__label:after{content:"";position:absolute;left:0;right:0;bottom:-.05em;height:2px;background-color:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s var(--motion-ease)}.header__mobile-nav a:hover,.header__mobile-nav a:focus-visible,.header__mobile-nav a[aria-current=page]{color:var(--color-primary)}.header__mobile-nav a:hover .nav-link__label:after,.header__mobile-nav a:focus-visible .nav-link__label:after,.header__mobile-nav a[aria-current=page] .nav-link__label:after{transform:scaleX(1)}.header__mobile-nav a .icon{display:none}.header__bottom-nav{display:flex;position:fixed;inset-inline:0;bottom:0;z-index:10;height:64px;background-color:var(--surface-page);border-top:var(--border-width-base) solid var(--border-default)}@media(max-width:1023.98px){body{padding-bottom:64px}}.header__bottom-nav-link{flex:1 1 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);color:var(--text-secondary);text-decoration:none;font-size:var(--font-size-xs);line-height:1}.header__bottom-nav-link:hover{color:var(--color-primary)}.header__bottom-nav-link[aria-current=page]{color:var(--color-primary);font-weight:600}.header__bottom-nav-icon{position:relative;display:inline-flex}.header__bottom-nav-icon .icon{width:var(--space-5);height:var(--space-5)}@media(max-width:1023.98px){.header__logo .logo__placeholder{width:44px;height:44px}.header__cart-link{display:none}}@media(min-width:1024px){.header__inner{display:flex;justify-content:space-between}.header__nav-desktop{display:block}.header__icon-link--desktop-only{display:inline-flex}.header__mobile-nav-toggle,.header__mobile-nav,.header__mobile-nav-backdrop,.header__bottom-nav{display:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-header.css.map */