.trending--weekly {
    margin: 0 calc(-1 * max(0px, 10vw - 60px, 25vw - 300px, 45vw - 800px)); /* Inverses the magic numbers used in the main layout styles */
    width: max-content;
    max-width: 100vw;
    align-self: center;
}

.trending-poster {
    display: grid;
    grid-template-rows: auto 1fr;
    grid-template-columns: 1fr auto;
}

.trending-poster > .torrent-search--poster__result {
    grid-area: 1 / 1 / 3 / 3;
}

.trending-poster__download-count {
    grid-area: 2 / 3 / 1 / 2;
    border-radius: 9999px;
    margin: 6px;
    color: #ddd;
    background: #161a42;
    border: 2px solid #73904b;
    height: 36px;
    line-height: 32px;
    width: 36px;
    box-shadow:
        0 8px 10px 1px rgba(0, 0, 0, 0.14),
        0 3px 14px 2px rgba(0, 0, 0, 0.12),
        0 5px 5px -3px rgba(0, 0, 0, 0.2);
    font-size: 11px;
    text-align: center;
}

.trending-weekly__row {
    display: grid;
    grid-template-columns: repeat(10, minmax(120px, 1fr));
    gap: 0.75rem;

    .torrent-search--poster__caption {
        margin: 2px;
    }

    .torrent-search--poster__title {
        font-size: 12px;
    }

    .torrent-search--poster__release-date {
        font-size: 12px;
    }
}
