.zn-announcement{position:fixed;top:var(--zn-header-top);left:var(--zn-gutter);right:var(--zn-gutter);z-index:calc(var(--zn-z-header) + 1);pointer-events:none}.zn-announcement--bar{top:0;left:0;right:0}.zn-announcement__inner{position:relative;display:flex;align-items:center;justify-content:center;height:var(--zn-announcement-h);overflow:hidden;border-radius:9999px;pointer-events:auto}.zn-announcement--bar .zn-announcement__inner{border-radius:0}.zn-announcement__item,.zn-announcement__message,.zn-announcement__countdown{font-size:var(--zn-text-xs);font-weight:600;letter-spacing:var(--zn-tracking-caps);text-transform:uppercase;white-space:nowrap}.zn-announcement__item{padding:0 var(--zn-space-2)}.zn-announcement__star{font-size:.55rem;color:var(--zn-text-muted);opacity:.7}.zn-announcement__marquee{display:flex;width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}.zn-announcement__track{display:flex;align-items:center;flex:0 0 auto;min-width:100%;animation:zn-marquee 60s linear infinite}.zn-announcement__marquee:hover .zn-announcement__track{animation-play-state:paused}@keyframes zn-marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}.zn-announcement__rotate{position:relative;width:100%;height:100%}.zn-announcement__message{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:0 var(--zn-space-2);opacity:0;transform:translateY(8px);transition:opacity var(--zn-normal) var(--zn-ease),transform var(--zn-normal) var(--zn-ease)}.zn-announcement__message.is-active{opacity:1;transform:none}.zn-announcement__message.is-leaving{opacity:0;transform:translateY(-8px)}.zn-announcement__countdown{display:flex;align-items:center;gap:12px}.zn-announcement__countdown-timer{font-variant-numeric:tabular-nums}.zn-announcement__sep{color:var(--zn-text-muted);padding:0 2px}.zn-header{position:fixed;top:var(--zn-header-offset);left:var(--zn-gutter);right:var(--zn-gutter);z-index:var(--zn-z-header);pointer-events:none}body:not(:has(.zn-announcement)) .zn-header{top:var(--zn-header-top)}.zn-header__inner{display:flex;align-items:center;justify-content:flex-start;gap:var(--zn-space-1);min-height:var(--zn-logo-h)}.zn-header__left{display:flex;align-items:center;gap:var(--zn-space-1);pointer-events:auto}.zn-header__back{width:40px;height:40px}.zn-header__logo{display:inline-flex;align-items:center;height:var(--zn-logo-h);color:var(--zn-text)}.zn-header__logo-img{height:var(--zn-logo-h);width:auto;max-width:220px;object-fit:contain}.zn-header__logo--has-dark .zn-header__logo-img--dark,[data-zn-mode=dark] .zn-header__logo--has-dark .zn-header__logo-img--light{display:none}[data-zn-mode=dark] .zn-header__logo--has-dark .zn-header__logo-img--dark{display:block}.zn-header__logo-text{font-family:var(--zn-font-heading);font-size:calc(var(--zn-logo-h) * .5);font-weight:800;line-height:1;letter-spacing:-.03em;text-transform:uppercase;white-space:nowrap}.zn-header__pill{display:flex;align-items:center;gap:0;height:48px;padding:4px;border-radius:9999px;pointer-events:auto}.zn-header__mode .zn-icon--sun{display:none}[data-zn-mode=light] .zn-header__mode .zn-icon--sun{display:block}[data-zn-mode=light] .zn-header__mode .zn-icon--moon,.zn-header__view .zn-icon--feed,[data-zn-view=grid] .zn-header__view .zn-icon--grid{display:none}[data-zn-view=grid] .zn-header__view .zn-icon--feed{display:block}.zn-header__cart{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:9999px;-webkit-tap-highlight-color:transparent}.zn-header__cart[hidden]{display:none}.zn-header__cart-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 6px;border-radius:9999px;font-size:var(--zn-text-xs);font-weight:700;font-variant-numeric:tabular-nums;background:#f5f5f7d9;color:#1d1d1f;transition:transform var(--zn-normal) var(--zn-ease-spring)}[data-zn-mode=light] .zn-header__cart-count{background:#0000001a;color:var(--zn-text)}.zn-header__cart.is-bumped .zn-header__cart-count{transform:scale(1.25)}.zn-header__menu-toggle svg{width:24px;height:24px;transition:transform var(--zn-normal) var(--zn-ease)}.zn-header.is-menu-open .zn-header__menu-toggle svg{transform:rotate(45deg)}.zn-header__drawer{position:fixed;top:calc(var(--zn-header-offset) + var(--zn-logo-h) + var(--zn-space-2));left:var(--zn-drawer-left, auto);right:var(--zn-drawer-right, var(--zn-gutter));z-index:var(--zn-z-drawer);width:400px;max-width:calc(100vw - 2 * var(--zn-gutter));max-height:calc(100vh - var(--zn-header-bottom) - var(--zn-space-6));overflow-y:auto;padding:var(--zn-space-2);border-radius:var(--zn-radius-card);pointer-events:none;opacity:0;visibility:hidden;transform:translateY(-8px) scale(.98);transform-origin:top right;transition:opacity var(--zn-normal) var(--zn-ease),transform var(--zn-normal) var(--zn-ease),visibility 0s linear var(--zn-normal)}.zn-header.is-menu-open .zn-header__drawer{pointer-events:auto;opacity:1;visibility:visible;transform:none;transition-delay:0s}.zn-header__nav{display:flex;flex-direction:column}.zn-header__link{display:flex;align-items:center;justify-content:space-between;gap:var(--zn-space-2);min-height:56px;padding:var(--zn-space-2);border-radius:12px;font-size:var(--zn-text-base);font-weight:600;letter-spacing:var(--zn-tracking-caps);text-transform:uppercase;cursor:pointer;list-style:none;transition:background-color var(--zn-fast) var(--zn-ease)}.zn-header__link::-webkit-details-marker{display:none}.zn-header__link:hover,.zn-header__link:focus-visible{background:rgba(var(--zn-glass-rgb),.45)}.zn-header__link svg{width:16px;height:16px;color:var(--zn-text-muted);transition:transform var(--zn-fast) var(--zn-ease)}.zn-header__link:hover svg{transform:translate(3px);color:var(--zn-text)}.zn-header__link[aria-current=page] .zn-header__link-text{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}.zn-header__group[open]>.zn-header__link svg{transform:rotate(180deg)}.zn-header__sublinks{display:flex;flex-direction:column;padding:0 var(--zn-space-2) var(--zn-space-1) var(--zn-space-4)}.zn-header__sublink{padding:10px 0;font-size:var(--zn-text-sm);font-weight:600;letter-spacing:var(--zn-tracking-caps);text-transform:uppercase;color:var(--zn-text-muted)}.zn-header__sublink:hover,.zn-header__sublink[aria-current=page]{color:var(--zn-text)}.zn-header__socials{display:flex;gap:var(--zn-space-1);margin:var(--zn-space-1) 0 0;padding:var(--zn-space-2) var(--zn-space-1) var(--zn-space-1);list-style:none;border-top:1px solid var(--zn-border)}.zn-socials{display:flex;flex-wrap:wrap;gap:var(--zn-space-1);list-style:none;margin:0;padding:0}.zn-socials__link{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:9999px}.zn-socials__link svg{width:18px;height:18px}.zn-header__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:calc(var(--zn-z-drawer) - 1);background:var(--zn-overlay);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--zn-normal) var(--zn-ease),visibility 0s linear var(--zn-normal)}.zn-header.is-menu-open .zn-header__backdrop{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}.zn-header.is-menu-open .zn-header__pill{position:relative;z-index:calc(var(--zn-z-drawer) + 1)}@media(max-width:1024px),(orientation:portrait){.zn-header__inner{justify-content:space-between}.zn-header__search{display:none}}@media(max-width:640px){.zn-header{--zn-logo-h: var(--zn-logo-h-mobile, 52px)}.zn-header__pill{height:48px}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/zn-header.css.map */