.before-after-image--container{isolation:isolate;border-radius:var(--block-border-radius, 16px)}.before-after-image{display:flex;gap:30px;flex-direction:column}@media only screen and (min-width: 1068px){.before-after-image{gap:60px}}@media only screen and (min-width: 1068px){.before-after-image.image-position--image_first{flex-direction:row-reverse;align-items:center}}@media only screen and (min-width: 1068px){.before-after-image.image-position--text_first{flex-direction:row;align-items:center}}.before-after-image--text{width:100%}.before-after-image--text>*:last-child,.before-after-image--text .rte>*:last-child{margin-bottom:0}.before-after-image--container{width:100%;display:block;position:relative;overflow:hidden}.before-after-image--media{display:block;position:relative;overflow:hidden}.before-after-image--media:after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;background:rgba(var(--color-overlay-rgb),var(--overlay-opacity))}.before-after-image--image .thb-placeholder,.before-after-image--image img{position:absolute;top:0;left:0;width:100%;height:100%}.before-after-image--image img{object-fit:cover}.before-after-image--image .thb-placeholder svg,.before-after-image--image img svg{object-fit:contain}@media only screen and (max-width: 767px){.before-after-image--image.mobile-height-image{aspect-ratio:var(--image-aspect);min-height:unset}}@media only screen and (min-width: 768px){.before-after-image--image.desktop-height-image{aspect-ratio:var(--image-aspect);min-height:unset}}.before-after-image--2{clip-path:inset(0 0 calc(100% - (var(--percent, 50) * 1%)) 0)!important;position:absolute;z-index:3;top:0;left:0;width:100%;height:100%;overflow:hidden}.before-after-image--2 .before-after-image--content{justify-content:flex-end}.before-after-image--content{position:absolute;z-index:2;top:0;left:0;width:100%;height:100%;display:flex;padding:20px;align-items:flex-start}.before-after-image--content-center{align-items:center}.before-after-image--content-bottom{align-items:flex-end}.before-after-image--label{background:var(--color-bg);color:var(--color-body);border-radius:calc(var(--block-border-radius, 16px) / 2);padding:8px 14px;font-size:.9375rem;line-height:1}.before-after-image--label-medium{font-size:1.0625rem}.before-after-image--label-large{font-size:1.25rem}.before-after-image--slider{position:absolute;left:50%;height:100%;top:0;z-index:40;transform:translate(-50%);opacity:0;width:54px;cursor:pointer}.before-after-image--divider{position:absolute;left:0;width:100%;height:2px;top:calc(var(--percent, 50) * 1%);z-index:10;background:var(--color-line, --bg-body);box-shadow:0 4px 4px #00000040}.before-after-image--divider{display:none!important}.before-after-image--divider svg{display:none}.before-after-image--mobile{display:block}@media only screen and (min-width: 768px){.before-after-image--mobile{display:none}}.before-after-image--desktop{display:none}@media only screen and (min-width: 768px){.before-after-image--desktop{display:block}}.inline-badge{display:none!important}.before-after-image--text,.before-after-image--text>*:empty{display:none!important}.section-before-after.section-spacing{padding-top:0!important;padding-bottom:0!important}
/*# sourceMappingURL=/cdn/shop/t/19/assets/before-after-image.css.map */