@font-face {
  font-family: "Nexa Bold";
  src: url('../fonts/nexa-bold.otf') format('opentype');
}

@font-face {
  font-family: "Nexa Light";
  src: url('../fonts/nexa-light.otf') format('opentype');
}

.col {
  display: unset;
}

.lt-wrapper {
  width: 1920px;
  height: 1080px;
  overflow: hidden;
  margin: 0;
  position: absolute;
  left: 0;
  top: 0;
}

.flex-container,
.container
{
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
}

.container,
.win-rate.container,
.pick-rate.container,
.ban-rate.container,
.kda.container
{
  width: 275px;
  height: 111px;
  flex-wrap: wrap;
  align-content: center;
  font-family: 'Nexa Bold';
  text-transform: uppercase;
}

.container .label {
  position: unset;
  top: unset;
}

.stat {
  color: #00FFFF !important;
  font-size: 24px !important;
  margin-left: 5px !important;
  letter-spacing: 0.025em;
}

.label {
  color: rgba(230, 230, 230, 0.9) !important;
  font-size: 24px !important;
  letter-spacing: 0.025em;
}

body {
  width: 100vw;
  height: 100vh;
}

#hero-pbw,
#hero-pwk,
#player-kwk,
#player-kww,
#player-hero
{
  right: 0;
  background-image: url('../images/lt-stat-bg.png');
  background-color: rgba(0,0,0,0);
  background-repeat: no-repeat;
  bottom: 0;
  height: 111px;
  width: 1500px;
  position: absolute;
  background-position: right;
}

#lt-static-bg {
  width: 100%;
  background-color: #0d1a44;
  height: 111px;
  z-index: -1;
  background-image: url('../images/lt-bg-segment.png');
  background-position: 421px 0px;
  background-repeat: no-repeat;
}

#lt-static-bg2 {
  width: 498px;
  height: 123px;
  background-image: url('../images/lt-bg-top.png');
  position: absolute;
  left: 0;
  bottom: 0;
  background-repeat: no-repeat;
  z-index: 10;
}

#lt-static-bg3 {
  width: 1920px;
  height: 4px;
  background-image: url('../images/lt-gradient-bar.png');
  position: absolute;
  left: 0;
  bottom: 111px;
  background-repeat: no-repeat;
}

.tournament-name-flex {
  left: 0;
  bottom: 0;
  width: 429px;
  height: 111px;
  z-index: 11;
}

.tournament-name {
  font-family: 'Nexa Bold';
  font-size: 34px;
  letter-spacing: 0.05em;
  color: #0D1A44;
  text-transform: uppercase;
}

.hero-portrait {
  left: 0px;
  top: 0;
  background-color: rgba(0,0,0,0);
  position: absolute;
  width: 340px;
  height: 111px;
  z-index: 0;
  clip-path: polygon(66px 0, 100% 0, 100% 100%, 8px 100%);
}

.team-portrait {
  right: 1231px;
  top: 5px;
  background-color: rgba(0,0,0,0);
  position: absolute;
  width: 170px;
  height: 100px;
  z-index: 0;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.hero-name-top-container {
  width: 350px;
  height: 111px;
  position: absolute;
  left: 340px;
  bottom: 0px;
}

.hero-name-container {
  flex-direction: column;
  flex-wrap: nowrap;
  position: unset;
}

#hero-pbw .hero-name,
#hero-pwk .hero-name,
#player-kwk .player-name,
#player-kww .player-name,
#player-hero .player-name
{
  font-family: 'Nexa Bold';
  color: #0D1A44;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  font-size: 34px;
  position: unset;
  width: unset;
  height: unset;
  left: unset;
  bottom: unset;
  display: block;
}

.hero-name-flex {
  position: unset;
}

.hero-role-flex {
  width: 100%;
  position: unset;
  margin-top: -5px;
}

.hero-role-accent {
  flex-grow: 1;
  height: 4px;
  background-color: rgba(0, 255, 255, 1);
}

.hero-role-accent.left {
  margin-right: 5px;
}

.hero-role-accent.right {
  margin-left: 5px;
}

#player-kwk .kda-sep,
#player-kww .kda-sep,
#player-hero .kda-sep
{
  display: unset;
}

#hero-pbw .hero-role,
#hero-pwk .hero-role,
#player-kwk .player-role,
#player-kww .player-role,
#player-hero .player-on-hero
{
  font-family: 'Nexa Light';
  font-size: 24px;
  color: #0D1A44;
}

#hero-pbw .pick-rate.container,
#hero-pwk .part-rate.container,
#player-kwk .kda.container,
#player-kww .kda.container,
#player-hero .record.container
{
  left: 695px;
}

#hero-pbw .win-rate.container,
#hero-pwk .win-rate.container,
#player-kwk .win-rate.container,
#player-kww .win-rate.container,
#player-hero .kda.container
{
  left: 975px;
}

#hero-pbw .ban-rate.container,
#hero-pwk .kda.container,
#player-kwk .kp.container,
#player-kww .wildcard.container,
#player-hero .wildcard.container
{
  left: 1270px;
  width: 230px;
}