@charset "utf-8";

.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); gap: var(--fds-ref-spacing-large); padding-bottom: var(--fds-ref-spacing-large); }

[class*="is-mobile"] .casinoGamesList { grid-template-columns: repeat(6, 1fr); 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); }
}