.cocoen{
	box-sizing:border-box;
	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 *{
	box-sizing:inherit
}

.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:44%}.cocoen-drag{background:#76b82a;bottom:0;cursor:ew-resize;left:44%;margin-left:-1px;position:absolute;top:0;width:5px;cursor:default;}.cocoen-drag::before{border:5px solid #76b82a;content:'';height:50px;left:31%;margin-left:-25px;margin-top:-25px;position:absolute;top:50%;width:50px;border-radius: 50%;cursor:pointer;}