.dt-live-mobile-tabs {
  display: none;
  margin: .2rem .85rem .75rem;
}

.dt-live-player {
  display: grid;
  grid-template-columns: 54px 54px minmax(0, 1fr) minmax(42px, auto) 62px;
  align-items: center;
  column-gap: .45rem;
  min-width: 0;
}

.dt-live-player__pos {
  justify-self: start;
  min-width: 46px;
}

.dt-live-player__pos--empty,
.dt-live-shirt-number--empty,
.dt-live-points-badge--empty {
  visibility: hidden;
}

.dt-live-player-name {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dt-live-shirt-number,
.dt-live-points-badge {
  border-radius: 999px;
  padding: 2px 7px;
  font-size: .68rem;
  font-weight: 800;
  line-height: 1.25;
  white-space: nowrap;
}

.dt-live-shirt-number {
  color: #f5d07a;
  background: rgb(212 175 55 / 12%);
  border: 1px solid rgb(212 175 55 / 34%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  min-width: 46px;
  justify-self: start;
}

.dt-live-shirt-number__icon {
  font-size: .62rem;
  line-height: 1;
}

.dt-live-points-badge {
  min-width: 58px;
  text-align: center;
  justify-self: end;
}

.dt-live-points-badge--positive {
  color: #d8fff3;
  background: rgb(0 229 164 / 13%);
  border: 1px solid rgb(0 229 164 / 38%);
}

.dt-live-points-badge--neutral {
  color: #f5d07a;
  background: rgb(212 175 55 / 11%);
  border: 1px solid rgb(212 175 55 / 32%);
}

.dt-live-points-badge--negative {
  color: #ffe1e1;
  background: rgb(239 68 68 / 13%);
  border: 1px solid rgb(239 68 68 / 42%);
}

.dt-live-player-markers {
  justify-self: end;
  min-width: 0;
}

.dt-live-lineup-list__item {
  min-width: 0;
  border-radius: 6px;
  padding: 3px 6px;
  line-height: 1.65;
}

.dt-live-lineup-list__item + .dt-live-lineup-list__item {
  margin-top: 1px;
}

.dt-live-lineup-list__item:nth-child(odd) {
  background: rgb(255 255 255 / 3.5%);
}

.dt-live-lineup-list__item:nth-child(even) {
  background: rgb(0 0 0 / 8%);
}

.dt-live-lineup-list__item--muted {
  background: transparent;
}

@media (width <= 900px) {
  .dt-live-mobile-tabs {
    display: grid;
  }

  .dt-live-details-grid {
    padding: .15rem .85rem .85rem;
  }

  .dt-live-details-grid .dt-live-team-block {
    display: none;
  }

  .dt-live-details-grid .dt-live-team-block.is-active {
    display: block;
  }

  .dt-live-player {
    grid-template-columns: 54px 54px minmax(0, 1fr) minmax(34px, auto) 62px;
    align-items: center;
  }

  .dt-live-player-markers {
    flex-wrap: wrap;
    justify-content: flex-end;
  }

  .dt-live-team-block {
    padding: .7rem;
  }

  .dt-live-lineup-list__item {
    font-size: .84rem;
    line-height: 1.7;
  }
}

@media (width <= 560px) {
  .dt-fixture-row {
    display: grid;
    grid-template-columns: 52px 1fr 64px 1fr;
    gap: 6px 8px;
    padding: 10px 14px;
  }

  .dt-fixture-row__time {
    grid-column: 1;
    grid-row: 1;
  }

  .dt-fixture-row__home {
    grid-column: 2;
    grid-row: 1;
    text-align: right;
    padding-right: 0;
  }

  .dt-fixture-row__score {
    grid-column: 3;
    grid-row: 1;
    flex-basis: auto;
  }

  .dt-fixture-row__away {
    grid-column: 4;
    grid-row: 1;
    padding-left: 0;
  }

  .dt-fixture-row__live-right {
    grid-column: 3 / 5;
    grid-row: 2;
    justify-self: end;
    margin-left: 0;
    padding-left: 0;
  }

  .dt-live-player {
    grid-template-columns: 50px 50px minmax(0, 1fr) minmax(30px, auto) 58px;
    column-gap: .3rem;
  }

  .dt-live-player-markers {
    gap: .18rem;
  }

  .dt-live-goal-badge,
  .dt-live-penalty-badge,
  .dt-live-points-badge,
  .dt-live-shirt-number {
    font-size: .65rem;
  }

  .dt-live-sub-list__item {
    flex-wrap: wrap;
  }
}