.rank-badge{--rank-size:34px;display:inline-block;position:relative;flex:none;width:var(--rank-size);height:var(--rank-size);font-size:var(--rank-size);line-height:1;color:var(--ink);vertical-align:middle;align-self:center;justify-self:center}
.rank-badge-medal{--rank-size:26px}
.rank-badge>.icon{display:block;width:100%;height:100%;overflow:visible}
.rank-badge-number{position:absolute;left:49%;top:40%;transform:translate(-50%,-50%) rotate(-3deg);font-size:.28em;line-height:1;font-weight:850;letter-spacing:-.04em}
.rank-badge-medal .rank-badge-number{top:42%;font-size:.30em}
.rank-badge-multiple .rank-badge-number{font-size:.24em}
.rank-badge-library{display:flex;flex-wrap:wrap;gap:24px;padding:24px;background:var(--surface);border-radius:var(--radius);margin-bottom:30px}
.rank-badge-library>div{display:flex;flex-direction:column;align-items:center;gap:10px;font-size:11px}
.rank-badge-library .rank-badge{--rank-size:88px}
@media(max-width:650px){.home-monthly .rank-badge,.brand-cell .rank-badge{--rank-size:36px}.home-monthly .rank-badge-medal,.brand-cell .rank-badge-medal{--rank-size:28px}}
@media(max-width:360px){.home-monthly .rank-badge,.brand-cell .rank-badge{--rank-size:32px}.home-monthly .rank-badge-medal,.brand-cell .rank-badge-medal{--rank-size:24px}}

.ranking-row>.platform-label,.catalog-entry>.platform-label{position:absolute;z-index:1;top:-9px;left:18px;display:inline-flex;align-items:center;gap:4px;padding:3px 8px 4px;background:var(--yellow,#f3cc62);color:var(--ink);border:1.5px solid var(--ink);border-radius:5px 3px 5px 3px;box-shadow:1px 2px 0 var(--ink);font-size:10px;font-weight:800;line-height:1;white-space:nowrap;transform:rotate(-2deg)}
.platform-label>svg{flex:none;width:13px;height:13px}
.catalog-entry{position:relative}
.platform-label[hidden]{display:none!important}
@media(max-width:650px){.ranking-row>.platform-label,.catalog-entry>.platform-label{left:13px;top:-8px;font-size:9px;padding:2px 7px 3px;gap:3px}.platform-label>svg{width:11px;height:11px}}