.before-after-image{display:flex;justify-content:center;align-items:center;background-color:transparent}.before-after-image .container{position:relative;display:flex;width:clamp(20rem,75vw,50rem);max-height:95vh;aspect-ratio:3 / 2;overflow:hidden}.before-after-image .img-wrapper{position:absolute;width:100%;height:100%;overflow:hidden;border-radius:12px}.before-after-image .img-wrapper:nth-child(2){clip-path:inset(0px 0px 0px 50%)}.before-after-image .img-wrapper img{width:100%;height:100%;object-fit:cover}.before-after-image .line{position:absolute;left:50%;transform:translate(-50%);width:.2rem;height:100%;background-color:#fafafa}.before-after-image input{appearance:none;-webkit-appearance:none;background-color:transparent;position:absolute;width:calc(100% + 2.25rem);height:100%;left:-1.125rem}.before-after-image input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;height:2.25rem;width:2.25rem;border-radius:50%;box-shadow:0 0 8px 2px #0000001a;background-color:#fff;background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 height%3D%2224px%22 viewBox%3D%220 -960 960 960%22 width%3D%2224px%22 fill%3D%22%23000%22%3E%3Cpath d%3D%22M286.15-293.85 100-479.62l185.77-185.76 42.15 41.76-113 113.62h530.16l-113-113.62 42.15-41.76L860-479.62 674.23-293.85l-42.54-41.77 113.39-114H214.54l113.38 114-41.77 41.77Z%22/%3E%3C/svg%3E");background-size:cover;cursor:grab}.before-after-image input::-moz-range-thumb{height:2.25rem;width:2.25rem;border-radius:50%;box-shadow:0 0 8px 2px #0000001a;background-color:#fff;background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 height%3D%2224px%22 viewBox%3D%220 -960 960 960%22 width%3D%2224px%22 fill%3D%22%23000%22%3E%3Cpath d%3D%22M286.15-293.85 100-479.62l185.77-185.76 42.15 41.76-113 113.62h530.16l-113-113.62 42.15-41.76L860-479.62 674.23-293.85l-42.54-41.77 113.39-114H214.54l113.38 114-41.77 41.77Z%22/%3E%3C/svg%3E");background-size:cover;cursor:grab}.before-after-image input:active::-webkit-slider-thumb{cursor:grabbing}.before-after-image input:active::-moz-slider-thumb{cursor:grabbing}.before-after-image .slider{border:none!important}
/*# sourceMappingURL=/cdn/shop/t/70/assets/before-and-after.css.map */