.nb-video-tabs[data-flickering="true"] {
    opacity: 0;
}
.nb-video-tabs {
    display: flex; /*Video tabs display*/

    height: fit-content; /*Video tabs height*/
}

/*Nav*/ 
.nb-video-tabs__nav {
    display: flex; /*Nav display*/

    width: fit-content; /*nav width*/
}
/*Nav items*/
.nb-video-tabs__nav-item {
    white-space: nowrap;

    cursor: pointer;

    display: flex; /*Nav items display*/

    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);
}

/*Videos*/
.nb-video-tabs__videos {
    width: 100%; /*videos wrapper width*/
    height: auto; /*videos wrapper height*/

    display: flex;
    position: relative;
    overflow: hidden;
}
/*Video items*/
.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;
}
/*Video*/
.nb-video-tabs__video-item video {
    width: 100%;
    height: 100%;
    object-fit: cover; /*video elememt settings*/
}