.before-after {position: relative; vertical-align: top; user-select: none;}
.before-after .photo img {display: block; height: auto;}
.before-after .photo.before {position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; transform: translate(-0%);}
.before-after .photo.before img, .before-after .photo.before .layer { transform: translate(100%); }
.before-after .drag-handler { width: 2px; background-color: #1428a0; margin: 0 0 0 -4px; position: absolute; left: 6%; top: 0; height: 100%; }
.before-after .drag-handler .drag-element { position: absolute; left: -16px; top: 50%; width: 32px; height: 32px; margin: -15px 0 0 0; background: url("/resources/product/_common/drag_icon.png") center center no-repeat #fff; border: 4px #1428a0 solid; border-radius: 50%; cursor: pointer; }

/*# sourceMappingURL=before-after.css.map */