.header__inline-menu{margin-left:0rem;grid-area:navigation;display:none}@media screen and (min-width: 1024px){.header__inline-menu{display:flex}.header--top-center .header__inline-menu{justify-self:center}.header--top-center .header__inline-menu>.list-menu--inline{justify-content:center}.header--middle-left .header__inline-menu{margin-left:0}sticky-header[searchopen] .search-details{transition:max-width 1.3s cubic-bezier(0,1,0,1)}sticky-header[searchopening] .header__home-nav,sticky-header[searchopening] .header__inline-menu,sticky-header[searchopening] .header__icon.header__icon--cart{opacity:0}sticky-header .header__icon--megamenu-close{opacity:0}sticky-header[searchopen] .drawer-logo,sticky-header[searchopen] .header__inline-menu,sticky-header[searchopen] .header__icon.header__icon--cart{display:none}sticky-header[searchopen] .header__icons{height:100%;padding-top:32px;align-items:flex-start}.search-details{max-width:calc(100% - 98px)}sticky-header[searchopen] .search-details{max-width:100%}sticky-header[searchopen] .header__icon--megamenu-close{background-color:transparent;border:none;cursor:pointer;opacity:1;display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin-top:7px}sticky-header[searchopen] .header__icon.header__icon--cart{margin-left:0;overflow:hidden;width:0}desktop-header-search #predictive-search-results{display:none}sticky-header[searchopen] desktop-header-search #predictive-search-results{display:block}}.header__icon--menu .icon{display:block;position:absolute;opacity:1;transform:scale(1);transition:transform .15s ease,opacity .3s ease}details:not([open])>.header__icon--menu .icon-close,details[open]>.header__icon--menu .icon-hamburger{visibility:hidden;opacity:0;transform:scale(.8)}.js header-menu[open]:not(.menu-opening) .header__icon--menu .icon-close{visibility:hidden}.js header-menu[open]:not(.menu-opening) .header__icon--menu .icon-hamburger{visibility:visible;opacity:1;transform:scale(1.07)}header-menu .header__submenu{transition:all .3s ease;opacity:0;visibility:hidden;left:0;top:115px}header-menu[open] .header__submenu{visibility:visible;opacity:1;z-index:1;width:100%}.header.compact header-menu[open] .header__submenu{top:80px}.section-message-bar-slider:has(.message-butter.sticky-butter)~.section-header header-menu[open] .header__submenu,.with-butter-bar header-menu[open] .header__submenu{top:146px}.section-message-bar-slider:has(.message-butter.sticky-butter)~.section-header .header.compact header-menu[open] .header__submenu,.with-butter-bar .header.compact header-menu[open] .header__submenu{top:126px}.megamenu__imagelinks .list-menu__item.megamenu__item:hover{text-decoration:underline;text-underline-offset:4px}.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: 1024px){.header__inline-menu{display:flex}.header--top-center .header__inline-menu{justify-self:center}.header--top-center .header__inline-menu>.list-menu--inline{justify-content:center}.header--middle-left .header__inline-menu{margin-left:0}sticky-header[searchopen] .search-details{transition:max-width 1.3s cubic-bezier(0,1,0,1)}sticky-header[searchopening] .header__home-nav,sticky-header[searchopening] .header__inline-menu,sticky-header[searchopening] .header__icon.header__icon--cart{opacity:0}sticky-header .header__icon--megamenu-close{opacity:0}sticky-header[searchopen] .drawer-logo,sticky-header[searchopen] .header__inline-menu,sticky-header[searchopen] .header__icon.header__icon--cart{display:none}sticky-header[searchopen] .header__icons{height:100%;padding-top:32px;align-items:flex-start}sticky-header[searchopen] .search-details{max-width:100%}sticky-header[searchopen] .header__icon--megamenu-close{background-color:transparent;border:none;cursor:pointer;opacity:1;display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin-top:7px}sticky-header[searchopen] .header__icon.header__icon--cart{margin-left:0;overflow:hidden;width:0}desktop-header-search #predictive-search-results{display:none}sticky-header[searchopen] desktop-header-search #predictive-search-results{display:block}}.header__menu{padding:0 1rem}.list-menu__item.shop-all{text-decoration:underline}.megamenu__content{grid-area:content;display:grid;grid-template-areas:"links images";grid-template-columns:5fr 17fr}.megamenu__links-wrapper{display:flex;flex-direction:column;justify-content:space-between}.t-4.megamenu__item{margin-bottom:8px}.megamenu__title{margin-bottom:8px;color:var(--color-secondary-text)}.megamenu__imagelinks{display:grid;grid-template-columns:5fr 1fr 5fr 1fr 5fr;grid-template-areas:"image1 gap1 image2 gap2 image3"}.megamenu__imagelinks .megamenu__item:nth-child(1){grid-area:image1}.megamenu__imagelinks .megamenu__item:nth-child(2){grid-area:image2}.megamenu__imagelinks .megamenu__item:nth-child(3){grid-area:image3}.megamenu__card{width:100%}.megamenu__card-image{width:100%;position:relative;padding-bottom:125%;overflow:hidden}.megamenu__card-image.stroke{border:1px solid var(--active-stroke)}.megamenu__card-image.rounded{border-radius:4px}.megamenu__card-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.megamenu__card-info{margin-top:12px;display:flex;justify-content:space-between}.megamenu__card-title{color:var(--color-link-text)}.megamenu__card:hover .megamenu__card-title{color:var(--color-link-text-hover)}.megamenu__card-price{color:var(--color-secondary-text)}.header__submenu{transition:transform var(--duration-default) ease}.header__submenu.list-menu{padding:24px 0}.header__submenu .header__submenu{background-color:rgba(var(--color-foreground),.03);padding:.5rem 0;margin:.5rem 0}.header__submenu .icon-caret,.header__submenu .icon-arrow-down{flex-shrink:0;margin-left:1rem;position:static}header-drawer{justify-self:start}.header__heading-logo{max-width:var(--logo-width)px}@media screen and (min-width: 1024px){header-drawer{display:none}}.menu-drawer-container{display:flex}.menu-drawer-container summary span:not(.menu-drawer__menu-item-open) svg:last-child{display:none}.menu-drawer-container.menu-opening summary span:not(.menu-drawer__menu-item-open) svg:first-child{display:none}.menu-drawer-container.menu-opening summary span:not(.menu-drawer__menu-item-open) svg:last-child{display:block}.list-menu{list-style:none;padding:0 0 24px;margin:0;grid-area:content}.shop-all-mobile{margin-top:16px}.list-menu--inline{display:inline-flex;flex-wrap:wrap}.list-menu__item{text-decoration:none;display:flex;align-items:center;color:var(--color-link-text)}.list-menu__item:hover{color:var(--color-link-text-hover)}.list-menu__item.main-link span:not(.tag-secondary){border-bottom:1px solid transparent}.list-menu__item.main-link span:not(:has(.tag-secondary)) svg{margin-left:4px}.list-menu__item.main-link .tag-secondary{margin-left:8px;margin-right:4px;border-radius:var(--button-border-radius)}.list-menu__item.main-link .tag-secondary:last-child{margin-right:0}header-menu .header__menu-item span svg{transition:transform .5s ease 0s}header-menu[open] .header__menu-item span svg{transform:rotate(180deg)}.list-menu__item.main-link{margin-right:16px}@media screen and (min-width: 1250px){.list-menu__item.main-link{margin-right:32px}}.list-menu__item--link{text-decoration:none;padding-bottom:1rem;padding-top:1rem;line-height:calc(1 + .8 / var(--font-body-scale))}@media screen and (min-width: 721px){.list-menu__item--link{padding-bottom:.5rem;padding-top:.5rem}}.portfolio-dropdown .dropdown-button svg{pointer-events:none}.portfolio-dropdown .dropdown-button span{display:inline-flex;align-items:center}.portfolio-dropdown .dropdown-button span svg{padding-left:5px;padding-right:5px;max-width:65px;height:auto}.header__home-nav .portfolio-dropdown .dropdown-button span svg{margin-bottom:-2px}.portfolio-dropdown.desktop{position:relative;display:none}.portfolio-dropdown.mobile{grid-area:content;position:absolute;transition:bottom .5s ease 0s;bottom:-40px;width:100%}.portfolio-dropdown.mobile.hide{bottom:0;z-index:10}@media screen and (min-width: 1024px){.portfolio-dropdown.desktop{position:relative;display:block;height:24px;opacity:1;transition:height .6s ease,opacity .4s ease}.header.compact .portfolio-dropdown.desktop{height:0;opacity:0;overflow:hidden}.portfolio-dropdown.mobile{position:relative;display:none}.list-menu{padding:0 11px 24px}}.portfolio-dropdown.mobile button{position:relative;height:40px;width:100%;border:none;color:rgb(var(--color-base-text));background-color:rgb(var(--color-base-background-2));border-bottom:1px solid transparent;font-size:var(--mobile-body-small-font-size)}.portfolio-dropdown.mobile.active button{border-bottom:1px solid var(--inactive-stroke)}.portfolio-dropdown.mobile button span{position:relative}.portfolio-dropdown.mobile button svg{transition:transform .5s ease 0s}.portfolio-dropdown.mobile.active button>svg{transform:rotate(180deg)}.portfolio-dropdown.mobile .dropdown-menu{opacity:0;visibility:hidden;position:absolute;transition:opacity .2s ease 0s;border-bottom:1px solid transparent}.portfolio-dropdown.mobile.active .dropdown-menu{opacity:1;visibility:visible;width:100%;background-color:rgb(var(--color-base-background-1));border-bottom:1px solid var(--inactive-stroke);z-index:10}.portfolio-dropdown.mobile .dropdown-menu .dropdown-item{padding:8px 0;z-index:20;height:40px;background-color:rgb(var(--color-base-background-2));color:rgb(var(--color-base-text));text-decoration:none;border-bottom:1px solid var(--inactive-stroke);width:100vw;display:grid;grid-template-columns:1fr 10fr 1fr;grid-template-areas:"start content end"}@media screen and (min-width: 720px){.portfolio-dropdown.mobile .dropdown-menu .dropdown-item{grid-template-columns:1fr 14fr 1fr}}.portfolio-dropdown.mobile .dropdown-menu .dropdown-item div{display:flex;align-items:center;justify-content:space-between;grid-area:content}.portfolio-dropdown.mobile .dropdown-menu .dropdown-item.active-store{background-color:rgb(var(--color-base-background-1));cursor:auto}.portfolio-dropdown.mobile .dropdown-menu .dropdown-item div{display:flex;align-items:center}.portfolio-dropdown.mobile .dropdown-menu .dropdown-item span{font-size:var(--mobile-body-small-font-size)}.portfolio-dropdown.mobile .dropdown-menu .dropdown-item span.description{color:var(--color-secondary-text)}.portfolio-dropdown.mobile .dropdown-menu .dropdown-item img{width:22px;height:auto;margin-right:14px}.portfolio-dropdown.desktop button{border:none;position:relative;background-color:transparent;padding:2px 20px 2px 0;font-size:var(--desktop-caption-font-size);color:var(--color-secondary-text);cursor:pointer}.portfolio-dropdown.desktop button svg{transition:transform .5s ease 0s}.portfolio-dropdown.desktop button svg:not(.icon-arrow-down) path{fill:var(--color-headline-text)}.portfolio-dropdown.desktop.active button .icon-arrow-down{transform:rotate(180deg)}.portfolio-dropdown.desktop>button>span{color:var(--color-headline-text);font-size:11px}.footer .portfolio-dropdown.desktop>button:hover>span{color:rgba(var(--color-base-inverted-text),.72)}.portfolio-dropdown.desktop>button:hover>span{color:var(--color-secondary-text)}.portfolio-dropdown.desktop>button:hover>span path{fill:var(--color-secondary-text)}.footer .portfolio-dropdown.desktop>button:hover>svg>path{fill:var(--color-icon-inverted-inactive)}.portfolio-dropdown.desktop>button:hover>svg>path{fill:var(--color-icon-hover)}.header__icon--megamenu-close:hover svg>path,.header__icon--cart:hover svg>path{fill:var(--color-icon-hover)}.portfolio-dropdown.desktop .dropdown-menu{position:absolute;display:flex;flex-direction:column;visibility:hidden;opacity:0;transition:opacity .2s ease-in-out}.portfolio-dropdown.desktop.active .dropdown-menu{visibility:visible;opacity:1;transform:translateY(16px);background-color:rgb(var(--color-base-background-1));border:1px solid var(--inactive-stroke);width:320px;z-index:10;border-radius:10px}.portfolio-dropdown.desktop.active .dropdown-menu:after{content:"";display:block;position:absolute;top:-6px;right:147px;width:25px;height:25px;background-color:rgb(var(--color-base-background-1));border:1px solid var(--inactive-stroke);transform:rotate(-135deg)}.portfolio-dropdown.desktop .dropdown-menu .dropdown-item{padding:10px 18px;z-index:20;height:40px;background-color:rgb(var(--color-base-background-1));color:rgb(var(--color-base-text));display:flex;align-items:center;justify-content:space-between;text-decoration:none;width:100%}.portfolio-dropdown.desktop .dropdown-menu .dropdown-item.active-store{background-color:rgb(var(--color-base-background-2))}.portfolio-dropdown.desktop .dropdown-menu .dropdown-item:not(:last-child){border-bottom:1px solid var(--inactive-stroke)}.portfolio-dropdown.desktop .dropdown-menu .dropdown-item:first-child{border-radius:10px 10px 0 0}.portfolio-dropdown.desktop .dropdown-menu .dropdown-item:last-child{border-radius:0 0 10px 10px}.portfolio-dropdown.desktop .dropdown-menu .dropdown-item:hover{background-color:rgb(var(--color-base-background-2))}.portfolio-dropdown.desktop .dropdown-menu .dropdown-item span{font-size:var(--mobile-caption-font-size)}.portfolio-dropdown.desktop .dropdown-menu .dropdown-item span.description{color:var(--color-secondary-text)}.portfolio-dropdown.desktop .dropdown-menu .dropdown-item img{width:20px;margin-right:14px;height:auto}.portfolio-dropdown.desktop .dropdown-menu .dropdown-item .wrapper{display:flex;align-items:center;justify-content:space-between;width:100%}.portfolio-dropdown.desktop .dropdown-menu .dropdown-item .wrapper div{display:flex;align-items:center}.header{display:flex;align-items:center;justify-content:space-between;width:100%;grid-area:content;height:56px}.drawer-logo{display:flex;align-items:center}@media screen and (min-width: 720px){.header{grid-template-columns:1fr 2fr 1fr;display:grid;background-color:rgb(var(--color-base-background-1));grid-template-areas:"left-icon heading icons";gap:18px;align-items:center;z-index:20}}@media screen and (min-width: 1024px){.header{gap:0px;height:74px;transition:height .6s ease;grid-template-areas:"heading navigation icons";grid-template-columns:4fr 15fr 4fr}.header.has-pattern-logo{grid-template-columns:5fr 14fr 4fr}sticky-header[searchopen] .header{grid-template-areas:"searchinfo icons";height:inherit;grid-template-columns:11fr 11fr}.header.compact{height:60px}}@media screen and (min-width: 1199px){.portfolio-dropdown.desktop>button>span{font-size:var(--desktop-caption-font-size)}}@media screen and (max-width: 1023px){.header.header--middle-center .drawer-logo{width:100%;justify-content:space-between}.header.header--middle-center .header__icons{width:auto}.header--middle-center .header__home-nav.mobile{margin-left:auto;margin-right:auto}.header--middle-center .header__icon--cart{margin-left:0}}.header *[tabindex="-1"]:focus{outline:none}.header__home-nav{line-height:1;display:flex;justify-content:left;margin-left:16px}.header__home-nav.tablet{display:none}@media screen and (min-width: 720px){.header__home-nav{justify-content:center;margin-left:0}.header__home-nav.mobile{display:none}.header__home-nav.tablet{display:flex}}@media screen and (min-width: 1024px){.header__home-nav,.header__home-nav.mobile{display:block}.header__home-nav.tablet{display:none}}.header__heading{margin:0;line-height:0;padding:4px 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;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{display:block;height:auto;width:100%}@media screen and (max-width: 1023px){.header__heading,.header__heading-link{text-align:center}.header--mobile-left .header__heading,.header--mobile-left .header__heading-link{text-align:center;justify-self:start}.header--mobile-left{grid-template-columns:auto 2fr 1fr}}@media screen and (min-width: 1024px){.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-wrapper{display:block;position:relative;background-color:rgb(var(--color-background));z-index:1;transition:opacity .3s ease,transform .6s ease;opacity:1}@media screen and (min-width: 1024px){.header-wrapper.header-hidden{transform:translateY(-105px);opacity:0}}.header-wrapper--border-bottom,.header-wrapper--permanent-bottom-border{border-top:1px solid transparent;border-bottom:1px solid var(--divider-stroke)}.content-wrapper,.content-wrapper--short-1,.content-wrapper--short-2{width:100%;display:grid;grid-template-columns:20px 1fr 20px;grid-template-areas:"start content end"}.content-wrapper__content{grid-area:content}@media screen and (min-width: 720px){.content-wrapper,.content-wrapper--short-1,.content-wrapper--short-2{grid-template-columns:1fr 14fr 1fr}}@media screen and (min-width: 1024px){.content-wrapper{grid-template-columns:1fr 22fr 1fr}.content-wrapper--short-1{grid-template-columns:3fr 18fr 3fr}.content-wrapper--short-2{grid-template-columns:6fr 12fr 6fr}}.header-wrapper{z-index:20;background-color:rgb(var(--color-base-background-1));position:relative}
/*# sourceMappingURL=/cdn/shop/t/267/assets/section-header.css.map */