*{padding:0;margin:0;box-sizing:border-box}body{display:flex;height:100dvh}#app{display:flex;width:100%;height:100%}main{display:flex;width:100%;height:100%;align-items:start;justify-content:start;position:relative;overflow:hidden;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}img{width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;background-attachment:fixed}.over{display:flex;position:absolute;z-index:4;width:50%;height:100%;max-width:100%;resize:horizontal;overflow:visible;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}.dragbar{display:flex;right:0;position:absolute;background-color:#000;width:8px;height:100%;z-index:10;border:ridge 1px black;cursor:ew-resize;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}