.leader-table{background-color:#17171a;border-radius:20px;display:grid}.leader-table--badminton .leader-table__top{background-color:#014f5c}.leader-table--badminton .leader-table__top-name{color:#03ddff}.leader-table--badminton .leader-table__top-name svg:not(.leader-table__top-name-back) path{fill:#03ddff}.leader-table--pickle-ball .leader-table__top{background-color:#3e5d16}.leader-table--pickle-ball .leader-table__top-name{color:#2cfa03}.leader-table--pickle-ball .leader-table__top-name svg:not(.leader-table__top-name-back) path{fill:#2cfa03}.leader-table__content{max-width:100%;overflow-x:auto}.leader-table__top{align-items:center;border-radius:19px;display:flex;justify-content:space-between;margin-block:20px;margin-inline:16px;padding-block:9px;padding-inline:16px}.leader-table__top-name{align-items:center;-moz-column-gap:8px;column-gap:8px;display:flex;font-size:24px;font-weight:700;text-transform:capitalize}.leader-table__top-name-back{transition:opacity .4s ease}.leader-table__top-name-back:hover{opacity:.75}.leader-table__top-more{align-items:center;color:#f5f5f5;-moz-column-gap:4px;column-gap:4px;display:flex;transition:opacity .4s ease}.leader-table__top-more:hover{opacity:.75}.leader-table__top-more svg{display:flex;transition:transform .4s ease}.leader-table__top-more:hover svg{transform:translate(2px)}.leader-table__headers{color:#fff;-moz-column-gap:10px;column-gap:10px;display:grid;font-size:16px;font-weight:700;grid-template-columns:40px 40px 1fr 100px 100px 60px;padding-block:10px;padding-inline:16px}.leader-table__headers-item:first-child{text-align:center}.leader-table__headers-item:last-child{text-align:right}.leader-list{display:flex;flex-direction:column;row-gap:8px}.leader-card{-moz-column-gap:10px;column-gap:10px;display:grid;grid-template-columns:40px 40px 1fr 100px 100px 60px;padding-block:10px;padding-inline:16px;transition:background-color .3s ease,transform .3s ease}.leader-card:hover{background-color:#262529;transform:translateY(-1px)}.leader-card__num{align-items:center;display:flex;justify-content:center;text-align:center}.leader-card__num img{height:auto;width:30px}.leader-card__name{align-items:center;display:flex}.leader-card__name-value{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leader-card__matches,.leader-card__rating,.leader-card__winrate{align-items:center;display:flex}.leader-card__winrate{justify-content:flex-end;text-align:right}.leader-card__media{position:relative}.leader-card__avatar{background-color:gold;border-radius:100%;height:35px;overflow:hidden;position:relative;width:35px}.leader-card__avatar-img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.leader-card__rank{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0000004d;border-radius:100%;bottom:0;display:flex;height:18px;justify-content:center;padding:2px;position:absolute;right:0;width:18px}@media (max-width:1240px){.leader-table{font-size:14px}.leader-table__top{border-radius:16px;margin-inline:8px;padding-block:6px;padding-inline:8px}.leader-table__top-name{font-size:16px}.leader-table__top-name svg:not(.leader-table__top-name-back){width:30px}.leader-table__headers{font-size:14px;grid-template-columns:40px 40px 70px 60px 70px minmax(60px,1fr);margin-bottom:8px;padding-inline:8px}.leader-table__headers-item:last-child{padding-right:8px}.leader-card{-moz-column-gap:10px;column-gap:10px;grid-template-columns:40px 40px 70px 60px 70px minmax(60px,1fr);padding-inline:8px;width:100%}.leader-card:hover{background-color:#17171a;transform:none}.leader-card__avatar{height:40px;width:40px}.leader-card__rank{height:20px;padding:0;right:-5px;width:20px}.leader-card__name-value{max-width:70px}.leader-card__winrate{padding-right:8px}}