.header{--i-bag: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 8h14l1 13H4zM9 8V7a3 3 0 0 1 6 0v1'/%3E%3C/svg%3E");display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-s) var(--space-l);box-sizing:border-box;padding-block:var(--space-m);padding-inline:max(var(--space-l),calc((100vw - var(--measure-page)) / 2 + var(--space-l)));border-block-end:calc(var(--space-xs) / 2) solid var(--color-accent);background-color:var(--color-nav);color:var(--color-navInk)}.header__name{min-width:0;color:var(--color-navInk);font-family:var(--font-display);font-size:var(--text-l);line-height:var(--leading-tight);text-decoration:none;overflow-wrap:break-word}.header__name:after{content:"";display:inline-block;inline-size:var(--space-s);block-size:var(--space-s);margin-inline-start:var(--space-xs);border-radius:50%;background-color:var(--color-accent)}.header__nav{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-s) var(--space-l)}.header__nav a{position:relative;padding-block:var(--space-xs);color:var(--color-navInk);font-weight:500;letter-spacing:.02em;text-decoration:none}.header__nav a:after{content:"";position:absolute;inset-inline:0;inset-block-end:0;block-size:calc(var(--space-xs) / 2);background-color:var(--color-accent);transform:scaleX(0);transform-origin:left center;transition:transform var(--duration-state) var(--ease-state)}.header__nav a:hover:after,.header__nav a[aria-current=page]:after{transform:scaleX(1)}.header__cart{justify-self:end}.header__cart-link{display:inline-flex;align-items:center;gap:var(--space-s);padding:var(--space-s) var(--space-m);border:thin solid color-mix(in oklch,var(--color-navInk) 35%,transparent);color:var(--color-navInk);text-decoration:none;transition:border-color var(--duration-state) var(--ease-state)}.header__cart-link:hover{border-color:var(--color-accent)}.header__bag{flex:none;inline-size:var(--space-m);block-size:var(--space-m);background-color:currentColor;-webkit-mask:var(--i-bag) center / contain no-repeat;mask:var(--i-bag) center / contain no-repeat}.header__count{min-inline-size:var(--space-l);padding-inline:var(--space-s);border-radius:var(--space-m);background-color:var(--color-accent);color:var(--color-ink);font-size:var(--text-s);font-weight:700;line-height:var(--space-l);text-align:center}.header__name:focus-visible,.header__nav a:focus-visible,.header__cart-link:focus-visible{outline:medium solid var(--color-accent);outline-offset:thin}.header[data-variant=overlay]{position:fixed;inset-block-start:var(--space-m);inset-inline:var(--space-m);z-index:2;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;max-width:none;margin:0;padding:0;border:0;background-color:transparent;pointer-events:none}.header[data-variant=overlay] .header__nav{grid-row:1;grid-column:1;justify-self:start;gap:var(--space-s) var(--space-m);padding:var(--space-s) var(--space-m);border-block-end:calc(var(--space-xs) / 2) solid var(--color-accent);background-color:var(--color-nav);pointer-events:auto}.header[data-variant=overlay] .header__cart{grid-row:1;grid-column:2;pointer-events:auto}.header[data-variant=overlay] .header__cart-link{border-color:transparent;border-block-end:calc(var(--space-xs) / 2) solid var(--color-accent);background-color:var(--color-nav)}@media(min-width:48rem){.header[data-variant=overlay]{inset-block-start:var(--space-l);inset-inline:var(--space-l);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.header[data-variant=overlay] .header__nav{grid-column:2;justify-self:center}.header[data-variant=overlay] .header__cart{grid-column:3}}@media(max-width:47.99rem){.header{grid-template-columns:minmax(0,1fr) auto;padding-inline:var(--space-m)}.header__cart{grid-column:2;grid-row:1}.header__nav{grid-row:2;grid-column:1 / -1;justify-content:flex-start;gap:var(--space-s) var(--space-m)}.header__cart-label{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.header[data-variant=overlay] .header__nav{grid-row:1;grid-column:1;justify-content:flex-start}}@media(prefers-reduced-motion:reduce){.header__nav a:after,.header__cart-link{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/header.css.map */