.hq-header{position:absolute;top:0;left:0;z-index:100;width:100%;background:transparent;border:0;border-radius:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;color:var(--hq-blue);transition:background .32s ease,backdrop-filter .32s ease,-webkit-backdrop-filter .32s ease,box-shadow .32s ease,transform .28s cubic-bezier(.22,1,.36,1),opacity .22s ease}.hq-header.is-hidden{transform:translateY(calc(-100% - 24px));opacity:0;pointer-events:none;transition:transform .24s cubic-bezier(.4,0,1,1),opacity .18s ease}.hq-header.is-floating{position:fixed;top:16px;left:16px;right:16px;width:auto;border:1px solid rgba(255,255,255,.38);border-radius:18px;background:linear-gradient(135deg,#ffffff70,#f3ede347);box-shadow:0 12px 40px #022f3f17,inset 0 1px #ffffff7a;-webkit-backdrop-filter:blur(22px) saturate(150%);backdrop-filter:blur(22px) saturate(150%);overflow:visible;color:var(--hq-blue);opacity:1;transform:translateY(0);transition:transform .42s cubic-bezier(.16,1,.3,1),opacity .26s ease,background .32s ease,box-shadow .32s ease}.hq-header.is-floating.is-hidden{transform:translateY(calc(-100% - 32px));opacity:0;pointer-events:none;transition:transform .24s cubic-bezier(.4,0,1,1),opacity .16s ease}.hq-header__inner{width:100%;min-height:90px;padding-inline:clamp(28px,3vw,48px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:32px}.hq-header__logo{justify-self:start;display:inline-flex;align-items:center;width:164.4px;color:var(--hq-blue);text-decoration:none}.hq-header__logo-image{display:block;width:164.4px;max-width:164.4px;height:auto;max-height:38.4px;object-fit:contain;filter:none;transition:filter .28s ease,opacity .22s ease}.hq-header__logo-fallback{font-family:var(--hq-font-family);font-size:20px;font-weight:600;line-height:1;color:var(--hq-blue);transition:color .28s ease}.hq-header__nav{display:flex;align-items:center;justify-content:center;justify-self:center;gap:32px}.hq-header__nav-link{display:inline-flex;align-items:center;justify-content:center;padding-block:32px;font-family:var(--hq-font-family);font-size:16px;font-weight:600;line-height:1;letter-spacing:.16px;color:var(--hq-blue);text-decoration:none;white-space:nowrap;transition:color .28s ease,opacity .18s ease}.hq-header__nav-link:hover{opacity:.6}.hq-header__cta{justify-self:end;display:flex;align-items:center}.hq-header__cta--mobile,.hq-header__menu-toggle,.hq-header__mobile-menu{display:none}@media screen and (min-width:768px){.hq-header:not(.is-floating){top:16px;left:16px;right:16px;width:auto;border:1px solid rgba(255,255,255,.38);border-radius:18px;background:linear-gradient(135deg,#ffffff70,#f3ede347);box-shadow:0 12px 40px #022f3f17,inset 0 1px #ffffff7a;-webkit-backdrop-filter:blur(22px) saturate(150%);backdrop-filter:blur(22px) saturate(150%);overflow:visible;color:var(--hq-blue)}}.hq-header__logo:focus-visible,.hq-header__nav-link:focus-visible{outline:2px solid currentColor;outline-offset:3px}@media(prefers-reduced-motion:reduce){.hq-header,.hq-header__logo-image,.hq-header__nav-link{transition:none}}@media screen and (max-width:767px){.hq-header{height:72px}.hq-header--top-light:not(.is-floating){color:#fff}.hq-header--top-dark:not(.is-floating){color:var(--hq-blue)}.hq-header__inner{width:100%;min-height:72px;height:72px;padding:0 16.5px 0 17.5px;display:grid;grid-template-columns:137px 1fr 22px;column-gap:24px;align-items:center}.hq-header:not(.is-floating) .hq-header__logo-image,.hq-header.is-floating .hq-header__logo-image{filter:none}.hq-header__logo{width:137px}.hq-header__logo-image{width:137px;max-width:137px;max-height:24px}.hq-header--top-light:not(.is-floating) .hq-header__logo-fallback{color:#fff}.hq-header--top-dark:not(.is-floating) .hq-header__logo-fallback,.hq-header.is-floating .hq-header__logo-fallback{color:var(--hq-blue)}.hq-header__nav,.hq-header__cta--desktop{display:none}.hq-header__cta--mobile{display:flex;align-items:center;justify-content:flex-end;justify-self:end;width:auto;height:auto}.hq-header__mobile-shop{display:inline-flex;align-items:center;justify-content:center;margin:0;padding:8px 0;border:0;background:transparent;font-family:var(--hq-font-family);font-size:14px;font-weight:600;line-height:1;letter-spacing:.14px;color:#fff;text-decoration:none;white-space:nowrap;transition:color .22s ease,opacity .18s ease}.hq-header--top-light:not(.is-floating) .hq-header__mobile-shop{color:#fff}.hq-header--top-dark:not(.is-floating) .hq-header__mobile-shop,.hq-header.is-floating .hq-header__mobile-shop{color:var(--hq-blue)}.hq-header__mobile-shop:hover{opacity:.72}.hq-header__mobile-shop:focus-visible{outline:2px solid currentColor;outline-offset:4px}.hq-header__menu-toggle{-webkit-appearance:none;appearance:none;width:22px;height:16px;padding:0;margin:0;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;border:0;background:transparent;cursor:pointer;z-index:3}.hq-header__menu-toggle span{display:block;width:22px;height:3px;flex:0 0 3px;border-radius:1px;background:#d9d9d9;transform-origin:center;transition:transform .24s cubic-bezier(.22,1,.36,1),opacity .18s ease,background .22s ease}.hq-header--top-dark:not(.is-floating) .hq-header__menu-toggle span,.hq-header.is-floating .hq-header__menu-toggle span,.hq-header.is-menu-open .hq-header__menu-toggle span{background:var(--hq-blue)}.hq-header.is-menu-open .hq-header__menu-toggle span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.hq-header.is-menu-open .hq-header__menu-toggle span:nth-child(2){opacity:0}.hq-header.is-menu-open .hq-header__menu-toggle span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}.hq-header.is-floating{top:8px;left:8px;right:8px;width:auto;border-radius:18px}.hq-header.is-floating .hq-header__inner{min-height:64px;height:64px;padding-inline:12px;grid-template-columns:137px 1fr 22px;column-gap:20px}.hq-header__mobile-menu{position:fixed;top:80px;left:12px;right:12px;z-index:101;display:block;padding:18px;border:1px solid rgba(255,255,255,.62);border-radius:18px;background:linear-gradient(135deg,#fffffff0,#f9f8f4e0);box-shadow:0 12px 34px #012f3e1a,inset 0 1px #ffffffd1;-webkit-backdrop-filter:blur(24px) saturate(135%);backdrop-filter:blur(24px) saturate(135%);opacity:0;visibility:hidden;transform:translateY(-8px);pointer-events:none;transition:opacity .22s ease,transform .32s cubic-bezier(.16,1,.3,1),visibility .22s step-end}.hq-header.is-menu-open .hq-header__mobile-menu{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto;transition:opacity .22s ease,transform .32s cubic-bezier(.16,1,.3,1),visibility 0ms step-start}.hq-header__mobile-nav{display:flex;flex-direction:column}.hq-header__mobile-nav-link{display:flex;align-items:center;min-height:54px;padding:12px 14px;border-bottom:1px solid rgba(1,47,62,.1);font-family:var(--hq-font-family);font-size:20px;font-weight:600;line-height:1.2;letter-spacing:-.4px;color:var(--hq-blue);text-decoration:none}.hq-header__mobile-nav-link:last-child{border-bottom:0}}@media screen and (max-width:399px){.hq-header__inner{padding-inline:14px;grid-template-columns:125px 1fr 22px;column-gap:16px}.hq-header__logo,.hq-header__logo-image{width:125px;max-width:125px}}@media screen and (max-width:767px){.hq-header,.hq-header.is-floating{top:10px;left:10px;right:10px;width:auto;height:64px;border:1px solid rgba(255,255,255,.62);border-radius:18px;background:linear-gradient(135deg,#fffffff0,#f9f8f4e0);box-shadow:0 12px 34px #012f3e1a,inset 0 1px #ffffffd1;-webkit-backdrop-filter:blur(24px) saturate(135%);backdrop-filter:blur(24px) saturate(135%);color:var(--hq-blue, #012f3e);overflow:visible}.hq-header.is-floating{position:fixed;top:8px;left:8px;right:8px}.hq-header__inner,.hq-header.is-floating .hq-header__inner{width:100%;min-height:64px;height:64px;padding:0 14px;grid-template-columns:132px 1fr 22px;column-gap:16px}.hq-header__logo,.hq-header__logo-image,.hq-header.is-floating .hq-header__logo,.hq-header.is-floating .hq-header__logo-image{width:132px;max-width:132px}.hq-header:not(.is-floating) .hq-header__logo-image,.hq-header.is-floating .hq-header__logo-image{max-height:25.3px;filter:none}.hq-header:not(.is-floating) .hq-header__logo-fallback,.hq-header.is-floating .hq-header__logo-fallback{color:var(--hq-blue, #012f3e)}.hq-header__mobile-shop,.hq-header--top-light:not(.is-floating) .hq-header__mobile-shop,.hq-header--top-dark:not(.is-floating) .hq-header__mobile-shop,.hq-header.is-floating .hq-header__mobile-shop{color:var(--hq-blue, #012f3e)}.hq-header__menu-toggle span,.hq-header--top-light:not(.is-floating) .hq-header__menu-toggle span,.hq-header--top-dark:not(.is-floating) .hq-header__menu-toggle span,.hq-header.is-floating .hq-header__menu-toggle span,.hq-header.is-menu-open .hq-header__menu-toggle span{background:var(--hq-blue, #012f3e)}}@media screen and (max-width:399px){.hq-header,.hq-header.is-floating{top:8px;left:8px;right:8px}.hq-header__inner,.hq-header.is-floating .hq-header__inner{padding-inline:12px;grid-template-columns:123.2px 1fr 22px;column-gap:14px}.hq-header__logo,.hq-header__logo-image,.hq-header.is-floating .hq-header__logo,.hq-header.is-floating .hq-header__logo-image{width:123.2px;max-width:123.2px}}@media screen and (max-width:767px){.hq-header__inner,.hq-header.is-floating .hq-header__inner{grid-template-columns:132px minmax(0,1fr) 38px;column-gap:10px}.hq-header__cta--mobile{min-width:0}.hq-header__mobile-shop,.hq-header--top-light:not(.is-floating) .hq-header__mobile-shop,.hq-header--top-dark:not(.is-floating) .hq-header__mobile-shop,.hq-header.is-floating .hq-header__mobile-shop{min-height:38px;padding:0 12px;border:1px solid rgba(1,47,62,.18);border-radius:999px;background:linear-gradient(135deg,#ffffff57,#f9f8f429);box-shadow:inset 0 1px #ffffffb8;color:var(--hq-blue, #012f3e);font-size:13px;font-weight:600;line-height:1;transition:background .22s ease,border-color .22s ease,transform .18s ease,opacity .18s ease}.hq-header__mobile-shop:hover{opacity:1;border-color:#012f3e47;background:linear-gradient(135deg,#ffffff85,#f9f8f43d)}.hq-header__mobile-shop:active{transform:scale(.98)}.hq-header__menu-toggle{width:38px;height:38px;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px solid rgba(1,47,62,.18);border-radius:999px;background:linear-gradient(135deg,#ffffff57,#f9f8f429);box-shadow:inset 0 1px #ffffffb8;transition:background .22s ease,border-color .22s ease,transform .18s ease}.hq-header__menu-toggle:hover{border-color:#012f3e47;background:linear-gradient(135deg,#ffffff85,#f9f8f43d)}.hq-header__menu-toggle:active{transform:scale(.98)}.hq-header__menu-toggle span{width:18px;height:2px;flex:0 0 2px;border-radius:999px}.hq-header.is-menu-open .hq-header__menu-toggle span:nth-child(1){transform:translateY(6px) rotate(45deg)}.hq-header.is-menu-open .hq-header__menu-toggle span:nth-child(2){opacity:0}.hq-header.is-menu-open .hq-header__menu-toggle span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}}@media screen and (max-width:399px){.hq-header__inner,.hq-header.is-floating .hq-header__inner{grid-template-columns:123.2px minmax(0,1fr) 38px;column-gap:8px}.hq-header__mobile-shop,.hq-header--top-light:not(.is-floating) .hq-header__mobile-shop,.hq-header--top-dark:not(.is-floating) .hq-header__mobile-shop,.hq-header.is-floating .hq-header__mobile-shop{padding-inline:10px;font-size:12.5px}}@media screen and (max-width:767px){.hq-header__mobile-shop,.hq-header--top-light:not(.is-floating) .hq-header__mobile-shop,.hq-header--top-dark:not(.is-floating) .hq-header__mobile-shop,.hq-header.is-floating .hq-header__mobile-shop{border-color:#ffffff7a;background:linear-gradient(135deg,#2d7a5beb,#1c5e46db);box-shadow:0 6px 16px #154f3b29,inset 0 1px #ffffff57;-webkit-backdrop-filter:blur(12px) saturate(135%);backdrop-filter:blur(12px) saturate(135%);color:#fff}.hq-header__mobile-shop:hover{border-color:#ffffff9e;background:linear-gradient(135deg,#338462f5,#1e654be6);color:#fff}.hq-header__mobile-shop:focus-visible{outline-color:#ffffffeb}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/hq-header.css.map */