.supra-announce{background:var(--supra-ink);color:var(--supra-paper);font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:var(--ls-wide);text-transform:uppercase;padding:10px var(--space-4);overflow:hidden;text-align:center}.supra-announce__track{display:grid;place-items:center}.supra-announce__slide{grid-area:1 / 1;opacity:0;transform:translateY(6px);transition:opacity .5s var(--ease-out-soft),transform .5s var(--ease-out-soft)}.supra-announce__slide.is-active{opacity:1;transform:translateY(0)}.supra-announce__link{color:inherit;text-decoration:none;border-bottom:1px solid rgba(246,244,239,.3);padding-bottom:1px}.supra-announce__link:hover{border-bottom-color:var(--supra-accent)}.supra-header{position:sticky;top:0;z-index:80;background:var(--supra-paper);border-bottom:1px solid var(--supra-hairline);transition:box-shadow .24s var(--ease-out-soft)}.supra-header.is-scrolled{box-shadow:0 4px 20px #0a0a0a0f}.supra-header__row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-4);min-height:68px;overflow:visible}@media(min-width:1024px){.supra-header__row{grid-template-columns:auto 1fr auto;height:80px}}.supra-header__burger{display:flex;flex-direction:column;gap:5px;padding:10px;margin-left:calc(var(--space-3) * -1);background:transparent;border:0;cursor:pointer}.supra-header__burger span{display:block;width:22px;height:2px;background:var(--supra-ink)}@media(min-width:1024px){.supra-header__burger{display:none}}.supra-header__logo{font-family:var(--font-display);font-weight:800;font-size:clamp(22px,1.6vw + 10px,28px);letter-spacing:var(--ls-wide);color:var(--supra-ink);text-decoration:none;justify-self:center}@media(min-width:1024px){.supra-header__logo{justify-self:start}}.supra-header__logo img{display:block;max-height:32px;width:auto}.supra-header__nav{display:none;justify-self:center}@media(min-width:1024px){.supra-header__nav{display:block}}.supra-header__list{list-style:none;margin:0;padding:0;display:flex;gap:var(--space-6)}.supra-header__item{position:static}.supra-header__link{font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:var(--ls-xwide);text-transform:uppercase;color:var(--supra-ink);text-decoration:none;text-decoration-skip-ink:auto;padding:10px 2px 18px;position:relative;display:inline-block;line-height:1.6;overflow:visible}.supra-header,.supra-header__list,.supra-header__item,.supra-header__nav,.supra-header__row{overflow:visible}.supra-header__link:after{content:"";position:absolute;left:0;right:0;bottom:4px;height:2px;background:var(--supra-accent);transform:scaleX(0);transform-origin:left center;transition:transform .24s var(--ease-out-soft)}.supra-header__link:hover:after,.supra-header__item.has-mega:hover .supra-header__link:after,.supra-header__link.is-active:after{transform:scaleX(1)}.supra-mega{position:absolute;left:0;right:0;top:100%;background:var(--supra-paper);border-top:1px solid var(--supra-hairline);border-bottom:1px solid var(--supra-hairline);padding:var(--space-6) 0;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .2s var(--ease-out-soft),transform .2s var(--ease-out-soft),visibility 0s linear .2s;box-shadow:0 16px 32px #0a0a0a14}.supra-header__item.has-mega:hover .supra-mega,.supra-header__item.has-mega:focus-within .supra-mega{opacity:1;visibility:visible;transform:translateY(0);transition-delay:0s;aria-hidden:false}.supra-mega__cols{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}.supra-mega__col{display:flex;flex-direction:column;gap:var(--space-3)}.supra-mega__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.supra-mega__link{font-size:15px;color:var(--supra-ink);text-decoration:none;transition:color .2s var(--ease-out-soft);display:inline-block}.supra-mega__link:hover{color:var(--supra-accent)}.supra-mega__feature{position:relative;aspect-ratio:4 / 5;overflow:hidden;background:var(--supra-ink);color:var(--supra-paper);text-decoration:none;display:block}.supra-mega__feature img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease-out-soft)}.supra-mega__feature:hover img{transform:scale(1.05)}.supra-mega__feature-text{position:absolute;left:0;right:0;bottom:0;padding:var(--space-4);display:flex;flex-direction:column;gap:4px;background:linear-gradient(180deg,transparent 0%,rgba(10,10,10,.8) 100%)}.supra-header__tools{display:flex;align-items:center;gap:var(--space-2);justify-self:end}.supra-header__tool{display:grid;place-items:center;width:40px;height:40px;background:transparent;border:0;color:var(--supra-ink);cursor:pointer;position:relative;text-decoration:none;transition:color .2s var(--ease-out-soft)}.supra-header__tool:hover{color:var(--supra-accent)}.supra-header__cart-count{position:absolute;top:4px;right:4px;min-width:18px;height:18px;padding:0 5px;background:var(--supra-accent);color:var(--supra-paper);border-radius:10px;font-family:var(--font-mono);font-size:10px;font-weight:600;display:grid;place-items:center;line-height:1}.supra-header__cart-count:empty,.supra-header__cart-count[data-supra-cart-count="0"]{display:none}.supra-search{border-top:1px solid var(--supra-hairline);background:var(--supra-paper);padding:var(--space-5) 0;animation:supra-search-in .24s var(--ease-out-soft)}@keyframes supra-search-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.supra-search__form{display:flex;gap:var(--space-3);align-items:center}.supra-search__input{flex:1;padding:var(--space-4);font-size:18px;font-family:var(--font-display);background:transparent;border:0;border-bottom:2px solid var(--supra-ink);color:var(--supra-ink);outline:0}.supra-search__input:focus{border-bottom-color:var(--supra-accent)}.supra-search__close{width:44px;height:44px;background:transparent;border:1px solid var(--supra-ink);font-size:22px;cursor:pointer}.supra-search__suggest{margin-top:var(--space-3);display:flex;gap:var(--space-3);flex-wrap:wrap;align-items:center;font-size:13px}.supra-search__suggest a{color:var(--supra-ink);text-decoration:underline;text-underline-offset:3px}.supra-search__suggest a:hover{color:var(--supra-accent)}.supra-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100}.supra-drawer[hidden]{display:none}.supra-drawer__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0a0a8c;opacity:0;transition:opacity .24s var(--ease-out-soft)}.supra-drawer.is-open .supra-drawer__scrim{opacity:1}.supra-drawer__panel{position:absolute;top:0;left:0;bottom:0;width:min(86vw,420px);background:var(--supra-paper);display:flex;flex-direction:column;transform:translate(-100%);transition:transform .32s var(--ease-out-soft);box-shadow:4px 0 32px #0a0a0a33}.supra-drawer.is-open .supra-drawer__panel{transform:translate(0)}.supra-drawer__head{display:flex;justify-content:space-between;align-items:center;padding:var(--space-5);border-bottom:1px solid var(--supra-hairline)}.supra-drawer__close{width:44px;height:44px;font-size:26px;background:transparent;border:1px solid var(--supra-ink);cursor:pointer}.supra-drawer__nav{flex:1;overflow-y:auto;padding:var(--space-4) 0}.supra-drawer__list{list-style:none;margin:0;padding:0}.supra-drawer__item{border-bottom:1px solid var(--supra-hairline)}.supra-drawer__item>a,.supra-drawer__item summary{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);line-height:1.7;padding-bottom:calc(var(--space-4) + 8px);font-family:var(--font-display);font-weight:700;font-size:20px;letter-spacing:var(--ls-tight);color:var(--supra-ink);text-decoration:none;list-style:none;cursor:pointer;overflow:visible}.supra-drawer__item>a span,.supra-drawer__item summary span{overflow:visible;line-height:1.7}.supra-drawer__list,.supra-drawer__item{overflow:visible}.supra-drawer__item summary::-webkit-details-marker{display:none}.supra-drawer__item details[open] .supra-drawer__chev{transform:rotate(45deg)}.supra-drawer__chev{transition:transform .2s var(--ease-out-soft);font-family:var(--font-mono)}.supra-drawer__sub{list-style:none;margin:0;padding:0 var(--space-5) var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.supra-drawer__sub a{font-size:15px;color:var(--supra-ink);text-decoration:none;padding:6px 0;display:block}.supra-drawer__sub a:hover{color:var(--supra-accent)}.supra-drawer__foot{display:flex;gap:var(--space-4);padding:var(--space-5);border-top:1px solid var(--supra-hairline);background:var(--supra-ink)}.supra-drawer__foot-link,button.supra-drawer__foot-link{font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:var(--ls-xwide);text-transform:uppercase;color:var(--supra-paper);text-decoration:none;padding:8px 0;background:transparent;border:0;cursor:pointer}.supra-drawer__foot-link:hover,button.supra-drawer__foot-link:hover{color:var(--supra-accent)}
/*# sourceMappingURL=/cdn/shop/t/76/assets/supra-header.css.map */