#mobile-control,#resume-modal{display:none;text-align:center}#overlay,#resume-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999}body,html{margin:0;padding:0;height:100%;overflow:hidden;background:#000;font-family:Arial,Helvetica,sans-serif}#player{width:100%;height:100%}.forward-icon{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTI4IiBoZWlnaHQ9IjEyOCI+PGRlZnM+PHBhdGggaWQ9ImEiIGQ9Ik00OS4yNjYgOS45MTVhNS4zNDcgNS4zNDcgMCAwIDEgNy41MS0uNjg2bDE1Ljk2OSAxMy4yMzdhNS4zMDIgNS4zMDIgMCAwIDEgLjAxIDguMTYybC0xNiAxMy4zMzJhNS4zNDcgNS4zNDcgMCAwIDEtNy41MTMtLjY2NyA1LjMgNS4zIDAgMCAxIC42Ny03LjQ4NWw0LjQ0NC0zLjcwNEMzNi45MjQgMzYuNDE5IDI0IDUyLjE2NyAyNCA3MC45MzRjMCAyMi4wOSAxNy45MDkgNDAgNDAgNDBzNDAtMTcuOTEgNDAtNDBjMC04Ljc0LTIuODAzLTE3LjA0LTcuOTE1LTIzLjg5MmE1LjMzMyA1LjMzMyAwIDEgMSA4LjU1LTYuMzc4YzYuNDc1IDguNjggMTAuMDMyIDE5LjIxMiAxMC4wMzIgMzAuMjcgMCAyNy45ODItMjIuNjg1IDUwLjY2Ni01MC42NjcgNTAuNjY2LTI3Ljk4MiAwLTUwLjY2Ny0yMi42ODQtNTAuNjY3LTUwLjY2NyAwLTI0LjczMSAxNy43Mi00NS4zMjQgNDEuMTU3LTQ5Ljc3NWwtNC41MzYtMy43NTlhNS4zIDUuMyAwIDAgMS0uNjg4LTcuNDg0ek01MS41IDUyLjYyOGMyLjE3OCAwIDQuMDE5IDEuNzM5IDQuMDE5IDMuNzk1djI5LjYwOGMwIDIuMDU2LTEuODQxIDMuNzk1LTQuMDIgMy43OTUtMi4xNzcgMC00LjAxOS0xLjczOS00LjAxOS0zLjc5NVY2My4xMzRsLTEuNzQ2IDEuMTEyYy0uNjIzLjQ2LTEuNDE4LjcxMy0yLjMwNS43MTMtMi4xNTUgMC0zLjkxLTEuNjU4LTMuOTEtMy42OTNhMy42NCAzLjY0IDAgMCAxIDEuNzI4LTMuMDk1bDcuODUyLTQuNzgzYy42ODctLjQxNiAxLjM0MS0uNzYgMi40LS43NnptMjIuNzA4IDBjOC45NTUgMCAxMy4zMTEgNi4wNzcgMTMuMzExIDE4LjU3NCAwIDEyLjUzLTQuMzU2IDE4LjYyNC0xMy4zMTEgMTguNjI0LTkuMTEyIDAtMTMuMzU2LTUuOTE3LTEzLjM1Ni0xOC42MjQgMC0xMi42NyA0LjI0NC0xOC41NzQgMTMuMzU2LTE4LjU3NHptLjEyOCA2Ljc1OGgtLjEyOGMtMy4xMTMgMC02LjI5NCAxLjQwMS02LjI5NCAxMS44MTYgMCAxMC4zODUgMy4wMjUgMTEuODE2IDYuMjk0IDExLjgxNiAzLjI0NSAwIDYuMjQ2LTEuNDMxIDYuMjQ2LTExLjgxNiAwLTEwLjI0OC0yLjkyMy0xMS43NzgtNi4xMTgtMTEuODE2em0tMS4wNzEtNDkuNDdhNS4zNDcgNS4zNDcgMCAwIDEgNy41MS0uNjg3bDE1Ljk2OSAxMy4yMzdhNS4zMDIgNS4zMDIgMCAwIDEgLjAxIDguMTYybC0xNiAxMy4zMzJhNS4zNDcgNS4zNDcgMCAwIDEtNy41MTMtLjY2NyA1LjMgNS4zIDAgMCAxIC42Ny03LjQ4NWwxMS4wOTUtOS4yNDYtMTEuMDUzLTkuMTYzYTUuMyA1LjMgMCAwIDEtLjY4OC03LjQ4NHoiLz48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMCAwaDEyOHYxMjhIMHoiLz48bWFzayBpZD0iYiIgZmlsbD0iI2ZmZiI+PHVzZSB4bGluazpocmVmPSIjYSIvPjwvbWFzaz48dXNlIGZpbGw9IiNGRkYiIHhsaW5rOmhyZWY9IiNhIi8+PGcgZmlsbD0iI2ZmZiIgbWFzaz0idXJsKCNiKSI+PHBhdGggZD0iTTAgMGgxMjh2MTI4SDB6Ii8+PC9nPjwvZz48L3N2Zz4=) center center no-repeat}.backward-icon{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTI5IiBoZWlnaHQ9IjEyOCI+PGRlZnM+PHBhdGggaWQ9ImEiIGQ9Ik03MS4yMTYgOS4yMzVhNS4zNDcgNS4zNDcgMCAwIDEgNy41MTIuNjczIDUuMyA1LjMgMCAwIDEtLjY3NSA3LjQ4NWwtNC40MjQgMy42OGMyMy4zNzggNC40OTkgNDEuMDM4IDI1LjA2NCA0MS4wMzggNDkuNzU0IDAgMjcuOTgyLTIyLjY4NSA1MC42NjYtNTAuNjY3IDUwLjY2Ni0yNy45ODIgMC01MC42NjctMjIuNjg0LTUwLjY2Ny01MC42NjYgMC0xMS4xMjQgMy42LTIxLjcxNyAxMC4xNDktMzAuNDI1YTUuMzMzIDUuMzMzIDAgMSAxIDguNTI1IDYuNDFDMjYuODM3IDUzLjY4OSAyNCA2Mi4wMzYgMjQgNzAuODI4YzAgMjIuMDkxIDE3LjkwOSA0MCA0MCA0MHM0MC0xNy45MDkgNDAtNDBjMC0xOC44NC0xMy4wMjQtMzQuNjM3LTMwLjU2LTM4Ljg4bDQuNjQxIDMuODU1YTUuMyA1LjMgMCAwIDEgLjY4MyA3LjQ4NCA1LjM0NyA1LjM0NyAwIDAgMS03LjUxMi42OGwtMTYtMTMuMjg1YTUuMzAyIDUuMzAyIDAgMCAxLS4wMDQtOC4xNnpNNTEuNTAxIDUyLjYyOGMyLjE3OCAwIDQuMDE5IDEuNzM5IDQuMDE5IDMuNzk1djI5LjYwOGMwIDIuMDU2LTEuODQxIDMuNzk1LTQuMDIgMy43OTUtMi4xNzcgMC00LjAxOS0xLjczOS00LjAxOS0zLjc5NVY2My4xMzRsLTEuNzQ2IDEuMTEyYy0uNjIzLjQ2LTEuNDE4LjcxMy0yLjMwNS43MTMtMi4xNTUgMC0zLjkxLTEuNjU4LTMuOTEtMy42OTNhMy42NCAzLjY0IDAgMCAxIDEuNzI4LTMuMDk1bDcuODUyLTQuNzgzYy42ODctLjQxNiAxLjM0MS0uNzYgMi40LS43NnptMjIuNzA4IDBjOC45NTUgMCAxMy4zMTEgNi4wNzcgMTMuMzExIDE4LjU3NCAwIDEyLjUzLTQuMzU2IDE4LjYyNC0xMy4zMTEgMTguNjI0LTkuMTEyIDAtMTMuMzU2LTUuOTE3LTEzLjM1Ni0xOC42MjQgMC0xMi42NyA0LjI0NC0xOC41NzQgMTMuMzU2LTE4LjU3NHptLjEyOCA2Ljc1OGgtLjEyOGMtMy4xMTMgMC02LjI5NCAxLjQwMS02LjI5NCAxMS44MTYgMCAxMC4zODUgMy4wMjUgMTEuODE2IDYuMjk0IDExLjgxNiAzLjI0NSAwIDYuMjQ2LTEuNDMxIDYuMjQ2LTExLjgxNiAwLTEwLjI0OC0yLjkyMy0xMS43NzgtNi4xMTgtMTEuODE2em0tMjcuMTItNTAuMTVhNS4zNDcgNS4zNDcgMCAwIDEgNy41MTEuNjcyIDUuMyA1LjMgMCAwIDEtLjY3NSA3LjQ4NWwtMTEuMDYgOS4yMDIgMTEuMDg4IDkuMjA3YTUuMyA1LjMgMCAwIDEgLjY4MyA3LjQ4NCA1LjM0NyA1LjM0NyAwIDAgMS03LjUxMi42OGwtMTYtMTMuMjg1YTUuMzAyIDUuMzAyIDAgMCAxLS4wMDQtOC4xNnoiLz48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMCAwaDEyOHYxMjhIMHoiLz48bWFzayBpZD0iYiIgZmlsbD0iI2ZmZiI+PHVzZSB4bGluazpocmVmPSIjYSIvPjwvbWFzaz48dXNlIGZpbGw9IiNGRkYiIHhsaW5rOmhyZWY9IiNhIi8+PGcgZmlsbD0iI2ZmZiIgbWFzaz0idXJsKCNiKSI+PHBhdGggZD0iTTAgMGgxMjh2MTI4SDB6Ii8+PC9nPjwvZz48L3N2Zz4=) center center no-repeat}.seek-backward,.seek-forward{background-size:24px;width:24px;margin:0 6px;height:100%;border:none;float:left;opacity:.6;cursor:pointer}.seek-backward:hover,.seek-forward:hover{opacity:1}#mobile-control{position:fixed;top:50%;left:0;width:100%;height:8%;transform:translateY(-50%);z-index:10}#mobile-control .btn-wrapper{display:inline-block;height:100%;width:100%}#mobile-control button{border:none;cursor:pointer;height:150%;width:30%;background-size:contain;opacity:.8;outline:0;-moz-outline-style:none;filter:drop-shadow(0 2px 2px rgba(0, 0, 0, .2))}#play-btn{background:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PCFET0NUWVBFIHN2ZyAgUFVCTElDICctLy9XM0MvL0RURCBTVkcgMS4xLy9FTicgICdodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQnPjxzdmcgaGVpZ2h0PSIzMnB4IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyNCAzMjsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDI0IDMyIiB3aWR0aD0iMjRweCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGcgaWQ9IkxheWVyXzEiLz48ZyBpZD0icGxheSI+PHBvbHlnb24gcG9pbnRzPSIwLDAgMjQsMTYgMCwzMiAgIiBzdHlsZT0iZmlsbDojRkZGRkZGOyIvPjwvZz48L3N2Zz4=") center center no-repeat}.player-poster{background-size:contain!important;background-repeat:no-repeat!important;background-position:center center!important}.modal-content{width:300px;background-color:#2c2c2c;padding:20px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:5px;color:#fff;border:1px solid #555}.modal-content button{border:none;transition:transform .2s,background-color .2s;cursor:pointer;border-radius:5px;color:#fff;padding:10px 20px}#resume-text{margin:0 0 1rem;padding:0}#resume-yes{background-color:#4caf50;color:#fff}#resume-no{background-color:#888;color:#fff;margin-right:1rem}#loading-spinner{position:absolute;top:50%;left:50%;width:50px;height:50px;margin-top:-25px;margin-left:-25px;z-index:15;border:6px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;-webkit-animation:1s linear infinite spin;animation:1s linear infinite spin}#overlay{cursor:pointer;text-decoration:none}@-webkit-keyframes spin{to{-webkit-transform:rotate(360deg)}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-height:450px){#mobile-control{height:60px}#mobile-control button{height:48px;background-size:32px}}