.whet-header{--whet-navigation-accessible-surface: #E91C24;--whet-header-ink: var(--color-foreground, var(--whet-color-night));--whet-header-icon: var(--whet-color-tension);color:var(--whet-header-ink);display:block;position:relative;z-index:10;background:transparent}.whet-header[data-surface=light]{--whet-header-ink: var(--whet-color-night)}.whet-header[data-surface=dark],.whet-header[data-surface=photo]{--whet-header-ink: var(--whet-color-day)}.whet-header .whet-announcement{position:relative;background:var(--whet-navigation-accessible-surface);color:var(--whet-color-day);padding:1.875rem clamp(1rem,6.944vw,6.25rem);text-align:center}.whet-header .whet-announcement[hidden],.whet-header .whet-announcement__dismiss[hidden]{display:none}.whet-header .whet-announcement__copy a{color:inherit;text-decoration:underline;text-underline-offset:.15em}.whet-header .whet-announcement__dismiss{position:absolute;inset-inline-end:max(.5rem,env(safe-area-inset-right));inset-block-start:min(50%,calc(100svh - 1.875rem));transform:translateY(-50%);display:grid;place-items:center;width:2.75rem;height:2.75rem;padding:0;background:transparent;color:inherit;border:0;border-radius:0;cursor:pointer}.whet-header .whet-announcement{padding-inline:max(3.5rem,min(6.944vw,6.25rem))}.whet-header[data-header-enhanced] .whet-header__row{position:fixed;top:var(--whet-announcement-offset, 0px);pointer-events:none}.whet-header[data-header-enhanced] .whet-navigation{pointer-events:auto}.whet-header .whet-announcement__copy{color:inherit;letter-spacing:normal;white-space:normal;overflow-wrap:anywhere}.whet-header .whet-header__row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:max(clamp(1rem,3.056vw,2.75rem),env(safe-area-inset-top)) max(1rem,min(3.472vw,3.125rem),env(safe-area-inset-right)) 1rem max(1rem,min(3.472vw,3.125rem),env(safe-area-inset-left));position:absolute;inset-inline:0;top:100%;z-index:10;background:transparent}.whet-header .whet-header__help{font:inherit;color:inherit;margin:0;max-width:40rem;overflow-wrap:anywhere}.whet-header .whet-navigation{display:block;flex:none;margin-inline-start:auto}.whet-header .whet-navigation__control{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:.5rem;width:5rem;height:5.75rem;padding:0;list-style:none;cursor:pointer;font-family:var(--whet-font-display);font-size:1rem;font-weight:var(--whet-weight-display);line-height:1.25;letter-spacing:-.02em;text-transform:uppercase;color:var(--whet-header-ink);background:transparent;border:0;border-radius:0;touch-action:manipulation}.whet-header .whet-navigation__control::-webkit-details-marker{display:none}.whet-header .whet-navigation__icon{display:block;position:relative;width:5rem;height:3.75rem;flex:none;color:var(--whet-header-icon)}.whet-header .whet-navigation__icon span{position:absolute;left:0;top:0;height:.625rem;width:100%;background:currentColor;transform-origin:center;transition:transform var(--whet-motion-duration) var(--whet-motion-easing)}.whet-header .whet-navigation__icon span:nth-child(2){top:1.25rem;width:70%}.whet-header .whet-navigation__icon span:nth-child(3){top:2.5rem}.whet-header .whet-navigation__details:not([open]) .whet-navigation__menu-label{margin-block-start:-.5rem}.whet-header .whet-navigation__close-label,.whet-header .whet-navigation__details[open] .whet-navigation__menu-label{display:none}.whet-header .whet-navigation__details[open] .whet-navigation__close-label{display:block}.whet-header .whet-navigation__details[open] .whet-navigation__control{color:var(--whet-color-day)}.whet-header .whet-navigation__details[open] .whet-navigation__icon{color:var(--whet-color-night);height:4rem}.whet-header .whet-navigation__details[open] .whet-navigation__icon span:nth-child(1){transform:translateY(1.6875rem) rotate(45deg)}.whet-header .whet-navigation__details[open] .whet-navigation__icon span:nth-child(2){visibility:hidden}.whet-header .whet-navigation__details[open] .whet-navigation__icon span:nth-child(3){transform:translateY(-.8125rem) rotate(-45deg)}.whet-header .whet-navigation__panel{background:var(--whet-navigation-accessible-surface);color:var(--whet-color-day);padding:1rem}.whet-header .whet-navigation__layout{min-width:0}.whet-header .whet-navigation__links{margin:0;padding:0;list-style:none}.whet-header .whet-navigation__item{margin:0;padding:0}.whet-header .whet-navigation__link{display:block;color:var(--whet-color-day);text-align:center;text-decoration:none;padding:0;line-height:1;overflow-wrap:anywhere}.whet-header .whet-navigation__label{pointer-events:none}@media(hover:hover)and (pointer:fine){.whet-header .whet-navigation__link:hover{color:var(--whet-color-night)}}@media(max-width:1023px){.whet-header .whet-navigation[data-enhanced]:not([data-relaxed-leading]) .whet-navigation__link{line-height:max(2rem,calc(1em * var(--whet-leading-display-3)))}}@media(min-width:1024px){.whet-header .whet-navigation[data-enhanced]:not([data-relaxed-leading]) .whet-navigation__link{line-height:var(--whet-leading-display-3)}}.whet-header .whet-navigation[data-enhanced] .whet-navigation__details[open] .whet-navigation__control{position:fixed;top:max(env(safe-area-inset-top),var(--whet-control-top));right:max(env(safe-area-inset-right),var(--whet-control-right));z-index:1001}.whet-header .whet-navigation[data-enhanced] .whet-navigation__panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;width:100%;height:100vh;height:100dvh;max-width:none;padding:0;overflow:auto;overscroll-behavior:contain;border:0;border-radius:0;box-shadow:none;animation:none;transition:none}.whet-header .whet-navigation[data-enhanced] .whet-navigation__layout{display:grid;grid-template-rows:minmax(max(1.5rem,env(safe-area-inset-top)),1fr) auto minmax(max(1.5rem,env(safe-area-inset-bottom)),1fr);min-height:100%;padding-inline:max(1rem,4vw,env(safe-area-inset-left)) max(1rem,4vw,env(safe-area-inset-right))}.whet-header .whet-navigation[data-enhanced] .whet-navigation__nav{grid-row:2;min-width:0;width:min(75rem,calc(100% - 2 * (5rem + var(--whet-control-right))));justify-self:center}@media(max-width:749px){.whet-header .whet-navigation__control{width:4rem;height:4.75rem}.whet-header .whet-navigation__icon,.whet-header .whet-navigation__details[open] .whet-navigation__icon{width:4rem;height:3rem}.whet-header .whet-navigation__icon span{height:.5rem}.whet-header .whet-navigation__icon span:nth-child(2){top:1rem}.whet-header .whet-navigation__icon span:nth-child(3){top:2rem}.whet-header .whet-navigation__details[open] .whet-navigation__icon span:nth-child(1){transform:translateY(1.25rem) rotate(45deg)}.whet-header .whet-navigation__details[open] .whet-navigation__icon span:nth-child(3){transform:translateY(-.75rem) rotate(-45deg)}.whet-header .whet-navigation[data-enhanced] .whet-navigation__panel{overflow:hidden}.whet-header .whet-navigation[data-enhanced] .whet-navigation__layout{position:absolute;inset-inline:0;top:var(--whet-navigation-top);bottom:var(--whet-navigation-bottom);min-height:0;overflow:auto;overscroll-behavior:contain;grid-template-rows:minmax(1rem,1fr) auto minmax(max(1rem,env(safe-area-inset-bottom)),1fr)}.whet-header .whet-navigation[data-enhanced] .whet-navigation__nav{width:100%;transform:translateY(var(--whet-navigation-shift, 0px))}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/whet-navigation.css.map */