.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 *{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:50%}.cocoen-drag{background:#393939;bottom:0;cursor:ew-resize;left:50%;margin-left:-1px;position:absolute;top:0;width:2px}.cocoen-drag::before{font-size:20px;display: block;padding:10px;color:#FFFFFF;background-color: #393939;content:'\f323  До';font-family:"Font Awesome 5 Pro", "Roboto";white-space:nowrap;left:50%;position:absolute;top:40%;transform: translateX(-100%); line-height:20px;}.cocoen-drag::after{font-size:20px;display: block;padding:10px;color:#FFFFFF;background-color: #d53e07;font-family:"Font Awesome 5 Pro", "Roboto";content:'После \f324';white-space:nowrap;left:50%;position:absolute;top:40%;line-height:20px;}