.olg_feature_wrapper {
    height: 100%;
}

.ology_video_gallery_wrapper {
    padding: 0 !important;
}

.ology_zone > .inner {
    position: relative;
}

.welcome-skip,
.correct-skip {
    position: absolute;
    top: 0;
    right: 0;
    width: 200px;
    height: 150px;
    z-index: 30;
}

.plyr__controls,
.plyr__control {
    display: none !important;
}

/* we control the video with the "poster" and "skip" so disable plyr in css */
.ology_video_gallery_block * {
    pointer-events: none !important;
}

.navigation,
.learnmore,
.wrong,
.inactive,
.video-poster {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
}

.learnmore {
    z-index: 6;
}

.navigation,
.zn-notebook .interactive_marker {
    z-index: 5;
}

.marker_overlay {
    z-index: 4;
}

.interactive_marker {
    z-index: 3;
}

.inactive {
    z-index: 2;
}

.navigation,
.video-poster *,
.marker_overlay *,
.interactive_marker *,
.learnmore *,
.wrong * {
    pointer-events: none;
}

.navigation .interactive_marker {
    pointer-events: auto;
}