src/renderer/parts/mainView/pictureView/doublePage/doublePage.scss
.doublePageWrapper {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;

    .scaleContainer {
        height: 100%;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        transform-origin: 0 0;

        .imgContainer {
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .isHidden {
            display: none;
        }
    }

    .mainContainer {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;

        img {
            max-width: 100%;
            max-height: 100%;
        }

        video {
            max-height: 100%;
            max-width: 100%;
        }
    }

    .leftContainer,
    .rightContainer {
        width: 50%;
        height: 100%;
        display: flex;
        align-items: center;

        img,
        video {
            max-height: 100%;
            max-width: 100%;
        }
    }

    .leftContainer {
        justify-content: flex-end;
    }

    .rightContainer {
        justify-content: flex-start;
    }
}

.doublePageWrapper.dragging {
    cursor: grabbing;
}
