@charset "utf-8";

[_nghost-ng-c2066958204] { --stb-thumbnail-aspect-ratio: 2 / 3; --stb-rotate: 0deg; --stb-scale: 1.3; --stb-main-animation-transition-time: .4s; --stb-actions-animation-transition-time: .4s; --stb-actions-bg-size: 500px; --stb-thumbnail-actions-grid-row-gap: 4px; --stb-thumbnail-play-button-size: 36px; --stb-thumbnail-play-padding: 0 8px; --stb-thumbnail-play-min-height: 36px; --stb-thumbnail-picture-background-size: 24px 24px; --stb-thumbnail-title-margin-top: 4px; display: grid; grid-template-rows: 1fr min-content; min-width: 100%; contain: layout style; }

@media screen and (min-width: 1280px) {
  [_nghost-ng-c2066958204] { --stb-actions-bg-size: 500px; --stb-thumbnail-actions-grid-row-gap: 8px; --stb-thumbnail-play-button-size: 56px; --stb-thumbnail-play-padding: 0 24px; --stb-thumbnail-play-min-height: 56px; --stb-thumbnail-picture-background-size: 32px 32px; --stb-thumbnail-title-margin-top: 8px; }
}

.thumbnail-size-s[_nghost-ng-c2066958204] { --stb-actions-bg-size: 500px; --stb-thumbnail-actions-grid-row-gap: 4px; --stb-thumbnail-play-button-size: 36px; --stb-thumbnail-play-padding: 0 8px; --stb-thumbnail-play-min-height: 36px; --stb-thumbnail-picture-background-size: 24px 24px; --stb-thumbnail-title-margin-top: 4px; }

.thumbnail-size-l[_nghost-ng-c2066958204] { --stb-actions-bg-size: 500px; --stb-thumbnail-actions-grid-row-gap: 8px; --stb-thumbnail-play-button-size: 56px; --stb-thumbnail-play-padding: 0 24px; --stb-thumbnail-play-min-height: 56px; --stb-thumbnail-picture-background-size: 32px 32px; --stb-thumbnail-title-margin-top: 8px; }

.thumbnail-ratio-1x1[_nghost-ng-c2066958204] { --stb-thumbnail-aspect-ratio: 1 / 1; }

.thumbnail-ratio-2x3[_nghost-ng-c2066958204] { --stb-thumbnail-aspect-ratio: 2 / 3; --stb-live-thumbnail-grid-count: 4; }

@media screen and (min-width: 1280px) {
  .thumbnail-ratio-2x3[_nghost-ng-c2066958204] { --stb-live-thumbnail-grid-count: 5; }
}

.thumbnail-ratio-3x2[_nghost-ng-c2066958204] { --stb-thumbnail-aspect-ratio: 3 / 2; --stb-live-thumbnail-grid-count: 6; }

@media screen and (min-width: 1280px) {
  .thumbnail-ratio-3x2[_nghost-ng-c2066958204] { --stb-live-thumbnail-grid-count: 8; }
}

.thumbnail-ratio-9x21[_nghost-ng-c2066958204] { --stb-thumbnail-aspect-ratio: 9 / 21; --stb-live-thumbnail-grid-count: 4; }

@media screen and (min-width: 1280px) {
  .thumbnail-ratio-9x21[_nghost-ng-c2066958204] { --stb-live-thumbnail-grid-count: 5; }
}

.thumbnail[_ngcontent-ng-c2066958204] { position: relative; display: grid; grid-area: 1 / 1 / 2 / -1; grid-template-rows: min-content 1fr; grid-template-columns: 1fr min-content; border-radius: var(--stb-thumbnail-border-radius); }

.thumbnail[_ngcontent-ng-c2066958204]::before { grid-area: 1 / 1 / -1 / -1; width: 100%; aspect-ratio: var(--stb-thumbnail-aspect-ratio); pointer-events: none; content: ""; }

.thumbnail[_ngcontent-ng-c2066958204]::after { position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; transition: opacity var(--stb-transition-time); content: ""; border-image: url(restored-e50b514fcf79f5c3.webp) 20 / 20px / 0 stretch; background-repeat: no-repeat; z-index: 5; transform-style: preserve-3d; pointer-events: none; }

@media screen and (min-resolution: 2dppx), screen and (min-resolution: 192dpi) {
  .thumbnail[_ngcontent-ng-c2066958204]::after { border-image: url(595b0ed51f77baef429c.webp) 40 / 20px / 0 stretch; }
}

.thumbnail__play[_ngcontent-ng-c2066958204] { z-index: 1; width: var(--stb-thumbnail-play-button-size); height: var(--stb-thumbnail-play-button-size); padding: 8px; border-radius: 50%; background-image: url(16a78fb74c1e1bf25223.svg); background-size: cover; box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 4px, rgb(225, 183, 117) 0px 0px 13px inset; transform: scale(0.2); transition: transform var(--stb-actions-animation-transition-time); }

.thumbnail__actions[_ngcontent-ng-c2066958204] { display: none; }

@media (hover: hover) and (pointer: fine) {
  .thumbnail__actions[_ngcontent-ng-c2066958204] { position: absolute; top: calc(50% - var(--stb-thumbnail-play-button-size) / 2); left: 50%; z-index: 3; display: none; align-content: start; grid-template-columns: auto; grid-auto-rows: min-content; row-gap: var(--stb-thumbnail-actions-grid-row-gap); justify-items: center; width: fit-content; height: fit-content; opacity: var(--stb-thumbnail-actions-opacity); transform: translate(-50%); transition: opacity 0.3s; }
}

@media screen and (hover: hover) and (pointer: fine) and (min-width: 1280px) {
  .thumbnail__actions[_ngcontent-ng-c2066958204] { display: grid; }
}

.thumbnail__actions--animation[_ngcontent-ng-c2066958204] { position: relative; top: 0px; left: 0px; grid-area: 1 / 1 / -1 / -1; overflow: hidden; width: 100%; height: 100%; border-radius: var(--stb-thumbnail-border-radius); opacity: var(--stb-thumbnail-actions-opacity); background-color: transparent; transform-style: preserve-3d; transition-delay: var(--stb-main-animation-transition-time); }

.thumbnail__actions--animation[_ngcontent-ng-c2066958204]::after { position: absolute; top: 50%; left: 50%; z-index: 2; width: hypot(100%,100% / (var(--stb-thumbnail-aspect-ratio))); aspect-ratio: 1 / 1; opacity: 1; background-image: url(a478335c11ceefa5043e.webp); background-position: center center; background-size: 100% auto; transform: translateY(-50%) translate(-50%) rotate(var(--stb-rotate)) scale(var(--stb-scale)); transition: opacity 0.2s ease-out, transform 0.6s; pointer-events: none; content: ""; }

@media screen and (min-resolution: 2dppx), screen and (min-resolution: 192dpi) {
  .thumbnail__actions--animation[_ngcontent-ng-c2066958204]::after { background-image: url(a478335c11ceefa5043e.webp); }
}

@media (hover: hover) and (pointer: fine) {
  [_nghost-ng-c2066958204]:hover { --stb-thumbnail-label-opacity: 0; --stb-thumbnail-actions-opacity: 1; --stb-thumbnail-favorite-block-opacity: 1; --stb-thumbnail-jackpot-opacity: 0; --stb-rotate: -90deg; --stb-scale: 1; }
  [_nghost-ng-c2066958204]:hover .thumbnail-picture[_ngcontent-ng-c2066958204] { clip-path: circle(0% at 50% 50%); }
  [_nghost-ng-c2066958204]:hover .thumbnail__actions--animation[_ngcontent-ng-c2066958204] { transition-delay: 0s; }
  [_nghost-ng-c2066958204]:hover .thumbnail__play[_ngcontent-ng-c2066958204] { transform: scale(1); }
  [_nghost-ng-c2066958204]:hover .thumbnail__demo[_ngcontent-ng-c2066958204] { transform: translateY(0px); }
}

.thumbnail-picture[_ngcontent-ng-c2066958204] { position: relative; z-index: 3; grid-area: 1 / 1 / 2 / -1; overflow: hidden; border-radius: var(--stb-thumbnail-border-radius); background-color: var(--stb-bg-secondary); background-image: url(3f0e570e2555b54ccbd1.svg); background-position: center center; background-size: var(--stb-thumbnail-picture-background-size); background-repeat: no-repeat; clip-path: circle(70% at 50% 50%); contain: content; transition: var(--stb-main-animation-transition-time) ease-in-out; pointer-events: none; }

[_nghost-ng-c2066958204] .thumbnail-picture__image { position: absolute; width: 100%; height: 100%; object-fit: cover; }

.thumbnail-game-link[_ngcontent-ng-c2066958204] { position: relative; grid-area: 1 / 1 / -1 / -1; border-radius: var(--stb-thumbnail-border-radius); }

.thumbnail-game-link[_ngcontent-ng-c2066958204]:focus-visible { outline-offset: 1px; }

.thumbnail-name[_ngcontent-ng-c2066958204] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; font-weight: 500; line-height: 1.4; grid-area: 2 / 1 / 3 / -1; margin-top: var(--stb-thumbnail-title-margin-top); padding: 0px 4px; text-align: center; color: var(--stb-text-primary); }

.thumbnail-name--hidden[_ngcontent-ng-c2066958204] { z-index: -1; grid-area: 1 / 1 / -1 / -1; }

.thumbnail__label[_ngcontent-ng-c2066958204] { --stb-thumbnail-label-height: 20px; position: absolute; inset-inline-end: 8px; bottom: 8px; z-index: 4; display: flex; justify-content: center; align-items: center; width: fit-content; height: var(--stb-thumbnail-label-height); padding: 1px 8px; border-radius: 11px; font-size: 12px; font-weight: 700; line-height: 1.4; text-transform: uppercase; color: var(--stb-text-contrast-secondary); opacity: var(--stb-thumbnail-label-opacity); transition: opacity var(--stb-transition-time); }

.thumbnail__label[_ngcontent-ng-c2066958204]:lang(ar) { white-space: nowrap; }

.thumbnail__label[_ngcontent-ng-c2066958204]::before { position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; transition: opacity var(--stb-transition-time); pointer-events: none; content: ""; border-image: url(restored-72770100aca31094.webp) 10 / 10px / 0 stretch; background-repeat: no-repeat; }

@media screen and (min-resolution: 2dppx), screen and (min-resolution: 192dpi) {
  .thumbnail__label[_ngcontent-ng-c2066958204]::before { border-image: url(3b256d2fd64fbbb494b6.webp) 18 / 10px / 0 stretch; }
}

.thumbnail__label--new[_ngcontent-ng-c2066958204] { top: calc(-1 * var(--stb-thumbnail-label-height) / 2); bottom: auto; left: 50%; z-index: 10; background-image: var(--stb-gradient-200); transform: translate(-50%); }

.thumbnail__label--exclusive[_ngcontent-ng-c2066958204] { background-image: var(--stb-gradient-2000); }

.thumbnail__label--dropAndWins[_ngcontent-ng-c2066958204] { inset-inline-end: unset; top: 0px; bottom: unset; left: 0px; width: 30%; height: 20%; border-radius: var(--stb-thumbnail-border-radius) 0 0 0; background-image: url(1d4ec7103755b5007475.svg); background-size: contain; background-repeat: no-repeat; }

.thumbnail__label--dropAndWins[_ngcontent-ng-c2066958204]::before { content: none; }

.thumbnail__index[_ngcontent-ng-c2066958204] { -webkit-text-fill-color: var(--stb-button-text-bright); -webkit-text-stroke: 4px transparent; position: absolute; inset-inline-start: calc(-1 * var(--stb-thumbnail-index-shift)); bottom: -4px; z-index: -1; min-width: var(--stb-thumbnail-index-shift); font-family: var(--stb-font-helper),serif; font-size: 36px; font-weight: 800; font-style: italic; line-height: 1; letter-spacing: -1px; text-shadow: rgb(35, 81, 82) 0px 1px 4px; text-align: center; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; background-clip: text; }

@media screen and (min-width: 768px) {
  .thumbnail__index[_ngcontent-ng-c2066958204] { font-size: 60px; }
}

.thumbnail__jackpot[_ngcontent-ng-c2066958204] { font-size: var(--stb-jackpot-font-size, 12px); font-weight: 700; line-height: 0.95; position: relative; z-index: 4; display: grid; align-content: center; align-self: end; grid-area: 1 / 1 / -1 / -1; min-height: 20px; padding: 2px 7px 5px; border-top: 1px solid; border-bottom-right-radius: var(--stb-thumbnail-border-radius); border-bottom-left-radius: var(--stb-thumbnail-border-radius); border-image-source: linear-gradient(180deg,rgb(var(--stb-red-600)) 0%,rgb(var(--stb-red-400)) 100%); text-shadow: 0 2px 4px rgb(var(--stb-black)/.25); text-align: center; word-break: break-word; color: var(--stb-text-contrast-secondary); opacity: var(--stb-thumbnail-jackpot-opacity); background-image: linear-gradient(360deg,rgb(var(--stb-red-600)),rgb(var(--stb-red-400)) 30%,rgb(var(--stb-red-300)) 60.35%,rgb(var(--stb-red-400))); transition: opacity var(--stb-transition-time); }

.thumbnail__jackpot[_ngcontent-ng-c2066958204]::before { position: absolute; top: -2px; left: 0px; width: 100%; height: 1px; background-image: linear-gradient(180deg,rgb(var(--stb-neutral-300)),rgb(var(--stb-white)) 49.99%,rgb(var(--stb-neutral-50)) 50%,rgb(var(--stb-neutral-300)) 77%,rgb(var(--stb-neutral-800))); content: ""; }

.thumbnail__jackpot--size-5[_ngcontent-ng-c2066958204] { --stb-jackpot-font-size: 10px; }

@media screen and (min-width: 412px) {
  .thumbnail__jackpot--size-5[_ngcontent-ng-c2066958204] { --stb-jackpot-font-size: 11px; }
}

.thumbnail__jackpot--size-6[_ngcontent-ng-c2066958204] { --stb-jackpot-font-size: 9px; }

@media screen and (min-width: 412px) {
  .thumbnail__jackpot--size-6[_ngcontent-ng-c2066958204] { --stb-jackpot-font-size: 10px; }
}

@media screen and (min-width: 1280px) {
  .thumbnail__jackpot[_ngcontent-ng-c2066958204] { --stb-jackpot-font-size: 16px; min-height: 26px; }
}

.thumbnail__jackpot[_ngcontent-ng-c2066958204] ~ .thumbnail__label[_ngcontent-ng-c2066958204] { bottom: 28px; }

@media screen and (min-width: 1280px) {
  .thumbnail__jackpot[_ngcontent-ng-c2066958204] ~ .thumbnail__label[_ngcontent-ng-c2066958204] { bottom: 34px; }
}

.thumbnail__favorite-block[_ngcontent-ng-c2066958204] { z-index: 1; display: block; align-self: start; grid-area: 1 / 2 / 2 / -1; opacity: var(--stb-thumbnail-favorite-block-opacity); transition: opacity var(--stb-transition-time); }

.thumbnail__favorite-block--active[_ngcontent-ng-c2066958204] { opacity: 1; }

.thumbnail__demo[_ngcontent-ng-c2066958204] { z-index: 1; display: inline-grid; width: 100%; font-size: 12px; font-weight: 700; line-height: normal; text-align: center; text-transform: uppercase; transform: translateY(10px); transition: transform var(--stb-actions-animation-transition-time); }

.thumbnail[_ngcontent-ng-c2066958204]:has(.thumbnail__index:not(:empty)) .thumbnail__label[_ngcontent-ng-c2066958204] { bottom: 8px; }

.live-thumbnail[_ngcontent-ng-c2066958204] { z-index: 10; display: grid; grid-area: 1 / 1 / -1 / -1; opacity: var(--stb-thumbnail-live-thumbnail-opacity, 1); transition: opacity var(--stb-transition-time); pointer-events: none; }

.live-thumbnail__badge[_ngcontent-ng-c2066958204] { position: relative; z-index: 3; display: grid; align-items: center; overflow: hidden; font-size: 10px; font-weight: 700; line-height: 1.4; color: var(--stb-text-contrast-primary); background: linear-gradient(rgba(5, 0, 0, 0), rgba(5, 0, 0, 0.3) 18.75%, rgba(5, 0, 0, 0.6) 41.35%, rgb(5, 0, 0)); }

.live-thumbnail__badge--bet-range[_ngcontent-ng-c2066958204] { justify-self: end; height: 16px; padding-block: 2px; border-start-end-radius: var(--stb-thumbnail-border-radius); border-end-start-radius: var(--stb-thumbnail-border-radius); font-size: 8px; line-height: 1.45; }

.live-thumbnail__badge--occupancy[_ngcontent-ng-c2066958204] { top: -10px; place-self: end center; padding: 2px 6px; border-radius: var(--stb-thumbnail-border-radius); background-image: linear-gradient(180deg,rgb(var(--stb-brand-50)),rgb(var(--stb-brand-500))); }

@media screen and (min-width: 1280px) {
  .live-thumbnail__badge--occupancy[_ngcontent-ng-c2066958204] { top: -15px; }
}

.live-thumbnail__badge--occupancy[_ngcontent-ng-c2066958204]::before { position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; transition: opacity var(--stb-transition-time); pointer-events: none; content: ""; border-image: url(restored-72770100aca31094.webp) 10 / 10px / 0 stretch; background-repeat: no-repeat; }

@media screen and (min-resolution: 2dppx), screen and (min-resolution: 192dpi) {
  .live-thumbnail__badge--occupancy[_ngcontent-ng-c2066958204]::before { border-image: url(3b256d2fd64fbbb494b6.webp) 18 / 10px / 0 stretch; }
}

.live-thumbnail__badge--results[_ngcontent-ng-c2066958204] { align-self: end; height: 32px; padding: 4px 4px 12px; border-radius: 0 0 var(--stb-thumbnail-border-radius) var(--stb-thumbnail-border-radius); }

@media screen and (min-width: 1280px) {
  .live-thumbnail__badge--results[_ngcontent-ng-c2066958204] { height: 44px; padding: 6px 4px 18px; }
}

.live-thumbnail__occupancy[_ngcontent-ng-c2066958204] { font-size: 12px; font-weight: 700; line-height: 1.4; display: grid; justify-content: start; align-items: center; grid-template-columns: auto auto; gap: 2px; padding: 0px 4px; color: rgb(var(--stb-white)); }

@media screen and (min-width: 1280px) {
  .live-thumbnail__occupancy[_ngcontent-ng-c2066958204] { font-size: 14px; font-weight: 700; line-height: 1.2; justify-content: center; gap: 4px; padding: 1px 6px; }
}

.live-thumbnail__occupancy-icon[_ngcontent-ng-c2066958204] { color: rgb(var(--stb-green-600)); }

.live-thumbnail__occupancy-icon.no-seats[_ngcontent-ng-c2066958204] { color: rgb(var(--stb-red-600)); }

.live-thumbnail__occupancy-icon[_ngcontent-ng-c2066958204] svg[_ngcontent-ng-c2066958204] { width: 8px; height: 8px; }

.live-thumbnail__results[_ngcontent-ng-c2066958204] { display: grid; justify-content: center; align-items: center; grid-template-columns: repeat(var(--stb-live-thumbnail-grid-count, auto-fit),16px); gap: 15px 4px; height: 100%; }

@media screen and (min-width: 1280px) {
  .live-thumbnail__results[_ngcontent-ng-c2066958204] { grid-template-columns: repeat(var(--stb-live-thumbnail-grid-count, auto-fit),20px); gap: 15px 2px; }
}

.results-item--red[_ngcontent-ng-c2066958204] { --stb-results-item-color-bg: rgb(var(--stb-red-600)); --stb-results-item-color: rgb(var(--stb-white)); }

.results-item--bank[_ngcontent-ng-c2066958204] { --stb-results-item-color-bg: rgb(var(--stb-black)); --stb-results-item-color: rgb(var(--stb-red-600)); }

.results-item--green[_ngcontent-ng-c2066958204] { --stb-results-item-color-bg: rgb(var(--stb-green-600)); --stb-results-item-color: rgb(var(--stb-white)); }

.results-item--tie[_ngcontent-ng-c2066958204] { --stb-results-item-color-bg: rgb(var(--stb-black)); --stb-results-item-color: rgb(var(--stb-green-800)); }

.results-item--player[_ngcontent-ng-c2066958204] { --stb-results-item-color-bg: rgb(var(--stb-black)); --stb-results-item-color: rgb(var(--stb-brand-1800)); }

.results-item--black[_ngcontent-ng-c2066958204] { --stb-results-item-color-bg: rgb(var(--stb-brand-900)); --stb-results-item-color: rgb(var(--stb-white)); }

.results-item--white[_ngcontent-ng-c2066958204] { border: 1px solid transparent; outline: 1px solid rgb(var(--stb-white)/.8); outline-offset: 1px; }

.live-thumbnail__results-item[_ngcontent-ng-c2066958204] { font-size: 10px; font-weight: 700; line-height: 1.4; display: flex; justify-content: center; align-items: center; justify-self: center; width: 16px; height: 16px; padding: 1px 2px; border-radius: 50%; text-align: center; color: var(--stb-results-item-color); background-color: var(--stb-results-item-color-bg); }

@media screen and (min-width: 1280px) {
  .live-thumbnail__results-item[_ngcontent-ng-c2066958204] { font-size: 14px; font-weight: 700; line-height: 1.2; width: 20px; height: 20px; }
}

.bet-range[_ngcontent-ng-c2066958204] { --stb-bet-range-height: 15px; --stb-bet-range-margin-inline: 4px; --stb-bet-range-font-size: 10px; --stb-bet-range-line-height: 1.6; --stb-bet-range-font-weight: 700; --stb-bet-range-bottom: -8px; position: absolute; bottom: var(--stb-bet-range-bottom); left: 50%; z-index: 9; display: flex; flex-wrap: wrap; justify-content: center; align-self: center; overflow: hidden; width: max-content; max-width: calc(100% - 2px); height: var(--stb-bet-range-height); padding-inline: var(--stb-bet-range-margin-inline); border-radius: var(--stb-thumbnail-border-radius); text-align: center; color: var(--stb-neutral-800); background-image: linear-gradient(180deg,rgb(var(--stb-white)),rgb(var(--stb-neutral-400))); box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 2px inset; transform: translate(-50%); }

@media screen and (min-width: 1280px) {
  .bet-range[_ngcontent-ng-c2066958204] { --stb-bet-range-height: 20px; --stb-bet-range-margin-inline: 8px; --stb-bet-range-font-size: 16px; --stb-bet-range-line-height: 1.3; --stb-bet-range-font-weight: 800; --stb-bet-range-bottom: -10px; }
}

.bet-range__element[_ngcontent-ng-c2066958204] { font-size: var(--stb-bet-range-font-size); font-weight: var(--stb-bet-range-font-weight); line-height: var(--stb-bet-range-line-height); }

.bet-range__element--min[_ngcontent-ng-c2066958204] { padding-inline: 0px 4px; }

.bet-range__element--max[_ngcontent-ng-c2066958204] { white-space: nowrap; }

@media (hover: hover) and (pointer: fine) {
  [_nghost-ng-c2066958204]:hover { --stb-thumbnail-label-opacity: 0; --stb-thumbnail-actions-opacity: 1; --stb-thumbnail-favorite-block-opacity: 1; --stb-thumbnail-jackpot-opacity: 0; --stb-thumbnail-live-thumbnail-opacity: 0; --stb-rotate: -90deg; --stb-scale: 1; }
  [_nghost-ng-c2066958204]:hover .thumbnail-picture[_ngcontent-ng-c2066958204] { clip-path: circle(0% at 50% 50%); }
  [_nghost-ng-c2066958204]:hover .thumbnail__actions--animation[_ngcontent-ng-c2066958204] { transition-delay: 0s; }
  [_nghost-ng-c2066958204]:hover .thumbnail__play[_ngcontent-ng-c2066958204] { transform: scale(1); }
  [_nghost-ng-c2066958204]:hover .thumbnail__demo[_ngcontent-ng-c2066958204] { transform: translateY(0px); }
}