#player-css-token {
  font-size: 1em;
}

#tlIndexHolder {
  border-color: rgba(25, 25, 25, 0.2);
}
#tlIndexHolder div:nth-child(odd) {
  background-color: #692961;
}
#tlIndexHolder div:nth-child(even) {
  background-color: #692961;
}

#branding {
  background-color: #789f90;
}
#branding #branding-logo1 {
  width: 225px;
  height: 80px;
  display: block;
  left: 4px;
  background-image: url("./nw.png");
  background-size: 225px 80px;
  background-repeat: no-repeat;
}
#branding #branding-logo2 {
  width: 293px;
  height: 80px;
  right: 331px;
  display: block;
  background-image: url("./nc.png");
  background-size: 293px 80px;
}
#branding #branding-logo3 {
  width: 231px;
  height: 80px;
  right: 0px;
  display: block;
  background-image: url("./ne.png");
  background-size: 231px 80px;
}
#branding #branding-bg-mw {
  width: 100%;
  left: 0px;
  height: 100px;
  bottom: 130px;
  display: block;
  background: #789f90;
  background: -webkit-linear-gradient(-90deg, #789f90, #789f90);
  background: linear-gradient(180deg, #789f90, #789f90);
}
#branding #branding-bg-sw {
  width: 100%;
  left: 0px;
  bottom: 0px;
  height: 130px;
  display: block;
  background-color: #789f90;
}

@media all and (max-width: 879.9875052062px) {
  #branding #branding-logo2 {
    display: none;
  }
}
@media all and (max-width: 469.387755102px) {
  #branding #branding-logo2 {
    display: none;
  }
  #branding #branding-logo3 {
    display: none;
  }
}
@media (max-height: 680px) {
  #branding #branding-bg-ne {
    display: none;
  }
  #branding #branding-bg-me {
    display: none;
  }
  #branding #branding-bg-mw {
    right: 0;
  }
}