html,body{padding:0;margin:0}html,body,.wrap{width:100%;height:100%}body{padding:0;margin:0;line-height:1}video{width:100%;height:100%;display:block;padding:0;margin:0}button{background:0 0;border:none;padding:0;margin:0;cursor:pointer}button:focus,div:focus{outline:none}.wrap{position:relative;overflow:hidden}video{-o-object-fit:cover;object-fit:cover;position:absolute}.play-pause{position:absolute;width:50px;height:50px;top:50%;left:50%;margin:-25px 0 0 -25px;display:block;visibility:hidden;opacity:0;-webkit-transition:opacity .3s,visibility .3s;transition:opacity .3s,visibility .3s;border-radius:50%}.play-pause svg{width:100%;height:100%;display:block;fill:#fff;-webkit-transition:fill .3s;transition:fill .3s}.play-pause.paused{-webkit-transition:opacity .3s;transition:opacity .3s;visibility:visible;opacity:1}.play-pause:hover svg{fill:#f0f0f0}@-webkit-keyframes circle_pulse{0%{-webkit-transform:scale(.5);transform:scale(.5)}50%{-webkit-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(.5);transform:scale(.5)}}.buffering-indicator{visibility:hidden;opacity:0;-webkit-transform-origin:center;transform-origin:center;-webkit-animation:circle_pulse 1s infinite;animation:circle_pulse 1s infinite;width:20px;height:20px;background:#fff;border-radius:50%;top:50%;left:50%;margin:-10px 0 0 -10px;position:absolute;z-index:1}.wrap.buffering .play-pause{visibility:hidden;opacity:0}.wrap.buffering .buffering-indicator{-webkit-transition:opacity .3s;transition:opacity .3s;visibility:visible;opacity:1}.mute{position:absolute;bottom:10px;right:10px;font-size:9px;text-align:left;opacity:0;-webkit-transition:opacity .5s;transition:opacity .5s;width:28px;height:20px}.mute svg{width:100%;height:100%;fill:#fff}.mute .on{display:block}.mute .off{display:none}.mute.muted .on{display:none}.mute.muted .off{display:block}.wrap:hover .mute{opacity:1}.has-poster{-webkit-transition:opacity .3s;transition:opacity .3s;opacity:0}.has-poster.loaded{opacity:1}