.mf-player-container{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;background-color:#000}.mf-player-iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.mf-player-controls{position:absolute;bottom:0;left:0;width:100%;height:40px;background:rgba(0,0,0,.6);display:flex;align-items:center;padding:0 10px;box-sizing:border-box;opacity:0;transition:opacity .3s ease}.mf-player-container:hover .mf-player-controls{opacity:1}.mf-play-pause-button,.mf-mute-button{background:0 0;border:0;color:#fff;font-size:20px;cursor:pointer;margin-right:10px;display:flex;align-items:center;justify-content:center;padding:0;width:24px;height:24px}.mf-play-pause-button::before{content:"▶"}.mf-play-pause-button.playing::before{content:"⏸"}.mf-mute-button{position:relative;width:20px;height:20px}.mf-mute-button::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:8px;background:#fff;border-radius:1px;z-index:1}.mf-mute-button::after{content:"";position:absolute;left:6px;top:50%;transform:translateY(-50%) rotate(45deg);width:8px;height:8px;border:1px solid #fff;border-left:none;border-bottom-right-radius:50%;border-top-right-radius:50%;z-index:0}.mf-mute-button.muted::before{background:#fff}.mf-mute-button.muted::after{border-color:#fff}.mf-mute-button.muted .mf-mute-strike{position:absolute;top:50%;left:50%;width:120%;height:2px;background:red;transform:translate(-50%,-50%) rotate(45deg);z-index:2}.mf-progress-bar-container{flex-grow:1;height:8px;background:rgba(255,255,255,.3);border-radius:4px;position:relative;cursor:pointer;margin-right:10px}.mf-progress-bar{height:100%;width:0%;background:red;border-radius:4px;transition:width .1s linear}.mf-current-time,.mf-duration{color:#fff;font-size:14px;font-family:sans-serif;margin:0 5px}