.wp-block-klingit-the-product-before-after{--current-position:50%}.wp-block-klingit-the-product-before-after .before-after-placeholder{background-color:#f9f9f9;border:2px dashed #ccc;color:#666;font-size:16px;padding:20px;text-align:center}.wp-block-klingit-the-product-before-after .before-after-container{aspect-ratio:18/7;height:100%;position:relative;width:100%}@media(min-width:599.98px){.wp-block-klingit-the-product-before-after .before-after-container:after{background:50%/contain no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2759%27 height=%2782%27 fill=%27none%27%3E%3Cpath fill=%27%23141111%27 d=%27M58.874 0H0v10.903h58.874zM24.064 58.666V44.98H11.266V34.594h12.798V21.03h10.688v13.564h12.859v10.387H34.752v13.685zM58.874 70.714H0v10.904h58.874z%27/%3E%3C/svg%3E");content:"";display:block;height:6rem;left:4rem;position:absolute;top:4rem;width:4rem}}.wp-block-klingit-the-product-before-after .before-after-container .hand{background-color:var(--wp--preset--color--white);cursor:grab;height:100%;left:var(--current-position);position:absolute;top:0;transform:translateX(-50%);width:.25rem;z-index:2}.wp-block-klingit-the-product-before-after .before-after-container .hand:after{background:50%/contain no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2768%27 height=%2768%27 fill=%27none%27%3E%3Crect width=%2768%27 height=%2768%27 fill=%27%23fff%27 rx=%2734%27/%3E%3Cg clip-path=%27url%28%23a%29%27%3E%3Cg fill=%27%23C5927F%27 clip-path=%27url%28%23b%29%27%3E%3Cpath d=%27m52.5 34-15 9V25zM15.5 34l15-9v18z%27/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id=%27a%27%3E%3Cpath fill=%27%23fff%27 d=%27M15.5 25h37v18h-37z%27/%3E%3C/clipPath%3E%3CclipPath id=%27b%27%3E%3Cpath fill=%27%23fff%27 d=%27M15.5 25h37v18h-37z%27/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");border-radius:999px;content:"";height:3rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:3rem}.wp-block-klingit-the-product-before-after .before-after-container .hand.is-active{cursor:grabbing}@media(max-width:600px){.wp-block-klingit-the-product-before-after .before-after-container{aspect-ratio:1/1}}.wp-block-klingit-the-product-before-after .before-after-container .after-image,.wp-block-klingit-the-product-before-after .before-after-container .before-image{border-radius:2rem;display:block;height:100%;left:0;max-width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;position:absolute;text-align:center;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.wp-block-klingit-the-product-before-after .before-after-container .before-image{-webkit-mask:linear-gradient(to right,#000 var(--current-position),#000 var(--current-position),transparent var(--current-position),transparent 100%);mask:linear-gradient(to right,#000 var(--current-position),#000 var(--current-position),transparent var(--current-position),transparent 100%)}.wp-block-klingit-the-product-before-after .before-after-container .after-image{-webkit-mask:linear-gradient(to right,transparent 0,transparent var(--current-position),#000 var(--current-position),#000 100%);mask:linear-gradient(to right,transparent 0,transparent var(--current-position),#000 var(--current-position),#000 100%)}