.recipe-template{display:flex;flex-direction:column;gap:var(--gap);margin-top:calc(var(--gap) * 2)}@media screen and (min-width:769px){.recipe-template{display:flex;flex-direction:row-reverse;flex-wrap:wrap;justify-content:center;gap:var(--gap)}.recipe-template>*:not(.recipe-content):not(.recipe-sidebar){flex:100%}}.recipe-header{display:grid;gap:var(--gap);padding:var(--gap)}.recipe-header .heading{max-width:var(--container-medium);margin:0 auto}.recipe-header--block-list{display:flex;flex-wrap:wrap;justify-content:center;padding:var(--gap);border-top:1px solid var(--color-alt-accent-2);border-bottom:1px solid var(--color-alt-accent-2)}.recipe-header--block{display:grid;grid-auto-flow:column;align-items:center;justify-content:center;gap:var(--gap);padding:clamp(1rem,5vw,3.5rem)}@media screen and (min-width:769px){.recipe-header--block{flex-wrap:nowrap;flex-direction:row}}.recipe-header--block-icon .icon{display:flex;align-items:center;height:4.5rem;width:auto}@media screen and (min-width:769px){.recipe-header--block-icon .icon{height:6rem}}.recipe-header--block-text{flex:1;line-height:1.25}@media screen and (min-width:769px){.recipe-header--block-text{text-align:left}}.recipe-content{display:grid;grid-template-columns:repeat(2,1fr);align-content:start;gap:calc(var(--gap) * 2);margin-bottom:var(--gap)}.recipe-template .recipe-content{padding:var(--gap)}@media screen and (min-width:769px){.recipe-template .recipe-content{flex:calc(var(--container-large) * .5);max-width:calc(var(--container-large) * .75)}}.recipe-content--feature-image,.recipe-content--full,.recipe-content--header,.recipe-content--divider{grid-column:span 2}.recipe-sidebar{flex:1;display:grid;align-content:start;gap:var(--gap)}.recipe-template .recipe-sidebar{padding:var(--gap)}@media screen and (min-width:769px){.recipe-sidebar{flex:calc(var(--container-large) * .5 - var(--gap));max-width:calc(var(--container-large) * .25 - var(--gap))}}.recipe--social-sharing .social-sharing{display:grid;grid-auto-flow:column;gap:2rem}.recipe--social-sharing .social-sharing--link{padding:0}.recipe--social-sharing .icon{width:2.5rem;height:2.5rem}
/*# sourceMappingURL=/cdn/shop/t/25/assets/section--recipe-components.css.map */