/* /topslots leaderboard */

.cd-topslots-tablewrap{
  overflow:auto;
  border:1px solid var(--line);
  border-radius:var(--r-lg);
  background:var(--surface);
}
.cd-topslots-table{
  width:100%;
  border-collapse:collapse;
  min-width:760px;
}
.cd-topslots-table th,
.cd-topslots-table td{
  padding:12px 14px;
  text-align:left;
  border-bottom:1px solid var(--line);
  vertical-align:middle;
}
.cd-topslots-table thead th{
  font-size:11px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--dim);
  font-weight:700;
  background:var(--bg-2);
}
.cd-topslots-table tbody tr:last-child td{border-bottom:0}
.cd-topslots-table tbody tr:hover{background:rgba(255,255,255,.018)}
.cd-topslots-table .num{
  font-family:var(--font-mono);
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}
.cd-topslots-col-rank{width:56px;text-align:center}
.cd-topslots-col-play{width:92px;text-align:right}
.cd-topslots-rank{
  display:inline-grid;
  place-items:center;
  min-width:32px;
  height:32px;
  padding:0 8px;
  border-radius:9px;
  font-family:var(--font-mono);
  font-weight:700;
  font-size:13px;
  background:var(--surface-3);
  color:var(--muted);
}
.cd-topslots-rank.is-podium{
  background:var(--grad-soft);
  color:var(--gold);
  box-shadow:inset 0 0 0 1px rgba(255,194,75,.28);
}
.cd-topslots-game{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}
.cd-topslots-game img,
.cd-topslots-ph{
  width:52px;
  height:66px;
  object-fit:cover;
  border-radius:8px;
  flex:none;
  background:var(--surface-3);
  border:1px solid var(--line);
}
.cd-topslots-ph{
  display:grid;
  place-items:center;
  font-weight:800;
  color:var(--cyan);
}
.cd-topslots-game strong{
  display:block;
  font-size:14.5px;
  line-height:1.3;
}
.cd-topslots-mobile-provider{display:none;color:var(--dim);margin-top:3px}
.cd-topslots-provider a{color:var(--text)}
.cd-topslots-provider a:hover{color:var(--cyan)}
.cd-topslots-vol{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:var(--muted);
  font-size:12px;
}
.cd-topslots-vol i{
  width:3px;
  height:10px;
  border-radius:2px;
  background:var(--surface-3);
  display:inline-block;
}
.cd-topslots-vol i.f{background:var(--gold)}
.cd-topslots-none{color:var(--dim)}
.cd-topslots-note{
  margin:22px 0 56px;
  font-size:13px;
  color:var(--dim);
  max-width:86ch;
}
.cd-topslots-empty{
  padding:28px;
  border:1px dashed var(--line-2);
  border-radius:var(--r-lg);
  background:var(--surface);
}
.cd-topslots-empty p{margin:8px 0 0;color:var(--muted)}

@media(max-width:820px){
  .cd-topslots-table{min-width:0}
  .cd-topslots-table thead{display:none}
  .cd-topslots-table,
  .cd-topslots-table tbody,
  .cd-topslots-table tr,
  .cd-topslots-table td{display:block;width:100%}
  .cd-topslots-table tr{
    padding:14px 14px 16px;
    border-bottom:1px solid var(--line);
  }
  .cd-topslots-table td{
    padding:0;
    border:0;
  }
  .cd-topslots-col-rank{margin-bottom:10px}
  .cd-topslots-game{margin-bottom:10px}
  .cd-topslots-mobile-provider{display:block}
  .cd-topslots-provider{display:none}
  .cd-topslots-table td.num,
  .cd-topslots-table td:nth-child(6){
    display:inline-block;
    margin-right:14px;
    margin-top:6px;
    font-size:12.5px;
    color:var(--muted);
  }
  .cd-topslots-table td.num::before,
  .cd-topslots-table td[data-label]::before{
    content:attr(data-label) " ";
    color:var(--dim);
    font-family:var(--font-body);
    font-size:10.5px;
    letter-spacing:.06em;
    text-transform:uppercase;
    margin-right:6px;
  }
  .cd-topslots-col-play{margin-top:12px}
}