dropdown-menu,mega-menu{position:relative;display:block;text-align:start}.is-active>.header__menu-item .label{background-position:left bottom,left bottom;background-size:100% .1rem,100% .1rem}.list-menu-dropdown{min-width:20rem;max-width:26rem;width:max-content;position:absolute;z-index:101;opacity:0;visibility:hidden;padding-top:2rem;padding-bottom:2rem}.list-menu-dropdown.hidden{display:block!important}.list-menu-dropdown:before{content:"";z-index:-1;position:absolute;top:0;left:0;width:100%;height:0;background:var(--gradient-header-background);background-color:rgb(var(--color-header-background));transition:height var(--duration-default) ease;border-radius:1.5rem}.list-menu-dropdown:after{content:"";z-index:-2;position:absolute;bottom:0;left:0;width:100%;height:calc(100% - 1rem);box-shadow:0 1rem 2rem rgba(var(--color-header-foreground),.08);visibility:hidden;opacity:0;border-radius:1.5rem}.list-menu-dropdown .list-menu-dropdown:after{height:100%;box-shadow:0 0 2rem rgba(var(--color-header-foreground),.08)}.is-active>.list-menu-dropdown{opacity:1;visibility:visible}.is-active>.list-menu-dropdown:before{height:100%}.is-active:not(.is-megamenu)>.list-menu-dropdown:after{transition:opacity var(--duration-long) ease;transition-delay:.15s;visibility:visible;opacity:1}.is-active:not(.is-megamenu)>.list-menu-dropdown>.list-menu{opacity:0}.is-active:not(.is-megamenu)>.list-menu-dropdown>.show-from-bottom{opacity:1;animation:show-from-bottom var(--duration-default) ease 0s;transition-delay:var(--duration-short);animation-delay:var(--duration-short)}.is-active>.list-menu-dropdown .mega-menu__item,.is-active>.list-menu-dropdown .mega-menu__promo{opacity:0}.is-active>.list-menu-dropdown .show-from-bottom{opacity:1;animation:show-from-bottom var(--duration-default) ease 0s}.mini-cart--open .is-active.is-megamenu>.list-menu-dropdown:before{height:100%;transition-delay:50ms}@keyframes show-from-bottom{0%{opacity:0;transform:translate3d(0,1.6rem,0)}to{opacity:1;transform:translateZ(0)}}.list-menu-dropdown .header__menu-item{width:100%;padding:.7rem 3rem;justify-content:space-between;letter-spacing:0;text-transform:none;font-size:calc(var(--font-navigation-size) + .1rem);line-height:calc(1 + .4 / var(--font-body-scale))}@media screen and (min-width:990px){.header__inline-menu>.list-menu--inline>li:first-child>dropdown-menu>.list-menu-dropdown{min-width:32rem;max-width:min(42rem,calc(100vw - 4rem))}.header__inline-menu>.list-menu--inline>li:first-child>dropdown-menu>.list-menu-dropdown>.list-menu>li>dropdown-menu>.header__menu-item .label{white-space:nowrap}}.list-menu-dropdown .header__menu-item .icon-caret{display:block;height:.5rem}@media screen and (hover:hover){.list-menu-dropdown .is-active>.header__menu-item .icon-caret,.list-menu-dropdown .header__menu-item:hover .icon-caret{transform:rotate(-90deg)}}.list-menu-dropdown .list-menu-dropdown{top:-2rem;left:100%}.is-megamenu{position:relative;--grid-horizontal-spacing: 2rem}.is-megamenu>.list-menu-dropdown{max-width:90vw;width:max-content;left:0;right:auto;padding-top:3.5rem;padding-bottom:4rem;line-height:calc(1 + .4 / var(--font-body-scale))}.is-megamenu>.list-menu-dropdown .page-width{display:flex;flex-direction:column;align-items:flex-start;column-gap:var(--grid-horizontal-spacing);width:100%;max-width:none;padding:0 2rem}.list-mega-menu{flex:1 1 100%;display:flex;flex-wrap:wrap;row-gap:3rem;column-gap:var(--grid-horizontal-spacing);max-height:calc(100vh - var(--header-height, 8rem));overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.mega-menu__item{flex:1 1 auto;max-width:22rem;page-break-inside:avoid;break-inside:avoid}@media screen and (min-width:1200px){.is-megamenu{--grid-horizontal-spacing: 3rem}.mega-menu__item{max-width:28rem}}.is-megamenu.show-images .mega-menu__item{width:calc(33.33% - var(--grid-horizontal-spacing) * 2 / 3);flex-grow:0}.is-megamenu.show-images-without-promo .mega-menu__item{width:calc(20% - var(--grid-horizontal-spacing) * 4 / 5);flex-grow:0}.mega-menu__item-link{display:block;margin-bottom:1rem;text-decoration:none;color:rgb(var(--color-header-foreground));transition:color var(--duration-default) ease}.mega-menu__item-link .header__menu-item{text-transform:uppercase;letter-spacing:.2em;font-size:var(--font-navigation-size);color:rgba(var(--color-header-foreground),.5);padding:0}.mega-menu__item-link .media{margin-bottom:1.5rem}@media screen and (hover:hover){.mega-menu__item-link:hover{color:rgba(var(--color-header-foreground),.7)}.mega-menu__item-link:hover .header__menu-item .label{background-position:left bottom,left bottom;background-size:100% .1rem,100% .1rem}}.mega-menu__item--blank:empty{display:block}.mega-menu__promo{flex:0 0 22rem;text-align:center}@media screen and (min-width:1200px){.mega-menu__promo{flex:0 0 28rem}}.list-menu-child .header__menu-item{padding-inline-start:0;padding-inline-end:0}.mega-menu__promo .media{margin-bottom:1.5rem;border-radius:var(--card-radius)}.mega-menu__promo-link{display:block;text-decoration:none;background-color:transparent;color:rgb(var(--color-header-foreground));transition:color var(--duration-default) ease}.mega-menu__promo-link[aria-disabled=true]{pointer-events:none}.mega-menu__promo-heading{font-family:var(--font-navigation-family);font-size:var(--font-navigation-size);display:inline-flex;align-items:center;text-transform:uppercase;padding:.5rem 0;letter-spacing:.3rem;font-weight:600;transition:color var(--duration-default) ease}.mega-menu__promo-heading .label{position:relative}.mega-menu__promo-heading .label:after{content:"";position:absolute;height:.1rem;background-color:rgb(var(--color-border));bottom:0;left:51%;right:50%;transition-property:left,right;transition-timing-function:ease;transition-duration:var(--duration-default)}.mega-menu__promo-subheading{font-size:1.6rem;color:rgba(var(--color-header-foreground),.7)}@media screen and (hover:hover){.mega-menu__promo-link:hover{color:rgba(var(--color-header-foreground),.7)}.mega-menu__promo-link:hover .mega-menu__promo-heading .label:after{left:0;right:0}}.mega-menu__promo--overlay{position:relative}.mega-menu__promo--overlay .mega-menu__promo-link:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-image:linear-gradient(to top,rgba(4,4,4,.26) 0,rgba(54,54,54,.08) 40%,transparent 100%);border-radius:var(--card-radius)}.mega-menu__promo--overlay .media{margin-top:0;margin-bottom:0}.mega-menu__promo--overlay .mega-menu__promo-content{z-index:1;position:absolute;bottom:0;width:100%;padding:1rem;color:#fff;text-shadow:0 1rem 2rem rgb(var(--color-foreground))}.mega-menu__promo--overlay .mega-menu__promo-subheading{color:inherit}.header-background{z-index:-1;position:absolute;top:0;left:0;width:100%;height:0;transition:height var(--duration-default) ease}.header-background:before{content:"";z-index:-1;position:absolute;top:0;left:0;width:100%;height:100%;background:var(--gradient-header-background);background-color:rgb(var(--color-header-background))}.header-background:after{content:"";z-index:-2;position:absolute;right:1.5rem;bottom:0;left:1.5rem;height:2rem;border-radius:100%;box-shadow:0 0 4rem rgba(var(--color-header-foreground),.2);visibility:hidden;opacity:0}.header-background.is-active{height:var(--height)}.header-background.is-active:after{transition:opacity var(--duration-long) ease;transition-delay:.15s;visibility:visible;opacity:1}.header-background{display:none!important}.is-megamenu>.list-menu-dropdown .page-width{flex-wrap:wrap!important}.mega-menu__desc{width:100%;font-size:1.1rem;color:#8ac6b6;font-weight:100;margin-bottom:2rem;border-bottom:1px solid #f3f4f6;padding:10px 9px;display:block;line-height:1.5}@media screen and (min-width:990px){.is-interactive-megamenu>.list-menu-dropdown{width:min(132rem,calc(100vw - 4rem));max-width:none;padding:2rem;border:.1rem solid rgba(var(--color-header-border),.7);border-radius:2rem;background:rgb(var(--color-header-background));box-shadow:0 1.6rem 4rem rgba(var(--color-header-foreground),.14)}.is-interactive-megamenu>.list-menu-dropdown:before,.is-interactive-megamenu>.list-menu-dropdown:after{display:none}.is-interactive-megamenu.is-active>.list-menu-dropdown{opacity:1;visibility:visible}.interactive-mega-menu__shell{display:grid;grid-template-columns:minmax(25rem,29%) minmax(0,1fr);min-height:52rem;max-height:calc(100vh - var(--header-height, 8rem) - 4rem);overflow:hidden;border-radius:1.4rem;background:rgb(var(--color-header-background))}.interactive-mega-menu__navigation{display:flex;flex-direction:column;gap:3rem;padding:4.5rem 1.5rem;background:rgb(var(--interactive-sidebar))}.interactive-mega-menu__tabs{display:flex;min-height:0;flex:1 1 auto;flex-direction:column;align-items:stretch;gap:.7rem;overflow-y:auto}.interactive-mega-menu__tab{-webkit-appearance:none;appearance:none;display:flex;align-items:center;width:100%;min-height:5rem;padding:.9rem 2rem;border:0;border-radius:999rem;background:transparent;color:rgb(var(--color-header-foreground));font:inherit;overflow:hidden;font-size:clamp(1.5rem,1.05vw,1.8rem);line-height:1.2;text-align:start;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;transition:color var(--duration-default) ease,background-color var(--duration-default) ease}.interactive-mega-menu__tab:hover,.interactive-mega-menu__tab:focus-visible,.interactive-mega-menu__tab.is-active{background:rgb(var(--interactive-accent));color:#fff}.interactive-mega-menu__content{min-width:0;padding:4.5rem;overflow-y:auto}.interactive-mega-menu__panel[hidden]{display:none}.interactive-mega-menu__panel.is-active{animation:interactive-mega-panel-in var(--duration-default) ease}.interactive-mega-menu__badge{width:max-content;max-width:100%;margin:0 auto 3rem;padding:.8rem 2rem;border-radius:999rem;background:rgba(var(--interactive-accent),.25);font-size:1.8rem;line-height:1.2}.interactive-mega-menu__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6rem}.interactive-mega-menu__cards--series{grid-template-columns:repeat(2,minmax(0,1fr))}.interactive-mega-menu__card,.interactive-mega-menu__hero{color:rgb(var(--color-header-foreground));text-decoration:none}.interactive-mega-menu__card{display:flex;min-width:0;flex-direction:column;gap:1.2rem}.interactive-mega-menu__card--series{gap:0}.interactive-mega-menu__series-copy{position:absolute;z-index:1;top:clamp(1.4rem,1.6vw,2.8rem);left:clamp(1.6rem,2vw,3.2rem);display:flex;flex-direction:column;gap:.5rem;max-width:calc(100% - 3.2rem);color:#1d1d1f}.interactive-mega-menu__series-title{font-size:clamp(2rem,2.2vw,2.2rem);font-weight:700;line-height:1.05}.interactive-mega-menu__series-subtitle{font-size:clamp(1.2rem,1.1vw,1.5rem);font-weight:400;line-height:1.25}.interactive-mega-menu__card-title{overflow:hidden;font-size:1.7rem;line-height:1.3;text-align:center;text-overflow:ellipsis;white-space:nowrap}.interactive-mega-menu__card-media,.interactive-mega-menu__hero-media{display:block;overflow:hidden;border-radius:1.2rem;background:rgba(var(--color-header-foreground),.06)}.interactive-mega-menu__card-media{aspect-ratio:4 / 5}.interactive-mega-menu__cards--series .interactive-mega-menu__card-media{position:relative;aspect-ratio:2 / 1}.interactive-mega-menu__image,.interactive-mega-menu__placeholder{display:block;width:100%;height:100%;object-fit:cover;transition:transform var(--duration-long) ease}.interactive-mega-menu__card:hover .interactive-mega-menu__image,.interactive-mega-menu__hero:hover .interactive-mega-menu__image{transform:scale(1.025)}.interactive-mega-menu__panel-link,.interactive-mega-menu__hero-title{display:block;width:max-content;max-width:100%;margin:2.5rem auto 0;color:rgb(var(--color-header-foreground));font-size:2rem;font-weight:700;text-align:center;text-decoration:none}.interactive-mega-menu__hero-media{aspect-ratio:16 / 7}}@keyframes interactive-mega-panel-in{0%{opacity:0;transform:translateY(.8rem)}to{opacity:1;transform:translateY(0)}}@media screen and (min-width:990px)and (max-width:1199px){.interactive-mega-menu__shell{grid-template-columns:minmax(22rem,30%) minmax(0,1fr);min-height:44rem}.interactive-mega-menu__navigation,.interactive-mega-menu__content{padding:3rem}.interactive-mega-menu__tab{min-height:4.2rem;font-size:1.5rem}}@media(prefers-reduced-motion:reduce){.interactive-mega-menu__panel.is-active{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/component-menu-dropdown.css.map */
