.media-player{background-color:rgba(0,0,0,0.54);height:100%;min-height:10em;min-width:16em;overflow:hidden;position:relative;width:100%}video{height:100%;left:50%;position:absolute;top:50%;-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%}.status-buttons{display:-ms-flexbox;display:flex;left:50%;position:absolute;top:50%;-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.status-buttons .status{background-color:#fff;border-radius:100%;box-shadow:0 0.1em 0.2em 0.1em rgba(0,0,0,0.2);cursor:pointer;font-size:3.5em;height:1.25em;padding-left:.15em;width:1.25em}.status-buttons .status:hover{background-color:#2196f3}.status-buttons .status:active{box-shadow:0 0.1em 0.2em 0.1em rgba(0,0,0,0.54)}.video-controls{background-color:rgba(0,0,0,0.87);bottom:0;color:#fff;display:-ms-flexbox;display:flex;height:2em;left:0;padding:.25em .5em;position:absolute;right:0}.video-controls .time{-ms-flex-positive:1;flex-grow:1}.video-controls .time.end{text-align:right}.video-controls .progress-bar{background-color:#fff;height:.2em;left:0;position:absolute;right:0;top:0}.video-controls .progress-bar .progress{bottom:0;left:0;position:absolute;top:0}