.video-js .subtitles{--font-size:12px;--characters-per-line:50;--character-width-factor:.55;--line-height-padding:6px;--line-height:calc(var(--font-size) + var(--line-height-padding));&.hidden,&.inactive,&.beforeVideoPlay{display:none}& .wrapper{--bottom-margin:30px;--calculated-line-width:calc(min(var(--font-size)*var(--character-width-factor)*var(--characters-per-line),90%));width:var(--calculated-line-width);left:calc((100% - var(--calculated-line-width))/2);top:calc(100% - var(--bottom-margin) - ((var(--line-height))*2 + (var(--line-height-padding))*1));font-size:var(--font-size);color:#fff;pointer-events:none;z-index:1;background:#080808bf;border-radius:4px;padding:0 20px;transition:top .3s;position:absolute;overflow:hidden;& .wrapper2{transform:translateY(calc(50% - (var(--line-height))));width:100%;height:100%}& .subtitleBox{line-height:var(--line-height);z-index:10;transition:transform .5s ease-out;& .played{color:#ffffa6}& .active{color:#ff0}}&.top{top:30px}&.clickable{pointer-events:all;background:0 0}&.skipTransition{transition:unset;& .subtitleBox{transition:unset}}}&.standard-active{&.standard-hidden:not(.force-standard-active){display:none}& .wrapper{height:calc((var(--line-height))*2 + (var(--line-height-padding))*1)}}&.feed-active{& .wrapper{border-radius:8px;height:calc(100% - 120px);top:30px;& .line{margin-bottom:8px}}}}.video-js.vjs-paused .subtitles .wrapper,.video-js.vjs-user-active .subtitles .wrapper{--bottom-margin:80px}
/*# sourceMappingURL=subtitles.css⁄map */