.image-viewer-viewport{width:calc(100% - 50px);height:100%;float:left}.image-viewer-image img{max-width:calc(100vw - 50px - 32px * 2)}.image-viewer-slide{position:relative;top:50%;transform:translate(0, -50%)}.image-viewer-controls{width:50px;height:100%;float:left;border-left:1px dotted #999;box-sizing:border-box}.image-viewer-controls__close{width:50px;height:50px;position:relative}.image-viewer-controls__close:before{width:28px;height:28px;margin:auto}