.nb-video-tabs[data-flickering="true"] {
opacity: 0;
}
.nb-video-tabs {
display: flex; height: fit-content; } .nb-video-tabs__nav {
display: flex; width: fit-content; } .nb-video-tabs__nav-item {
white-space: nowrap;
cursor: pointer;
display: flex; transition: all var(--nav-items-transition-duration) var(--nav-items-transition-easing);
}
.nb-video-tabs__progress-bar {
overflow: hidden;
transition: all var(--progress-bar-transition-duration) var(--progress-bar-transition-easing);
}
.nb-video-tabs__progress {
width: 0%;
height: 100%;
transition: width var(--progress-transition-duration) var(--progress-transition-easing);
} .nb-video-tabs__videos {
width: 100%; height: auto; display: flex;
position: relative;
overflow: hidden;
} .nb-video-tabs__video-item {
width: 100%;
height: auto;
opacity: 0;
position: absolute;
pointer-events: none;
}
.nb-video-tabs__video-item[data-active="true"] {
opacity: 1;
pointer-events: auto;
position: static;
} .nb-video-tabs__video-item video {
width: 100%;
height: 100%;
object-fit: cover; }