/* Post rank list page */

.comics-list-page.post-rank-page .comics-list-section {
  display: flex;
  flex-direction: column;
  gap: 36px;
}

.comics-list-page.post-rank-page .comics-list-section .rank-tabs {
  align-self: stretch;
}

.comics-list-page.post-rank-page .gossip-list .gossip-feature {
  width: 100%;
}

.comics-list-page.post-rank-page .gossip-feature__rank {
  position: absolute;
  right: 30px;
  top: 30px;
  z-index: 3;
}

.comics-list-page.post-rank-page .gossip-feature__rank .rank-badge__number--default.rank-badge__number--compact {
  width: 24px;
  left: 10px;
  font-size: 12px;
}

@media (max-width: 768px) {
  .comics-list-page.post-rank-page .comics-list-section {
    gap: 18px;
  }

  .comics-list-page.post-rank-page .comics-list-section .rank-tabs {
    align-self: stretch;
    gap: 6px;
  }

  .comics-list-page.post-rank-page .comics-list-section .rank-tab {
    flex: 1 1 0;
    padding: 6px 24px;
  }

  .comics-list-page.post-rank-page .gossip-feature__rank {
    right: 6px;
    top: 6px;
  }

  .comics-list-page.post-rank-page .gossip-feature__rank .rank-badge__bg {
    object-fit: contain;
  }

  .comics-list-page.post-rank-page .gossip-feature__rank .rank-badge,
  .comics-list-page.post-rank-page .gossip-feature__rank .rank-badge__wrap,
  .comics-list-page.post-rank-page .gossip-feature__rank .rank-badge__bg {
    width: 20px;
    height: 24px;
  }

  .comics-list-page.post-rank-page .gossip-feature__rank .rank-badge__shine {
    width: 15px;
    height: 8.77px;
    left: 2.73px;
    top: 10.15px;
  }

  .comics-list-page.post-rank-page .gossip-feature__rank .rank-badge__number--gold,
  .comics-list-page.post-rank-page .gossip-feature__rank .rank-badge__number--silver,
  .comics-list-page.post-rank-page .gossip-feature__rank .rank-badge__number--bronze,
  .comics-list-page.post-rank-page .gossip-feature__rank .rank-badge__number--default {
    width: 10px;
    left: 5px;
    top: 9px;
    font-size: 10px;
    line-height: 9.23px;
  }

  .comics-list-page.post-rank-page .gossip-feature__rank .rank-badge__number--default.rank-badge__number--compact {
    width: 12px;
    left: 4px;
    top: 9px;
    font-size: 8px;
    line-height: 9.23px;
  }
}