html{scroll-padding-top:var(--c-nav-height)}.c-header{--c-nav-glass-blur: 2rem;position:fixed;top:0;left:0;width:100%;height:var(--c-nav-height);display:grid;grid-template-columns:auto 1fr 2.5rem;column-gap:var(--sm-spacing);align-items:center;justify-content:center;padding:0 var(--md-spacing);background:var(--c-nav-bg);color:var(--c-nav-fg);z-index:var(--z-header)}.c-header:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;-webkit-backdrop-filter:blur(var(--c-nav-glass-blur));backdrop-filter:blur(var(--c-nav-glass-blur));pointer-events:none;opacity:0;transition:opacity .6s ease-in-out 1.6s}.c-header:has(.c-nav[data-open=true],.c-search--header[data-open=true]):after{opacity:1;pointer-events:auto;transition:opacity .45s ease-in-out}body.template-index .c-header:not([data-scrolled=true]),body.template-about .c-header:not([data-scrolled=true]),body.template-blog .c-header:not([data-scrolled=true]){--c-nav-bg: transparent}.c-header__logo{grid-column:1;justify-self:start;display:inline-flex;align-items:center;height:100%}.c-header__logo img{height:2.5rem;width:auto;max-width:none;flex-shrink:0;display:block}.c-header__logo:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:2px}.c-header>.c-search{grid-column:2;z-index:1}@media(max-width:899px){.c-header>.c-search{display:none}body[class*=-v2] .c-header:not([data-scrolled=true]){--c-nav-bg: transparent}}.c-header-menu{display:none;grid-column:2;justify-content:center;gap:var(--lg-spacing)}.c-header-menu a{display:inline-flex;align-items:center;min-block-size:1.5rem;color:color-mix(in srgb,var(--c-nav-fg) var(--c-nav-link-opacity, 85%),transparent);font-family:var(--font-body);font-weight:var(--bold-font-weight);font-size:var(--sm-font-size);letter-spacing:var(--letter-spacing-uppercase);text-transform:uppercase;text-decoration:none;transition:color .15s ease-in-out}.c-header-menu a:hover{color:var(--c-nav-link-hover-fg, var(--color-accent))}.c-header-menu a:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:2px}.c-nav{--c-nav-cap-depth: 3.5rem;--c-nav-cap-height: 11.3rem;--c-nav-cap-tip: 7rem;--c-nav-open-width: 45svw;--c-nav-hover-scrim: 45%;--c-nav-hover-grow: 1.3;--c-nav-fg: var(--c-nav-drawer-fg);width:70svw;height:100dvh;position:fixed;top:0;right:0;bottom:0;z-index:120;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(6,1fr);place-items:center;background:var(--c-nav-glass-bg);-webkit-backdrop-filter:blur(var(--c-nav-glass-blur));backdrop-filter:blur(var(--c-nav-glass-blur));color:var(--c-nav-drawer-fg);transform:translate(100%);transition:transform .6s ease-in-out 1.6s;--c-search-dropdown-max-height: 55svh}.c-nav:before{content:"";position:absolute;top:50%;left:0;width:var(--c-nav-height);height:var(--c-nav-height);translate:-50% -50%;border:.15rem solid var(--color-white);border-radius:50%;pointer-events:none;z-index:2;--nav-ring-progress: 0deg;-webkit-mask:conic-gradient(black var(--nav-ring-progress),transparent 0);mask:conic-gradient(black var(--nav-ring-progress),transparent 0);opacity:0;transition:--nav-ring-progress 1s cubic-bezier(.65,0,.35,1),opacity 0s linear 1s}.c-nav:after{content:"";position:absolute;top:50%;left:0;width:var(--c-nav-height);height:var(--c-nav-height);translate:-50% -50%;border:.15rem solid var(--color-white);border-radius:50%;pointer-events:none;z-index:2;opacity:0;scale:1}.c-nav>.c-search{align-self:start;padding-top:var(--3xl-spacing)}.c-nav .c-search__form{border-width:.125rem;font-weight:var(--bold-font-weight);box-shadow:0 .125rem .75rem #00000059}.c-nav__menu{grid-row:2 / -1;display:flex;flex-direction:column;padding:var(--xl-spacing)}.c-nav__menu a{font-family:var(--font-body);font-size:var(--md-font-size);padding:var(--md-spacing) 0;color:color-mix(in srgb,var(--c-nav-drawer-fg) 90%,transparent);font-weight:800;text-transform:uppercase;line-height:1;cursor:pointer}.c-nav__backdrop{width:var(--c-nav-cap-depth);height:100dvh;position:absolute;top:0;right:100%;pointer-events:none;transition:width .6s ease-in-out 1s;z-index:-1}.c-nav__backdrop-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-primary);-webkit-backdrop-filter:blur(var(--c-nav-glass-blur));backdrop-filter:blur(var(--c-nav-glass-blur));pointer-events:none;transition:background .6s ease-in-out 2.2s;clip-path:shape(from var(--c-nav-cap-depth) 0,line to 100% 0,line to 100% 100%,line to var(--c-nav-cap-depth) 100%,line to var(--c-nav-cap-depth) calc(var(--c-nav-cap-tip) + .5 * var(--c-nav-cap-height)),curve to 0 var(--c-nav-cap-tip) with var(--c-nav-cap-depth) calc(var(--c-nav-cap-tip) + .25 * var(--c-nav-cap-height)) / 0 calc(var(--c-nav-cap-tip) + .267 * var(--c-nav-cap-height)),curve to var(--c-nav-cap-depth) calc(var(--c-nav-cap-tip) - .5 * var(--c-nav-cap-height)) with 0 calc(var(--c-nav-cap-tip) - .267 * var(--c-nav-cap-height)) / var(--c-nav-cap-depth) calc(var(--c-nav-cap-tip) - .25 * var(--c-nav-cap-height)),close)}.c-nav__backdrop-fill:before,.c-nav__backdrop-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;pointer-events:none;opacity:0;transition:opacity .45s ease-in-out,background-image 0s linear .45s allow-discrete}.c-nav__toggle{--size: 2.25rem;position:absolute;top:calc(var(--c-nav-cap-tip) - var(--size) / 2);left:calc(var(--c-nav-cap-depth) * .62 - var(--size) / 2);z-index:1;width:var(--size);aspect-ratio:1;display:flex;align-items:center;justify-content:center;padding:0;background:transparent;border:none;overflow:hidden;cursor:pointer;pointer-events:auto}.c-nav__toggle span:not(.u-sr-only){position:absolute;height:.125rem;background:var(--color-white);border-radius:.125rem;transition:transform .8s ease-in-out,width .8s ease-in-out}.c-nav__toggle span:nth-child(1){width:30%;left:22%;transform:translateY(calc(var(--size) / -5))}.c-nav__toggle span:nth-child(2){width:20%;left:22%;transform:translateY(calc(var(--size) / 5))}.c-nav__toggle span:nth-child(3){width:50%}.c-nav__toggle[aria-expanded=true] span:nth-child(1){width:55%;transform:translateY(0) rotate(45deg);transition-delay:125ms}.c-nav__toggle[aria-expanded=true] span:nth-child(2){width:55%;transform:translateY(0) rotate(-45deg);transition-delay:.6s}.c-nav__toggle[aria-expanded=true] span:nth-child(3){transform:translate(160%)}.c-nav[data-open=true]{pointer-events:auto;transform:translate(0);transition:transform .6s ease-in-out;box-shadow:-.5rem 0 1.5rem color-mix(in srgb,var(--c-nav-drawer-shadow, var(--color-shadow)) var(--c-nav-drawer-shadow-opacity, 30%),transparent)}.c-nav[data-open=true]:before{--nav-ring-progress: 360deg;opacity:1;transition:--nav-ring-progress 1s ease-in-out 1.2s,opacity 0s linear 1.2s}.c-nav[data-open=true]:after{animation:c-nav-ring-pulse .5s ease-in-out 1s forwards}.c-nav[data-open=true] .c-nav__backdrop{width:var(--c-nav-open-width);pointer-events:auto;transition:width .45s ease-in-out;animation:c-nav-backdrop-enter .6s ease-in-out .6s backwards}.c-nav[data-open=true] .c-nav__backdrop-fill{background:var(--c-nav-glass-bg-pearl);transition:background .6s ease-in-out}.c-nav[data-open=true] .c-nav__close{visibility:visible;pointer-events:auto;transform:rotate(45deg);transition:visibility 0s ease-in-out,transform .6s ease-in-out .6s}.c-nav[data-open=true] .c-nav__close .c-expand-toggle:before,.c-nav[data-open=true] .c-nav__close .c-expand-toggle:after{transition-delay:.6s}.c-nav[data-open=true]:has(.c-nav__menu>a:hover) .c-nav__backdrop{width:calc(var(--c-nav-open-width) * var(--c-nav-hover-grow));transition:width .45s ease-in-out}.c-nav__close{position:absolute;top:50%;left:0;translate:-50% -50%;transform:rotate(90deg);z-index:3;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;padding:0;background:transparent;border:none;cursor:pointer;visibility:hidden;pointer-events:none;transition:visibility 0s ease-in-out .6s,transform .6s ease-in-out}.c-nav__close .c-expand-toggle{--c-expand-toggle-size: 1.75rem;--c-expand-toggle-color: var(--color-white);--c-expand-toggle-thickness: .125rem}@media(min-width:900px){.c-header{grid-template-columns:auto 1fr auto;column-gap:0;padding-inline:var(--2xl-spacing);transition:transform .3s ease,background .3s ease}.c-header[data-hidden=true]{transform:translateY(-100%)}.c-header[data-hidden=true]:focus-within{transform:translateY(0)}.c-header:after{transition:opacity .6s ease-in-out}.c-nav{display:none}.c-header__logo{animation:c-header-logo-default 1.8s ease-in-out .5s both}.c-header__logo img{height:var(--c-nav-logo-height, 3rem)}.c-header>.c-search{grid-column:3;justify-self:end;width:min(26vw,18rem)}.c-header-menu{display:flex}.c-nav{--c-nav-open-width: 30svw;width:30svw}.c-nav__menu a{font-size:var(--xl-font-size);font-weight:var(--bold-font-weight);letter-spacing:.125rem}.c-nav__close{display:none}.template-index .c-header__logo{animation:c-header-logo-default 1.8s var(--entrance-easing, ease-in-out) var(--entrance-stage-3, .5s) both}}@supports (animation-timeline: scroll()){@media not (min-width:900px){.c-header{animation:c-header-disable-pointer linear forwards;animation-timeline:scroll(root);animation-range:4svh 18svh}.c-header__logo{animation:c-header-logo-default 1.8s ease-in-out .5s both,c-header-content-hide linear forwards;animation-timeline:auto,scroll(root);animation-range:normal,4svh 18svh}.c-header>.c-search{animation:c-header-content-hide linear forwards;animation-timeline:scroll(root);animation-range:4svh 18svh}}@media(min-width:900px){.template-index .c-header__logo{animation:c-header-logo-default 1.8s var(--entrance-easing, ease-in-out) var(--entrance-stage-3, .5s) both}.c-header-menu{animation:c-header-logo-default 1.8s ease-in-out 1s both}.c-header>.c-search{animation:c-header-logo-default 1.8s ease-in-out 1.5s both}.template-index .c-header-menu{animation:c-header-logo-default 1.8s ease-in-out var(--entrance-stage-3, .5s) both}.template-index .c-header>.c-search{animation:c-header-logo-default 1.8s ease-in-out var(--entrance-stage-3, .7s) both}}}@media(prefers-reduced-motion:reduce){.c-header__logo{animation:none}.c-nav[data-open=true] .c-nav__backdrop,.c-nav:not([data-open=true]) .c-nav__backdrop{animation:none}.c-header>.c-search{animation:none}.c-header-menu{animation:none}.c-header:before{animation:none}}@keyframes c-header-logo-default{0%{translate:0 -.5rem;opacity:0}60%{translate:0 0}to{opacity:1}}@keyframes c-header-content-hide{to{translate:0 -2.5rem;opacity:0}}@keyframes c-header-disable-pointer{0%{pointer-events:auto;background-color:var(--c-nav-bg)}99%{pointer-events:auto}to{pointer-events:none;background-color:transparent}}@property --nav-ring-progress{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@keyframes c-nav-ring-draw{to{--nav-ring-progress: 360deg}}@keyframes c-nav-ring-pulse{0%{opacity:.8;scale:.2}to{opacity:0;scale:6}}@keyframes c-nav-backdrop-enter{0%{width:var(--c-nav-cap-depth)}to{width:var(--c-nav-open-width)}}@media(min-width:1513px){.c-header{padding-inline:var(--lg-gutter)}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/component-common-header.css.map */