.iPhone.MainWindow {
    -webkit-user-drag: none
}

.iPhone.MainWindow.fullscreen-visible, .iPhone.MainWindow.fullscreen-visible body {
    background: black;
}

.fullscreen-reserve {
    height: 9001px;
}

.fullscreen-root-hidden {
    display: none
}

.fullscreen-root-visible {
    position: absolute;
    top: -1000px;
    left: 0;
    right: 0;
    bottom: -1000px;
    z-index: 200;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none
}


/*iphone 5 dimensions*/
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    .iPhone.MainWindow {
        max-height: 529px;
        min-height: 529px
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    .iPhone.MainWindow {
        max-height: 321px;
        min-height: 321px
    }
}

/*iphone 6, 6s, 7, & 8 dimensions*/
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    .iPhone.MainWindow {
        max-height: 628px;
        min-height: 628px
    }
}
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    .iPhone.MainWindow {
        max-height: 375px;
        min-height: 375px
    }
}

/*iphone 6+ 6s+, 7+, 8+ dimensions*/
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
    .iPhone.MainWindow {
        max-height: 698px;
        min-height: 698px
    }
}
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
    .iPhone.MainWindow {
        max-height: 414px;
        min-height: 414px
    }
}

/*iphone x dimensions */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
    .iPhone.MainWindow {
        max-height: 773px;
        min-height: 773px
    }
}
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
    .iPhone.MainWindow {
        max-height: 375px;
        min-height: 375px
    }
}

.noScroll {
    overflow: hidden;
}

canvas {
    position: relative;
    z-index: 1
}