@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap');

.brid-control {
     float: left!important
}

.brid-airplay-control,
.brid-brand,
.brid-captions-control,
.brid-chromecast-control,
.brid-fullscreen-control,
.brid-hd-control,
.brid-playlist-control,
.brid-share-control,
.brid-theater-mode-control {
     float: right!important
}

.bar-bracket,
.brid-time-controls,
.brid-volume-control,
.level-bracket {
     float: none!important;
     display: inline-block;
     position: relative;
}

.brid-share-button {
     margin: -2em 0 0 .5em!important
}

.brid-playlist-button {
     margin: -2em .5em 0 0!important
}

.brid-thumb-holder {
     float: left!important
}

.brid-playlist-element .brid-description,
.brid-playlist-element .brid-title {
     line-height: 1.1
}

.brid-share-code .icon {
     float: left!important
}

.brid-uc-skin .brid-next-control.hidden,
.brid-uc-skin .brid-previous-control.hidden,
.brid-uc-skin .brid-scroll-line {
     display: none
}

.brid-uc-skin,
.brid-uc-skin p {
     font-family: Montserrat, Helvetica, Arial, sans-serif
}

.brid-uc-skin div {
     font-size: 10px;
     line-height: 1.1em
}

.brid-uc-skin .brid-panel-label {
     background: rgba(0, 0, 0, .2);
     text-shadow: 0 1px 10px #000
}

.brid-uc-skin .brid-poster-title {
     background: linear-gradient(to bottom, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .2) 20%, rgba(0, 0, 0, 0) 94%, rgba(0, 0, 0, 0) 100%);
     height: 25%
}

.brid-uc-skin .brid-poster-title div {
     line-height: 27px!important;
     font-size: 15px;
     display: initial;
     top: .5em;
     left: .7em;
     right: .7em;
     text-shadow: 0 0 7px rgba(0, 0, 0, .7)
}

/*.brid-uc-skin.brid-smaller .brid-poster-title div {
     font-size: 15px;
}*/

.brid-uc-skin .brid-current-time-display,
.brid-uc-skin .brid-duration-display {
     font-size: 11px
}

.brid-uc-skin .brid-controls {
     left: 0;
     right: 0;
     margin: 0;
     padding: 0;
     padding-left: 5px;
     padding-right: 5px;
     box-sizing: border-box!important;
     height: 3.3em;
     background: #000;
     background: rgba(0, 0, 0, .5);
     background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 6%, rgba(0, 0, 0, .4) 80%, rgba(0, 0, 0, .6) 100%)
}

.brid-uc-skin .brid-control {
     padding: 0 .6em .5em!important;
     margin-top: .5em;
     width: 2.2em;
     height: 2.2em
}

.brid-uc-skin .brid-control svg {
     height: 2.2em;
     width: 2.2em
}

.brid-uc-skin .brid-play-control {
     height: 2em;
     width: 2em;
     padding: .1em .8em .6em 0.9em!important
}

.brid-uc-skin .brid-play-control svg {
     height: 2em;
     width: 2em
}

.brid-uc-skin .brid-volume-control {
     width: 88px;
     height: 5px
}

.brid-uc-skin .brid-volume-bar {
     position: relative;
     height: 100%
}

.brid-uc-skin .brid-volume-level {
     top: 0;
     left: 0;
     height: 100%
}

.brid-uc-skin .bar-bracket {
     display: none!important;
}

.brid-uc-skin .level-bracket {
     display: none!important;
}

.brid-uc-skin .brid-volume-bar .over {
     margin: -.2em .4em 0 0!important;
     height: 2em!important
}

.brid-uc-skin .brid-volume-bar .out {
     margin: 0 .4em 0 0!important;
     height: 1.5em!important
}

.brid brid-uc-skin.brid-fs.not(.brid-touch) .brid-control {
     margin-left: .4em;
     margin-right: .4em
}

.brid-uc-skin .brid-progress-control {
     width: auto;
     bottom: 2.9em;
     left: 8px;
     right: 8px
}

.brid-uc-skin .brid-progress-holder {
     height: 4px;
     border-top: 5px solid transparent;
     border-bottom: 5px solid transparent;
     background: rgba(200, 200, 200, .4);
     -moz-background-clip: padding;
     -webkit-background-clip: padding;
     background-clip: padding-box
}

.brid-uc-skin .brid-play-progress {
     background: #00c5f5
}

.brid-uc-skin .brid-load-progress {
     background: rgba(255, 255, 255, .5)
}

.brid-uc-skin .brid-progress-control .brid-seek-scrubber {
     width: 14px;
     height: 14px;
     background-color: #00c5f5;
     margin: -7px 0 0 -7px;
     border-radius: 50%;
     opacity: 0;
     transition: opacity .2s
}

.brid-uc-skin .brid-progress-control:hover .brid-seek-scrubber {
     opacity: 1
}

.brid-uc-skin.brid-scrubbing .brid-seek-scrubber {
     opacity: 1;
     transform: scale(1.15);
     box-shadow: rgba(0, 0, 0, .05) 0 0 5px 2px
}

.brid-uc-skin .brid-time-controls {
     text-shadow: 0 0 2px rgba(0, 0, 0, .5);
     height: 1.1em;
     margin: 1em .5em 1em 0!important;
     font-size: 11px;
     line-height: 1.1em;
     color: #fff
}

.brid-uc-skin .brid-current-time {
     margin: 1em .5em 1em 1em!important
}

.brid-uc-skin .brid-fullscreen-control,
.brid-uc-skin .brid-fullscreen-control svg,
.brid-uc-skin .brid-hd-control,
.brid-uc-skin .brid-hd-control svg,
.brid-uc-skin .brid-playlist-control,
.brid-uc-skin .brid-playlist-control svg,
.brid-uc-skin .brid-share-control,
.brid-uc-skin .brid-share-control svg,
.brid-uc-skin .brid-theater-mode-control svg {
     width: 2.2em;
     height: 2.2em
}

.brid-uc-skin .brid-brand {
     padding: .23em .7em!important
}

.brid-uc-skin .brid-brand .brand-over {
     position: absolute;
     top: 0;
     left: 0
}

.brid-uc-skin .brid-brand,
.brid-uc-skin .brid-brand svg {
     width: 1.9em;
     height: 1.9em
}

.brid-uc-skin.brid-touch .brid-control.brid-brand,
.brid-uc-skin.brid-touch .brid-control.brid-brand svg {
     width: 2.5em;
     height: 2.2em;
     padding-top: .1em
}

.brid-uc-skin.brid-touch .brid-control.brid-brand {
     padding-top: 0.5em!important;
}

.brid-uc-skin .brid-left-screen,
.brid-uc-skin .brid-right-screen {
     background-color: #000!important
}

.brid-uc-skin .brid-playlist-element .brid-title {
     font-size: 13px;
     color: #d0d0d0
}

.brid-uc-skin .brid-playlist-element .brid-description {
     font-size: 13px;
     color: #9b9b9b
}

.brid-uc-skin .brid-playlist-element.over .brid-title {
     color: #e6e7e8
}

.brid-uc-skin .brid-playlist-element.over .brid-description {
     color: #a7a9ac
}

.brid-uc-skin .brid-thumb-holder {
     margin: .5em
}

.brid-uc-skin .brid-thumb-over {
     margin: .3em;
     border: 4px solid #fff
}

.brid-uc-skin div .brid-scroller {
     background: #ff303b
}

.brid-scroll-bar {
     background: #fff;
     background: rgba(255, 255, 255, .1)
}

.brid-uc-skin .brid-dialog-content,
.brid-uc-skin .brid-dialog-title {
     background: #000;
     color: #fff
}

.brid-uc-skin .brid-dialog .brid-button {
     background: #1a1a1a;
     color: #fff
}

.brid-uc-skin.brid-touch .brid-controls {
     height: 4em
}

.brid-uc-skin.brid-touch .brid-control {
     height: 2.5em;
     width: 2.5em;
     padding: .3em .5em!important
}

.brid-uc-skin.brid-touch .brid-mute-control {
     padding: .3em .2em .8em 1em!important
}

.brid-uc-skin .brid-mute-control svg {
     width: 1.9em
}

.brid-uc-skin.brid-touch .brid-hd-control {
     height: 2.8em;
     width: 2.8em;
     margin-top: .5em
}

.brid-uc-skin.brid-touch .brid-control svg {
     height: 2.5em;
     width: 2.5em
}

.brid-uc-skin.brid-touch .brid-hd-control svg {
     height: 2.4em;
     width: 2.4em
}

.brid-uc-skin.brid-touch .brid-control.over {
     background: #686868!important
}

.brid-uc-skin.brid-touch .brid-panels.over {
     opacity: .6!important
}

.brid-uc-skin.brid-touch .brid-volume-control {
     margin: 1em .5em 0 0!important
}

.brid-uc-skin.brid-touch .brid-volume-bar {
     height: 2em
}

.brid-uc-skin.brid-touch .brid-volume-bar.over {
     height: 2.4em!important
}

.brid-uc-skin.brid-touch .brid-volume-bar.out {
     height: 2em!important
}

.brid-uc-skin.brid-touch .brid-progress-control {
     bottom: 3.5em
}

.brid-uc-skin.brid-touch .brid-time-controls {
     margin: 1.3em .5em 0 0!important
}

.brid-uc-skin.brid-touch .brid-time-controls.brid-current-time {
     margin-left: 1em!important
}

.brid-uc-skin.brid-touch .brid-current-time {
     margin: 1.4em .5em 0
}

.brid-uc-skin.brid-touch .brid-menu-button {
     padding: .9em .5em!important
}

.brid-fps-info {
     position: absolute;
     top: 30px;
     left: 10px;
     color: red
}

.brid-live-info div {
     font-size: 12px
}

.go-toggle-svg .toggle-svg {
     display: none
}

.brid-uc-skin .brid-volume-control {
     transform: rotate(-90deg);
     display: inline-block;
     transform-origin: 0% 50%;
     position: absolute;
     background: radial-gradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, .1), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
     padding: 1em 1em 1em 2em;
     margin-left: -2em;
     margin-top: -0.3em;
     transition: opacity .1s
}

.brid-uc-skin .brid-volume-control.brid-volume-hidden {
     opacity: 0;
     visibility: hidden
}

.brid-uc-skin .brid-knob {
     background: radial-gradient(circle, #fff 40%, rgba(255, 255, 255, 0) 41%, rgba(255, 255, 255, 0) 100%);
     border-color: rgba(255, 255, 255, 0.8);
     position: absolute;
     top: -8px;
     height: 21px;
     width: 21px;
     border-radius: 50%;
     position: absolute;
     text-align: center
}

.brid-uc-skin .brid-knob.brid-selected {
     background: radial-gradient(circle, #fff 40%, rgba(255, 255, 255, 0.3) 41%, rgba(255, 255, 255, 0.3) 100%);
     box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 10px 0px;
}

.brid-onad .brid-rewind-control,
.brid-onad .brid-previous-control,
.brid-onad .brid-next-control,
.brid-onad .brid-volume-control {
     display: none!important
}

.brid-ad-info {
     padding: 0 1em;
}

.brid-onad.brid-visible-controls .brid-ad-info {
     bottom: 37px;
}

.brid-uc-skin .brid-adtime {
     padding-left: 9px;
     font-size: 13px;
     line-height: 1;
}

.brid-uc-skin.brid-onad.brid-touch .brid-mute-control {
     padding: .3em .7em .8em 1em!important;
}

.brid-uc-skin.brid-onad.brid-touch .brid-progress-control {
     bottom: -5px;
}

.brid-uc-skin.brid-onad .brid-progress-control {
     bottom: -5px;
     left: 0;
     right: 0;
     pointer-events: none;
     pointer-events: none!important;
     cursor: default!important;
     opacity: 1!important;
}

.brid-uc-skin.brid-onad .brid-seek-scrubber,
.brid-uc-skin.brid-onad .brid-scrubber-time {
     display: none;
}

.brid-uc-skin.brid-onad .brid-controls {
     bottom: 9px;
}

.brid-uc-skin.brid-onad .brid-current-time,
.brid-uc-skin.brid-onad .brid-time-divider,
.brid-uc-skin.brid-onad .brid-duration,
.brid-uc-skin.brid-onad .brid-brand {
     display: none;
}

.brid-uc-skin.brid-onad .brid-fullscreen-control {
     float: left!important;
}

.brid-uc-skin.brid-onad .brid-ad-info {
     display: none;
}

.brid-uc-skin.brid:not(.brid-onad) .brid-adtime {
     display: none;
}

.brid-uc-skin.brid-audio-player .brid-volume-bar {
     box-shadow: 0px 0px 10px 7px rgba(0, 0, 0, 1);
}

.brid-uc-skin.brid-audio-player .brid-progress-control .brid-progress-holder {
     height: 5px
}

.brid-uc-skin.brid-audio-player .brid-controls .brid-volume-control {
     transform: rotate(0);
     margin-top: .35em;
     margin-left: -1em;
     padding-left: 1em
}

.brid-uc-skin.brid-audio-player .brid-controls .brid-volume-control:not(.brid-volume-hidden) {
     opacity: 1;
     visibility: visible;
     z-index: 2
}

.brid-uc-skin .brid-dialog-content, .brid-uc-skin .brid-dialog-title {
    font-family: inherit;
    font-size: 14px;
}