.image-with-text .grid{margin-bottom:0}.image-with-text .grid__item{position:relative}@media screen and (min-width:750px){.image-with-text__grid--reverse{flex-direction:row-reverse}}.image-with-text__media{min-height:100%;overflow:visible}.image-with-text__media--small{height:19.4rem}.image-with-text__media--medium{height:29.6rem}.image-with-text__media--large{height:43.5rem}@media screen and (min-width:750px){.image-with-text__media--small{height:31.4rem}.image-with-text__media--medium{height:46rem}.image-with-text__media--large{height:69.5rem}}.image-with-text__media--placeholder{position:relative;overflow:hidden}.image-with-text__media--placeholder:after{content:"";position:absolute;background:rgba(var(--color-foreground),.04)}.image-with-text__media--placeholder.image-with-text__media--adapt{height:20rem}@media screen and (min-width:750px){.image-with-text__media--placeholder.image-with-text__media--adapt{height:30rem}}.image-with-text__media--placeholder>svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;fill:currentColor}.image-with-text__media--placeholder:is(.animate--ambient,.animate--zoom-in)>.svg-wrapper{top:0;left:0;transform:translate(0)}.image-with-text__content{align-items:flex-start;display:flex;flex-direction:column;height:100%;justify-content:center;align-self:center;padding:4rem calc(4rem / var(--font-body-scale)) 5rem;position:relative;z-index:1}.image-with-text .grid__item:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.image-with-text:not(.image-with-text--overlap) .image-with-text__media-item:after{border-radius:var(--media-radius);box-shadow:var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius) rgba(var(--color-shadow),var(--media-shadow-opacity))}.image-with-text:not(.image-with-text--overlap) .image-with-text__text-item:after{border-radius:var(--text-boxes-radius);box-shadow:var(--text-boxes-shadow-horizontal-offset) var(--text-boxes-shadow-vertical-offset) var(--text-boxes-shadow-blur-radius) rgba(var(--color-shadow),var(--text-boxes-shadow-opacity))}.image-with-text .image-with-text__media-item>*{border-radius:var(--media-radius);overflow:hidden;box-shadow:var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius) rgba(var(--color-shadow),var(--media-shadow-opacity))}.image-with-text .global-media-settings{overflow:hidden!important}.image-with-text .image-with-text__text-item>*{border-radius:var(--text-boxes-radius);overflow:hidden;box-shadow:var(--text-boxes-shadow-horizontal-offset) var(--text-boxes-shadow-vertical-offset) var(--text-boxes-shadow-blur-radius) rgba(var(--color-shadow),var(--text-boxes-shadow-opacity))}.image-with-text:not(.image-with-text--overlap) .image-with-text__media-item>*,.image-with-text:not(.image-with-text--overlap) .image-with-text__text-item>*{box-shadow:none}@media screen and (max-width:749px){.image-with-text.collapse-corners:not(.image-with-text--overlap) .image-with-text__media-item:after,.image-with-text.collapse-corners:not(.image-with-text--overlap) .grid__item .image-with-text__media,.image-with-text.collapse-corners:not(.image-with-text--overlap) .image-with-text__media img,.image-with-text.collapse-corners:not(.image-with-text--overlap) .image-with-text__media .placeholder-svg{border-bottom-right-radius:0;border-bottom-left-radius:0}.image-with-text.collapse-corners:not(.image-with-text--overlap) .image-with-text__text-item:after,.image-with-text.collapse-corners:not(.image-with-text--overlap) .grid__item .image-with-text__content{border-top-left-radius:0;border-top-right-radius:0}.image-with-text.collapse-borders:not(.image-with-text--overlap) .image-with-text__content{border-top:0}}.image-with-text__content--mobile-right>*{align-self:flex-end;text-align:right}.image-with-text__content--mobile-center>*{align-self:center;text-align:center}.image-with-text--overlap .image-with-text__content{width:90%;margin:-3rem auto 0}@media screen and (min-width:750px){.image-with-text__grid--reverse .image-with-text__content{margin-left:auto}.image-with-text__content--bottom{justify-content:flex-end;align-self:flex-end}.image-with-text__content--top{justify-content:flex-start;align-self:flex-start}.image-with-text__content--desktop-right>*{align-self:flex-end;text-align:right}.image-with-text__content--desktop-left>*{align-self:flex-start;text-align:left}.image-with-text__content--desktop-center>*{align-self:center;text-align:center}.image-with-text--overlap .image-with-text__text-item{display:flex;padding:3rem 0}.image-with-text--overlap .image-with-text__content{height:auto;width:calc(100% + 4rem);min-width:calc(100% + 4rem);margin-top:0;margin-left:-4rem}.image-with-text--overlap .image-with-text__grid--reverse .image-with-text__content{margin-left:0;margin-right:-4rem}.image-with-text--overlap .image-with-text__grid--reverse .image-with-text__text-item{justify-content:flex-end}.image-with-text--overlap .image-with-text__media-item--top{align-self:flex-start}.image-with-text--overlap .image-with-text__media-item--middle{align-self:center}.image-with-text--overlap .image-with-text__media-item--bottom{align-self:flex-end}.image-with-text__media-item--small,.image-with-text__media-item--large+.image-with-text__text-item{flex-grow:0}.image-with-text.collapse-corners:not(.image-with-text--overlap) .grid:not(.image-with-text__grid--reverse) .image-with-text__media-item:after,.image-with-text.collapse-corners:not(.image-with-text--overlap) .grid:not(.image-with-text__grid--reverse) .image-with-text__media,.image-with-text.collapse-corners:not(.image-with-text--overlap) .grid:not(.image-with-text__grid--reverse) .image-with-text__media img,.image-with-text.collapse-corners:not(.image-with-text--overlap) .grid:not(.image-with-text__grid--reverse) .image-with-text__media .placeholder-svg,.image-with-text.collapse-corners:not(.image-with-text--overlap) .image-with-text__grid--reverse .image-with-text__text-item:after,.image-with-text.collapse-corners:not(.image-with-text--overlap) .image-with-text__grid--reverse .image-with-text__content,.image-with-text.collapse-corners:not(.image-with-text--overlap) .image-with-text__grid--reverse .image-with-text__content:after{border-top-right-radius:0;border-bottom-right-radius:0}.image-with-text.collapse-corners:not(.image-with-text--overlap) .grid:not(.image-with-text__grid--reverse) .image-with-text__text-item:after,.image-with-text.collapse-corners:not(.image-with-text--overlap) .grid:not(.image-with-text__grid--reverse) .image-with-text__content,.image-with-text.collapse-corners:not(.image-with-text--overlap) .grid:not(.image-with-text__grid--reverse) .image-with-text__content:after,.image-with-text.collapse-corners:not(.image-with-text--overlap) .image-with-text__grid--reverse .image-with-text__media-item:after,.image-with-text.collapse-corners:not(.image-with-text--overlap) .image-with-text__grid--reverse .image-with-text__media,.image-with-text.collapse-corners:not(.image-with-text--overlap) .image-with-text__grid--reverse .image-with-text__media img,.image-with-text.collapse-corners:not(.image-with-text--overlap) .image-with-text__grid--reverse .image-with-text__media .placeholder-svg{border-top-left-radius:0;border-bottom-left-radius:0}.image-with-text.collapse-borders:not(.image-with-text--overlap) .grid:not(.image-with-text__grid--reverse) .image-with-text__content{border-left:0}.image-with-text.collapse-borders:not(.image-with-text--overlap) .image-with-text__grid--reverse .image-with-text__content{border-right:0}}.image-with-text:not(.collapse-corners,.image-with-text--overlap) .image-with-text__media-item{z-index:2}.image-with-text.image-with-text--overlap .backround-transparent,.image-with-text:not(.image-with-text--overlap) .background-transparent{background:transparent}.image-with-text .gradient{transform:perspective(0)}.image-with-text__content{border-radius:var(--text-boxes-radius);box-shadow:var(--text-boxes-shadow-horizontal-offset) var(--text-boxes-shadow-vertical-offset) var(--text-boxes-shadow-blur-radius) rgba(var(--color-shadow),var(--text-boxes-shadow-opacity));word-break:break-word}@media screen and (min-width:990px){.image-with-text__content{padding:6rem 7rem 7rem}}.image-with-text__content>*+*{margin-top:2rem}.image-with-text__content>.image-with-text__text:empty~a{margin-top:2rem}.image-with-text__content>:first-child:is(.image-with-text__heading),.image-with-text__text--caption+.image-with-text__heading,.image-with-text__text--caption:first-child{margin-top:0}.image-with-text__content :last-child:is(.image-with-text__heading),.image-with-text__text--caption{margin-bottom:0}.image-with-text__content .button+.image-with-text__text{margin-top:2rem}.image-with-text__content .image-with-text__text+.button{margin-top:3rem}.image-with-text__heading{margin-bottom:0}.image-with-text__text p{margin-top:0;margin-bottom:1.5rem}@media screen and (max-width:749px){.collapse-padding .image-with-text__grid .image-with-text__content{padding-left:0;padding-right:0}}@media screen and (min-width:750px){.collapse-padding .image-with-text__grid:not(.image-with-text__grid--reverse) .image-with-text__content:not(.image-with-text__content--desktop-center){padding-right:0}.collapse-padding .image-with-text__grid--reverse .image-with-text__content:not(.image-with-text__content--desktop-center){padding-left:0}}@supports not (inset: 10px){.image-with-text .grid{margin-left:0}}.multirow__inner{display:flex;flex-direction:column;row-gap:var(--grid-mobile-vertical-spacing)}.ingredients .image--medium.ingredients-image{width:100%;padding:var(--master-spacing-mobile)}@media screen and (min-width:750px){.multirow__inner{row-gap:var(--grid-desktop-vertical-spacing)}.ingredients .image-with-text__grid.with-legend .image--medium.ingredients-image{padding:20px 0 0}}@media screen and (min-width:889px){.ingredients .image-with-text__grid.with-legend .image--medium.ingredients-image{padding:20px 0 0}}.ingredients .image-with-text__media{min-height:unset;height:auto;padding-bottom:0!important}.ingredients .image-with-text__media>*:not(picture):not(.zoom):not(.deferred-media__poster-button),.ingredients .image-with-text__media>picture>*:not(.zoom):not(.deferred-media__poster-button){position:static;width:100%;height:auto}.ingredients .image-with-text__media>img,.ingredients .image-with-text__media>picture>img{object-fit:contain}.ingredients ul{padding-left:0}.ingredients li{display:inline}.ingredients li:not(:last-child):after{content:", "}.secondary-ingredient{width:100%}.ingredients-image{display:flex;flex-direction:column}.ingredients .image-with-text__media-item.ingredients-image{gap:2rem}.ingredients .legend{margin-top:.8rem!important;text-transform:uppercase;font-size:calc(var(--font-body-scale) * 1.3rem)}.ingredients .image-with-text .with-legend{margin-bottom:2rem}.ingredients .image-with-text__content{height:100%}.ingredients .image-with-text__content h2 p{margin:0}.ingredients .image-with-text__content.image-with-stuff__content>h2+div{margin-top:0rem}.image-with-text__content.image-with-stuff__content>*+*{margin-top:3rem}.image-with-text__content.image-with-stuff__content .f-copy-larger+.f-footer_head{margin-top:1rem}@media screen and (max-width:749px){.image-with-text__content.image-with-stuff__content>*+*{margin-top:2rem}.ingredients .image-with-text .with-legend{margin-bottom:0}}.image-with-stuff__content>:is(h1,h2,h3,h4,h5,h6){margin-block-end:0}.image-with-stuff__content .image-with-text__heading p{margin-block-start:0;margin-block-end:0}.image-with-stuff .grid-stuff--middle{align-items:center}.image-with-stuff .grid-stuff--bottom{align-items:end}.image-with-stuff__content--block-right{align-self:flex-end}.image-with-stuff__content--block-left{align-self:flex-start}.image-with-stuff__content--block-center{align-self:center}.image-with-stuff__content--text-right{text-align:right}.image-with-stuff__content--text-left{text-align:left}.image-with-stuff__content--text-center{text-align:center}.image-with-stuff__content .subtitle{font-size:inherit;font-style:var(--font-heading-med-style);font-weight:var(--font-heading-med-weight);line-height:calc(1 + var(--body-line-height) / var(--font-body-scale));letter-spacing:.06rem;font-family:var(--font-heading-med-family)}.image-with-text__media-item.image-with-stuff__content,.image-with-text__content.image-with-stuff__content{padding:var(--master-spacing-mobile)}@media screen and (max-width:749px){.image-with-text__media-item.image-with-stuff__content,.image-with-text__content.image-with-stuff__content{padding:0 var(--master-spacing-mobile) 0}.image-with-stuff .image-with-text__grid{row-gap:var(--master-spacing-mobile)}.image-with-stuff .image-with-text__media-item.image-with-stuff__content{padding-top:0;padding-bottom:0}.image-with-text__media-item .image-padding{max-width:100%}}@media screen and (min-width:750px){.image-with-text__grid .image-with-text__media-item.image-with-stuff__content,.image-with-text__grid.image-with-text__grid--reverse .image-with-text__content.image-with-stuff__content{padding:0 2.5rem 0 0}.image-with-text__grid .image-with-text__content.image-with-stuff__content,.image-with-text__grid.image-with-text__grid--reverse .image-with-text__media-item.image-with-stuff__content{padding:0 0 0 2.5rem}}.ingredients .grid{flex-direction:column-reverse}.ingredients .grid__item{width:auto;max-width:none}.image-with-stuff .accordion .accordion__title{line-height:1.3em}.image-with-stuff .accordion details[open]{margin-bottom:75px}@media screen and (min-width:750px){.ingredients .image-with-text__content{padding:2.5rem}.ingredients .image-with-text__grid--reverse{flex-direction:row-reverse}.image-with-text__content.no-image{padding:0rem 2.5rem}.ingredients .image--large.ingredients-image{max-width:65%;width:calc(65% - var(--grid-mobile-col-horizontal-spacing) / 2)}.ingredients .image--large.ingredients-copy{padding:0 0 0 4rem;max-width:35%;width:calc(35% - var(--grid-mobile-col-horizontal-spacing) / 2)}.ingredients .image--small.ingredients-copy,.ingredients .image--medium.ingredients-image{max-width:55%;width:calc(55% - var(--grid-mobile-col-horizontal-spacing) / 2)}.ingredients .image--small.ingredients-image,.ingredients .image--medium.ingredients-copy{max-width:45%;width:calc(45% - var(--grid-mobile-col-horizontal-spacing) / 2)}}@media screen and (min-width:990px){.ingredients .image-with-text__grid--reverse{flex-direction:row-reverse}.image-with-text__content.no-image{padding:0rem 2.5rem}.ingredients .image--large.ingredients-image{max-width:65%;width:calc(65% - var(--grid-desktop-col-horizontal-spacing) / 2)}.ingredients .image--large.ingredients-copy{padding:0 0 0 4rem;max-width:35%;width:calc(35% - var(--grid-desktop-col-horizontal-spacing) / 2)}.ingredients .image--small.ingredients-copy,.ingredients .image--medium.ingredients-image{max-width:55%;width:calc(55% - var(--grid-desktop-col-horizontal-spacing) / 2)}.ingredients .image--small.ingredients-image,.ingredients .image--medium.ingredients-copy{max-width:45%;width:calc(45% - var(--grid-desktop-col-horizontal-spacing) / 2)}}.ingredients .ingredients-layout{flex-direction:column}.ingredients .ingredients-layout>.ingredients-copy{order:1}.ingredients .ingredients-layout>.ingredients-image{order:2}.ingredients .ingredients-layout>.ingredients-secondary{display:flex;flex-direction:column;gap:2rem;padding:0 var(--master-spacing-mobile) 0;order:3;margin-top:-2.2rem}.ingredients .ingredients-layout>.ingredients-secondary .image-with-text__media{width:100%}@media screen and (min-width:750px){.ingredients .ingredients-layout{align-items:stretch;column-gap:var(--grid-mobile-col-horizontal-spacing);display:grid;row-gap:2rem}.ingredients .ingredients-layout--small{grid-template-columns:minmax(0,55fr) minmax(0,45fr)}.ingredients .ingredients-layout--medium{grid-template-columns:minmax(0,50fr) minmax(0,50fr)}.ingredients .ingredients-layout--large{grid-template-columns:minmax(0,35fr) minmax(0,65fr)}.ingredients .ingredients-layout>.ingredients-image,.ingredients .ingredients-layout>.ingredients-copy{max-width:none;width:auto}.ingredients .ingredients-layout>.ingredients-image{grid-column:2;grid-row:1;order:initial}.ingredients .ingredients-layout>.image-with-text__text-item.ingredients-copy{grid-column:1;grid-row:1;order:initial}.ingredients .ingredients-layout>.ingredients-secondary{grid-column:1;grid-row:2;order:initial;padding:0;margin-top:0}}@media screen and (min-width:990px){.ingredients .ingredients-layout{column-gap:12%}}@media screen and (min-width:1250px){.ingredients .ingredients-layout{column-gap:20rem}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/component-image-with-text.css.map */