.league.card#cfbl,
main:has(.league.card#cfbl.active) {
  --key-color: #22f5a9;
  --background-top-right: url('https://z8games.akamaized.net/cfbr/templates/assets/cfsupporterclub/images/background-leagues-cfbl.webp');
}

.league.card#cfol,
main:has(.league.card#cfol.active) {
  --key-color: #78ff00;
  --background-top-right: url('https://z8games.akamaized.net/cfbr/templates/assets/cfsupporterclub/images/background-leagues-cfol.webp');
}

.league.card#cfvc,
main:has(.league.card#cfvc.active) {
  --key-color: #f83a3a;
  --background-top-right: url('https://z8games.akamaized.net/cfbr/templates/assets/cfsupporterclub/images/background-leagues-cfvc.webp');
}

.league.card#vipcup,
main:has(.league.card#vipcup.active) {
  --key-color: #f83a3a;
  --background-top-right: url('https://z8games.akamaized.net/cfbr/templates/assets/cfsupporterclub/images/background-leagues-cfvc.webp');
}

.league.card#cfsbr,
main:has(.league.card#cfsbr.active) {
  --key-color: #88cfef;
  --background-top-right: url('https://z8games.akamaized.net/cfbr/templates/assets/cfsupporterclub/images/background-leagues-cfsbr.webp');
}

main {
  accent-color: var(--key-color);
}

#cfbl .league-flag {
  background-image: url('https://z8games.akamaized.net/cfbr/templates/assets/cfsupporterclub/images/league-card-flag-cfbl.webp');
}

#cfol .league-flag {
  background-image: url('https://z8games.akamaized.net/cfbr/templates/assets/cfsupporterclub/images/league-card-flag-cfol.webp');
}

#cfvc .league-flag {
  background-image: url('https://z8games.akamaized.net/cfbr/templates/assets/cfsupporterclub/images/league-card-flag-cfvc.webp');
}

#vipcup .league-flag {
  background-image: url('https://z8games.akamaized.net/cfbr/templates/assets/cfsupporterclub/images/league-card-flag-cfvc.webp');
}

#cfsbr .league-flag {
  background-image: url('https://z8games.akamaized.net/cfbr/templates/assets/cfsupporterclub/images/league-card-flag-cfsbr.webp');
}