.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 */