.cocoen {box-sizing: border-box;cursor: pointer;line-height: 0;margin: 0;overflow: hidden;padding: 0;position: relative;-webkit-user-select: text;-moz-user-select: text;-ms-user-select: text;user-select: text;}.cocoen * {box-sizing: inherit;}.cocoen ::after, .cocoen ::before {box-sizing: inherit;}.cocoen img, .cocoen picture > img {max-width: none;border:1px solid #ccc;}.cocoen > img, .cocoen > picture > img {display: block;max-width: 100%;}.cocoen > div:first-child, picture .cocoen > div {height: 100%;left: 0;overflow: hidden;position: absolute;top: 0;width:80%;}.cocoen-drag {background: #9e9e9e!important;bottom: 0;cursor: ew-resize;left: 80%;margin-left: -1px;position: absolute;top: 0;width:2px;}.cocoen-drag::before {border-top: 18px solid rgba(249,249,249,0.7);border-bottom: 18px solid rgba(249,249,249,0.7);border-right: 18px solid #9e9e9e!important;content: '';height: 30px;right: 10%;margin-right: 2px;margin-top: -18px;position: absolute;top: 50%;width: 8px;}.cocoen-drag::after {border-top: 18px solid rgba(249,249,249,0.7);border-bottom: 18px solid rgba(249,249,249,0.7);border-left: 18px solid #9e9e9e!important;content: '';height: 30px;left: 10%;margin-left: 2px;margin-top: -18px;position: absolute;top: 50%;width: 8px;}.figure-cocoen figcaption {text-align: center;padding: 2px 5px 8px;background-color:#eee;}