.before-after {
  position: relative;
  display: inline-block;
  vertical-align: top;
  user-select: none; }
  .before-after .photo img {
    display: block;
    max-width: 100%;
    height: auto; }
  .before-after .photo.before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    transform: translate(-50%); }
    .before-after .photo.before img, .before-after .photo.before .layer {
      transform: translate(50%); }
  .before-after .drag-handler {
    width: 4px;
    background-color: red;
    /*margin: 0 0 0 -2px;*/
    position: absolute;
    left: 50%;
    top: 0;
    height: 100%;
    opacity: 0.25; }
    .before-after .drag-handler .drag-element {
      position: absolute;
      left: -8px;
      top: 50%;
      width: 12px;
      height: 50px;
      margin: -25px 0 0 0;
      /*background-color: rgba(0,0,0,0.4);*/
      background-color:red;
      border: 4px red solid;
      cursor: pointer;
      /*transform: rotate(45deg); */
        border-radius:25px;
        
    }
  .before-after:hover .drag-handler {
    opacity: 1; }

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