html {
  position: fixed;
  height: 100%;
  width: 100%;
}

.app__full--dlG70 {
  width: 100%;
  height: 100%;
}

.app__hidden--S9gvk {
  display:none
}

.app__highlight--EYphW {
  color:red;
}

.app__light-pink--KwnwS {
  color:#892b60;
}

.app__light-blue-border--qc112 {
  border: 2px solid #6699cc;
}

.app__background-color--czeRD {
  background-color: #181818;
}

.app__white-border--R0YzX {
  border: 2px solid white;
}

.app__no-border--w7_wh {
  border: 2px solid transparent;
}

.app__light-blue--hzKgI {
  color:#6699cc;
}

.app__white--hOmvO {
  color:white;
}

/* Styles for themes */

.app__font--kDUQS {
  font-family: Roboto, sans-serif;
}

body {
  background: #181818;
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  text-transform: uppercase;
  font-family: Roboto, sans-serif;
  font-weight: 700;
  letter-spacing: 1px;
  color: white;
}

input, p, span, text, button, option, select, label {
  font-family: 'Roboto', sans-serif;
}

.app__border-full--xxazO {
  border-style: solid;
  border-width: 1px;
}
.app__border-top--tYBIp {
  border-style: solid;
  border-width: 1px 0 0 0;
}

.app__icon--y3QE6 { }

.app__text--_vh3r {
  font-family: sans-serif;
}

.app__text-size--oCGDf {
  font-size:1rem;
}

.app__scrollbar-container--zbWye::-webkit-scrollbar {
  -webkit-appearance: none;
}
.app__scrollbar-container--zbWye::-webkit-scrollbar:vertical {
  width: 11px;
}
.app__scrollbar-container--zbWye::-webkit-scrollbar:horizontal {
  height: 11px;
}
.app__scrollbar-container--zbWye::-webkit-scrollbar-thumb {
  border: 1px solid;
  border-radius: 8px;
}
.app__scrollbar-container--zbWye::-webkit-scrollbar-track {
  border-radius: 8px;
}
.app__scrollbar-container--zbWye::-webkit-scrollbar-track:hover { }
.app__scrollbar-container--zbWye::-webkit-scrollbar-corner { }
.app__scrollbar-container--zbWye::-webkit-scrollbar-button {
  display: none;
  background-size: 100%;
  height: 10px;
  width: 10px;
}
.app__scrollbar-container--zbWye::-webkit-scrollbar-button:start {
  display: none;
}
.app__scrollbar-container--zbWye::-webkit-scrollbar-button:end {
  display: block;
}
.app__scrollbar-container--zbWye::-webkit-scrollbar-button:horizontal:decrement {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAQAAAAnOwc2AAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfgCQkMNTuwqE4vAAAASklEQVQI13XOzQmAMBiD4YeKjlIQXNZxBM9OUXCUz4MVf7C55Q0h4anh5XQYzUgX6pHtthrXLCvCckMmRQjrCZOGGvWfocalz/kDAvEOdhIdarYAAAAASUVORK5CYII=);
}
.app__scrollbar-container--zbWye::-webkit-scrollbar-button:horizontal:increment {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAQAAAAnOwc2AAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfgCQkMNR+Mq6r+AAAASElEQVQI13XOwQmAMBQE0YdBSwkINms5gmerCFhKPBiI+HWOA8sON5MXA1YzUpcJh1PG+JSbqsht1+SuqopF95HfeTj6TArxFxwXDnahdJc6AAAAAElFTkSuQmCC);
}
.app__scrollbar-container--zbWye::-webkit-scrollbar-button:vertical:decrement {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAQAAAAnOwc2AAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfgCQkMNQuWcX6DAAAAVklEQVQI133OsQmAQBBE0XeKZrYhHFxqaVZhabYgXBHGeiYbGIh/YZn5bLD80L12MKAokUCP2eEwRyNU00KDrGoxVSYZbRanHpfJbv18JaGTXqa5Py8fqhISh8K4DFsAAAAASUVORK5CYII=);
}


.app__light-theme--wDijD {}

.app__light-theme--wDijD .app__border-top--tYBIp,
.app__light-theme--wDijD .app__border-full--xxazO {
  border-color: #d9d9d9;
}
.app__light-theme--wDijD .app__icon--y3QE6 {
  color: black;
}
.app__light-theme--wDijD .app__text--_vh3r {
  color: black;
}
.app__light-theme--wDijD h1,
.app__light-theme--wDijD h2,
.app__light-theme--wDijD h3,
.app__light-theme--wDijD h4,
.app__light-theme--wDijD h5,
.app__light-theme--wDijD h6 {
  color: black;
}

.app__light-theme--wDijD .app__scrollbar-container--zbWye::-webkit-scrollbar-thumb {
  border: 1px solid #d9d9d9;
  background-color: #d9d9d9;
}
.app__light-theme--wDijD .app__scrollbar-container--zbWye::-webkit-scrollbar-track {
  background-color: #f2f2f2;
}
.app__light-theme--wDijD .app__scrollbar-container--zbWye::-webkit-scrollbar-track:hover {
  background-color: #f2f2f2;
}
.app__light-theme--wDijD .app__scrollbar-container--zbWye::-webkit-scrollbar-corner {
  background-color: #f2f2f2;
}
.app__light-theme--wDijD .app__scrollbar-container--zbWye::-webkit-scrollbar-button {
  color: #d9d9d9;
  -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.2);
}


.app__dark-theme--neqbj {}

.app__dark-theme--neqbj .app__border-top--tYBIp,
.app__dark-theme--neqbj .app__border-full--xxazO {
  border-color: #d9d9d9;
}
.app__dark-theme--neqbj .app__icon--y3QE6 {
  color: white;
}
.app__dark-theme--neqbj .app__text--_vh3r {
  color: white;
}
.app__dark-theme--neqbj h1,
.app__dark-theme--neqbj h2,
.app__dark-theme--neqbj h3,
.app__dark-theme--neqbj h4,
.app__dark-theme--neqbj h5,
.app__dark-theme--neqbj h6 {
  color: white;
}

.app__dark-theme--neqbj .app__scrollbar-container--zbWye::-webkit-scrollbar-thumb {
  border-color: #444444;
  background-color: #a3a1a1;
}
.app__dark-theme--neqbj .app__scrollbar-container--zbWye::-webkit-scrollbar-track {
  background-color: #515050;
}
.app__dark-theme--neqbj .app__scrollbar-container--zbWye::-webkit-scrollbar-track:hover {
  background-color: #515050;
}
.app__dark-theme--neqbj .app__scrollbar-container--zbWye::-webkit-scrollbar-corner {
  background-color: #a3a1a1;
}
.app__dark-theme--neqbj .app__scrollbar-container--zbWye::-webkit-scrollbar-button {
  color: #a3a1a1;
  -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.2);
}


@media screen and (max-width: 450px), screen and (max-device-width: 450px) {
  .app__text-size--oCGDf {
    font-size:3rem;
  }

  html {
    font-size: 32px;
  }
}

@media screen and (max-height: 600px), screen and (max-device-height: 600px) {
  .app__text-size--oCGDf {
    font-size:3rem;
  }

  html {
    font-size: 12px;
    overflow: auto;
  }
}

@media screen and (min-width: 451px) and (min-device-width: 450px) and (min-height: 600px) {
  .app__text-size--oCGDf {
    font-size:1rem;
  }

  html {
    font-size: 16px;
    overflow: hidden;
  }
}

.flex__row--x9Ri8 {
  display: flex;
  flex-direction: row;
}

.flex__column--tk3Ru {
  display: flex;
  flex-direction: column;
}

.flex__item--VlYPd {
  display: flex;
  padding: 0;
  margin: 0;
}

.flex__align-self-right--g2pry {
  align-self: flex-end;
}

.flex__align-self-center--rJfVU {
  align-self: center;
}

.flex__align-self-start--Jd_Zn {
  align-self: flex-start;
}

.flex__align-direction-start--rRY4g {
  justify-content: flex-start;
}

.flex__align-direction-end--uR4rp {
  justify-content: flex-end;
}

.flex__align-direction-center--acItT {
  justify-content: center;
}

.flex__align-direction-space-around--Yqpjg {
  justify-content: space-around;
}

.flex__align-direction-space-between--PJ9Qk {
  justify-content: space-between;
}

.flex__align-perpendicular-direction-center--mm7vX {
  align-items: center;
}

.flex__wrap--LH3SR {
  flex-wrap: wrap;
}

.animation__fade-in--tvqsU {
  animation: animation__fade-in--tvqsU 2s linear;
}

.animation__pulse--ftLmR {
  animation: animation__pulse--ftLmR 2s linear 0s infinite;
  transform-origin: 70% 70%;
}

@keyframes animation__fade-in--tvqsU {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes animation__pulse--ftLmR {
  0% {
    transform: scale(1);
  }
  30% {
    transform: scale(1);
  }
  40% {
    transform: scale(1.08);
  }
  50% {
    transform: scale(1);
  }
  60% {
    transform: scale(1);
  }
  70% {
    transform: scale(1.05);
  }
  80% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}

.fullScreenMessage__container--eQrcT {
}

.fullScreenMessage__center-column--jLhVP {
}

.fullScreenMessage__message--UpAk5 {
  color: #c9c9c9;
  font-weight: 300;
  text-align: center;
}

img.fullScreenMessage__no-signal--Rwmg_, video.fullScreenMessage__no-signal--Rwmg_ {
  max-height: 100%;
  max-width: 100%;
  height: auto;
  width: 100%;
}

@keyframes fullScreenMessage__ellipsis--V95q7 {
  to {
    width: 1.25em;
  }
}

@media screen and (max-width: 450px), screen and (max-device-width: 450px) {
  .fullScreenMessage__text--uo_w_ {
    font-size: 2em;
  }
}

@media screen and (max-height: 600px), screen and (max-device-height: 600px) {
  .fullScreenMessage__text--uo_w_ {
    font-size: 2em;
  }
}

@media screen and (min-width: 451px) and (min-device-width: 450px) and (min-height: 600px) {
  .fullScreenMessage__text--uo_w_ {
    font-size: 3em;
  }
}

div.fullScreenMessage__no-signal--Rwmg_ {
  height: 100vh;
  width: 100vw;
  display: block;
  box-sizing: border-box;
  background: url(6d9b37ea7bbf176de618.gif) no-repeat scroll center;
  background-size: contain;
}

@media screen and (orientation:landscape) and (max-width: 720px), screen and (orientation:landscape) and (max-device-width: 720px) {
  div.fullScreenMessage__no-signal--Rwmg_ {
    background: url(900d47bb50882ae48253.gif) no-repeat scroll center;
    background-size: contain;
  }
}

@media screen and (orientation:portrait) {
  div.fullScreenMessage__no-signal--Rwmg_ {
    background: url(6b73d6cefb6c3b404839.gif) no-repeat scroll center;
    background-size: contain;
  }
}

div.fullScreenMessage__access-denied--TV1ov {
  height: 100vh;
  width: 100vw;
  display: block;
  box-sizing: border-box;
  background: url(925722714b9689e51c2a.jpg) no-repeat scroll center;
  background-size: contain;
}

@media screen and (orientation:landscape) and (max-width: 720px), screen and (orientation:landscape) and (max-device-width: 720px) {
  div.fullScreenMessage__access-denied--TV1ov {
    background: url(7765e5bbba8c2f09a68c.jpg) no-repeat scroll center;
    background-size: contain;
  }
}

@media screen and (orientation:portrait) {
  div.fullScreenMessage__access-denied--TV1ov {
    background: url(9b621f638b8f4a894431.jpg) no-repeat scroll center;
    background-size: contain;
  }
}

.AccessDeniedScreen__container--hnoMj {
}

.AccessDeniedScreen__centerColumn--N3CXV {
}

.AccessDeniedScreen__message--n4T3i {
  color: #c9c9c9;
  font-weight: 300;
  text-align: center;
}

img.AccessDeniedScreen__no-signal--w9UUC, video.AccessDeniedScreen__no-signal--w9UUC {
  max-height: 100%;
  max-width: 100%;
  height: auto;
  width: 100%;
}

@keyframes AccessDeniedScreen__ellipsis--dVkf6 {
  to {
    width: 1.25em;
  }
}

@media screen and (max-width: 450px), screen and (max-device-width: 450px) {
  .AccessDeniedScreen__text--zRD5X {
    font-size: 2em;
  }
}

@media screen and (max-height: 600px), screen and (max-device-height: 600px) {
  .AccessDeniedScreen__text--zRD5X {
    font-size: 2em;
  }
}

@media screen and (min-width: 451px) and (min-device-width: 450px) and (min-height: 600px) {
  .AccessDeniedScreen__text--zRD5X {
    font-size: 3em;
  }
}

div.AccessDeniedScreen__no-signal--w9UUC {
  height: 100vh;
  width: 100vw;
  display: block;
  box-sizing: border-box;
  background: url(6d9b37ea7bbf176de618.gif) no-repeat scroll center;
  background-size: contain;
}

@media screen and (orientation:landscape) and (max-width: 720px), screen and (orientation:landscape) and (max-device-width: 720px) {
  div.AccessDeniedScreen__no-signal--w9UUC {
    background: url(900d47bb50882ae48253.gif) no-repeat scroll center;
    background-size: contain;
  }
}

@media screen and (orientation:portrait) {
  div.AccessDeniedScreen__no-signal--w9UUC {
    background: url(6b73d6cefb6c3b404839.gif) no-repeat scroll center;
    background-size: contain;
  }
}

.AccessDeniedScreen__accessDenied--ufnau {
  height: 100vh;
  width: 100vw;
  display: block;
  box-sizing: border-box;
  background: url(925722714b9689e51c2a.jpg) no-repeat scroll center;
  background-size: contain;
}

@media screen and (orientation:landscape) and (max-width: 720px), screen and (orientation:landscape) and (max-device-width: 720px) {
  .AccessDeniedScreen__accessDenied--ufnau {
    background: url(7765e5bbba8c2f09a68c.jpg) no-repeat scroll center;
    background-size: contain;
  }
}

@media screen and (orientation:portrait) {
  .AccessDeniedScreen__accessDenied--ufnau {
    background: url(9b621f638b8f4a894431.jpg) no-repeat scroll center;
    background-size: contain;
  }
}

.LoadingScreen__black-screen--TdGXQ {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 5;
  left: 0;
  top: 0;
}

.LoadingScreen__loading-container--A6HLA {
  position: fixed;
  width: 0;
  top: 50%;
  left: 50%;
  margin-left: -200px;
  margin-top: -200px;
}

.LoadingScreen__loading-logo--OBvnd {
  background-image: url(0e4ea51b20068d1ec7bd.png);
  position: absolute;
  background-size: cover;
  height: 75px;
  width: 75px;
  z-index: 10;
  left: 160px;
  top: 160px;
}

.NoSignalScreen__container--bNYFT {
}

.NoSignalScreen__centerColumn--rWbxc {
}

.NoSignalScreen__noSignal--nRCXa {
  height: 100vh;
  width: 100vw;
  display: block;
  box-sizing: border-box;
  background: url(6d9b37ea7bbf176de618.gif) no-repeat scroll center;
  background-size: contain;
}

@media screen and (orientation:landscape) and (max-width: 720px), screen and (orientation:landscape) and (max-device-width: 720px) {
  .NoSignalScreen__noSignal--nRCXa {
    background: url(900d47bb50882ae48253.gif) no-repeat scroll center;
    background-size: contain;
  }
}

@media screen and (orientation:portrait) {
  .NoSignalScreen__noSignal--nRCXa {
    background: url(6b73d6cefb6c3b404839.gif) no-repeat scroll center;
    background-size: contain;
  }
} 
.controls__hidden--xlkr7 {
  display: none;
}

.controls__show--EnSOI {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}

.controls__hide--aEro7 {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}

.controls__hideDisplay--n2D7H {
  display: none !important;
}

.controls__overlayBottom--pQmK0 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 10000;
}

.controls__video-controls--gCdG6 {
  justify-content: center;
  align-items: flex-end;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 10000;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

/* Ensure controls remain visible in fullscreen mode */
:fullscreen .controls__video-controls--gCdG6,
:-webkit-full-screen .controls__video-controls--gCdG6,
:-moz-full-screen .controls__video-controls--gCdG6,
:-ms-fullscreen .controls__video-controls--gCdG6 {
  position: absolute;
  z-index: 2147483647; /* Maximum z-index value */
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: auto;
}

/* Ensure video controls container is properly positioned in fullscreen */
:fullscreen .controls__video-container--dVE8u,
:-webkit-full-screen .controls__video-container--dVE8u,
:-moz-full-screen .controls__video-container--dVE8u,
:-ms-fullscreen .controls__video-container--dVE8u {
  position: relative;
  width: 100%;
  height: 100%;
}

@supports (-webkit-overflow-scrolling: touch) {
  /* Disable the controls since iOS shows native controls */
  .controls__video-controls--gCdG6 {
    display: none !important;
  }
}

/* Ensure controls are visible when explicitly shown */
.controls__video-controls--gCdG6.controls__show--EnSOI {
  display: flex !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Override iOS hiding when controls should be shown */
@supports (-webkit-overflow-scrolling: touch) {
  .controls__video-controls--gCdG6.controls__show--EnSOI {
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
}

.controls__bar--cRtw1 {
  background: linear-gradient(transparent, black);
  flex-direction: row;
  flex-wrap: wrap;
  display: flex;
  padding-bottom: 20px;
  width: 100%;
}

.controls__video-control--lPWdd {
  width: auto;
  max-width: 96px;
  min-width: 48px;
  height: 3rem;
  margin-left: 1.5rem;
  display: flex;
  z-index: 10000;
  text-shadow: 2px 2px 1px rgba(0,0,0,.5);
  color: white;
  cursor: pointer;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  background-attachment: scroll;
}

.controls__unmuted--Y0Q8T {
  background-image: url(bd280a2ce4688d32db98.png);
  float: left;
  margin-left: 0px;
}

.controls__muted--yzpGH {
  background-image: url(5cd7174fdaf903b8f1e4.png);
  float: left;
  margin-left: 0px;
}

.controls__volume-container--UIepZ {
  display: flex;
  max-width: 148px;
  min-width: 48px;
  margin-left: 1.5rem;
}

.controls__volume-container--UIepZ::after {
  content: "";
  display: block;
  clear: both;
}

.controls__disabled--u0KqV {
  opacity: .5;
  cursor: not-allowed;
}

.controls__before-mute--qdhBY {
}

.controls__fullscreen-button--M1Xt3 {
  background-image: url(4205c4040ec3a4195435.png);
  margin-right: 1.5rem;
  margin-left: 0rem;
}

.controls__exit-fullscreen-button--ODije {
  background-image: url(400a7e56b836478edd49.png);
  margin-right: 1.5rem;
  margin-left: 0rem;
}

.controls__play-button--elb46 {
  align-self: center;
  position: absolute;
  background-image: url(89a700ad9df59b110ca4.png);
  max-width: 256px;
  width: 256px;
  height: 256px;
  margin: 0;
  padding: 0;
}

.controls__rewind-button--dEbHQ {
  background-image: url(6f4788c232864a3f727d.png);
  background-size: 73%;
}

.controls__rewind-button-label--ty8yL {
  margin: auto;
  color: white;
  font-size: 10px;
  font-family: 'Roboto', sans-serif;
  font-style: normal;
}

.controls__muted--yzpGH.controls__before-mute--qdhBY {
  display: none;
}

.controls__unmuted--Y0Q8T.controls__before-mute--qdhBY {
  display: flex;
}

.controls__stream-status-message--yNxxK {
  color: gray;
  font-family: 'Roboto', sans-serif;
  font-size: 20px;
  pointer-events: none;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 300px) {
  .controls__stream-status-message--yNxxK {
    font-size: 12px;
  }

  .controls__rewind-button-label--ty8yL {
    font-size: 7px;
  }
}

@media screen and (min-width: 301px) and (max-width: 450px) {
  .controls__stream-status-message--yNxxK {
    font-size: 4vw;
  }
}

@media screen and (min-width: 301px) and (max-width: 550px) {
  .controls__rewind-button-label--ty8yL {
    margin-top: 21px;
    font-size: 7px;
  }
}

@media screen and (min-width: 551px) and (max-width: 650px) {
  .controls__rewind-button-label--ty8yL {
    margin-top: 21px;
    font-size: 8px;
  }
}

/* mobile */
@media only screen and (device-width: 640px) {

}

/* tablet */
@media only screen and (device-width: 768px) {

}

/* touch targets as found on mobile */
/* devices where the primary input mechanism cannot hover at all or cannot conveniently hover */
@media (pointer:coarse), (hover: none) {
 .controls__video-control--lPWdd {
   min-width: 96px;
   min-height: 96px;
 }

 .controls__volume-container--UIepZ {
   min-width: 148px;
   min-height: 96px;
 }
}

.controls__video-col-left--dwkqF {
 justify-content: flex-start;
}

.controls__video-col-right--oMGft {
 justify-content: flex-end;
}

.controls__video-col-right--oMGft::before {
 content: "";
 width: 100%;
 max-width: 48px;
 min-width: 25px;
 height: 3rem;
 margin-right: 1.5rem;
 display: flex;
 z-index: 10000;
}

.controls__video-col-cell--JD1L0 {
 display: flex;
 width: 50%;
 box-sizing: border-box;
}

@media screen and (min-width: 2560px) {
  .controls__video-col-left--dwkqF {
    margin-bottom: 3px;
  }

  .controls__video-col-right--oMGft {
    margin-bottom: 3px;
  }
}

/* Internet Explorer 10+ AND Microsoft Edge */
@media all and (-ms-high-contrast:none) {
  .controls__play-button--elb46 {
    left: 47%;
    top: 45%;
  }
}

/* Microsoft's Edge Browser */
@supports (-ms-ime-align:auto) {
  .controls__play-button--elb46 {
    left: 47%;
    top: 45%;
  }
}

.seekbar__custom-seekbar--oM6tC {
  width: 100%;
  height: 20px;
  position: relative;
  padding-bottom: 15px;
}

.seekbar__time-slider--xROLg {
  position: absolute;
  top: -20px;
  padding: 3px 5px;
  text-align: center;
  background: black;
  font-family: 'Roboto', sans-serif;
  color: white;
  visibility: hidden;
}

.seekbar__progress--PpG7x {
  position: absolute;
  top: 14px;
  width: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  height: 6px;
  color: #ca2a74;
}

.seekbar__progress--PpG7x::-webkit-progress-bar {
  background-color: #e9e9e9;
}

.seekbar__progress--PpG7x::-webkit-progress-value {
  background-color: #ca2a74;
}

.seekbar__progress--PpG7x::-moz-progress-bar {
  background-color: #ca2a74;
}

.seekbar__slider--awrOj {
  position: absolute;
  top: 9px;
  width: 92%;
  height: 15px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  outline: none;
  border: none;
  margin: 0px;
  padding: 0px;
  cursor: pointer;
  z-index: 10000;
}

.seekbar__slider--awrOj:focus {
  border: none;
  outline: none;
}

.seekbar__slider--awrOj::-moz-range-track {
  border: none;
  outline: none;
  background: transparent;
}

.seekbar__slider--awrOj::-ms-track {
  border: inherit;
  color: transparent;
  background: transparent;
}

.seekbar__slider--awrOj::-ms-fill-lower,
.seekbar__slider--awrOj::-ms-fill-upper {
  background: transparent;
}

.seekbar__slider--awrOj::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: none;
  background-color: #ca2a74;
  height: 15px;
  width: 15px;
  border-radius: 50%;
}

.seekbar__slider--awrOj::-moz-range-thumb {
  -moz-appearance: none;
  border: none;
  background-color: #ca2a74;
  height: 15px;
  width: 15px;
  border-radius: 50%;
}

.seekbar__slider--awrOj::-ms-thumb {
  border: none;
  background-color: #ca2a74;
  height: 15px;
  width: 15px;
  border-radius: 50%;
}

.seekbar__seekbar-inner-container--x5Maa {
  height: 20px;
  margin: 0% 4%;
  width: 92%;
}

.seekbar__seekbar-button--sCAd7 {
  background: white;
  position: absolute;
  top: 6px;
  right: 4%;
  width: 20px;
  height: 20px;
  padding: 0px;
  margin: 0px;
  border-radius: 50%;
  outline: none;
  border: none;
  cursor: pointer;
  z-index: 10000;
}

.seekbar__seekbar-image--I0wmZ {
  width: 100%;
}

@media screen and (min-width: 1024px) {
  .seekbar__seekbar-inner-container--x5Maa {
    width: 95%;
    margin: 0% 2.5%;
  }

  .seekbar__slider--awrOj {
    width: 95%;
  }

  .seekbar__seekbar-button--sCAd7 {
    right: 2.5%;
  }
}

@media screen and (min-width: 1440px) {
  .seekbar__custom-seekbar--oM6tC {
    height: 22px;
  }

  .seekbar__seekbar-inner-container--x5Maa {
    height: 22px;
    width: 95%;
    margin: 0% 2.5%;
  }

  .seekbar__slider--awrOj {
    height: 17px;
    width: 95%;
  }

  .seekbar__slider--awrOj::-webkit-slider-thumb {
    height: 17px;
    width: 17px;
  }

  .seekbar__slider--awrOj::-moz-range-thumb {
    height: 17px;
    width: 17px;
  }

  .seekbar__slider--awrOj::-ms-thumb {
    height: 17px;
    width: 17px;
  }

  .seekbar__progress--PpG7x {
    height: 8px;
  }

  .seekbar__seekbar-button--sCAd7 {
    width: 22px;
    height: 22px;
    right: 2.5%;
  }
}

@media screen and (min-width: 2560px) {
  .seekbar__custom-seekbar--oM6tC {
    height: 40px;
    margin-bottom: 10px;
  }

  .seekbar__seekbar-inner-container--x5Maa {
    height: 40px;
    width: 98%;
    margin: 0% 1%;
  }

  .seekbar__slider--awrOj {
    height: 30px;
    top: 15px;
    width: 98%;
  }

  .seekbar__slider--awrOj::-webkit-slider-thumb {
    height: 30px;
    width: 30px;
  }

  .seekbar__slider--awrOj::-moz-range-thumb {
    height: 30px;
    width: 30px;
  }

  .seekbar__slider--awrOj::-ms-thumb {
    height: 30px;
    width: 30px;
  }

  .seekbar__progress--PpG7x {
    height: 12px;
    top: 25px;
  }

  .seekbar__seekbar-button--sCAd7 {
    width: 40px;
    height: 40px;
    top: 10px;
    right: 1%;
  }
}

.video-quality__video-quality-button-container--MzniJ {
  position: relative;
  width: 100%;
  max-width: 48px;
  min-width: 25px;
  height: 3rem;
  margin-right: 1.5rem;
  display: flex;
  z-index: 10000;
}

.video-quality__video-quality-button--GacRu {
  width: 100%;
  background-image: url(c5d2877eff4174a53f62.png);
  cursor: pointer;
  background-repeat: no-repeat;
  background-size: 85%;
  background-position: center center;
}

.video-quality__video-quality-settings--Pwjit {
  position: absolute;
  bottom: 50px;
  background: black;
  font-family: 'Roboto', sans-serif;
  color: white;
  font-size: 1.3em;
  width: 120px;
}

.video-quality__video-quality-settings--Pwjit div {
  padding: 10px 0px 10px 20px;
}

.video-quality__video-quality-settings--Pwjit div:hover {
  cursor: pointer;
  background: #908888;
}

.video-quality__video-quality-settings--Pwjit span {
  color: red;
  vertical-align: super;
  display: inline-block;
  font-size: 0.8em;
  padding-left: 4px;
}

.video-quality__video-quality-text--ZsLPn {
  border-bottom: 2px solid white;
}

.video-quality__selected-video-quality--QVaDV {
  text-decoration: underline;
  -webkit-text-decoration-color: red;
          text-decoration-color: red;
}

.volume-slider__volume-slider-container--NpgjV {
  position: relative;
  height: auto;
  min-width: 80px;
  max-width: 80px;
  margin-left: 20px;
  cursor: default;
  float: left;
}

.volume-slider__volume-slider--QA7C9 {
  position: absolute;
  top: calc(50% - 8px);
  margin: 0px;
  width: 80px;
  z-index: 10000;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  outline: none;
  border: none;
  cursor: pointer;
}

.volume-slider__volume-slider--QA7C9:focus {
  border: none;
  outline: none;
}

.volume-slider__volume-slider--QA7C9::-moz-range-track {
  border: none;
  outline: none;
  background: transparent;
}

.volume-slider__volume-slider--QA7C9::-ms-track {
  border: inherit;
  color: transparent;
  background: transparent;
}

.volume-slider__volume-slider--QA7C9::-ms-fill-lower,
.volume-slider__volume-slider--QA7C9::-ms-fill-upper {
  background: transparent;
}

.volume-slider__volume-slider--QA7C9::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: none;
  background-color: white;
  height: 15px;
  width: 15px;
  border-radius: 50%;
}

.volume-slider__volume-slider--QA7C9::-moz-range-thumb {
  -moz-appearance: none;
  border: none;
  background-color: white;
  height: 15px;
  width: 15px;
  border-radius: 50%;
}

.volume-slider__volume-slider--QA7C9::-ms-thumb {
  border: none;
  background-color: white;
  height: 15px;
  width: 15px;
  border-radius: 50%;
}

.volume-slider__volume-progress--Dsm5o {
  position: absolute;
  top: calc(50% - 3px);
  width: 80px;
  height: 6px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: white;
}

.volume-slider__volume-progress--Dsm5o::-webkit-progress-bar {
  background-color: gray;
}

.volume-slider__volume-progress--Dsm5o::-webkit-progress-value {
  background-color: white;
}

.volume-slider__volume-progress--Dsm5o::-moz-progress-bar {
  background-color: white;
}

.flex__row--_Y71r {
  display: flex;
  flex-direction: row;
}

.flex__column--hxCf7 {
  display: flex;
  flex-direction: column;
}

.flex__item--g8JYQ {
  display: flex;
  padding: 0;
  margin: 0;
}

.flex__align-self-right--erd_Y {
  align-self: flex-end;
}

.flex__align-self-center--RV2mY {
  align-self: center;
}

.flex__align-self-start--TgwHV {
  align-self: flex-start;
}

.flex__align-direction-start--_x1Pk {
  justify-content: flex-start;
}

.flex__align-direction-end--vuixm {
  justify-content: flex-end;
}

.flex__align-direction-center--eGxSh {
  justify-content: center;
}

.flex__align-direction-space-around--gY7MI {
  justify-content: space-around;
}

.flex__align-direction-space-between--ijZDv {
  justify-content: space-between;
}

.flex__align-perpendicular-direction-center--kRB53 {
  align-items: center;
}

.flex__wrap--aSdxN {
  flex-wrap: wrap;
}
.ChannelViewStyles__video-column--Yo6vt {
  position: relative;
  background-color: #181818;
  height: 100%;
  width: auto;
  max-width: 100%;
  align-items: center;
}

.ChannelViewStyles__video-column-left--YQGae {
  position: relative;
  background-color: #181818;
  height: 100%;
  width: auto;
  max-width: 100%;
  align-items: center;
}

.ChannelViewStyles__video-column-right--zmpqU {
  position: relative;
  background-color: #181818;
  height: 100%;
  width: auto;
  max-width: 100%;
  align-items: center;
}

.ChannelViewStyles__video-container--LdR9O {
  background-color: #181818;
  margin: auto;
  height: 100%;
  width: -webkit-fill-available;
  width: -moz-available;
  width: stretch;
  position: relative;
  max-width: 100%;
}

.ChannelViewStyles__overlay-bottom--vky8H{
  bottom: 0;
}

.ChannelViewStyles__is-visible--HVQf0 {
  visibility: visible;
}

.ChannelViewStyles__display-flex--q10CY {
  display: flex;
}

.ChannelViewStyles__display-none--YvWpa {
  display: none;
}

.ChannelViewStyles__video--FZYn9 {
  width: 100%;
  height: 100%;
  max-width: 100%;
}

.ChannelViewStyles__video--FZYn9::-webkit-media-controls-start-playback-button {
  display: none !important;
}

.ChannelViewStyles__users-video--Px629 {
  bottom: 10px;
  left: 10px;
  height: 180px;
}

.ChannelViewStyles__display-none--YvWpa {
  display: none;
}

@media screen and (max-width: 450px) and (orientation:portrait), screen and (max-device-width: 450px) and (orientation:portrait){
  .ChannelViewStyles__overlay-bottom-offset--KKlUc{
    bottom: 120px;
  }
}

@media screen and (max-width: 450px) and (orientation:landscape), screen and (max-device-width: 450px) and (orientation:landscape) {
  .ChannelViewStyles__overlay-bottom-offset--KKlUc{
    bottom: 60px;
  }
}

@media screen and (min-width: 451px) and (min-device-width: 450px) {
  .ChannelViewStyles__overlay-bottom-offset--KKlUc{
    bottom: 60px;
  }
}

/* Internet Explorer 10+ AND Microsoft Edge */
@media all and (-ms-high-contrast:none) {
  .ChannelViewStyles__video-container--LdR9O, .ChannelViewStyles__video--FZYn9 {
    width: 100%;
    height:100%;
  }
}

/* Microsoft's Edge Browser */
@supports (-ms-ime-align:auto) { .ChannelViewStyles__video-container--LdR9O { width:100%; } }


/*# sourceMappingURL=channel.abd214e8ea403d8eb651.css.map*/