.header{display:grid;padding-top:1.25rem;padding-bottom:1.25rem;align-items:center;justify-content:space-between;transform:transform var(--duration-default) ease}.header.full-width{padding-left:2rem;padding-right:2rem}.header--top-left,.header--middle-left{display:flex}.header__heading,.header__heading-link,.header__icons,.mobilemenu-button__wrapper{flex:1}.header__inline-menu{text-transform:uppercase}.mobilemenu-button__wrapper{display:flex;align-items:center}.header__icons{justify-content:flex-end}.header__heading-logo svg{width:100%;height:auto}@media screen and (min-width: 990px){.header.full-width{padding-left:3rem;padding-right:3rem}.fostr.megamenu-is-active .color-background-2 .header{background-color:rgba(var(--color-base-background-1))}.color-background-2 .header .header__menu-item.megamenu--current{color:rgba(var(--color-base-background-2));background-color:rgba(var(--color-base-background-1))}.header__inline-menu{position:relative}.header__inline-menu:after{content:"";display:block;height:1px;width:calc(100% + 60px);position:absolute;background:rgba(var(--color-base-background-2));bottom:-2rem;left:50%;transform:translate(-50%);opacity:0;transition:var(--transition-time)}.fostr.megamenu-is-active .color-background-2 .header__inline-menu:after{opacity:1}}.header-mobile-navs{display:flex;overflow-x:auto}.header-mobile-navs .header__menu-item{white-space:pre}.header-mobile-navs::-webkit-scrollbar{height:5px}.header-mobile-navs::-webkit-scrollbar-thumb{background:rgba(var(--color-foreground),.8)}.header-mobile-navs::-webkit-scrollbar-thumb:hover{background:rgb(var(--color-foreground))}.header__customer-welcome{display:flex;flex-direction:row;align-items:center;text-decoration:none}.header__customer-welcome a{color:var(--color-nav-items);text-decoration:none}.header__customer-welcome__icon svg{width:20px;height:20px;flex-shrink:0;margin-top:8px}.header__customer-welcome__copy{margin:0 8px;color:var(--color-nav-items);font-family:Helvetica;font-size:10px;font-style:normal;font-weight:400;letter-spacing:.18px;text-transform:uppercase;line-height:12px;white-space:nowrap}.header__mobile-customer-rewards{border-top:1px solid #000000;padding:10px 0;display:flex;justify-content:center}.header__customer-welcome-link{text-decoration:underline;margin-left:10px}@media screen and (max-width: 990px){.header-mobile-navs{justify-content:space-between}}body:not(.megamenu-is-active) .header-wrapper{background-color:var(--color-nav-bcg)}@media screen and (max-width: 990px){body:not(.mobilemenu--isVisible) .header-wrapper{background-color:var(--color-nav-bcg)}}.megamenu-is-active .list-menu a{color:var(--color-nav-items-hover)}.header-wrapper{position:relative}.header-wrapper--border-bottom{border-bottom:.1rem solid rgba(var(--color-foreground),.08)}@media screen and (min-width: 990px){.header--has-menu:not(.header--middle-left){padding-bottom:0}.header--top-left,.header--middle-left:not(.header--has-menu){grid-template-areas:"heading icons" "navigation navigation";grid-template-columns:1fr auto}.header--middle-left{grid-template-areas:"heading navigation icons";grid-template-columns:auto auto 1fr;column-gap:2rem}.header--top-center{grid-template-areas:"left-icon heading icons" "navigation navigation navigation"}.header:not(.header--middle-left) .header__inline-menu{margin-top:1.05rem}}.header *[tabindex="-1"]:focus{outline:none}.header__heading{margin:0;line-height:0}.header>.header__heading-link{line-height:0}.header__heading,.header__heading-link{grid-area:heading;justify-self:center}.header__heading-link{display:inline-block;padding:.75rem;text-decoration:none;word-break:break-word}.header__heading-link:hover .h2{color:rgb(var(--color-foreground))}.header__heading-link .h2{line-height:1;color:rgba(var(--color-foreground),.75)}.header__heading-logo{height:auto;width:70px;max-width:70px}@media screen and (max-width: 989px){.header__heading-logo{height:auto;width:50px}}@media screen and (max-width: 989px){.header__heading-logo{margin:auto}.header__heading,.header__heading-link{text-align:center}}@media screen and (min-width: 990px){.header__heading-link{margin-left:-.75rem}.header__heading,.header__heading-link{justify-self:start}.header--top-center .header__heading-link,.header--top-center .header__heading{justify-self:center;text-align:center}}.header__icons{display:flex;grid-area:icons;justify-self:end}.header__icon:not(.header__icon--summary),.header__icon span{display:flex;align-items:center;justify-content:center}.header__icon{color:rgb(var(--color-foreground))}.header__icon span{height:100%}.header__icon:after{content:none}.header__icon:hover .icon,.modal__close-button:hover .icon{transform:scale(1.07)}.header__icon .icon{height:2rem;width:2rem;fill:none;vertical-align:middle}.header__icon,.header__icon--cart .icon{height:4.4rem;width:4.4rem}.header__icon--cart{position:relative;margin-right:-1.2rem}@media screen and (max-width: 989px){menu-drawer~.header__icons .header__icon--account{display:none}}.header__icon--menu[aria-expanded=true]:before{content:"";top:100%;left:0;height:calc(var(--viewport-height, 100vh) - (var(--header-bottom-position, 100%)));width:100%;display:block;position:absolute;background:rgba(var(--color-foreground),.5)}menu-drawer+.header__search{display:none}.header>.header__search{grid-area:left-icon;justify-self:start}.header:not(.header--has-menu) *>.header__search{display:none}.header__search{display:inline-flex;line-height:0}.header__search details[open] .predictive-search--popular_searches{display:block;min-height:360px}.header--top-center>.header__search{display:none}.header--top-center *>.header__search{display:inline-flex}@media screen and (min-width: 990px){.header:not(.header--top-center) *>.header__search,.header--top-center>.header__search:not(.small-hide.medium-hide){display:inline-flex}.header:not(.header--top-center)>.header__search,.header--top-center *>.header__search{display:none}}.no-js .predictive-search{display:none}details[open]>.search-modal{opacity:1;animation:animateMenuOpen var(--duration-default) ease}details[open] .modal-overlay{display:block}details[open] .modal-overlay:after{position:absolute;content:"";background-color:rgb(var(--color-foreground),.5);top:100%;left:0;right:0;height:100vh}.no-js details[open]>.header__icon--search{top:1rem;right:.5rem}.search-modal{opacity:0;border-bottom:.1rem solid rgba(var(--color-foreground),.08);min-height:calc(100% + var(--inputs-margin-offset) + (2 * var(--inputs-border-width)));height:100%}.search-modal__content{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0 5rem 0 1rem;line-height:calc(1 + .8 / var(--font-body-scale));position:relative}.search-modal__content-bottom{bottom:calc((var(--inputs-margin-offset) / 2))}.search-modal__content-top{top:calc((var(--inputs-margin-offset) / 2))}.search-modal__form{width:100%}.search-modal__close-button{position:absolute;right:.3rem}@media screen and (min-width: 750px){.search-modal__close-button{right:1rem}.search-modal__content{padding:0 6rem}}@media screen and (min-width: 990px){.search-modal__form{max-width:90rem}.search-modal__close-button{position:initial;margin-left:.5rem}}.header__icon--menu .icon{display:block;position:absolute;opacity:1;transform:scale(1);transition:transform .15s ease,opacity .15s ease}details:not([open])>.header__icon--menu .icon-close,details[open]>.header__icon--menu .icon-hamburger{visibility:hidden;opacity:0;transform:scale(.8)}.js details[open]:not(.menu-opening)>.header__icon--menu .icon-close{visibility:hidden}.js details[open]:not(.menu-opening)>.header__icon--menu .icon-hamburger{visibility:visible;opacity:1;transform:scale(1.07)}.js details>.header__submenu{opacity:0;transform:translateY(-1.5rem)}details[open]>.header__submenu{animation:animateMenuOpen var(--duration-default) ease;animation-fill-mode:forwards;z-index:1}@media (prefers-reduced-motion){details[open]>.header__submenu{opacity:1;transform:translateY(0)}}.header__inline-menu{margin-left:-1.2rem;grid-area:navigation;display:none}.header--top-center .header__inline-menu,.header--top-center .header__heading-link{margin-left:0}@media screen and (min-width: 990px){.header__inline-menu{display:block}.header--top-center .header__inline-menu{justify-self:center}.header--middle-left .header__inline-menu{margin-left:0}}.header__menu{padding:0 1rem}.header__menu-item{border-bottom:2px solid transparent;text-decoration:unset;color:rgba(var(--color-foreground),.75);font-size:1.2rem}@media screen and (max-width: 989px){.header__menu-item:nth-child(1){padding-left:2rem}}@media screen and (min-width: 990px){.header__menu-item{font-size:1.4rem}}.header__menu-item:hover,.header__active-menu-item{color:rgb(var(--color-foreground));border-bottom:2px solid #000}.header__menu-item span{transition:text-decoration var(--duration-short) ease}details[open]>.header__menu-item{text-decoration:underline}details[open]:hover>.header__menu-item{text-decoration-thickness:.2rem}details[open]>.header__menu-item .icon-caret{transform:rotate(180deg)}.header__menu-item:hover .header__active-menu-item{text-decoration-thickness:.2rem}.header__submenu{transition:opacity var(--duration-default) ease,transform var(--duration-default) ease}.global-settings-popup,.header__submenu.global-settings-popup{border-radius:var(--popup-corner-radius);border-color:rgba(var(--color-foreground),var(--popup-border-opacity));border-style:solid;border-width:var(--popup-border-width);box-shadow:var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow),var(--popup-shadow-opacity))}.header__submenu.list-menu{padding:2.4rem 0}.header__submenu .header__submenu{background-color:rgba(var(--color-foreground),.03);padding:.5rem 0;margin:.5rem 0}.header__submenu .header__menu-item:after{right:2rem}.header__submenu .header__menu-item{justify-content:space-between;padding:.8rem 2.4rem}.header__submenu .header__submenu .header__menu-item{padding-left:3.4rem}.header__menu-item .icon-caret{right:.8rem}.header__submenu .icon-caret{flex-shrink:0;margin-left:1rem;position:static}header-menu>details,details-disclosure>details{position:relative}@keyframes animateMenuOpen{0%{opacity:0;transform:translateY(-1.5rem)}to{opacity:1;transform:translateY(0)}}.overflow-hidden-mobile,.overflow-hidden-tablet{overflow:hidden}@media screen and (min-width: 750px){.overflow-hidden-mobile{overflow:auto}}@media screen and (min-width: 990px){.overflow-hidden-tablet{overflow:auto}}@media screen and (max-width: 990px){.pre-noscroll{overflow:hidden;position:fixed;top:0;right:0;left:0;bottom:0}}
/*# sourceMappingURL=/cdn/shop/t/1128/assets/header.css.map */