.smart-bb-hls-video-wrapper{background:#000;cursor:pointer;overflow:hidden;position:relative;width:100%}.smart-bb-hls-video-wrapper .smart-bb-hls-video-player{display:block;height:auto;width:100%}.smart-bb-hls-video-wrapper .smart-bb-hls-video-error{background:rgba(255,0,0,.1);border:1px solid rgba(255,0,0,.3);color:#fff;padding:20px;text-align:center}.smart-bb-hls-video-wrapper:after{background:linear-gradient(0deg,rgba(0,0,0,.55) 0,rgba(0,0,0,.2) 35%,transparent 65%);border-radius:inherit;content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s ease}.smart-bb-hls-video-wrapper:hover:after,.smart-bb-hls-video-wrapper:not(.is-playing):after{opacity:1}.smart-bb-hls-video-controls{align-items:center;backdrop-filter:blur(16px) saturate(1.5);-webkit-backdrop-filter:blur(16px) saturate(1.5);background:hsla(0,0%,100%,.1);border-radius:9999px;bottom:.75rem;box-shadow:0 0 0 1px hsla(0,0%,100%,.08),0 2px 8px rgba(0,0,0,.3);color:#fff;display:flex;gap:.1rem;opacity:0;padding:.2rem;position:absolute;transition:opacity .25s ease,transform .25s ease;z-index:10}.smart-bb-hls-video-wrapper:hover .smart-bb-hls-video-controls,.smart-bb-hls-video-wrapper:not(.is-playing) .smart-bb-hls-video-controls{opacity:1;transform:translateY(0)!important}.smart-bb-hls-video-controls--functional{left:.75rem;right:.75rem;transform:translateY(4px)}.smart-bb-hls-video-controls--minimal{left:50%;transform:translateX(-50%) translateY(4px);white-space:nowrap}.smart-bb-hls-video-wrapper:hover .smart-bb-hls-video-controls--minimal,.smart-bb-hls-video-wrapper:not(.is-playing) .smart-bb-hls-video-controls--minimal{transform:translateX(-50%) translateY(0)}.smart-bb-hls-video-fullscreen,.smart-bb-hls-video-mute,.smart-bb-hls-video-play-pause{aspect-ratio:1;background:transparent;border:none;border-radius:9999px;color:#fff;cursor:pointer;display:grid;flex-shrink:0;padding:0;place-items:center;transition:background .15s ease,transform .1s ease;width:2.125rem}.smart-bb-hls-video-fullscreen svg,.smart-bb-hls-video-mute svg,.smart-bb-hls-video-play-pause svg{display:block;filter:drop-shadow(0 1px 1px rgba(0,0,0,.4));grid-area:1/1;height:16px;width:16px}.smart-bb-hls-video-fullscreen:hover,.smart-bb-hls-video-mute:hover,.smart-bb-hls-video-play-pause:hover{background:hsla(0,0%,100%,.12)}.smart-bb-hls-video-fullscreen:active,.smart-bb-hls-video-mute:active,.smart-bb-hls-video-play-pause:active{transform:scale(.88)}.smart-bb-hls-video-play-pause .pause-icon,.smart-bb-hls-video-wrapper.is-playing .smart-bb-hls-video-play-pause .play-icon{display:none}.smart-bb-hls-video-wrapper.is-playing .smart-bb-hls-video-play-pause .pause-icon{display:block}.smart-bb-hls-video-mute .mute-icon,.smart-bb-hls-video-wrapper.is-muted .smart-bb-hls-video-mute .volume-icon{display:none}.smart-bb-hls-video-wrapper.is-muted .smart-bb-hls-video-mute .mute-icon{display:block}.smart-bb-hls-video-fullscreen .exit-fullscreen-icon,.smart-bb-hls-video-wrapper.is-fullscreen .smart-bb-hls-video-fullscreen .fullscreen-icon{display:none}.smart-bb-hls-video-wrapper.is-fullscreen .smart-bb-hls-video-fullscreen .exit-fullscreen-icon{display:block}.smart-bb-hls-video-time{align-items:center;color:hsla(0,0%,100%,.9);display:flex;flex-shrink:0;font-size:.7rem;font-variant-numeric:tabular-nums;gap:3px;padding:0 .35rem;text-shadow:0 1px 2px rgba(0,0,0,.5);white-space:nowrap}.smart-bb-hls-video-separator{opacity:.55}.smart-bb-hls-video-progress-wrapper{align-items:center;display:flex;flex:1;min-width:0;padding:0 .25rem}.smart-bb-hls-video-progress-bar{background:hsla(0,0%,100%,.25);border-radius:9999px;cursor:pointer;height:3px;overflow:visible;position:relative;transition:height .15s ease;width:100%}.smart-bb-hls-video-progress-bar:hover{height:5px}.smart-bb-hls-video-progress-filled{background:#fff;border-radius:inherit;inset-block:0;left:0;position:absolute;transition:width .1s linear;width:0}.smart-bb-hls-video-progress-handle{background:#fff;border-radius:50%;box-shadow:0 0 0 2px rgba(0,0,0,.2);height:12px;left:0;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .15s ease;width:12px}.smart-bb-hls-video-progress-bar:hover .smart-bb-hls-video-progress-handle{opacity:1}.smart-bb-hls-video-volume-wrapper{align-items:center;display:flex;flex-shrink:0;position:relative}.smart-bb-hls-video-volume-popup{backdrop-filter:blur(16px) saturate(1.5);-webkit-backdrop-filter:blur(16px) saturate(1.5);background:hsla(0,0%,100%,.12);border-radius:9999px;bottom:100%;box-shadow:0 0 0 1px hsla(0,0%,100%,.08),0 4px 12px rgba(0,0,0,.35);left:50%;opacity:0;padding:.5rem .45rem .65rem;pointer-events:none;position:absolute;transform:translateX(-50%) translateY(4px);transition:opacity .2s ease,transform .2s ease}.smart-bb-hls-video-volume-wrapper:hover .smart-bb-hls-video-volume-popup{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0)}.smart-bb-hls-video-volume-bar{background:hsla(0,0%,100%,.25);border-radius:9999px;cursor:pointer;height:80px;position:relative;width:4px}.smart-bb-hls-video-volume-filled{background:#fff;border-radius:inherit;bottom:0;height:100%;left:0;position:absolute;transition:height .1s linear;width:100%}.smart-bb-hls-video-volume-handle{background:#fff;border-radius:50%;bottom:100%;box-shadow:0 0 0 2px rgba(0,0,0,.2);height:10px;left:50%;pointer-events:none;position:absolute;transform:translate(-50%,50%);transition:bottom .1s linear;width:10px}.smart-bb-hls-video-wrapper.is-fullscreen .smart-bb-hls-video-player{height:100%;-o-object-fit:contain;object-fit:contain}@media(max-width:480px){.smart-bb-hls-video-controls--functional{bottom:.5rem;left:.5rem;right:.5rem}.smart-bb-hls-video-time{font-size:.65rem}}