.before-after-with-content__container,.before-after-with-content__layout,.before-after-with-content__media,.before-after-with-content__intro,.before-after-with-content__results-content{min-inline-size:0}.before-after-with-content__layout{display:grid;grid-template-areas:"intro" "media" "results";row-gap:var(--before-after-content-mobile-gap, 3rem);inline-size:100%;margin-inline:auto}.before-after-with-content__media,.before-after-with-content__intro,.before-after-with-content__results-content{inline-size:100%;max-inline-size:none;justify-self:stretch}.before-after-with-content__intro{grid-area:intro}.before-after-with-content__media{grid-area:media}.before-after-with-content__results-content{grid-area:results}.before-after-with-content__media[data-media-kind=media] .theme-media{inline-size:100%;block-size:var(--before-after-media-height-mobile, auto);aspect-ratio:var(--before-after-media-aspect-ratio-mobile, auto);margin:0;overflow:hidden}.before-after-with-content__media[data-media-kind=media] .theme-media>:is(a,div,deferred-media),.before-after-with-content__media[data-media-kind=media] .theme-media>deferred-media>:is(button,div),.before-after-with-content__media[data-media-kind=media] .theme-media :is(img,video,iframe,svg){display:block;inline-size:100%;block-size:100%}.before-after-with-content__media[data-media-kind=media] .theme-media :is(img,video,iframe,svg){object-fit:cover;object-position:center}.before-after-with-content__media[data-media-kind=media] .theme-media[data-media-fit=contain] :is(img,video,iframe,svg){object-fit:contain}.before-after-with-content__editor-placeholder{margin:0;padding:1rem;border:var(--border-width) dashed currentcolor}@media screen and (max-width:63.999em){.before-after-with-content__intro,.before-after-with-content__results-content{container:stacked-column / inline-size}}@media screen and (min-width:46.875rem)and (max-width:63.999em){.before-after-with-content__intro .g-block-padding,.before-after-with-content__results-content .g-block-padding{padding-block:var(--g-block-padding-mobile-block);padding-inline:var(--g-block-padding-mobile-inline)}}@media screen and (min-width:46.875em){.before-after-with-content__intro,.before-after-with-content__results-content{align-self:stretch}.before-after-with-content__media[data-media-kind=media] .theme-media{block-size:var(--before-after-media-height, auto);aspect-ratio:var(--before-after-media-aspect-ratio, auto)}}@media screen and (min-width:64em){.before-after-with-content__layout{grid-template-areas:"intro media" "results media";grid-template-columns:minmax(0,1fr) minmax(0,var(--before-after-content-media-track, 1.55fr));align-content:center;column-gap:var(--before-after-content-desktop-gap, 8.75rem);row-gap:0;max-inline-size:var(--before-after-content-layout-max-width, none);--dieux-tabs-panel-shrink: hold}.before-after-with-content--media-left .before-after-with-content__layout{grid-template-areas:"media intro" "media results";grid-template-columns:minmax(0,var(--before-after-content-media-track, 1.55fr)) minmax(0,1fr)}.before-after-with-content__intro{align-self:end}.before-after-with-content__media{align-self:center}.before-after-with-content__results-content{align-self:start}.before-after-with-content--layout-start .before-after-with-content__layout{margin-inline:min(var(--before-after-content-layout-offset, 0),max(0px,calc(100% - var(--before-after-content-layout-max-width)))) auto}.before-after-with-content--layout-end .before-after-with-content__layout{margin-inline:auto min(var(--before-after-content-layout-offset, 0),max(0px,calc(100% - var(--before-after-content-layout-max-width))))}.before-after-with-content--media-left :is(.before-after-with-content__intro,.before-after-with-content__results-content){justify-self:start}.before-after-with-content--media-right :is(.before-after-with-content__intro,.before-after-with-content__results-content){justify-self:end}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-before-after-with-content.css.map */