.cocoen{position:relative;overflow:hidden;line-height:0;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;box-sizing:border-box}.cocoen *,.cocoen *:before,.cocoen *:after{box-sizing:inherit}.cocoen img{max-width:none}.cocoen>img{width:100%;display:block}.cocoen>div:first-child{position:absolute;top:0;left:0;height:100%;width:50%;overflow:hidden}.cocoen__drag{position:absolute;top:0;bottom:0;left:50%;width:2px;cursor:ew-resize;background:#fff;margin-left:-1px}.cocoen__drag:before{content:"";position:absolute;top:50%;left:50%;height:30px;width:14px;border:3px solid #fff;margin-left:-7px;margin-top:-18px}