.before-after{position:relative}.before-after__grid{display:flex;flex-direction:column-reverse;gap:clamp(var(--space-6),4vw,var(--space-10))}.before-after__media{position:relative}.before-after--boxed .before-after__media{max-width:900px;margin-inline:auto;border:1px solid var(--color-border)}.before-after--hm-small .before-after-compare__frame{height:340px}.before-after--hm-medium .before-after-compare__frame{height:460px}.before-after--hm-large .before-after-compare__frame{height:580px}.before-after--hm-full .before-after-compare__frame{height:calc(100svh - var(--header-group-height, 0px))}@media screen and (min-width:750px){.before-after--h-small .before-after-compare__frame{height:460px}.before-after--h-medium .before-after-compare__frame{height:580px}.before-after--h-large .before-after-compare__frame{height:700px}.before-after--h-full .before-after-compare__frame{height:calc(100svh - var(--header-group-height, 0px))}}.before-after__content-wrap{display:flex}.before-after__content{display:flex;flex-direction:column;gap:var(--space-4);width:100%}.before-after--align-left .before-after__content-wrap{justify-content:flex-start}.before-after--align-center .before-after__content-wrap{justify-content:center}.before-after--align-right .before-after__content-wrap{justify-content:flex-end}.before-after--align-left .before-after__content{align-items:flex-start;text-align:left}.before-after--align-center .before-after__content{align-items:center;text-align:center}.before-after--align-right .before-after__content{align-items:flex-end;text-align:right}.before-after__subheading{opacity:.85}.before-after__heading{font-size:calc(var(--font-size-h2) * var(--font-heading-scale) * var(--heading-size-scale, 1));line-height:1.15}.before-after__text{max-width:60ch}.before-after__buttons{margin-top:var(--space-2)}@media screen and (min-width:750px){.before-after--split .before-after__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-12)}.before-after--split.before-after--valign-top .before-after__grid{align-items:flex-start}.before-after--split.before-after--valign-middle .before-after__grid{align-items:center}.before-after--split.before-after--valign-bottom .before-after__grid{align-items:flex-end}.before-after--split.before-after--content-right .before-after__media{order:2}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-before-after.css.map */