.MenuBanners{display:flex;flex:0 0 auto;width:380px;margin-left:auto}.MenuBanner{position:relative;display:block;overflow:hidden;width:100%;min-height:280px;border-radius:8px;background-color:color-mix(in srgb,var(--primary_text) 6%,var(--background_color));text-decoration:none}.MenuBanners .MenuBanner{height:auto}.MenuBanner__Image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.MenuBanner__Image--placeholder{fill:color-mix(in srgb,var(--primary_text) 30%,transparent)}.MenuBanner--withText:after{content:"";position:absolute;top:40%;right:0;bottom:0;left:0;background:linear-gradient(to top,#00000073,#0000);pointer-events:none}.MenuBanner__Text{position:absolute;left:24px;right:24px;bottom:20px;z-index:1;display:flex;flex-direction:column;gap:4px}.MenuBanner .MenuBanner__Heading,.MenuBanner .MenuBanner__Subtext{color:#fff!important}.MenuBanner__Heading{margin:0}@media(hover:hover){.MenuBanner:hover .MenuBanner__Image{transform:scale(1.03)}}.MenuBanner:focus-visible{outline:2px solid var(--primary_text);outline-offset:4px}.MenuBanners--mobileTarget:empty{display:none}.MenuBanners--mobileTarget{padding-top:24px;padding-bottom:24px}.MenuBanners--mobile{width:auto;margin-left:0}.MenuBanners--mobile .MenuBanner{min-height:0;aspect-ratio:3 / 2}.MenuBanners--mobile .MenuBanner__Text{left:16px;right:16px;bottom:16px}
/*# sourceMappingURL=/cdn/shop/t/65/assets/component-menu-banner.css.map */