.casinoGamesListWrapper {
    width: 100%
}

[class*=is-mobile] .casinoGamesListWrapper {
    padding: 0 var(--fds-ref-spacing-xsmall)
}

.casinoGamesList {
    display: grid
}

[class*=is-web] .casinoGamesList {
    grid-template-columns: repeat(6, 1fr);
    grid-gap: var(--fds-ref-spacing-large);
    padding-bottom: var(--fds-ref-spacing-large)
}

[class*=is-mobile] .casinoGamesList {
    grid-template-columns: repeat(6, 1fr);
    grid-gap: var(--fds-ref-spacing-xsmall)
}

@media screen and (max-width: 1024px) {
    [class*=is-mobile] .casinoGamesList {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media screen and (max-width: 768px) {
    [class*=is-mobile] .casinoGamesList {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media screen and (max-width: 480px) {
    [class*=is-mobile] .casinoGamesList {
        grid-template-columns: repeat(2, 1fr)
    }
}

[class*=is-web] .casinoGamesList--portrait {
    grid-template-columns: repeat(9, 1fr)
}

@media screen and (max-width: 1174px) {
    [class*=is-web] .casinoGamesList--portrait {
        grid-template-columns: repeat(8, 1fr)
    }
}

@media screen and (max-width: 1074px) {
    [class*=is-web] .casinoGamesList--portrait {
        grid-template-columns: repeat(7, 1fr)
    }
}

[class*=is-mobile] .casinoGamesList--portrait {
    grid-template-columns: repeat(7, 1fr)
}

@media screen and (max-width: 1024px) {
    [class*=is-mobile] .casinoGamesList--portrait {
        grid-template-columns: repeat(5, 1fr)
    }
}

@media screen and (max-width: 768px) {
    [class*=is-mobile] .casinoGamesList--portrait {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media screen and (max-width: 480px) {
    [class*=is-mobile] .casinoGamesList--portrait {
        grid-template-columns: repeat(3, 1fr)
    }
}

[class*=is-web] .casinoGamesList--rect {
    grid-template-columns: repeat(9, 1fr)
}

@media screen and (max-width: 1300px) {
    [class*=is-web] .casinoGamesList--rect {
        grid-template-columns: repeat(8, 1fr)
    }
}

@media screen and (max-width: 1174px) {
    [class*=is-web] .casinoGamesList--rect {
        grid-template-columns: repeat(7, 1fr)
    }
}

@media screen and (max-width: 1074px) {
    [class*=is-web] .casinoGamesList--rect {
        grid-template-columns: repeat(6, 1fr)
    }
}

[class*=is-mobile] .casinoGamesList--rect {
    grid-template-columns: repeat(7, 1fr)
}

@media screen and (max-width: 1024px) {
    [class*=is-mobile] .casinoGamesList--rect {
        grid-template-columns: repeat(5, 1fr)
    }
}

@media screen and (max-width: 768px) {
    [class*=is-mobile] .casinoGamesList--rect {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media screen and (max-width: 480px) {
    [class*=is-mobile] .casinoGamesList--rect {
        grid-template-columns: repeat(3, 1fr)
    }
}