@charset "utf-8";

.casinoGameItemContent { width: 100%; position: relative; overflow: hidden; border-radius: var(--fds-ref-radius-xsmall); }

.casinoGameItemContent--portrait { aspect-ratio: 3 / 4; }

.casinoGameItemContent--regular { aspect-ratio: 44 / 31; }

.casinoGameItemContent--rect { aspect-ratio: 1 / 1; }

.casinoGameItemBadgeContainer { position: absolute; display: flex; top: var(--fds-ref-spacing-xsmall); right: var(--fds-ref-spacing-xsmall); z-index: 1; }

.onlinePlayersCount { padding: var(--fds-ref-spacing-4xsmall) var(--fds-ref-spacing-2xsmall-nudge); display: flex; align-items: center; position: absolute; top: var(--fds-ref-spacing-xsmall); left: var(--fds-ref-spacing-xsmall); color: rgba(var(--static-white),var(--fds-ref-alpha-100)); border-radius: var(--fds-ref-radius-full); background: rgba(var(--static-black),var(--fds-ref-alpha-48)); backdrop-filter: blur(12px); z-index: 1; animation: onlinePlayersCountAnimation var(--slow-transition-duration) linear; }

.onlinePlayersCount::before { content: ""; position: absolute; inset: 0px; border-radius: var(--border-radius-middle); background: rgba(var(--b),var(--fds-ref-alpha-32)); z-index: -1; }

.onlinePlayersCount > i { flex-shrink: 0; font-size: 14px; margin-inline-end: var(--fds-ref-spacing-3xsmall); color: rgb(18, 235, 18); }

@keyframes onlinePlayersCountAnimation { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}

.gameResultsContainer { position: absolute; left: 0px; right: 0px; bottom: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: rgba(var(--static-black),var(--fds-ref-alpha-48)); backdrop-filter: blur(12px); z-index: 1; overflow: hidden; }

.gameResultsContainer.gameResultsContainerSkeleton { display: flex; justify-content: center; align-items: center; gap: var(--fds-ref-spacing-2xsmall-nudge); }

.gameResultsLine { display: flex; justify-content: center; align-items: center; }

.gameResultSingle { width: 50px; display: flex; justify-content: center; position: relative; font-size: var(--fds-sem-dimension-2xsmall); color: rgba(var(--static-white),var(--fds-ref-alpha-100)); }

.gameResultSingle + .gameResultSingle { border-inline-start: var(--fds-ref-border-width-thin) solid rgba(var(--b-sc),var(--fds-ref-alpha-32)); }

.casinoGameItem { width: 100%; height: 100%; background-color: rgba(var(--b-sc),var(--fds-ref-alpha-12)); border-radius: var(--fds-ref-radius-xsmall); position: relative; overflow: hidden; }

.casinoGameItemImage { width: 100%; height: 100%; display: block; cursor: pointer; transition: filter var(--default-transition-duration); border-radius: var(--fds-ref-radius-xsmall); }

.casinoGameItemImage--portrait { aspect-ratio: 2 / 3; }

.casinoGameItemImage--regular { aspect-ratio: 44 / 31; }

.casinoGameItemImage--rect { aspect-ratio: 1 / 1; }

.casinoGameItemBlock { position: absolute; top: 0px; left: 0px; display: flex; flex-direction: column; width: 100%; height: 100%; animation: casino-game-layer var(--slow-transition-duration) forwards; overflow: hidden; border-radius: var(--fds-ref-radius-xsmall); z-index: 1; justify-content: space-between; padding: var(--fds-ref-spacing-xsmall); }

.casinoGameItemContent .casinoGameItemBlock--noLabel { justify-content: center; }

.casinoGameItemContent .casinoGameItemBlock--noLabel .casinoGameIconsWrp { position: absolute; inset-block-start: var(--fds-ref-spacing-xsmall); inset-inline: var(--fds-ref-spacing-xsmall); width: auto; }

.casinoGameIconsWrp { width: 100%; display: flex; align-items: center; }

.casinoGameIconsWrp i { display: block; position: relative; cursor: pointer; font-size: 18px; color: rgba(var(--static-white),var(--fds-ref-alpha-80)); transition: color var(--default-transition-duration),opacity var(--default-transition-duration); }

@media screen and (max-width: 1365px) {
  .casinoGameIconsWrp i { font-size: 14px; }
}

.casinoGameIconsLeft { flex: 1 1 0%; }

.casinoGameIconsFavoriteWrapper { display: flex; }

.casinoGameIconsRight { display: flex; gap: var(--fds-ref-spacing-2xsmall); }

.casinoGameItemLabelBc { color: rgba(var(--static-white),var(--fds-ref-alpha-100)); text-align: center; font-weight: 500; }

[class*="is-web"] .casinoGameItemLabelBc { font-size: var(--fds-sem-dimension-xsmall); line-height: 18px; margin-bottom: var(--fds-ref-spacing-xsmall); }

@media screen and (min-width: 1366px) {
  [class*="is-web"] .casinoGameItemLabelBc { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
}

@media screen and (max-width: 1365px) {
  [class*="is-web"] .casinoGameItemLabelBc { font-size: 12px; line-height: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
}

[class*="is-mobile"] .casinoGameItemLabelBc { font-size: 12px; line-height: 14px; margin-bottom: var(--fds-ref-spacing-4xsmall); }

.showBetLimits { display: flex; flex-direction: column; aspect-ratio: auto; }

[class*="is-web"] .showBetLimits { overflow: hidden; }

.showBetLimits .casinoGameButtons { height: 100%; align-items: center; }

.showBetLimits .casinoGameItem { height: auto; }

.showBetLimits.casinoGameItemContent--portrait .casinoGameItem { aspect-ratio: 3 / 4; }

.showBetLimits.casinoGameItemContent--regular .casinoGameItem { aspect-ratio: 44 / 31; }

.showBetLimits.casinoGameItemContent--rect .casinoGameItem { aspect-ratio: 1 / 1; }

.casinoGameButtons { width: 100%; display: flex; gap: var(--fds-ref-spacing-3xsmall); padding-bottom: var(--fds-ref-spacing-3xsmall); }

.casinoGameButtons--portrait { flex-direction: column; gap: var(--fds-ref-spacing-xsmall); padding-bottom: var(--fds-ref-spacing-2xlarge); }

.casinoGameButtons--rect { flex-direction: column; gap: var(--fds-ref-spacing-xsmall); padding-bottom: var(--fds-ref-spacing-3xsmall); }

.casinoGameButtons button { width: 100%; }

.casinoBtnWrp { width: 100%; flex: 1 1 0%; min-width: 0px; }

.casinoBtnWrp:first-child { animation: casino-btn-slide-up var(--slow-transition-duration) forwards; }

.casinoBtnWrp:last-child { animation: casino-btn-slide-down var(--slow-transition-duration) forwards; }

@keyframes casino-game-layer { 
  0% { opacity: 0; pointer-events: none; }
  100% { opacity: 1; pointer-events: auto; backdrop-filter: blur(12px); background: rgba(var(--static-black),var(--fds-ref-alpha-48)); }
}

@keyframes casino-btn-slide-up { 
  0% { opacity: 0; transform: translateY(100%); }
  100% { opacity: 1; transform: translateY(0px); }
}

@keyframes casino-btn-slide-down { 
  0% { opacity: 0; transform: translateY(-100%); }
  100% { opacity: 1; transform: translateY(0px); }
}

.gameShareIcon { display: flex; }

.gameShareIcon.visible { max-width: 68%; position: absolute; top: var(--fds-ref-spacing-2xsmall); flex-direction: row-reverse; padding: var(--fds-ref-spacing-3xsmall); background: rgba(var(--b),var(--fds-ref-alpha-90)); border-radius: var(--fds-ref-radius-full); overflow: hidden; z-index: 9; }

@media screen and (max-width: 1280px) {
  [class*="is-web"] .gameShareIcon.visible { will-change: scroll-position; overflow: auto hidden; }
}

.gameShareIcon.visible::before { content: ""; position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; background: rgba(var(--b-sc),var(--fds-ref-alpha-4)); pointer-events: none; z-index: -1; }

[dir="ltr"] .gameShareIcon.visible { right: var(--fds-ref-spacing-3xsmall); }

[dir="rtl"] .gameShareIcon.visible { left: var(--fds-ref-spacing-3xsmall); }

.gameShareIcon.visible .removeShareIcon { font-size: var(--fds-sem-dimension-2xsmall); padding: var(--fds-ref-spacing-3xsmall); border-radius: var(--fds-ref-radius-full); }

@media screen and (max-width: 1366px) {
  .gameShareIcon.visible .removeShareIcon { font-size: var(--fds-sem-dimension-3xsmall); padding: var(--fds-ref-spacing-4xsmall); }
}

[dir="ltr"] .gameShareIcon.visible .removeShareIcon { margin: 0 0 auto var(--fds-ref-spacing-xsmall); }

[dir="rtl"] .gameShareIcon.visible .removeShareIcon { margin: 0 var(--fds-ref-spacing-xsmall) auto 0; }

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

.removeShareIcon.bc-i-close-remove { background: rgba(var(--error),var(--fds-ref-alpha-100)); }

[class*="is-web"] .removeShareIcon.bc-i-close-remove:hover { transition: background var(--default-transition-duration) ease; background: rgba(var(--error),var(--fds-ref-alpha-80)); }

.gameShareItems { display: flex; align-items: center; flex-wrap: wrap; justify-content: end; gap: var(--fds-ref-spacing-xsmall); }

@media screen and (max-width: 1280px) {
  .gameShareItems { gap: var(--fds-ref-spacing-2xsmall); }
  [class*="is-web"] .gameShareItems { flex-wrap: nowrap; }
}

.gameShareItems .social-icon { display: flex; align-items: center; justify-content: center; font-size: var(--fds-sem-dimension-2xsmall); width: var(--fds-sem-dimension-xsmall-nudge); height: var(--fds-sem-dimension-xsmall-nudge); margin-inline-start: 0px; }

@media screen and (max-width: 1366px) {
  .gameShareItems .social-icon.gameShareItem { font-size: var(--fds-sem-dimension-3xsmall); width: var(--fds-sem-dimension-2xsmall); height: var(--fds-sem-dimension-2xsmall); }
}