.CanvasLiveButtons {
    position: fixed;
}

.PlayCaptions {
 
    left: 0;
    right: 0;
    margin: auto;
 
}

/*canvas {
    image-rendering: pixelated;*/
    /*filter: saturate(125%) brightness(400%) contrast(75%);*/
/*}*/

canvas {
    image-rendering: optimizeQuality;
    /*  image-rendering: optimizeSpeed;*/
    image-rendering: -moz-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: optimize-contrast;
    image-rendering: pixelated;
    -ms-interpolation-mode: nearest-neighbor;
    border: 5px solid #ddd;
}

/*image-rendering: auto;
image-rendering: smooth;
image-rendering: crisp-edges;
image-rendering: pixelated;*/


.canvasFilter {
    /*filter: saturate(125%) brightness(400%) contrast(75%);*/
}

    .SVGMedia {
       
    width: 42px;
    padding: 3px;
    cursor: pointer;
}
.canvasRender {
    position: fixed;
    top: 0;
    bottom: 0;
    /*background: black;*/
    /*   position: fixed;*/
    /*      position: relative;*/
    /* top: 104px !important;*/
    /*  bottom: 81px;*/
    left: 0;
    right: 0;
    margin: auto;
    border: solid 2px black;
    margin-top: auto;
    margin-bottom: auto;
    touch-action: none;
    max-width: 1024px;
    max-height: 576px;
    z-index: 9;
    /*   width: 100%;*/
}

.canvasCaptions {
    position: fixed;
    top: 223px !important;
    bottom: 81px;
    left: 0;
    right: 0;
    margin: auto;
    /*  border: solid 2px black;*/
    margin-top: auto;
    margin-bottom: auto;
    touch-action: none;
    max-width: 1024px;
    z-index: 99;
}

@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {
    .safari-only {
        /*background-color: red;*/
    }
}