.cocoen{box-sizing:border-box;cursor:pointer;line-height:0;margin:0;overflow:hidden;padding:0;position:relative;-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{display:block;width:100%}.cocoen>div:first-child,picture .cocoen>div{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:50%}.cocoen-drag{background:#fff;bottom:0;cursor:ew-resize;left:50%;margin-left:-1px;position:absolute;top:0;width:2px}.cocoen-drag:before{border:3px solid #fff;content:"";height:30px;left:50%;margin-left:-7px;margin-top:-18px;position:absolute;top:50%;width:14px}.cocoen-drag{cursor:pointer}.cocoen-drag:before{width:54px;height:54px;border:0;background-image:url(https://cdn.mreach.com/packs/media/images/resizable-handle-2e7257e9fbb7b69e292a4f1fcbaa480e.png);margin-left:-27px}.cocoen-drag:after{content:"";display:block;width:2px;height:100%;background:#fff;position:absolute;top:0}