.mb-video-container{width:100%;overflow:hidden}.mb-video-player{position:relative;display:flex;width:fit-content;max-height:var(--max-height,100%)}.mb-video-element{width:auto;height:auto;max-height:100%;max-width:100%;min-width:100%;object-fit:cover}.mb-video-progress-bar{--progress-bg:var(--mb-video-control-color,#007bff);margin:0;padding:0;width:100%;border-radius:5px;height:3px;display:block;position:absolute;bottom:0;left:0;z-index:1;background:linear-gradient(var(--progress-bg),var(--progress-bg)) no-repeat,transparent;background-size:calc(var(--progress-value, 0) * 1%) 100%,100% 100%;background-position:0,0;&[data-state=playing]{transition:background-size .3s linear}}.mb-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:white;font-size:50px;cursor:pointer;z-index:0;overflow:hidden;&[data-blur=true]{animation:unblur 7s ease-out forwards}}@keyframes unblur{0%{backdrop-filter:blur(25px)}to{backdrop-filter:blur(0)}}.mb-play-button{width:60px;height:60px;background-color:var(--mb-video-overlay-bg,hsla(0,0%,100%,.75));border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;border:2px solid var(--mb-video-control-color,#007bff);cursor:pointer}.mb-play-icon{color:var(--mb-video-control-color,#007bff);fill:var(--mb-video-control-bg,#007bff);transform:translateX(1px);width:28px;height:28px}.mb-overlay-center{display:flex;flex-direction:column;align-items:center;gap:10px}.mb-overlay-label{color:var(--mb-overlay-fg,#fff);font-size:var(--mb-font-size);font-weight:600;font-family:var(--mb-font-family,sans-serif);text-shadow:0 0 3px rgba(0,0,0,1),0 0 8px rgba(0,0,0,.8),0 0 16px rgba(0,0,0,.4)}.mb-video-controls{--control-offset:12px;--control-size:28px;--control-icon-size:16px;position:absolute;top:0;left:0;right:0;width:100%;z-index:10;height:calc(var(--control-size) + var(--control-offset))}.mb-video-mute-button{position:absolute;top:var(--control-offset);left:var(--control-offset);width:var(--control-size);height:var(--control-size);border-radius:50%;background-color:var(--mb-overlay-bg,hsla(151,41%,16%,.8));display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;color:white}.mb-video-mute-button svg{width:var(--control-icon-size);height:var(--control-icon-size)}