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