/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 20 2026 | 07:57:09 */
# {
  $uid_podium
}
.vp-podium {
  background:#404347;
  border:none;
  border-radius:12px;
  padding:10px;
  max-width:560px;
  color:#fff;
}
# {
  $uid_podium
}
.vp-podium-header {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:10px;
}
# {
  $uid_podium
}
.vp-podium-title {
  font-weight:800;
  font-size:14px;
  margin:0;
  line-height:1.2;
}
# {
  $uid_podium
}
.vp-top-filters {
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin:0;
}
# {
  $uid_podium
}
.vp-top-filter-btn {
  appearance:none;
  border:1px solid #BACC65!important;
  background:rgba(255,255,255,0.06);
  padding:7px 10px;
  border-radius:999px;
  cursor:pointer;
  font-size:12px;
  line-height:1;
  transition:all .15s ease;
  color:#fff;
  text-decoration:none!important;
}
# {
  $uid_podium
}
.vp-top-filter-btn:hover {
  background:rgba(255,255,255,0.10);
}
# {
  $uid_podium
}
.vp-top-filter-btn.is-active {
  background:#fff;
  color:#111;
  border-color:#BACC65!important;
}
# {
  $uid_podium
}
.vp-podium-list {
  margin:0;
  padding:0;
  list-style:none;
  display:grid;
  gap:10px;
}
# {
  $uid_podium
}
.vp-podium-item {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  background:rgba(255,255,255,0.06);
  border-radius:12px;
  padding:10px 12px;
}
# {
  $uid_podium
}
.vp-podium-left {
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}
# {
  $uid_podium
}
.vp-podium-ic {
  font-size:18px;
  line-height:1;
  flex:0 0 auto;
}
# {
  $uid_podium
}
.vp-podium-name {
  min-width:0;
}
# {
  $uid_podium
}
.vp-podium-name a {
  color:#fff;
  text-decoration:none;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:360px;
  display:inline-block;
  vertical-align:bottom;
}
# {
  $uid_podium
}
.vp-podium-name a:hover {
  text-decoration:underline;
}
# {
  $uid_podium
}
.vp-podium-wait {
  opacity:.8;
  white-space:nowrap;
}
# {
  $uid_podium
}
.vp-podium-meta {
  display:flex;
  align-items:center;
  gap:8px;
  flex:0 0 auto;
}
# {
  $uid_podium
}
.vp-podium-perf {
  font-weight:800;
  font-size:13px;
  white-space:nowrap;
}
# {
  $uid_podium
}
.vp-podium-perf.is-pos {
  color:#27d17f;
}
# {
  $uid_podium
}
.vp-podium-perf.is-neg {
  color:#ff6b6b;
}
# {
  $uid_podium
}
.vp-hidden-tag {
  display:inline-block;
  margin-left:8px;
  font-size:12px;
  opacity:.7;
  white-space:nowrap;
}
# {
  $uid_podium
}
.vp-empty {
  opacity:.8;
  padding:8px 2px 2px;
  font-size:13px;
}
@media (max-width:520px) {
  #{$uid_podium
}
.vp-podium-name a {
  max-width:220px;
}
# {
  $uid_podium
}
.vp-podium-item {
  padding:10px;
}
# {
  $uid_podium
}
.vp-podium-header {
  flex-direction:column;
  align-items:flex-start;
}