.cocoen{-webkit-box-sizing:border-box;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{-webkit-box-sizing:inherit;box-sizing:inherit}
.cocoen img,.cocoen picture>img{max-width:none}
.cocoen>img,.cocoen>picture>img{display:block;width:100%}
.cocoen>div:first-child{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:50%}
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{text-align:center;background-color:#2fcfc9;color:#fff;font-size:20px;content:""!important;background-image:url('/assets/template/icon/horizontal-resize-option.svg');
background-repeat: no-repeat;background-size: 20px 20px;background-position: center;height:40px;border-radius:50%;left:50%;margin-left:-webkit-calc(40px / -2);margin-left:calc(40px / -2);margin-top:-webkit-calc(40px / -2);margin-top:calc(40px / -2);position:absolute;top:50%;line-height:40px;width:40px}