/* Recreation of the silver/red 2012 scorebug selected by the owner.
   Geometry and the canvas export share a 480 × 88 coordinate system. */
@font-face {
  font-family: 'PL 2012 Broadcast';
  src: url('./assets/premier-league-2011-12/PremierLeague-2007.woff2') format('woff2');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

body[data-desktop-mode-setup="premierLeague2011"] .domestic-route-setup-intro img,
body [data-hub-domestic-league="premierLeague2011"] .competition-edition-art img {
  filter: brightness(0) invert(1);
}

body #mainContent .cb-broadcast[data-mode="pl-2011-12"] {
  width: 480px;
  height: var(--cb-compact-height, 88px);
}

.cb-broadcast[data-mode="pl-2011-12"] .cb-scorebug {
  width: 480px;
  height: 88px;
  background: url('./assets/premier-league-2011-12/scorebar.svg') center / 100% 100% no-repeat;
  transform: scale(var(--cb-compact-scale, 1));
  transform-origin: top left;
}

.cb-broadcast[data-mode="pl-2011-12"] :is(.cb-badge, .cb-context) {
  display: none;
}

.cb-broadcast[data-mode="pl-2011-12"] .cb-logo {
  position: absolute;
  z-index: 2;
  left: 43px;
  top: 7px;
  width: 63px;
  height: 63px;
  border-radius: 50%;
  border: 2px solid #f6ffff;
  background: url('./assets/premier-league-2011-12/scoreboard-lion.svg') center / 89% 89% no-repeat, linear-gradient(120deg, #fff 45%, #74d4ed);
  box-shadow: 2px 0 0 #46afd2;
}

.cb-broadcast[data-mode="pl-2011-12"] .cb-team {
  position: static;
}

body #mainContent .cb-broadcast[data-mode="pl-2011-12"] .cb-code {
  position: absolute;
  top: 14px;
  height: 29px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #122044;
  font: 400 28px/1 'PL 2012 Broadcast', sans-serif;
  font-synthesis: none;
  letter-spacing: 0;
  transform: scaleX(var(--pl-label-scale, 1));
  transform-origin: center;
}

.cb-broadcast[data-mode="pl-2011-12"] .cb-home .cb-code {
  left: 109px;
  width: 119px;
}

.cb-broadcast[data-mode="pl-2011-12"] .cb-away .cb-code {
  left: 309px;
  width: 145px;
}

body #mainContent .cb-broadcast[data-mode="pl-2011-12"] .cb-score {
  position: absolute;
  top: 14px;
  width: 29px;
  height: 29px;
  text-align: center;
  color: #fff;
  font: 400 30px/29px 'PL 2012 Broadcast', sans-serif;
  font-synthesis: none;
}

.cb-broadcast[data-mode="pl-2011-12"] .cb-home .cb-score {
  left: 234px;
}

.cb-broadcast[data-mode="pl-2011-12"] .cb-away .cb-score {
  left: 274px;
}

.cb-broadcast[data-mode="pl-2011-12"] .cb-home::after {
  content: '-';
  position: absolute;
  left: 263px;
  top: 13px;
  color: #fff;
  font: 400 26px/29px 'PL 2012 Broadcast', sans-serif;
}

.cb-broadcast[data-mode="pl-2011-12"] time {
  position: absolute;
  top: 47px;
  left: 111px;
  width: 101px;
  height: 26px;
  color: #fff;
  text-align: center;
  font: 400 30px/26px 'PL 2012 Broadcast', sans-serif;
  font-synthesis: none;
}

.cb-broadcast[data-mode="pl-2011-12"] time[data-added-time]::after {
  content: attr(data-added-time);
  position: absolute;
  top: 0;
  left: 100%;
  width: 48px;
  height: 26px;
  background: #edf1f4;
  color: #122044;
  font: 400 24px/26px 'PL 2012 Broadcast', sans-serif;
}

.cb-broadcast[data-mode="pl-2011-12"] .cb-team i {
  top: 50px;
  bottom: auto;
  left: 230px;
}

.cb-broadcast[data-mode="pl-2011-12"] .cb-away i {
  left: 316px;
}

@media (max-width: 600px) {
  body #mainContent .cb-broadcast[data-mode="pl-2011-12"] {
    width: min(96%, 350px);
  }
}