/* === tip-result marks (won/lost) === */
/* Higher specificity to beat .tips-league-table ... span { background:transparent !important } */
.tip-result,
.tips-league-table .tip-result,
.tips-league-table .tp-stats__grid > div > div:last-child span.tip-result,
.tips-league-table .tp-stats__grid span.tip-result {
  --tr-size: 22px;
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: var(--tr-size) !important;
  height: var(--tr-size) !important;
  flex-shrink: 0 !important;
  border-radius: 999px !important;
  vertical-align: middle !important;
  line-height: 1 !important;
  box-shadow: 0 1px 2px rgba(15,23,42,.18), inset 0 1px 0 rgba(255,255,255,.35) !important;
}
.tip-result--sm { --tr-size: 16px !important; }
.tip-result--md { --tr-size: 20px !important; }
.tip-result--lg { --tr-size: 26px !important; }
.tip-result--badge { position: absolute !important; right: -6px !important; top: -6px !important; z-index: 10 !important; }

.tip-result.tip-result--won,
.tips-league-table .tip-result.tip-result--won,
.tips-league-table .tp-stats__grid > div > div:last-child span.tip-result.tip-result--won,
.tips-league-table .tp-stats__grid span.tip-result.tip-result--won {
  background: linear-gradient(145deg, #22c55e 0%, #15803d 55%, #0b6c39 100%) !important;
  background-image: linear-gradient(145deg, #22c55e 0%, #15803d 55%, #0b6c39 100%) !important;
  background-color: #15803d !important;
  border: 1px solid rgba(255,255,255,.35) !important;
  color: #fff !important;
}

.tip-result.tip-result--lost,
.tips-league-table .tip-result.tip-result--lost,
.tips-league-table .tp-stats__grid > div > div:last-child span.tip-result.tip-result--lost,
.tips-league-table .tp-stats__grid span.tip-result.tip-result--lost {
  background: linear-gradient(145deg, #f87171 0%, #eb3d3a 50%, #9a1f1c 100%) !important;
  background-image: linear-gradient(145deg, #f87171 0%, #eb3d3a 50%, #9a1f1c 100%) !important;
  background-color: #eb3d3a !important;
  border: 1px solid rgba(255,255,255,.28) !important;
  color: #fff !important;
}

.tip-result .tip-result__glyph,
.tips-league-table .tip-result .tip-result__glyph,
.tips-league-table .tp-stats__grid > div > div:last-child span.tip-result .tip-result__glyph {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  font-size: calc(var(--tr-size) * 0.62) !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  color: #fff !important;
  background: transparent !important;
  text-shadow: 0 1px 0 rgba(0,0,0,.15) !important;
}
.tip-result__glyph::before,
.tip-result__glyph::after { content: none !important; }
.tip-stat__mark { margin-left: 2px !important; }