.ub-video-container{background:#1b1e32}.ub-video{--video-height:25rem;display:flex;background:#151728;height:calc(2rem + var(--video-height))}.ub-video.full-page{--video-height:30rem}.ub-video.full-page .side{display:none}.ub-video.no-tool-box{height:var(--video-height)}.ub-video .main{flex:1;width:0}.ub-video .main .player-box{height:var(--video-height);width:100%;position:relative}.ub-video .main .player-box .player-info{position:absolute;inset:0;background:rgba(0,0,0,.5);color:#fff;display:flex;justify-content:center;item-align:center;flex-direction:column;text-align:center;z-index:1000}.ub-video .main .player-box .player{height:100%;width:100%}.ub-video .main .player-box .player .iframe{width:100%!important;height:100%!important}.ub-video .main .player-box .player .player-iframe-mask{width:100%!important;height:100%!important;position:relative;overflow:hidden}.ub-video .main .player-box .player .player-iframe-mask iframe{position:absolute;width:900px;height:500px}.ub-video .main .tool-box{background:#0f111d;padding:.5rem;height:2rem}.ub-video .main .tool-box .item{color:#999;display:inline-block;line-height:1rem;margin-right:.5rem;height:1rem}.ub-video .side{width:10rem;flex-shrink:0;color:#fff;overflow:auto;color:#9ca2ac;--color-scrollbar-bg:#1b1e32}@media screen and (max-width:40rem){.ub-video{flex-direction:column;--video-height:13rem;height:auto}.ub-video .main{width:100%}.ub-video .side{width:100%}}