.ranking-card .rank { position: relative; }
.ranking-card { --ranking-rank-width: 56px; }
.ranking-card[data-period]:not([data-period="All time"]) { --ranking-rank-width: 80px; }
.rank-delta { position: absolute; top: 50%; left: 32px; display: none; align-items: center; gap: 4px; width: 28px; margin: 0; transform: translateY(-50%); color: var(--content-success); font-size: 12px; font-style: normal; font-weight: 400; line-height: 18px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.ranking-card[data-period]:not([data-period="All time"]) .rank-delta { display: flex; }
.rank-delta[data-direction="down"] { color: var(--content-error); }
.ranking-card .rank .rank-delta img { position: static; display: block; flex: 0 0 8px; width: 8px; height: 5px; }