.cmw-markets-archive-list {
    --cmw-individual-item-inside-gap: var(--cmw-s);
    --cmw-individual-item-padding: var(--cmw-m) var(--cmw-s);
    --cmw-individual-item-details-gap: var(--cmw-3xs);

    width: min(83%, 1200px);
    margin-inline:auto;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: var(--cmw-xs);
    justify-content: center;
}

.cmw-markets-archive-list .cmw-market-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--cmw-individual-item-inside-gap);
    justify-content: space-between;
    padding: var(--cmw-individual-item-padding);
    border-radius: var(--cmw-2xs);
    background: var(--cmw-Faint-Gray);
}

.cmw-markets-archive-list .cmw-market-item .cmw-market-item-details {
    display: flex;
    flex-direction: column;
    gap: var(--cmw-individual-item-details-gap);
}

.cmw-markets-archive-list .cmw-market-item .cmw-market-item-details img {
    margin-bottom: 0px;
    height: 64px;
    width: 64px;
}

@media (max-width: 834px) {
    .cmw-markets-archive-list {
        --cmw-individual-item-inside-gap: var(--cmw-xs);
        --cmw-individual-item-padding: var(--cmw-s) var(--cmw-xs);
        --cmw-individual-item-details-gap: var(--cmw-4xs);

        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    }
}

@media (max-width: 480px) {
    .cmw-markets-archive-list {
        --cmw-individual-item-padding: var(--cmw-xs) var(--cmw-xs);
    }
}