.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; height: 100% !important}.cocoen>img,.cocoen>picture>img{display:block;width:100%}.cocoen>div:first-child,picture .cocoen>div{height:100% !important;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{
    content: '';
    height: 50px;
    left: -40px;
    margin-left: -7px;
    margin-top: -18px;
    position: absolute;
    top: 50%;
    width: 100px;
    background: url(../../imgs/arrow.gif);
    z-index: 1;
}
.interactiveFileContainer {
    position: relative;
    margin: auto;
    direction: ltr;
    text-align: center;
    margin-top: 24px;
}