.toplistContainer {
    @include flex-direction(column);
    gap: 2rem;
    width: 100%;
    padding: 1.6rem;
    padding-top: 5rem;
    background-color: var(--levelTwo-btn-bg-color, var(--levelTwo-bg-color));

    @include min(desktop) {
        width: 30%;
        padding: 0;
        margin-top: 0;
    }
}

.listContainer {
    @include flex-direction(column);
    gap: .8rem;
    li {
        background-color: white;
        border-radius: 1.6rem;
        box-shadow: 0px 6px 8px -2px rgba(27, 27, 28, 0.06), 0px 4px 4px -2px rgba(27, 27, 28, 0.04);
        padding: .8rem 1.4rem;

        @include flex-align(center, space-between);
        gap: 1rem;
        img {
            border-radius: 1.2rem;
        }
    }
}

.info {
    @include flex-align(flex-start, center);
    flex-direction: column;
    flex-basis: 50%;
}