.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,.cocoen picture>img{max-width:none}.cocoen>img,.cocoen>picture>img{width:100%;display:block}.cocoen>div:first-child,.cocoen>picture:first-child>div{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}