@charset "utf-8";

html { line-height: 1.15; text-size-adjust: 100%; }

body { margin: 0px; }

main { display: block; }

h1 { font-size: 2em; margin: 0.67em 0px; }

hr { box-sizing: content-box; height: 0px; overflow: visible; }

pre { font-family: monospace, monospace; font-size: 1em; }

a { background-color: transparent; }

abbr[title] { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; text-decoration: underline dotted; }

b, strong { font-weight: bolder; }

code, kbd, samp { font-family: monospace, monospace; font-size: 1em; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

img { border-style: none; }

button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0px; }

button, input { overflow: visible; }

button, select { text-transform: none; }

button, [type="button"], [type="reset"], [type="submit"] { appearance: button; }

fieldset { padding: 0.35em 0.75em 0.625em; }

legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0px; white-space: normal; }

progress { vertical-align: baseline; }

textarea { overflow: auto; }

[type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0px; }

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

[type="search"] { appearance: textfield; outline-offset: -2px; }

[type="search"]::-webkit-search-decoration { appearance: none; }

::-webkit-file-upload-button { appearance: button; font: inherit; }

details { display: block; }

summary { display: list-item; }

template { display: none; }

[hidden] { display: none; }

@keyframes splide-loading { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(1turn); }
}

.splide--draggable > .splide__slider > .splide__track, .splide--draggable > .splide__track { user-select: none; }

.splide--fade > .splide__slider > .splide__track > .splide__list, .splide--fade > .splide__track > .splide__list { display: block; }

.splide--fade > .splide__slider > .splide__track > .splide__list > .splide__slide, .splide--fade > .splide__track > .splide__list > .splide__slide { left: 0px; opacity: 0; position: absolute; top: 0px; z-index: 0; }

.splide--fade > .splide__slider > .splide__track > .splide__list > .splide__slide.is-active, .splide--fade > .splide__track > .splide__list > .splide__slide.is-active { opacity: 1; position: relative; z-index: 1; }

.splide--rtl { direction: rtl; }

.splide--ttb.is-active > .splide__slider > .splide__track > .splide__list, .splide--ttb.is-active > .splide__track > .splide__list { display: block; }

.splide__container { box-sizing: border-box; position: relative; }

.splide__list { backface-visibility: hidden; display: flex; height: 100%; transform-style: preserve-3d; margin: 0px !important; padding: 0px !important; }

.splide.is-initialized:not(.is-active) .splide__list { display: block; }

.splide__pagination { align-items: center; display: flex; flex-wrap: wrap; justify-content: center; margin: 0px; pointer-events: none; }

.splide__pagination li { display: inline-block; line-height: 1; list-style-type: none; margin: 0px; pointer-events: auto; }

.splide__progress__bar { width: 0px; }

.splide { outline: none; position: relative; visibility: hidden; }

.splide.is-initialized, .splide.is-rendered { visibility: visible; }

.splide__slide { backface-visibility: hidden; box-sizing: border-box; flex-shrink: 0; margin: 0px; outline: none; position: relative; list-style-type: none !important; }

.splide__slide img { vertical-align: bottom; }

.splide__slider { position: relative; }

.splide__spinner { animation: 1s linear 0s infinite normal none running splide-loading; border-width: 2px; border-style: solid; border-color: rgb(153, 153, 153) rgb(153, 153, 153) rgb(153, 153, 153) transparent; border-image: none; border-radius: 50%; contain: strict; display: inline-block; height: 20px; inset: 0px; margin: auto; position: absolute; width: 20px; }

.splide__track { overflow: hidden; position: relative; z-index: 0; }

.cdk-overlay-container, .cdk-global-overlay-wrapper { pointer-events: none; top: 0px; left: 0px; height: 100%; width: 100%; }

.cdk-overlay-container { position: fixed; z-index: 1000; }

.cdk-overlay-container:empty { display: none; }

.cdk-global-overlay-wrapper { display: flex; position: absolute; z-index: 1000; }

.cdk-overlay-pane { position: absolute; pointer-events: auto; box-sizing: border-box; display: flex; max-width: 100%; max-height: 100%; z-index: 1000; }

.cdk-overlay-backdrop { position: absolute; inset: 0px; pointer-events: auto; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); opacity: 0; touch-action: manipulation; z-index: 1000; transition: opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); }

@media (prefers-reduced-motion) {
  .cdk-overlay-backdrop { transition-duration: 1ms; }
}

.cdk-overlay-backdrop-showing { opacity: 1; }

@media (forced-colors: active) {
  .cdk-overlay-backdrop-showing { opacity: 0.6; }
}

.cdk-overlay-dark-backdrop { background: rgba(0, 0, 0, 0.32); }

.cdk-overlay-transparent-backdrop { transition: visibility 1ms linear, opacity 1ms linear; visibility: hidden; opacity: 1; }

.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing, .cdk-high-contrast-active .cdk-overlay-transparent-backdrop { opacity: 0; visibility: visible; }

.cdk-overlay-backdrop-noop-animation { transition: none; }

.cdk-overlay-connected-position-bounding-box { position: absolute; display: flex; flex-direction: column; min-width: 1px; min-height: 1px; z-index: 1000; }

.cdk-global-scrollblock { position: fixed; width: 100%; overflow-y: scroll; }

:root { --stb-font-primary: "Roboto"; --stb-font-helper: "Barlow Condensed", sans-serif; --stb-font-special: "Alatsi", sans-serif; --stb-transition-time: .2s; --stb-sidebars-transition-time: .5s; --stb-animation-rotation-time: 3s; --stb-container-padding: 20px; --stb-game-page-container-padding: 20px; --stb-gamification-container-inner-width: 1264px; --stb-gamification-container: calc( var(--stb-gamification-container-inner-width) + var(--stb-container-padding) * 2 ); --stb-safe-area-left: env(safe-area-inset-left); --stb-safe-area-right: env(safe-area-inset-right); --stb-page-content-width: 800px; --stb-page-content-padding-bottom: 100px; --stb-page-indent-padding-top: 20px; --stb-page-indent-s-padding-top: 20px; --stb-page-indent-padding-bottom: 40px; --stb-shop-slider-content-padding: 15px; --stb-direction-factor: 1; --stb-games-gap: 12px; --stb-page-grid-row-gap: 28px; --stb-game-page-header-height: 61px; --stb-game-page-header-closed-height: 32px; --stb-header-container-height: 69px; --stb-sub-menu-height: 48px; --stb-navigation-bottom-height: 60px; --stb-sidebar-expanded-width: 232px; --stb-sidebar-current-width: var(--stb-sidebar-expanded-width); --stb-sidebar-collapsed-width: 80px; --stb-modal-menu-max-width: 420px; --stb-scrollbar-width: 6px; --stb-scrollbar-height: 6px; --stb-scrollbar-visibility: initial; --stb-scrollbar-thumb-color: var(--stb-bg-fourth); --stb-scrollbar-track-color: rgb(var(--stb-white) / 0); --stb-scrollbar-border-radius: 6px; --stb-scrollbar-width-keyword: none; --stb-scroller-correct-scrollbar: 8px; --stb-common-scroll-margin-top: calc(var(--stb-header-height) + 40px); --stb-modal-dialog-panel-max-width: 540px; --stb-modal-dialog-inner-vertical-padding: 24px; --stb-modal-dialog-action-bottom-padding: 40px; --stb-modal-dialog-body-bottom-padding: 24px; --stb-modal-dialog-border-radius: 32px; --stb-spinner-loader-inset: 0; --stb-spinner-loader-border-radius: 8px; --stb-thumbnail-border-radius: 18px; --stb-thumbnail-label-opacity: 1; --stb-thumbnail-actions-opacity: 0; --stb-thumbnail-favorite-block-opacity: 0; --stb-title-grid-template-columns: .5fr 1fr minmax(0, .5fr); --stb-text-transform-uppercase: uppercase; --stb-banner-offer-horizontal-padding: var(--stb-container-padding); --stb-banner-offer-vertical-padding: 16px; }

:root:lang(el-gr) { --stb-font-primary: arial; }

:root:lang(tr) { --stb-font-primary: "Alatsi", sans-serif; }

:root[dir="rtl"] { --stb-safe-area-inline-start: env(safe-area-inset-right); --stb-safe-area-inline-end: env(safe-area-inset-left); --stb-direction-factor: -1; }

:root :has(.cookie) { --stb-cookie-banner-bottom: 12px; }

@media screen and (min-width: 768px) {
  :root { --stb-modal-dialog-panel-max-width: 580px; --stb-modal-dialog-inner-vertical-padding: 70px; --stb-modal-dialog-body-bottom-padding: 40px; }
  :root :has(.cookie) { --stb-cookie-banner-bottom: 16px; }
}

@media screen and (min-width: 1280px) {
  :root { --stb-game-page-container-padding: 60px; --stb-games-gap: 16px; --stb-game-page-header-height: 65px; --stb-sub-menu-height: 0px; --stb-banner-offer-horizontal-padding: 28px; --stb-banner-offer-vertical-padding: 32px; }
}

@media screen and (min-width: 1536px) {
  :root { --stb-banner-offer-horizontal-padding: 40px; --stb-banner-offer-vertical-padding: 40px; }
}

:root { --stb-black: 9 8 12; --stb-white: 255 255 255; --stb-neutral-50: 211 211 211; --stb-neutral-100: 194 194 194; --stb-neutral-150: 186 186 186; --stb-neutral-200: 178 178 178; --stb-neutral-300: 162 162 162; --stb-neutral-400: 129 129 129; --stb-neutral-500: 113 113 113; --stb-neutral-600: 96 96 96; --stb-neutral-700: 80 80 80; --stb-neutral-800: 64 64 64; --stb-neutral-900: 56 56 56; --stb-brand-50: 56 185 222; --stb-brand-100: 52 183 224; --stb-brand-150: 6 158 206; --stb-brand-160: 255 239 213; --stb-brand-200: 248 225 192; --stb-brand-250: 242 214 173; --stb-brand-300: 239 204 152; --stb-brand-350: 209 168 108; --stb-brand-400: 53 120 173; --stb-brand-500: 31 102 158; --stb-brand-600: 25 82 127; --stb-brand-700: 19 62 97; --stb-brand-800: 13 43 66; --stb-brand-900: 7 23 36; --stb-brand-950: 151 231 255; --stb-brand-1000: 159 212 231; --stb-brand-1100: 95 173 216; --stb-brand-1200: 99 128 137; --stb-brand-1300: 118 143 154; --stb-brand-1400: 186 215 224; --stb-brand-1500: 64 83 92; --stb-brand-1550: 1 44 51; --stb-brand-1600: 141 122 103; --stb-brand-1700: 233 243 249; --stb-brand-1800: 73 199 238; --stb-brand-1900: 225 192 144; --stb-brand-2000: 205 174 129; --stb-brand-2100: 77 172 185; --stb-brand-2200: 60 163 177; --stb-brand-2300: 255 245 231; --stb-brand-2400: 255 252 248; --stb-brand-2500: 255 247 235; --stb-brand-2600: 250 230 203; --stb-brand-2700: 240 220 190; --stb-brand-2800: 231 211 181; --stb-green-300: 143 189 115; --stb-green-500: 101 162 55; --stb-green-600: 180 208 46; --stb-green-700: 78 131 38; --stb-green-800: 55 162 104; --stb-green-900: 76 174 121; --stb-green-1000: 24 165 148; --stb-green-1100: 29, 138, 125; --stb-red-300: 243 119 119; --stb-red-400: 255 79 79; --stb-red-500: 255 59 50; --stb-red-600: 197 41 41; --stb-red-700: 197 65 14; --stb-yellow-100: 234 163 57; --stb-yellow-150: 252 174 0; --stb-yellow-200: 252 154 0; --stb-yellow-300: 195 99 11; --stb-yellow-400: 255 143 11; --stb-blue-500: 133 228 255; --stb-violet-100: 103 78 164; --stb-violet-900: 61 53 125; --stb-gradient-transparent: linear-gradient(rgb(0 0 0 / 0), rgb(0 0 0 / 0)); --stb-gradient-100: linear-gradient(180deg, #3578ad 0%, #19527f 100%); --stb-gradient-200: linear-gradient( 360deg, #1f669e 1.67%, #3578ad 27.09%, #5fadd8 60.35%, #069ece 100% ); --stb-gradient-300: linear-gradient(180deg, #1f669e 0%, #3c86c0 100%); --stb-gradient-400: linear-gradient(360deg, #069ece 0%, #1f669e 34.48%); --stb-gradient-500: conic-gradient( from 180deg at 50% 50.88%, #d3d3d3 0deg, #bababa 72deg, #a2a2a2 82.8deg, #717171 118.8deg, #606060 129.6deg, #383838 180deg, #606060 273.6deg, #d3d3d3 324deg, #bababa 360deg ), linear-gradient(180deg, rgb(255 255 255 / .64) 0%, rgb(208 208 208 / 0) 48%); --stb-gradient-600: linear-gradient(180deg, #818181 0%, #bababa 50%, #818181 55%, #606060 100%); --stb-gradient-700: linear-gradient(180deg, #f8e1c0 0%, #f8e1c0 40%, #e1c090 88%, #cdae81 100%); --stb-gradient-800: linear-gradient( 180deg, #ffffff 0%, #ffefd5 34.41%, #f8e1c0 88%, #efcc98 100% ); --stb-gradient-900: linear-gradient(180deg, #f8e1c0 0%, #efcc98 100%); --stb-gradient-1000: linear-gradient( 180deg, #818181 0%, #717171 20.49%, #d3d3d3 48.46%, #505050 54.65%, #717171 68.14%, #c2c2c2 88.61%, #ffffff 100% ); --stb-gradient-1100: linear-gradient(180deg, #ffffff 0%, #818181 100%); --stb-gradient-1150: linear-gradient(180deg, #ffffff 0%, #b2b2b2 100%); --stb-gradient-1100-reverted: linear-gradient(180deg, #818181 0%, #ffffff 100%); --stb-gradient-1200: linear-gradient(360deg, #49c7ee 0%, #19527f 100%); --stb-gradient-1300: linear-gradient(360deg, #e1c090 0%, #f2d6ad 100%); --stb-gradient-1400: linear-gradient( 180deg, #404040 0%, #a2a2a2 23%, #d3d3d3 50%, #ffffff 50.01%, #a2a2a2 100% ); --stb-gradient-1500: linear-gradient(180deg, #cdae81 0%, #e1c090 50%, #d1a86c 100%); --stb-gradient-1600: linear-gradient(180deg, #3ca3b1 0%, #4dacb9 50%, #3ca3b1 100%); --stb-gradient-1700: linear-gradient(180deg, #38b9de 0%, #1f669e 100%); --stb-gradient-1800: linear-gradient( 360deg, #c52929 0%, #ff4f4f 30%, #f37777 60.35%, #ff4f4f 100% ); --stb-gradient-1900: linear-gradient(180deg, #c52929 0%, #ff4f4f 100%); --stb-gradient-2000: linear-gradient(180deg, #fc9a00 0%, #fcae00 30%, #fc9a00 60%, #c3630b 100%); --stb-gradient-2100: linear-gradient(180deg, #c3630b 0%, #fcae00 100%); --stb-gradient-2100-reverted: linear-gradient(180deg, #fcae00 0%, #c3630b 100%); --stb-gradient-2200: linear-gradient(180deg, #717171 0%, #606060 100%); --stb-gradient-2300: linear-gradient(180deg, #383838 0%, #818181 100%); --stb-gradient-2400: linear-gradient(180deg, #cdae81 0%, #e1c090 12%, #f8e1c0 60%, #f8e1c0 100%); --stb-gradient-2500: linear-gradient(180deg, #e1c090 0%, #ffefd5 70%, #ffefd5 100%); --stb-gradient-2500-reverted: linear-gradient(0deg, #e1c090 0%, #ffefd5 70%, #ffefd5 100%); --stb-gradient-2600: linear-gradient(180deg, #f2d6ad 0%, #f8e1c0 20%, #f8e1c0 80%, #ffefd5 100%); --stb-gradient-2610: linear-gradient(180deg, #f2d6ad 0%, #f8e1c0 6%, #f8e1c0 94%, #ffefd5 100%); --stb-gradient-2700: linear-gradient(180deg, #efcc98 0%, #f8e1c0 20%, #ffefd5 80%, #ffffff 100%); --stb-gradient-2800: linear-gradient(180deg, #f9eedf 0%, #fcecd2 100%); --stb-gradient-2860: linear-gradient(180deg, #fcecd2 0%, #ffefd5 80%, #ffffff 100%); --stb-gradient-2900: linear-gradient(180deg, #b4d02e 0%, #65a237 60%); --stb-gradient-3000: linear-gradient(180deg, #18a594 0%, #1f7c71 100%); --stb-gradient-3100: linear-gradient(180deg, #d8e597 0%, #b6dac1 100%); --stb-gradient-3200: linear-gradient(180deg, #e6f3a5 0%, #b0d0b9 100%); --stb-gradient-3300: linear-gradient(180deg, #c5410e 0%, #89281d 100%); --stb-gradient-3400: linear-gradient(135deg, #a2a2a2 0%, #ffffff 30%, #a2a2a2 70%, #ebebeb 100%); --stb-gradient-3500: linear-gradient(180deg, #998e7e 0%, #bdb4a5 100%); --stb-gradient-3600: linear-gradient(180deg, #80908e 0%, #a1b2b0 100%); --stb-gradient-rainbow: linear-gradient( 180deg, rgb(var(--stb-brand-1800)) 0%, rgb(var(--stb-brand-1800)) 33%, rgb(var(--stb-yellow-200)) 33%, rgb(var(--stb-yellow-200)) 66%, rgb(var(--stb-red-400)) 66%, rgb(var(--stb-red-400)) 100% ); --stb-gradient-rainbow-double: linear-gradient( 180deg, rgb(var(--stb-brand-1800)) 0%, rgb(var(--stb-brand-1800)) 33%, rgb(var(--stb-yellow-400)) 66%, rgb(var(--stb-yellow-400)) 100% ); --stb-gradient-rainbow-horizontal: linear-gradient( 90deg, rgb(var(--stb-brand-1800)) 0%, rgb(var(--stb-brand-1800)) 33%, rgb(var(--stb-yellow-200)) 33%, rgb(var(--stb-yellow-200)) 66%, rgb(var(--stb-red-400)) 66%, rgb(var(--stb-red-400)) 100% ); --stb-urus-banner-gradient: linear-gradient( 90deg, rgb(3 139 99 / 1) 0%, rgb(255 255 255 / 0) 30.2% ); --stb-text-primary: rgb(var(--stb-neutral-600)); --stb-text-secondary: rgb(var(--stb-neutral-400)); --stb-text-contrast-primary: rgb(var(--stb-brand-950)); --stb-text-contrast-secondary: rgb(255 255 255 / .8); --stb-text-accent: rgb(255 255 255 / .2); --stb-button-primary: rgb(var(--stb-green-800)); --stb-button-primary-hover: rgb(var(--stb-green-900)); --stb-button-primary-active: rgb(var(--stb-green-800)); --stb-button-secondary: rgb(var(--stb-neutral-600)); --stb-button-secondary-hover: rgb(var(--stb-neutral-400)); --stb-button-secondary-active: rgb(var(--stb-neutral-600)); --stb-button-tertiary: rgb(var(--stb-brand-500)); --stb-button-tertiary-hover: rgb(var(--stb-brand-400)); --stb-button-tertiary-active: rgb(var(--stb-brand-600)); --stb-button-disable: rgb(var(--stb-neutral-600)); --stb-button-text-bright: rgb(var(--stb-white)); --stb-button-text-middle: rgb(var(--stb-brand-950)); --stb-button-text-dark: rgb(var(--stb-neutral-800)); --stb-link-primary: rgb(var(--stb-brand-400)); --stb-link-primary-hover: rgb(var(--stb-red-400)); --stb-link-primary-active: rgb(var(--stb-brand-500)); --stb-link-secondary: rgb(var(--stb-neutral-600)); --stb-link-secondary-hover: rgb(var(--stb-neutral-400)); --stb-link-secondary-active: rgb(var(--stb-neutral-600)); --stb-link-tertiary: rgb(var(--stb-brand-950)); --stb-link-tertiary-hover: rgb(var(--stb-brand-1700)); --stb-link-tertiary-active: rgb(var(--stb-brand-950)); --stb-link-accent: rgb(var(--stb-brand-1600)); --stb-link-alert: rgb(var(--stb-red-400)); --stb-link-alert-hover: rgb(var(--stb-red-500)); --stb-bg-primary: url(restored-6342a092fbc257e4.jpg); --stb-bg-primary-2x: url(restored-0d5b2b23cf8502ed.jpg); --stb-bg-additional: url(restored-c0d3098edabc156b.webp); --stb-bg-additional-2x: url(restored-34bde798fd7f0770.webp); --stb-bg-secondary: linear-gradient( 180deg, rgb(var(--stb-brand-200)) 0%, rgb(var(--stb-brand-160)) 100% ); --stb-bg-tertiary: linear-gradient( 180deg, rgb(var(--stb-brand-250)) 0%, rgb(var(--stb-brand-2600)) 100% ); --stb-bg-fourth: rgb(var(--stb-brand-300)); --stb-bg-contrast-primary: rgb(var(--stb-brand-500)); --stb-bg-contrast-secondary: linear-gradient( 219.04deg, rgb(var(--stb-brand-500)) 5.22%, rgb(var(--stb-brand-400)) 88.65% ); --stb-bg-contrast-tertiary: linear-gradient( 180deg, rgb(var(--stb-brand-500)) 0%, rgb(var(--stb-brand-150)) 100% ); --stb-bg-popup: rgb(var(--stb-brand-900) / .5); --stb-input-fill: linear-gradient( 180deg, rgb(var(--stb-brand-2800)) 0%, rgb(var(--stb-brand-2700)) 100% ); --stb-input-fill-hover: linear-gradient( 180deg, rgb(var(--stb-brand-2700)) 0%, rgb(var(--stb-brand-2600)) 100% ); --stb-input-fill-selected: rgb(var(--stb-brand-2500)); --stb-input-stroke: linear-gradient( 180deg, rgb(var(--stb-brand-2800)) 0%, rgb(var(--stb-brand-2500)) 100% ); --stb-input-stroke-hover: linear-gradient( 180deg, rgb(var(--stb-brand-2700)) 0%, rgb(var(--stb-brand-2500)) 100% ); --stb-input-stroke-selected: linear-gradient( 180deg, rgb(var(--stb-brand-2700)) 0%, rgb(var(--stb-brand-2500)) 100% ); --stb-dropdown-fill: linear-gradient( 180deg, rgb(var(--stb-brand-160)) 0%, rgb(var(--stb-brand-160)) 34.41%, rgb(var(--stb-brand-200)) 88%, rgb(var(--stb-brand-300)) 100% ); --stb-dropdown-fill-hover: linear-gradient( 180deg, rgb(var(--stb-brand-2300)) 0%, rgb(var(--stb-brand-160)) 34.41%, rgb(var(--stb-brand-200)) 88%, rgb(var(--stb-brand-300)) 100% ); --stb-dropdown-fill-selected: linear-gradient( 180deg, rgb(var(--stb-brand-2500)) 0%, rgb(var(--stb-brand-2300)) 34.41%, rgb(var(--stb-brand-2600)) 88%, rgb(var(--stb-brand-200)) 100% ); --stb-dropdown-stroke: linear-gradient( 180deg, rgb(var(--stb-brand-200)) 0%, rgb(var(--stb-brand-160)) 100% ); --stb-dropdown-stroke-hover: linear-gradient( 180deg, rgb(var(--stb-brand-250)) 0%, rgb(var(--stb-brand-160)) 100% ); --stb-dropdown-stroke-selected: linear-gradient( 180deg, rgb(var(--stb-brand-2400)) 0%, rgb(var(--stb-brand-160)) 100% ); --stb-icon-100: rgb(var(--stb-brand-1700)); --stb-icon-200: rgb(var(--stb-brand-1000)); --stb-icon-400: rgb(var(--stb-neutral-400)); --stb-icon-600: rgb(var(--stb-green-600)); --stb-icon-700: rgb(var(--stb-neutral-600)); --stb-icon-900: rgb(var(--stb-brand-900)); --stb-functional-done: rgb(var(--stb-green-800)); --stb-functional-warning: rgb(var(--stb-yellow-100)); --stb-functional-error: rgb(var(--stb-red-500)); --stb-functional-alert: rgb(var(--stb-red-300)); --stb-functional-info: rgb(var(--stb-violet-100)); --stb-functional-info-plus: rgb(var(--stb-blue-500)); --stb-button-text-bright-filter: invert(100%) sepia(0%) saturate(7487%) hue-rotate(126deg) brightness(108%) contrast(105%); --stb-button-text-middle-filter: invert(59%) sepia(22%) saturate(499%) hue-rotate(207deg) brightness(89%) contrast(87%); --stb-text-secondary-filter: invert(53%) sepia(3%) saturate(12%) hue-rotate(96deg) brightness(95%) contrast(89%); --stb-text-primary-filter: invert(30%) sepia(9%) saturate(1781%) hue-rotate(207deg) brightness(97%) contrast(89%); --stb-white-filter: invert(99%) sepia(3%) saturate(371%) hue-rotate(87deg) brightness(115%) contrast(100%); --stb-brand-950-filter: invert(81%) sepia(9%) saturate(7434%) hue-rotate(179deg) brightness(118%) contrast(102%); --stb-shadow-primary: 0 6px 16px rgb(37 14 61 / .1); --stb-shadow-coins: 0 2px 3px rgb(51 76 96 / .2); --stb-shadow-secondary: 0 6px 10px 0 rgb(206 188 167 / .2), -1px 1px 4px 0 rgb(90 17 17 / .15); --stb-input-box-shadow: 0 4px 10px 0 rgb(130 95 62 / .2) inset; --stb-text-shadow: 0 1px 4px #063756; }

:root { --stb-tournament-dropdown-padding: 16px; --stb-tournament-card-radius: 38px; --stb-tournament-leaderbord-row-radius: 0; --stb-tournament-details-list-gap: 4px; --stb-tournament-details-list-font-size: 14px; --stb-tournament-dropdown-grid-template-columns: none; --stb-tournament-dropdown-container-gap: 24px; --stb-tournament-description-padding: 16px; --stb-tournament-description-details-gap: 10px; --stb-tournament-banner-grid-template-columns: 186px 1fr; --stb-tournament-banner-title-font-size: 16px; --stb-tournament-prize-font-size: 20px; }

@media screen and (min-width: 1280px) {
  :root { --stb-tournament-prize-font-size: 32px; }
}

:root { --stb-shop-image-aspect-ratio: 1.5 / 1; --stb-shop-freespin-image-aspect-ratio: 1.5 / 1; --stb-shop-page-grid-row-gap: var(--stb-page-grid-row-gap); --stb-shop-card-currency-font-size: 10px; --stb-base-shop-card-height: 174px; --stb-shop-card-content-height: 76px; --stb-shop-card-content-with-title-height: 98px; --stb-base-shop-card-image-height: 96px; --stb-free-spin-card-height: 96px; --stb-scroller-inner-row-gap: 8px; --stb-large-shop-card-height: 200px; --stb-scroller-shop-card-width: 144px; --stb-shop-freespin-image-width: 144px; --stb-shop-card-border-radius: 8px; --stb-shop-card-inner-border-radius: calc(var(--stb-shop-card-border-radius) - 1px); --stb-shop-items-grid-gap: 8px; --stb-bonus-crab-card-width: 234px; --stb-freebets-columns: 2; --stb-free-spins-columns: 1; --stb-bonus-money-columns: 2; --stb-bonus-crab-columns: auto-fill; --stb-bonus-crab-column-size: minmax(var(--stb-bonus-crab-card-width), 1fr); }

@media screen and (min-width: 768px) {
  :root { --stb-bonus-money-columns: 4; --stb-free-spins-columns: 2; --stb-freebets-columns: 4; --stb-bonus-crab-columns: 3; --stb-bonus-crab-column-size: 1fr; --stb-scroller-shop-card-width: 164px; }
}

@media screen and (min-width: 1280px) {
  :root { --stb-shop-card-currency-font-size: 12px; --stb-base-shop-card-height: 252px; --stb-shop-card-content-height: 92px; --stb-shop-card-content-with-title-height: 116px; --stb-scroller-shop-card-width: 192px; --stb-bonus-money-columns: 5; --stb-bonus-crab-columns: 4; --stb-free-spins-columns: 3; --stb-freebets-columns: 5; --stb-card-action-font-size: 16px; --stb-card-action-min-height: 48px; --stb-card-action-padding: 0 24px; --stb-card-action-grid-column-gap: 8px; }
}

:root { --stb-challenges-intro-actions-flex-direction: column; --stb-challenges-intro-actions-align-items: flex-start; --stb-challenge-header-flex-direction: column; --stb-mission-image-column-width: 72px; --stb-challenge-composite-list-columns-amount: 1; --stb-challenge-completed-header-display: contents; --stb-challenge-completed-countdown-order: 1; }

:root { --stb-cookie-banner-border-radius: 12px; --stb-cookie-banner-box-shadow: var(--stb-shadow-primary); --stb-cookie-banner-scroller-border-radius: 20px; --stb-cookie-banner-scrollbar-track-bg: var(--stb-bg-tertiary); --stb-cookie-banner-scrollbar-thumb-bg: var(--stb-bg-fourth); --stb-cookie-banner-text-primary: var(--stb-text-primary); --stb-cookie-banner-bg-primary: var(--stb-bg-primary); --stb-cookie-banner-bg-secondary: var(--stb-bg-secondary); --stb-cookie-banner-bg-tertiary: var(--stb-bg-tertiary); --stb-cookie-banner-link-color: var(--stb-link-accent); --stb-cookie-banner-link-color-hover: var(--stb-link-tertiary); --stb-cookie-banner-action-border-radius: 4px; --stb-cookie-banner-action-bg-primary: var(--stb-button-primary); --stb-cookie-banner-action-bg-primary-hover: var(--stb-button-primary-hover); --stb-cookie-banner-action-color-primary: var(--stb-button-text-bright); --stb-cookie-banner-action-color-primary-hover: var(--stb-button-text-bright); --stb-cookie-banner-action-bg-secondary: var(--stb-bg-tertiary); --stb-cookie-banner-action-bg-secondary-hover: var(--stb-button-tertiary-hover); --stb-cookie-banner-action-color-secondary: var(--stb-button-text-middle); --stb-cookie-banner-action-color-secondary-hover: var(--stb-button-text-bright); --stb-cookie-banner-switcher-disabled-pin-bg: var(--stb-button-disable); --stb-cookie-banner-switcher-disabled-track-bg: var(--stb-bg-tertiary); --stb-cookie-banner-switcher-disabled-svg-color: var(--stb-button-text-bright); --stb-cookie-banner-switcher-selected-pin-bg: var(--stb-button-primary); --stb-cookie-banner-switcher-selected-track-bg: var(--stb-bg-tertiary); --stb-cookie-banner-switcher-selected-svg-color: var(--stb-button-text-bright); --stb-cookie-banner-switcher-unselected-pin-bg: var(--stb-button-secondary-active); --stb-cookie-banner-switcher-unselected-track-bg: var(--stb-bg-tertiary); --stb-cookie-banner-switcher-unselected-svg-color: var(--stb-button-text-bright); }

.stb-overlay-container { position: fixed; }

.stb-global-overlay-wrapper { position: absolute; display: flex; justify-content: center; align-items: center; overflow-y: auto; }

.stb-overlay-container, .stb-global-overlay-wrapper { top: 0px; left: 0px; z-index: 900; width: 100%; height: 100%; pointer-events: none; }

.stb-overlay-container:empty, .stb-global-overlay-wrapper:empty { display: none; }

.stb-overlay-backdrop { -webkit-tap-highlight-color: transparent; position: absolute; inset: 0px; z-index: 1000; height: 100lvh; opacity: 0; background-color: var(--stb-bg-popup); transition: opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); pointer-events: auto; }

.stb-overlay-backdrop.stb-overlay-backdrop-showing { opacity: 1; }

.stb-overlay-pane { position: static; z-index: 1000; pointer-events: auto; }

*, ::before, ::after { box-sizing: border-box; }

::-webkit-scrollbar-track { background-color: transparent; visibility: hidden; }

::-webkit-scrollbar { width: 0px; height: 0px; visibility: hidden; }

::-webkit-scrollbar-thumb { visibility: hidden; }

html, body { height: 100%; }

html { -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; min-width: 360px; font-family: var(--stb-font-primary); font-size: 16px; font-weight: 500; line-height: 1.2; color: var(--stb-text-primary); user-select: none; }

html[dir="rtl"] { --stb-icon-sprite-svg-scale: -1 1; }

html:not([lang="el-gr"]) { --stb-text-transform-style: var(--stb-text-transform-uppercase); }

@supports (scrollbar-width: auto) and (not (selector(::-webkit-scrollbar))) {
  html { scrollbar-color: var(--stb-scrollbar-thumb-color) var(--stb-scrollbar-track-color); scrollbar-width: var(--stb-scrollbar-width-keyword); }
}

svg, img { display: block; }

img, video { max-width: 100%; height: auto; }

iframe { border: 0px; }

h1, h2, h3, h4, h5, h6, p, label, ul, ol, dl, dd { margin: 0px; font-size: inherit; font-weight: inherit; line-height: inherit; }

ul, ol { padding: 0px; list-style: none; }

button { margin: 0px; padding: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background-color: transparent; cursor: pointer; }

button:focus-visible { outline: 1px dashed rgb(var(--stb-brand-500)); }

button:disabled { cursor: default; }

button:focus:not(:focus-visible) { outline: none; }

input[type="date"]::-webkit-inner-spin-button, input[type="date"]::-webkit-calendar-picker-indicator { display: none; appearance: none; }

input[type="date"]::-webkit-date-and-time-value { -webkit-box-orient: vertical; -webkit-line-clamp: 1; display: -webkit-box; overflow: hidden; text-align: left; }

input::-webkit-datetime-edit, input::-webkit-datetime-edit-fields-wrapper, input::-webkit-datetime-edit-day-field, input::-webkit-datetime-edit-month-field, input::-webkit-datetime-edit-year-field, input::-webkit-datetime-edit-text { padding-top: 0px; padding-bottom: 0px; }

input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { margin: 0px; appearance: none; }

input[type="number"] { appearance: textfield; }

input[type="password"]:not(:placeholder-shown) { font-family: var(--stb-font-helper); }

input[type="password"]::placeholder { font-family: var(--stb-font-primary); }

a { text-decoration: none; color: var(--stb-text-primary); }

a:focus-visible { outline: 1px dashed var(--stb-link-primary); }

a:focus:not(:focus-visible) { outline: none; }

@supports (-webkit-touch-callout: none) {
  a { user-select: auto; }
}

[tabindex="-1"]:focus { outline: none; }

.container { display: block; width: 100%; max-width: 1920px; margin: 0px auto; padding-inline-start: var(--stb-container-padding); padding-inline-end: var(--stb-container-padding); }

.container--gamification { max-width: var(--stb-gamification-container); }

@media (orientation: landscape) {
  .container { padding-right: max(var(--stb-safe-area-right),var(--stb-container-padding)); padding-left: max(var(--stb-safe-area-left),var(--stb-container-padding)); }
}

.page-indent { padding-top: var(--stb-page-indent-padding-top); padding-bottom: var(--stb-page-indent-padding-bottom); }

.page-indent--s { padding-top: var(--stb-page-indent-s-padding-top); }

.page-grid { display: grid; row-gap: var(--stb-page-grid-row-gap); }

.page-content-width { max-width: var(--stb-page-content-width); margin: 0px auto; }

.grid-games-wrapper { position: relative; display: block; }

.grid-games-wrapper__action { position: absolute; right: 0px; bottom: 0px; left: 0px; z-index: 1; display: flex; justify-content: center; align-items: flex-end; height: 0px; padding: 0px; }

.grid-games { position: relative; display: grid; align-content: start; gap: 25px var(--stb-games-gap); width: 100%; padding: 10px 0px; transform: translateZ(0px); --stb-grid-column-count: var(--stb-custom-grid-column-count, 3); --stb-grid-column-dimension: calc(100% / var(--stb-custom-grid-column-count, 3)); grid-template-columns: repeat(var(--stb-grid-column-count),calc(calc(100% / var(--stb-grid-column-count)) - (var(--stb-games-column-gap, var(--stb-games-gap)) - var(--stb-games-column-gap, var(--stb-games-gap)) / var(--stb-grid-column-count)))); }

@media screen and (min-width: 768px) {
  .grid-games { --stb-grid-column-count: var(--stb-custom-grid-column-count, 6); --stb-grid-column-dimension: calc(100% / var(--stb-custom-grid-column-count, 6)); }
}

@media screen and (min-width: 1920px) {
  .grid-games { --stb-grid-column-count: var(--stb-custom-grid-column-count, 8); --stb-grid-column-dimension: calc(100% / var(--stb-custom-grid-column-count, 8)); }
}

.grid-games:focus-visible { outline: 1px dashed rgb(var(--stb-brand-500)); }

.grid-games--scrollable { scroll-padding-inline-start: var(--stb-container-padding); overflow: auto hidden; max-width: 1920px; margin: -2px auto -8px; padding: 10px var(--stb-container-padding) 8px; scroll-behavior: smooth; scroll-snap-type: var(--stb-scroll-snap-type, x mandatory); }

@supports (-webkit-touch-callout: none) and (not (aspect-ratio: auto)) {
  .grid-games--scrollable::after { display: block; width: calc(var(--stb-container-padding) - var(--stb-games-gap)); height: 1px; content: ""; }
  @media (orientation: landscape) {
  .grid-games--scrollable::after { width: calc(max(var(--stb-safe-area-right),var(--stb-container-padding)) - var(--stb-games-gap)); }
}
}

.grid-games--scrollable:not(.no-custom-scrollbar) { --stb-scrollbar-width-keyword: thin; }

@supports (scrollbar-width: auto) {
  .grid-games--scrollable:not(.no-custom-scrollbar) { scrollbar-color: var(--stb-scrollbar-thumb-color) var(--stb-scrollbar-track-color); scrollbar-width: var(--stb-scrollbar-width-keyword); }
}

@media (orientation: landscape) {
  .grid-games--scrollable { scroll-padding-inline-start: max(var(--stb-safe-area-left),var(--stb-container-padding)); }
}

.grid-games__item { --stb-thumbnail-index-shift: var(--stb-games-item-padding-inline-start); position: relative; padding-inline: var(--stb-games-item-padding-inline-start, 2px) 2px; padding-block: 2px; scroll-snap-align: start; }

.grid-games--row-1, .grid-games--row-2 { grid-template-columns: repeat(var(--stb-grid-column-count),calc(var(--stb-custom-grid-column-dimension, var(--stb-grid-column-dimension)) - (var(--stb-games-column-gap, var(--stb-games-gap)) - var(--stb-games-column-gap, var(--stb-games-gap)) / var(--stb-grid-column-count)))); grid-auto-columns: calc(var(--stb-custom-grid-column-dimension, var(--stb-grid-column-dimension)) - (var(--stb-games-column-gap, var(--stb-games-gap)) - var(--stb-games-column-gap, var(--stb-games-gap)) / var(--stb-grid-column-count))); grid-template-rows: repeat(var(--stb-grid-rows-count),1fr); grid-auto-flow: column; }

.grid-games--row-1 { --stb-grid-rows-count: 1; }

.grid-games--row-2 { --stb-grid-rows-count: 2; }

.grid-games--show-position { --stb-games-item-padding-inline-start: 24px; --stb-custom-grid-column-count: 3; --stb-games-gap: 6px; --stb-custom-grid-column-dimension: calc( max(92px, 100% / var(--stb-custom-grid-column-count)) + var(--stb-games-item-padding-inline-start) ); }

@media screen and (min-width: 768px) {
  .grid-games--show-position { --stb-custom-grid-column-count: 7; --stb-games-item-padding-inline-start: 36px; --stb-games-gap: 12px; }
}

@media screen and (min-width: 1280px) {
  .grid-games--show-position { --stb-custom-grid-column-count: 6; }
}

@media screen and (min-width: 1920px) {
  .grid-games--show-position { --stb-custom-grid-column-count: 7; }
}

.grid-games--bot-gradient::after { position: absolute; right: 0px; bottom: 0px; left: 0px; display: block; width: 100%; height: 120px; background: var(--stb-bg-primary); mask-image: linear-gradient(0deg, rgb(253, 254, 255) 50%, rgba(253, 254, 255, 0)); pointer-events: none; content: ""; }

.grid-page-name { display: grid; border-radius: 28px; box-shadow: var(--stb-shadow-secondary); }

.grid-page-name__title { position: relative; padding: 18px; border-radius: 28px 28px 0px 0px; color: var(--stb-button-text-bright); border: 2px double transparent; background-image: var(--stb-bg-contrast-tertiary),linear-gradient(0deg,#069ececc,#1f669ecc); background-clip: padding-box, border-box; background-origin: border-box; }

.grid-page-name__title::before { position: absolute; bottom: -11px; left: -2px; z-index: 2; width: calc(100% + 4px); height: 9px; background-color: var(--stb-bg-contrast-primary); background-image: var(--stb-gradient-rainbow); background-position: left top; background-size: 100% 9px; background-repeat: no-repeat; pointer-events: none; content: ""; }

.grid-page-name__title--description { display: flex; flex-direction: column; gap: 22px; }

.grid-page-name__container { border: 2px double transparent; background-image: var(--stb-gradient-2600),var(--stb-gradient-900); background-clip: padding-box, border-box; background-origin: border-box; display: grid; margin-top: 9px; padding: 18px 20px; border-radius: 0px 0px 28px 28px; }

.grid-page-name__container-bigger { padding-top: 29px; }

.grid-page-name__container.gradient-scroll { position: relative; overflow: hidden; }

.grid-page-name__container.gradient-scroll::before, .grid-page-name__container.gradient-scroll::after { position: absolute; top: 0px; z-index: 2; width: 20px; height: 100%; pointer-events: none; content: ""; }

.grid-page-name__container.gradient-scroll::before { left: 0px; background-image: linear-gradient(90deg,rgb(var(--stb-brand-200)) 50%,rgb(var(--stb-brand-200)/0)); }

.grid-page-name__container.gradient-scroll::after { right: 0px; background-image: linear-gradient(270deg,rgb(var(--stb-brand-200)) 50%,rgb(var(--stb-brand-200)/0)); }

@media screen and (min-width: 768px) {
  .grid-page-name__container.gradient-scroll::before, .grid-page-name__container.gradient-scroll::after { content: none; }
}

.form-checkbox__indicator { position: relative; display: block; width: 24px; height: 24px; border: 2px double transparent; border-radius: 4px; background-image: linear-gradient(to bottom,rgb(var(--stb-brand-2800)),rgb(var(--stb-brand-2700))),var(--stb-input-stroke); background-clip: content-box, border-box; background-origin: border-box; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 5px inset; }

.form-checkbox__indicator::before { position: absolute; top: 0px; left: 0px; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; color: rgb(var(--stb-white)); background-image: url(restored-c435ebc48ddf37b0.svg); background-position: center center; background-size: 16px auto; background-repeat: no-repeat; filter: var(--stb-white-filter); visibility: hidden; content: ""; }

.form-checkbox__text { font-size: 12px; font-weight: 500; line-height: 1.4; color: var(--stb-text-secondary); }

.form-checkbox__body { display: grid; align-items: center; grid-template-columns: max-content; grid-auto-flow: column; gap: 10px; cursor: pointer; }

@media (hover: hover) and (pointer: fine) {
  .form-checkbox__body:hover .form-checkbox__indicator { background-image: linear-gradient(to bottom,rgb(var(--stb-brand-2800)),rgb(var(--stb-brand-2700))),linear-gradient(to bottom,rgb(var(--stb-brand-2800)),rgb(var(--stb-brand-2500))); }
}

.form-checkbox__input:checked + .form-checkbox__body .form-checkbox__indicator { background-image: linear-gradient(to bottom,var(--stb-functional-done),var(--stb-functional-done)),var(--stb-input-stroke); }

.form-checkbox__input:checked + .form-checkbox__body .form-checkbox__indicator::before { visibility: visible; }

.form-checkbox__input.ng-touched.ng-invalid + .form-checkbox__body .form-checkbox__indicator { background-image: var(--stb-input-fill-hover),linear-gradient(to bottom,var(--stb-functional-alert),var(--stb-functional-alert)); }

.stb-input-errors, .stb-input-hints, .stb-form-errors { font-size: 14px; font-weight: 450; line-height: 1.2; display: block; margin-top: var(--stb-error-hint-margin-top, 8px); }

.stb-input-errors, .stb-form-errors { color: var(--stb-functional-alert); }

.stb-input-hints { color: var(--stb-text-primary); }

.stb-input-hint.is-invalid { color: var(--stb-functional-alert); }

.stb-input-hint, .stb-input-error, .stb-form-error, .stb-input-hint p, .stb-input-error p, .stb-form-error p { display: inline; }

.stb-input-hint:not(:last-child) p::after, .stb-input-error:not(:last-child) p::after, .stb-form-error:not(:last-child) p::after { content: ", "; }

.form-group { display: grid; align-items: start; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 8px; }

.form-control { display: grid; }

@media (hover: hover) and (pointer: fine) {
  .form-control:not(:has(.form-control__label:hover)) .form-control__input:hover:not(:focus) { --stb-input-temp-fill: var(--stb-input-fill-hover); --stb-input-placeholder-color: var(--stb-text-primary); }
  .form-control:not(:has(.form-control__label:hover)) .form-control__select:hover:not(:focus) { --stb-input-color: var(--stb-text-primary); --stb-input-temp-fill: var(--stb-dropdown-fill-hover); --stb-input-icon: url(restored-017a7651148f1d76.svg); }
}

.form-control__container { position: relative; display: flex; }

.form-control__toggle { position: absolute; inset-inline-end: 16px; top: 50%; width: 16px; height: 16px; padding: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: var(--stb-icon-400); background-color: transparent; transform: translateY(-50%); cursor: pointer; outline: none; }

.form-control__extended-label { display: flex; justify-content: space-between; align-items: center; }

.form-control__label { font-size: 14px; font-weight: 500; line-height: 1.2; display: block; width: 100%; padding-bottom: 8px; color: var(--stb-text-secondary); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.search-control { --stb-input-icon: linear-gradient(rgb(0 0 0 / 0), rgb(0 0 0 / 0)); --stb-input-temp-fill: var(--stb-input-fill); --stb-input-temp-stroke: var(--stb-input-stroke); display: flex; align-items: stretch; box-shadow: var(--stb-input-box-shadow); }

.form-control__label--shrunk { width: fit-content; }

.form-control__label--toggle { width: fit-content; line-height: 1; text-decoration: underline; color: var(--stb-link-primary); cursor: pointer; }

.form-control__predictions { border-radius: 2px; font-family: var(--stb-font-primary); box-shadow: 0 2px 6px rgb(var(--stb-black)/.3); cursor: pointer; }

.predictions__item { display: flex; align-items: center; padding: 0px 4px; border-top: 1px solid rgb(var(--stb-neutral-150)); font-size: 13px; line-height: 30px; color: var(--stb-neutral-1000); }

.predictions__item-img { display: flex; justify-content: center; align-items: center; padding-inline-end: 4px; }

.form-control__select { --stb-input-temp-stroke: var(--stb-input-stroke); --stb-input-temp-fill: var(--stb-dropdown-fill); --stb-input-icon: url(restored-017a7651148f1d76.svg); display: block; padding-inline: 16px 38px; padding-block: 14px; box-shadow: var(--stb-shadow-secondary); cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.form-control__input { --stb-input-icon: linear-gradient(rgb(0 0 0 / 0), rgb(0 0 0 / 0)); --stb-input-temp-fill: var(--stb-input-fill); --stb-input-temp-stroke: var(--stb-input-stroke); display: block; padding: 16px; text-align: start; box-shadow: var(--stb-input-box-shadow); cursor: text; }

html[dir="rtl"] .form-control__input[type="email"], html[dir="rtl"] .form-control__input--password, html[dir="rtl"] .form-control__input--phone { direction: ltr; padding-inline-end: 16px; text-align: end; }

.search-control, .form-control__input, .form-control__select { font-size: 16px; font-weight: 700; line-height: 1.2; width: 100%; height: 52px; border: 2px double transparent; border-radius: 16px; color: var(--stb-input-color, var(--stb-text-secondary)); background-image: var(--stb-input-icon),var(--stb-input-temp-fill),var(--stb-input-temp-stroke); background-position: right 16px center, 0px 0px, 0px 0px; background-size: 16px 16px, cover, cover; background-repeat: no-repeat; background-clip: border-box, padding-box, border-box; background-origin: border-box; appearance: none; transition: color var(--stb-transition-time),border var(--stb-transition-time) background-color var(--stb-transition-time); outline: none; }

html[dir="rtl"] .search-control, html[dir="rtl"] .form-control__input, html[dir="rtl"] .form-control__select { background-position: left 16px center, 0px 0px, 0px 0px; }

.search-control::placeholder, .form-control__input::placeholder, .form-control__select::placeholder { font-weight: 700; color: var(--stb-input-placeholder-color, var(--stb-text-secondary)); visibility: visible; }

.search-control:placeholder-shown, .form-control__input:placeholder-shown, .form-control__select:placeholder-shown { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.search-control:focus::placeholder, .form-control__input:focus::placeholder, .form-control__select:focus::placeholder { color: var(--stb-text-primary); }

.search-control:disabled, .form-control__input:disabled, .form-control__select:disabled { opacity: 0.5; cursor: default; pointer-events: none; }

@media (hover: hover) and (pointer: fine) {
  .search-control:hover { --stb-input-temp-fill: var(--stb-input-fill-hover); }
  .search-control:hover .search-control__input::placeholder { color: var(--stb-text-primary); }
}

.search-control:focus-within { --stb-input-temp-fill: linear-gradient( var(--stb-input-fill-selected), var(--stb-input-fill-selected) ); --stb-input-temp-stroke: var(--stb-input-stroke-selected); color: var(--stb-text-primary); }

.form-control__input:focus { --stb-input-color: var(--stb-text-primary); --stb-input-temp-fill: linear-gradient( var(--stb-input-fill-selected), var(--stb-input-fill-selected) ); --stb-input-temp-stroke: var(--stb-input-stroke-selected); }

.form-control__select:focus { --stb-input-temp-fill: var(--stb-dropdown-fill-selected); --stb-input-icon: url(restored-017a7651148f1d76.svg); }

.form-control__input.ng-touched.ng-invalid:not(:focus, .form-control__input--no-error-state) { color: var(--stb-functional-alert); }

.form-control__input--password { padding-inline-end: 40px; }

html[dir="rtl"] .form-control__input--password { padding-inline-start: 40px; }

html[dir="rtl"] .form-control__input--phone.form-control__input--validation-icon:not(:focus), html[dir="rtl"] .form-control__input[type="email"].form-control__input--validation-icon:not(:focus) { padding-inline-start: 40px; }

.form-control__input--untouched.ng-untouched, .form-control__select--placeholder.ng-pristine { color: var(--stb-text-secondary); }

.mobile-placeholder-imitation { --stb-input-icon: linear-gradient(rgb(0 0 0 / 0), rgb(0 0 0 / 0)); --stb-input-temp-fill: var(--stb-input-fill); --stb-input-temp-stroke: var(--stb-input-stroke); position: absolute; top: 0px; left: 0px; display: flex; align-items: center; width: 100%; height: 100%; min-height: 52px; padding: 16px; border: 2px double transparent; border-radius: 16px; font-size: 16px; font-weight: 500; line-height: 1.2; color: var(--stb-text-secondary); background-image: var(--stb-input-icon),var(--stb-input-temp-fill),var(--stb-input-temp-stroke); background-position: right 16px center, 0px 0px, 0px 0px; background-size: 16px 16px, cover, cover; background-repeat: no-repeat; background-clip: border-box, padding-box, border-box; background-origin: border-box; transition: color var(--stb-transition-time),border var(--stb-transition-time),background-color var(--stb-transition-time); outline: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.mobile-placeholder-imitation::placeholder { font-weight: 500; color: var(--stb-text-secondary); visibility: visible; }

.mobile-placeholder-imitation:placeholder-shown { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.mobile-placeholder-imitation:focus::placeholder { color: var(--stb-text-primary); }

.mobile-placeholder-imitation:disabled { opacity: 0.5; cursor: default; pointer-events: none; }

.form-control__input:disabled + .mobile-placeholder-imitation { cursor: default; pointer-events: none; }

.mobile-input-imitation::-webkit-date-and-time-value { margin: 0px; }

html[dir="rtl"] .mobile-input-imitation { text-align: right; }

html[dir="rtl"] .mobile-input-imitation::-webkit-date-and-time-value { text-align: inherit; }

.form-control__container:not(.is-android):focus-within .mobile-placeholder-imitation, .mobile-input-imitation:disabled { opacity: 0; }

.form-control__input--validation-icon:not(:focus) { padding-inline-end: 40px; }

html[dir="rtl"] .form-control__input--validation-icon { background-position: left 16px center, 0px 0px, 0px 0px; }

.form-control__input--validation-icon.ng-touched.ng-invalid:not(:focus), .form-control__input--validation-icon.ng-touched.ng-invalid:not(:focus) + .mobile-placeholder-imitation { --stb-input-icon: url(restored-bb95e0bfa036abd0.svg); }

.form-control__input--validation-icon.ng-touched.ng-valid:not(:focus) { --stb-input-icon: url(restored-df31f37ab853ed25.svg); }

.form-control__input--validation-error:not(:focus) { padding-inline-end: 40px; }

html[dir="rtl"] .form-control__input--validation-error { background-position: left 16px center, 0px 0px, 0px 0px; }

.form-control__input--validation-error.ng-touched.ng-invalid:not(:focus), .form-control__input--validation-error.ng-touched.ng-invalid:not(:focus) + .mobile-placeholder-imitation { --stb-input-icon: url(restored-bb95e0bfa036abd0.svg); }

.form-control__input--optional:not(:focus) { padding-inline-end: 40px; }

html[dir="rtl"] .form-control__input--optional { background-position: left 16px center, 0px 0px, 0px 0px; }

.form-control__input--optional.ng-touched.ng-invalid:not(:focus), .form-control__input--optional.ng-touched.ng-invalid:not(:focus) + .mobile-placeholder-imitation { --stb-input-icon: url(restored-bb95e0bfa036abd0.svg); }

.form-control__input--optional.ng-valid:not(:focus, :placeholder-shown, .ng-pristine) { --stb-input-icon: url(restored-df31f37ab853ed25.svg); }

.form-control--loading { position: relative; }

.form-control--loading .form-control__input { padding-inline-end: 40px; }

.form-control--loading::after { position: absolute; top: 50%; right: 16px; width: 16px; height: 16px; margin: -8px 0px 0px; background-color: var(--stb-icon-400); mask-image: url(restored-8abb06d025f98d8c.svg); animation: animation-rotation var(--stb-animation-rotation-time) linear infinite; content: ""; }

@supports (-moz-appearance: none) {
  .form-control--loading::after { background: url(restored-8abb06d025f98d8c.svg) center center / 100% auto no-repeat; mask: none; filter: var(--stb-icon-400-filter); }
}

.form-control__container .form-control__input { flex: 1 1 0%; width: 0px; }

.input-hidden { position: absolute; overflow: hidden; width: 1px; height: 1px; margin: -1px; padding: 0px; border: 0px; clip: rect(0px, 0px, 0px, 0px); }

.form-control__helper { text-align: center; }

.search-control__container { display: flex; flex-grow: 1; align-items: center; gap: 8px; padding: 0px 16px; cursor: text; }

.search-control__input { font-size: 16px; font-weight: 450; line-height: 1; flex-grow: 1; width: 0px; padding: 16px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; text-align: start; color: inherit; background-color: transparent; appearance: none; cursor: text; outline: none; }

.search-control__input::placeholder { font-weight: 450; color: var(--stb-text-secondary); }

.search-control__input:placeholder-shown { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: start; }

.search-control__icon { color: var(--stb-icon-400); }

.search-control__clear { flex-shrink: 0; max-width: 50%; margin-inline-start: -8px; padding-inline: 0px 16px; padding-block: 16px; font-weight: 500; }

.form-radio__indicator { position: relative; width: 24px; height: 24px; border-radius: 50%; background-image: var(--stb-input-fill); box-shadow: var(--stb-input-box-shadow); transition: border var(--stb-transition-time),background-color var(--stb-transition-time); }

.form-radio__indicator::before { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border: 2px double transparent; border-radius: 50%; opacity: 1; background-image: var(--stb-input-fill),linear-gradient(rgb(var(--stb-neutral-400)),rgb(var(--stb-neutral-400))); background-clip: content-box, border-box; background-origin: border-box; box-shadow: var(--stb-input-box-shadow); transition: opacity 0.2s; content: ""; }

.form-radio--contrast .form-radio__indicator::before { opacity: 0; }

.form-radio__body { position: relative; display: inline-grid; align-items: center; grid-template-columns: max-content; grid-auto-flow: column; gap: 12px; width: 100%; height: 52px; padding: 0px 12px; border-radius: 16px; color: var(--stb-text-secondary); transition: background-image var(--stb-transition-time); cursor: pointer; }

.form-radio__body .form-radio__text { position: relative; color: var(--stb-text-secondary); transition: 0.2s; }

.form-radio__body::before { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border: 2px double transparent; border-radius: 16px; background-image: var(--stb-input-fill),var(--stb-input-stroke); background-clip: content-box, border-box; background-origin: border-box; transition: opacity 0.2s; content: ""; }

@media (hover: hover) and (pointer: fine) {
  .form-radio__body:hover .form-radio__indicator::before { background-image: var(--stb-input-fill-hover),var(--stb-input-stroke-hover); }
  .form-radio__body:hover::before { background-image: var(--stb-input-fill-hover),var(--stb-input-stroke-hover); }
}

.form-radio__body:focus .form-radio__indicator::before { background-image: var(--stb-input-fill-hover),var(--stb-input-stroke-hover); }

.form-radio__body:focus .form-radio__text { color: var(--stb-text-primary); }

.form-radio__body:focus::before { background-image: var(--stb-input-fill),var(--stb-input-stroke-hover); }

.form-radio__input:checked + .form-radio__body .form-radio__indicator::after { position: absolute; top: 50%; left: 50%; width: 14px; height: 14px; background-image: url(restored-5f6b999dca11192e.png); background-size: contain; transform: translate(-50%) translateY(-50%); content: ""; }

.form-radio__input:checked + .form-radio__body .form-radio__indicator::before { background-image: var(--stb-input-fill),var(--stb-input-stroke-hover); }

.form-radio__input:checked + .form-radio__body .form-radio__text { color: var(--stb-text-primary); }

.form-radio__input:checked + .form-radio__body::before { opacity: 1; }

.form-radio__input:focus + .form-radio__body { border-color: var(--stb-input-stroke-hover); }

.form-radio__input:focus-visible + .form-radio__body { border-color: var(--stb-input-stroke-hover); }

.form-radio__input:focus:not(:focus-visible) + .form-radio__body { border-color: var(--stb-input-stroke-hover); }

.form-radio-group { display: grid; justify-content: space-between; align-items: flex-start; grid-template-columns: repeat(2, 1fr); grid-auto-flow: column; gap: 12px; }

.button { --stb-button-loading-dimension: 24px; --stb-button-padding: 30px; --stb-side-texture-aspect-ratio: .6; --stb-side-texuture-width: calc(var(--stb-side-texture-aspect-ratio) * var(--stb-height)); position: relative; z-index: 0; display: inline-grid; justify-content: center; place-items: center; grid-auto-flow: column; column-gap: 8px; min-height: var(--stb-height); padding-top: ; padding-right: ; padding-left: ; padding-bottom: 0.1em; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 4px; font-family: var(--stb-font-helper),sans-serif; font-weight: 800; font-style: italic; line-height: 1.2; text-decoration: none; text-align: center; text-transform: var(--stb-text-transform-style); background-position: right 0px, center 0px, left 0px; background-size: var(--stb-side-texuture-width) 100%,calc(100% - var(--stb-side-texuture-width) * 2 + 1px) 100%,var(--stb-side-texuture-width) 100%,0,0,0,0,0,0; background-repeat: no-repeat, no-repeat, no-repeat; transition: background-color var(--stb-transition-time),color var(--stb-transition-time); cursor: pointer; }

.button--l { --stb-height: 88px; --stb-button-padding: 30px; border-radius: 44px; font-size: 40px; }

.button--m { --stb-height: 56px; --stb-button-padding: 24px; border-radius: 28px; font-size: 26px; }

.button--s { --stb-height: 48px; --stb-button-padding: 24px; border-radius: 24px; font-size: 22px; }

.button--xs { --stb-height: 32px; --stb-button-padding: 12px; --stb-button-loading-dimension: 20px; column-gap: 6px; min-width: 36px; border-radius: 18px; font-size: 14px; line-height: unset; }

.button.button--loading::after { filter: var(--stb-button-loading-after-filter); }

.button--super-primary { --stb-mobile-primary-animation: url(restored-8d03da909fdc6557.webp); --stb-desktop-primary-animation: url(restored-a01cb16f6b259577.webp); --stb-border-primary-size: 3px; --stb-border-radius-m: 34px; --stb-border-radius-l: 44px; position: relative; max-width: 220px; border: var(--stb-border-primary-size) solid; border-radius: var(--stb-border-radius-m); line-height: 1; text-shadow: rgba(0, 0, 0, 0.6) 0px 1px 4px; color: var(--stb-button-text-bright); background: rgb(253, 179, 7); cursor: pointer; }

.button--super-primary::before { position: absolute; z-index: -1; overflow: hidden; width: calc(100% + var(--stb-border-primary-size)); height: 100%; border-radius: var(--stb-border-radius-m); background-image: var(--stb-mobile-primary-animation); background-position: center center; background-size: cover; transition: filter 0.2s; pointer-events: none; content: ""; }

@media (hover: hover) and (pointer: fine) {
  .button--super-primary:hover::before { filter: brightness(1.15); }
}

.button--super-primary.button--l { border-radius: var(--stb-border-radius-l); }

.button--super-primary.button--l::before { border-radius: var(--stb-border-radius-l); background-image: var(--stb-desktop-primary-animation); }

.button--primary { --stb-button-loading-after-filter: var(--stb-button-text-bright-filter); --stb-primary-sprites: url(restored-2e592224ee91ec56.webp), url(restored-f012182481e561c2.webp), url(restored-1cb5d6eca402f489.webp); --stb-primary-sprites-hover: url(restored-da8b6a753d0d78a0.webp), url(restored-cc0c8251f969c8cd.webp), url(restored-231ec29156b7a799.webp); --stb-primary-sprites-active: url(restored-8e9a24b83dda2eed.webp), url(restored-f4065caf796ec216.webp), url(restored-63e809e6142104aa.webp); text-shadow: rgba(0, 0, 0, 0.6) 0px 1px 4px; color: var(--stb-button-text-bright); background-image: var(--stb-primary-sprites),var(--stb-primary-sprites-hover),var(--stb-primary-sprites-active); transition: background-image 0.2s; }

@media (hover: hover) and (pointer: fine) {
  .button--primary:hover { background-image: var(--stb-primary-sprites-hover); }
}

.button--primary:active { background-image: var(--stb-primary-sprites-active); }

.button--secondary { --stb-button-loading-after-filter: var(--stb-button-text-bright-filter); --stb-primary-sprites: url(restored-d8ab696dd3f732c1.webp), url(restored-a254661edcb7612f.webp), url(restored-0e6e5a81c1927370.webp); --stb-primary-sprites-hover: url(restored-8fe016bd2ebd679b.webp), url(restored-d2ab11c2f46f9b44.webp), url(restored-add99546fd2ac15f.webp); --stb-primary-sprites-active: url(restored-60bbdd23bbcddd64.webp), url(restored-3f63f28df891c700.webp), url(restored-4fcda6baa8c935ff.webp); text-shadow: rgba(0, 0, 0, 0.6) 0px 1px 4px; color: var(--stb-button-text-bright); background-image: var(--stb-primary-sprites),var(--stb-primary-sprites-hover),var(--stb-primary-sprites-active); transition: background-image 0.2s; }

@media (hover: hover) and (pointer: fine) {
  .button--secondary:hover { background-image: var(--stb-primary-sprites-hover); }
}

.button--secondary:active { background-image: var(--stb-primary-sprites-active); }

.button--tertiary { --stb-button-loading-after-filter: var(--stb-brand-950-filter); position: relative; z-index: 1; overflow: hidden; border: 2px solid rgb(var(--stb-white)/.2); color: rgb(var(--stb-brand-950)); background: rgb(var(--stb-brand-500)); }

.button--tertiary.button--l { --stb-button-padding: 40px; border-radius: 24px; }

.button--tertiary.button--m, .button--tertiary.button--s { --stb-button-padding: 24px; border-radius: 16px; }

.button--tertiary.button--xs { --stb-button-padding: 8px; border-radius: 8px; }

@media (hover: hover) and (pointer: fine) {
  .button--tertiary:hover { background: rgb(var(--stb-brand-400)); }
}

.button--tertiary:active { background: rgb(var(--stb-brand-600)); }

.button--header { --stb-primary-sprites: url(restored-042364a045c6f67f.webp), url(restored-3bbea110f3eb6abe.webp), url(restored-3028ceefb7a33120.webp); --stb-primary-sprites-hover: url(restored-2e4099eafb0a7a6a.webp), url(restored-cdf640c4e692fc53.webp), url(restored-c29123bddf775d1f.webp); --stb-primary-sprites-active: url(restored-9ceac12306648e0a.webp), url(restored-fa3767899d3800fa.webp), url(restored-7178ce696f889d45.webp); text-shadow: rgba(0, 0, 0, 0.6) 0px 1px 4px; color: var(--stb-button-text-bright); background-image: var(--stb-primary-sprites),var(--stb-primary-sprites-hover),var(--stb-primary-sprites-active); transition: background-image 0.2s; }

@media (hover: hover) and (pointer: fine) {
  .button--header:hover { background-image: var(--stb-primary-sprites-hover); }
}

.button--header:active { background-image: var(--stb-primary-sprites-active); }

.button--xs-ent { --stb-button-loading-dimension: 20px; --stb-button-padding: 12px; --stb-height: 36px; font-size: 16px; }

.button--xs-header { --stb-button-loading-dimension: 20px; --stb-button-padding: 12px; --stb-height: 36px; column-gap: 6px; min-width: 36px; font-size: 14px; line-height: 14px; }

.button--secondary-invert { --stb-button-loading-after-filter: var(--stb-button-text-bright-filter); color: rgb(var(--stb-neutral-200)); background-color: rgb(var(--stb-neutral-500)/.4); }

@media (hover: hover) and (pointer: fine) {
  .button--secondary-invert:hover { text-decoration: underline; }
}

.button--secondary-invert:active { text-decoration: none; color: rgb(var(--stb-brand-400)); }

.button.button--loading, .button.button--loading:disabled { position: relative; text-shadow: unset; color: transparent; cursor: default; pointer-events: none; }

.button.button--loading::after, .button.button--loading:disabled::after { position: absolute; top: 50%; left: 50%; width: var(--stb-button-loading-dimension); height: var(--stb-button-loading-dimension); margin-top: calc(-1 * var(--stb-button-loading-dimension) / 2); margin-left: calc(-1 * var(--stb-button-loading-dimension) / 2); background-image: url(restored-8abb06d025f98d8c.svg); background-position: center center; background-size: 100% auto; background-repeat: no-repeat; animation: animation-rotation var(--stb-animation-rotation-time) linear infinite; content: ""; }

.button:disabled:not(.button--loading) { opacity: 0.3; cursor: default; pointer-events: none; }

.button .icon-shadow { filter: drop-shadow(rgba(0, 0, 0, 0.6) 0px 1px 2px); }

.button-notification-indicator { position: absolute; inset-inline-end: 2px; top: 2px; }

@media screen and (min-width: 1280px) {
  .button-notification-indicator { inset-inline-end: 7px; top: 7px; }
}

.button-reload { display: grid; align-items: center; grid-auto-flow: column; gap: 4px; font-size: 16px; font-weight: 700; line-height: 1.2; color: var(--stb-text-primary); }

.button-flag { width: 24px; min-width: 24px; height: 24px; border-radius: 4px; object-fit: cover; }

.arrow-button, .button-icon-link { --stb-icon-sprite-svg-width: 24px; --stb-icon-sprite-svg-height: 24px; --stb-icon-bg-width: 36px; --stb-box-shadow: unset; --stb-icon-sprite: url(restored-d00b235a0e59c23f.webp); --stb-icon-sprite2x: url(restored-c572c18d6149ffdc.webp); --stb-icon-sprite-hover: url(restored-967e5a941521baf0.webp); --stb-icon-sprite-hover2x: url(restored-ab350d570fa9bc77.webp); --stb-icon-sprite-active: url(restored-967e5a941521baf0.webp); --stb-icon-sprite-active2x: url(restored-ab350d570fa9bc77.webp); position: relative; display: grid; place-content: center; width: var(--stb-arrow-button-width, 36px); height: var(--stb-arrow-button-height, 36px); border-radius: 50%; color: rgb(var(--stb-white)); cursor: pointer; }

.arrow-button > :not(.button-notification-indicator), .button-icon-link > :not(.button-notification-indicator) { position: relative; }

.arrow-button::before, .button-icon-link::before { position: absolute; top: 50%; left: 50%; width: var(--stb-icon-bg-width); height: var(--stb-icon-bg-width); border-radius: 50%; background-image: var(--stb-icon-sprite),var(--stb-icon-sprite-hover); background-position: left top, left 0px top 100%, left 0px top 100%; background-size: contain; box-shadow: var(--stb-box-shadow); transform: translateY(-50%) translate(-50%); transition: background-image var(--stb-transition-time); content: ""; }

@media screen and (min-resolution: 2dppx), screen and (min-resolution: 192dpi) {
  .arrow-button::before, .button-icon-link::before { background-image: var(--stb-icon-sprite2x),var(--stb-icon-sprite-hover2x); }
}

.arrow-button:active::before, .button-icon-link:active::before { background-image: var(--stb-icon-sprite-active); }

@media screen and (min-resolution: 2dppx), screen and (min-resolution: 192dpi) {
  .arrow-button:active::before, .button-icon-link:active::before { background-image: var(--stb-icon-sprite-active2x); }
}

.arrow-button--primary, .arrow-button--secondary, .arrow-button--tertiary, .button-icon-link--primary, .button-icon-link--secondary, .button-icon-link--tertiary { --stb-icon-sprite-svg-width: 16px; --stb-icon-sprite-svg-height: 16px; --stb-icon-bg-width: 28px; --stb-box-shadow: 0 2px 4px 0 rgb(0 0 0 / .25), 2px 2px 8px 0 #97765a; }

.arrow-button--primary, .button-icon-link--primary { --stb-icon-sprite: url(restored-c5fbf9381b89d98b.webp); --stb-icon-sprite2x: url(restored-4bf16f9d13c5ac7d.webp); }

.arrow-button--secondary, .button-icon-link--secondary { --stb-icon-sprite: url(restored-1da1ff4eaf2a2953.webp); --stb-icon-sprite2x: url(restored-bbda3f051e6a0c58.webp); }

.arrow-button--secondary, .arrow-button--primary, .button-icon-link--secondary, .button-icon-link--primary { --stb-icon-sprite-hover: url(restored-d00b235a0e59c23f.webp); --stb-icon-sprite-hover2x: url(restored-c572c18d6149ffdc.webp); }

.arrow-button--no-bg::before, .button-icon-link--no-bg::before { display: none; }

.arrow-button:disabled, .button-icon-link:disabled { opacity: 0.3; cursor: default; pointer-events: none; }

@media (hover: hover) and (pointer: fine) {
  .arrow-button:hover::before, .button-icon-link:hover::before { background-image: var(--stb-icon-sprite-hover); }
}

@media screen and (hover: hover) and (pointer: fine) and (min-resolution: 2dppx), screen and (hover: hover) and (pointer: fine) and (min-resolution: 192dpi) {
  .arrow-button:hover::before, .button-icon-link:hover::before { background-image: var(--stb-icon-sprite-hover2x); }
}

.notification-button { display: inline-flex; color: var(--stb-button-secondary); opacity: 0.5; transition: opacity var(--stb-transition-time); cursor: pointer; }

@media (hover: hover) and (pointer: fine) {
  .notification-button:hover { opacity: 1; }
}

.notification-button:active { opacity: 0.2; }

.link { display: inline-grid; align-items: center; grid-auto-flow: column; column-gap: var(--stb-link-gap, 8px); font-size: 14px; transition: color var(--stb-transition-time); cursor: pointer; }

.link--primary { color: var(--stb-link-primary); }

@media (hover: hover) and (pointer: fine) {
  .link--primary:hover { color: var(--stb-link-primary-hover); }
}

.link--primary:active { color: var(--stb-link-primary-active); }

.link--secondary { color: var(--stb-link-secondary); }

@media (hover: hover) and (pointer: fine) {
  .link--secondary:hover { color: var(--stb-link-secondary-hover); }
}

.link--secondary:active { color: var(--stb-link-secondary-active); }

.link--accent { color: var(--stb-link-accent); }

@media (hover: hover) and (pointer: fine) {
  .link--accent:hover { color: rgb(var(--stb-neutral-600)); }
}

.link--accent:active { color: var(--stb-link-accent); }

.link--info { font-weight: 700; text-decoration: underline; color: var(--stb-text-secondary); }

@media (hover: hover) and (pointer: fine) {
  .link--info:hover { color: var(--stb-text-primary); }
}

.link--accent-button { position: relative; z-index: 0; padding: 8px 34px; border: 2px solid transparent; border-radius: 12px; font-weight: 700; text-transform: uppercase; color: var(--stb-link-accent); }

@media (hover: hover) and (pointer: fine) {
  .link--accent-button:hover { color: rgb(var(--stb-neutral-600)); }
}

.link--accent-button:active { color: var(--stb-link-accent); }

.link--accent-button::after { position: absolute; top: 0px; left: 0px; z-index: -1; width: 100%; height: 100%; border-radius: 12px; background: var(--stb-gradient-2600); content: ""; }

.link--accent-button::before { position: absolute; top: -2px; left: -2px; z-index: -1; width: calc(100% + 4px); height: calc(100% + 4px); border-radius: 14px; background: linear-gradient(180deg,rgb(var(--stb-brand-160)) 0% 30%,rgb(var(--stb-brand-1900))); box-shadow: rgba(90, 17, 17, 0.15) -1px 1px 2px, rgba(223, 170, 107, 0.63) -2px 3px 2px; content: ""; }

.link--alert { font-size: 10px; color: var(--stb-link-alert); }

@media (hover: hover) and (pointer: fine) {
  .link--alert:hover { color: rgb(var(--stb-red-500)); }
}

.link--alert:active { color: var(--stb-link-alert); }

.link--invert-secondary, .link--invert { color: var(--stb-link-tertiary); }

@media (hover: hover) and (pointer: fine) {
  .link--invert-secondary:hover, .link--invert:hover { color: var(--stb-link-tertiary-hover); }
}

.link--invert-secondary:active, .link--invert:active { color: var(--stb-link-tertiary-active); }

.link--l { font-size: 14px; }

.link--m { font-size: 12px; }

.link--s { font-size: 10px; }

.link--gap-4 { column-gap: 4px; }

.modal-dialog-panel { overflow: hidden auto; width: 100%; max-width: var(--stb-modal-dialog-panel-max-width); height: auto; max-height: 100%; margin: 0px auto; }

@media (pointer: fine) {
  .modal-dialog-panel { scrollbar-width: none; }
}

.modal-dialog-panel > * { position: relative; width: 100%; }

.world-cup-quest-backdrop { --stb-bg-popup: rgb(1 4 21 / .6); }

.burger-menu-backdrop, .user-menu-backdrop { top: var(--stb-header-height); }

.burger-menu-backdrop ~ .stb-global-overlay-wrapper:has(.burger-menu-modal), .burger-menu-backdrop ~ .stb-global-overlay-wrapper:has(.user-menu-modal), .user-menu-backdrop ~ .stb-global-overlay-wrapper:has(.burger-menu-modal), .user-menu-backdrop ~ .stb-global-overlay-wrapper:has(.user-menu-modal) { top: var(--stb-header-height); height: calc(100% - var(--stb-header-height)); }

@media screen and (min-width: 1280px) {
  .burger-menu-backdrop, .user-menu-backdrop { left: 9px; max-width: calc(100% - 9px); border-top-left-radius: 12px; }
}

.burger-menu-modal { inset-inline-start: 0px; max-width: var(--stb-modal-menu-max-width); height: 100%; margin-inline-start: 0px; }

.user-menu-modal { inset-inline-end: 0px; height: 100%; margin-inline-end: 0px; }

@media screen and (min-width: 768px) {
  .user-menu-modal { max-width: 360px; }
}

.dialog { --stb-dialog-padding: 20px; --stb-border-width: 34px; --stb-border-line-length: calc(100% - var(--stb-border-width) * 2 + 2px); position: relative; display: block; padding: var(--stb-dialog-padding); border-radius: var(--stb-modal-dialog-border-radius); }

.dialog::before { position: absolute; top: var(--stb-dialog-padding); left: var(--stb-dialog-padding); z-index: 1; width: calc(100% - var(--stb-dialog-padding) * 2); height: calc(100% - var(--stb-dialog-padding) * 2); border-radius: var(--stb-modal-dialog-border-radius); background: var(--stb-bg-secondary); content: ""; }

.dialog.tournament-terms::before { background-image: var(--stb-bg-primary); background-size: 225px auto; background-repeat: repeat; pointer-events: none; }

@media screen and (min-resolution: 2dppx), screen and (min-resolution: 192dpi) {
  .dialog.tournament-terms::before { background-image: var(--stb-bg-primary-2x); }
}

.dialog::after { position: absolute; transition: opacity var(--stb-transition-time); pointer-events: none; content: ""; border-image: url(restored-d74b95858f892fb4.webp) 34 / 34px / 0 stretch; background-repeat: no-repeat; top: calc(var(--stb-dialog-padding)); left: calc(var(--stb-dialog-padding)); z-index: 3; width: calc(100% - var(--stb-dialog-padding) * 2); height: calc(100% - var(--stb-dialog-padding) * 2); transform-style: preserve-3d; }

@media screen and (min-resolution: 2dppx), screen and (min-resolution: 192dpi) {
  .dialog::after { border-image: url(../assets/acce0b1cefa532e036c9.webp) 66 / 34px / 0 stretch; }
}

@media screen and (min-width: 768px) {
  .dialog { --stb-dialog-padding: 40px; }
}

.dialog--no-border::after { display: none; }

.dialog-inner { position: relative; z-index: 3; display: block; border-radius: var(--stb-modal-dialog-border-radius); box-shadow: var(--stb-shadow-primary); }

.dialog-header { display: grid; align-items: center; grid-template-rows: 1fr auto; grid-template-columns: 1fr auto; width: 100%; margin: 0px auto; padding: 24px var(--stb-modal-dialog-inner-vertical-padding) 20px; }

.dialog-header--centered { align-items: center; }

@media screen and (min-width: 768px) {
  .dialog-header { padding: 40px var(--stb-modal-dialog-inner-vertical-padding) 28px; }
}

.dialog-header__subtitle { font-size: 16px; font-weight: 500; line-height: 1.2; grid-column: 1 / -1; margin-top: 20px; }

@media screen and (min-width: 768px) {
  .dialog-header__subtitle { margin-top: 28px; }
}

.dialog-action { position: sticky; bottom: 0px; display: grid; margin-top: 20px; padding: 0 var(--stb-modal-dialog-inner-vertical-padding) var(--stb-modal-dialog-action-bottom-padding); }

.dialog-action__registration { border-radius: 0px 0px 32px 32px; background: var(--stb-bg-secondary); }

.dialog-action__registration::before { position: absolute; top: -24px; left: 0px; display: block; width: 100%; height: 24px; background-image: linear-gradient(180deg,rgb(var(--stb-white)/0),rgb(var(--stb-brand-200))); content: ""; }

.dialog-close { display: grid; flex-shrink: 0; place-items: center; width: 24px; height: 24px; margin-inline-start: auto; color: rgb(var(--stb-neutral-600)); opacity: 0.5; }

@media (hover: hover) and (pointer: fine) {
  .dialog-close:hover { opacity: 1; }
}

.dialog-close.button-icon-link::before { content: unset; }

.dialog-body { display: grid; gap: 20px; width: 100%; margin: 0px auto; padding-inline: var(--stb-modal-dialog-inner-vertical-padding); padding-block: 0 var(--stb-modal-dialog-body-bottom-padding); }

.dialog-body--search { display: block; gap: 0px; min-height: 450px; }

.dialog-item { display: grid; gap: 20px; padding: 0 var(--stb-modal-dialog-inner-vertical-padding); }

.dialog-bottom { padding: 20px var(--stb-modal-dialog-inner-vertical-padding) 40px; }

.dialog-header__title { font-family: var(--stb-font-helper),serif; font-size: 20px; font-weight: 800; font-style: italic; text-transform: uppercase; }

@media screen and (min-width: 768px) {
  .dialog-header__title { font-size: 24px; }
}

.dialog-top--contrast { position: relative; margin-bottom: 29px; padding: 24px var(--stb-modal-dialog-inner-vertical-padding) 20px; border-radius: 34px 34px 0px 0px; background-image: var(--stb-bg-contrast-tertiary); background-position: left top; background-repeat: no-repeat; }

.dialog-top--contrast .dialog-header { --stb-dialog-header-vertical-margin: 20px; padding: 0px; }

.dialog-top--contrast .dialog-header:not(:last-child) { margin-bottom: var(--stb-dialog-header-vertical-margin); }

.dialog-top--contrast .dialog-header:not(:first-child) { margin-top: var(--stb-dialog-header-vertical-margin); }

@media screen and (min-width: 768px) {
  .dialog-top--contrast .dialog-header { --stb-dialog-header-vertical-margin: 28px; }
}

.dialog-top--contrast .dialog-header__title { padding-right: 12px; font-family: var(--stb-font-helper),sans-serif; font-weight: 800; font-style: italic; line-height: 120%; text-transform: uppercase; color: rgb(var(--stb-white)); }

.dialog-top--contrast .dialog-close { color: rgb(var(--stb-brand-1000)); opacity: 0.5; filter: drop-shadow(rgba(47, 47, 47, 0.5) 0px 0px 1px); }

.dialog-top--contrast .dialog-close:hover { opacity: 1; }

.dialog-top--contrast::after { position: absolute; bottom: -9px; left: 0px; width: 100%; height: 9px; background-image: var(--stb-gradient-rainbow); content: ""; }

@media screen and (min-width: 768px) {
  .dialog-top--contrast { margin-bottom: 37px; padding: 40px var(--stb-modal-dialog-inner-vertical-padding) 28px; }
}

.dialog-header--with-back-button { grid-template-columns: auto 1fr auto; }

.dialog-back { margin-right: 12px; }

.dialog-result { display: grid; gap: 20px; }

.dialog-result__icon { display: flex; flex-direction: column; align-items: center; color: var(--stb-functional-done); }

.actions-grid { display: grid; row-gap: 12px; }

.dialog-separator { display: grid; place-items: center; grid-template-columns: minmax(0px, 1fr) auto minmax(0px, 1fr); column-gap: 12px; margin: 20px 0px; text-transform: capitalize; color: var(--stb-text-secondary); font-size: 14px; font-weight: 500; line-height: 1.4; }

.dialog-separator::before, .dialog-separator::after { width: 100%; height: 1px; background-color: rgb(var(--stb-brand-250)); content: ""; }

.dialog-separator:empty { grid-template-columns: 1fr 1fr; column-gap: 0px; }

.dialog-separator.with-indent { margin: 20px 0px; }

.search-modal { --stb-modal-dialog-panel-max-width: 100%; }

@media screen and (min-width: 768px) {
  .search-modal { --stb-modal-dialog-panel-max-width: 1280px; }
}

@media screen and (min-width: 768px) {
  .collections-onboarding-modal { --stb-modal-dialog-panel-max-width: 708px; }
}

.cashier-modal { --stb-modal-dialog-panel-max-width: 100%; --stb-modal-dialog-inner-vertical-padding: 16px; }

@media screen and (min-width: 768px) {
  .cashier-modal { --stb-modal-dialog-panel-max-width: 768px; --stb-modal-dialog-inner-vertical-padding: 70px; }
}

.login-dialog, .registration-on-page, .login-on-page, .registration-dialog, .request-failed-dialog { --stb-modal-dialog-inner-vertical-padding: 24px; --stb-modal-dialog-body-bottom-padding: 24px; }

@media screen and (min-width: 768px) {
  .login-dialog, .registration-on-page, .login-on-page, .registration-dialog, .request-failed-dialog { --stb-modal-dialog-inner-vertical-padding: 40px; --stb-modal-dialog-body-bottom-padding: 40px; }
}

.documents-verification-modal { --stb-modal-dialog-panel-max-width: 100%; height: 100%; padding: 0px; }

.season-promo-welcome-modal { overflow: visible; }

.urus-dialog { background-color: rgba(30, 27, 24, 0.7); backdrop-filter: blur(5px); }

.mosaic-games-selection-modal { --stb-mosaic-games-selection-modal-inner-max-width: 408px; --stb-mosaic-games-selection-dialog-grid-rows: 100%; --stb-mosaic-games-selection-dialog-max-height: 100dvh; --stb-modal-dialog-panel-max-width: calc( var(--stb-mosaic-games-selection-modal-inner-max-width) + 2 * var(--stb-modal-dialog-inner-vertical-padding) ); }

@media screen and (min-width: 768px) {
  .mosaic-games-selection-modal { --stb-mosaic-games-selection-dialog-grid-rows: minmax(100%, 840px); --stb-modal-dialog-close-margin: -6px; --stb-modal-dialog-inner-inline-padding: 24px; }
}

.modal-notification-panel { --stb-modal-dialog-panel-max-width: 430px; margin-inline: 12px; margin-block: 12px auto; }

@media screen and (min-aspect-ratio: 12 / 9) and (max-width: 1279px) {
  .modal-notification-panel { margin-inline: var(--stb-game-page-header-height) 0; }
}

@media screen and (min-width: 1280px) {
  .modal-notification-panel { --stb-modal-dialog-panel-max-width: 512px; }
}

.modal-notification-backdrop { background-color: transparent; backdrop-filter: none; }

.notification-dialog { display: block; border-radius: 16px; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-color: ; box-shadow: var(--stb-shadow-secondary); border: 2px double transparent; background-image: var(--stb-gradient-2600),var(--stb-gradient-2500-reverted); background-clip: padding-box, border-box; background-origin: border-box; }

.notification-dialog-inner { display: grid; gap: 12px; padding: 12px; }

@media screen and (max-width: 767px) {
  .notification-dialog-inner .notification-dialog-button { justify-self: start; width: fit-content; }
}

.notification-dialog-body { display: flex; justify-content: space-between; gap: 12px; }

.notification-dialog-content { display: grid; gap: 8px; font-size: 14px; line-height: 1.4; color: var(--stb-text-secondary); }

.notification-dialog-content .font-bold { font-weight: 700; }

.notification-dialog-close { color: var(--stb-button-secondary); }

@media (hover: hover) and (pointer: fine) {
  .notification-dialog-close:hover { opacity: 1; }
}

.notification-dialog-close:active { opacity: 0.2; }

@media screen and (max-width: 767px) {
  .bottom-sheet-modal { --stb-modal-dialog-panel-align-self: flex-end; --stb-modal-dialog-panel-overflow-y: hidden; --stb-shift: 100%; --stb-modal-dialog-block-padding: 0; --stb-modal-dialog-inline-padding: 0; --stb-modal-dialog-body-overflow-y: auto; --stb-dialog-inner-display: flex; --stb-dialog-inner-flex-direction: column; --stb-dialog-inner-border-bottom-left-radius: 0; --stb-dialog-inner-border-bottom-right-radius: 0; --stb-dialog-inner-max-height: calc(100dvh - 76px); }
  .bottom-sheet-modal .dialog { transform: translateY(var(--stb-shift)); }
  .bottom-sheet-modal .dialog--in { animation: bottom-sheet-in var(--stb-sidebars-transition-time) both; }
  .bottom-sheet-modal .dialog--out { animation: bottom-sheet-out var(--stb-sidebars-transition-time) forwards; }
}

.world-cup-updated-modal { --stb-modal-dialog-panel-max-width: 100%; height: 100%; }

.jackpot-widget-win-backdrop { min-height: 100vh; backdrop-filter: blur(20px); }

.jackpot-widget-win-modal { --stb-modal-dialog-panel-max-width: 100%; display: flex; justify-content: center; align-items: center; height: 100%; }

.jackpot-widget-win-modal > * { margin: auto; }

.cdk-overlay-pane.notifications-panel { width: 100%; max-width: 400px; }

.stb-notification { --stb-notification-icon: var(--stb-gradient-transparent); --stb-notification-border: linear-gradient( 180deg, rgb(var(--stb-brand-160)), rgb(var(--stb-brand-160)) 30%, rgb(var(--stb-brand-1900)) 100% ); --stb-notification-border-error: linear-gradient( 180deg, var(--stb-functional-alert), var(--stb-functional-alert) ); --stb-notification-fill: var(--stb-gradient-2600); display: grid; align-items: center; grid-template-columns: 1fr auto; gap: 12px; width: 100%; padding-inline: 48px 12px; padding-block: 12px; border: 2px double transparent; border-radius: 16px; background-image: var(--stb-notification-icon),var(--stb-notification-fill),var(--stb-notification-border); background-position: 12px center, center center, center center; background-size: var(--stb-notification-bg-size, 24px) var(--stb-notification-bg-size, 24px),cover,cover; background-repeat: no-repeat; background-clip: border-box, padding-box, border-box; background-origin: border-box; box-shadow: var(--stb-shadow-secondary); }

.stb-notification.success { --stb-notification-icon: url(restored-018624a5b2f51a2f.svg); }

.stb-notification.warning { --stb-notification-icon: url(restored-8d90e86e53a0b9b8.svg); }

.stb-notification.info { --stb-notification-icon: url(restored-f013c4a96534764e.svg); }

.stb-notification.error { --stb-notification-icon: url(restored-de1a6f652b9235aa.svg); background-image: var(--stb-notification-icon),var(--stb-notification-fill),var(--stb-notification-border-error); }

.stb-notification__text, .stb-notification__content { font-size: 14px; line-height: 1.4; word-break: break-word; color: var(--stb-text-secondary); }

.stb-notification__content a:not([href]) { text-decoration: underline; color: var(--stb-link-secondary); transition: color var(--stb-transition-time); cursor: pointer; }

@media (hover: hover) and (pointer: fine) {
  .stb-notification__content a:not([href]):hover { color: var(--stb-link-accent); }
}

.stb-notification__content a:not([href]):active { color: var(--stb-text-primary); }

.stb-notification__btn { align-self: start; width: 16px; height: 16px; opacity: 0.5; background-image: url(restored-3a01749208caa0c1.svg); background-size: cover; background-repeat: no-repeat; transition: opacity var(--stb-transition-time); }

@media (hover: hover) and (pointer: fine) {
  .stb-notification__btn:hover { opacity: 1; }
}

.stb-notification__btn:active { opacity: 0.2; }

.stb-notification--in { animation: 0.5s ease 0s 1 normal both running notification-in; }

.stb-notification--out { animation: 0.5s ease 0s 1 normal forwards running notification-out; }

html[dir="rtl"] .stb-notification { background-position: calc(100% - 12px) center, 0px center, center center; }

html[dir="rtl"] .stb-notification--in { animation: 0.5s ease 0s 1 normal both running notification-in-rtl; }

html[dir="rtl"] .stb-notification--out { animation: 0.5s ease 0s 1 normal forwards running notification-out-rtl; }

@keyframes notification-in { 
  0% { transform: translate(calc(100% + 20px)); }
  100% { transform: translate(0px); }
}

@keyframes notification-out { 
  0% { transform: translate(0px); }
  100% { transform: translate(calc(100% + 20px)); }
}

@keyframes notification-in-rtl { 
  0% { transform: translate(-100%); }
  100% { transform: translate(0px); }
}

@keyframes notification-out-rtl { 
  0% { transform: translate(0px); }
  100% { transform: translate(-100%); }
}

.lang-toggle { display: inline-grid; place-items: center flex-start; grid-template-columns: max-content 1fr; grid-auto-flow: column; column-gap: 8px; height: 48px; padding: 12px; border-radius: 18px; font-size: 14px; font-weight: 700; line-height: 1.4; text-decoration: none; color: var(--stb-text-secondary); transition: background-color var(--stb-transition-time),color var(--stb-transition-time); cursor: pointer; }

.lang-toggle__flag { border: 1px solid var(--stb-lang-flag-border-color); transition: border-color var(--stb-transition-time); }

@media (hover: hover) and (pointer: fine) {
  .lang-toggle:hover { color: var(--stb-text-primary); }
}

@media screen and (min-width: 768px) {
  .lang-toggle { height: 54px; }
}

.toggle { gap: 4px; height: 54px; }

.lang-toggle, .toggle { position: relative; display: inline-grid; justify-content: center; align-items: center; grid-auto-flow: column; min-width: 36px; min-height: 36px; padding: 0px 12px; border-radius: 18px; font-size: 14px; font-weight: 700; text-align: center; color: var(--stb-text-secondary); box-shadow: var(--stb-shadow-secondary); transition-property: background-color, color, border-color; transition-duration: var(--stb-transition-time); cursor: pointer; border: 2px double transparent; background-image: var(--stb-gradient-2600),linear-gradient(180deg,#ffefd5 0% 30%,#e1c090); background-clip: padding-box, border-box; background-origin: border-box; }

.lang-toggle::before, .toggle::before { position: absolute; top: -2px; left: -2px; width: calc(100% + 4px); height: calc(100% + 4px); transition: opacity var(--stb-transition-time); pointer-events: none; content: ""; border-image: url(restored-e50b514fcf79f5c3.webp) 20 / 20px / 0 stretch; background-repeat: no-repeat; opacity: 0; }

@media screen and (min-resolution: 2dppx), screen and (min-resolution: 192dpi) {
  .lang-toggle::before, .toggle::before { border-image: url(../assets/595b0ed51f77baef429c.webp) 40 / 20px / 0 stretch; }
}

@media (hover: hover) and (pointer: fine) {
  .lang-toggle:hover, .toggle:hover { border: 2px double transparent; background-image: var(--stb-gradient-2700),var(--stb-gradient-800); background-clip: padding-box, border-box; background-origin: border-box; }
}

.lang-toggle--sport, .toggle--sport { color: var(--stb-text-primary); }

.lang-toggle--active, .lang-toggle--active:hover, .toggle-input:checked + .lang-toggle, .toggle--active, .toggle--active:hover, .toggle-input:checked + .toggle { color: var(--stb-text-primary); border: 2px double transparent; background-image: var(--stb-gradient-800),var(--stb-gradient-2700); background-clip: padding-box, border-box; background-origin: border-box; }

.lang-toggle--active::before, .lang-toggle--active:hover::before, .toggle-input:checked + .lang-toggle::before, .toggle--active::before, .toggle--active:hover::before, .toggle-input:checked + .toggle::before { opacity: 1; }

.lang-toggle--is-ascending, .toggle--is-ascending { --stb-toggle-transform: rotate(0); }

.lang-toggle--is-descending, .toggle--is-descending { --stb-toggle-transform: rotate(-180deg); }

.lang-toggle__image, .toggle__image { transform: var(--stb-toggle-transform) translateZ(0); transition: transform var(--stb-transition-time); }

.search-category { position: relative; display: flex; justify-content: space-between; align-items: center; min-height: 44px; padding: 0px 12px; border-radius: 18px; font-size: 14px; text-transform: var(--stb-text-transform-style); color: var(--stb-text-primary); box-shadow: var(--stb-shadow-secondary); transition: background-color var(--stb-transition-time); cursor: pointer; border: 2px double transparent; background-image: var(--stb-gradient-2600),var(--stb-gradient-2500-reverted); background-clip: padding-box, border-box; background-origin: border-box; }

.search-category__text { padding-inline-end: 6px; font-weight: 700; transition: color var(--stb-transition-time); }

.search-category__amount { color: var(--stb-text-secondary); transition: color var(--stb-transition-time); }

@media (hover: hover) and (pointer: fine) {
  .search-category:hover { border: 2px double transparent; background-image: var(--stb-gradient-2700),var(--stb-gradient-800); background-clip: padding-box, border-box; background-origin: border-box; }
}

.search-category--active, .search-category--active:hover, .search-category:active { border: 2px double transparent; background-image: var(--stb-gradient-800),var(--stb-gradient-2700); background-clip: padding-box, border-box; background-origin: border-box; }

.search-category--active::before, .search-category--active:hover::before, .search-category:active::before { position: absolute; top: -2px; left: -2px; width: calc(100% + 4px); height: calc(100% + 4px); transition: opacity var(--stb-transition-time); pointer-events: none; content: ""; border-image: url(restored-e50b514fcf79f5c3.webp) 20 / 20px / 0 stretch; background-repeat: no-repeat; }

@media screen and (min-resolution: 2dppx), screen and (min-resolution: 192dpi) {
  .search-category--active::before, .search-category--active:hover::before, .search-category:active::before { border-image: url(../assets/595b0ed51f77baef429c.webp) 40 / 20px / 0 stretch; }
}

.category { position: relative; display: inline-grid; align-items: center; grid-template-columns: auto; grid-auto-flow: column; grid-auto-columns: 1fr; gap: 12px; min-width: 88px; padding: 12px; border-radius: 24px; font-size: 14px; line-height: 1.4; text-transform: var(--stb-text-transform-style); white-space: nowrap; color: var(--stb-text-primary); background: var(--stb-gradient-700); box-shadow: var(--stb-shadow-secondary); transition: color var(--stb-transition-time),background-color var(--stb-transition-time); cursor: pointer; }

.category.skeleton::before { border-image: none; }

.category::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-ae2c5b561b53b060.webp) 24 / 24px / 0 stretch; background-repeat: no-repeat; }

@media screen and (min-resolution: 2dppx), screen and (min-resolution: 192dpi) {
  .category::before { border-image: url(../assets/2e25713d10ad963e96b9.webp) 48 / 24px / 0 stretch; }
}

.category::after { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-image: url(../assets/94e963d224c1e883956a.webp), url(../assets/3c857c9b198c8e89dcc8.webp); background-position: 2px calc(100% - 2px), calc(100% - 2px) 2px; background-size: 44px auto, 36px auto; background-repeat: no-repeat; pointer-events: none; content: ""; }

@media (hover: hover) and (pointer: fine) {
  .category:hover { background: var(--stb-gradient-800); }
}

@media screen and (min-width: 1280px) {
  .category { grid-template-columns: initial; grid-auto-flow: initial; justify-items: center; text-align: center; }
}

.category__picture { justify-self: center; width: 20px; height: 20px; background-image: var(--stb-gradient-600); box-shadow: rgba(0, 0, 0, 0.35) 0px 2px 3px inset; mask-image: var(--stb-category-icon); mask-size: cover; }

@media screen and (min-width: 1280px) {
  .category__picture { width: 28px; height: 28px; }
}

.category__text { display: grid; justify-content: space-between; align-items: center; grid-auto-flow: column; gap: 4px; font-weight: 700; }

.category__amount { font-weight: 500; color: var(--stb-text-secondary); transition: color var(--stb-transition-time); }

.category--icon { min-width: auto; }

.category--active, .category--active:hover, .category:active { background: var(--stb-gradient-800); }

.provider { position: relative; display: grid; align-items: center; grid-template-columns: auto 1fr; grid-auto-flow: column; gap: 12px; min-width: 88px; min-height: 56px; padding: 0px 12px; border-radius: 18px; text-transform: var(--stb-text-transform-style); color: var(--stb-text-primary); box-shadow: var(--stb-shadow-secondary); transition: color var(--stb-transition-time),background-color var(--stb-transition-time); cursor: pointer; border: 2px double transparent; background-image: var(--stb-gradient-2600),linear-gradient(180deg,#ffefd5 0% 30%,#e1c090); background-clip: padding-box, border-box; background-origin: border-box; font-size: 14px; font-weight: 700; line-height: 1.4; }

.provider::before { position: absolute; top: -2px; left: -2px; width: calc(100% + 4px); height: calc(100% + 4px); transition: opacity var(--stb-transition-time); pointer-events: none; content: ""; border-image: url(restored-e50b514fcf79f5c3.webp) 20 / 20px / 0 stretch; background-repeat: no-repeat; opacity: 0; }

@media screen and (min-resolution: 2dppx), screen and (min-resolution: 192dpi) {
  .provider::before { border-image: url(../assets/595b0ed51f77baef429c.webp) 40 / 20px / 0 stretch; }
}

@media (hover: hover) and (pointer: fine) {
  .provider:hover { border: 2px double transparent; background-image: var(--stb-gradient-2700),var(--stb-gradient-800); background-clip: padding-box, border-box; background-origin: border-box; }
}

.provider__image { justify-self: center; width: 30px; height: 30px; background-image: var(--stb-gradient-600); mask-image: var(--stb-provider-icon); mask-size: cover; }

.provider__text { display: grid; justify-content: space-between; align-items: center; grid-auto-flow: column; gap: 4px; width: 100%; font-weight: 700; }

.provider__amount { font-weight: 500; color: var(--stb-text-secondary); transition: color var(--stb-transition-time); }

.provider--active::before, .provider--active:hover::before, .provider:active::before { opacity: 1; }

.scroller { position: relative; display: flex; overflow: auto hidden; max-width: 100vw; height: max-content; margin-bottom: calc(-1 * var(--stb-scroller-correct-scrollbar)); padding-bottom: var(--stb-scroller-correct-scrollbar); }

.scroller:focus-visible { outline: 1px dashed rgb(var(--stb-brand-500)); }

.scroller:not(.no-custom-scrollbar) { --stb-scrollbar-width-keyword: thin; }

@supports (scrollbar-width: auto) {
  .scroller:not(.no-custom-scrollbar) { scrollbar-color: var(--stb-scrollbar-thumb-color) var(--stb-scrollbar-track-color); scrollbar-width: var(--stb-scrollbar-width-keyword); }
}

.scroller--grid { display: grid; }

.scroller--inside-container { margin-right: calc(-1 * var(--stb-container-padding)); margin-left: calc(-1 * var(--stb-container-padding)); }

@media (orientation: landscape) {
  .scroller--inside-container { margin-right: calc(-1*max(var(--stb-safe-area-right),var(--stb-container-padding))); margin-left: calc(-1*max(var(--stb-safe-area-left),var(--stb-container-padding))); }
}

.scroller__inner { display: inline-grid; grid-auto-flow: column; grid-auto-columns: max-content; column-gap: 10px; padding: 2px var(--stb-container-padding); }

.scroller__inner--centered { margin: 0px auto; }

.scroller__inner--gap-4 { column-gap: 4px; }

@media (orientation: landscape) {
  .scroller__inner { padding-right: max(var(--stb-safe-area-right),var(--stb-container-padding)); padding-left: max(var(--stb-safe-area-left),var(--stb-container-padding)); }
}

.scroller--custom-inline-paddings .scroller__inner { padding-right: var(--stb-scroller-padding-right); padding-inline-start: var(--stb-scroller-padding-left); }

@media screen and (min-width: 1280px) {
  .scroller--sidebar { display: block; overflow: unset; max-width: 100%; margin: 0px; padding-bottom: 0px; }
  .scroller--sidebar .scroller__inner { display: grid; grid-template-columns: 1fr; grid-auto-flow: row; row-gap: 8px; padding: 0px; }
}

.slider-with-fade { position: relative; display: block; }

.slider-with-fade::before, .slider-with-fade::after { position: absolute; top: 0px; bottom: 0px; z-index: 1; display: block; width: var(--stb-container-padding); height: 100%; content: ""; }

.slider-with-fade::before { left: var(--stb-slider-fade-position-left, 0); background-image: linear-gradient(90deg,var(--stb-bg-primary) 14%,rgb(var(--stb-white)/0) 100%); }

.slider-with-fade::after { right: var(--stb-slider-fade-position-right, 0); background-image: linear-gradient(270deg,var(--stb-bg-primary) 14%,rgb(var(--stb-white)/0) 100%); }

.shop-section .scroller__inner { column-gap: 8px; }

.seo-text { overflow-y: hidden; transition: max-height var(--stb-transition-time); }

.seo-text--closed { mask-image: linear-gradient(0deg,rgb(var(--stb-white)/0),rgb(var(--stb-white)) 64.58%); }

.seo-text article { display: grid; row-gap: 20px; }

.seo-text section { font-size: 12px; font-weight: 500; line-height: 1.4; display: grid; row-gap: 12px; color: var(--stb-text-secondary); }

.seo-text section > div { display: contents; }

.seo-text h1, .seo-text h2, .seo-text h3, .seo-text h4, .seo-text h5, .seo-text h6 { font-size: 14px; font-weight: 700; line-height: 1.4; }

.seo-text a { font-weight: 700; text-decoration: underline; color: var(--stb-link-secondary); transition: color var(--stb-transition-time); }

@media (hover: hover) and (pointer: fine) {
  .seo-text a:hover { color: var(--stb-link-secondary-hover); }
}

.seo-text a:active { color: var(--stb-link-secondary-active); }

.seo-text ul, .seo-text ol { padding-left: 20px; list-style: revert; }

.seo-text-container { display: grid; row-gap: 12px; justify-items: start; }

.seo-text-container[hidden] { display: none; }

.info-article { max-width: var(--stb-page-content-width); margin: 0px auto; color: var(--stb-text-secondary); }

.info-article div:has(> table) { --stb-scrollbar-width-keyword: thin; overflow-x: scroll; padding-top: 12px; padding-bottom: 8px; }

.info-article div:has(> table) ::-webkit-scrollbar, .info-article div:has(> table) ::-webkit-scrollbar-thumb, .info-article div:has(> table) ::-webkit-scrollbar-track { width: var(--stb-scrollbar-width); height: var(--stb-scrollbar-height); visibility: var(--stb-scrollbar-visibility); }

.info-article div:has(> table) ::-webkit-scrollbar-thumb { border-radius: var(--stb-scrollbar-border-radius); background: var(--stb-scrollbar-thumb-color); }

.info-article div:has(> table) ::-webkit-scrollbar-track { border-radius: var(--stb-scrollbar-border-radius); background: var(--stb-scrollbar-track-color); }

@supports (scrollbar-width: auto) {
  .info-article div:has(> table) { scrollbar-color: var(--stb-scrollbar-thumb-color) var(--stb-scrollbar-track-color); scrollbar-width: var(--stb-scrollbar-width-keyword); }
}

.info-article div:has(> table):first-child { padding-top: 0px; }

.info-article table { color-scheme: revert; forced-color-adjust: revert; math-depth: revert; position: revert; position-anchor: revert; text-size-adjust: revert; appearance: revert; color: revert; font-family: revert; font-feature-settings: revert; font-kerning: revert; font-language-override: revert; font-optical-sizing: revert; font-palette: revert; font-size-adjust: revert; font-stretch: revert; font-style: revert; font-synthesis: revert; font-variant: revert; font-variation-settings: revert; font-weight: revert; position-area: revert; text-orientation: revert; text-rendering: revert; text-spacing-trim: revert; -webkit-font-smoothing: revert; -webkit-locale: revert; -webkit-text-orientation: revert; -webkit-writing-mode: revert; writing-mode: revert; zoom: revert; accent-color: revert; place-content: revert; place-items: revert; place-self: revert; alignment-baseline: revert; anchor-name: revert; anchor-scope: revert; animation-composition: revert; animation: revert; animation-trigger: revert; app-region: revert; aspect-ratio: revert; backdrop-filter: revert; backface-visibility: revert; background: revert; background-blend-mode: revert; baseline-shift: revert; baseline-source: revert; block-size: revert; border-block: revert; border-radius: revert; border-end-end-radius: revert; border-end-start-radius: revert; border-inline: revert; border-shape: revert; border-start-end-radius: revert; border-start-start-radius: revert; inset: revert; box-decoration-break: revert; box-shadow: revert; box-sizing: revert; break-after: revert; break-before: revert; break-inside: revert; buffered-rendering: revert; caption-side: revert; caret-animation: revert; caret-color: revert; caret-shape: revert; clear: revert; clip: revert; clip-path: revert; clip-rule: revert; color-interpolation: revert; color-interpolation-filters: revert; color-rendering: revert; columns: revert; column-fill: revert; gap: revert; rule-break: revert; rule: revert; rule-inset: revert; rule-visibility-items: revert; column-span: revert; contain: revert; contain-intrinsic-block-size: revert; contain-intrinsic-size: revert; contain-intrinsic-inline-size: revert; container: revert; content: revert; content-visibility: revert; corner-shape: revert; corner-block-end-shape: revert; corner-block-start-shape: revert; counter-increment: revert; counter-reset: revert; counter-set: revert; cursor: revert; cx: revert; cy: revert; d: revert; display: revert; dominant-baseline: revert; dynamic-range-limit: revert; empty-cells: revert; field-sizing: revert; fill: revert; fill-opacity: revert; fill-rule: revert; filter: revert; flex: revert; flex-flow: revert; flex-line-count: revert; float: revert; flood-color: revert; flood-opacity: revert; frame-sizing: revert; grid: revert; grid-area: revert; height: revert; hyphenate-character: revert; hyphenate-limit-chars: revert; hyphens: revert; image-orientation: revert; image-rendering: revert; initial-letter: revert; inline-size: revert; inset-block: revert; inset-inline: revert; interactivity: revert; interest-delay: revert; interpolate-size: revert; isolation: revert; letter-spacing: revert; lighting-color: revert; line-break: revert; list-style: revert; margin-block: revert; margin: revert; margin-inline: revert; margin-trim: revert; marker: revert; mask: revert; mask-type: revert; math-shift: revert; math-style: revert; max-block-size: revert; max-height: revert; max-inline-size: revert; max-width: revert; min-block-size: revert; min-height: revert; min-inline-size: revert; min-width: revert; mix-blend-mode: revert; object-fit: revert; object-position: revert; object-view-box: revert; offset: revert; opacity: revert; order: revert; orphans: revert; outline: revert; outline-offset: revert; overflow-anchor: revert; overflow-block: revert; overflow-clip-margin: revert; overflow-inline: revert; overflow-wrap: revert; overflow: revert; overlay: revert; overscroll-behavior-block: revert; overscroll-behavior-inline: revert; overscroll-behavior: revert; padding-block: revert; padding: revert; padding-inline: revert; page: revert; page-margin-safety: revert; page-orientation: revert; paint-order: revert; perspective: revert; perspective-origin: revert; pointer-events: revert; position-try: revert; position-visibility: revert; print-color-adjust: revert; quotes: revert; r: revert; reading-flow: revert; reading-order: revert; resize: revert; rotate: revert; ruby-align: revert; ruby-overhang: revert; ruby-position: revert; rule-overlap: revert; rx: revert; ry: revert; scale: revert; scroll-axis-lock: revert; scroll-behavior: revert; scroll-initial-target: revert; scroll-margin-block: revert; scroll-margin: revert; scroll-margin-inline: revert; scroll-marker-group: revert; scroll-padding-block: revert; scroll-padding: revert; scroll-padding-inline: revert; scroll-snap-align: revert; scroll-snap-stop: revert; scroll-snap-type: revert; scroll-target-group: revert; scroll-timeline: revert; scrollbar-color: revert; scrollbar-gutter: revert; scrollbar-width: revert; shape-image-threshold: revert; shape-margin: revert; shape-outside: revert; shape-rendering: revert; size: revert; speak: revert; stop-color: revert; stop-opacity: revert; stroke: revert; stroke-dasharray: revert; stroke-dashoffset: revert; stroke-linecap: revert; stroke-linejoin: revert; stroke-miterlimit: revert; stroke-opacity: revert; stroke-width: revert; tab-size: revert; table-layout: revert; text-align-last: revert; text-anchor: revert; text-autospace: revert; text-box: revert; text-combine-upright: revert; text-decoration: revert; text-decoration-skip-ink: revert; text-decoration-skip-spaces: revert; text-emphasis: revert; text-emphasis-position: revert; text-fit: revert; text-indent: revert; text-justify: revert; text-overflow: revert; text-shadow: revert; text-transform: revert; text-underline-offset: revert; text-underline-position: revert; text-wrap: revert; timeline-scope: revert; timeline-trigger: revert; touch-action: revert; transform: revert; transform-box: revert; transform-origin: revert; transform-style: revert; transition: revert; translate: revert; trigger-scope: revert; user-select: revert; vector-effect: revert; vertical-align: revert; view-timeline: revert; view-transition-class: revert; view-transition-group: revert; view-transition-name: revert; view-transition-scope: revert; visibility: revert; -webkit-box-align: revert; -webkit-box-decoration-break: revert; -webkit-box-direction: revert; -webkit-box-flex: revert; -webkit-box-ordinal-group: revert; -webkit-box-orient: revert; -webkit-box-pack: revert; -webkit-box-reflect: revert; -webkit-line-break: revert; -webkit-line-clamp: revert; -webkit-mask-box-image: revert; -webkit-rtl-ordering: revert; -webkit-ruby-position: revert; -webkit-tap-highlight-color: revert; -webkit-text-combine: revert; -webkit-text-decorations-in-effect: revert; -webkit-text-fill-color: revert; -webkit-text-security: revert; -webkit-text-stroke: revert; -webkit-user-drag: revert; white-space-collapse: revert; widows: revert; width: revert; will-change: revert; window-drag: revert; word-break: revert; word-spacing: revert; x: revert; y: revert; z-index: revert; border: 0px; border-spacing: 0px; border-collapse: collapse; font-size: 14px; line-height: 1.4; text-align: start; }

.info-article table th { font-weight: 700; color: var(--stb-text-primary); background: var(--stb-bg-secondary); }

.info-article table th, .info-article table td { vertical-align: top; padding-inline: 8px; }

.info-article table thead { border: 1px solid var(--stb-bg-tertiary); }

.info-article table thead th, .info-article table thead td { vertical-align: middle; padding-top: 8px; border-inline-end: 1px solid var(--stb-bg-tertiary); }

.info-article table tbody th, .info-article table tbody td { padding-bottom: 10px; padding-block: 10px; border: 1px solid var(--stb-bg-tertiary); }

.info-article table thead tr:last-child th, .info-article table thead tr:last-child td { padding-bottom: 8px; }

.info-article table tbody tr:last-child th, .info-article table tbody tr:last-child td { padding-bottom: 12px; }

.info-article h1 { font-family: var(--stb-font-helper); font-size: 28px; font-weight: 800; font-style: italic; line-height: 120%; text-transform: uppercase; color: var(--stb-text-primary); }

@media screen and (min-width: 1280px) {
  .info-article h1 { font-size: 32px; }
}

.info-article br { display: none; }

.info-article section { scroll-margin-top: var(--stb-header-height); border-bottom: 1px solid rgb(var(--stb-brand-250)); }

.info-article h2, .info-article h3, .info-article h4, .info-article h5, .info-article h6 { display: grid; grid-template-columns: auto 1fr; grid-auto-flow: column; column-gap: 12px; padding: 16px 0px; font-size: 20px; font-weight: 800; line-height: 120%; text-transform: uppercase; color: rgb(var(--stb-neutral-600)); transition: color var(--stb-transition-time); cursor: pointer; }

.info-article h2::after, .info-article h3::after, .info-article h4::after, .info-article h5::after, .info-article h6::after { flex-shrink: 0; width: 16px; height: 16px; margin-left: auto; background-image: url(../assets/5441b0715374bd8a2f0d.svg); background-size: 100% auto; background-repeat: no-repeat; filter: var(--stb-text-secondary-filter); transform: rotate(0deg); transition: transform var(--stb-transition-time); content: ""; }

html[dir="rtl"] .info-article h2, html[dir="rtl"] .info-article h3, html[dir="rtl"] .info-article h4, html[dir="rtl"] .info-article h5, html[dir="rtl"] .info-article h6 { grid-template-columns: 1fr auto; }

@media (hover: hover) and (pointer: fine) {
  .info-article h2:hover, .info-article h3:hover, .info-article h4:hover, .info-article h5:hover, .info-article h6:hover { color: var(--stb-text-primary); }
  .info-article h2:hover::after, .info-article h3:hover::after, .info-article h4:hover::after, .info-article h5:hover::after, .info-article h6:hover::after { filter: var(--stb-text-primary-filter); }
}

@media screen and (min-width: 1280px) {
  .info-article h2::after, .info-article h3::after, .info-article h4::after, .info-article h5::after, .info-article h6::after { width: 20px; height: 20px; }
}

.info-article p { padding-bottom: 18px; }

.info-article p:last-child { padding-bottom: 0px; }

.info-article div > div > p:first-child { padding-top: 20px; }

.info-article a:not([class]) { text-decoration: underline; color: rgb(var(--stb-brand-400)); transition: color var(--stb-transition-time); }

@media (hover: hover) and (pointer: fine) {
  .info-article a:not([class]):hover { color: rgb(var(--stb-red-400)); }
}

.info-article a:not([class]):active { color: var(--stb-text-primary); }

.info-article ul { padding-bottom: 20px; padding-inline-start: 20px; list-style: disc; }

.info-article ol { padding-bottom: 20px; padding-left: 20px; list-style: decimal; }

.info-article li > ul, .info-article li > ol { padding-top: 12px; }

.info-article ul:last-child, .info-article ol:last-child { padding-bottom: 0px; }

.info-article li { padding-bottom: 12px; }

.info-article li:last-child { padding-bottom: 0px; }

.info-article img { margin: 0px auto; }

.info-article section > div { line-height: 1.6; }

.info-article section > div div { padding-bottom: 18px; }

.info-article section > div div:last-child { padding-bottom: 0px; }

.info-article section > div > :not(h2) { display: none; padding-bottom: 18px; line-height: 1.2; }

.info-article--rules { counter-reset: sectionCounter 0; }

.info-article--rules section { counter-increment: sectionCounter 1; }

.info-article--rules h2::before { content: counter(sectionCounter) ". "; }

html[dir="rtl"] .info-article--rules h2 { grid-template-columns: auto 1fr; }

.info-article--about h2, .info-article--about h3, .info-article--about h4, .info-article--about h5, .info-article--about h6, .info-article--contact-us h2, .info-article--contact-us h3, .info-article--contact-us h4, .info-article--contact-us h5, .info-article--contact-us h6, .info-article--responsible-gaming h2, .info-article--responsible-gaming h3, .info-article--responsible-gaming h4, .info-article--responsible-gaming h5, .info-article--responsible-gaming h6, .info-article--complaints h2, .info-article--complaints h3, .info-article--complaints h4, .info-article--complaints h5, .info-article--complaints h6, .info-article--winning-tax h2, .info-article--winning-tax h3, .info-article--winning-tax h4, .info-article--winning-tax h5, .info-article--winning-tax h6 { pointer-events: none; }

.info-article--about h2::after, .info-article--about h3::after, .info-article--about h4::after, .info-article--about h5::after, .info-article--about h6::after, .info-article--contact-us h2::after, .info-article--contact-us h3::after, .info-article--contact-us h4::after, .info-article--contact-us h5::after, .info-article--contact-us h6::after, .info-article--responsible-gaming h2::after, .info-article--responsible-gaming h3::after, .info-article--responsible-gaming h4::after, .info-article--responsible-gaming h5::after, .info-article--responsible-gaming h6::after, .info-article--complaints h2::after, .info-article--complaints h3::after, .info-article--complaints h4::after, .info-article--complaints h5::after, .info-article--complaints h6::after, .info-article--winning-tax h2::after, .info-article--winning-tax h3::after, .info-article--winning-tax h4::after, .info-article--winning-tax h5::after, .info-article--winning-tax h6::after { display: none; }

.info-article--about section > div > :not(h2), .info-article--contact-us section > div > :not(h2), .info-article--responsible-gaming section > div > :not(h2), .info-article--complaints section > div > :not(h2), .info-article--winning-tax section > div > :not(h2) { display: block; }

.info-article--about section:last-child, .info-article--contact-us section:last-child, .info-article--responsible-gaming section:last-child, .info-article--complaints section:last-child, .info-article--winning-tax section:last-child { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }

.info-article--about section:where(:last-child) > div > :not(h2):where(:last-child), .info-article--contact-us section:where(:last-child) > div > :not(h2):where(:last-child), .info-article--responsible-gaming section:where(:last-child) > div > :not(h2):where(:last-child), .info-article--complaints section:where(:last-child) > div > :not(h2):where(:last-child), .info-article--winning-tax section:where(:last-child) > div > :not(h2):where(:last-child) { padding-bottom: 0px; }

.info-article--cookies-policy .seo-accordion-active h2, .info-article--rules .seo-accordion-active h2, .info-article--privacy-policy .seo-accordion-active h2 { padding-bottom: 20px; }

.info-article .seo-accordion h2, .info-article .seo-accordion h3, .info-article .seo-accordion h4, .info-article .seo-accordion h5, .info-article .seo-accordion h6 { font-family: var(--stb-font-helper),sans-serif; font-size: 20px; font-weight: 800; font-style: italic; line-height: 1.4; color: rgb(var(--stb-text-secondary)); }

@media (hover: hover) and (pointer: fine) {
  .info-article .seo-accordion h2:hover, .info-article .seo-accordion h3:hover, .info-article .seo-accordion h4:hover, .info-article .seo-accordion h5:hover, .info-article .seo-accordion h6:hover { color: var(--stb-text-primary); }
}

@media screen and (min-width: 1280px) {
  .info-article .seo-accordion h2, .info-article .seo-accordion h3, .info-article .seo-accordion h4, .info-article .seo-accordion h5, .info-article .seo-accordion h6 { font-size: 24px; }
}

.info-article .seo-accordion-active h2, .info-article .seo-accordion-active h3, .info-article .seo-accordion-active h4, .info-article .seo-accordion-active h5, .info-article .seo-accordion-active h6 { color: var(--stb-text-primary); }

.info-article .seo-accordion-active h2::after, .info-article .seo-accordion-active h3::after, .info-article .seo-accordion-active h4::after, .info-article .seo-accordion-active h5::after, .info-article .seo-accordion-active h6::after { filter: var(--stb-text-primary-filter); transform: rotate(180deg); }

.info-article .seo-accordion-active > div > :not(h2) { display: block; }

.info-article .seo-accordion-active thead td { font-weight: 700; color: rgb(var(--stb-white)); background-image: var(--stb-bg-contrast-tertiary); }

.info-article section > div > :not(h2):last-child { padding-bottom: 20px; line-height: 1.2; }

.info-article ::-webkit-scrollbar, .info-article ::-webkit-scrollbar-thumb, .info-article ::-webkit-scrollbar-track { width: var(--stb-scrollbar-width); height: var(--stb-scrollbar-height); visibility: var(--stb-scrollbar-visibility); }

.info-article ::-webkit-scrollbar-thumb { border-radius: var(--stb-scrollbar-border-radius); background: var(--stb-scrollbar-thumb-color); }

.info-article ::-webkit-scrollbar-track { border-radius: var(--stb-scrollbar-border-radius); background: var(--stb-scrollbar-track-color); }

.info-preloader-title { width: 100%; height: 34px; margin-bottom: 28px; }

.tab { position: relative; display: grid; align-items: center; align-content: center; grid-auto-flow: column; column-gap: 8px; min-width: 44px; min-height: 44px; padding: 0px 12px; border-radius: 18px; font-size: 14px; font-weight: 700; line-height: 1.4; text-transform: var(--stb-text-transform-style); color: var(--stb-text-primary); background-repeat: no-repeat; box-shadow: rgba(223, 170, 107, 0.63) -2px 3px 2px, rgba(90, 17, 17, 0.15) -1px 1px 2px; transition: var(--stb-transition-time); cursor: pointer; border: 2px double transparent; background-image: var(--stb-gradient-2600),linear-gradient(180deg,#ffefd5 0% 30%,#e1c090); background-clip: padding-box, border-box; background-origin: border-box; }

.tab::before { opacity: 0; position: absolute; top: -2px; left: -2px; width: calc(100% + 4px); height: calc(100% + 4px); transition: opacity var(--stb-transition-time); pointer-events: none; content: ""; border-image: url(restored-e50b514fcf79f5c3.webp) 20 / 20px / 0 stretch; background-repeat: no-repeat; }

@media screen and (min-resolution: 2dppx), screen and (min-resolution: 192dpi) {
  .tab::before { border-image: url(../assets/595b0ed51f77baef429c.webp) 40 / 20px / 0 stretch; }
}

@media (hover: hover) and (pointer: fine) {
  .tab:hover { border: 2px double transparent; background-image: var(--stb-gradient-2700),var(--stb-gradient-800); background-clip: padding-box, border-box; background-origin: border-box; }
}

.tab:active, .tab--active, .tab--active:hover, .tab-input:checked + .tab { background-image: var(--stb-gradient-800); }

.tab:active::before, .tab--active::before, .tab--active:hover::before, .tab-input:checked + .tab::before { opacity: 1; }

.splide__list { backface-visibility: initial; }

.splide__slide { position: static; width: 100%; min-width: var(--stb-splide-slide-min-width); backface-visibility: initial; contain: content; }

.splide__track { padding-top: var(--stb-splide-track-padding-top, 0); }

.splide__pagination { position: absolute; inset-inline-start: var(--stb-splide-pagination-inset-inline-start); inset-block-end: var(--stb-splide-pagination-inset-block-end); display: flex; }

.splide__pagination > :only-child { display: none; }

.splide__pagination__page { padding: 8px; }

.splide__pagination__page::before { display: block; width: 12px; height: 12px; border: 1px solid rgb(var(--stb-brand-700)); border-radius: 50%; transition: background-color var(--stb-transition-time); content: ""; }

.splide__pagination__page.is-active::before { background-color: rgb(var(--stb-brand-700)); }

.splide__pagination--with-count { counter-reset: pagination-num 0; }

.splide__pagination__page--with-count { width: 20px; height: 20px; font-size: 12px; }

.splide__pagination__page--with-count::before { counter-increment: pagination-num 1; content: counter(pagination-num); }

.status { font-size: 12px; font-weight: 700; line-height: 1.4; border: 2px double transparent; background-image: linear-gradient(0deg,#c52929,#ff4f4f 30%,#f37777 60.35%,#ff4f4f),var(--stb-gradient-1900); background-clip: padding-box, border-box; background-origin: border-box; position: relative; vertical-align: middle; display: inline-block; padding: 0px 6px; border-radius: 16px; text-align: center; text-transform: uppercase; color: var(--stb-text-contrast-secondary); }

.status::before { position: absolute; transition: opacity var(--stb-transition-time); pointer-events: none; content: ""; border-image: url(restored-72770100aca31094.webp) 10 / 10px / 0 stretch; background-repeat: no-repeat; top: -3px; left: -3px; width: calc(100% + 6px); height: calc(100% + 6px); }

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

.status.completed { border: 2px double transparent; background-image: linear-gradient(rgb(180, 208, 46), rgb(101, 162, 55) 80%, rgb(78, 131, 38)), linear-gradient(0deg, rgb(180, 208, 46), rgb(101, 162, 55) 80%, rgb(78, 131, 38)); background-clip: padding-box, border-box; background-origin: border-box; }

.status.credited, .status.released, .status.rollback, .status.win { border: 2px double transparent; background-image: var(--stb-gradient-200),linear-gradient(180deg,#1f669e 1.67%,#3578ad 27.09%,#5fadd8 60.35%,#069ece); background-clip: padding-box, border-box; background-origin: border-box; }

.transaction-amount { font-size: 16px; font-weight: 700; line-height: 1.2; color: var(--stb-text-primary); }

.transaction-amount--top-up { display: inline-flex; align-items: center; color: var(--stb-button-tertiary); }

.transaction-amount--top-up::before { margin-inline-end: 2px; content: "+"; }

.games-section { display: block; margin-bottom: 20px; }

.games-title { display: block; margin-bottom: 6px; }

.games-title.skeleton { border-radius: 12px; }

@media screen and (min-width: 1280px) {
  .games-title { margin-bottom: 16px; }
}

.legal-wrapper { display: grid; row-gap: 32px; }

@media screen and (min-width: 1280px) {
  .legal-wrapper { row-gap: 40px; }
}

.legal { display: grid; row-gap: 20px; color: var(--stb-link-tertiary); }

.licenses-list { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin: -10px -16px; }

.licenses-list__item { padding: 10px 16px; }

.licenses-list__link { display: block; }

.licenses-list:empty, .legal:has(> .licenses-list:empty) { display: none; }

.legal-paragraphs { font-size: 12px; line-height: 1.4; color: var(--stb-link-tertiary); }

.legal-paragraphs:lang(ar) { direction: ltr; }

.legal-paragraphs--centered { place-content: center; text-align: center; }

.legal-paragraphs > p { display: grid; gap: 20px; }

.legal-paragraphs--gap-4 { gap: 4px; }

.legal-icon { max-width: 72px; }

.nav-control { --stb-nav-control-size: 60px; display: flex; flex-shrink: 0; justify-content: center; align-items: center; width: var(--stb-nav-control-size); height: var(--stb-nav-control-size); margin-right: 8px; color: rgb(var(--stb-brand-1000)); transition: color var(--stb-transition-time); }

@media (hover: hover) and (pointer: fine) {
  .nav-control:hover { color: var(--stb-text-contrast-secondary); }
}

.nav-control:active { color: rgb(var(--stb-brand-1000)); }

.animation-rotation { animation: animation-rotation var(--stb-animation-rotation-time) linear infinite; }

@keyframes animation-rotation { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@keyframes toggle { 
  0% { transform: translate(0px); }
  100% { transform: translate(3px); }
}

.switcher { --stb-switcher-bg: var(--stb-gradient-1500); --stb-switcher: var(--stb-gradient-500); --stb-switcher-overlap: 1px; display: flex; justify-content: center; width: 50px; min-width: 50px; height: 28px; border: 2px solid rgb(var(--stb-brand-1900)); border-radius: 24px; background-image: var(--stb-switcher-bg); box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 4px inset; transition: background-image var(--stb-transition-time); }

.switcher::before { position: relative; top: calc(-1 * var(--stb-switcher-overlap)); width: calc(2 * var(--stb-switcher-overlap) + 24px); height: calc(2 * var(--stb-switcher-overlap) + 24px); padding: 1px; border: 1px solid rgb(var(--stb-neutral-300)); border-radius: 50%; background-image: var(--stb-switcher); box-shadow: rgba(0, 0, 0, 0.25) 0px 2px 8px, rgba(0, 0, 0, 0.1) 0px 1px 4px; transform: translate(calc(-50% + var(--stb-switcher-overlap) * 2)); transition: background-color var(--stb-transition-time),transform var(--stb-transition-time) linear; content: ""; }

.switcher--game.switcher--active { --stb-switcher-bg: var(--stb-gradient-rainbow); }

.switcher--active { --stb-switcher-bg: var(--stb-gradient-1600); }

.switcher--active::before { transform: translate(calc(50% - var(--stb-switcher-overlap) * 2)); transition: transform var(--stb-transition-time) linear; animation: auto ease 0s 1 normal none running none; }

@media (hover: hover) and (pointer: fine) {
  .switcher-container:hover:not(:disabled, .switcher-container--no-motion) .switcher:not(.switcher--active)::before { transform: translate(0px); animation: var(--stb-transition-time) linear var(--stb-transition-time) alternate infinite toggle; }
}

.grecaptcha-badge { opacity: 0; scale: 0; pointer-events: none; visibility: hidden; }

.spinner-loader { position: relative; }

.spinner-loader::before { position: absolute; inset: var(--stb-spinner-loader-inset); z-index: 1; border-radius: var(--stb-spinner-loader-border-radius); opacity: 0.8; background-color: var(--stb-bg-primary); content: ""; }

.spinner-loader::after { position: absolute; top: 50%; left: 50%; z-index: 1; width: 24px; height: 24px; margin-top: -12px; margin-left: -12px; background-color: rgb(var(--stb-brand-500)); mask-image: url(restored-8abb06d025f98d8c.svg); animation: animation-rotation var(--stb-animation-rotation-time) linear infinite; content: ""; }

@supports (-moz-appearance: none) {
  .spinner-loader::after { background: url(restored-8abb06d025f98d8c.svg) center center / 100% auto no-repeat; mask: none; filter: var(--stb-brand-500-filter); }
}

iframe#launcher { display: var(--stb-zendesk-chat-launcher-display); }

.sym-overflow-hidden { overflow: hidden; }

.sym-popup-subject { display: none; }

.sym-popup-body { overflow-x: auto; max-height: 90vh; }

.sym-modal-window { position: fixed; inset: 0px; z-index: 999; overflow: hidden; opacity: 0; transition: opacity var(--stb-transition-time); pointer-events: none; visibility: hidden; }

.sym-modal-window.sym-active { opacity: 1; pointer-events: auto; visibility: visible; }

.sym-video-container + .sym-p-container { padding: 0px 16px 16px; }

.sym-video-container .sym-video-wrapper { padding-bottom: 54%; }

.sym-popup { position: fixed; z-index: 800; overflow: hidden; border: 1px solid var(--stb-bg-tertiary); border-radius: 12px; opacity: 0; background-color: var(--stb-bg-primary); transition: opacity var(--stb-transition-time) linear; visibility: hidden; width: calc(100% - 40px) !important; max-width: 400px !important; }

.sym-popup.sym-active { opacity: 1; visibility: visible; }

.sym-popup .sym-message { font-family: inherit; font-size: 14px; background: var(--stb-bg-secondary); }

.sym-popup .sym-text { font-weight: 500; line-height: 1.4; color: var(--stb-text-primary); }

.sym-popup .sym-button, .sym-popup .sym-link { --stb-primary-sprites: url(restored-2e592224ee91ec56.webp), url(restored-f012182481e561c2.webp), url(restored-1cb5d6eca402f489.webp); --stb-primary-sprites-hover: url(restored-da8b6a753d0d78a0.webp), url(restored-cc0c8251f969c8cd.webp), url(restored-231ec29156b7a799.webp); --stb-primary-sprites-active: url(restored-8e9a24b83dda2eed.webp), url(restored-f4065caf796ec216.webp), url(restored-63e809e6142104aa.webp); --stb-height: 48px; --stb-button-padding: 24px; --stb-side-texture-aspect-ratio: .6; --stb-side-texuture-width: calc(var(--stb-side-texture-aspect-ratio) * var(--stb-height)); position: relative; z-index: 0; display: inline-grid; justify-content: center; place-items: center; grid-auto-flow: column; column-gap: 8px; min-height: var(--stb-height); padding-top: ; padding-right: ; padding-left: ; padding-bottom: 0.1em; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 24px; font-family: var(--stb-font-helper),sans-serif; font-size: 22px; font-weight: 800; font-style: italic; line-height: 1.2; text-decoration: none; text-shadow: rgba(0, 0, 0, 0.6) 0px 1px 4px; text-align: center; text-transform: var(--stb-text-transform-style); color: var(--stb-button-text-bright); background-image: var(--stb-primary-sprites),var(--stb-primary-sprites-hover),var(--stb-primary-sprites-active); background-position: right 0px, center 0px, left 0px; background-size: var(--stb-side-texuture-width) 100%,calc(100% - var(--stb-side-texuture-width) * 2 + 1px) 100%,var(--stb-side-texuture-width) 100%,0,0,0,0,0,0; background-repeat: no-repeat, no-repeat, no-repeat; transition: background-image 0.2s; cursor: pointer; }

@media (hover: hover) and (pointer: fine) {
  .sym-popup .sym-button:hover, .sym-popup .sym-link:hover { background-image: var(--stb-primary-sprites-hover); }
}

.sym-popup .sym-button:active, .sym-popup .sym-link:active { background-image: var(--stb-primary-sprites-active); }

.sym-popup .sym-message a.sym-link { font-family: inherit; font-size: 16px; font-weight: inherit; text-decoration: none; color: var(--stb-button-text-bright); }

.sym-popup .sym-img { vertical-align: top; width: 100%; max-height: 200px; object-fit: cover; }

.sym-popup .sym-img-container { pointer-events: none; }

.sym-popup .sym-img-container + .sym-p-container { padding: 16px 30px 16px 16px; }

.sym-popup .sym-a-container { padding: 0px 16px 16px; }

.sym-top { inset-block-start: calc(10px + var(--stb-header-height)); }

.sym-right { inset-inline-end: 20px; margin-inline-start: 20px; }

.sym-close { position: absolute; inset-inline-end: 12px; inset-block-start: 12px; z-index: 2; width: 16px; height: 16px; border: 1px solid var(--stb-text-primary); border-radius: 2px; background: rgb(var(--stb-brand-200)); cursor: pointer; }

.sym-close::after, .sym-close::before { position: absolute; top: 50%; left: 50%; width: 2px; height: 14px; background-color: var(--stb-button-primary); content: ""; }

.sym-close::before { transform: translate(-50%, -50%) rotate(45deg); }

.sym-close::after { transform: translate(-50%, -50%) rotate(-45deg); }

.sym-close:hover::after, .sym-close:hover::before { background-color: var(--stb-button-secondary-hover); }

.skeleton { position: relative; overflow: hidden; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: transparent; background-color: rgb(var(--stb-brand-200)); cursor: default; pointer-events: none; }

.skeleton::after { position: absolute; inset: 0px; background-image: linear-gradient(90deg, rgba(255, 252, 248, 0), rgba(255, 252, 248, 0.2) 60%, rgba(255, 252, 248, 0)); transform: translate(-100%); animation: 2s ease 0s infinite normal none running shimmer; content: ""; }

.skeleton--height-12 { height: 12px; }

.skeleton--height-35 { height: 35px; }

.skeleton--height-60 { height: 60px; }

.skeleton--height-130 { height: 130px; }

.skeleton--height-170 { height: 170px; }

.skeleton--height-300 { height: 300px; }

.skeleton--rounded-8 { border-radius: 8px; }

.skeleton--rounded-12 { border-radius: 12px; }

.skeleton--rounded-14 { border-radius: 14px; }

.skeleton--no-bg { background: none; }

.skeleton-text { display: grid; gap: 4px; }

@keyframes shimmer { 
  100% { transform: translate(100%); }
}

.bg-secondary { background-color: var(--stb-bg-secondary); }

.bg-fourth { background-color: var(--stb-bg-fourth); }

.bg-tertiary { background-color: var(--stb-bg-tertiary); }

.bg-contrast-tertiary { background-color: var(--stb-bg-contrast-tertiary); }

.text-helper { font-family: var(--stb-font-helper),sans-serif; }

.text-8 { font-size: 8px; }

.text-10 { font-size: 10px; }

.text-12 { font-size: 12px; }

.text-14 { font-size: 14px; }

.text-16 { font-size: 16px; }

.text-20 { font-size: 20px; }

.text-24 { font-size: 24px; }

.text-28 { font-size: 28px; }

.text-32 { font-size: 32px; }

.text-36 { font-size: 36px; }

.text-12-14 { font-size: 12px; }

@media screen and (min-width: 1280px) {
  .text-12-14 { font-size: 14px; }
}

.text-14-16 { font-size: 14px; }

@media screen and (min-width: 1280px) {
  .text-14-16 { font-size: 16px; }
}

.text-16-20 { font-size: 16px; }

@media screen and (min-width: 1280px) {
  .text-16-20 { font-size: 20px; }
}

.text-20-24 { font-size: 20px; }

@media screen and (min-width: 1280px) {
  .text-20-24 { font-size: 24px; }
}

.leading-120 { line-height: 1.2; }

.leading-140 { line-height: 1.4; }

.leading-160 { line-height: 1.6; }

.text-500 { font-weight: 500; }

.text-600 { font-weight: 600; }

.text-700 { font-weight: 700; }

.text-800 { font-weight: 800; }

.text-900 { font-weight: 900; }

.letter-spacing-wide { letter-spacing: 0.01rem; }

.text-primary { color: var(--stb-text-primary); }

.text-secondary { color: var(--stb-text-secondary); }

.text-contrast-primary { color: var(--stb-text-contrast-primary); }

.text-contrast-secondary { color: var(--stb-text-contrast-secondary); }

.text-contrast-accent { color: var(--stb-text-accent); }

.text-contrast-blue { color: rgb(var(--stb-brand-500)); }

.text-disable { color: rgb(var(--stb-neutral-200)); }

.text-violet-150 { color: rgb(var(--stb-brand-200)); }

.text-neutral-200 { color: rgb(var(--stb-neutral-200)); }

.text-black { color: rgb(var(--stb-black)); }

.text-white { color: rgb(var(--stb-white)); }

.text-tertiary { color: var(--stb-link-tertiary); }

.text-green-600 { color: rgb(var(--stb-green-600)); }

.text-center { text-align: center; }

.text-right { text-align: right; }

.text-uppercase { text-transform: uppercase; }

.text-lowercase { text-transform: lowercase; }

.text-capitalize { text-transform: capitalize; }

.text-underline { text-decoration: underline; }

.text-italic { font-style: italic; }

.text-ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.text-hyphens { word-break: break-word; hyphens: auto; }

.whitespace-pre { white-space: pre; }

.font-secondary { font-family: var(--stb-font-helper); }

.font-special { font-family: var(--stb-font-special); }

.whitespace-prewrap { white-space: pre-wrap; }

.whitespace-nowrap { white-space: nowrap; }

.break-all { word-break: break-all; }

.tabular-nums { font-variant-numeric: tabular-nums; }

.expanded-click-area { padding-top: 8px; padding-bottom: 8px; }

.min-w-max { min-width: max-content; }

.p-0 { padding: 0px; }

.overflow-hidden { overflow: hidden; }

.events-none { pointer-events: none; }

.relative { position: relative; }

.inline { display: inline; }

.inline-block { display: inline-block; }

.display-none { display: none; }

.reset-icon-scale { --stb-icon-sprite-svg-scale: none; }

.shadow--coins { filter: drop-shadow(var(--stb-shadow-coins)); }

.justify-self-center { justify-self: center; }

:host { --stb-support-chat-launcher-display: none; }

:root { --stb-zendesk-chat-launcher-display: block; --stb-header-height: calc( var(--stb-smart-banner-height, 0px) + var(--stb-header-container-height) ); }

@media screen and (min-width: 1280px) {
  :root { --stb-header-height: 69px; }
}