#subsetModal .algset-card {
    width: 120px;
    min-height: 140px;
    margin: 0 auto;
}

#subsetModal .algset-card img,
#subsetModal .algset-card canvas,
#subsetModal .algset-card [data-zbll-image-src] {
    width: 64px;
    height: 64px;
    object-fit: contain;
    display: block;
    margin: 0 auto;
}

@media (min-width: 992px) {
    #subsetModal #subsetGrid {
        display: flex !important;
        flex-wrap: wrap;
        justify-content: center;
        align-items: flex-start;
        gap: 0.5rem;
    }

    #subsetModal #subsetGrid>div {
        display: flex;
        justify-content: center;
        align-items: stretch;
        width: auto !important;
        max-width: none !important;
        flex: 0 0 auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin: 0 !important;
    }
}

@media (max-width: 991.98px) {
    #subsetModal #subsetGrid {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0.4rem;
    }

    #subsetModal #subsetGrid>div {
        width: 100% !important;
        max-width: none !important;
        flex: none !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin: 0 !important;
    }

    #subsetModal #subsetGrid .algset-card {
        width: 100%;
        max-width: 112px;
    }
}

@media (max-width: 420px) {
    #subsetModal #subsetGrid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}