.recipe-article{--recipe-chip-background: 255 255 255;--recipe-chip-color: 0 0 0;--recipe-table-border: 255 255 255;--recipe-step-size: 24px;--recipe-table-inset: 12px;--recipe-table-row-padding: 8px;display:grid;gap:var(--spacing-3);padding-block:var(--spacing-2) var(--spacing-6)}.recipe-article__back{width:max-content}.recipe-article__grid{display:grid;gap:var(--spacing-5)}.recipe-article__media{margin-inline:calc(-1 * var(--container-gutter))}.recipe-article__image{aspect-ratio:4 / 5;object-fit:cover;width:100%;height:auto}.recipe-article__content{display:flex;flex-direction:column}.recipe-article__content>*+*{margin-block-start:var(--spacing-6)}.recipe-article__block--intro+.recipe-article__block--intro{margin-block-start:var(--spacing-4)}.recipe-article__block--intro+:not(.recipe-article__block--intro){margin-block-start:var(--spacing-8)}.recipe-article__chip{background:rgb(var(--recipe-chip-background));color:rgb(var(--recipe-chip-color));padding:3px var(--spacing-2);font-size:9px;line-height:1.5}.recipe-article__ingredients{width:100%;border:1px solid rgb(var(--recipe-table-border));border-radius:8px;border-collapse:separate;border-spacing:0;overflow:hidden}.recipe-article__ingredients th,.recipe-article__ingredients td{border:0;padding-block:var(--recipe-table-row-padding);text-align:start;vertical-align:top}.recipe-article__ingredients :is(th,td):first-child{padding-inline-start:var(--recipe-table-inset)}.recipe-article__ingredients :is(th,td):last-child{padding-inline-end:var(--recipe-table-inset);text-align:end;white-space:nowrap}.recipe-article__ingredients thead{background:rgb(var(--recipe-table-border))}.recipe-article__ingredients thead th{color:#000}.recipe-article__ingredients thead th:first-child{box-shadow:1px 0 rgb(var(--recipe-table-border))}.recipe-article__ingredients tbody tr:not(:last-child) :is(th,td){background:linear-gradient(rgb(var(--recipe-table-border) / .7),rgb(var(--recipe-table-border) / .7)) no-repeat;background-size:100% 1px;background-position:bottom}.recipe-article__ingredients tbody tr:not(:last-child) :is(th,td):first-child{background-size:calc(100% - var(--recipe-table-inset)) 1px;background-position:right bottom}.recipe-article__ingredients tbody tr:not(:last-child) :is(th,td):last-child{background-size:calc(100% - var(--recipe-table-inset)) 1px;background-position:left bottom}.recipe-article__steps{padding-block-end:20px}.recipe-article__steps h2{padding-block:20px}.recipe-article__step-list{counter-reset:recipe-step;gap:var(--spacing-3)}.recipe-article__step{counter-increment:recipe-step;display:grid;grid-template-columns:var(--recipe-step-size) 1fr;align-items:start;column-gap:var(--spacing-3)}.recipe-article__step:before{content:counter(recipe-step);width:var(--recipe-step-size);height:var(--recipe-step-size);border-radius:50%;background:rgb(var(--text-color));color:rgb(var(--background));line-height:var(--recipe-step-size);text-align:center}.recipe-article__products{gap:var(--spacing-2-5)}.recipe-article__products-heading{font-size:inherit;font-family:inherit;font-weight:inherit;letter-spacing:inherit;text-transform:none}.recipe-article__product-list{gap:var(--spacing-2)}.recipe-article__products .horizontal-product{position:relative;align-items:center}.recipe-article__products .horizontal-product a:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.recipe-article__products unit-price{font-size:var(--text-xs);line-height:1.7}@media screen and (pointer:fine){.recipe-article__products .horizontal-product:hover .reversed-link{background-size:100% 1px}}@media screen and (min-width:700px){.recipe-article{--recipe-step-size: 28px;--recipe-table-inset: 16px;--recipe-table-row-padding: 12px}.recipe-article__chip{padding:2px var(--spacing-2);font-size:12px}.recipe-article__step-list{gap:var(--spacing-4)}.recipe-article__step{column-gap:var(--spacing-4)}}@media screen and (min-width:1000px){.recipe-article{gap:var(--spacing-6);padding-block:var(--spacing-6) var(--spacing-16)}.recipe-article__grid{grid-template-columns:1fr 1fr;align-items:start;gap:var(--spacing-12)}.recipe-article__block--intro+.recipe-article__block--intro,.recipe-article__block--intro+:not(.recipe-article__block--intro){margin-block-start:var(--spacing-6)}.recipe-article__grid--no-image{grid-template-columns:minmax(0,1fr);max-width:840px}.recipe-article__media{position:sticky;top:calc(var(--sticky-area-height, 0px) + var(--spacing-6));margin-inline:0}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/recipe-article.css.map */