.site-top{position:sticky;top:0;z-index:var(--z-header);background:linear-gradient(var(--color-sky-top),var(--color-sky-bottom));transition:transform var(--dur-slow) var(--ease)}.site-top.is-away{transform:translateY(-100%)}.site-top.is-away:focus-within{transform:none}.announce{position:relative;height:36px;overflow:hidden}.announce li{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:0 var(--space-4);font-size:var(--text-sm);line-height:16px;font-weight:500;white-space:nowrap;opacity:0;transform:translateY(6px);transition:opacity var(--dur-base) var(--ease),transform var(--dur-base) var(--ease)}.announce li:not(.is-on){pointer-events:none}.announce li.is-on{opacity:1;transform:none}.announce a{display:inline-flex;align-items:center;height:36px;font-weight:600;text-decoration:underline;text-underline-offset:3px}.announce--single{height:auto;min-height:36px}.announce--single li{position:relative;inset:auto;flex-wrap:wrap;row-gap:0;padding:var(--space-2) var(--space-4);white-space:normal;text-align:center}.announce--single a{height:auto}.site-top:has(.announce--bf){background:var(--bf-bg-site, #26282d)}.announce--bf{background:var(--bf-bg);color:var(--color-white)}.site-header{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:var(--header-h);margin-top:var(--cloud-top);padding:0 var(--space-1);background:var(--color-white)}.site-header>:not(.cloud-edge){position:relative;z-index:1}.site-header__start,.site-header__end{display:flex;align-items:center}.site-header__end{justify-content:flex-end;gap:var(--space-2)}.site-logo{display:flex;align-items:center;height:var(--tap)}.site-logo svg{display:block;width:96px;height:auto;overflow:visible;color:var(--color-ink)}.menu-toggle .ic{transition:opacity var(--dur-base) var(--ease),transform var(--dur-slow) var(--ease)}.menu-toggle__close{position:absolute;opacity:0;transform:rotate(-90deg)}.site-top.is-menu-open .menu-toggle__open{opacity:0;transform:rotate(90deg)}.site-top.is-menu-open .menu-toggle__close{opacity:1;transform:none}.cart-toggle{transition:opacity var(--dur-menu) var(--ease),visibility 0s}.site-top.is-menu-open .cart-toggle{opacity:0;visibility:hidden;transition:opacity var(--dur-menu) var(--ease),visibility 0s var(--dur-menu)}.cloud-edge{position:absolute;left:0;right:0;line-height:0;pointer-events:none}.cloud-edge svg{display:block}.cloud-edge--top{bottom:calc(100% - 12px);height:calc(var(--cloud-top) + 12px)}.cloud-edge--bottom{z-index:3;top:calc(var(--cloud-y, 100%) - 12px);height:calc(var(--cloud-bottom) + 12px);transition:top var(--dur-slow) var(--ease),opacity var(--dur-base) var(--ease)}.site-top.is-away .cloud-edge--bottom,.site-top.is-menu-open .cloud-edge--bottom{opacity:0}.desk-nav,.mega,.mega-scrim{display:none}.desk-nav__link{position:relative;z-index:1;display:inline-flex;align-items:center;gap:var(--space-1);height:40px;padding:0 14px;border:0;border-radius:var(--radius-pill);background:none;color:var(--color-ink);font:500 var(--text-base) / 1 var(--font-body);text-decoration:none;cursor:pointer;transition:background var(--dur-base) var(--ease)}.desk-nav__link .ic{width:14px;height:14px;transition:transform var(--dur-base) var(--ease)}.desk-nav__link[aria-expanded=true] .ic{transform:rotate(180deg)}.desk-nav__link:hover{background:var(--color-pale)}.desk-nav__pill{position:absolute;top:50%;left:0;width:0;height:40px;margin-top:-20px;border-radius:var(--radius-pill);background:var(--color-track);box-shadow:var(--shadow-pressed);opacity:0;pointer-events:none;transition:transform var(--dur-swap) var(--ease),width var(--dur-swap) var(--ease),opacity var(--dur-menu) var(--ease)}.desk-nav__pill.is-on{opacity:1}.nav-arrow{width:28px;height:28px;padding:7px;border-radius:var(--radius-pill);background:var(--color-pale);color:var(--color-ink);transition:transform var(--dur-base) var(--ease),background var(--dur-base) var(--ease),opacity var(--dur-base) var(--ease)}.mobile-menu-scrim{position:fixed;inset:var(--drawer-top, 93px) 0 0;z-index:var(--z-scrim);background:var(--color-scrim);opacity:0;pointer-events:none;transition:opacity var(--dur-sheet) var(--ease)}.mobile-menu-sheet{position:fixed;top:var(--drawer-top, 93px);bottom:0;left:0;z-index:var(--z-drawer);width:100%;transform:translate(-100%);visibility:hidden;transition:transform var(--dur-sheet-exit) var(--ease-exit),visibility 0s var(--dur-sheet-exit)}.mobile-menu-scrim.is-on{opacity:1;pointer-events:auto}.mobile-menu-sheet.is-on{transform:none;visibility:visible;transition:transform var(--dur-sheet) var(--ease)}.mobile-menu{display:flex;flex-direction:column;height:100%;background:var(--color-white)}.menu-root{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:var(--space-2) var(--space-4) var(--space-10);background:var(--color-white)}.mobile-menu .segmented{margin:var(--space-2) 0}.menu-cats li+li{background:linear-gradient(var(--color-line),var(--color-line)) 0 0 / 100% 1px no-repeat}.menu-cat{display:grid;grid-template-columns:56px 1fr auto;gap:var(--space-4);align-items:center;width:100%;min-height:var(--space-18);padding:var(--space-2) 0;border:0;background:none;color:var(--color-ink);text-align:left;font-size:var(--text-xl);line-height:24px;font-weight:600}.menu-cat{transition:transform var(--dur-fast) var(--ease)}.menu-cat:active{transform:scale(var(--press-scale))}.menu-cat:active .nav-thumb--stack img:nth-child(1){transform:rotate(-16deg) translate(-2px)}.menu-cat:active .nav-thumb--stack img:nth-child(2){transform:rotate(16deg) translate(2px)}.menu-cat:active .nav-arrow{transform:translate(2px);background:var(--color-mid)}.menu-cat__thumb{width:56px;height:56px;border-radius:var(--radius-sm);object-fit:cover;object-position:50% 0;background:var(--color-pale)}.nav-thumb--stack{position:relative;display:block;overflow:visible}.menu-cat__thumb.nav-thumb--stack,.mega__thumb.nav-thumb--stack{background:none}.nav-thumb--stack img{position:absolute;top:8px;width:30px;height:42px;border:1.5px solid var(--color-white);border-radius:6px;object-fit:cover;object-position:50% 0;box-shadow:0 2px 5px #02155029;transition:transform var(--dur-base) var(--ease)}.nav-thumb--stack img:nth-child(1){left:0;transform:rotate(-12deg)}.nav-thumb--stack img:nth-child(2){right:0;transform:rotate(12deg)}.nav-thumb--stack img:nth-child(3){left:12px;top:4px;z-index:1;width:32px;height:48px}.mobile-menu__best{margin-top:var(--space-6)}.mobile-menu__best .rule-label{margin-bottom:var(--space-3)}.mobile-menu__best-list{gap:var(--space-3);margin:0 calc(var(--space-4) * -1);padding:0 var(--space-4) var(--space-1);scroll-padding:0 var(--space-4)}.mobile-menu__best-card{width:128px;font-size:var(--text-md);line-height:20px;font-weight:500;transition:transform var(--dur-fast) var(--ease)}.mobile-menu__best-card:active{transform:scale(var(--press-scale))}.mobile-menu__best-media{position:relative;display:block;margin-bottom:var(--space-2)}.mobile-menu__best-media img{width:128px;height:160px;border-radius:var(--radius-md);object-fit:cover;object-position:50% 0;background:var(--color-pale)}.mobile-menu__best-card--all{color:var(--color-slate)}.mobile-menu__best-card--all .mobile-menu__best-media{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);width:128px;height:160px;border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-pale);color:var(--color-ink)}.mobile-menu__best-card--all .ic{width:24px;height:24px}.mobile-menu__best-card--all b{font-weight:600}.mobile-menu__more{margin-top:var(--space-6);padding-top:var(--space-2);background:linear-gradient(var(--color-line),var(--color-line)) 0 0 / 100% 1px no-repeat}.mobile-menu__more a{display:flex;align-items:center;height:var(--tap);font-size:var(--text-base);color:var(--color-slate)}.mobile-menu__foot{position:relative;flex:none;display:flex;justify-content:space-around;padding:var(--space-2) var(--space-2) calc(var(--space-3) + env(safe-area-inset-bottom));background:linear-gradient(var(--color-line),var(--color-line)) 0 0 / 100% 1px no-repeat}.mobile-menu__foot a,.mobile-menu__help-toggle{display:flex;align-items:center;gap:var(--space-2);height:var(--tap);padding:0 var(--space-2);border:0;background:none;font-size:var(--text-md);font-weight:500;color:var(--color-slate)}.mobile-menu__foot .ic{color:var(--color-ink)}.mobile-menu__help{position:relative;display:flex}.mobile-menu__help-pop{position:absolute;right:0;bottom:calc(100% + var(--space-2));z-index:5;display:grid;min-width:200px;padding:6px;border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-white);box-shadow:var(--shadow-pop);transform-origin:100% 100%;animation:rise-menu var(--dur-base) var(--ease)}.mobile-menu__help-pop a{gap:10px;padding:0 10px;border-radius:var(--radius-sm);font-size:var(--text-base);color:var(--color-ink)}.mobile-menu__help-pop a+a{background:linear-gradient(var(--color-line),var(--color-line)) 10px 0 / calc(100% - 20px) 1px no-repeat}.mobile-menu__help-pop a:active{background-color:var(--color-hover)}.mobile-menu__help-pop .ic{width:18px;height:18px}@media(min-width:1024px){.site-header{grid-template-columns:auto 1fr auto;padding:0 max(var(--gutter),calc((100% - var(--wrap)) / 2))}.site-header__start{display:none}.site-logo svg{width:112px}.announce li{font-size:var(--text-md)}.desk-nav{position:relative;display:flex;align-items:center;justify-content:center;gap:var(--space-1)}.mobile-menu-sheet,.mobile-menu-scrim{display:none}.mega{position:absolute;top:var(--header-bottom, 100%);left:0;right:0;z-index:1;display:block;background:var(--color-white);clip-path:inset(0 0 100% 0);visibility:hidden;transition:clip-path var(--dur-slow) var(--ease),visibility 0s var(--dur-slow)}.mega[hidden]{display:block!important}.mega.is-expanded{clip-path:inset(0);visibility:visible;transition:clip-path var(--dur-slow) var(--ease)}.mega.is-leaving{z-index:1;opacity:0;pointer-events:none;clip-path:inset(0);visibility:visible;transition:none}.mega.is-arriving{z-index:2;clip-path:inset(0);transition:none}.mega__inner{display:grid;grid-template-columns:340px 1fr;gap:var(--space-12);max-width:var(--wrap);margin:0 auto;padding:var(--space-2) var(--gutter) var(--space-5)}.mega__list li+li{background:linear-gradient(var(--color-line),var(--color-line)) 0 0 / 100% 1px no-repeat}.mega__row{display:grid;grid-template-columns:48px 1fr auto;gap:14px;align-items:center;min-height:var(--space-16);margin:0 -12px 0 -8px;padding:var(--space-2) var(--space-3) var(--space-2) var(--space-2);border-radius:var(--radius-md);font-size:var(--text-lg);line-height:20px;font-weight:600;color:var(--color-ink);transition:background var(--dur-base) var(--ease)}.mega__thumb{width:48px;height:48px;border-radius:var(--radius-sm);object-fit:cover;object-position:50% 0;background:var(--color-pale)}.mega__thumb.nav-thumb--stack img{top:7px;width:26px;height:36px}.mega__thumb.nav-thumb--stack img:nth-child(3){left:10px;top:3px;width:28px;height:42px}.mega__row .nav-arrow{opacity:0;transform:translate(-4px)}.mega__row.is-on,.mega__row:hover{background:var(--color-hover)}.mega__row.is-on .nav-arrow,.mega__row:hover .nav-arrow{opacity:1;transform:none}.mega__pane{display:none}.mega__pane.is-on{display:block}.mega__pane .nav-products li+li{background:linear-gradient(var(--color-line),var(--color-line)) 0 0 / 100% 1px no-repeat}.mega__pane .nav-products--cols{display:grid;grid-template-columns:1fr 1fr;column-gap:var(--space-5)}.mega__pane .nav-products--cols li+li{background:none}.mega__pane .nav-products--cols li:nth-child(n+3){background:linear-gradient(var(--color-line),var(--color-line)) 0 0 / 100% 1px no-repeat}.mega__pane .nav-product{display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:center;min-height:var(--space-16);padding:var(--space-2) 0;font-size:var(--text-lg);line-height:20px;font-weight:500;color:var(--color-ink);transition:transform var(--dur-fast) var(--ease)}.mega__pane .nav-product:active{transform:scale(var(--press-scale))}.mega__pane .nav-product img{width:48px;height:60px;border-radius:var(--radius-md);object-fit:cover;object-position:50% 0;background:var(--color-pale)}.mega__pane .nav-product__new{display:inline-block;margin-left:var(--space-2);padding:0 var(--space-2);border:1px solid var(--color-line);border-radius:var(--radius-pill);background:var(--color-pale);font-size:var(--text-xs);line-height:18px;font-weight:600;color:var(--color-ink);vertical-align:1px}.mega__pane .menu-see-all{display:flex;align-items:center;justify-content:space-between;height:48px;margin-top:var(--space-2);background:linear-gradient(var(--color-line),var(--color-line)) 0 0 / 100% 1px no-repeat;font-size:var(--text-base);font-weight:600;color:var(--color-ink)}.mega__pane .menu-see-all .ic{width:16px;height:16px}.mega-scrim{position:fixed;inset:var(--mega-top, 108px) 0 0;z-index:var(--z-mega);display:block;background:var(--color-scrim-light);opacity:0;pointer-events:none;transition:opacity var(--dur-base) var(--ease)}.mega-scrim.is-on{opacity:1;pointer-events:auto}}.menu-search{width:100%;margin-bottom:var(--space-4);border:0;color:var(--color-muted);font:500 var(--text-xl) / 1 var(--font-body);text-align:left;cursor:pointer}.menu-search:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}@media(max-width:1023px){.site-header .search-toggle{display:none}}.search-sheet{position:fixed;inset:0 0 auto;width:100%;max-width:none;max-height:100dvh;margin:0;padding:0;border:0;background:var(--color-white);color:var(--color-ink);overflow:auto;overscroll-behavior:contain}.search-sheet[open]{animation:search-drop var(--dur-slow) var(--ease)}.search-sheet::backdrop{background:var(--color-scrim)}@keyframes search-drop{0%{opacity:0;transform:translateY(-16px)}}@media(prefers-reduced-motion:reduce){.search-sheet[open]{animation:none}}.search-field-row{display:flex;align-items:center;gap:var(--space-2);max-width:760px;margin:0 auto;padding:var(--space-3) var(--gutter)}.search-field{display:flex;flex:1;min-width:0;align-items:center;gap:var(--space-2);height:var(--control);padding:0 var(--space-4);border-radius:var(--radius-pill);background:var(--noise-ink),var(--color-chip);box-shadow:var(--shadow-well)}.search-field .ic{flex:none;width:20px;height:20px;color:var(--color-slate)}.search-field input{flex:1;width:100%;min-width:0;height:100%;padding:0;border:0;background:none;color:var(--color-ink);font:500 var(--text-xl) / 1 var(--font-body);outline:none;-webkit-appearance:none;appearance:none}.search-field input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.search-field input::placeholder{color:var(--color-muted)}.search-field:has(input:focus-visible){outline:2px solid var(--color-ink);outline-offset:2px}.search-sheet__cancel{flex:none;height:var(--tap);padding:0 var(--space-2);border:0;background:none;color:var(--color-ink);font:600 var(--text-base) / 1 var(--font-body);cursor:pointer}.search-sheet__body{max-width:760px;margin:0 auto;padding:0 var(--gutter) var(--space-6)}.search-sheet__label{margin:var(--space-2) 0 var(--space-3);font:500 var(--text-sm) / 1 var(--font-mono);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-label)}.search-sheet__chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.search-chip{display:inline-flex;align-items:center;height:36px;padding:0 var(--space-4);border-radius:var(--radius-pill);background:var(--color-chip);color:var(--color-ink);font:500 var(--text-base) / 1 var(--font-body);text-decoration:none}.search-chip:hover{background:var(--color-mid)}.search-list li+li{background:linear-gradient(var(--color-line),var(--color-line)) 0 0 / 100% 1px no-repeat}.search-row{display:grid;grid-template-columns:56px 1fr auto;gap:var(--space-3);align-items:center;min-height:72px;padding:var(--space-2) 0;color:var(--color-ink);text-decoration:none}.search-row:hover .search-row__name{text-decoration:underline;text-underline-offset:3px}.search-row__img{width:56px;height:56px;overflow:hidden;border-radius:var(--radius-sm);background:var(--color-pale)}.search-row__img img{width:100%;height:100%;object-fit:cover;object-position:50% 0}.search-row__name{font:500 var(--text-lg) / 20px var(--font-body)}.search-row__price{font:600 var(--text-base) / 1 var(--font-body);white-space:nowrap}.search-row__price s{font-weight:400;color:var(--color-muted)}.search-all{margin-top:var(--space-4)}.search-help{margin:var(--space-2) 0 var(--space-4)}.search-help .search-sheet__label{margin-top:0}.search-empty{margin:var(--space-4) 0;font-size:var(--text-lg);color:var(--color-slate)}@media(min-width:1024px){.search-sheet{inset:var(--space-6) 0 auto;width:min(760px,calc(100% - 2 * var(--gutter)));max-height:calc(100dvh - 2 * var(--space-6));margin:0 auto;border-radius:var(--radius-xl);box-shadow:0 24px 60px #0215502e}.search-field-row{padding:var(--space-4) var(--space-5) var(--space-3)}.search-sheet__body{padding:0 var(--space-5) var(--space-5)}}
/*# sourceMappingURL=/cdn/shop/t/178/assets/header.css.map */
