.before-after-image--container,.before-after-image--media{display:block;position:relative}.before-after-image--media{overflow:hidden}.before-after-image--media:after{background:rgba(var(--color-overlay-rgb),var(--overlay-opacity));content:"";display:block;pointer-events:none;z-index:1}.before-after-image--image .shoptimity-placeholder,.before-after-image--image img,.before-after-image--media:after{height:100%;left:0;position:absolute;top:0;width:100%}.before-after-image--image .shoptimity-placeholder svg,.before-after-image--image img svg{object-fit:contain}.before-after-image--image img{object-fit:cover}@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 0 var(--percent));height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:3}.before-after-image--2 .before-after-image--content{justify-content:flex-end}.before-after-image--content{display:flex;height:100%;left:0;padding:15px;position:absolute;top:0;width:100%;z-index:2}@media only screen and (min-width:768px){.before-after-image--content{padding:30px}}@media only screen and (min-width:1068px){.before-after-image--content{padding:45px}}.before-after-image--content-center{align-items:center}.before-after-image--content-bottom{align-items:flex-end}.before-after-image--content h4{color:var(--color-body,#151515)}.before-after-image--slider{cursor:pointer;height:54px;left:0;opacity:0;position:absolute;top:50%;transform:translateY(-50%);width:100%;z-index:40}.before-after-image--divider{background:var(--color-line,--bg-body);bottom:0;box-shadow:0 4px 4px rgba(0,0,0,.25);left:calc(var(--percent) - 1px);position:absolute;top:0;width:2px;z-index:10}.before-after-image--divider svg{border-radius:20px;box-shadow:0 1px 6px rgba(0,0,0,.1);cursor:pointer;left:50%;position:absolute;top:50%;transform:translate3d(-50%,-50%,0);z-index:11;z-index:20}.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}}