.section-image-with-text .image-with-text{padding-top:5rem;padding-bottom:0}.section-image-with-text .image-with-text.space-below{padding-bottom:5rem}@media screen and (min-width: 750px){.section-image-with-text .image-with-text{padding-top:10rem;padding-bottom:0}.section-image-with-text .image-with-text.space-below{padding-bottom:10rem}}.section-image-with-text-group .image-with-text:not(:first-of-type){padding-top:0}.section-image-with-text-group .page-width{padding-top:5rem;padding-bottom:5rem}@media screen and (min-width: 750px){.section-image-with-text-group .page-width{padding-top:calc(5rem + var(--page-width-margin));padding-bottom:calc(5rem + var(--page-width-margin))}}.section-image-with-text-group .image-with-text{padding:0}.image-with-text .grid{margin-left:30px;margin-bottom:0}@media screen and (max-width: 749px){.image-with-text__grid--reverse-mobile{flex-direction:column-reverse}}@media screen and (min-width: 750px){.image-with-text__grid--reverse{flex-direction:row-reverse}.narrow .image-with-text__content{max-width:60rem;margin:0 auto}}.image-with-text__media{background-color:transparent}.image-with-text__media.image-accent{position:relative;overflow:visible}.image-with-text__media.image-accent img{padding:.6rem 0 .6rem .6rem}.image-with-text__grid--reverse .image-with-text__media.image-accent img{padding:.6rem .6rem .6rem 0}.image-with-text__media.image-accent:before{content:"";position:absolute;left:0;right:30%;bottom:0;top:0;background-color:rgb(var(--color-accent))}.image-with-text__grid--reverse .image-with-text__media.image-accent:before{left:35%;right:0}@media screen and (min-width: 750px){.image-with-text__media-item .image-with-text__media{display:block;position:sticky;top:12rem}.image-with-text__media.image-accent img{padding:1.5rem 0 1.5rem 1.5rem}.image-with-text__grid--reverse .image-with-text__media.image-accent img{padding:1.5rem 1.5rem 1.5rem 0}.image-with-text__media.image-accent:before{left:0;right:30%;bottom:0;top:0}.image-with-text__grid--reverse .image-with-text__media.image-accent:before{left:30%;right:0}}.image-with-text__media--small{height:19.4rem}.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--large{height:69.5rem}}.image-with-text__media--placeholder{background-color:rgba(var(--color-foreground),.04);position:relative;overflow:hidden}.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%;max-width:80rem;top:50%;transform:translate(-50%,-50%);width:100%;fill:currentColor}.image-with-text__content{display:flex;flex-direction:column;align-items:flex-start;height:100%;justify-content:center;align-self:center;padding:4rem 0 0}.image-with-text:not(:last-of-type) .image-with-text__content{padding-bottom:4rem}.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{transform:translateY(-3rem);width:90%;margin:0 auto}@media screen and (min-width: 750px){.image-with-text-grid-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12rem}.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);transform:translate(-4rem)}.image-with-text--overlap .image-with-text__grid--reverse .image-with-text__content{transform:translate(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}.grid--3-col-tablet .image-with-text__text-item.grid__item{width:42%}}@media screen and (min-width: 750px){.image-with-text-rows-layout .image-with-text__grid--reverse .image-with-text__content{padding:6rem 7rem 7rem 0}.image-with-text-rows-layout .image-with-text__grid:not(.image-with-text__grid--reverse) .image-with-text__content{padding:6rem 0 7rem 7rem}.image-with-text-grid-layout .image-with-text__content{padding:6rem 7rem 0}}.image-with-text__content>*+*{margin-top:1rem}.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__text--caption{margin-bottom:1rem}.image-with-text__content .button+.image-with-text__text{margin-top:2rem}.image-with-text__content .image-with-text__text+.button,.image-with-text__content .image-with-text__text+form{margin-top:3rem}.image-with-text__heading{margin-bottom:2rem}.image-with-text__heading{font-size:38px}.image-with-text__heading.h2{margin-bottom:.5rem}@media screen and (max-width: 749px){.image-with-text__content--mobile-left .image-with-text__heading:before{margin-left:0;margin-right:auto}.image-with-text__content--mobile-right .image-with-text__heading:before{margin-right:0;margin-left:auto}}@media screen and (min-width: 750px){.image-with-text__content--desktop-left .image-with-text__heading:before{margin-left:.5rem;margin-right:auto}.image-with-text__content--desktop-right .image-with-text__heading:before{margin-right:.5rem;margin-left:auto}}.image-with-text__text p{margin-top:0;margin-bottom:1rem}.image-with-text__media .deferred-media__poster{position:absolute}.image-with-text__media iframe{width:100%;height:100%;position:absolute;background-color:rgba(var(--color-foreground),.03);border:0}ul.image-with-text__text{margin-top:2rem;padding-left:2rem}ul.image-with-text__text{padding-left:4rem}ul.image-with-text__text li{position:relative;margin-bottom:3rem;padding-left:1rem}ul.image-with-text__text li.subtitle{font-size:clamp(1.6rem,1.5vw,2rem)}ul.image-with-text__text li .list-accent{width:3rem;height:3rem;position:absolute;left:-4rem}@media screen and (min-width: 750px){ul.image-with-text__text{padding-left:3rem}ul.image-with-text__text.accent-points{padding-left:6rem}ul.image-with-text__text li .list-accent{width:4rem;height:4rem;left:-6rem}}.image-with-text__content .giveaway-form .field{flex-wrap:wrap}.image-with-text__content .giveaway-form .field__input{box-shadow:none;background-color:rgba(var(--color-foreground),.42)}@media screen and (min-width: 1500px){.half-width{width:48%}}@media screen and (min-width: 750px){.split-content{flex-wrap:wrap;flex-direction:row;justify-content:flex-start;gap:1em}.image-with-text__content .giveaway-form{width:48%;margin-left:2%}.image-with-text__content .giveaway-form .field__label,.image-with-text__content .giveaway-form .field__button,.image-with-text__content .giveaway-form .field__input{font-size:1.5rem}}.image-with-text__content .giveaway-form .field__button{text-transform:uppercase;color:rgba(var(--color-foreground));background-color:rgb(var(--color-background));padding:1.5em;width:auto}@media screen and (max-width: 749px){.image-with-text__content .giveaway-form .field{justify-content:center}}.image-with-text__media-item.align-end{align-self:flex-end}.image-with-text.banner__text.quote:before{margin-left:-1em}@media screen and (min-width: 750px){.banner__text.quote.image-with-text{padding:0}}@media screen and (max-width: 749px){.image-with-text.banner__text.quote{padding-bottom:5rem}.image-with-text.banner__text.quote:before{margin-left:0}.image-with-text.banner__text.quote:before{margin-bottom:0;margin-left:0}}.image-with-text.banner__text{color:rgb(var(--color-foreground))}.image-with-text .banner__content .banner__text.quote{padding:0}.banner__text.quote,.banner__text.quote .quote-text{font-style:italic;font-weight:700}.banner__text.quote .quote-text{font-size:1.8rem}.banner__text.quote:not(.no-accent) .author:before{content:"";display:block;width:7.7rem;height:1rem;background-color:rgb(var(--color-accent));border-radius:1rem;margin-left:auto;margin-right:auto;margin-bottom:1em}.banner__text.quote:before{content:"\201c";display:block;color:rgb(var(--color-foreground));border-radius:1rem;margin-left:auto;margin-right:auto;font-size:5rem;line-height:0}@media screen and (max-width: 749px){[class*=-mobile-left] .banner__text.quote:before,[class*=-mobile-left] .banner__text.quote .quote-text:before,[class*=-mobile-left] .banner__text.quote:after,[class*=-mobile-left] .banner__text.quote .author:before{margin-left:0}[class*=-mobile-right] .banner__text.quote:before,[class*=-mobile-right] .banner__text.quote .quote-text:before,[class*=-mobile-right] .banner__text.quote:after,[class*=-mobile-right] .banner__text.quote .author:before{margin-right:0}}@media screen and (min-width: 750px){[class*=-desktop-left] .banner__text.quote:before,[class*=-desktop-left] .banner__text.quote .quote-text:before,[class*=-desktop-left] .banner__text.quote:after,[class*=-desktop-left] .banner__text.quote .author:before{margin-left:0}[class*=-desktop-right] .banner__text.quote:before,[class*=-desktop-right] .banner__text.quote .quote-text:before,[class*=-desktop-right] .banner__text.quote:after,[class*=-desktop-right] .banner__text.quote .author:before{margin-right:0}}@media screen and (min-width: 750px){.section-image-with-text .image-with-text.reduce-height{padding-top:5rem}}.banner__text.quote.pinklemon .quote-text,.image-with-text.quote.pinklemon{font-family:PinkLemon,sans-serif;font-weight:400}
/*# sourceMappingURL=/cdn/shop/t/181/assets/component-image-with-text.css.map */
