.onyx-dish{display:grid;grid-template-columns:minmax(0,1fr);overflow:hidden}.onyx-dish__stage{position:relative;isolation:isolate;aspect-ratio:var(--onyx-dish-ratio);min-height:32rem}.onyx-dish__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden}.onyx-dish__media>img,.onyx-dish__media>.placeholder-svg{width:100%;height:100%;object-fit:cover}.onyx-dish__card{display:flex;flex-direction:column;gap:2rem;padding:3.2rem 2rem;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground))}@media(min-width:990px){.onyx-dish{grid-template-areas:"stack"}.onyx-dish__stage,.onyx-dish__card{grid-area:stack}.onyx-dish--height-small .onyx-dish__stage{aspect-ratio:auto;min-height:56rem}.onyx-dish--height-medium .onyx-dish__stage{aspect-ratio:auto;min-height:72rem}.onyx-dish--height-large .onyx-dish__stage{aspect-ratio:auto;min-height:88rem}.onyx-dish__card{z-index:1;width:40rem;margin:4.8rem;padding:4rem 3.2rem;justify-self:start}.onyx-dish--card-right .onyx-dish__card{justify-self:end}.onyx-dish--v-top .onyx-dish__card{align-self:start}.onyx-dish--v-center .onyx-dish__card{align-self:center}.onyx-dish--v-bottom .onyx-dish__card{align-self:end}}.onyx-dish__heading{margin:0}.onyx-dish__recipe{display:flex;flex-direction:column;gap:.6rem}.onyx-dish__recipe-title{margin:0;font-weight:600}.onyx-dish__description,.onyx-dish__description p{margin:0}.onyx-dish__meta{margin:0;font-size:1.3rem;opacity:.7}.onyx-dish__products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;margin:0;padding:0;list-style:none}.onyx-dish__product{display:flex;flex-direction:column;gap:.4rem}.onyx-dish__product-link{display:flex;flex-direction:column;gap:.8rem;color:inherit;text-decoration:none}.onyx-dish__product-media{position:relative;display:block;aspect-ratio:1;background-color:rgba(var(--color-foreground),.05)}.onyx-dish__product-media img,.onyx-dish__product-media .placeholder-svg{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.onyx-dish__badge{position:absolute;bottom:0;left:0}.onyx-dish__product-title{font-family:var(--font-heading-family);line-height:1.3}.onyx-dish__product-link:hover .onyx-dish__product-title{text-decoration:underline}.onyx-dish__price{font-size:1.3rem}.onyx-dish__button,.onyx-dish__recipe-link{align-self:flex-start}@media(min-width:990px){.onyx-dish__button{align-self:stretch}.onyx-dish__recipe-link{align-self:center}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-onyx-shop-the-dish.css.map */