.leaderboard .table-desktop {
  padding: 100px 18%;
  background: linear-gradient(180deg, rgba(16, 168, 103, 0) 0%, #10a867 100%), var(--Contrast-Green, #003a29);
}
.leaderboard table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  text-align: left;
  border-radius: 15px;
  overflow: hidden;
}
.leaderboard table thead {
  background: var(--Go-Green, #00e677);
  color: var(--Heritage-Green, #004d36);
}
.leaderboard table th {
  padding: 12px;
  font-weight: bold;
}
.leaderboard table tbody {
  background-color: white;
}
.leaderboard table tbody tr:nth-child(odd) {
  background: var(--Inspirational-Green, #e7f7f1);
}
.leaderboard table tbody td {
  padding: 12px;
  vertical-align: middle;
  color: var(--Heritage-Green, #004d36);
  color: var(--Heritage-Green, #004d36);
  text-align: left;
  font-family: Libre Franklin;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.3px;
}
.leaderboard table tbody td .flag-icon {
  width: 100%;
  height: 100%;
  display: block;
  padding: 12px 12px 12px 12px;
  margin: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.leaderboard table tbody .flag {
  padding: 0;
  width: auto;
  height: 100%;
}
.leaderboard table tbody .name {
  color: var(--Heritage-Green, #004d36);
  text-align: left;
  font-family: Libre Franklin;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.2px;
}
.leaderboard table tr:hover {
  background-color: var(--Your-Hover-Row-Color);
}
.leaderboard .table-mobile {
  display: none;
  padding: 100px 24px;
  background: linear-gradient(180deg, rgba(16, 168, 103, 0) 0%, #10a867 100%), var(--Contrast-Green, #003a29);
}
.leaderboard .table-mobile ul {
  list-style: none;
  padding: 0;
}
.leaderboard .table-mobile li {
  overflow: hidden;
  margin-bottom: 12px;
}
.leaderboard .table-mobile li:first-child {
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}
.leaderboard .table-mobile li:last-child {
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}
.leaderboard .table-mobile li .leader-card {
  display: flex;
  flex-direction: column;
}
.leaderboard .table-mobile li .position {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 64px;
  background: var(--Go-Green, #00e677);
  color: var(--Heritage-Green, #004d36);
  text-align: center;
  font-family: Libre Franklin;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.3px;
}
.leaderboard .table-mobile li .name {
  background: var(--Inspirational-Green, #e7f7f1);
  display: flex;
  height: 64px;
  justify-content: left;
  align-items: center;
  color: var(--Heritage-Green, #004d36);
  text-align: left;
  font-family: Libre Franklin;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.2px;
}
.leaderboard .table-mobile li .block-row {
  display: flex;
}
.leaderboard .table-mobile li .block-row .block {
  flex: 1;
  width: 25%;
  display: flex;
  flex-direction: column;
  height: 64px;
}
.leaderboard .table-mobile li .block-row .block .flag-icon {
  width: 100%;
  height: 100%;
  display: block;
  padding-top: 12px;
  padding-bottom: 12px;
  margin: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.leaderboard .table-mobile li .block-row .block img {
  max-width: 24px;
  max-height: 16px;
  display: block;
  margin: 0 auto;
}
.leaderboard .table-mobile li .block-row .block span {
  color: var(--Heritage-Green, #004d36);
  text-align: center;
  font-family: Libre Franklin;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.2px;
}
.leaderboard .table-mobile li .block-row .block b {
  color: var(--Heritage-Green, #004d36);
  font-family: Libre Franklin;
  text-align: center;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: -0.3px;
}
.leaderboard .table-mobile li .block-row .block.score {
  background: var(--Go-Green, #00e677);
}
.leaderboard .table-mobile li .block-row .block.hole {
  background: var(--Good-Green, #10a867);
}
.leaderboard .table-mobile li .block-row .block.hole span,
.leaderboard .table-mobile li .block-row .block.hole b {
  color: var(--Contrast-Green, #003a29);
}
.leaderboard .table-mobile li .block-row .block.today {
  background: var(--Nedbank-Green, #006341);
}
.leaderboard .table-mobile li .block-row .block.today span,
.leaderboard .table-mobile li .block-row .block.today b {
  color: var(--Go-Green, #00e677);
}
.leaderboard .table-mobile li .rnd-odd {
  background: var(--Inspirational-Green, #e7f7f1);
}
.leaderboard .table-mobile li .rnd-even {
  background: var(--White, #fff);
}

@media (max-width: 1200px) {
  .leaderboard .table-desktop {
    padding: 100px 9%;
  }
}
@media (max-width: 1024px) {
  .leaderboard .banner.short {
    padding: 100px 9%;
  }
  .leaderboard .table-desktop {
    padding: 100px 24px;
    overflow-x: scroll;
  }
}
@media (max-width: 768px) {
  .leaderboard .table-desktop {
    display: none;
  }
  .leaderboard .table-mobile {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .leaderboard .table-mobile ul {
    width: 100%;
    max-width: 432px;
  }
  .leaderboard .table-mobile li .block-row .block .flag-icon {
    background-size: cover;
  }
}
@media (max-width: 480px) {
  .leaderboard .banner.short {
    padding: 74px 24px;
  }
  .leaderboard .banner.short h1 {
    font-size: 56px;
  }
}

/*# sourceMappingURL=leaderboard.css.map */