.b-diff { position: relative;   -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.b-diff img:nth-child(1)    { z-index: 1;}
.b-diff img:nth-child(2)    { z-index: 2;}
.b-diff img                 { position: absolute; top: 0; left: 0; backface-visibility: hidden; -webkit-backface-visibility: hidden;}
.b-diff__control            { position: absolute; z-index: 3; height: 100%; padding: 0 18px;}
.b-diff__control:hover      { cursor: col-resize;}
.b-diff__control:hover .b-diff__arrow_left      { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0);}
.b-diff__control:hover .b-diff__arrow_right     { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0);}
.b-diff__line                                   { height: 100%; width: 4px; background: #f5f5f5;}
.b-diff__arrow              { position: absolute; top: 50%; width: 0; height: 0; -webkit-transition: transform .3s ease; transition: transform .3s ease;}
.b-diff__arrow_left         { left: 0px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right:10px solid #f5f5f5;}
.b-diff__arrow_right        { right: 0px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left:10px solid #f5f5f5;}