.bbv { position: relative; }
.bbv-poster { display: block; width: 100%; }
.bbv-video { display: none; }
.bbv-row { position: relative; isolation: isolate; }
.bbv-row > .fl-row-content { position: relative; z-index: 1; }
.bbv-row > .bbv { position: absolute; inset: 0; z-index: 0; overflow: hidden; border-radius: inherit; pointer-events: none; }
.bbv-row > .bbv .bbv-poster,
.bbv-row > .bbv .bbv-video { display: block; position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.bbv-video { opacity: 0; }
.bbv-playing .bbv-video { opacity: 1; }
.bbv-row > .bbv-controls { position: absolute; bottom: 12px; right: 12px; z-index: 3; display: flex; }
.bbv-controls[hidden], .bbv-controls button[hidden] { display: none !important; }
.bbv-controls button { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; width: 44px; height: 44px; min-width: 44px; padding: 10px; border: 1px solid white; border-radius: 50%; color: white; background: #222; cursor: pointer; line-height: 1; }
.bbv-controls button:hover { background: #444; }
.bbv-controls button:focus-visible { outline: 3px solid #ffdc50; outline-offset: 3px; }
.bbv-controls svg { display: block; width: 22px; height: 22px; fill: currentColor; pointer-events: none; }
.bbv-pause-icon, .bbv-is-playing .bbv-play-icon { display: none; }
.bbv-is-playing .bbv-pause-icon { display: initial; }