@charset "utf-8";

[class*="is-web"] .casinoGameDetailsPopup { width: 600px; max-width: 600px; height: 650px; }

[class*="is-web"] [class*="is-web"] .casinoGameDetailsPopup { min-width: unset; }

.casinoGameDetailsPopup .ds-popup__content { padding: 0px; }

.casinoGameDetailsDrawer .ds-drawer__header { background: transparent; }

.casinoGameDetailsDrawer .ds-drawer .ds-drawer__content { margin-top: calc(-2 * var(--fds-ref-spacing-large) - var(--fds-sem-dimension-4xsmall)); padding: 0px; height: 70dvh; }

.casinoGameDetailsDrawer .casinoGameDetails, .casinoGameDetailsDrawer .cgdContent { overflow: visible; }

.casinoGameDetailsDrawer .cgdContent { padding-top: 0px; }

.casinoGameDetailsDrawer .cgdHeroWrapper { position: relative; overflow: hidden; display: flex; flex-direction: column; gap: var(--fds-ref-spacing-2xlarge); width: calc(100% + 2 * var(--fds-ref-spacing-large)); margin: 0 calc(-1 * var(--fds-ref-spacing-large)); padding: calc(3 * var(--fds-ref-spacing-large) + var(--fds-sem-dimension-4xsmall)) var(--fds-ref-spacing-large) var(--fds-ref-spacing-large); }

.casinoGameDetailsDrawer .cgdBlurBg { height: 100%; }

.casinoGameDetails { width: 100%; display: flex; flex-direction: column; overflow: hidden; }

.cgdEmptyState { width: 100%; min-height: 200px; display: flex; flex-direction: column; align-items: center; justify-content: center; }

.cgdEmptyText { width: 100%; display: flex; align-items: center; justify-content: center; color: rgba(var(--b-sc),var(--fds-ref-alpha-64)); text-align: center; }

.cgdContent { display: flex; flex-direction: column; align-items: center; gap: var(--fds-ref-spacing-2xlarge); padding: var(--fds-ref-spacing-large) var(--fds-ref-spacing-large) var(--fds-ref-spacing-2xlarge); overflow: hidden auto; position: relative; }

.cgdDragHandle { width: var(--fds-sem-dimension-medium); height: var(--fds-ref-border-width-thicker); border-radius: var(--fds-ref-radius-full); background: rgb(121, 116, 126); flex-shrink: 0; z-index: 1; }

[class*="is-mobile"] .cgdDragHandle { display: none; }

.cgdHeroWrapper { width: 100%; }

.cgdBlurBg { position: absolute; top: 0px; left: 0px; width: 100%; height: 376px; overflow: hidden; filter: blur(var(--fds-ref-spacing-xsmall)); pointer-events: none; }

.cgdBlurBg img { width: 100%; height: 100%; opacity: var(--fds-ref-alpha-80); object-fit: cover; }

.cgdBlurBg::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(to bottom,rgba(var(--b),var(--fds-ref-alpha-2)),rgba(var(--b),var(--fds-ref-alpha-100))); }

.cgdHeroSection { display: flex; gap: var(--fds-ref-spacing-xsmall); width: 100%; position: relative; z-index: 1; align-items: center; justify-content: center; }

.cgdThumbnail { flex: 0 0 auto; overflow: hidden; border-radius: var(--fds-ref-radius-xsmall); }

[class*="is-web"] .cgdThumbnail { width: 190px; }

[class*="is-mobile"] .cgdThumbnail { width: 160px; }

.cgdThumbnail .casinoGameItemImage { border-radius: var(--fds-ref-radius-xsmall); }

.cgdInfoPanel { flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; align-items: center; gap: var(--fds-ref-spacing-large); padding: var(--fds-ref-spacing-large); border-radius: var(--fds-ref-radius-xsmall); position: relative; background: linear-gradient(180deg,rgba(var(--static-black),var(--fds-ref-alpha-48)) 40%,rgba(var(--static-black),var(--fds-ref-alpha-2)) 110%); }

[class*="is-web"] .cgdInfoPanel { height: 225px; justify-content: center; }

[class*="is-mobile"] .cgdInfoPanel { align-self: stretch; justify-content: flex-end; gap: var(--fds-ref-spacing-xsmall); padding-block: var(--fds-ref-spacing-5xlarge); }

.cgdFavoriteBtn { position: absolute; top: var(--fds-ref-spacing-large); }

[dir="ltr"] .cgdFavoriteBtn { right: var(--fds-ref-spacing-large); }

[dir="rtl"] .cgdFavoriteBtn { left: var(--fds-ref-spacing-large); }

.cgdProviderWrapper { display: flex; flex-direction: column; align-items: center; width: 100%; }

.cgdProvidedBy { color: rgba(var(--static-white),var(--fds-ref-alpha-48)); }

.cgdProviderTitle { color: rgba(var(--static-white),var(--fds-ref-alpha-64)); text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }

.cgdProviderIcon { display: flex; align-items: center; justify-content: center; width: var(--fds-sem-dimension-4xlarge); height: var(--fds-sem-dimension-large); }

.cgdProviderIcon svg { width: 100%; height: 100%; display: block; }

.cgdProviderIcon svg path, .cgdProviderIcon svg rect, .cgdProviderIcon svg polygon { fill: rgba(var(--static-white),var(--fds-ref-alpha-64)); }

.cgdActionsWrp { display: flex; flex-direction: column; align-items: center; gap: var(--fds-ref-spacing-xsmall); width: 100%; }

[class*="is-web"] .cgdActionsWrp { max-width: 218px; }

[class*="is-mobile"] .cgdActionsWrp .ds-btn { width: 100%; }

.cgdDescSection { width: 100%; position: relative; z-index: 1; }

[class*="is-web"] .cgdDescSection { margin-top: var(--fds-ref-spacing-2xlarge); }

.cgdDescText { color: rgba(var(--b-sc),var(--fds-ref-alpha-72)); width: 100%; word-break: break-word; }

.cgdTabsSection, .cgdTabContent { width: 100%; position: relative; z-index: 1; }

.casinoGameInfoJackpotTitleContainer { text-align: center; text-transform: uppercase; color: rgba(var(--b-sc),var(--fds-ref-alpha-64)); margin-bottom: var(--fds-ref-spacing-small); }

.casinoGameDetailsJackpotPools { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--fds-ref-spacing-large); }

[class*="is-mobile"] .casinoGameDetailsJackpotPools { gap: var(--fds-ref-spacing-2xsmall-nudge); }

.casinoGameInfoJackpotListArrowContainer { margin-bottom: var(--fds-ref-spacing-xsmall); display: flex; gap: var(--fds-ref-spacing-xsmall); justify-content: flex-end; }

.casinoGameTournamentListItemRow.popupInfoTournament { margin-bottom: var(--fds-ref-spacing-large); }

.casinoGameTournamentListItemRow.popupInfoTournament:last-child { margin-bottom: 0px; }

.casinoGameTournamentListItemRow.popupInfoTournament .tournamentSectionCircle { display: none; }

.casinoGameTournamentListItemRow.popupInfoTournament .casinoGameTournamentListItem { gap: var(--fds-ref-spacing-xsmall); }

.casinoGameTournamentListItemRow.popupInfoTournament .casinoGameTournamentListItem .tournamentSectionImgBlock { min-width: 186px; max-width: 186px; }

.casinoGameTournamentListItemRow.popupInfoTournament .casinoGameTournamentListItem .tournamentSectionDataButtonWrp { padding: var(--fds-ref-spacing-2xsmall); background-color: rgba(var(--b-sc),var(--fds-ref-alpha-4)); border-radius: var(--fds-ref-radius-xsmall); border: var(--fds-ref-border-width-thin) solid rgba(var(--b-sc),var(--fds-ref-alpha-4)); }

.casinoGameTournamentListItemRow.popupInfoTournament .casinoGameTournamentListItem .tournamentPrizeFundTxt { font-size: var(--fds-ref-font-size-50); line-height: var(--fds-ref-font-line-height-60); margin-bottom: var(--fds-ref-spacing-3xsmall); }

.casinoGameTournamentListItemRow.popupInfoTournament .casinoGameTournamentListItem .tournamentSectionMoney { margin-bottom: var(--fds-ref-spacing-3xsmall); }

.casinoGameTournamentListItemRow.popupInfoTournament .casinoGameTournamentListItem .dataStatusTxt { font-size: var(--fds-ref-font-size-50); line-height: var(--fds-ref-font-line-height-60); margin-bottom: var(--fds-ref-spacing-4xsmall); }

.casinoGameTournamentListItemRow.popupInfoTournament .casinoGameTournamentListItem .tournamentSectionDataWrp { margin-bottom: var(--fds-ref-spacing-xsmall); }

.casinoGameTournamentListBc { width: 100%; }

[class*="is-web"] .cgdOtherGames.cgdOtherGames .casinoGamesList { padding-bottom: 0px; }

[class*="is-web"] .cgdOtherGames.cgdOtherGames .casinoGamesList.casinoGamesList { grid-template-columns: repeat(3, 1fr); }

[class*="is-web"] .cgdOtherGames.cgdOtherGames .casinoGamesList--portrait.casinoGamesList--portrait { grid-template-columns: repeat(4, 1fr); }

.cgdOtherGamesHorizontalScroll .casinoGameItemContent--regular { width: 150px; }

.cgdOtherGamesHorizontalScroll .casinoGameItemContent--rect, .cgdOtherGamesHorizontalScroll .casinoGameItemContent--portrait { width: 130px; }