.image-menu__content{padding-bottom:3rem;padding-top:3rem}.image-menu__layout{display:grid;gap:clamp(3rem,5vw,7rem);grid-template-columns:minmax(0,1fr) clamp(26rem,28vw,36rem)}.image-menu__layout--without-preview{display:block}.image-menu__list{align-content:start;gap:1.8rem 4rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));padding:0}.header--top-center .image-menu__list{display:grid;justify-content:initial}.header--top-center .image-menu__list>li{padding-right:0;width:auto}.image-menu__preview-trigger{border-radius:.4rem;margin-left:-.8rem;padding-left:.8rem;transition:background-color var(--duration-short) ease,color var(--duration-short) ease}.image-menu__preview-trigger.is-preview-active{background:rgba(var(--color-foreground),.06);color:rgb(var(--color-foreground));text-decoration:none}.image-menu__preview{min-height:35rem;position:relative}.image-menu__preview-item{display:grid;gap:1.2rem;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;position:absolute;text-decoration:none;transform:translateY(.6rem);transition:opacity var(--duration-default) ease,transform var(--duration-default) ease}.image-menu__preview-item.is-active{opacity:1;pointer-events:auto;transform:translateY(0)}.image-menu__preview-item[hidden]{display:none}.image-menu__preview-media{aspect-ratio:4 / 3;background:rgba(var(--color-foreground),.04);border-radius:.8rem;overflow:hidden}.image-menu__preview-image{display:block;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.6,.3,1);width:100%}.image-menu__preview-item:hover .image-menu__preview-image{transform:scale(1.025)}.image-menu__preview-meta{display:grid;gap:.2rem}.image-menu__preview-eyebrow{color:rgba(var(--color-foreground),.58);font-size:1.1rem;letter-spacing:.1em;text-transform:uppercase}.image-menu__preview-title{color:rgb(var(--color-foreground));font-size:1.55rem;font-weight:600}@media screen and (max-width:1199px){.image-menu__layout{gap:3rem;grid-template-columns:minmax(0,1fr) minmax(24rem,30vw)}.image-menu__list{gap:1.6rem 2.4rem;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr))}.image-menu__preview{min-height:30rem}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-image-menu.css.map */