.header-nav{--nav-bar-height: calc(60 * var(--nav-ratio));--nav-bar-height-m: calc(48 * var(--nav-ratio-m));--nav-text: rgb(var(--color-foreground));--nav-surface: rgb(var(--color-background));--nav-shadow: 0 calc(4 * var(--nav-ratio)) calc(4 * var(--nav-ratio)) rgba(0, 0, 0, .04);display:block;position:relative;background-color:transparent;z-index:30}.header-nav[class*=color-]{background-color:transparent}.header-nav__bar{position:relative;transition:transform .3s ease,background-color .3s ease,box-shadow .3s ease}.header-nav[data-home=true][data-sticky=down],.header-nav[data-home=true][data-sticky=up]{margin-bottom:calc(-1 * var(--nav-bar-h, var(--nav-bar-height)))}.header-nav[data-header-fixed=true] .header-nav__bar{position:fixed;top:0;right:0;left:0}.header-nav[data-sticky=up][data-header-fixed=true][data-scroll-dir=down][data-at-top=false] .header-nav__bar{transform:translateY(-100%)}.header-nav[data-sticky=down],.header-nav[data-sticky=up]{height:var(--nav-bar-h, var(--nav-bar-height))}.header-nav__bar{background-color:var(--nav-surface);box-shadow:var(--nav-shadow)}.header-nav[data-home=true][data-at-top=true]:not([data-hover=true]):not([data-flyout-open=true]):not([data-drawer-open=true]) .header-nav__bar{background-color:transparent;box-shadow:none}.header-nav[data-home=true][data-at-top=true]:not([data-hover=true]):not([data-flyout-open=true]):not([data-drawer-open=true]) .header-nav__logo-img--solid{display:none}.header-nav__desktop .header-nav__logo-img--transparent,.header-nav__desktop .header-nav__logo-img--solid,.header-nav__mobile .header-nav__logo-img--transparent,.header-nav__mobile .header-nav__logo-img--solid{display:none}.header-nav[data-home=true][data-at-top=true]:not([data-hover=true]):not([data-flyout-open=true]):not([data-drawer-open=true]) .header-nav__desktop .header-nav__logo-img--transparent,.header-nav[data-home=true][data-at-top=true]:not([data-hover=true]):not([data-flyout-open=true]):not([data-drawer-open=true]) .header-nav__mobile .header-nav__logo-img--transparent{display:block}.header-nav[data-home=false] .header-nav__desktop .header-nav__logo-img--solid,.header-nav[data-home=false] .header-nav__mobile .header-nav__logo-img--solid,.header-nav[data-at-top=false] .header-nav__desktop .header-nav__logo-img--solid,.header-nav[data-at-top=false] .header-nav__mobile .header-nav__logo-img--solid,.header-nav[data-hover=true] .header-nav__desktop .header-nav__logo-img--solid,.header-nav[data-hover=true] .header-nav__mobile .header-nav__logo-img--solid,.header-nav[data-flyout-open=true] .header-nav__desktop .header-nav__logo-img--solid,.header-nav[data-flyout-open=true] .header-nav__mobile .header-nav__logo-img--solid,.header-nav[data-drawer-open=true] .header-nav__desktop .header-nav__logo-img--solid,.header-nav[data-drawer-open=true] .header-nav__mobile .header-nav__logo-img--solid{display:block}.header-nav__desktop{display:flex;align-items:center;justify-content:space-between;gap:var(--nav-gap);height:var(--nav-bar-height);padding-inline:var(--nav-edge)}.header-nav[data-logo-position=center] .header-nav__desktop{position:relative}.header-nav[data-logo-position=center] .header-nav__desktop>.header-nav__logo{position:absolute;left:50%;transform:translate(-50%)}.header-nav[data-logo-position=center] .header-nav__desktop>.header-nav__menu{margin-inline:calc(var(--nav-logo-width) + var(--nav-gap))}.header-nav__logo{display:flex;flex:0 0 auto;align-items:center;text-decoration:none}.header-nav__logo-img{display:block;width:var(--nav-logo-width);height:auto}.header-nav__logo-text{color:var(--nav-text);font-size:calc(20 * var(--nav-ratio));font-weight:700}.header-nav__menu{display:flex;align-self:stretch;flex:1 1 auto;align-items:center;justify-content:center;min-width:0}.header-nav__list{display:flex;align-self:stretch;align-items:center;gap:0;margin:0;padding:0;list-style:none}.header-nav__item{display:flex;align-self:stretch;flex:0 0 auto;align-items:center;padding-inline:calc(var(--nav-gap) / 2)}.header-nav__link{position:relative;display:block;color:var(--nav-text);font-size:calc(16 * var(--nav-ratio));font-weight:600;line-height:1.4;text-decoration:none;white-space:nowrap;transition:color .2s ease}.header-nav__link:after{position:absolute;right:0;bottom:calc(-18 * var(--nav-ratio));left:0;width:0;height:calc(2 * var(--nav-ratio));background-color:var(--nav-accent);content:"";transition:width .2s ease}.header-nav__link:hover,.header-nav__link:focus-visible{color:var(--nav-accent)}.header-nav__item:hover .header-nav__link:after,.header-nav__link:focus-visible:after{width:100%}.header-nav__actions{display:flex;flex:0 0 auto;align-items:center;gap:calc(32 * var(--nav-ratio))}.header-nav__action{display:flex;position:relative;align-items:center;justify-content:center;width:calc(24 * var(--nav-ratio));height:calc(24 * var(--nav-ratio));border:0;background:none;color:var(--nav-text);cursor:pointer}.header-nav__action svg{width:100%;height:100%}.header-nav__cart-count{position:absolute;top:calc(-4 * var(--nav-ratio));left:100%;font-size:calc(11 * var(--nav-ratio));line-height:1}.header-nav__selector{color:var(--nav-text);font-size:calc(14 * var(--nav-ratio))}.header-nav__flyouts{position:absolute;top:100%;right:0;left:0;z-index:2;pointer-events:auto}.header-nav__flyout{width:100%;box-sizing:border-box;max-height:min(var(--flyout-max-height, calc(100vh - var(--nav-bar-height))),calc(100vh - var(--nav-bar-height)));min-height:var(--flyout-min-height, 0px);background-color:var(--nav-surface);box-shadow:var(--nav-shadow);overflow-y:auto;overscroll-behavior-y:contain}.header-nav__flyout[hidden]{display:none}.header-nav__flyout-inner{display:flex;align-items:var(--flyout-vertical-justify, flex-start);box-sizing:border-box;justify-content:var(--flyout-content-justify, flex-start);min-height:var(--flyout-min-height, 0px);padding-top:var(--flyout-padding-top, calc(40 * var(--nav-ratio)));padding-right:var(--flyout-padding-inline, var(--nav-edge));padding-bottom:var(--flyout-padding-bottom, calc(40 * var(--nav-ratio)));padding-left:var(--flyout-padding-inline, var(--nav-edge))}.header-nav__flyout-content{display:flex;align-items:flex-start;width:var(--flyout-content-width, 100%);max-width:calc(100% + var(--flyout-padding-inline, var(--nav-edge)));gap:var(--flyout-content-gap, calc(70 * var(--nav-ratio)))}.header-nav__flyout-groups{display:flex;flex:1 1 auto;gap:var(--flyout-group-gap, calc(50 * var(--nav-ratio)));min-width:0}.header-nav__flyout .header-nav-group__list{flex:0 0 var(--flyout-menu-item-width, calc(160 * var(--nav-ratio)));width:var(--flyout-menu-item-width, calc(160 * var(--nav-ratio)))}.header-nav__flyout-cards{display:flex;flex:0 0 auto;gap:var(--flyout-card-gap, calc(24 * var(--nav-ratio)))}.header-nav__flyout--menu_cards .header-nav__flyout-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.header-nav__flyout--menu_cards .header-nav__flyout-cards .header-nav-card:nth-child(n+4){display:none}.header-nav__flyout--menu_only .header-nav__flyout-groups{flex:1 1 auto}.header-nav-group{flex:0 0 auto;min-width:0}.header-nav-group__title{margin:0 0 calc(12 * var(--nav-ratio));color:var(--nav-text);font-size:calc(18 * var(--nav-ratio));font-weight:700;line-height:1.2}.header-nav-group__columns{display:flex;gap:var(--flyout-column-gap, calc(20 * var(--nav-ratio)))}.header-nav-group__list{margin:0;padding:0;list-style:none}.header-nav-group__link{display:flex;align-items:baseline;min-width:0;width:100%;box-sizing:border-box;color:var(--nav-text);font-size:calc(16 * var(--nav-ratio));font-weight:500;line-height:calc(40 * var(--nav-ratio));text-decoration:none;white-space:nowrap}.header-nav-group__text{min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-nav-group__link:hover,.header-nav-group__link:focus-visible{color:var(--nav-accent)}.header-nav-group__link:hover .header-nav-group__text,.header-nav-group__link:focus-visible .header-nav-group__text{text-decoration:underline}.header-nav-group__badge{flex:0 0 auto;color:var(--nav-badge-color);font-weight:400;white-space:nowrap}.header-nav-group__link:hover .header-nav-group__badge,.header-nav-group__link:focus-visible .header-nav-group__badge{text-decoration:none}.header-nav-card{display:flex;flex-direction:column;gap:calc(12 * var(--nav-ratio));color:var(--nav-text);text-decoration:none}.header-nav-card--series{width:calc(260 * var(--nav-ratio))}.header-nav-card--side{width:calc(310 * var(--nav-ratio))}.header-nav-card__media{border-radius:calc(20 * var(--nav-ratio));overflow:hidden}.header-nav-card--series .header-nav-card__media{height:calc(300 * var(--nav-ratio))}.header-nav-card--side .header-nav-card__media{height:calc(340 * var(--nav-ratio))}.header-nav-card__img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.header-nav__flyout .header-nav-card:hover .header-nav-card__img,.header-nav__flyout a.header-nav-card:focus-visible .header-nav-card__img{transform:scale(1.1)}.header-nav-card__title{font-size:calc(18 * var(--nav-ratio));font-weight:700;line-height:1.3;text-align:center}.header-nav__mobile{position:relative;display:flex;align-items:center;justify-content:space-between;height:var(--nav-bar-height-m);padding-inline:var(--nav-mobile-padding-inline, calc(16 * var(--nav-ratio-m)))}.header-nav__mobile-start,.header-nav__mobile .header-nav__actions{display:flex;align-items:center;gap:var(--nav-mobile-header-gap, calc(16 * var(--nav-ratio-m)))}.header-nav__mobile .header-nav__logo-img{width:var(--nav-logo-width-m)}.header-nav__mobile>.header-nav__logo{position:absolute;left:50%;transform:translate(-50%)}.header-nav__mobile .header-nav__action{width:var(--nav-mobile-icon-size, calc(20 * var(--nav-ratio-m)));height:var(--nav-mobile-icon-size, calc(20 * var(--nav-ratio-m)))}.header-nav__mobile .header-nav__cart-count{top:calc(-4 * var(--nav-ratio-m));font-size:calc(10 * var(--nav-ratio-m))}.header-nav__menu-icon{display:block;width:100%;height:100%}.header-nav__menu-icon--open,.header-nav[data-drawer-open=true] .header-nav__menu-icon--closed{display:none}.header-nav[data-drawer-open=true] .header-nav__menu-icon--open{display:block}.header-nav-drawer{position:fixed;top:var(--nav-bar-height-m);right:0;bottom:0;left:0;z-index:1;background-color:#f6f6f6;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.header-nav-drawer[hidden]{display:none}.header-nav-drawer__sheet{padding:var(--nav-mobile-content-gap, calc(28 * var(--nav-ratio-m))) var(--nav-mobile-padding-inline, calc(16 * var(--nav-ratio-m)));background-color:var(--nav-surface)}.header-nav-card--mobile-secondary{flex:0 0 var(--nav-mobile-thumb-width, calc(88 * var(--nav-ratio-m)));width:var(--nav-mobile-thumb-width, calc(88 * var(--nav-ratio-m)));gap:calc(8 * var(--nav-ratio-m))}.header-nav-card--mobile-secondary .header-nav-card__media{height:var(--nav-mobile-thumb-height, calc(88 * var(--nav-ratio-m)));border-radius:var(--nav-mobile-thumb-radius, calc(12 * var(--nav-ratio-m)));background-color:#f8f8f8}.header-nav-card--mobile-secondary .header-nav-card__title{font-size:calc(12 * var(--nav-ratio-m));font-weight:500}.header-nav-drawer__subpage-cards .header-nav-card:nth-child(n+4){display:none}.header-nav-drawer__rows{display:flex;width:max(var(--nav-mobile-divider-width, 100%),100%);max-width:100%;flex-direction:column;gap:var(--nav-mobile-row-gap, calc(24 * var(--nav-ratio-m)));margin:0;padding:0;list-style:none}.header-nav-drawer__row:not(:last-child){padding-bottom:var(--nav-mobile-row-gap, calc(24 * var(--nav-ratio-m)));border-bottom:1px solid color-mix(in srgb,var(--nav-mobile-divider-color, #000004) calc(var(--nav-mobile-divider-opacity, .1) * 100%),transparent)}.header-nav-drawer__row-link{display:flex;align-items:center;gap:var(--nav-mobile-header-gap, calc(16 * var(--nav-ratio-m)));width:100%;min-height:var(--nav-mobile-thumb-height, calc(88 * var(--nav-ratio-m)));padding-block:0;border:0;background:none;color:var(--nav-text);text-align:start;text-decoration:none;cursor:pointer}.header-nav-drawer__thumb{display:block;flex:0 0 auto;width:var(--nav-mobile-thumb-width, calc(80 * var(--nav-ratio-m)));height:var(--nav-mobile-thumb-height, calc(88 * var(--nav-ratio-m)));border-radius:var(--nav-mobile-thumb-radius, calc(12 * var(--nav-ratio-m)));background-color:#f8f8f8;overflow:hidden}.header-nav-drawer__thumb-img{display:block;width:100%;height:100%;object-fit:cover}.header-nav-drawer__row-title{flex:1 1 auto;font-size:var(--nav-mobile-title-size, calc(18 * var(--nav-ratio-m)));font-weight:700;line-height:1.3}.header-nav-drawer__chevron{display:block;flex:0 0 auto;width:var(--nav-mobile-icon-size, calc(20 * var(--nav-ratio-m)));height:var(--nav-mobile-icon-size, calc(20 * var(--nav-ratio-m)))}.header-nav-drawer__chevron svg{width:100%;height:100%}.header-nav-drawer__meta{padding:var(--nav-mobile-content-gap, calc(40 * var(--nav-ratio-m))) var(--nav-mobile-padding-inline, calc(16 * var(--nav-ratio-m)))}.header-nav-drawer__selectors{display:flex;align-items:center;gap:var(--nav-mobile-header-gap, calc(16 * var(--nav-ratio-m)));margin-bottom:var(--nav-mobile-content-gap, calc(28 * var(--nav-ratio-m)))}.header-nav-drawer__selector{color:var(--nav-text);font-size:calc(14 * var(--nav-ratio-m))}.header-nav-drawer__social{display:flex;align-items:center;gap:calc(8 * var(--nav-ratio-m))}.header-nav-drawer__social svg{width:var(--nav-mobile-social-size, calc(32 * var(--nav-ratio-m)));height:var(--nav-mobile-social-size, calc(32 * var(--nav-ratio-m)))}.header-nav-drawer__social .xo-socials--custom-color svg path{fill:var(--xo-social-icon-fill)}.header-nav-drawer__panel--sub{box-sizing:border-box;background-color:var(--nav-surface);padding-top:var(--nav-mobile-content-gap, calc(28 * var(--nav-ratio-m)));min-height:100%}.header-nav-drawer__panel[hidden]{display:none}.header-nav-drawer__panel:not([hidden]){animation:header-nav-panel-in .24s ease both}@keyframes header-nav-panel-in{0%{opacity:0}to{opacity:1}}.header-nav-drawer__back-region{--nav-mobile-back-region-height: calc( var(--nav-mobile-icon-size, calc(20 * var(--nav-ratio-m))) + (2 * var(--nav-mobile-row-gap, calc(24 * var(--nav-ratio-m)))) + 1px );display:flow-root;position:sticky;top:0;z-index:2;background-color:var(--nav-surface)}.header-nav-drawer__back-bar{--nav-back-bar-height: var(--nav-mobile-icon-size, calc(20 * var(--nav-ratio-m)));display:flex;box-sizing:border-box;align-items:center;width:100%;height:var(--nav-back-bar-height);padding-inline:var(--nav-mobile-padding-inline, calc(16 * var(--nav-ratio-m)));background-color:var(--nav-surface)}.header-nav-drawer__back-divider{width:max(var(--nav-mobile-divider-width, calc(343 * var(--nav-ratio-m))),100%);max-width:calc(100% - (2 * var(--nav-mobile-padding-inline, calc(16 * var(--nav-ratio-m)))));height:0;margin:var(--nav-mobile-row-gap, calc(24 * var(--nav-ratio-m))) auto;border-top:1px solid color-mix(in srgb,var(--nav-mobile-divider-color, #000004) calc(var(--nav-mobile-divider-opacity, .1) * 100%),transparent)}.header-nav-drawer__back{display:flex;align-items:center;gap:calc(8 * var(--nav-ratio-m));padding:0;border:0;background:none;color:var(--nav-text);cursor:pointer}.header-nav-drawer__back-icon{display:block;flex:0 0 auto;width:var(--nav-mobile-icon-size, calc(20 * var(--nav-ratio-m)));height:var(--nav-mobile-icon-size, calc(20 * var(--nav-ratio-m)))}.header-nav-drawer__back-icon svg{width:100%;height:100%}.header-nav-drawer__back-title{font-size:var(--nav-mobile-group-title-size, calc(16 * var(--nav-ratio-m)));font-weight:700;line-height:1.3}.header-nav-drawer__accordion{padding-inline:var(--nav-mobile-padding-inline, calc(16 * var(--nav-ratio-m)))}.header-nav-group--mobile{padding-bottom:var(--nav-mobile-subgroup-gap, calc(20 * var(--nav-ratio-m)));border-bottom:1px solid color-mix(in srgb,var(--nav-mobile-divider-color, #000004) calc(var(--nav-mobile-divider-opacity, .1) * 100%),transparent)}.header-nav-group--mobile+.header-nav-group--mobile{margin-top:var(--nav-mobile-subgroup-gap, calc(20 * var(--nav-ratio-m)))}.header-nav-group__summary{display:flex;position:sticky;top:var(--nav-mobile-back-region-height, calc(69 * var(--nav-ratio-m)));z-index:1;align-items:center;justify-content:space-between;gap:calc(8 * var(--nav-ratio-m));min-height:var(--nav-mobile-icon-size, calc(20 * var(--nav-ratio-m)));padding-block:0;background-color:var(--nav-surface);list-style:none;cursor:pointer}.header-nav-group__summary::-webkit-details-marker{display:none}.header-nav-group--mobile .header-nav-group__title{margin:0;font-size:var(--nav-mobile-group-title-size, calc(16 * var(--nav-ratio-m)))}.header-nav-group__toggle{display:block;flex:0 0 auto;width:var(--nav-mobile-icon-size, calc(20 * var(--nav-ratio-m)));height:var(--nav-mobile-icon-size, calc(20 * var(--nav-ratio-m)))}.header-nav-group__toggle svg{width:100%;height:100%}.header-nav-group__toggle-close,.header-nav-group--mobile[open] .header-nav-group__toggle-open{display:none}.header-nav-group--mobile[open] .header-nav-group__toggle-close{display:block}.header-nav-group__content{padding-top:var(--nav-mobile-subgroup-gap, calc(20 * var(--nav-ratio-m)));padding-bottom:0}.header-nav-group--mobile .header-nav-group__columns{display:block}.header-nav-group--mobile .header-nav-group__link{display:block;font-size:var(--nav-mobile-menu-size, calc(14 * var(--nav-ratio-m)));line-height:var(--nav-mobile-menu-line-height, calc(40 * var(--nav-ratio-m)));white-space:normal}.header-nav-group--mobile .header-nav-group__text{display:inline;flex:none;min-width:0;overflow:visible;text-overflow:clip;white-space:normal}.header-nav-group--mobile .header-nav-group__badge{display:inline;white-space:normal;margin-left:.2rem}.header-nav-drawer__subpage-cards{display:flex;align-items:flex-start;gap:var(--nav-mobile-header-gap, calc(16 * var(--nav-ratio-m)));margin:var(--nav-mobile-subgroup-gap, calc(24 * var(--nav-ratio-m))) 0 calc(32 * var(--nav-ratio-m));overflow-x:auto;padding-inline:var(--nav-mobile-padding-inline, calc(16 * var(--nav-ratio-m)));padding-bottom:calc(4 * var(--nav-ratio-m))}.header-nav-drawer--meta-fixed [data-drawer-panel=root]{display:flex;min-height:100%;flex-direction:column}.header-nav-drawer--meta-fixed .header-nav-drawer__sheet{flex:1 0 auto;padding-bottom:calc(144 * var(--nav-ratio-m))}.header-nav-drawer--meta-fixed .header-nav-drawer__meta{position:sticky;bottom:0;z-index:3;border-top:1px solid rgba(0,0,4,.1);background-color:var(--nav-surface)}body.header-nav-drawer-open{overflow:hidden}.header-nav[data-drawer-open=true] .header-nav__bar{position:fixed;top:0;right:0;left:0;z-index:2;transform:none}.header-nav[data-drawer-open=true] .header-nav-drawer{top:var(--nav-bar-height-m)}.header-nav[data-drawer-open=true][data-at-top=true] .header-nav__bar{top:var(--nav-announcement-height, 0px)}.header-nav[data-drawer-open=true][data-at-top=true] .header-nav-drawer{top:calc(var(--nav-announcement-height, 0px) + var(--nav-bar-height-m))}@media(prefers-reduced-motion:reduce){.header-nav__bar,.header-nav__link,.header-nav__action,.header-nav-card__img{transition:none}.header-nav__flyout .header-nav-card:hover .header-nav-card__img,.header-nav__flyout a.header-nav-card:focus-visible .header-nav-card__img{transform:none}.header-nav-drawer__panel:not([hidden]){animation:none}}
/*# sourceMappingURL=/cdn/shop/t/48/assets/section-header-nav.css.map */