.list-menu--inline .mega-showcase{height:auto;max-height:calc(100vh - var(--header-height, 10rem));max-height:calc(100dvh - var(--header-height, 10rem))}.list-menu--inline .list-menu-item.list-menu--megashowcase:hover>.mega-showcase,.list-menu--inline .list-menu-item.list-menu--megashowcase:hover:after{transition-delay:.12s}.list-menu--inline .list-menu-item.list-menu--megashowcase.is-open>.mega-menu{opacity:1;pointer-events:all;visibility:visible}.list-menu--inline .list-menu-item.list-menu--megashowcase.is-open:after{opacity:1;visibility:visible}.mega-showcase__wrapper{position:relative;z-index:2;max-height:inherit;overflow-y:auto;overscroll-behavior:contain;background:rgb(var(--color-background));border-bottom:.1rem solid rgb(var(--color-border));transform:translateY(-.8rem);transition:transform .45s cubic-bezier(.165,.84,.44,1)}.list-menu--megashowcase:is(:hover,:focus-within,.is-open) .mega-showcase__wrapper{transform:translateY(0)}.header--boxed-mode .mega-showcase__wrapper{border:.1rem solid rgb(var(--color-border));border-top:none;border-bottom-left-radius:.2rem;border-bottom-right-radius:.2rem}.mega-showcase__wrapper::-webkit-scrollbar{width:.3rem}.mega-showcase__wrapper::-webkit-scrollbar-thumb{background-color:rgba(var(--color-foreground),.2);border-radius:2rem}.mega-showcase__layout{display:flex;align-items:stretch;padding:2.4rem 2.4rem 2.8rem}.mega-showcase__eyebrow{margin:0;color:rgba(var(--color-foreground),.55);text-transform:uppercase;letter-spacing:.08em}.mega-showcase__rail{flex:0 0 22rem;display:flex;flex-direction:column;gap:1.2rem;padding-inline-end:2.4rem;border-inline-end:.1rem solid rgb(var(--color-border))}.mega-showcase__rail-list{display:flex;flex-direction:column;gap:.2rem;margin:0 0 .8rem}.mega-showcase .mega-showcase__tab{width:calc(100% + 2.4rem);display:flex;align-items:center;justify-content:space-between;gap:1.2rem;margin:0 -1.2rem;padding:.7rem 1.2rem;border:none;border-radius:.2rem;background:none;color:rgba(var(--color-foreground),.6);text-align:start;text-decoration:none;cursor:pointer;transition:color var(--duration-default) ease-in-out,background-color var(--duration-default) ease-in-out}.mega-showcase__tab .icon{flex-shrink:0;width:1.2rem;height:1.2rem;opacity:0;transform:translate(-.4rem);transition:opacity var(--duration-default) ease-in-out,transform var(--duration-default) ease-in-out}.mega-showcase__tab:hover,.mega-showcase__tab.is-active,.mega-showcase__tab[aria-current=page]{color:rgb(var(--color-foreground))}.mega-showcase__tab.is-active{background-color:rgba(var(--color-foreground),.05)}.mega-showcase__tab:hover .icon,.mega-showcase__tab.is-active .icon{opacity:1;transform:translate(0)}.mega-showcase .mega-showcase__view-all{align-self:flex-start;display:inline-flex;align-items:center;gap:.6rem;margin-top:auto;padding-bottom:.2rem;border-bottom:.1rem solid currentColor;color:rgba(var(--color-foreground),.6);text-decoration:none;transition:color var(--duration-default) ease-in-out}.mega-showcase__view-all .icon{flex-shrink:0;width:1.2rem;height:1.2rem;transition:transform var(--duration-default) ease-in-out}.mega-showcase__view-all:hover,.mega-showcase__promo:hover .mega-showcase__view-all{color:rgb(var(--color-foreground))}.mega-showcase__view-all:hover .icon,.mega-showcase__promo:hover .mega-showcase__view-all .icon{transform:translate(.2rem)}.mega-showcase__content{flex:1 1 auto;min-width:0;padding-inline:3.2rem}.mega-showcase__panel{height:100%;display:flex;align-items:stretch;gap:4rem;animation:mega-showcase-fade-in .35s ease-out both}.mega-showcase__panel[hidden]{display:none}.mega-showcase__links{flex:0 1 auto;min-width:16rem;max-width:36rem;display:flex;flex-direction:column;gap:1.2rem}.mega-showcase__link-list{display:flex;flex-direction:column;margin:0 0 .8rem}.mega-showcase__link-list--columns{display:block;columns:2;column-gap:3.2rem}.mega-showcase__link-list--columns li{break-inside:avoid}.mega-showcase__link{display:inline-block;padding:.4rem 0;color:rgb(var(--color-foreground));text-decoration:none}.mega-showcase__grid{flex:1 1 auto;min-width:0;min-height:min(clamp(38rem,34vw,56rem),calc(100vh - var(--header-height, 10rem) - 8rem));display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));gap:1.2rem}.mega-showcase__grid[data-count="1"]{grid-template-columns:minmax(0,1fr)}.mega-showcase__grid[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.mega-showcase__grid[data-count="3"]{grid-template-columns:2fr 1fr}.mega-showcase__grid .mega-showcase__card:first-child,.mega-showcase__grid[data-count="2"] .mega-showcase__card{grid-row:span 2}.mega-showcase__grid[data-count="4"] .mega-showcase__card:last-child{grid-column:span 2}.mega-showcase__card{position:relative;display:block;min-height:0;overflow:hidden;border-radius:.2rem;color:rgb(var(--color-foreground));text-decoration:none;transition:opacity var(--duration-default) ease-in-out}.mega-showcase__grid.has-highlight .mega-showcase__card:not(.is-highlighted){opacity:.35}.list-menu--megashowcase:is(:hover,:focus-within,.is-open) .mega-showcase__card{animation:mega-showcase-card-in .5s cubic-bezier(.165,.84,.44,1) both;animation-delay:calc(min(var(--card-index),6)/20s + .1s)}.mega-showcase__card-media{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.mega-showcase__promo-media{position:relative;display:block;overflow:hidden;border-radius:.2rem}.mega-showcase--image-bg .mega-showcase__card-media{background-color:rgba(var(--color-foreground),.04)}.mega-showcase__card-image,.mega-showcase__promo-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.165,.84,.44,1)}.mega-showcase--contain .mega-showcase__card-image:not(.placeholder-svg){object-fit:contain;padding:1.6rem 1.6rem 5.2rem}.mega-showcase__card-title{position:absolute;z-index:1;bottom:1.2rem;left:1.2rem;max-width:calc(100% - 2.4rem);display:inline-flex;align-items:center;padding:.6rem 1rem;border-radius:.2rem;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground))}.mega-showcase__card-title>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mega-showcase__card-title .icon{flex-shrink:0;width:0;height:1rem;opacity:0;transition:width var(--duration-default) ease-in-out,margin var(--duration-default) ease-in-out,opacity var(--duration-default) ease-in-out}.mega-showcase__card:is(:hover,:focus-visible,.is-highlighted) .mega-showcase__card-title .icon{width:1rem;margin-inline-start:.6rem;opacity:1}.mega-showcase__promo{flex:0 0 clamp(22rem,20vw,30rem);display:flex;flex-direction:column;gap:1rem;padding-inline-start:3.2rem;border-inline-start:.1rem solid rgb(var(--color-border));color:rgb(var(--color-foreground));text-decoration:none}.mega-showcase__promo-media{flex:1 1 auto;min-height:16rem}.mega-showcase__promo-heading{margin:0}.mega-showcase__promo .mega-showcase__view-all{margin-top:0}@media screen and (hover:hover)and (pointer:fine){.mega-showcase__card:hover .mega-showcase__card-image,.mega-showcase__promo:hover .mega-showcase__promo-image{transform:scale(1.05)}}@media screen and (max-width:1359px){.mega-showcase__rail{flex-basis:18rem}.mega-showcase__content,.mega-showcase__promo{padding-inline-start:2.4rem}.mega-showcase__content{padding-inline-end:2.4rem}.mega-showcase__panel{gap:2.4rem}}@keyframes mega-showcase-fade-in{0%{opacity:0}to{opacity:1}}@keyframes mega-showcase-card-in{0%{opacity:0;transform:translateY(1.2rem)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.mega-showcase__wrapper,.list-menu--megashowcase:is(:hover,:focus-within,.is-open) .mega-showcase__wrapper{transform:none;transition:none}.mega-showcase__panel,.list-menu--megashowcase:is(:hover,:focus-within,.is-open) .mega-showcase__card{animation:none}.mega-showcase__card-image,.mega-showcase__promo-image,.mega-showcase__view-all .icon,.mega-showcase__tab .icon,.mega-showcase__card-title .icon{transition:none}}.menu-drawer .mobile-submenu-drawer>details>.mobile-submenu--showcase{gap:0}.mobile-submenu--showcase .mobile-submenu__tabs{margin-top:0}.mobile-submenu__scroll{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain}.mobile-submenu__scroll::-webkit-scrollbar{width:.3rem}.mobile-submenu__scroll::-webkit-scrollbar-thumb{background-color:rgba(var(--color-foreground),.2);border-radius:2rem}.mobile-submenu--showcase .mobile-submenu__navigation{flex:0 0 auto;overflow:visible;padding-top:1.6rem;padding-bottom:1.2rem}.mobile-submenu__showcase{flex-shrink:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem .8rem;margin-top:auto;padding:.4rem 1.2rem 0}.mega-showcase__card--compact{display:flex;flex-direction:column;gap:.6rem;overflow:visible}.mega-showcase__card--compact:first-child:nth-last-child(odd){grid-column:span 2}.mega-showcase__card--compact .mega-showcase__card-media{position:relative;inset:auto;aspect-ratio:4 / 3;overflow:hidden;border-radius:.2rem;background-color:rgba(var(--color-foreground),.04)}.mega-showcase__card--compact:first-child:nth-last-child(odd) .mega-showcase__card-media{aspect-ratio:2 / 1}.mega-showcase__card--compact .mega-showcase__card-title{position:static;max-width:100%;padding:0;background:none;color:rgba(var(--color-foreground),.6);font-size:1.1rem}.mega-showcase__card--compact .mega-showcase__card-title .icon{display:none}
/*# sourceMappingURL=/cdn/shop/t/13/assets/component-mega-showcase.css.map */