.mega-menu-visual{display:flex;align-items:stretch;gap:4rem}.mega-menu-visual--cards-only{display:block}.mega-menu-visual__rail{position:relative;display:flex;flex:0 0 24rem;flex-direction:column;gap:.4rem;border-right:.1rem solid rgba(var(--color-foreground),.12);padding-right:2.4rem;cursor:pointer}.mega-menu-visual__rail-indicator{position:absolute;top:0;left:0;width:0;height:0;border-radius:.6rem;background:rgba(var(--color-foreground),.14);opacity:0;pointer-events:none;z-index:0;transition:transform var(--duration-default) var(--ease-out-slow),width var(--duration-default) var(--ease-out-slow),height var(--duration-default) var(--ease-out-slow),opacity var(--duration-short) ease}.mega-menu-visual__rail-indicator.is-visible{opacity:1}@media(prefers-reduced-motion:reduce){.mega-menu-visual__rail-indicator{transition:opacity var(--duration-short) ease}}.mega-menu-visual__tab{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;padding:1rem 1.2rem;border:0;background:transparent;cursor:pointer;color:rgba(var(--color-foreground),.7);font-family:var(--font-heading-family);font-size:1.5rem;font-weight:700;letter-spacing:.2rem;text-align:left;text-transform:uppercase;transition:color var(--duration-short) ease}.mega-menu-visual__tab:hover,.mega-menu-visual__tab:focus-visible,.mega-menu-visual__tab.is-active{color:rgb(var(--color-foreground))}.mega-menu-visual__tab:hover,.mega-menu-visual__tab:focus-visible{background-color:rgba(var(--color-foreground),.07);border-radius:.6rem}.mega-menu-visual__tab-arrow{display:inline-flex;opacity:0;transform:translate(-.4rem) rotate(-45deg);transition:opacity var(--duration-short) ease,transform var(--duration-short) ease}.mega-menu-visual__tab-arrow svg,.mega-menu-visual__tab-arrow .icon{width:1.4rem;height:1.4rem}.mega-menu-visual__tab:hover .mega-menu-visual__tab-arrow,.mega-menu-visual__tab.is-active .mega-menu-visual__tab-arrow{opacity:1;transform:translate(0) rotate(-45deg)}.mega-menu-visual__tab-label{transition:transform var(--duration-short) ease}.mega-menu-visual__tab:hover .mega-menu-visual__tab-label,.mega-menu-visual__tab:focus-visible .mega-menu-visual__tab-label,.mega-menu-visual__tab.is-active .mega-menu-visual__tab-label{transform:translate(.4rem)}.header__inline-menu .header__menu-item{padding-right:2.2rem}.mega-menu--visual>summary .icon-caret{transition:transform var(--duration-medium) var(--ease-out-slow)}a.mega-menu-visual__tab{text-decoration:none}.mega-menu-visual__tab--link .mega-menu-visual__tab-arrow{opacity:1;transform:translate(0)}.mega-menu-visual__panels{position:relative;flex:1 1 auto;min-width:0}.mega-menu-visual__panel{position:absolute;top:0;left:0;right:0;opacity:0;visibility:hidden;transform:translate(-1rem);pointer-events:none;transition:opacity var(--duration-short) ease,transform var(--duration-short) ease,visibility 0s linear var(--duration-short)}.mega-menu-visual__panel.is-active{position:relative;opacity:1;visibility:visible;transform:translate(0);pointer-events:auto;transition:opacity 0s,transform 0s,visibility 0s}.mega-menu-visual__cards{display:grid;grid-template-columns:repeat(var(--mega-cols, 3),minmax(0,1fr));gap:2.4rem 2rem;margin:0;padding:0}.mega-menu-visual--cards-only .mega-menu-visual__cards{max-width:calc(100% - 28rem);margin-inline:auto}.mega-menu-visual__card{display:block;text-decoration:none;color:rgb(var(--color-foreground))}.mega-menu-visual__card[aria-disabled=true]{pointer-events:none}.mega-menu-visual__card-media{display:block;position:relative;overflow:hidden;aspect-ratio:1 / 1;border-radius:var(--media-radius, .4rem);background:rgba(var(--color-foreground),.06)}.mega-menu-visual__card-media img,.mega-menu-visual__card-media .placeholder-svg{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--duration-default) ease}.mega-menu-visual__card:hover .mega-menu-visual__card-media img{transform:scale(1.04)}.mega-menu-visual__card-title{display:block;margin-top:1rem;font-family:var(--font-heading-family);font-size:1.4rem;font-weight:700;letter-spacing:.15rem;text-align:center;text-transform:uppercase;line-height:calc(1 + .2 / var(--font-body-scale))}.mega-menu-visual__card:hover .mega-menu-visual__card-title{text-decoration:underline;text-underline-offset:.3rem}.mega-menu-visual__menu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:2.4rem 2rem}.mega-menu-visual__menu-heading{display:block;margin-bottom:1rem;color:rgb(var(--color-foreground));font-family:var(--font-heading-family);font-size:1.4rem;font-weight:700;letter-spacing:.15rem;text-transform:uppercase;text-decoration:none}.mega-menu-visual__menu-heading:hover{text-decoration:underline;text-underline-offset:.3rem}.mega-menu-visual__menu-list{display:flex;flex-direction:column;gap:.4rem;margin:0}.mega-menu-visual__menu-link{display:block;padding:.2rem 0;color:rgba(var(--color-foreground),.75);font-size:1.3rem;text-decoration:none;transition:color var(--duration-short) ease}.mega-menu-visual__menu-link:hover,.mega-menu-visual__menu-link--active{color:rgb(var(--color-foreground));text-decoration:underline;text-underline-offset:.3rem}.mega-menu-visual__viewall{display:inline-flex;align-items:center;gap:.6rem;margin-top:2.4rem;color:rgb(var(--color-foreground));font-family:var(--font-heading-family);font-size:1.3rem;font-weight:700;letter-spacing:.2rem;text-transform:uppercase;text-decoration:none}.mega-menu-visual__viewall:hover{text-decoration:underline;text-underline-offset:.3rem}.mega-menu-visual__viewall svg,.mega-menu-visual__viewall .icon{width:1.4rem;height:1.4rem}@media(prefers-reduced-motion:no-preference){.mega-menu--visual.is-opening .mega-menu__content{animation:megaVisualReveal var(--duration-medium) var(--ease-out-slow) both}.mega-menu--visual.is-opening .mega-menu-visual__panel.is-active .mega-menu-visual__card,.mega-menu--visual.is-opening .mega-menu-visual__panel.is-active .mega-menu-visual__menu-col,.mega-menu--visual.is-opening .mega-menu-visual--cards-only .mega-menu-visual__card{animation:slideIn var(--duration-default) var(--ease-out-slow) both;animation-delay:calc(var(--animation-order, 0) * 60ms)}.mega-menu--visual.is-closing .mega-menu__content{animation:megaVisualConceal var(--duration-default) var(--ease-out-slow) both}}@keyframes megaVisualReveal{0%{opacity:0;transform:translateY(-.8rem)}to{opacity:1;transform:translateY(0)}}@keyframes megaVisualConceal{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-.8rem)}}@media screen and (max-width:1100px){.mega-menu-visual{gap:2.4rem}.mega-menu-visual__rail{flex-basis:20rem;padding-right:1.6rem}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/component-mega-menu-visual.css.map */