/* main css file */

.copy {
    position: absolute; z-index: 1000; visibility: hidden;
}
.unselectable {
    -webkit-user-select: none;
    -webkit-touch-callout: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#init {
    background-color:#FFFFFF; position: absolute; display: block; z-index:10000; width:100%; height:100%;
}
#outline {
    overflow: hidden; position: relative; cursor: pointer;
}
#dom_overlay_container {
    pointer-events:none; overflow:hidden; position: absolute; left: 0px; top: 0px; display: block;
}
    #dom_overlay_container div, #outline #border {
        position: absolute; border: 1px solid #B5B5B5; box-sizing: border-box; background-color:transparent; top: 0; left: 0; width: 100%; bottom: 0; z-index: 1001;
    }
#vid {
    position: absolute;  z-index:-1;
}
#animation_container {
    position: absolute; display: block; background-color:transparent; cursor:pointer; top: 0; left: 0;
}
    #animation_container canvas {
        position: absolute; display: block; background-color:transparent; cursor:pointer;
    }
#rHit {
    top:5px; width:12px; height:22px; display:block; position:absolute; cursor:pointer; z-index: 1002; line-height: 0;
}
.alpha { opacity: 50% }
.solid { opacity: 100% !important;}
.fa,
.fas {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}
.IIV::-webkit-media-controls-play-button,
.IIV::-webkit-media-controls-start-playback-button {
    opacity: 0;
    pointer-events: none;
    width: 5px;
}