@charset "utf-8";

.casinoNavigationAndFilters { display: flex; flex-direction: column; }

[class*="is-web"] .casinoNavigationAndFilters { margin: var(--fds-ref-spacing-2xlarge) 0 var(--fds-ref-spacing-4xlarge) 0; gap: var(--fds-ref-spacing-medium); }

[class*="is-mobile"] .casinoNavigationAndFilters { margin: var(--fds-ref-spacing-large) 0 var(--fds-ref-spacing-2xlarge) 0; gap: var(--fds-ref-spacing-3xsmall); }

[class*="is-web"] .casinoNavigationAndFilters--noCategories { margin-top: var(--fds-ref-spacing-4xlarge); }

[class*="is-mobile"] .casinoNavigationAndFilters--noCategories { margin-top: var(--fds-ref-spacing-2xlarge); }

[class*="is-web"] .casinoCategories { padding-top: var(--fds-ref-spacing-xsmall); padding-bottom: var(--fds-ref-spacing-xsmall); }

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

.casinoGameProviderFilters { display: grid; }

[class*="is-web"] .casinoGameProviderFilters { gap: var(--fds-ref-spacing-large); grid-template-columns: 9fr 3fr; }

[class*="is-mobile"] .casinoGameProviderFilters { padding: 0 var(--fds-ref-spacing-xsmall); gap: var(--fds-ref-spacing-xsmall); grid-template-columns: 1fr 1fr; }

[class*="is-web"] .casinoGameProviderFilters--withRandomGame { grid-template-columns: 7.5fr max-content 3.5fr; }

[class*="is-web"] .casinoGameProviderFilters--withRandomGame .casinoRandomGameButtonWrapper { order: 1; }

[class*="is-web"] .casinoGameProviderFilters--withRandomGame > :nth-child(2) { order: 2; }

[class*="is-mobile"] .casinoGameProviderFilters--withRandomGame { row-gap: var(--fds-ref-spacing-medium); }

[class*="is-web"] .casinoGameProviderFilters--noProviders, [class*="is-mobile"] .casinoGameProviderFilters--noProviders { grid-template-columns: 1fr; }

[class*="is-web"] .casinoGameProviderFilters--noProviders.casinoGameProviderFilters--withRandomGame { grid-template-columns: 10fr 2fr; }

[class*="is-mobile"] .casinoGameProviderFilters--noProviders.casinoGameProviderFilters--withRandomGame { grid-template-columns: 1fr 1fr; }

[class*="is-mobile"] .casinoGameProviderFilters--noProviders .casinoRecentSearches { width: 100%; }

.casinoSearchWrapper { position: relative; }

.casinoRecentSearches { position: absolute; top: 100%; inset-inline-start: 0px; z-index: 10; display: flex; flex-direction: column; gap: var(--fds-ref-spacing-xsmall); padding: var(--fds-ref-spacing-medium) 0; margin-top: var(--fds-ref-spacing-3xsmall); background: rgba(var(--b),var(--fds-ref-alpha-80)); backdrop-filter: blur(24px); border: var(--fds-ref-border-width-thin) solid rgba(var(--b-sc),var(--fds-ref-alpha-16)); border-radius: var(--fds-ref-radius-medium); }

[class*="is-web"] .casinoRecentSearches { width: 100%; }

[class*="is-mobile"] .casinoRecentSearches { width: calc(200% + var(--fds-ref-spacing-xsmall)); }

.casinoRecentSearches__header { display: flex; justify-content: space-between; align-items: center; padding: 0 var(--fds-ref-spacing-large); }

.casinoRecentSearches__title { color: rgba(var(--b-sc),var(--fds-ref-alpha-90)); }

.casinoRecentSearches__clearAll { color: rgba(var(--b-sc),var(--fds-ref-alpha-80)); cursor: pointer; }

.casinoRecentSearches__chips { display: flex; flex-wrap: wrap; gap: var(--fds-ref-spacing-3xsmall); padding: 0 var(--fds-ref-spacing-large); }

[class*="is-web"] .casinoSelectedProviders { margin-top: var(--fds-ref-spacing-xsmall); }

[class*="is-mobile"] .casinoSelectedProviders { padding-top: ; padding-right: ; padding-left: ; padding-bottom: 0px; }

.casinoProvidersPopupContent { display: flex; flex-direction: column; }

[class*="is-web"] .casinoProvidersPopupContent { min-height: 552px; min-width: calc(660px + 5 * var(--fds-ref-spacing-3xsmall)); max-width: calc(660px + 5 * var(--fds-ref-spacing-3xsmall)); }

.casinoProvidersPopupContent { transition: background var(--default-transition-duration),border-color var(--default-transition-duration); }

.casinoProvidersPopupContent__titleToggleContainer { height: var(--fds-sem-dimension-medium); display: flex; justify-content: space-between; align-items: center; }

.casinoProvidersPopupContent__providerListViewItem { width: 100%; padding: var(--fds-ref-spacing-medium); background-color: rgba(var(--b-sc),var(--fds-ref-alpha-4)); border-radius: var(--fds-ref-radius-xsmall); cursor: pointer; display: flex; align-items: center; justify-content: space-between; transition: background var(--default-transition-duration),border-color var(--default-transition-duration); }

[class*="is-web"] .casinoProvidersPopupContent__providerListViewItem:not([class*="is-web"] .casinoProvidersPopupContent__providerListViewItem--selected):hover { background-color: rgba(var(--b-sc),var(--fds-ref-alpha-8)); }

.casinoProvidersPopupContent__providerListViewItem--text { color: rgba(var(--b-sc),var(--fds-ref-alpha-64)); }

.casinoProvidersPopupContent__providerListViewItem--selected { background: rgba(var(--hero),var(--fds-ref-alpha-16)); box-shadow: inset 0 0 0 1px rgba(var(--hero),var(--fds-ref-alpha-100)); }

.casinoProvidersPopupContent__section { display: flex; flex-direction: column; gap: var(--fds-ref-spacing-small); }

.casinoProvidersPopupContent__search { padding-bottom: var(--fds-ref-spacing-large); }

[class*="is-mobile"] .casinoProvidersPopupContent__search { position: sticky; top: 0px; z-index: 30; background: rgba(var(--b),var(--fds-ref-alpha-100)); }

.casinoProvidersPopupContent__sectionTitle { color: rgba(var(--b-sc),var(--fds-ref-alpha-90)); flex: 1 1 0%; }

.casinoProvidersPopupContent__viewToggle { cursor: pointer; padding: var(--fds-ref-spacing-xsmall); }

.casinoProvidersPopupContent__viewToggle svg { width: var(--fds-sem-dimension-xsmall); height: var(--fds-sem-dimension-xsmall); fill: rgba(var(--b-sc),var(--fds-ref-alpha-80)); }

[class*="is-web"] .casinoProvidersPopupContent__viewToggle svg:hover { fill: rgba(var(--b-sc),var(--fds-ref-alpha-100)); }

.casinoProvidersPopupContent__grid { display: grid; gap: var(--fds-ref-spacing-3xsmall); }

[class*="is-web"] .casinoProvidersPopupContent__grid { grid-template-columns: repeat(6, 1fr); }

[class*="is-mobile"] .casinoProvidersPopupContent__grid { grid-template-columns: repeat(3, 1fr); }

.casinoProvidersPopupContent__grid .providerItemsInner { width: 100%; min-width: unset; }

.casinoProvidersPopupContent__grid--list { display: flex; flex-direction: column; gap: var(--fds-ref-spacing-3xsmall); }

[class*="is-web"] .casinoProvidersPopupContent__underSearchContent { flex: 1 1 0%; }

[class*="is-mobile"] .casinoProvidersPopupContent__underSearchContent { padding-bottom: calc(var(--fds-sem-dimension-large) + 2 * var(--fds-ref-spacing-large)); }

.casinoProvidersPopupContent__footer { display: flex; align-items: center; gap: var(--fds-ref-spacing-large); padding: var(--fds-ref-spacing-large); background: rgba(var(--b),var(--fds-ref-alpha-100)); z-index: 30; }

[class*="is-web"] .casinoProvidersPopupContent__footer { position: sticky; bottom: calc(-1 * var(--fds-ref-spacing-large)); margin: 0 calc(-1 * var(--fds-ref-spacing-large)) calc(-1 * var(--fds-ref-spacing-large)); justify-content: flex-end; }

[class*="is-mobile"] .casinoProvidersPopupContent__footer { position: fixed; bottom: 0px; left: 0px; right: 0px; margin: 0px; }

[class*="is-mobile"] .casinoProvidersPopupContent__footer .ds-btn { flex: 1 1 0%; }

[class*="is-mobile"] .casinoRandomGameButtonWrapper { grid-column: 1 / -1; }

.casinoRandomGameButtonWrapper .ds-btn { width: 100%; }

.randomGamePopupContent { margin-top: var(--fds-ref-spacing-large); }

[class*="is-web"] .randomGamePopupContent { width: 568px; }

.randomGameContainer { width: 100%; max-width: 375px; margin-top: 0px; margin-inline: auto; border-radius: var(--border-radius-middle); overflow: hidden; }

[class*="is-web"] .randomGameContainer { height: 270px; margin-bottom: var(--fds-ref-spacing-large); }

[class*="is-mobile"] .randomGameContainer { height: 225px; margin-bottom: var(--fds-ref-spacing-large); }

.randomGameList { display: flex; flex-direction: column; }

.randomGameList.loop, .randomGameList.finish { transition: transform cubic-bezier(0.42, 0, 0.58, 1); }

.randomGameSingle { overflow: hidden; }

[class*="is-web"] .randomGameSingle { height: 270px; }

[class*="is-mobile"] .randomGameSingle { height: 225px; }

.randomGameSingle > .casinoGameItemImage { position: unset; object-fit: cover; }

.randomGameContainer.randomGameContainer--portrait, .randomGameContainer.randomGameContainer--portrait .randomGameSingle { width: 261px; height: auto; aspect-ratio: 3 / 4; }

.randomGameContainer.randomGameContainer--rect, .randomGameContainer.randomGameContainer--rect .randomGameSingle { width: 261px; height: auto; aspect-ratio: 1 / 1; }

.randomGameName { color: rgba(var(--b-sc, var(--fds-ref-alpha-56))); text-align: center; }

.randomGamePopupBtnGroup { display: flex; gap: var(--fds-ref-spacing-large); overflow: hidden; }

.randomGamePopupBtnGroup .ds-btn { width: 100%; }

[class*="is-web"] .randomGamePopupBtnGroup, [class*="is-mobile"] .randomGamePopupBtnGroup { margin-top: var(--fds-ref-spacing-large); }

[class*="is-web"] .casinoLobbyContainer { padding-bottom: var(--fds-ref-spacing-large); }