.wager-chart { margin: 8px 0 28px; padding: 22px 22px 16px; border-radius: 14px; background: linear-gradient(180deg, #0B3B2E, #062319); color: #E7F1EC; }
.wager-chart .wager-chart-title { margin: 0 0 16px; color: #F6D27A; font-size: 18px; font-weight: 600; line-height: 24px; }
.wager-chart .wager-chart-list { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.wager-chart .wager-chart-row { display: grid; grid-template-columns: 1fr auto; grid-template-areas: "name value" "track track"; gap: 4px 12px; margin: 0; padding: 0; list-style: none; }
.wager-chart .wager-chart-name { grid-area: name; color: #E7F1EC; font-size: 15px; font-weight: 600; line-height: 20px; }
.wager-chart .wager-chart-track { grid-area: track; display: block; height: 12px; border-radius: 999px; background: rgba(255, 255, 255, 0.08); overflow: hidden; }
.wager-chart .wager-chart-bar { display: block; height: 12px; border-radius: 999px; background: linear-gradient(90deg, #0B7F76, #16CFC1); }
.wager-chart .wager-chart-value { grid-area: value; color: #FFFFFF; font-size: 15px; font-weight: 600; line-height: 20px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.wager-chart .wager-chart-total { color: #A9C4B9; font-weight: 400; }
.wager-chart .wager-chart-label { font-size: 0; color: transparent; }
.wager-chart .is-current .wager-chart-name { color: #F6D27A; }
.wager-chart .is-current .wager-chart-bar { background: linear-gradient(90deg, #C9921A, #EFB93F); }
.wager-chart .wager-chart-note { margin: 14px 0 0; color: #A9C4B9; font-size: 13px; line-height: 19px; }
@media (min-width: 720px) {
  .wager-chart .wager-chart-row { grid-template-columns: 150px minmax(0, 1fr) 170px; grid-template-areas: "name track value"; align-items: center; gap: 16px; }
  .wager-chart .wager-chart-value { text-align: right; }
}