/* /assets/css/pc/ios-webkit-safe.css */
/* auto-split from /assets/css/ios-webkit-safe.css — do not edit by hand */
html.is-ios .bm-boot-logo {
  filter: none !important;
  animation: none !important;
}

html.is-ios .bm-boot-ring {
  filter: none !important;
}

html.bm-boot-waiting .bm-boot-ring {
  animation: bm-boot-spin 0.85s linear infinite !important;
}

html.is-ios .bm-scroll-item,
html.is-ios .bm-scroll-item.is-in,
html.is-ios .bm-scroll-item.is-done,
html.is-ios.bm-page-leave .layout-content-holder-bc,
html.is-ios.bm-page-enter .layout-content-holder-bc > * {
  opacity: 1 !important;
  transform: none !important;
  animation: none !important;
  transition: none !important;
  pointer-events: auto !important;
  will-change: auto !important;
}

/* /assets/css/pc/grey-theme.css */
/* auto-split from /assets/css/grey-theme.css — do not edit by hand */
html.is-web,
html.is-mobile {
    --b: 5, 8, 16 !important;
    --b-hover: 61, 95, 138 !important;
    --b-sc: 255, 255, 255 !important;
    --header: 5, 8, 16 !important;
    --header-hover: 61, 95, 138 !important;
    --header-sc: 255, 255, 255 !important;
    --menu: 10, 12, 24 !important;
    --menu-hover: 61, 95, 138 !important;
    --menu-sc: 255, 255, 255 !important;
    --tab-navigation: 5, 8, 16 !important;
    --tab-navigation-hover: 61, 95, 138 !important;
    --tab-navigation-sc: 255, 255, 255 !important;
    --hero: 61, 95, 138 !important;
    --hero-hover: 91, 127, 168 !important;
    --hero-sc: 255, 255, 255 !important;
    --brand: 163, 59, 163 !important;
    --brand-hover: 61, 95, 138 !important;
    --brand-sc: 255, 255, 255 !important;
    --accent: 61, 95, 138 !important;
    --accent-hover: 91, 127, 168 !important;
    --accent-sc: 255, 255, 255 !important;
    --gold: linear-gradient(
        138deg,
        #2A4A73 0%,
        #1E4A78 22%,
        #1E4A78 50%,
        #2F5A8A 72%,
        #1E4A78 100%
    ) !important;
}

html.is-web:not(.site-bg-custom) body,
html.is-mobile body {
    background-color: #000C1F !important;
    background-image: none !important;
    color: #f5eef2 !important;
}

html.is-web .layout-bc,
html.is-mobile .layout-bc,
html.is-web .layout-content-holder-bc,
html.is-mobile .layout-content-holder-bc {
    background: transparent !important;
}

html.is-web .header-bc,
html.is-mobile .header-bc {
    background: #000C1F !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.28) !important;
}

html.is-web .hdr-main-content-bc,
html.is-mobile .hdr-main-content-bc {
    background: transparent !important;
    box-shadow: none !important;
}

html.is-web .nav-menu-container.header-navigation:first-child {
    background: transparent !important;
    border-top: none !important;
}

html.is-web #root > div.layout-header-holder-bc > header > div.nav-content-bc > div > nav > ul.nav-menu.nav-menu-hide-items > li > a {
    background: transparent !important;
    border-right: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

html.is-web .nav-menu-item span {
    background: none !important;
    -webkit-background-clip: border-box !important;
    background-clip: border-box !important;
    -webkit-text-fill-color: #1E4A78 !important;
    color: #1E4A78 !important;
}

html.is-web .nav-menu > li > .nav-menu-item.active,
html.is-mobile .nav-menu > li > .nav-menu-item.active {
    color: #ffffff !important;
    background: #1E4A78 !important;
    background-color: #1E4A78 !important;
    box-shadow: none !important;
}

html.is-web .nav-menu > li > .nav-menu-item:hover,
html.is-mobile .nav-menu > li > .nav-menu-item:hover,
html.is-web .nav-menu-container.header-navigation:first-child .nav-menu > li:hover > .nav-menu-item,
html.is-web .nav-menu-container.header-navigation:first-child .nav-menu-other:hover > .nav-menu-item {
    color: #2A4A73 !important;
    background: #152A45 !important;
    box-shadow: none !important;
}

html.is-web button:not(.generic-search-btn, .generic-search-close-btn, .sticky-footer-btn, .nav-floating-btn, .ds-btn, .rewards-hub__tab, .rewards-hub__claim),
html.is-mobile button:not(.generic-search-btn, .tab-nav-item-bc, .sticky-footer-btn, .nav-floating-btn, .ds-btn, .rewards-hub__tab, .rewards-hub__claim),
html.is-web .btn:not(.nav-floating-btn),
html.is-mobile .btn:not(.nav-floating-btn),
html.is-web .e-p-section-title-bc,
html.is-mobile .e-p-section-title-bc {
    background: rgba(163, 59, 163, 0.18) !important;
    color: #ffffff !important;
    border: 1px solid rgba(61, 95, 138, 0.45) !important;
    -webkit-text-fill-color: #ffffff !important;
    transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease !important;
}

html.is-web button:not(.generic-search-btn, .generic-search-close-btn, .sticky-footer-btn, .nav-floating-btn, .ds-btn, .rewards-hub__tab, .rewards-hub__claim):hover,
html.is-web button:not(.generic-search-btn, .generic-search-close-btn, .sticky-footer-btn, .nav-floating-btn, .ds-btn, .rewards-hub__tab, .rewards-hub__claim):active,
html.is-web button:not(.generic-search-btn, .generic-search-close-btn, .sticky-footer-btn, .nav-floating-btn, .ds-btn, .rewards-hub__tab, .rewards-hub__claim):focus-visible,
html.is-mobile button:not(.generic-search-btn, .tab-nav-item-bc, .sticky-footer-btn, .nav-floating-btn, .ds-btn, .rewards-hub__tab, .rewards-hub__claim):hover,
html.is-mobile button:not(.generic-search-btn, .tab-nav-item-bc, .sticky-footer-btn, .nav-floating-btn, .ds-btn, .rewards-hub__tab, .rewards-hub__claim):active,
html.is-mobile button:not(.generic-search-btn, .tab-nav-item-bc, .sticky-footer-btn, .nav-floating-btn, .ds-btn, .rewards-hub__tab, .rewards-hub__claim):focus-visible,
html.is-web .btn:not(.nav-floating-btn):hover,
html.is-web .btn:not(.nav-floating-btn):active,
html.is-web .btn:not(.nav-floating-btn):focus-visible,
html.is-mobile .btn:not(.nav-floating-btn):hover,
html.is-mobile .btn:not(.nav-floating-btn):active,
html.is-mobile .btn:not(.nav-floating-btn):focus-visible,
html.is-web .e-p-section-title-bc:hover,
html.is-mobile .e-p-section-title-bc:hover {
    background: rgba(61, 95, 138, 0.22) !important;
    border-color: #1E4A78 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: 0 0 0 1px rgba(61, 95, 138, 0.45), 0 0 18px rgba(61, 95, 138, 0.28) !important;
}

html.is-web .btn.sign-in,
html.is-mobile .btn.sign-in,
html.is-mobile .header-bc .hdr-user-bc .btn.sign-in {
    background: transparent !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.55) !important;
    -webkit-text-fill-color: #ffffff !important;
}

html.is-web .btn.register,
html.is-mobile .btn.register,
html.is-mobile .header-bc .hdr-user-bc .btn.register,
html.is-web .btn.sign-in.register {
    background: #1E4A78 !important;
    color: #ffffff !important;
    border: 1px solid #2F5A8A !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: 0 6px 22px rgba(61, 95, 138, 0.35) !important;
}

html.is-web .btn.register:hover,
html.is-web .btn.register:active,
html.is-mobile .btn.register:hover,
html.is-mobile .btn.register:active,
html.is-web .btn.sign-in:hover,
html.is-web .btn.sign-in:active,
html.is-mobile .btn.sign-in:hover,
html.is-mobile .btn.sign-in:active {
    background: #1E4A78 !important;
    border-color: #2F5A8A !important;
    color: #ffffff !important;
}

html.is-web .header-user-nav .nav-menu-sub,
html.is-web .header-user-nav .nav-menu-sub-wallet {
    background: rgb(5, 8, 16) !important;
    border: 1px solid rgba(61, 95, 138, 0.4) !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.55), 0 0 24px rgba(61, 95, 138, 0.12) !important;
}

html.is-web .header-user-nav .nav-menu-sub .nav-menu-item {
    background: rgba(10, 12, 24, 0.98) !important;
    border: 1px solid rgba(61, 95, 138, 0.22) !important;
}

html.is-web .header-user-nav .nav-menu-sub .nav-menu-item span,
html.is-web .header-user-nav .nav-menu-sub .nav-menu-item .checkbox-control-text-bc {
    -webkit-text-fill-color: #ffffff !important;
    color: #ffffff !important;
}

html.is-web .header-user-nav .nav-menu-sub .nav-menu-item > i {
    color: #2F5A8A !important;
}

html.is-web .header-user-nav .nav-menu-sub .nav-menu-item:hover,
html.is-web .header-user-nav .nav-menu-sub .nav-menu-item:focus-visible {
    background: rgba(61, 95, 138, 0.2) !important;
    border-color: #1E4A78 !important;
}

html.is-web .storiesWidgetListItem:not(.storiesItemSkeleton):not(.visited):before,
html.is-mobile .storiesWidgetListItem:not(.storiesItemSkeleton):not(.visited):before {
    background-image: #1E4A78 !important;
}

html.is-web .informative-widget-link .informative-widget-container span p a,
html.is-mobile .informative-widget-link .informative-widget-container span p a {
    color: #2F5A8A !important;
}

html.is-web .hdr-user-bc .bc-i-deposit,
html.is-web .hdr-user-bc .deposit-btn,
html.is-mobile .hdr-user-bc .bc-i-deposit,
html.is-mobile .hdr-user-bc .deposit-btn {
    background: #1E4A78 !important;
    color: #fff !important;
    box-shadow: 0 0 16px rgba(61, 95, 138, 0.35) !important;
}

/* /assets/css/pc/ui-effects.css */
/* auto-split from /assets/css/ui-effects.css — do not edit by hand */
html.is-web .hdr-logo-bc,
html.is-mobile .hdr-logo-bc {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    animation: none !important;
    transform: none !important;
    filter: none !important;
    object-fit: contain !important;
    object-position: left center !important;
}

@media (prefers-reduced-motion: reduce) {
    html.is-web .hdr-logo-bc,
    html.is-mobile .hdr-logo-bc {
        animation: none !important;
        transform: none !important;
        filter: drop-shadow(0 0 10px #ffffff) drop-shadow(0 0 6px #2F5A8A) !important;
    }
}

html.is-mobile .hdr-navigation-link-bc[href="/tr/promotions"],
html.is-mobile .hdr-navigation-link-bc[href*="/promotions"],
html.is-web .hdr-navigation-link-bc[href="/tr/promotions"],
html.is-web .hdr-navigation-link-bc[href*="/promotions"] {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    border-radius: 10px;
    background: transparent !important;
    border-right: 1px solid #bc9556;
}

html.is-mobile .hdr-navigation-link-bc[href="/tr/promotions"]::before,
html.is-mobile .hdr-navigation-link-bc[href*="/promotions"]::before,
html.is-web .hdr-navigation-link-bc[href="/tr/promotions"]::before,
html.is-web .hdr-navigation-link-bc[href*="/promotions"]::before {
    content: "";
    position: absolute;
    width: 220%;
    height: 220%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: conic-gradient(from 0deg, transparent 0deg, #1E4A78 70deg, #8BA4C4 120deg, transparent 180deg, transparent 360deg);
    z-index: 0;
    pointer-events: none;
}

html.is-mobile .hdr-navigation-link-bc[href="/tr/promotions"]::after,
html.is-mobile .hdr-navigation-link-bc[href*="/promotions"]::after,
html.is-web .hdr-navigation-link-bc[href="/tr/promotions"]::after,
html.is-web .hdr-navigation-link-bc[href*="/promotions"]::after {
    content: "";
    position: absolute;
    inset: 2px;
    border-radius: 8px;
    background: #2a2a2e;
    z-index: 1;
    pointer-events: none;
}

html.is-mobile .hdr-navigation-link-bc[href="/tr/promotions"] .dafabet-promo-nav-title,
html.is-mobile .hdr-navigation-link-bc[href*="/promotions"] .dafabet-promo-nav-title,
html.is-mobile .hdr-navigation-link-bc[href="/tr/promotions"] .tab-nav-menu-neon-shell,
html.is-mobile .hdr-navigation-link-bc[href*="/promotions"] .tab-nav-menu-neon-shell,
html.is-web .hdr-navigation-link-bc[href="/tr/promotions"] .dafabet-promo-nav-title,
html.is-web .hdr-navigation-link-bc[href*="/promotions"] .dafabet-promo-nav-title,
html.is-web .hdr-navigation-link-bc[href="/tr/promotions"] .tab-nav-menu-neon-shell,
html.is-web .hdr-navigation-link-bc[href*="/promotions"] .tab-nav-menu-neon-shell {
    position: relative;
    z-index: 2;
    background: transparent !important;
    animation: none !important;
    box-shadow: none !important;
}

html.is-mobile .hdr-navigation-link-bc[href="/tr/promotions"] .tab-nav-menu-neon-shell > .inner,
html.is-mobile .hdr-navigation-link-bc[href*="/promotions"] .tab-nav-menu-neon-shell > .inner,
html.is-web .hdr-navigation-link-bc[href="/tr/promotions"] .tab-nav-menu-neon-shell > .inner,
html.is-web .hdr-navigation-link-bc[href*="/promotions"] .tab-nav-menu-neon-shell > .inner {
    display: none !important;
}

html.is-mobile .hdr-navigation-link-bc[href="/tr/promotions"] .tab-nav-title-bc,
html.is-mobile .hdr-navigation-link-bc[href*="/promotions"] .tab-nav-title-bc,
html.is-mobile .hdr-navigation-link-bc[href="/tr/promotions"] .dafabet-promo-nav-title .tab-nav-title-bc,
html.is-mobile .hdr-navigation-link-bc[href*="/promotions"] .dafabet-promo-nav-title .tab-nav-title-bc,
html.is-web .hdr-navigation-link-bc[href="/tr/promotions"] .tab-nav-title-bc,
html.is-web .hdr-navigation-link-bc[href*="/promotions"] .tab-nav-title-bc,
html.is-web .hdr-navigation-link-bc[href="/tr/promotions"] .dafabet-promo-nav-title .tab-nav-title-bc,
html.is-web .hdr-navigation-link-bc[href*="/promotions"] .dafabet-promo-nav-title .tab-nav-title-bc {
    color: #000C1F !important;
    -webkit-text-fill-color: #E8EEF5 !important;
    text-shadow: 0 0 6px rgb(0 0 0);
}

html.is-web .nav-menu > li > a.nav-menu-item[href="/tr/promotions"],
html.is-web .nav-menu > li > a.nav-menu-item[href*="/promotions"] {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    border-radius: 10px;
}

html.is-web .nav-menu > li > a.nav-menu-item[href="/tr/promotions"]::before,
html.is-web .nav-menu > li > a.nav-menu-item[href*="/promotions"]::before {
    content: "";
    position: absolute;
    width: 220%;
    height: 220%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: conic-gradient(from 0deg, transparent 0deg, #1E4A78 70deg, #8BA4C4 120deg, transparent 180deg, transparent 360deg);
    z-index: 0;
    pointer-events: none;
}

html.is-web .nav-menu > li > a.nav-menu-item[href="/tr/promotions"]::after,
html.is-web .nav-menu > li > a.nav-menu-item[href*="/promotions"]::after {
    content: "";
    position: absolute;
    inset: 2px;
    border-radius: 8px;
    background: #2a2a2e;
    z-index: 1;
    pointer-events: none;
}

html.is-web .nav-menu > li > a.nav-menu-item[href="/tr/promotions"] > i,
html.is-web .nav-menu > li > a.nav-menu-item[href="/tr/promotions"] > span,
html.is-web .nav-menu > li > a.nav-menu-item[href*="/promotions"] > i,
html.is-web .nav-menu > li > a.nav-menu-item[href*="/promotions"] > span {
    position: relative;
    z-index: 2;
}

.view-see-more {
    position: relative;
    color: #000C1F !important;
    -webkit-text-fill-color: #E8EEF5 !important;
    text-shadow: 0 0 6px rgb(0 0 0);
}

.view-see-more .view-arrow-more {
    color: inherit !important;
    -webkit-text-fill-color: inherit !important;
}

/* /assets/css/pc/nav-floating-glass.css */
/* auto-split from /assets/css/nav-floating-glass.css — do not edit by hand */
.layout-bc .nav-floating-btn,
.header-bc .center-bottom-btn > .nav-floating-btn,
.header-bc .center-bottom-btn > button.nav-floating-btn,
body > .center-bottom-btn > .nav-floating-btn,
body > .center-bottom-btn > button.nav-floating-btn,
html.is-mobile .header-bc .center-bottom-btn > .nav-floating-btn,
html.is-mobile .header-bc .center-bottom-btn > button.nav-floating-btn,
html.is-mobile body > .center-bottom-btn > .nav-floating-btn,
html.is-web body > .center-bottom-btn > .nav-floating-btn,
html.is-web body > .center-bottom-btn > button.nav-floating-btn {
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  min-height: 46px !important;
  max-width: 46px !important;
  max-height: 46px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  font-size: 15px !important;
  background: rgba(255, 255, 255, 0.14) !important;
  background-image: none !important;
  border: 1px solid rgba(255, 255, 255, 0.38) !important;
  border-color: rgba(255, 255, 255, 0.38) !important;
  box-shadow:
    0 6px 18px rgba(0, 0, 0, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.35) !important;
  backdrop-filter: blur(14px) saturate(1.4) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.4) !important;
  color: rgba(255, 255, 255, 0.92) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.92) !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45) !important;
  transition:
    opacity 0.22s ease,
    transform 0.22s ease,
    background 0.25s ease,
    box-shadow 0.25s ease,
    border-color 0.25s ease !important;
}

.layout-bc .nav-floating-btn::before,
.header-bc .center-bottom-btn > .nav-floating-btn::before,
body > .center-bottom-btn > .nav-floating-btn::before,
html.is-mobile .header-bc .center-bottom-btn > .nav-floating-btn::before,
html.is-web body > .center-bottom-btn > .nav-floating-btn::before,
html.is-web body > .center-bottom-btn > button.nav-floating-btn::before {
  color: rgba(255, 255, 255, 0.95) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.95) !important;
  opacity: 1 !important;
  font-size: 15px !important;
  text-shadow:
    0 0 1px rgba(0, 0, 0, 0.75),
    0 1px 2px rgba(0, 0, 0, 0.45) !important;
}

.header-bc .center-bottom-btn:not(.nav-floating-btn-hide) > .nav-floating-btn,
body > .center-bottom-btn:not(.nav-floating-btn-hide) > .nav-floating-btn {
  pointer-events: auto;
}

.layout-bc .nav-floating-btn.nav-floating-btn--flash,
.header-bc .center-bottom-btn > .nav-floating-btn.nav-floating-btn--flash,
body > .center-bottom-btn > .nav-floating-btn.nav-floating-btn--flash,
html.is-mobile .nav-floating-btn.nav-floating-btn--flash,
html.is-web body > .center-bottom-btn > .nav-floating-btn.nav-floating-btn--flash {
  animation: nav-floating-pink-pulse 0.55s ease-out 1 !important;
}

@keyframes nav-floating-pink-pulse {
  0% {
    background: rgba(255, 255, 255, 0.14) !important;
    border-color: rgba(255, 255, 255, 0.38) !important;
    box-shadow:
      0 6px 18px rgba(0, 0, 0, 0.2),
      inset 0 1px 0 rgba(255, 255, 255, 0.35) !important;
  }
  35% {
    background: rgba(61, 95, 138, 0.38) !important;
    border-color: rgba(61, 95, 138, 0.65) !important;
    box-shadow:
      0 0 0 3px rgba(61, 95, 138, 0.22),
      0 8px 22px rgba(61, 95, 138, 0.35),
      inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
  }
  100% {
    background: rgba(255, 255, 255, 0.14) !important;
    border-color: rgba(255, 255, 255, 0.38) !important;
    box-shadow:
      0 6px 18px rgba(0, 0, 0, 0.2),
      inset 0 1px 0 rgba(255, 255, 255, 0.35) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .nav-floating-btn.nav-floating-btn--flash {
    animation: none !important;
    background: rgba(61, 95, 138, 0.28) !important;
  }
}

/* /assets/dcss/withdraw-popup-host.css */
.user-profile-container.bigpopup .u-i-p-c-body-bc {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
}

.user-profile-container.bigpopup .u-i-profile-page-container {
    flex: 0 0 314px;
    width: 314px;
    min-width: 314px;
    max-width: 314px;
    overflow: hidden;
    position: relative;
    z-index: 2;
}

.user-profile-container.bigpopup .u-i-profile-page-bc,
.user-profile-container.bigpopup .u-i-profile-page-content {
    max-width: 100%;
    box-sizing: border-box;
}

.user-profile-container.bigpopup .profile-popup-subpage-root {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1;
}

.user-profile-container.bigpopup .profile-popup-subpage-root:empty {
    display: none;
}

.user-profile-container.bigpopup .profile-popup-subpage-root:not(:empty) {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    z-index: 1;
    overflow: auto;
    box-sizing: border-box;
    background: inherit;
}

.user-profile-container.bigpopup .u-i-p-c-body-bc > .my-profile-info-block,
.user-profile-container.bigpopup .u-i-p-c-body-bc > .dep-w-info-bc,
.user-profile-container.bigpopup .u-i-p-c-body-bc > .u-i-e-p-p-content-bc {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    position: relative;
    z-index: 1;
}

.user-profile-container.bigpopup .profile-popup-subpage-root:not(:empty) .dep-w-info-bc,
.user-profile-container.bigpopup .profile-popup-subpage-root:not(:empty) .u-i-e-p-p-content-bc,
.user-profile-container.bigpopup .profile-popup-subpage-root:not(:empty) .my-profile-info-block {
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.user-profile-container.bigpopup .u-i-p-c-body-bc > .u-i-e-p-p-content-bc.profilepage {
    position: relative;
    z-index: 1;
}

.user-profile-container.bigpopup .u-i-p-c-body-bc .historyList-bc .historyListEl {
    margin-top: 0;
}

.user-profile-container.bigpopup .my-profile-info-block.history-page {
    position: relative;
    z-index: 1;
}

.user-profile-container.bigpopup .my-profile-info-block.history-page .u-i-e-p-p-content-bc {
    padding-top: 0;
}

body > .swal-overlay,
html body .swal-overlay {
    z-index: 2147483640 !important;
    position: fixed !important;
}

body > .swal-overlay .swal-modal,
html body .swal-overlay .swal-modal {
    z-index: 2147483641 !important;
    position: relative !important;
}

/* /assets/css/pc/header-stack.css */
/* auto-split from /assets/css/header-stack.css — do not edit by hand */
.layout-content-holder-bc {
  position: relative;
  z-index: 1;
}

.layout-content-holder-bc .hm-row-bc,
.layout-content-holder-bc .hm-row-bc.has-slider,
.layout-content-holder-bc .casinoProviderContent,
.layout-content-holder-bc .carousel,
.layout-content-holder-bc .carousel-viewport,
.layout-content-holder-bc .carousel-container,
.layout-content-holder-bc .carousel-slide,
.layout-content-holder-bc .carouselWrapper,
.layout-content-holder-bc .slider-bc,
.layout-content-holder-bc .swiper {
  position: relative;
  z-index: 1;
}

.layout-content-holder-bc .carousel-viewport,
.layout-content-holder-bc .carousel-container {
  isolation: isolate;
}

.user-profile-container .carousel,
.user-profile-container .carousel-viewport,
.user-profile-container .carousel-container,
.user-profile-container .carousel-slide {
  position: relative;
  z-index: 1;
}

.layout-header-holder-bc {
  position: relative;
  z-index: 200000 !important;
  isolation: auto;
}

.layout-header-holder-bc .hdr-main-content-bc {
  position: relative;
}

html.is-web .layout-header-holder-bc .header-bc,
[class*="is-web"] .layout-header-holder-bc .header-bc {
  position: relative;
}

html.is-web .layout-header-holder-bc,
[class*="is-web"] .layout-header-holder-bc {
  z-index: 200000 !important;
}

.hdr-user-bc,
.hdr-user-bc .user-balance-dropdown,
.hdr-user-bc .user-balance-dropdown .nav-menu-item,
.hdr-user-bc .hdr-user-avatar-icon-bc,
.hdr-user-bc .hdr-user-info-content-bc,
.hdr-toggle-button-bc,
.hdr-user-close {
  position: relative;
  z-index: 10020 !important;
  pointer-events: auto !important;
}

.hdr-user-bc .btn.sign-in,
.hdr-user-bc .btn.register,
.hdr-user-bc button[title="GİRİŞ"],
.hdr-user-bc button[title="Kayıt"] {
  position: relative;
  z-index: 10020 !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}

.header-user-nav .nav-menu-sub,
.header-user-nav .nav-menu-sub-wallet,
.layout-header-holder-bc .nav-menu-container .nav-menu-sub {
  z-index: 10050 !important;
  pointer-events: auto !important;
}

.header-user-nav .nav-menu-sub-wallet .nav-menu-item,
.header-user-nav .nav-menu-sub .nav-menu-item {
  position: relative;
  z-index: 10051 !important;
  pointer-events: auto !important;
}

.hdr-smart-panel-holder-arrow-bc {
  z-index: 10015 !important;
}

.overlay-sliding-wrapper-bc,
.hdr-smart-panel-holder-arrow-bc ~ .overlay-sliding-wrapper-bc {
  z-index: 10100 !important;
}

.layout-header-holder-bc .hdr-user-close:not(.display-none) {
  z-index: 10120 !important;
}

#webspor-betslip-backdrop:not(.is-visible) {
  display: none !important;
  pointer-events: none !important;
  visibility: hidden !important;
}

.popup-holder-bc.loginpopup.display-none,
.popup-holder-bc.registerpopup.display-none,
.popup-holder-bc.display-none {
  pointer-events: none !important;
}

.popup-holder-bc.promotion-details-popup:not(.display-none),
.popup-holder-bc.promotionDetail:not(.display-none) {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483000 !important;
}

.nav-menu-item[class*="badge-"],
.hdr-navigation-link-bc[class*="badge-"],
.m-nav-sab-container-r-row-bc > a[class*="badge-"] {
  overflow: visible !important;
}

.nav-menu-item[class*="badge-"]::after,
.hdr-navigation-link-bc[class*="badge-"]::after,
.m-nav-sab-container-r-row-bc > a[class*="badge-"]::after {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: none;
  z-index: 5 !important;
  color: #fff !important;
}

.nav-content-bc,
.nav-content-menu,
.nav-menu-container.header-navigation,
.nav-menu-container.header-navigation .nav-menu,
.nav-menu-container.header-navigation .nav-menu > li {
  overflow: visible !important;
}

.hdr-navigation-scrollable-content {
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

.hdr-navigation-scrollable-content::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.sp-button-bc {
  overflow: visible !important;
}

.sp-button-bc > .count-blink-even,
.sp-button-bc > .count-odd-animation,
#smart-panel-holder.count-blink-even {
  overflow: visible !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.sp-button-bc > .count-blink-even::after,
.sp-button-bc > .count-odd-animation::after,
#smart-panel-holder.count-blink-even.count-odd-animation::after {
  opacity: 1 !important;
  visibility: visible !important;
  z-index: 6 !important;
  color: #fff !important;
  background: rgba(var(--hero), 1) !important;
}

.sp-button-bc > .count-blink-even[data-badge=""]::after,
.sp-button-bc > .count-odd-animation[data-badge=""]::after,
#smart-panel-holder.count-blink-even.count-odd-animation[data-badge=""]::after {
  content: none !important;
  display: none !important;
}

.popup-holder-bc.user-profile-container.bigpopup,
.popup-holder-bc.windowed.user-profile-container,
html.is-web body > .popup-holder-bc.user-profile-container.bigpopup,
html.is-web .popup-holder-bc.user-profile-container.bigpopup:not(.display-none) {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  max-width: none !important;
  z-index: 2147482600 !important;
  pointer-events: auto !important;
}

.popup-holder-bc.user-profile-container.bigpopup.display-none,
html.is-web .popup-holder-bc.user-profile-container.bigpopup.display-none {
  display: none !important;
  pointer-events: none !important;
  visibility: hidden !important;
}

html.is-web .popup-holder-bc.user-profile-container.bigpopup:not(.display-none) > .popup-middleware-bc {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100vw !important;
  margin: 0 !important;
  padding: 20px 16px !important;
  box-sizing: border-box !important;
  pointer-events: auto !important;
}

html.is-web .popup-holder-bc.user-profile-container.bigpopup:not(.display-none) .popup-inner-bc,
html.is-web .popup-holder-bc.user-profile-container.bigpopup:not(.display-none) #base_popup_id {
  width: min(960px, 94vw) !important;
  max-width: 960px !important;
  height: auto !important;
  max-height: 90vh !important;
  flex: 0 0 auto !important;
  margin: 0 auto !important;
  overflow: auto !important;
  box-sizing: border-box !important;
}

html.is-web .hdr-user-bc {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  width: auto !important;
  max-width: none !important;
  align-items: center !important;
  gap: 8px !important;
}

html.is-web .hdr-user-bc .header-custom-buttons {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  width: auto !important;
  max-width: none !important;
  align-items: center !important;
  gap: 6px !important;
  white-space: nowrap !important;
}

html.is-web .hdr-user-bc .header-custom-buttons > a,
html.is-web .hdr-user-bc .header-custom-buttons > a.btn,
html.is-web .hdr-user-bc .header-custom-buttons > a.btn.a-color {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  width: 36px !important;
  min-width: 36px !important;
  max-width: 36px !important;
  height: 36px !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
  padding: 0 !important;
  overflow: hidden !important;
  gap: 0 !important;
}

html.is-web .hdr-user-bc .header-custom-buttons > a > span {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  font-size: 0 !important;
}

html.is-web .hdr-user-bc .header-custom-buttons > a.deposit-btn::before,
html.is-web .hdr-user-bc .header-custom-buttons > a.bc-i-deposit::before {
  content: "\EAAC" !important;
  font-family: BetConstruct-Icons !important;
  font-size: 18px !important;
  line-height: 1 !important;
  display: inline-block !important;
  opacity: 1 !important;
  visibility: visible !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html.is-web .hdr-user-bc .header-user-nav,
html.is-web .hdr-user-bc .nav-menu-container.header-user-nav {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  flex-grow: 0 !important;
  width: auto !important;
  align-items: center !important;
}

html.is-web .header-user-nav .nav-menu-sub-wallet,
html.is-web .layout-header-holder-bc .nav-menu-sub-wallet {
  z-index: 10050 !important;
}

html.is-web #smart-panel-holder,
html.is-web .hdr-toggle-button-bc {
  z-index: 10040 !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}

html.is-web #smart-panel-holder,
html.is-web i#smart-panel-holder.hdr-toggle-button-bc {
  position: relative !important;
  z-index: 10060 !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}

html.is-web #smart-panel-holder::after,
html.is-web #smart-panel-holder.count-blink-even::after,
html.is-web #smart-panel-holder.count-odd-animation::after {
  pointer-events: none !important;
}

html.is-web .smartPanel-bc {
  position: relative !important;
  z-index: 10055 !important;
  overflow: visible !important;
  pointer-events: auto !important;
}

html.is-web .layout-bc.smart-panel-is-visible .hdr-smart-panel-holder-arrow-bc {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  z-index: 10050 !important;
}

html.is-web .layout-bc:not(.smart-panel-is-visible) .hdr-smart-panel-holder-arrow-bc {
  pointer-events: none !important;
}

html.is-web .sidePanel-holder-bc.yeniliklerpopup.display-none,
html.is-web .sidePanel-holder-bc.yeniliklerpopup.display-none::before {
  pointer-events: none !important;
  display: none !important;
}

html.is-web .smartPanel-bc > #smart-panel-holder {
  isolation: isolate;
  z-index: 10070 !important;
}

html.smart-panel-is-visible .hdr-smart-panel-holder-arrow-bc,
html.is-web.smart-panel-is-visible .hdr-smart-panel-holder-arrow-bc {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
  z-index: 10050 !important;
}

html.is-web .layout-header-holder-bc,
html.is-web .header-bc,
html.is-web .hdr-main-content-bc {
  position: relative !important;
  z-index: 200000 !important;
  overflow: visible !important;
}

html.is-web .layout-content-holder-bc,
html.is-web .layout-content-holder-bc .hm-row-bc,
html.is-web .layout-content-holder-bc .hm-row-bc.has-slider,
html.is-web .layout-content-holder-bc .carousel,
html.is-web .layout-content-holder-bc .swiper,
html.is-web .layout-content-holder-bc .slider-bc,
html.is-web .layout-content-holder-bc .slider,
html.is-web main,
html.is-web .homepage-layout {
  position: relative !important;
  z-index: 1 !important;
}

html.is-web .layout-bc:not(.smart-panel-is-visible) .hdr-smart-panel-holder-arrow-bc {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translateY(-4%) !important;
}

html.is-web .layout-bc.smart-panel-is-visible .hdr-smart-panel-holder-arrow-bc,
html.is-web.smart-panel-is-visible .hdr-smart-panel-holder-arrow-bc,
html.is-web body.smart-panel-is-visible .hdr-smart-panel-holder-arrow-bc {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
  position: absolute !important;
  top: 42px !important;
  z-index: 10090 !important;
}

html.is-web .layout-bc.smart-panel-is-visible .hdr-smart-panel-holder-bc,
html.is-web .layout-bc.smart-panel-is-visible .hdr-smart-panel-holder-bc .sp-button-bc {
  pointer-events: auto !important;
  cursor: pointer !important;
  position: relative !important;
  z-index: 10091 !important;
}

html.is-web .smartPanel-bc {
  position: relative !important;
  z-index: 10070 !important;
  overflow: visible !important;
  pointer-events: auto !important;
}

html.is-web #smart-panel-holder {
  position: relative !important;
  z-index: 10095 !important;
  pointer-events: auto !important;
  cursor: pointer !important;
  width: 34px !important;
  height: 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

html.is-web #smart-panel-holder::after {
  pointer-events: none !important;
}

html.is-web .smartPanel-bc {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  position: relative !important;
  z-index: 10070 !important;
  overflow: visible !important;
  pointer-events: auto !important;
  margin-inline-end: 8px !important;
}

html.is-web #smart-panel-holder {
  display: none !important;
}

html.is-web .hdr-smart-panel-holder-arrow-bc,
html.is-web .layout-bc .hdr-smart-panel-holder-arrow-bc,
html.is-web .layout-bc:not(.smart-panel-is-visible) .hdr-smart-panel-holder-arrow-bc,
html.is-web .layout-bc.smart-panel-is-visible .hdr-smart-panel-holder-arrow-bc {
  position: static !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: none !important;
  z-index: 10070 !important;
  display: block !important;
}

html.is-web .hdr-smart-panel-holder-bc {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 4px !important;
  width: auto !important;
  max-height: none !important;
  overflow: visible !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  position: relative !important;
  z-index: 10071 !important;
  pointer-events: auto !important;
}

html.is-web .hdr-smart-panel-holder-bc .sp-button-bc {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  margin: 0 !important;
  pointer-events: auto !important;
  cursor: pointer !important;
  position: relative !important;
  z-index: 10072 !important;
  background: rgba(var(--header-sc), 0.12) !important;
  border-radius: var(--border-radius, 8px) !important;
}

html.is-web .hdr-smart-panel-holder-bc .sp-button-bc:hover {
  background: rgba(var(--header-sc), 0.22) !important;
}

html.is-web .hdr-smart-panel-holder-arrow-bc:before,
html.is-web .hdr-smart-panel-holder-arrow-bc:after {
  display: none !important;
  content: none !important;
}

html.is-web .sidePanel-holder-bc.yeniliklerpopup:not(.display-none) {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  max-width: none !important;
  z-index: 12000 !important;
  display: block !important;
  pointer-events: auto !important;
}

html.is-web .sidePanel-holder-bc.yeniliklerpopup:not(.display-none)::before {
  content: "" !important;
  display: block !important;
  position: fixed !important;
  inset: 0 !important;
  top: 0 !important;
  right: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.62) !important;
  backdrop-filter: blur(3px) !important;
  -webkit-backdrop-filter: blur(3px) !important;
  border-top: none !important;
  z-index: 12001 !important;
  pointer-events: auto !important;
}

html.is-web .sidePanel-holder-bc.yeniliklerpopup:not(.display-none) > .sidePanel-holder {
  
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  right: auto !important;
  width: min(480px, 94vw) !important;
  height: min(680px, 84vh) !important;
  max-width: 480px !important;
  max-height: 84vh !important;
  z-index: 12002 !important;
  transform: translate(-50%, -50%) !important;
  animation: none !important;
  pointer-events: auto !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  background: rgba(18, 10, 40, 0.96) !important;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.55) !important;
  border-radius: 14px !important;
  border-top: none !important;
}

html.is-web .sidePanel-holder-bc.yeniliklerpopup:not(.display-none) .overlay-header {
  flex: 0 0 auto !important;
  pointer-events: auto !important;
  z-index: 12003 !important;
}

html.is-web .sidePanel-holder-bc.yeniliklerpopup:not(.display-none) .user-notifications-list-bc,
html.is-web .sidePanel-holder-bc.yeniliklerpopup:not(.display-none) .empty-b-text-v-bc {
  flex: 1 1 auto !important;
  overflow-y: auto !important;
  max-height: none !important;
  pointer-events: auto !important;
  position: relative !important;
  z-index: 12003 !important;
}

html.is-web .sidePanel-holder-bc.yeniliklerpopup:not(.display-none) .user-notification-item-bc {
  pointer-events: auto !important;
  cursor: pointer !important;
  z-index: 12004 !important;
}

html.is-web .sidePanel-holder-bc.yeniliklerpopup.display-none {
  display: none !important;
  pointer-events: none !important;
}

body > .sidePanel-holder-bc.yeniliklerpopup:not(.display-none) {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483000 !important;
  pointer-events: auto !important;
}

body > .sidePanel-holder-bc.yeniliklerpopup:not(.display-none)::before {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483000 !important;
  background: rgba(0, 0, 0, 0.65) !important;
  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;
  pointer-events: auto !important;
}

body > .sidePanel-holder-bc.yeniliklerpopup:not(.display-none) > .sidePanel-holder {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  height: 100vh !important;
  width: min(420px, 100vw) !important;
  z-index: 2147483001 !important;
  transform: none !important;
  animation: none !important;
  pointer-events: auto !important;
  box-shadow: -16px 0 48px rgba(0,0,0,.55) !important;
}

html.yenilikler-open #root,
html.yenilikler-open .layout-bc,
body.yenilikler-open #root,
body.yenilikler-open .layout-bc {
  z-index: 0 !important;
  position: relative !important;
  transform: none !important;
  filter: none !important;
  perspective: none !important;
}

html.yenilikler-open .layout-header-holder-bc,
html.yenilikler-open .layout-content-holder-bc,
html.yenilikler-open .hm-row-bc,
html.yenilikler-open .slider-bc,
html.yenilikler-open .swiper,
html.yenilikler-open .carousel {
  z-index: 0 !important;
}

body.yenilikler-open > .sidePanel-holder-bc.yeniliklerpopup {
  z-index: 2147483646 !important;
}

#yenilikler-top-dialog[open] {
  border: 0;
  padding: 0;
  background: transparent;
}

#yenilikler-top-dialog::backdrop {
  background: rgba(0, 0, 0, 0.68);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}

#yenilikler-top-dialog .sidePanel-holder-bc.yeniliklerpopup,
#yenilikler-top-dialog .yeniliklerpopup {
  display: block !important;
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  height: 100% !important;
  z-index: auto !important;
  pointer-events: auto !important;
  background: transparent !important;
}

#yenilikler-top-dialog .sidePanel-holder-bc.yeniliklerpopup::before {
  display: none !important;
  content: none !important;
}

#yenilikler-top-dialog .sidePanel-holder {
  width: 100% !important;
  height: 100% !important;
  max-height: 86vh !important;
  overflow: auto !important;
  pointer-events: auto !important;
}

#yenilikler-top-dialog .user-notification-item-bc {
  pointer-events: auto !important;
  cursor: pointer !important;
}

#yenilikler-top-dialog {
  
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

#yenilikler-top-dialog::backdrop {
  background: rgba(0, 0, 0, 0.65) !important;
  backdrop-filter: blur(5px) !important;
  -webkit-backdrop-filter: blur(5px) !important;
}

#yenilikler-top-dialog .sidePanel-holder-bc.yeniliklerpopup,
#yenilikler-top-dialog .yeniliklerpopup {
  display: block !important;
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  height: 100% !important;
  background: transparent !important;
  pointer-events: auto !important;
}

#yenilikler-top-dialog .sidePanel-holder-bc.yeniliklerpopup::before {
  display: none !important;
  content: none !important;
}

#yenilikler-top-dialog .sidePanel-holder {
  position: relative !important;
  inset: auto !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  transform: none !important;
  animation: none !important;
  overflow: auto !important;
  border-radius: 14px !important;
  pointer-events: auto !important;
}

html.yenilikler-open #root,
html.yenilikler-open .layout-bc {
  visibility: visible !important;
  pointer-events: auto !important;
}

#yenilikler-top-dialog[open],
#yenilikler-top-dialog:modal {
  
}

#yenilikler-top-dialog .overlay-header {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 14px 16px !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: rgba(var(--b-sc), 1) !important;
  border-bottom: 1px solid rgba(var(--b-sc), 0.12) !important;
  background: rgba(var(--b-sc), 0.04) !important;
}

#yenilikler-top-dialog .overlay-header .bc-i-close-remove {
  cursor: pointer !important;
  font-size: 18px !important;
  opacity: 0.85 !important;
}

#yenilikler-top-dialog .overlay-header .bc-i-close-remove:hover {
  opacity: 1 !important;
}

#yenilikler-top-dialog .user-notifications-list-bc {
  max-height: calc(86vh - 58px) !important;
  overflow-y: auto !important;
  padding: 12px !important;
}

html.is-web #yenilikler-top-dialog,
html.is-web #yenilikler-top-dialog[open],
html.is-web #yenilikler-top-dialog:modal {
  position: fixed !important;
  inset: 0 !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  margin: 0 !important;
  transform: none !important;
  width: 100vw !important;
  height: 100vh !important;
  max-width: 100vw !important;
  max-height: 100vh !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
}

html.is-web #yenilikler-top-dialog::backdrop {
  background: rgba(0, 0, 0, 0.7) !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
}

html.is-web body > .sidePanel-holder-bc.yeniliklerpopup:not(.display-none),
html.is-web .smartPanel-bc > .sidePanel-holder-bc.yeniliklerpopup:not(.display-none) {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

html.is-web #yenilikler-top-dialog .sidePanel-holder-bc.yeniliklerpopup,
html.is-web #yenilikler-top-dialog .sidePanel-holder-bc.yeniliklerpopup:not(.display-none),
html.is-web #yenilikler-top-dialog .yeniliklerpopup {
  position: relative !important;
  inset: auto !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  bottom: auto !important;
  transform: none !important;
  animation: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  display: block !important;
  width: min(480px, 94vw) !important;
  height: min(680px, 84vh) !important;
  max-width: 480px !important;
  max-height: 84vh !important;
  margin: 0 !important;
  background: transparent !important;
  z-index: auto !important;
}

html.is-web #yenilikler-top-dialog .sidePanel-holder-bc.yeniliklerpopup::before {
  display: none !important;
  content: none !important;
}

html.is-web #yenilikler-top-dialog .sidePanel-holder-bc.yeniliklerpopup > .sidePanel-holder,
html.is-web #yenilikler-top-dialog .sidePanel-holder {
  position: relative !important;
  inset: auto !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  bottom: auto !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  transform: none !important;
  animation: none !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  border-radius: 14px !important;
  border: 1px solid rgba(var(--b-sc), 0.14) !important;
  background: rgba(18, 10, 40, 0.98) !important;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.55) !important;
  pointer-events: auto !important;
}

html.is-web #yenilikler-top-dialog .overlay-header {
  flex: 0 0 auto !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 2 !important;
}

html.is-web #yenilikler-top-dialog .user-notifications-list-bc,
html.is-web #yenilikler-top-dialog .empty-b-text-v-bc {
  flex: 1 1 auto !important;
  overflow-y: auto !important;
  max-height: none !important;
  min-height: 0 !important;
}

html.is-web #yenilikler-top-dialog .user-notification-item-bc {
  border: 1px solid rgba(var(--b-sc), 0.16) !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.22) !important;
}

html.is-web #yenilikler-top-dialog .user-notification-item-bc::before {
  width: 4px !important;
  top: 10px !important;
  bottom: 10px !important;
  border-radius: 0 4px 4px 0 !important;
  opacity: 1 !important;
}

html.is-web .sidePanel-holder-bc.yeniliklerpopup:not(.display-none) > .sidePanel-holder {
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  right: auto !important;
  width: min(480px, 94vw) !important;
  height: min(680px, 84vh) !important;
  max-width: 480px !important;
  max-height: 84vh !important;
  z-index: 12002 !important;
  transform: translate(-50%, -50%) !important;
  animation: none !important;
  pointer-events: auto !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  background: rgba(18, 10, 40, 0.96) !important;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.55) !important;
  border-radius: 14px !important;
  border-top: none !important;
}

/* /assets/css/modal-stack-fix.css */



.popup-holder-bc.user-profile-container:not(.display-none),
.popup-holder-bc:has(.u-i-profile-page-bc):not(.display-none),
.popup-holder-bc:has(.popup-middleware-bc .u-i-profile-page-container):not(.display-none) {
    position: fixed !important;
    inset: 0 !important;
    z-index: 100120 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

.popup-holder-bc.user-profile-container:not(.display-none) .popup-inner-bc,
.popup-holder-bc:has(.u-i-profile-page-bc):not(.display-none) .popup-inner-bc {
    position: relative !important;
    z-index: 100121 !important;
}

.popup-holder-bc.user-profile-container #close_popup_button_id,
.popup-holder-bc.user-profile-container .e-p-close-icon-bc,
.popup-holder-bc:has(.u-i-profile-page-bc) #close_popup_button_id,
.popup-holder-bc:has(.u-i-profile-page-bc) .e-p-close-icon-bc {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    left: auto !important;
    z-index: 100122 !important;
    pointer-events: auto !important;
}


/* PROFILE_POPUP_VISIBLE_FIX: framework .popup-inner-bc starts opacity:0 + open-popup animation */
html.is-web .popup-holder-bc.user-profile-container.bigpopup:not(.display-none):not(.hidden),
html.is-web body > .popup-holder-bc.user-profile-container.bigpopup:not(.display-none):not(.hidden),
.popup-holder-bc.user-profile-container:not(.display-none):not(.hidden) {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  max-width: none !important;
  z-index: 2147483000 !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  background: rgba(0, 0, 0, 0.72) !important;
}

html.is-web .popup-holder-bc.user-profile-container.bigpopup:not(.display-none) .popup-middleware-bc,
.popup-holder-bc.user-profile-container:not(.display-none) .popup-middleware-bc {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

html.is-web .popup-holder-bc.user-profile-container.bigpopup:not(.display-none) .popup-inner-bc,
html.is-web .popup-holder-bc.user-profile-container.bigpopup:not(.display-none) #base_popup_id,
.popup-holder-bc.user-profile-container:not(.display-none) .popup-inner-bc,
.popup-holder-bc.user-profile-container:not(.display-none) #base_popup_id {
  opacity: 1 !important;
  visibility: visible !important;
  animation: none !important;
  transform: none !important;
  width: min(960px, 94vw) !important;
  max-width: 960px !important;
  max-height: 90vh !important;
  height: auto !important;
  margin: auto !important;
  pointer-events: auto !important;
  z-index: 2147483001 !important;
}

html:has(.popup-holder-bc.user-profile-container:not(.display-none):not(.hidden)) .layout-header-holder-bc,
html:has(.popup-holder-bc.user-profile-container:not(.display-none):not(.hidden)) .layout-header-holder-bc .header-bc,
html:has(.popup-holder-bc.user-profile-container:not(.display-none):not(.hidden)) .layout-header-holder-bc .hdr-main-content-bc {
  z-index: 1 !important;
}

/* /assets/css/profile-pc-glass.css */
html.is-web .popup-holder-bc.user-profile-container.bigpopup:not(.display-none) {
    position: fixed !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: rgba(0, 0, 0, 0.72) !important;
    background-image: none !important;
    backdrop-filter: blur(10px) saturate(110%) !important;
    -webkit-backdrop-filter: blur(10px) saturate(110%) !important;
    z-index: 2147483000 !important;
    pointer-events: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
}

html.is-web .popup-holder-bc.user-profile-container.bigpopup .popup-inner-bc,
html.is-web .popup-holder-bc.user-profile-container.bigpopup #base_popup_id,
html.is-web .popup-holder-bc.user-profile-container > .popup-middleware-bc > .popup-inner-bc {
    background: #0A1628 !important;
    background-color: #0A1628 !important;
    background-image: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border-color: rgba(61, 95, 138, 0.28) !important;
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.65) !important;
    color: #ffffff !important;
}

html.is-web .popup-holder-bc.user-profile-container.bigpopup {
    --profile-balance-bg: #0E1A2E;
    --profile-subpage-bg: #0A1628;
    --profile-panel-text: #ffffff;
    --profile-panel-muted: rgba(255, 255, 255, 0.62);
    --profile-accent: #3D5F8A;
    --profile-soft: #0E1A2E;
    --profile-line: rgba(255, 255, 255, 0.12);
}

html.is-web .popup-holder-bc.user-profile-container.bigpopup .u-i-p-amounts-bc.withdrawable .u-i-p-a-content-bc,
html.is-web .popup-holder-bc.user-profile-container.bigpopup .u-i-p-amounts-bc.bonuses .u-i-p-a-content-bc,
html.is-web .popup-holder-bc.user-profile-container.bigpopup .u-i-p-amounts-bc .u-i-p-a-content-bc {
    background: #0E1A2E !important;
    background-color: #0E1A2E !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    box-shadow: none !important;
}

html.is-web .popup-holder-bc.user-profile-container.bigpopup .profile-popup-subpage-root:not(:empty) {
    background: #0A1628 !important;
    background-color: #0A1628 !important;
    color: #ffffff !important;
}

html.is-web .popup-holder-bc.user-profile-container.bigpopup .u-i-p-a-content-bc,
html.is-web .popup-holder-bc.user-profile-container.bigpopup .u-i-p-a-content-bc .u-i-p-a-title-bc,
html.is-web .popup-holder-bc.user-profile-container.bigpopup .u-i-p-a-content-bc .u-i-p-a-amount-bc,
html.is-web .popup-holder-bc.user-profile-container.bigpopup .u-i-p-a-content-bc .ellipsis {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

html.is-web .popup-holder-bc.user-profile-container.bigpopup .u-i-profile-page-container,
html.is-web .popup-holder-bc.user-profile-container.bigpopup .u-i-profile-page-bc,
html.is-web .popup-holder-bc.user-profile-container.bigpopup .u-i-profile-page-content {
    background: #0A1628 !important;
    background-color: #0A1628 !important;
    color: #ffffff !important;
    border-inline-end: 1px solid rgba(255, 255, 255, 0.1) !important;
}

html.is-web .popup-holder-bc.user-profile-container.bigpopup .user-profile-nav {
    background: transparent !important;
}

html.is-web .popup-holder-bc.user-profile-container.bigpopup .user-profile-nav-header {
    background: #0E1A2E !important;
    background-color: #0E1A2E !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 8px !important;
}

html.is-web .popup-holder-bc.user-profile-container.bigpopup .user-profile-nav-header:hover {
    background: #0E1A2E !important;
    border-color: rgba(61, 95, 138, 0.45) !important;
    color: #ffffff !important;
}

html.is-web .popup-holder-bc.user-profile-container.bigpopup .user-profile-nav-list {
    background: #0E1A2E !important;
    background-color: #0E1A2E !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-top: 0 !important;
    border-radius: 0 0 8px 8px !important;
}

html.is-web .popup-holder-bc.user-profile-container.bigpopup .user-profile-nav-item,
html.is-web .popup-holder-bc.user-profile-container.bigpopup .user-profile-nav-item .ellipsis {
    color: rgba(255, 255, 255, 0.68) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.68) !important;
    background: transparent !important;
}

html.is-web .popup-holder-bc.user-profile-container.bigpopup .user-profile-nav-item:hover,
html.is-web .popup-holder-bc.user-profile-container.bigpopup .user-profile-nav-item.active,
html.is-web .popup-holder-bc.user-profile-container.bigpopup .user-profile-nav-item:hover .ellipsis,
html.is-web .popup-holder-bc.user-profile-container.bigpopup .user-profile-nav-item.active .ellipsis {
    color: #3D5F8A !important;
    -webkit-text-fill-color: #3D5F8A !important;
}

html.is-web .popup-holder-bc.user-profile-container.bigpopup .user-profile-nav-item.active ~ .user-profile-nav-item-cursor:before,
html.is-web .popup-holder-bc.user-profile-container.bigpopup .user-profile-nav-list .user-profile-nav-item-cursor:before {
    background: #3D5F8A !important;
}

html.is-web .popup-holder-bc.user-profile-container.bigpopup .profile-popup-subpage-root {
    min-height: 0 !important;
    background: transparent !important;
}

html.is-web .popup-holder-bc.user-profile-container.bigpopup .profile-popup-subpage-root:not(:empty) {
    background: #0A1628 !important;
    background-color: #0A1628 !important;
    color: #ffffff !important;
}

html.is-web .popup-holder-bc.user-profile-container.bigpopup .profile-popup-subpage-root:not(:empty) .dep-w-info-bc,
html.is-web .popup-holder-bc.user-profile-container.bigpopup .profile-popup-subpage-root:not(:empty) .my-profile-info-block,
html.is-web .popup-holder-bc.user-profile-container.bigpopup .profile-popup-subpage-root:not(:empty) .u-i-e-p-p-content-bc,
html.is-web .popup-holder-bc.user-profile-container.bigpopup .profile-popup-subpage-root:not(:empty) .payment-details-scrollable-container,
html.is-web .popup-holder-bc.user-profile-container.bigpopup .profile-popup-subpage-root:not(:empty) .withdraw-form-l-bc,
html.is-web .popup-holder-bc.user-profile-container.bigpopup .profile-popup-subpage-root:not(:empty) .u-i-p-control-item-holder-bc {
    background: transparent !important;
    color: #ffffff !important;
}

html.is-web .popup-holder-bc.user-profile-container.bigpopup .profile-popup-subpage-root:not(:empty) .back-nav-bc,
html.is-web .popup-holder-bc.user-profile-container.bigpopup .profile-popup-subpage-root:not(:empty) .profile-title,
html.is-web .popup-holder-bc.user-profile-container.bigpopup .profile-popup-subpage-root:not(:empty) .ellipsis,
html.is-web .popup-holder-bc.user-profile-container.bigpopup .profile-popup-subpage-root:not(:empty) .description-title,
html.is-web .popup-holder-bc.user-profile-container.bigpopup .profile-popup-subpage-root:not(:empty) .description-value,
html.is-web .popup-holder-bc.user-profile-container.bigpopup .profile-popup-subpage-root:not(:empty) .form-control-title-bc,
html.is-web .popup-holder-bc.user-profile-container.bigpopup .profile-popup-subpage-root:not(:empty) .form-control-label-bc,
html.is-web .popup-holder-bc.user-profile-container.bigpopup .profile-popup-subpage-root:not(:empty) label {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

html.is-web .popup-holder-bc.user-profile-container.bigpopup .profile-popup-subpage-root:not(:empty) .form-control-bc,
html.is-web .popup-holder-bc.user-profile-container.bigpopup .profile-popup-subpage-root:not(:empty) .form-control-bc.default,
html.is-web .popup-holder-bc.user-profile-container.bigpopup .profile-popup-subpage-root:not(:empty) .form-control-label-bc.input {
    background: #0E1A2E !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    border-radius: 10px !important;
    box-shadow: none !important;
}

html.is-web .popup-holder-bc.user-profile-container.bigpopup .profile-popup-subpage-root:not(:empty) .form-control-input-bc,
html.is-web .popup-holder-bc.user-profile-container.bigpopup .profile-popup-subpage-root:not(:empty) input.form-control-input-bc,
html.is-web .popup-holder-bc.user-profile-container.bigpopup .profile-popup-subpage-root:not(:empty) input,
html.is-web .popup-holder-bc.user-profile-container.bigpopup .profile-popup-subpage-root:not(:empty) select,
html.is-web .popup-holder-bc.user-profile-container.bigpopup .profile-popup-subpage-root:not(:empty) textarea {
    background: transparent !important;
    border: 0 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    caret-color: #ffffff !important;
}

html.is-web .popup-holder-bc.user-profile-container.bigpopup .profile-popup-subpage-root:not(:empty) .form-control-bc .form-control-title-bc,
html.is-web .popup-holder-bc.user-profile-container.bigpopup .profile-popup-subpage-root:not(:empty) .form-control-label-bc .form-control-title-bc {
    color: rgba(255, 255, 255, 0.55) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.55) !important;
}

html.is-web .popup-holder-bc.user-profile-container.bigpopup .profile-popup-subpage-root:not(:empty) .description-c-row-bc,
html.is-web .popup-holder-bc.user-profile-container.bigpopup .profile-popup-subpage-root:not(:empty) .payment-info-bc {
    background: #0E1A2E !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 10px !important;
    box-shadow: none !important;
}

html.is-web .popup-holder-bc.user-profile-container.bigpopup .profile-popup-subpage-root:not(:empty) .m-nav-items-list-item-bc {
    background: #0E1A2E !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: none !important;
}

html.is-web .popup-holder-bc.user-profile-container.bigpopup .profile-popup-subpage-root:not(:empty) .m-nav-items-list-item-bc:hover,
html.is-web .popup-holder-bc.user-profile-container.bigpopup .profile-popup-subpage-root:not(:empty) .m-nav-items-list-item-bc.active {
    background: #0E1A2E !important;
    border-color: rgba(61, 95, 138, 0.5) !important;
    color: #3D5F8A !important;
    -webkit-text-fill-color: #3D5F8A !important;
    box-shadow: none !important;
}

html.is-web .popup-holder-bc.user-profile-container.bigpopup .e-p-close-icon-bc,
html.is-web .popup-holder-bc.user-profile-container.bigpopup .u-i-p-c-header-bc,
html.is-web .popup-holder-bc.user-profile-container.bigpopup .u-i-p-c-title-bc,
html.is-web .popup-holder-bc.user-profile-container.bigpopup .u-i-p-c-body-bc {
    background: transparent !important;
    color: #ffffff !important;
}

html.is-web .popup-holder-bc.user-profile-container.bigpopup .e-p-close-icon-bc:hover {
    color: #3D5F8A !important;
}

html.is-web .popup-holder-bc.user-profile-container.bigpopup .u-i-profile-page-container {
    position: relative !important;
    z-index: 2 !important;
    pointer-events: auto !important;
}

html.is-web .popup-holder-bc.user-profile-container.bigpopup #close_popup_button_id,
html.is-web .popup-holder-bc.user-profile-container.bigpopup .e-p-close-icon-bc {
    cursor: pointer !important;
    pointer-events: auto !important;
    z-index: 100020 !important;
}

html.is-web .popup-holder-bc.user-profile-container.bigpopup .user-profile-nav,
html.is-web .popup-holder-bc.user-profile-container.bigpopup .user-profile-nav-header,
html.is-web .popup-holder-bc.user-profile-container.bigpopup .user-profile-nav-item,
html.is-web .popup-holder-bc.user-profile-container.bigpopup .popup-inner-bc,
html.is-web .popup-holder-bc.user-profile-container.bigpopup .u-i-p-c-body-bc,
html.is-web .popup-holder-bc.user-profile-container.bigpopup .profile-popup-subpage-root {
    pointer-events: auto !important;
}


/* PC deposit / profile nav clickability (2026-08-09) */
html.is-web .popup-holder-bc.user-profile-container.bigpopup .user-profile-nav.bakiyeyonetimi.active {
  max-height: 500px !important;
}
html.is-web .popup-holder-bc.user-profile-container.bigpopup .user-profile-nav.bakiyeyonetimi.active .user-profile-nav-list {
  opacity: 1 !important;
  pointer-events: auto !important;
}
html.is-web .popup-holder-bc.user-profile-container.bigpopup .u-i-p-a-deposit-bc,
html.is-web .popup-holder-bc.user-profile-container.bigpopup .u-i-p-a-withdraw-bc,
html.is-web .popup-holder-bc.user-profile-container.bigpopup .user-profile-nav-item {
  pointer-events: auto !important;
  cursor: pointer !important;
  position: relative;
  z-index: 6 !important;
}
html.is-web .popup-holder-bc.user-profile-container.bigpopup .profile-popup-subpage-root:not(:empty) {
  display: block !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  overflow: auto !important;
  width: 100% !important;
  opacity: 1 !important;
  visibility: visible !important;
  background: #0A1628 !important;
  background-color: #0A1628 !important;
  color: #ffffff !important;
}
html.is-web .popup-holder-bc.user-profile-container.bigpopup .profile-popup-subpage-root .my-profile-info-block.details-page {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  width: 100% !important;
  opacity: 1 !important;
  visibility: visible !important;
}
html.is-web .popup-holder-bc.user-profile-container.bigpopup .u-i-p-c-body-bc {
  display: flex !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
}
html.is-web .popup-holder-bc.user-profile-container.bigpopup .u-i-profile-page-container,
html.is-web .popup-holder-bc.user-profile-container.bigpopup .u-i-profile-page-bc,
html.is-web .popup-holder-bc.user-profile-container.bigpopup .u-i-profile-page-content {
  opacity: 1 !important;
  visibility: visible !important;
}
html.is-web .popup-holder-bc.user-profile-container.bigpopup .my-profile-info-block.deposit-page,
html.is-web .popup-holder-bc.user-profile-container.bigpopup .my-profile-info-block.withdraw-page {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  width: 100% !important;
}
html.is-web .popup-holder-bc.user-profile-container.bigpopup .deposit-page .dep-w-info-bc,
html.is-web .popup-holder-bc.user-profile-container.bigpopup .withdraw-page .dep-w-info-bc {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  min-height: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  padding: 0 15px 15px !important;
  box-sizing: border-box !important;
}
/* Restore native grid cards (flex wrap was crushing the layout) */
html.is-web .popup-holder-bc.user-profile-container.bigpopup .deposit-page .m-block-nav-items-bc,
html.is-web .popup-holder-bc.user-profile-container.bigpopup .withdraw-page .m-block-nav-items-bc {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)) !important;
  grid-template-rows: auto !important;
  grid-gap: 10px !important;
  width: 100% !important;
  padding: 15px 0 10px !important;
  box-sizing: border-box !important;
  text-align: center !important;
}
html.is-web .popup-holder-bc.user-profile-container.bigpopup .deposit-page .m-nav-items-list-item-bc,
html.is-web .popup-holder-bc.user-profile-container.bigpopup .withdraw-page .m-nav-items-list-item-bc {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 70px !important;
  padding: 6px 10px !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  position: relative !important;
  z-index: 2 !important;
  border-radius: var(--border-radius, 8px) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: #0E1A2E !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow: none !important;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease !important;
}
html.is-web .popup-holder-bc.user-profile-container.bigpopup .deposit-page .m-nav-items-list-item-bc:hover,
html.is-web .popup-holder-bc.user-profile-container.bigpopup .deposit-page .m-nav-items-list-item-bc.active,
html.is-web .popup-holder-bc.user-profile-container.bigpopup .withdraw-page .m-nav-items-list-item-bc:hover,
html.is-web .popup-holder-bc.user-profile-container.bigpopup .withdraw-page .m-nav-items-list-item-bc.active {
  border: 1px solid rgba(61, 95, 138, 0.5) !important;
  background: #0E1A2E !important;
  color: #3D5F8A !important;
  -webkit-text-fill-color: #3D5F8A !important;
  box-shadow: none !important;
}
html.is-web .popup-holder-bc.user-profile-container.bigpopup .deposit-page .nav-ico-w-row-bc,
html.is-web .popup-holder-bc.user-profile-container.bigpopup .withdraw-page .nav-ico-w-row-bc {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
html.is-web .popup-holder-bc.user-profile-container.bigpopup .deposit-page .payment-logo,
html.is-web .popup-holder-bc.user-profile-container.bigpopup .withdraw-page .payment-logo {
  display: block !important;
  max-width: 88% !important;
  max-height: 88% !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
}
html.is-web .popup-holder-bc.user-profile-container.bigpopup .deposit-page .payment-info-bc,
html.is-web .popup-holder-bc.user-profile-container.bigpopup .withdraw-page .payment-info-bc {
  width: 100% !important;
  padding: 10px 0 0 !important;
  box-sizing: border-box !important;
}
html.is-web .popup-holder-bc.user-profile-container.bigpopup .deposit-page .description-c-row-bc,
html.is-web .popup-holder-bc.user-profile-container.bigpopup .withdraw-page .description-c-row-bc {
  display: flex !important;
  width: 100% !important;
  max-width: 560px !important;
  background: #0E1A2E !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: var(--border-radius, 8px) !important;
  padding: 10px 12px !important;
  box-sizing: border-box !important;
  box-shadow: none !important;
}
html.is-web .popup-holder-bc.user-profile-container.bigpopup .deposit-page .description-c-row-c-title-bc,
html.is-web .popup-holder-bc.user-profile-container.bigpopup .withdraw-page .description-c-row-c-title-bc {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  flex-wrap: nowrap !important;
  gap: 8px !important;
  width: 100% !important;
}
html.is-web .popup-holder-bc.user-profile-container.bigpopup .deposit-page .description-c-r-c-t-column-bc,
html.is-web .popup-holder-bc.user-profile-container.bigpopup .withdraw-page .description-c-r-c-t-column-bc {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 0 !important;
  min-width: 0 !important;
  overflow: hidden !important;
  padding-inline-end: 4px !important;
}
html.is-web .popup-holder-bc.user-profile-container.bigpopup .deposit-page .description-c-r-c-t-column-bc .description-title,
html.is-web .popup-holder-bc.user-profile-container.bigpopup .withdraw-page .description-c-r-c-t-column-bc .description-title {
  color: rgba(255, 255, 255, 0.72) !important;
  font-size: 12px !important;
  line-height: 16px !important;
  text-transform: capitalize !important;
}
html.is-web .popup-holder-bc.user-profile-container.bigpopup .deposit-page .description-c-r-c-t-column-bc .description-value,
html.is-web .popup-holder-bc.user-profile-container.bigpopup .withdraw-page .description-c-r-c-t-column-bc .description-value {
  color: #ffffff !important;
  font-size: 12px !important;
  line-height: 16px !important;
  margin-top: 5px !important;
  display: block !important;
}


/* PC profile modal above header — keep visible (framework starts .popup-inner-bc at opacity:0) */
html.is-web .popup-holder-bc.user-profile-container.bigpopup,
html.is-web .popup-holder-bc.user-profile-container.bigpopup:not(.display-none) {
  z-index: 2147483000 !important;
  position: fixed !important;
  inset: 0 !important;
  pointer-events: auto !important;
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
}
html.is-web .popup-holder-bc.user-profile-container.bigpopup.display-none {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
html.is-web .popup-holder-bc.user-profile-container.bigpopup .popup-middleware-bc {
  pointer-events: auto !important;
  position: relative;
  z-index: 1;
  opacity: 1 !important;
  visibility: visible !important;
}
html.is-web .popup-holder-bc.user-profile-container.bigpopup .popup-inner-bc,
html.is-web .popup-holder-bc.user-profile-container.bigpopup #base_popup_id {
  pointer-events: auto !important;
  position: relative;
  z-index: 2;
  opacity: 1 !important;
  visibility: visible !important;
  animation: none !important;
  transform: none !important;
}
html.is-web .layout-header-holder-bc .hdr-user-bc .deposit-btn,
html.is-web .layout-header-holder-bc .header-custom-buttons .deposit-btn,
html.is-web a.deposit-btn[aria-label="Para Yatırma"] {
  position: relative !important;
  z-index: 10025 !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}


/* Wallet dropdown above page sliders / carousels */
html.is-web .layout-header-holder-bc,
html.is-web .layout-header-holder-bc .header-bc,
html.is-web .layout-header-holder-bc .hdr-user-bc,
html.is-web .layout-header-holder-bc .header-user-nav,
html.is-web .layout-header-holder-bc .nav-menu-container {
  overflow: visible !important;
}
html.is-web .header-user-nav .nav-menu-sub,
html.is-web .header-user-nav .nav-menu-sub-wallet,
html.is-web .layout-header-holder-bc .nav-menu-sub,
html.is-web .layout-header-holder-bc .nav-menu-sub-wallet {
  z-index: 10050 !important;
  position: absolute !important;
  pointer-events: auto !important;
}
html.is-web .layout-content-holder-bc,
html.is-web .layout-content-holder-bc .hm-row-bc,
html.is-web .layout-content-holder-bc .hm-row-bc.has-slider,
html.is-web .layout-content-holder-bc .carousel,
html.is-web .layout-content-holder-bc .swiper,
html.is-web .layout-content-holder-bc .slider-bc {
  z-index: 1 !important;
}


/* Smart panel toggle must stay clickable above hero/sliders */
html.is-web #smart-panel-holder,
html.is-web .hdr-toggle-button-bc,
html.is-web i.hdr-toggle-button-bc {
  position: relative !important;
  z-index: 10040 !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}

/* Accordion must open/close normally (only .active is expanded) */
html.is-web .popup-holder-bc.user-profile-container.bigpopup .user-profile-nav:not(.active) {
  max-height: 54px !important;
}
html.is-web .popup-holder-bc.user-profile-container.bigpopup .user-profile-nav:not(.active) .user-profile-nav-list {
  opacity: 0 !important;
  pointer-events: none !important;
  overflow: hidden !important;
}
html.is-web .popup-holder-bc.user-profile-container.bigpopup .user-profile-nav.active .user-profile-nav-list {
  opacity: 1 !important;
  pointer-events: auto !important;
}
html.is-web .popup-holder-bc.user-profile-container.bigpopup .user-profile-nav.active .user-profile-nav-item {
  pointer-events: auto !important;
  cursor: pointer !important;
}

/* PC çekim geçmişi (kart liste: .historyList-bc > .historyListEl) */
html.is-web .popup-holder-bc.user-profile-container.bigpopup .historyList-bc {
  width: 100% !important;
  padding: 10px 15px 20px !important;
  box-sizing: border-box !important;
}
html.is-web .popup-holder-bc.user-profile-container.bigpopup .historyList-bc > .historyListEl {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  width: 100% !important;
  padding: 10px 12px !important;
  margin-top: 10px !important;
  box-sizing: border-box !important;
  background: #0E1A2E !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: var(--border-radius, 8px) !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  overflow: hidden !important;
  color: #ffffff !important;
}
html.is-web .popup-holder-bc.user-profile-container.bigpopup .historyList-bc > .historyListEl:first-child {
  margin-top: 0 !important;
}
html.is-web .popup-holder-bc.user-profile-container.bigpopup .historyList-bc > .historyListEl > .historyListEl-list {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  min-height: 26px !important;
  height: auto !important;
  gap: 8px !important;
}
html.is-web .popup-holder-bc.user-profile-container.bigpopup .historyList-bc > .historyListEl .historyListEl-id-content {
  flex: 1 1 auto !important;
  display: flex !important;
  align-items: center !important;
  min-width: 0 !important;
  flex-wrap: wrap !important;
  gap: 4px !important;
}
html.is-web .popup-holder-bc.user-profile-container.bigpopup .historyList-bc > .historyListEl .historyListEl-id {
  color: rgba(var(--b-sc), 0.7) !important;
  font-weight: 600 !important;
}
html.is-web .popup-holder-bc.user-profile-container.bigpopup .historyList-bc > .historyListEl .historyListEl-id-number {
  color: rgba(var(--b-sc), 0.9) !important;
  margin-inline-start: 4px !important;
}
html.is-web .popup-holder-bc.user-profile-container.bigpopup .historyList-bc > .historyListEl .historyListEl-date {
  color: rgba(var(--b-sc), 0.6) !important;
  flex-shrink: 0 !important;
  margin-bottom: 0 !important;
  white-space: nowrap !important;
}
html.is-web .popup-holder-bc.user-profile-container.bigpopup .historyList-bc > .historyListEl > .historyListEl-list-item-separator {
  display: block !important;
  width: 100% !important;
  height: 1px !important;
  margin: 8px 0 !important;
  background: rgba(var(--b-sc), 0.1) !important;
}
html.is-web .popup-holder-bc.user-profile-container.bigpopup .historyList-bc > .historyListEl > .historyListEl-list-item {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  height: auto !important;
  min-height: 28px !important;
  padding: 6px 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border-top: none !important;
  color: rgba(var(--b-sc), 0.9) !important;
  font-size: 12px !important;
  line-height: 18px !important;
  box-sizing: border-box !important;
}
html.is-web .popup-holder-bc.user-profile-container.bigpopup .historyList-bc > .historyListEl > .historyListEl-list-item .historyListEl-title {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  color: rgba(var(--b-sc), 0.65) !important;
  padding-right: 10px !important;
}
html.is-web .popup-holder-bc.user-profile-container.bigpopup .historyList-bc > .historyListEl > .historyListEl-list-item .historyListEl-info {
  display: flex !important;
  align-items: center !important;
  flex: 0 1 auto !important;
  max-width: 60% !important;
  color: rgba(var(--b-sc), 0.95) !important;
  text-align: right !important;
}
html.is-web .popup-holder-bc.user-profile-container.bigpopup .historyList-bc > .historyListEl .historyListEl-info[data-status="1"] {
  color: rgba(var(--oc-1, 34, 197, 94), 1) !important;
}
html.is-web .popup-holder-bc.user-profile-container.bigpopup .historyList-bc > .historyListEl .historyListEl-info[data-status="0"] {
  color: rgba(var(--oc-3, 239, 68, 68), 1) !important;
}
html.is-web .popup-holder-bc.user-profile-container.bigpopup .historyList-bc > .historyListEl .bc-booking-copy {
  color: rgba(var(--b-sc), 1) !important;
  margin-inline-start: 6px !important;
  cursor: pointer !important;
}

/* PC yatırım geçmişi (tablo: .historyList-table-details) — kart stillerine dokunma */
html.is-web .popup-holder-bc.user-profile-container.bigpopup .historyList-table-details {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  padding: 10px 15px 20px !important;
  box-sizing: border-box !important;
}
html.is-web .popup-holder-bc.user-profile-container.bigpopup .historyList-table-details .historyList-thead,
html.is-web .popup-holder-bc.user-profile-container.bigpopup .historyList-table-details .historyListEl {
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  width: 100% !important;
  min-width: 100% !important;
  box-sizing: border-box !important;
  writing-mode: horizontal-tb !important;
}
html.is-web .popup-holder-bc.user-profile-container.bigpopup .historyList-table-details .historyList-tbody {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
html.is-web .popup-holder-bc.user-profile-container.bigpopup .historyList-table-details .historyList-thead {
  background: rgba(var(--b-sc), 0.08) !important;
  border-radius: var(--border-radius, 8px) 8px 0 0 !important;
  font-weight: 600 !important;
}
html.is-web .popup-holder-bc.user-profile-container.bigpopup .historyList-table-details .historyList-tbody > .historyListEl {
  background: rgba(var(--b-sc), 0.05) !important;
  margin-top: 1px !important;
  padding: 0 !important;
  flex-direction: row !important;
}
html.is-web .popup-holder-bc.user-profile-container.bigpopup .historyList-table-details .historyListEl-list-item {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  flex: 1 1 140px !important;
  min-width: 96px !important;
  width: auto !important;
  height: auto !important;
  min-height: 42px !important;
  padding: 8px 10px !important;
  margin: 0 !important;
  background: rgba(var(--b-sc), 0.1) !important;
  border-top: none !important;
  color: rgba(var(--b-sc), 0.9) !important;
  font-size: 12px !important;
  line-height: 16px !important;
  box-sizing: border-box !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  writing-mode: horizontal-tb !important;
}
html.is-web .popup-holder-bc.user-profile-container.bigpopup .historyList-table-details .historyList-thead .historyListEl-list-item {
  color: rgba(var(--b-sc), 0.75) !important;
  background: transparent !important;
  font-weight: 600 !important;
}
html.is-web .popup-holder-bc.user-profile-container.bigpopup .historyList-table-details .historyListEl-title,
html.is-web .popup-holder-bc.user-profile-container.bigpopup .historyList-table-details .historyListEl-info {
  display: block !important;
  max-width: none !important;
  width: 100% !important;
  text-align: left !important;
  padding-right: 0 !important;
  color: inherit !important;
}




html.is-web .popup-holder-bc.user-profile-container.bigpopup .userProfileSection-0,
html.is-web .user-profile-container.bigpopup .userProfileSection-0,
html.is-web .my-profile-info-block.details-page .userProfileSection-0 {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px 14px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
html.is-web .popup-holder-bc.user-profile-container.bigpopup .userProfileSection-0 > .u-i-p-control-item-holder-bc,
html.is-web .user-profile-container.bigpopup .userProfileSection-0 > .u-i-p-control-item-holder-bc {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  margin-inline-start: 0 !important;
  padding: 0 !important;
  display: block !important;
  float: none !important;
  box-sizing: border-box !important;
}
html.is-web .popup-holder-bc.user-profile-container.bigpopup .userProfileSection-0 > .u-i-p-control-item-holder-bc:first-child,
html.is-web .user-profile-container.bigpopup .userProfileSection-0 > .u-i-p-control-item-holder-bc:first-child {
  grid-column: 1 / -1 !important;
}
html.is-web .popup-holder-bc.user-profile-container.bigpopup .userProfileSection-0 .form-control-bc,
html.is-web .popup-holder-bc.user-profile-container.bigpopup .userProfileSection-0 .form-control-bc.default,
html.is-web .popup-holder-bc.user-profile-container.bigpopup .userProfileSection-0 .form-control-bc.select {
  position: relative !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-radius: 10px !important;
  background: rgba(5, 8, 16, 0.65) !important;
  box-shadow: none !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}
html.is-web .popup-holder-bc.user-profile-container.bigpopup .userProfileSection-0 .form-control-label-bc,
html.is-web .popup-holder-bc.user-profile-container.bigpopup .userProfileSection-0 .form-control-label-bc.inputs,
html.is-web .popup-holder-bc.user-profile-container.bigpopup .userProfileSection-0 .form-control-label-bc.form-control-select-bc {
  display: block !important;
  position: relative !important;
  width: 100% !important;
  height: 54px !important;
  min-height: 54px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}
html.is-web .popup-holder-bc.user-profile-container.bigpopup .userProfileSection-0 .form-control-title-bc,
html.is-web .popup-holder-bc.user-profile-container.bigpopup .userProfileSection-0 .form-control-title-bc.ellipsis,
html.is-web .popup-holder-bc.user-profile-container.bigpopup .userProfileSection-0 label .form-control-title-bc {
  position: absolute !important;
  top: 6px !important;
  left: 12px !important;
  right: 12px !important;
  bottom: auto !important;
  transform: none !important;
  order: unset !important;
  display: block !important;
  width: auto !important;
  max-width: calc(100% - 24px) !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  line-height: 1.2 !important;
  color: rgba(255, 255, 255, 0.5) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.5) !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  pointer-events: none !important;
  z-index: 2 !important;
}
html.is-web .popup-holder-bc.user-profile-container.bigpopup .userProfileSection-0 .form-control-input-bc,
html.is-web .popup-holder-bc.user-profile-container.bigpopup .userProfileSection-0 input.form-control-input-bc {
  position: relative !important;
  z-index: 1 !important;
  order: unset !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 54px !important;
  margin: 0 !important;
  padding: 22px 12px 8px !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  box-sizing: border-box !important;
}
html.is-web .popup-holder-bc.user-profile-container.bigpopup .userProfileSection-0 .form-control-input-stroke-bc {
  display: none !important;
}
html.is-web .popup-holder-bc.user-profile-container.bigpopup .userProfileSection-0 .form-control-bc.select .form-control-label-bc {
  display: flex !important;
  align-items: center !important;
  padding: 22px 36px 8px 12px !important;
}
html.is-web .popup-holder-bc.user-profile-container.bigpopup .userProfileSection-0 .form-control-bc.select .select-icon-bc {
  position: relative !important;
  top: auto !important;
  transform: none !important;
  margin: 0 !important;
  flex: 0 0 auto !important;
}
html.is-web .popup-holder-bc.user-profile-container.bigpopup .userProfileSection-0 .form-control-bc.select .form-control-icon-bc {
  position: absolute !important;
  right: 12px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  display: flex !important;
  color: rgba(255, 255, 255, 0.55) !important;
}

html.is-web .popup-holder-bc.user-profile-container.bigpopup .u-i-profile-page-bc .profile-panel-promo-code,
html.is-web .user-profile-container.bigpopup .profile-panel-promo-code {
  padding: 0 0 8px !important;
  margin: 0 !important;
}
html.is-web .popup-holder-bc.user-profile-container.bigpopup .u-i-profile-page-bc .profile-panel-promo-code form,
html.is-web .user-profile-container.bigpopup .profile-panel-promo-code form,
html.is-web .popup-holder-bc.user-profile-container.bigpopup .promoCodeWrapper-bc form {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  margin: 0 !important;
  width: 100% !important;
}
html.is-web .popup-holder-bc.user-profile-container.bigpopup .profile-panel-promo-code .u-i-p-control-item-holder-bc,
html.is-web .popup-holder-bc.user-profile-container.bigpopup .promoCodeWrapper-bc .u-i-p-control-item-holder-bc {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
html.is-web .popup-holder-bc.user-profile-container.bigpopup .profile-panel-promo-code .u-i-p-c-footer-bc,
html.is-web .popup-holder-bc.user-profile-container.bigpopup .promoCodeWrapper-bc .u-i-p-c-footer-bc {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 88px !important;
  margin: 0 !important;
  margin-top: 0 !important;
  margin-inline-start: 0 !important;
}
html.is-web .popup-holder-bc.user-profile-container.bigpopup .profile-panel-promo-code .u-i-p-c-footer-bc .btn,
html.is-web .popup-holder-bc.user-profile-container.bigpopup .promoCodeWrapper-bc .u-i-p-c-footer-bc .btn {
  height: 48px !important;
  min-height: 48px !important;
  padding: 0 14px !important;
  white-space: nowrap !important;
}
html.is-web .popup-holder-bc.user-profile-container.bigpopup .profile-panel-promo-code .form-control-bc,
html.is-web .popup-holder-bc.user-profile-container.bigpopup .profile-panel-promo-code .form-control-bc.default,
html.is-web .user-profile-container .profile-panel-promo-code .form-control-bc {
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
  min-height: 48px !important;
}
html.is-web .popup-holder-bc.user-profile-container.bigpopup .profile-panel-promo-code .form-control-input-bc,
html.is-web .user-profile-container .profile-panel-promo-code input.form-control-input-bc {
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-radius: 10px !important;
  background: rgba(5, 8, 16, 0.65) !important;
  min-height: 48px !important;
  height: 48px !important;
}
html.is-web .popup-holder-bc.user-profile-container.bigpopup .u-i-profile-page-content .userLogoutBtn,
html.is-web .user-profile-container.bigpopup .u-i-profile-page-content .userLogoutBtn {
  margin-top: 8px !important;
  height: 48px !important;
  min-height: 48px !important;
}
html.is-web .popup-holder-bc.user-profile-container.bigpopup .promoCodeWrapper-bc {
  padding: 8px 0 0 !important;
  margin: 0 !important;
}

/* History rows: Betcin structure, Rocks colors. */
.historyList-bc > .historyListEl {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  height: auto !important;
  width: 100% !important;
  box-sizing: border-box;
  clear: both;
}
.historyList-bc > .historyListEl + .historyListEl {
  margin-top: 10px;
}
.historyList-bc > .historyListEl > .historyListEl-list,
.historyList-bc > .historyListEl > .historyListEl-list-item {
  position: relative !important;
  display: flex !important;
  height: auto !important;
  min-height: 26px;
  width: 100% !important;
  max-width: 100%;
  box-sizing: border-box;
  overflow: visible;
}
.historyListEl-list-item:has(.sport-gh) {
  display: block !important;
  height: auto !important;
  align-items: stretch;
  margin-top: 6px;
}
.historyListEl-list-item:has(.sport-gh) > .historyListEl-title { display: none; }
.historyListEl-list-item:has(.sport-gh) > .historyListEl-info,
.historyListEl-list-item:has(.sport-gh) > .historyListEl-info.ellipsis {
  display: block; width: 100%; max-width: none; height: auto; margin: 0;
  overflow: visible; white-space: normal; text-overflow: unset; text-align: left; flex: none;
}
.historyListEl:has(.sport-gh) > .historyListEl-list-item:not(:has(.sport-gh)) { display: none; }
.sport-gh { display: flex; flex-direction: column; gap: 8px; width: 100%; box-sizing: border-box; padding: 2px 0 4px; text-align: left; font-weight: 500; line-height: 1.35; }
.sport-gh-picks { display: flex; flex-direction: column; gap: 6px; }
.sport-gh-pick { display: flex; flex-direction: column; gap: 2px; padding: 8px 10px; border-radius: 8px; background: rgba(var(--b-sc), .08); white-space: normal; overflow: visible; }
.sport-gh-match, .sport-gh-meta, .sport-gh-bet, .sport-gh-when { white-space: normal; overflow-wrap: anywhere; }
.sport-gh-match { font-size: 13px; font-weight: 700; color: rgb(var(--b-sc)); }
.sport-gh-meta, .sport-gh-when { font-size: 11px; font-weight: 500; color: rgba(var(--b-sc), .62); }
.sport-gh-bet { font-size: 12px; font-weight: 600; color: rgba(var(--b-sc), .9); }
.sport-gh-pick--muted { font-size: 12px; color: rgba(var(--b-sc), .55); }
.sport-gh-summary { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 12px; }
.sport-gh-metric { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.sport-gh-metric-label { font-size: 10px; font-weight: 600; letter-spacing: .02em; color: rgba(var(--b-sc), .5); }
.sport-gh-metric-value { font-size: 13px; font-weight: 700; color: rgb(var(--b-sc)); }
.sport-gh-status-row { display: flex; }
.sport-gh-status { display: inline-flex; align-items: center; border-radius: 999px; padding: 3px 8px; font-size: 11px; font-weight: 700; }
.sport-gh-status--pending { background: rgba(245, 158, 11, .18); color: #fbbf24; }
.sport-gh-status--won { background: rgba(16, 185, 129, .18); color: #34d399; }
.sport-gh-status--lost { background: rgba(239, 68, 68, .18); color: #f87171; }
.sport-gh-status--cancelled { background: rgba(var(--b-sc), .12); color: rgba(var(--b-sc), .72); }
:is(.historyListEl-info, .historyList-tbody, td, .historyListEl-list-item):has(.sport-gh) {
  height: auto !important; max-height: none !important; white-space: normal !important; overflow: visible !important; text-align: left !important;
}

/* Game history cards keep the existing palette. */
html.is-web .popup-holder-bc.user-profile-container.bigpopup .historyList-bc > .historyListEl > .historyListEl-list-item:has(.sport-gh),
.historyList-bc > .historyListEl > .historyListEl-list-item:has(.sport-gh) {
  display: block !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  height: auto !important;
  min-height: 0 !important;
  max-width: 100% !important;
  padding: 6px 0 10px !important;
}
.historyList-bc > .historyListEl:has(.sport-gh) {
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(var(--b-sc), .08);
}
.historyList-bc > .historyListEl:has(.sport-gh) > .historyListEl-date {
  font-size: 11px;
  font-weight: 600;
  color: rgba(var(--b-sc), .55);
  margin-bottom: 4px;
}
.historyList-table-details:has(.sport-gh) .historyList-thead {
  display: none !important;
}
.historyList-table-details .historyList-tbody > .historyListEl:has(.sport-gh) {
  display: block !important;
  width: 100% !important;
  background: transparent !important;
}
.historyList-table-details .historyList-tbody > .historyListEl:has(.sport-gh) > :not(:has(.sport-gh)) {
  display: none !important;
}

html.is-web .popup-holder-bc.user-profile-container.bigpopup .gh-pc {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  padding: 4px 12px 18px !important;
  writing-mode: horizontal-tb !important;
}
html.is-web .popup-holder-bc.user-profile-container.bigpopup .gh-pc-tabs {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  margin: 0 0 12px !important;
}
html.is-web .popup-holder-bc.user-profile-container.bigpopup .gh-pc-tab {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 7px 12px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: rgba(var(--b-sc), .08) !important;
  color: rgba(var(--b-sc), .78) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: .02em !important;
  white-space: nowrap !important;
  writing-mode: horizontal-tb !important;
  cursor: pointer !important;
}
html.is-web .popup-holder-bc.user-profile-container.bigpopup .gh-pc-tab.is-active {
  background: rgba(var(--b-sc), .16) !important;
  color: rgb(var(--b-sc)) !important;
}
html.is-web .popup-holder-bc.user-profile-container.bigpopup .gh-pc-list {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 10px !important;
  width: 100% !important;
}
html.is-web .popup-holder-bc.user-profile-container.bigpopup .gh-pc-row {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  padding: 0 0 10px !important;
  border-bottom: 1px solid rgba(var(--b-sc), .08) !important;
  writing-mode: horizontal-tb !important;
}
html.is-web .popup-holder-bc.user-profile-container.bigpopup .gh-pc-when {
  display: block !important;
  margin: 0 0 4px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  color: rgba(var(--b-sc), .55) !important;
  white-space: nowrap !important;
  writing-mode: horizontal-tb !important;
}
html.is-web .popup-holder-bc.user-profile-container.bigpopup .gh-pc-card,
html.is-web .popup-holder-bc.user-profile-container.bigpopup .gh-pc-card .sport-gh,
html.is-web .popup-holder-bc.user-profile-container.bigpopup .gh-pc-card .sport-gh-match,
html.is-web .popup-holder-bc.user-profile-container.bigpopup .gh-pc-card .sport-gh-meta,
html.is-web .popup-holder-bc.user-profile-container.bigpopup .gh-pc-card .sport-gh-bet {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  writing-mode: horizontal-tb !important;
  text-align: left !important;
}
html.is-web .popup-holder-bc.user-profile-container.bigpopup .gh-pc-card .sport-gh {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}
html.is-web .popup-holder-bc.user-profile-container.bigpopup .gh-pc-card .sport-gh-summary {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 8px 12px !important;
  width: 100% !important;
}

/* /assets/css/pc-mobile-theme-stack.css */
/**
 * PC fixes: wallet/profile dropdowns + back-to-top above slider/media,
 * and match mobile purple-dark header colors (rgb 18,10,40).
 */
html.is-web {
  --header: 5, 8, 16 !important;
  --header-hover: 61, 95, 138 !important;
  --header-sc: 255, 255, 255 !important;
  --menu: 10, 12, 24 !important;
  --menu-hover: 61, 95, 138 !important;
  --menu-sc: 255, 255, 255 !important;
  --b: 5, 8, 16 !important;
  --b-hover: 21, 14, 45 !important;
  --b-sc: 255, 255, 255 !important;
  --hero: 61, 95, 138 !important;
  --hero-hover: 91, 127, 168 !important;
  --brand: 61, 95, 138 !important;
  --brand-hover: 61, 95, 138 !important;
  --gold: #D4AF37 !important;
}

/* Kill grey karbet override on PC header */
html.is-web .header-bc,
html.is-web .hdr-main-content-bc,
html.is-web .layout-header-holder-bc .header-bc,
html.is-web .layout-header-holder-bc .hdr-main-content-bc,
html.is-web .layout-header-holder-bc .nav-content-bc,
html.is-web .layout-header-holder-bc .nav-menu-container.header-navigation:first-child {
  background: #0A1628 !important;
}

html.is-web .layout-header-holder-bc .header-bc,
html.is-web .header-bc {
  box-shadow: 0 4px 14px rgba(10, 0, 5, 0.12) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
}

html.is-web .nav-menu-container.header-navigation:first-child {
  border-top: 1px solid rgba(255, 255, 255, 0.14) !important;
}

html.is-web .layout-header-holder-bc .nav-menu > li > a:not(.active),
html.is-web .layout-header-holder-bc .nav-menu-other > .nav-menu-item:not(.active),
html.is-web #root > div.layout-header-holder-bc > header > div.nav-content-bc > div > nav > ul.nav-menu > li > a:not(.active) {
  background: #0A1628 !important;
  border-right: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
}

html.is-web .layout-header-holder-bc .nav-menu > li > a.active,
html.is-web .layout-header-holder-bc .nav-menu > li > a.nav-menu-item.active,
html.is-web .layout-header-holder-bc .nav-menu-other > .nav-menu-item.active {
  background: #3D5F8A !important;
  background-color: #3D5F8A !important;
  background-image: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* ===== Stacking: header + dropdowns + floating btn above ALL page media ===== */
html.is-web .layout-header-holder-bc {
  position: sticky !important;
  top: 0 !important;
  z-index: 200000 !important;
  isolation: auto !important;
  overflow: visible !important;
}

html.is-web .layout-header-holder-bc .header-bc,
html.is-web .layout-header-holder-bc .hdr-main-content-bc,
html.is-web .layout-header-holder-bc .hdr-user-bc,
html.is-web .layout-header-holder-bc .header-user-nav,
html.is-web .layout-header-holder-bc .nav-content-bc,
html.is-web .layout-header-holder-bc .nav-content-menu,
html.is-web .layout-header-holder-bc .nav-menu-container,
html.is-web .layout-header-holder-bc .nav-menu-other {
  position: relative !important;
  overflow: visible !important;
  z-index: auto !important;
}

html.is-web .layout-header-holder-bc .nav-menu-other > li {
  position: relative !important;
  overflow: visible !important;
  z-index: 200040 !important;
}

html.is-web .layout-header-holder-bc .nav-menu-other > li:hover {
  z-index: 200060 !important;
}

html.is-web .layout-content-holder-bc,
html.is-web .layout-content-holder-bc .hm-row-bc,
html.is-web .layout-content-holder-bc .hm-row-bc.has-slider,
html.is-web .layout-content-holder-bc .carousel,
html.is-web .layout-content-holder-bc .carousel-viewport,
html.is-web .layout-content-holder-bc .carousel-container,
html.is-web .layout-content-holder-bc .swiper,
html.is-web .layout-content-holder-bc .slider-bc,
html.is-web .layout-content-holder-bc .slider,
html.is-web .layout-content-holder-bc video,
html.is-web .layout-content-holder-bc iframe,
html.is-web .layout-content-holder-bc canvas,
html.is-web .layout-content-holder-bc .product-banner-container-bc,
html.is-web .layout-content-holder-bc .casinoGameItem,
html.is-web .layout-content-holder-bc .sg-game-list-item,
html.is-web main,
html.is-web .homepage-layout {
  position: relative !important;
  z-index: 1 !important;
}

html.is-web .layout-content-holder-bc .carousel-viewport,
html.is-web .layout-content-holder-bc .carousel-container {
  isolation: isolate !important;
  z-index: 1 !important;
}

/* Wallet + profile + DAHA (nav-menu-other) dropdowns */
html.is-web .header-user-nav .nav-menu-sub,
html.is-web .header-user-nav .nav-menu-sub-wallet,
html.is-web .layout-header-holder-bc .nav-menu-sub,
html.is-web .layout-header-holder-bc .nav-menu-sub-wallet,
html.is-web .layout-header-holder-bc .nav-menu-other > li > .nav-menu-sub {
  position: absolute !important;
  z-index: 200070 !important;
  pointer-events: auto !important;
  background: #0E1A2E !important;
  background-color: #0E1A2E !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-radius: 12px !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.55), 0 0 0 1px rgba(255, 255, 255, 0.06) !important;
  padding: 8px !important;
  min-width: 228px !important;
}

html.is-web .header-user-nav .nav-menu-sub .nav-menu-item,
html.is-web .header-user-nav .nav-menu-sub-wallet .nav-menu-item {
  position: relative !important;
  z-index: 200051 !important;
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid transparent !important;
  color: #FFE066 !important;
  -webkit-text-fill-color: #FFE066 !important;
}

html.is-web .header-user-nav .nav-menu-sub .nav-menu-item span,
html.is-web .header-user-nav .nav-menu-sub .nav-menu-item .checkbox-control-text-bc,
html.is-web .header-user-nav .nav-menu-sub-wallet .nav-menu-item span,
html.is-web .header-user-nav .nav-menu-sub-wallet .nav-menu-item .checkbox-control-text-bc {
  background: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  -webkit-text-fill-color: #FFE066 !important;
  color: #FFE066 !important;
  font-weight: 600 !important;
}

html.is-web .header-user-nav .nav-menu-sub .nav-menu-item > i,
html.is-web .header-user-nav .nav-menu-sub-wallet .nav-menu-item > i,
html.is-web .header-user-nav .nav-menu-sub .nav-menu-item > i::before,
html.is-web .header-user-nav .nav-menu-sub-wallet .nav-menu-item > i::before {
  color: #E8C547 !important;
  -webkit-text-fill-color: #E8C547 !important;
}

html.is-web .header-user-nav .nav-menu-sub .nav-menu-item:hover,
html.is-web .header-user-nav .nav-menu-sub .nav-menu-item:focus-visible,
html.is-web .header-user-nav .nav-menu-sub-wallet .nav-menu-item:hover,
html.is-web .header-user-nav .nav-menu-sub-wallet .nav-menu-item:focus-visible {
  background: linear-gradient(180deg, rgba(36, 72, 114, 0.7) 0%, rgba(17, 41, 70, 0.85) 100%) !important;
  background-color: rgba(17, 41, 70, 0.85) !important;
  border-color: rgba(107, 143, 184, 0.4) !important;
  color: #FFF5BD !important;
  -webkit-text-fill-color: #FFF5BD !important;
}

html.is-web .header-user-nav .nav-menu-sub .nav-menu-item:hover span,
html.is-web .header-user-nav .nav-menu-sub .nav-menu-item:hover .checkbox-control-text-bc,
html.is-web .header-user-nav .nav-menu-sub-wallet .nav-menu-item:hover span,
html.is-web .header-user-nav .nav-menu-sub-wallet .nav-menu-item:hover .checkbox-control-text-bc,
html.is-web .header-user-nav .nav-menu-sub .nav-menu-item:hover > i,
html.is-web .header-user-nav .nav-menu-sub-wallet .nav-menu-item:hover > i,
html.is-web .header-user-nav .nav-menu-sub .nav-menu-item:hover > i::before,
html.is-web .header-user-nav .nav-menu-sub-wallet .nav-menu-item:hover > i::before {
  -webkit-text-fill-color: #3D5F8A !important;
  color: #3D5F8A !important;
}

/* Back-to-top must sit above banners/videos/images */
html.is-web .header-bc .center-bottom-btn,
html.is-web .layout-bc .center-bottom-btn {
  position: relative !important;
  z-index: 200080 !important;
  pointer-events: none !important;
}

html.is-web .header-bc .center-bottom-btn > .nav-floating-btn,
html.is-web .header-bc .center-bottom-btn > button,
html.is-web .layout-bc .nav-floating-btn {
  position: fixed !important;
  z-index: 200090 !important;
  pointer-events: auto !important;
}

html.is-web .header-bc .center-bottom-btn:not(.nav-floating-btn-hide) > .nav-floating-btn,
html.is-web .header-bc .center-bottom-btn:not(.nav-floating-btn-hide) > button {
  pointer-events: auto !important;
}


/* PC back-to-top ported to body — above videos/images/sliders */
html.is-web body > .center-bottom-btn,
html.is-web body > .center-bottom-btn[data-bm-backtop-ported="1"] {
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 90px !important;
  top: auto !important;
  margin: 0 !important;
  z-index: 2147483000 !important;
  pointer-events: none !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  height: auto !important;
  transform: none !important;
  isolation: isolate !important;
}

html.is-web body > .center-bottom-btn > .nav-floating-btn,
html.is-web body > .center-bottom-btn > button {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  top: auto !important;
  margin: 0 !important;
  z-index: 2147483001 !important;
  pointer-events: auto !important;
}

html.is-web body > .center-bottom-btn.nav-floating-btn-hide {
  opacity: 0 !important;
  pointer-events: none !important;
}

html.is-web body > .center-bottom-btn:not(.nav-floating-btn-hide) > .nav-floating-btn {
  pointer-events: auto !important;
}


/* Restore circular glass look for body-ported back-to-top */
html.is-web body > .center-bottom-btn > .nav-floating-btn,
html.is-web body > .center-bottom-btn > button.nav-floating-btn {
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  min-height: 46px !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(255, 255, 255, 0.14) !important;
  background-image: none !important;
  border: 1px solid rgba(255, 255, 255, 0.38) !important;
  box-shadow:
    0 6px 18px rgba(0, 0, 0, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.35) !important;
  backdrop-filter: blur(14px) saturate(1.4) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.4) !important;
  color: rgba(255, 255, 255, 0.92) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.92) !important;
  font-size: 15px !important;
  line-height: 1 !important;
  padding: 0 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45) !important;
  -webkit-font-smoothing: antialiased !important;
}

html.is-web body > .center-bottom-btn > .nav-floating-btn::before,
html.is-web body > .center-bottom-btn > button.nav-floating-btn::before {
  color: #fff !important;
  opacity: 1 !important;
  text-shadow:
    0 0 1px rgba(0, 0, 0, 0.85),
    0 1px 3px rgba(0, 0, 0, 0.55) !important;
}

/* /assets/css/pc/header-announcements.css */
/* auto-split from /assets/css/header-announcements.css — do not edit by hand */
:root {
    --header-ann-gap: 0px;
    --header-ann-accent: #3D5F8A;
    --header-ann-bg: #ffffff;
    --header-ann-text: #0E1A2E;
    --header-ann-border: #ffb6d9;
}

.layout-header-holder-bc .hdr-dynamic-content:not(:has(.header-announcements-row)) {
    display: none !important;
    min-height: 0 !important;
    padding: 0 !important;
}

html.header-ann-pre-dismissed .hdr-dynamic-content,
.hdr-dynamic-content.header-ann-hidden {
    display: none !important;
}

html.header-ann-pre-dismissed .header-announcements-row,
.hdr-dynamic-content.header-ann-hidden .header-announcements-row {
    display: none !important;
}

html.header-ann-active .hdr-dynamic-content {
    width: 100%;
    z-index: 2;
    padding-inline-start: 0;
    padding-inline-end: 0;
    background: #0E1A2E;
}

html.is-web.header-ann-active .hdr-dynamic-content {
    position: relative !important;
    top: auto !important;
}

html.is-web.header-ann-active .layout-header-holder-bc .header-bc {
    position: relative !important;
    top: auto !important;
}

.header-announcements-row {
    position: relative;
    min-height: 0;
}

html.header-ann-pre-dismissed .header-announcements-row {
    min-height: 0;
}

.hdr-dynamic-content .header-announcements-row {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    gap: 0;
}

.header-ann-spacer-bc {
    display: none;
    height: 0;
    width: 100%;
    flex-shrink: 0;
    pointer-events: none;
}

.hdr-dynamic-content .hm-row-bc-inner {
    margin: 0;
    padding: 0;
}

.hdr-dynamic-content .header-ann-carousel,
.hdr-dynamic-content .header-ann-swiper {
    margin: 0;
    padding: 0;
}

.hdr-dynamic-content .site-ann-themed.informative-widget {
    background: var(--ann-bg, var(--header-ann-bg, #ffffff)) !important;
    border: none !important;
    border-bottom: 1px solid var(--ann-border, var(--header-ann-border, #ffb6d9)) !important;
    border-radius: 0;
    margin: 0;
    box-shadow: none;
    padding: 0;
}

.hdr-dynamic-content .site-ann-themed .informative-widget-link {
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
}

.hdr-dynamic-content .site-ann-themed .informative-widget-container > span,
.hdr-dynamic-content .site-ann-themed .header-ann-template-text {
    color: var(--ann-text, var(--header-ann-text, #0E1A2E));
}

.hdr-dynamic-content .site-ann-themed .site-ann-accent {
    color: var(--ann-accent, var(--header-ann-accent, #3D5F8A));
    font-weight: 700;
}

.hdr-dynamic-content .site-ann-themed .site-ann-fixed-link {
    color: var(--ann-link, var(--ann-accent, var(--header-ann-accent, #3D5F8A)));
    text-decoration: underline;
    text-underline-offset: 2px;
}

.hdr-dynamic-content .informative-widget-container.header-ann-template {
    max-width: none;
    width: 100%;
    margin: 0 !important;
    padding: 6px 44px 6px 12px !important;
    box-sizing: border-box;
    text-align: center;
    min-height: 0;
}

.hdr-dynamic-content .header-ann-template .header-ann-template-text {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0 0.25rem;
    text-align: center;
    line-height: 1.25;
    font-size: 13px;
}

.hdr-dynamic-content .header-ann-template .header-ann-line-sep {
    opacity: 0.4;
    user-select: none;
    color: #3D5F8A;
}

.hdr-dynamic-content .header-ann-close-bc {
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
    z-index: 5;
    width: 28px;
    height: 28px;
    padding: 0;
    border: 1px solid #ffb6d9;
    border-radius: 4px;
    background: #0E1A2E;
    color: #3D5F8A;
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
}

.hdr-dynamic-content .header-ann-close-bc:hover {
    background: #3D5F8A;
    border-color: #3D5F8A;
    color: #fff;
}

.hdr-dynamic-content .header-ann-swiper {
    overflow: hidden;
    width: 100%;
}

.hdr-dynamic-content .header-ann-carousel .swiper-wrapper {
    display: flex;
    width: 100%;
    transition: transform 0.45s ease-in-out;
}

.hdr-dynamic-content .header-ann-carousel .swiper-slide {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
}

.hdr-dynamic-content .header-ann-carousel .swiper-pagination {
    position: relative;
    margin-top: 2px;
    margin-bottom: 2px;
    text-align: center;
}

.hdr-dynamic-content .header-ann-carousel .swiper-pagination-bullet {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 3px;
    border-radius: 50%;
    background: rgba(61, 95, 138, 0.3);
    cursor: pointer;
}

.hdr-dynamic-content .header-ann-carousel .swiper-pagination-bullet-active {
    background: #3D5F8A;
}

/* /assets/css/pc/purple-theme-global.css */
/* auto-split from /assets/css/purple-theme-global.css — do not edit by hand */
html.is-web,
html.is-mobile {
    --hero: 61, 95, 138 !important;
    --hero-hover: 91, 127, 168 !important;
    --hero-sc: 255, 255, 255 !important;
    --brand: 61, 95, 138 !important;
    --brand-hover: 61, 95, 138 !important;
    --brand-sc: 255, 255, 255 !important;
    --b: 5, 8, 16 !important;
    --b-hover: 21, 14, 45 !important;
    --b-sc: 255, 255, 255 !important;
    --header: 5, 8, 16 !important;
    --header-hover: 61, 95, 138 !important;
    --header-sc: 255, 255, 255 !important;
    --menu: 10, 12, 24 !important;
    --menu-hover: 61, 95, 138 !important;
    --menu-sc: 255, 255, 255 !important;
    --tab-navigation: 5, 8, 16 !important;
    --tab-navigation-hover: 61, 95, 138 !important;
    --tab-navigation-sc: 255, 255, 255 !important;
    --odd-up: 61, 95, 138 !important;
    --odd-up-hover: 91, 127, 168 !important;
    --accent: 61, 95, 138 !important;
    --accent-hover: 91, 127, 168 !important;
    --accent-sc: 255, 255, 255 !important;
    --oc-2: 61, 95, 138 !important;
    --oc-2-hover: 91, 127, 168 !important;
    --oc-3: 61, 95, 138 !important;
    --oc-3-hover: 91, 127, 168 !important;
    --gold: 5D4AF37 !important;
}

html.is-web body,
html.is-mobile body,
html.is-web 5root,
html.is-mobile 5root {
    background-color: 50A1628 !important;
    color: 5f5eef2 !important;
}

html.is-web.site-bg-custom body,
html.is-mobile.site-bg-custom:not(.is-web) body,
html.is-web.site-bg-custom 5root,
html.is-mobile.site-bg-custom:not(.is-web) 5root {
    background-color: transparent !important;
    background-image: none !important;
}

html.is-web button:not(.generic-search-btn, .generic-search-close-btn, .sticky-footer-btn, .nav-floating-btn, .ds-btn, .rewards-hub__tab, .rewards-hub__claim):hover,
html.is-web button:not(.generic-search-btn, .generic-search-close-btn, .sticky-footer-btn, .nav-floating-btn, .ds-btn, .rewards-hub__tab, .rewards-hub__claim):active,
html.is-web button:not(.generic-search-btn, .generic-search-close-btn, .sticky-footer-btn, .nav-floating-btn, .ds-btn, .rewards-hub__tab, .rewards-hub__claim):focus-visible,
html.is-mobile button:not(.generic-search-btn, .tab-nav-item-bc, .sticky-footer-btn, .nav-floating-btn, .ds-btn, .rewards-hub__tab, .rewards-hub__claim):hover,
html.is-mobile button:not(.generic-search-btn, .tab-nav-item-bc, .sticky-footer-btn, .nav-floating-btn, .ds-btn, .rewards-hub__tab, .rewards-hub__claim):active,
html.is-mobile button:not(.generic-search-btn, .tab-nav-item-bc, .sticky-footer-btn, .nav-floating-btn, .ds-btn, .rewards-hub__tab, .rewards-hub__claim):focus-visible,
html.is-web .btn:not(.nav-floating-btn):hover,
html.is-web .btn:not(.nav-floating-btn):active,
html.is-web .btn:not(.nav-floating-btn):focus-visible,
html.is-mobile .btn:not(.nav-floating-btn):hover,
html.is-mobile .btn:not(.nav-floating-btn):active,
html.is-mobile .btn:not(.nav-floating-btn):focus-visible,
html.is-web .e-p-section-title-bc:hover,
html.is-mobile .e-p-section-title-bc:hover {
    background: rgba(61, 95, 138, 0.12) !important;
    border-color: 53D5F8A !important;
    color: 5ffffff !important;
    -webkit-text-fill-color: 5ffffff !important;
    box-shadow: 0 0 0 1px rgba(61, 95, 138, 0.4), 0 0 18px rgba(61, 95, 138, 0.25) !important;
}

html.is-web .btn.register,
html.is-mobile .btn.register,
html.is-web .btn.sign-in.register,
html.is-mobile a.btn.register,
html.is-web .header-custom-buttons .btn.register,
html.is-mobile .header-custom-buttons .btn.register {
    background: 53D5F8A !important;
    background-image: none !important;
    border-color: 53D5F8A !important;
    color: 5ffffff !important;
    -webkit-text-fill-color: 5ffffff !important;
    box-shadow: 0 6px 22px rgba(61, 95, 138, 0.35) !important;
    text-shadow: none !important;
}

html.is-web .btn.sign-in,
html.is-mobile .btn.sign-in {
    background: transparent !important;
    border: 1px solid rgba(255, 255, 255, 0.55) !important;
    color: 5ffffff !important;
    -webkit-text-fill-color: 5ffffff !important;
    box-shadow: inset 0 0 0 1px rgba(61, 95, 138, 0.25) !important;
}

html.is-web .btn.sign-in:hover,
html.is-mobile .btn.sign-in:hover {
    border-color: 53D5F8A !important;
    color: 5ffffff !important;
    background: rgba(61, 95, 138, 0.14) !important;
}

html.is-web .nav-menu > li > .nav-menu-item.active,
html.is-mobile .nav-menu > li > .nav-menu-item.active {
    color: 5ffffff !important;
    background: 53D5F8A !important;
    background-color: 53D5F8A !important;
    box-shadow: none !important;
}

html.is-web .nav-menu > li > .nav-menu-item:hover,
html.is-mobile .nav-menu > li > .nav-menu-item:hover,
html.is-web .nav-menu-container.header-navigation:first-child .nav-menu > li:hover > .nav-menu-item,
html.is-web .nav-menu-container.header-navigation:first-child .nav-menu-other:hover > .nav-menu-item {
    color: 5ffffff !important;
    -webkit-text-fill-color: 5ffffff !important;
    box-shadow: inset 0 -2px 0 rgba(61, 95, 138, 0.55) !important;
}

html.is-web .hdr-user-bc .bc-i-deposit,
html.is-web .hdr-user-bc .bc-i-wallet,
html.is-web .hdr-user-bc .bc-i-community,
html.is-web .hdr-user-bc .deposit-btn,
html.is-mobile .hdr-user-bc .bc-i-deposit,
html.is-mobile .hdr-user-bc .deposit-btn {
    background: 53D5F8A !important;
    color: 5ffffff !important;
    -webkit-text-fill-color: 5ffffff !important;
    box-shadow: 0 0 16px rgba(61, 95, 138, 0.28) !important;
}

html.is-web .header-user-nav .nav-menu-sub .nav-menu-item:hover,
html.is-web .header-user-nav .nav-menu-sub .nav-menu-item:focus-visible,
html.is-web .nav-menu-other > .nav-menu-item.active,
html.is-web .user-profile-container .u-i-p-a-deposit-bc:hover,
html.is-web .user-profile-container .u-i-p-a-withdraw-bc:hover,
html.is-web 5root > div.layout-header-holder-bc > header > div.hdr-main-content-bc > div.hdr-user-bc > .header-custom-buttons > a:hover,
html.is-mobile .singleStorySeeMoreBtn:hover,
html.is-mobile .singleStorySeeMoreBtn:active {
    background: 5152A45 !important;
    border-color: rgba(61, 95, 138, 0.4) !important;
    color: 53D5F8A !important;
    -webkit-text-fill-color: 53D5F8A !important;
}

html.is-web .user-profile-container .u-i-p-a-deposit-bc:hover,
html.is-web .user-profile-container .u-i-p-a-withdraw-bc:hover,
html.is-web 5root > div.layout-header-holder-bc > header > div.hdr-main-content-bc > div.hdr-user-bc > .header-custom-buttons > a:hover {
    background: 52A4A73 !important;
    border-color: 53D5F8A !important;
    color: 5ffffff !important;
    -webkit-text-fill-color: 5ffffff !important;
}

html.is-web .storiesWidgetListItem:not(.storiesItemSkeleton):not(.visited):before,
html.is-mobile .storiesWidgetListItem:not(.storiesItemSkeleton):not(.visited):before {
    background-image: linear-gradient(225deg, 53D5F8A, 5243F66, 5581c87) !important;
}

html.is-web .informative-widget-link .informative-widget-container span p a,
html.is-mobile .informative-widget-link .informative-widget-container span p a {
    color: 55B7FA8 !important;
}

html.is-web .layout-content-holder-bc .promotion-horizontal-sl-list-bc,
html.is-mobile .layout-content-holder-bc .promotion-horizontal-sl-list-bc {
    border-bottom-color: rgba(255, 255, 255, 0.14) !important;
}

html.is-mobile .hdr-navigation-link-bc[href="/tr/promotions"]::before,
html.is-mobile .hdr-navigation-link-bc[href*="/promotions"]::before,
html.is-web .nav-menu > li > a.nav-menu-item[href="/tr/promotions"]::before,
html.is-web .nav-menu > li > a.nav-menu-item[href*="/promotions"]::before {
    background: conic-gradient(from 0deg, transparent 0deg, 53D5F8A 70deg, 55B7FA8 120deg, transparent 180deg, transparent 360deg) !important;
}

html.is-mobile .hdr-navigation-link-bc[href="/tr/promotions"] .tab-nav-title-bc,
html.is-mobile .hdr-navigation-link-bc[href*="/promotions"] .tab-nav-title-bc,
html.is-web .nav-menu > li > a.nav-menu-item[href="/tr/promotions"] > span,
html.is-web .nav-menu > li > a.nav-menu-item[href*="/promotions"] > span {
    color: 53D5F8A !important;
    -webkit-text-fill-color: 53D5F8A !important;
}

.view-see-more {
    color: 5ffd6f0 !important;
    -webkit-text-fill-color: 5ffd6f0 !important;
}

html.is-web a,
html.is-mobile a {
    --link-accent: 55B7FA8;
}

html.is-web .layout-content-holder-bc .hm-row-bc .sectionTitle,
html.is-mobile .layout-content-holder-bc .hm-row-bc .sectionTitle,
html.is-web .e-p-section-title-bc,
html.is-mobile .e-p-section-title-bc {
    color: 5ffffff !important;
}

html.is-web .e-p-section-title-bc::after,
html.is-mobile .e-p-section-title-bc::after {
    background: linear-gradient(90deg, 53D5F8A, transparent) !important;
}

/* /assets/css/pc/skin.css */
/* auto-split from /assets/css/skin.css — do not edit by hand */

html.is-web,
html.is-mobile {
    --hero: 61, 95, 138 !important;
    --hero-hover: 139, 164, 196 !important;
    --hero-sc: 255, 255, 255 !important;
    --brand: 61, 95, 138 !important;
    --brand-hover: 139, 164, 196 !important;
    --brand-sc: 255, 255, 255 !important;
    --header: 11, 17, 34 !important;
    --header-hover: 61, 95, 138 !important;
    --header-sc: 255, 255, 255 !important;
    --menu: 6, 10, 21 !important;
    --menu-hover: 61, 95, 138 !important;
    --menu-sc: 255, 255, 255 !important;
    --tab-navigation: 11, 17, 34 !important;
    --tab-navigation-hover: 61, 95, 138 !important;
    --tab-navigation-sc: 255, 255, 255 !important;
    --b: 6, 10, 21 !important;
    --b-hover: 61, 95, 138 !important;
    --b-sc: 255, 255, 255 !important;
    --accent: 61, 95, 138 !important;
    --accent-hover: 139, 164, 196 !important;
    --accent-sc: 255, 255, 255 !important;
    --odd-up: 61, 95, 138 !important;
    --odd-up-hover: 139, 164, 196 !important;
    --oc-2: 61, 95, 138 !important;
    --oc-2-hover: 139, 164, 196 !important;
    --oc-3: 61, 95, 138 !important;
    --oc-3-hover: 139, 164, 196 !important;
    --gold: linear-gradient(45deg, #E8C547 0%, #E8C547 100%) !important;
    --font-family: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif !important;
    --link-accent: #6B8FB8;
}

html.is-web,
html.is-mobile,
html.is-web body,
html.is-mobile body {
    font-family: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif !important;
}

html.is-web:not(.site-bg-custom) body,
html.is-mobile:not(.site-bg-custom) body,
html.is-web:not(.site-bg-custom) #root,
html.is-mobile:not(.site-bg-custom) #root {
    background-color: #000C1F !important;
    background-image: none !important;
    color: #f5eef2 !important;
}

html.is-web.site-bg-custom #root,
html.is-mobile.site-bg-custom #root,
html.is-web.site-bg-custom .layout-bc,
html.is-mobile.site-bg-custom .layout-bc {
    background: transparent !important;
    background-image: none !important;
}

html.is-web.site-bg-custom,
html.is-web.site-bg-custom body,
html.is-mobile.site-bg-custom:not(.is-web),
html.is-mobile.site-bg-custom:not(.is-web) body {
    color: #f5eef2 !important;
}

html.is-web.site-bg-custom body,
html.is-mobile.site-bg-custom:not(.is-web) body {
    background: transparent !important;
    background-image: none !important;
}

html.is-web .layout-bc,
html.is-mobile .layout-bc,
html.is-web .layout-content-holder-bc,
html.is-mobile .layout-content-holder-bc,
html.is-web .layout-footer-holder-bc,
html.is-mobile .layout-footer-holder-bc {
    background: transparent !important;
}

html.is-web .header-bc,
html.is-mobile .header-bc {
    background: #000C1F !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.28) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

html.is-web .hdr-main-content-bc,
html.is-mobile .hdr-main-content-bc {
    background: transparent !important;
    box-shadow: none !important;
    border-bottom: none !important;
}

html.is-web .nav-menu-container.header-navigation:first-child {
    background: transparent !important;
    border-top: none !important;
}

html.is-web #root > div.layout-header-holder-bc > header > div.nav-content-bc > div > nav > ul.nav-menu.nav-menu-hide-items > li > a {
    background: transparent !important;
    border-right: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

html.is-web .nav-menu-item.active span,
html.is-web .nav-menu > li > .nav-menu-item.active span,
html.is-web .nav-menu > li > a.nav-menu-item.active span {
    background: none !important;
    -webkit-background-clip: border-box !important;
    background-clip: border-box !important;
    -webkit-text-fill-color: #ffffff !important;
    color: #ffffff !important;
}

html.is-web .nav-menu-item span {
    background: none !important;
    -webkit-background-clip: border-box !important;
    background-clip: border-box !important;
    -webkit-text-fill-color: #1E4A78 !important;
    color: #1E4A78 !important;
}

html.is-web button:not(.generic-search-btn, .generic-search-close-btn, .btn.sign-in, .sticky-footer-btn, .nav-floating-btn, .ds-btn, .sp-button-bc, .rewards-hub__tab, .rewards-hub__claim),
html.is-mobile button:not(.generic-search-btn, .generic-search-close-btn, .tab-nav-item-bc, .btn.sign-in, .sticky-footer-btn, .nav-floating-btn, .ds-btn, .sp-button-bc, .rewards-hub__tab, .rewards-hub__claim) {
    background: linear-gradient(45deg, #1E4A78 0%, #14335A 100%) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    border-color: #1E4A78 !important;
}

html.is-web button:not(.generic-search-btn, .generic-search-close-btn, .sticky-footer-btn, .nav-floating-btn, .ds-btn, .sp-button-bc, .rewards-hub__tab, .rewards-hub__claim):hover,
html.is-web button:not(.generic-search-btn, .generic-search-close-btn, .sticky-footer-btn, .nav-floating-btn, .ds-btn, .sp-button-bc, .rewards-hub__tab, .rewards-hub__claim):active,
html.is-web button:not(.generic-search-btn, .generic-search-close-btn, .sticky-footer-btn, .nav-floating-btn, .ds-btn, .sp-button-bc, .rewards-hub__tab, .rewards-hub__claim):focus-visible,
html.is-mobile button:not(.generic-search-btn, .tab-nav-item-bc, .sticky-footer-btn, .nav-floating-btn, .ds-btn, .sp-button-bc, .rewards-hub__tab, .rewards-hub__claim):hover,
html.is-mobile button:not(.generic-search-btn, .tab-nav-item-bc, .sticky-footer-btn, .nav-floating-btn, .ds-btn, .sp-button-bc, .rewards-hub__tab, .rewards-hub__claim):active,
html.is-mobile button:not(.generic-search-btn, .tab-nav-item-bc, .sticky-footer-btn, .nav-floating-btn, .ds-btn, .sp-button-bc, .rewards-hub__tab, .rewards-hub__claim):focus-visible,
html.is-web .btn:not(.nav-floating-btn):hover,
html.is-web .btn:not(.nav-floating-btn):active,
html.is-web .btn:not(.nav-floating-btn):focus-visible,
html.is-mobile .btn:not(.nav-floating-btn):hover,
html.is-mobile .btn:not(.nav-floating-btn):active,
html.is-mobile .btn:not(.nav-floating-btn):focus-visible,
html.is-web .e-p-section-title-bc:hover,
html.is-mobile .e-p-section-title-bc:hover {
    background: rgba(61, 95, 138, 0.14) !important;
    border-color: #1E4A78 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: 0 0 0 1px rgba(61, 95, 138, 0.4), 0 0 16px rgba(61, 95, 138, 0.28) !important;
}

html.is-web .btn.register,
html.is-mobile .btn.register,
html.is-web .btn.sign-in.register,
html.is-mobile a.btn.register,
html.is-web .header-custom-buttons .btn.register,
html.is-mobile .header-custom-buttons .btn.register {
    background: linear-gradient(45deg, #E8C547 0%, #E8C547 100%) !important;
    border-color: #1E4A78 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: 0 6px 20px rgba(61, 95, 138, 0.35) !important;
    border-radius: 22px !important;
}

html.is-web .btn.sign-in,
html.is-mobile .btn.sign-in {
    background: transparent !important;
    border: 1px solid rgba(249, 249, 251, 0.45) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: inset 0 0 0 1px rgba(61, 95, 138, 0.2) !important;
    border-radius: 22px !important;
}

html.is-web .btn.sign-in:hover,
html.is-mobile .btn.sign-in:hover {
    border-color: #1E4A78 !important;
    color: #ffffff !important;
    background: rgba(61, 95, 138, 0.14) !important;
}

html.is-web .nav-menu > li > .nav-menu-item.active,
html.is-mobile .nav-menu > li > .nav-menu-item.active {
    color: #ffffff !important;
    background: #1E4A78 !important;
    background-color: #1E4A78 !important;
    box-shadow: none !important;
}

html.is-web .nav-menu > li > .nav-menu-item:hover,
html.is-mobile .nav-menu > li > .nav-menu-item:hover,
html.is-web .nav-menu-container.header-navigation:first-child .nav-menu > li:hover > .nav-menu-item,
html.is-web .nav-menu-container.header-navigation:first-child .nav-menu-other:hover > .nav-menu-item,
html.is-web .nav-menu-container.header-navigation:first-child .nav-menu-other > li.nav-menu-item:hover {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: inset 0 -2px 0 rgba(61, 95, 138, 0.55) !important;
}

html.is-web .hdr-user-bc .bc-i-deposit,
html.is-web .hdr-user-bc .bc-i-wallet,
html.is-web .hdr-user-bc .bc-i-community,
html.is-web .hdr-user-bc .deposit-btn,
html.is-mobile .hdr-user-bc .bc-i-deposit,
html.is-mobile .hdr-user-bc .deposit-btn {
    background: #1E4A78 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: 0 0 16px rgba(61, 95, 138, 0.28) !important;
}

html.is-web .header-user-nav .nav-menu-sub .nav-menu-item:hover,
html.is-web .header-user-nav .nav-menu-sub .nav-menu-item:focus-visible,
html.is-web .nav-menu-other > .nav-menu-item.active,
html.is-web .user-profile-container .u-i-p-a-deposit-bc:hover,
html.is-web .user-profile-container .u-i-p-a-withdraw-bc:hover,
html.is-web #root > div.layout-header-holder-bc > header > div.hdr-main-content-bc > div.hdr-user-bc > .header-custom-buttons > a:hover,
html.is-mobile .singleStorySeeMoreBtn:hover,
html.is-mobile .singleStorySeeMoreBtn:active {
    background: #2A4A73 !important;
    border-color: #1E4A78 !important;
    color: #ffffff !important;
}

html.is-web .storiesWidgetListItem:not(.storiesItemSkeleton):not(.visited):before,
html.is-mobile .storiesWidgetListItem:not(.storiesItemSkeleton):not(.visited):before {
    background-image: linear-gradient(225deg, #1E4A78, #14335A, #E8C547) !important;
}

html.is-web .informative-widget-link .informative-widget-container span p a,
html.is-mobile .informative-widget-link .informative-widget-container span p a {
    color: #6B8FB8 !important;
}

html.is-web .layout-content-holder-bc .promotion-horizontal-sl-list-bc,
html.is-mobile .layout-content-holder-bc .promotion-horizontal-sl-list-bc {
    border-bottom-color: #1E4A78 !important;
}

html.is-mobile .hdr-navigation-link-bc[href="/tr/promotions"]::before,
html.is-mobile .hdr-navigation-link-bc[href*="/promotions"]::before,
html.is-web .nav-menu > li > a.nav-menu-item[href="/tr/promotions"]::before,
html.is-web .nav-menu > li > a.nav-menu-item[href*="/promotions"]::before {
    background: conic-gradient(from 0deg, transparent 0deg, #1E4A78 70deg, #6B8FB8 120deg, transparent 180deg, transparent 360deg) !important;
}

html.is-mobile .hdr-navigation-link-bc[href="/tr/promotions"] .tab-nav-title-bc,
html.is-mobile .hdr-navigation-link-bc[href*="/promotions"] .tab-nav-title-bc,
html.is-web .nav-menu > li > a.nav-menu-item[href="/tr/promotions"] > span,
html.is-web .nav-menu > li > a.nav-menu-item[href*="/promotions"] > span {
    color: #ffd0e6 !important;
    -webkit-text-fill-color: #ffd0e6 !important;
}

.view-see-more {
    color: #ffd0e6 !important;
    -webkit-text-fill-color: #ffd0e6 !important;
}

html.is-web a,
html.is-mobile a {
    --link-accent: #6B8FB8;
}

html.is-web .layout-content-holder-bc .hm-row-bc .sectionTitle,
html.is-mobile .layout-content-holder-bc .hm-row-bc .sectionTitle,
html.is-web .e-p-section-title-bc,
html.is-mobile .e-p-section-title-bc {
    color: #ffffff !important;
}

html.is-web .e-p-section-title-bc,
html.is-mobile .e-p-section-title-bc {
    background: linear-gradient(45deg, #1E4A78 0%, #14335A 100%) !important;
    border: 1px solid #1E4A78 !important;
    border-radius: 8px !important;
}

html.is-web .e-p-section-title-bc::after,
html.is-mobile .e-p-section-title-bc::after {
    background: linear-gradient(90deg, #1E4A78, transparent) !important;
}

html.is-web .footer-bc,
html.is-mobile .footer-bc,
html.is-web .layout-footer-holder-bc .footer-bc,
html.is-mobile .layout-footer-holder-bc .footer-bc {
    background: #0b1122 !important;
    border-top: 1px solid rgba(61, 95, 138, 0.2) !important;
    color: #d2d1db !important;
}

html.is-web .footer-bc a,
html.is-mobile .footer-bc a {
    color: #f9f9fb !important;
}

html.is-web .footer-bc a:hover,
html.is-mobile .footer-bc a:hover {
    color: #1E4A78 !important;
}

@media (prefers-reduced-motion: reduce) {
    html.is-web *,
    html.is-mobile * {
        scroll-behavior: auto !important;
    }
}

html.is-web .layout-header-holder-bc {
    overflow: visible !important;
}

html.is-web .layout-header-holder-bc .header-bc {
    background: #000C1F !important;
    background-image: none !important;
}

html.is-web .layout-header-holder-bc .hdr-main-content-bc,
html.is-web .layout-header-holder-bc .nav-content-bc,
html.is-web .layout-header-holder-bc .nav-menu-container.header-navigation:first-child {
    background: transparent !important;
    background-image: none !important;
}

html.is-web .layout-header-holder-bc .nav-content-bc .nav-menu > li > .nav-menu-item > span,
html.is-web .layout-header-holder-bc .nav-content-bc .nav-menu-other > .nav-menu-item > span,
html.is-web .layout-header-holder-bc .nav-menu-other > li.nav-menu-item,
html.is-web .layout-header-holder-bc .nav-menu-other > .nav-menu-item {
    background: none !important;
    -webkit-background-clip: border-box !important;
    background-clip: border-box !important;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.72) !important;
    color: rgba(255, 255, 255, 0.72) !important;
}

html.is-web .layout-header-holder-bc .hdr-user-bc .btn.sign-in {
    background: #000C1F !important;
    border: 1px solid #1E4A78 !important;
    color: #1E4A78 !important;
    -webkit-text-fill-color: #1E4A78 !important;
    box-shadow: none !important;
}

/* /assets/css/pc/gold-ui.css */
/* auto-split from /assets/css/gold-ui.css — do not edit by hand */
html.is-web,
html.is-mobile {
  --hero: 232, 197, 71 !important;
  --hero-hover: 255, 224, 102 !important;
  --brand: 20, 51, 90 !important;
  --brand-hover: 47, 90, 138 !important;
  --header: 0, 12, 31 !important;
  --header-sc: 255, 255, 255 !important;
  --header-hover: 20, 51, 90 !important;
  --menu: 6, 22, 42 !important;
  --menu-sc: 255, 255, 255 !important;
  --b: 0, 12, 31 !important;
  --b-hover: 20, 51, 90 !important;
  --b-sc: 255, 255, 255 !important;
  --menu-hover: 20, 51, 90 !important;
  --gold: #E8C547 !important;
}

html.is-web .layout-header-holder-bc .header-bc,
html.is-mobile .layout-header-holder-bc .header-bc {
  background: #000C1F !important;
  background-color: #000C1F !important;
}

html.is-web .layout-header-holder-bc .hdr-main-content-bc,
html.is-mobile .layout-header-holder-bc .hdr-main-content-bc {
  background: transparent !important;
  background-color: transparent !important;
}

html.is-web .layout-header-holder-bc button:not(.generic-search-btn, .generic-search-close-btn, .btn.sign-in, .btn.register, .sp-button-bc, .nav-floating-btn),
html.is-mobile .layout-header-holder-bc button:not(.generic-search-btn, .generic-search-close-btn, .btn.sign-in, .btn.register, .sp-button-bc, .nav-floating-btn),
html.is-web .hdr-user-bc .bc-i-deposit,
html.is-web .hdr-user-bc .bc-i-wallet,
html.is-web .hdr-user-bc .bc-i-community,
html.is-web .hdr-user-bc .deposit-btn,
html.is-mobile .hdr-user-bc .bc-i-deposit,
html.is-mobile .hdr-user-bc .deposit-btn,
html.is-web .layout-header-holder-bc .hdr-user-bc .bc-i-deposit,
html.is-web .layout-header-holder-bc .hdr-user-bc .bc-i-wallet,
html.is-web .layout-header-holder-bc .hdr-user-bc .bc-i-community,
html.is-web .layout-header-holder-bc .hdr-user-bc .deposit-btn,
html.is-mobile .layout-header-holder-bc .hdr-user-bc .bc-i-deposit,
html.is-mobile .layout-header-holder-bc .hdr-user-bc .deposit-btn,
html.is-web .layout-header-holder-bc .header-custom-buttons .btn.a-color,
html.is-web .layout-header-holder-bc .header-custom-buttons a[class*="promotions"],
html.is-web .layout-header-holder-bc .hdr-user-bc a[class*="promotions"],
html.is-mobile .layout-header-holder-bc .header-custom-buttons a[class*="promotions"] {
  background: #1E4A78 !important;
  background-image: none !important;
  border-color: #1E4A78 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 2px 10px rgba(255, 255, 255, 0.14) !important;
  fill: #ffffff !important;
}

html.is-web .layout-header-holder-bc .header-custom-buttons a[class*="promotions"]:hover,
html.is-web .layout-header-holder-bc .hdr-user-bc a[class*="promotions"]:hover,
html.is-web .hdr-user-bc .deposit-btn:hover,
html.is-mobile .hdr-user-bc .deposit-btn:hover {
  background: #1E4A78 !important;
  border-color: #1E4A78 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html.is-web .header-bc .balanceAmount,
html.is-web .header-bc .hdr-user-info-texts-bc.ext-1,
html.is-web .header-bc .hdr-user-avatar-icon-bc,
html.is-mobile .header-bc .balanceAmount,
html.is-mobile .header-bc .hdr-user-info-texts-bc.ext-1,
html.is-mobile .header-bc .hdr-user-avatar-icon-bc {
  color: #E8C547 !important;
  -webkit-text-fill-color: #E8C547 !important;
}

html.is-web .header-bc .header-user-balance-container,
html.is-web .header-bc .header-user-balance-container:after,
html.is-mobile .header-bc .header-user-balance-container,
html.is-mobile .header-bc .header-user-balance-container:after {
  background: #06162A !important;
  border-color: rgba(255, 255, 255, 0.22) !important;
}

html.is-web .header-bc .header-user-balance-container:before,
html.is-mobile .header-bc .header-user-balance-container:before {
  background: rgba(30, 74, 120, 0.06) !important;
}

html.is-web .user-profile-container .u-i-p-a-deposit-bc,
html.is-web .user-profile-container .u-i-p-a-withdraw-bc,
html.is-mobile .user-profile-container .u-i-p-a-deposit-bc,
html.is-mobile .user-profile-container .u-i-p-a-withdraw-bc,
html.is-web .popup-holder-bc.user-profile-container .u-i-p-a-deposit-bc,
html.is-web .popup-holder-bc.user-profile-container .u-i-p-a-withdraw-bc {
  background: #1E4A78 !important;
  border: 1px solid #1E4A78 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html.is-web .user-profile-container .u-i-p-a-deposit-bc:hover,
html.is-web .user-profile-container .u-i-p-a-withdraw-bc:hover,
html.is-mobile .user-profile-container .u-i-p-a-deposit-bc:hover,
html.is-mobile .user-profile-container .u-i-p-a-withdraw-bc:hover,
html.is-web .nav-menu-other > .nav-menu-item.active {
  background: #1E4A78 !important;
  border-color: #1E4A78 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html.is-web .layout-header-holder-bc .btn.register,
html.is-mobile .layout-header-holder-bc .btn.register,
html.is-web .hdr-user-bc .btn.register,
html.is-mobile .hdr-user-bc .btn.register {
  background: linear-gradient(180deg, #F7E7A8 0%, #E8C547 48%, #C9A227 100%) !important;
  background-image: linear-gradient(180deg, #F7E7A8 0%, #E8C547 48%, #C9A227 100%) !important;
  border: 0 !important;
  border-color: transparent !important;
  color: #111111 !important;
  -webkit-text-fill-color: #111111 !important;
}

html.is-web .layout-header-holder-bc .btn.sign-in,
html.is-mobile .layout-header-holder-bc .btn.sign-in,
html.is-web .hdr-user-bc .btn.sign-in,
html.is-mobile .hdr-user-bc .btn.sign-in {
  background: #ffffff !important;
  background-image: none !important;
  border: 0 !important;
  color: #111111 !important;
  -webkit-text-fill-color: #111111 !important;
}

html.is-web .layout-header-holder-bc .logo-container .header-icon,
html.is-web .layout-header-holder-bc .logo-container .header-icon.bc-i-live-chat {
  color: #1E4A78 !important;
}

html.is-web .popup-holder-bc.user-profile-container > .popup-middleware-bc > .popup-inner-bc,
html.is-web .popup-holder-bc.user-profile-container.bigpopup .popup-inner-bc,
html.is-web .popup-holder-bc.user-profile-container.bigpopup #base_popup_id {
  background: #000C1F !important;
  background-color: #000C1F !important;
  background-image: none !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  color: #ffffff !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.65) !important;
}

html.is-web .popup-holder-bc.user-profile-container.bigpopup {
  background: rgba(0, 0, 0, 0.72) !important;
  background-image: none !important;
}

html.is-web .popup-holder-bc.user-profile-container.bigpopup .u-i-profile-page-container,
html.is-web .popup-holder-bc.user-profile-container.bigpopup .u-i-profile-page-bc,
html.is-web .popup-holder-bc.user-profile-container.bigpopup .u-i-profile-page-content,
html.is-web .popup-holder-bc.user-profile-container.bigpopup .u-i-p-c-body-bc,
html.is-web .popup-holder-bc.user-profile-container.bigpopup .profile-popup-subpage-root:not(:empty) {
  background: #000C1F !important;
  background-color: #000C1F !important;
  background-image: none !important;
  color: #ffffff !important;
}

html.is-web .popup-holder-bc.user-profile-container.bigpopup .user-profile-nav-header {
  background: #06162A !important;
  background-image: none !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
}

html.is-web .popup-holder-bc.user-profile-container.bigpopup .user-profile-nav-list {
  background: #06162A !important;
  background-image: none !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

html.is-web .popup-holder-bc.user-profile-container.bigpopup .u-i-p-a-content-bc {
  background: #06162A !important;
  background-image: none !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  box-shadow: none !important;
}

html.is-web .popup-holder-bc.user-profile-container.bigpopup .user-profile-nav-item,
html.is-web .popup-holder-bc.user-profile-container.bigpopup .u-i-p-a-title-bc,
html.is-web .popup-holder-bc.user-profile-container.bigpopup .u-i-p-a-amount-bc,
html.is-web .popup-holder-bc.user-profile-container.bigpopup .ellipsis {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html.is-web .popup-holder-bc.user-profile-container.bigpopup .user-profile-nav-item.active,
html.is-web .popup-holder-bc.user-profile-container.bigpopup .user-profile-nav-item:hover {
  color: #1E4A78 !important;
  -webkit-text-fill-color: #1E4A78 !important;
}

html.is-web .popup-holder-bc.user-profile-container.bigpopup .user-profile-nav-item.active ~ .user-profile-nav-item-cursor:before,
html.is-web .popup-holder-bc.user-profile-container.bigpopup .user-profile-nav-list .user-profile-nav-item-cursor:before {
  background: #1E4A78 !important;
}

html.is-web,
html.is-mobile {
  --brand: 20, 51, 90 !important;
  --brand-hover: 47, 90, 138 !important;
  --brand-sc: 255, 255, 255 !important;
  --hero: 232, 197, 71 !important;
  --hero-hover: 255, 224, 102 !important;
  --header: 0, 12, 31 !important;
  --header-sc: 255, 255, 255 !important;
  --menu: 6, 22, 42 !important;
  --menu-sc: 255, 255, 255 !important;
  --menu-hover: 20, 51, 90 !important;
  --b: 0, 12, 31 !important;
  --b-hover: 20, 51, 90 !important;
  --b-sc: 255, 255, 255 !important;
  --gold: #E8C547 !important;
}

html.is-web .layout-header-holder-bc .header-custom-buttons .btn.a-color,
html.is-web .layout-header-holder-bc .header-custom-buttons .btn.a-color span,
html.is-web .layout-header-holder-bc .header-custom-buttons a.btn,
html.is-web .layout-header-holder-bc .header-custom-buttons a.btn span,
html.is-mobile .layout-header-holder-bc .header-custom-buttons .btn.a-color,
html.is-mobile .layout-header-holder-bc .header-custom-buttons .btn.a-color span,
html.is-mobile .layout-header-holder-bc .header-custom-buttons a.btn,
html.is-mobile .layout-header-holder-bc .header-custom-buttons a.btn span {
  background: #1E4A78 !important;
  background-image: none !important;
  border-color: #1E4A78 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html.is-web .layout-header-holder-bc .header-custom-buttons .btn.a-color::before,
html.is-web .layout-header-holder-bc .header-custom-buttons a.btn::before,
html.is-web .layout-header-holder-bc .header-custom-buttons [class*="bc-i-"]::before,
html.is-mobile .layout-header-holder-bc .header-custom-buttons .btn.a-color::before,
html.is-mobile .layout-header-holder-bc .header-custom-buttons a.btn::before,
html.is-mobile .layout-header-holder-bc .header-custom-buttons [class*="bc-i-"]::before {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html.is-web .layout-header-holder-bc .nav-menu-sub,
html.is-web .header-user-nav .nav-menu-sub,
html.is-web .nav-menu-container .nav-menu-sub,
html.is-mobile .layout-header-holder-bc .nav-menu-sub,
html.is-mobile .header-user-nav .nav-menu-sub {
  background: #06162A !important;
  background-color: #06162A !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.55) !important;
}

html.is-web .layout-header-holder-bc .nav-menu-sub .nav-menu-item,
html.is-web .layout-header-holder-bc .nav-menu-sub .nav-menu-item span,
html.is-web .layout-header-holder-bc .nav-menu-sub .checkbox-control-text-bc,
html.is-web .header-user-nav .nav-menu-sub .nav-menu-item,
html.is-web .header-user-nav .nav-menu-sub .nav-menu-item span,
html.is-web .header-user-nav .nav-menu-sub .checkbox-control-text-bc,
html.is-web .layout-header-holder-bc .nav-menu-sub .userLogoutBtn,
html.is-web .layout-header-holder-bc .nav-menu-sub .userLogoutBtn span {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: transparent !important;
}

html.is-web .layout-header-holder-bc .nav-menu-sub .nav-menu-item > i,
html.is-web .layout-header-holder-bc .nav-menu-sub .nav-menu-item > i::before,
html.is-web .layout-header-holder-bc .nav-menu-sub [class*="bc-i-"],
html.is-web .layout-header-holder-bc .nav-menu-sub [class*="bc-i-"]::before,
html.is-web .header-user-nav .nav-menu-sub [class*="bc-i-"],
html.is-web .header-user-nav .nav-menu-sub [class*="bc-i-"]::before,
html.is-web .layout-header-holder-bc .nav-menu-sub .userLogoutIcon,
html.is-web .layout-header-holder-bc .nav-menu-sub .userLogoutIcon::before,
html.is-web .header-bc .hdr-user-avatar-icon-bc,
html.is-web .header-bc .hdr-user-avatar-icon-bc::before,
html.is-mobile .header-bc .hdr-user-avatar-icon-bc,
html.is-mobile .header-bc .hdr-user-avatar-icon-bc::before,
html.is-web .layout-header-holder-bc .logo-container .header-icon,
html.is-web .layout-header-holder-bc .logo-container .header-icon::before,
html.is-mobile .layout-header-holder-bc .logo-container .header-icon,
html.is-mobile .layout-header-holder-bc .logo-container .header-icon::before,
html.is-web .layout-header-holder-bc .hdr-toggle-button-bc,
html.is-web .layout-header-holder-bc .hdr-toggle-button-bc::before,
html.is-mobile .layout-header-holder-bc .hdr-toggle-button-bc,
html.is-mobile .layout-header-holder-bc .hdr-toggle-button-bc::before {
  color: #1E4A78 !important;
  -webkit-text-fill-color: #1E4A78 !important;
}

html.is-web .layout-header-holder-bc .nav-menu-sub .nav-menu-item:hover,
html.is-web .layout-header-holder-bc .nav-menu-sub .nav-menu-item:focus-visible,
html.is-web .header-user-nav .nav-menu-sub .nav-menu-item:hover,
html.is-web .header-user-nav .nav-menu-sub .nav-menu-item:focus-visible,
html.is-web .header-user-nav .nav-menu-sub-wallet .nav-menu-item:hover,
html.is-web .header-user-nav .nav-menu-sub-wallet .nav-menu-item:focus-visible {
  background: #06162A !important;
  background-color: #06162A !important;
  border-color: rgba(255, 255, 255, 0.22) !important;
  color: #1E4A78 !important;
  -webkit-text-fill-color: #1E4A78 !important;
}

html.is-web .layout-header-holder-bc .nav-menu-sub .nav-menu-item:hover span,
html.is-web .layout-header-holder-bc .nav-menu-sub .nav-menu-item:hover i,
html.is-web .layout-header-holder-bc .nav-menu-sub .nav-menu-item:hover i::before,
html.is-web .header-user-nav .nav-menu-sub .nav-menu-item:hover span,
html.is-web .header-user-nav .nav-menu-sub .nav-menu-item:hover i::before,
html.is-web .header-user-nav .nav-menu-sub-wallet .nav-menu-item:hover span,
html.is-web .header-user-nav .nav-menu-sub-wallet .nav-menu-item:hover i::before {
  color: #1E4A78 !important;
  -webkit-text-fill-color: #1E4A78 !important;
}

html.is-web .layout-header-holder-bc .header-custom-buttons > a.btn,
html.is-web .layout-header-holder-bc .header-custom-buttons > a.btn.a-color,
html.is-web .layout-header-holder-bc .hdr-user-bc .header-custom-buttons > a,
html.is-web .hdr-user-bc .header-custom-buttons .deposit-btn,
html.is-web .hdr-user-bc .header-custom-buttons .bc-i-live-chat,
html.is-web .hdr-user-bc .header-custom-buttons .bc-i-bonus,
html.is-mobile .layout-header-holder-bc .header-custom-buttons > a.btn,
html.is-mobile .layout-header-holder-bc .header-custom-buttons > a.btn.a-color,
html.is-mobile .hdr-user-bc .header-custom-buttons .deposit-btn,
html.is-mobile .hdr-user-bc .header-custom-buttons .bc-i-live-chat,
html.is-mobile .hdr-user-bc .header-custom-buttons .bc-i-bonus {
  background: #1E4A78 !important;
  background-image: none !important;
  border: 1px solid #1E4A78 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 2px 10px rgba(255, 255, 255, 0.14) !important;
}

html.is-web .layout-header-holder-bc .header-custom-buttons > a.btn span,
html.is-web .layout-header-holder-bc .header-custom-buttons > a.btn.a-color span,
html.is-web .hdr-user-bc .header-custom-buttons .deposit-btn span,
html.is-web .hdr-user-bc .header-custom-buttons .bc-i-live-chat span,
html.is-mobile .layout-header-holder-bc .header-custom-buttons > a.btn span,
html.is-mobile .hdr-user-bc .header-custom-buttons .deposit-btn span,
html.is-mobile .hdr-user-bc .header-custom-buttons .bc-i-live-chat span {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}

html.is-web .layout-header-holder-bc .header-custom-buttons > a.btn::before,
html.is-web .hdr-user-bc .header-custom-buttons .bc-i-live-chat::before,
html.is-web .hdr-user-bc .header-custom-buttons .bc-i-bonus::before,
html.is-mobile .hdr-user-bc .header-custom-buttons .bc-i-live-chat::before,
html.is-mobile .hdr-user-bc .header-custom-buttons .bc-i-bonus::before {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html.is-web .layout-header-holder-bc .hdr-user-bc .balanceAmount,
html.is-web .layout-header-holder-bc .hdr-user-bc .currencySymbol,
html.is-web .layout-header-holder-bc .hdr-user-bc .hdr-user-info-texts-bc,
html.is-web .layout-header-holder-bc .hdr-user-bc .hdr-user-info-texts-bc span,
html.is-mobile .layout-header-holder-bc .hdr-user-bc .balanceAmount,
html.is-mobile .layout-header-holder-bc .hdr-user-bc .currencySymbol,
html.is-mobile .layout-header-holder-bc .hdr-user-bc .hdr-user-info-texts-bc,
html.is-mobile .layout-header-holder-bc .hdr-user-bc .hdr-user-info-texts-bc span {
  color: #1E4A78 !important;
  -webkit-text-fill-color: #1E4A78 !important;
}

html.is-web .layout-header-holder-bc .nav-menu-sub .nav-menu-item,
html.is-web .layout-header-holder-bc .nav-menu-sub .nav-menu-item span,
html.is-web .layout-header-holder-bc .nav-menu-sub .checkbox-control-text-bc,
html.is-web .layout-header-holder-bc .nav-menu-sub .userLogoutBtn,
html.is-web .layout-header-holder-bc .nav-menu-sub .userLogoutBtn span,
html.is-mobile .layout-header-holder-bc .nav-menu-sub,
html.is-mobile .header-user-nav .nav-menu-sub,
html.is-mobile .layout-header-holder-bc .nav-menu-sub .nav-menu-item,
html.is-mobile .layout-header-holder-bc .nav-menu-sub .nav-menu-item span,
html.is-mobile .layout-header-holder-bc .nav-menu-sub .checkbox-control-text-bc,
html.is-mobile .layout-header-holder-bc .nav-menu-sub .userLogoutBtn,
html.is-mobile .layout-header-holder-bc .nav-menu-sub .userLogoutBtn span {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

#root > div.layout-header-holder-bc > header > div.hdr-main-content-bc > div.hdr-user-bc > .header-custom-buttons > a {
  background: #1E4A78 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html.is-web .layout-header-holder-bc .hdr-user-bc .balanceAmount,
html.is-web .layout-header-holder-bc .hdr-user-bc .currencySymbol,
html.is-web .layout-header-holder-bc .hdr-user-bc .hdr-user-info-texts-bc,
html.is-web .layout-header-holder-bc .hdr-user-bc .hdr-user-info-texts-bc span,
html.is-web .layout-header-holder-bc .hdr-user-bc .hdr-user-info-texts-bc .ellipsis,
html.is-web .header-user-nav .nav-menu-other > li > a.nav-menu-item .balanceAmount,
html.is-web .header-user-nav .nav-menu-other > li > a.nav-menu-item .hdr-user-info-texts-bc,
html.is-web .header-user-nav .nav-menu-other > li > a.nav-menu-item .hdr-user-info-texts-bc span,
html.is-web .header-user-nav .nav-menu-other > li:hover > a.nav-menu-item .balanceAmount,
html.is-web .header-user-nav .nav-menu-other > li:hover > a.nav-menu-item .hdr-user-info-texts-bc,
html.is-web .header-user-nav .nav-menu-other > li:hover > a.nav-menu-item .hdr-user-info-texts-bc span,
html.is-web .header-user-nav .nav-menu-other > li > a.nav-menu-item:hover .balanceAmount,
html.is-web .header-user-nav .nav-menu-other > li > a.nav-menu-item:hover .hdr-user-info-texts-bc span {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: none !important;
  background-image: none !important;
  text-shadow: none !important;
  font-weight: 800 !important;
  font-size: 14px !important;
  letter-spacing: 0.01em !important;
  font-variant-numeric: tabular-nums !important;
}

html.is-web .header-user-nav .nav-menu-sub,
html.is-web .header-user-nav .nav-menu-sub-wallet,
html.is-web .layout-header-holder-bc .header-user-nav .nav-menu-sub,
html.is-web .layout-header-holder-bc .header-user-nav .nav-menu-sub-wallet {
  background: linear-gradient(180deg, #091930 0%, #000C1F 100%) !important;
  background-color: #000C1F !important;
  border: 1px solid rgba(232, 197, 71, 0.28) !important;
  border-radius: 12px !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(255, 255, 255, 0.06) !important;
  color: #FFE066 !important;
}

html.is-web .header-user-nav .nav-menu-sub .nav-menu-item,
html.is-web .header-user-nav .nav-menu-sub-wallet .nav-menu-item,
html.is-web .layout-header-holder-bc .header-user-nav .nav-menu-sub .nav-menu-item,
html.is-web .layout-header-holder-bc .header-user-nav .nav-menu-sub-wallet .nav-menu-item {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;
  border-radius: 8px !important;
  color: #FFE066 !important;
  -webkit-text-fill-color: #FFE066 !important;
}

html.is-web .header-user-nav .nav-menu-sub .nav-menu-item span,
html.is-web .header-user-nav .nav-menu-sub-wallet .nav-menu-item span,
html.is-web .header-user-nav .nav-menu-sub .nav-menu-item .checkbox-control-text-bc,
html.is-web .header-user-nav .nav-menu-sub-wallet .nav-menu-item .checkbox-control-text-bc {
  color: #FFE066 !important;
  -webkit-text-fill-color: #FFE066 !important;
  background: none !important;
  background-image: none !important;
  font-weight: 600 !important;
}

html.is-web .header-user-nav .nav-menu-sub .nav-menu-item > i,
html.is-web .header-user-nav .nav-menu-sub-wallet .nav-menu-item > i,
html.is-web .header-user-nav .nav-menu-sub .nav-menu-item > i::before,
html.is-web .header-user-nav .nav-menu-sub-wallet .nav-menu-item > i::before {
  color: #E8C547 !important;
  -webkit-text-fill-color: #E8C547 !important;
}

html.is-web .header-user-nav .nav-menu-sub .nav-menu-item:hover,
html.is-web .header-user-nav .nav-menu-sub .nav-menu-item:focus-visible,
html.is-web .header-user-nav .nav-menu-sub-wallet .nav-menu-item:hover,
html.is-web .header-user-nav .nav-menu-sub-wallet .nav-menu-item:focus-visible {
  background: linear-gradient(180deg, rgba(36, 72, 114, 0.7) 0%, rgba(17, 41, 70, 0.85) 100%) !important;
  background-color: rgba(17, 41, 70, 0.85) !important;
  border-color: rgba(107, 143, 184, 0.4) !important;
  color: #FFF5BD !important;
  -webkit-text-fill-color: #FFF5BD !important;
}

html.is-web .header-user-nav .nav-menu-sub .nav-menu-item:hover span,
html.is-web .header-user-nav .nav-menu-sub-wallet .nav-menu-item:hover span,
html.is-web .header-user-nav .nav-menu-sub .nav-menu-item:hover .checkbox-control-text-bc,
html.is-web .header-user-nav .nav-menu-sub-wallet .nav-menu-item:hover .checkbox-control-text-bc,
html.is-web .header-user-nav .nav-menu-sub .nav-menu-item:hover > i,
html.is-web .header-user-nav .nav-menu-sub-wallet .nav-menu-item:hover > i,
html.is-web .header-user-nav .nav-menu-sub .nav-menu-item:hover > i::before,
html.is-web .header-user-nav .nav-menu-sub-wallet .nav-menu-item:hover > i::before {
  color: #FFF5BD !important;
  -webkit-text-fill-color: #FFF5BD !important;
}

/* /assets/css/pc/site-dark-ui.css */
/* auto-split from /assets/css/site-dark-ui.css — do not edit by hand */
html.is-web,
html.is-mobile {
  --b: 5, 8, 16 !important;
  --b-hover: 21, 14, 45 !important;
  --b-sc: 255, 255, 255 !important;
  --header: 5, 8, 16 !important;
  --header-sc: 255, 255, 255 !important;
  --menu: 10, 12, 24 !important;
  --menu-sc: 255, 255, 255 !important;
  --tab-navigation: 5, 8, 16 !important;
  --tab-navigation-sc: 255, 255, 255 !important;
  --brand-sc: 255, 255, 255 !important;
  --hero-sc: 255, 255, 255 !important;
  --accent-sc: 255, 255, 255 !important;
  --pc-hdr-bg: #0E1A2E;
  --pc-hdr-text: rgba(255, 255, 255, 0.72);
  --pc-hdr-text-strong: #ffffff;
  --pc-hdr-border: rgba(255, 255, 255, 0.1);
  --pc-hdr-hover-bg: rgba(255, 255, 255, 0.04);
}

html.is-web.site-bg-custom body,
html.is-mobile.site-bg-custom:not(.is-web) body,
html.is-web.site-bg-custom #root,
html.is-mobile.site-bg-custom:not(.is-web) #root {
  background-color: transparent !important;
}

html.is-web:not(.site-bg-custom) body,
html.is-mobile:not(.site-bg-custom) body,
html.is-web:not(.site-bg-custom) #root,
html.is-mobile:not(.site-bg-custom) #root {
  background-color: #000C1F !important;
  color: #ffffff !important;
}

html.is-web .layout-header-holder-bc .header-bc,
html.is-mobile .layout-header-holder-bc .header-bc,
html.is-web .header-bc,
html.is-mobile .header-bc {
  background: var(--ui-surface-strong, rgba(5, 8, 16, 0.86)) !important;
  background-color: var(--ui-surface-strong, rgba(5, 8, 16, 0.86)) !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-bottom-color: rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.35) !important;
  color: #ffffff !important;
}

html.is-web .layout-header-holder-bc .hdr-main-content-bc,
html.is-web .layout-header-holder-bc .nav-content-bc,
html.is-web .layout-header-holder-bc .nav-menu-container.header-navigation:first-child,
html.is-mobile .layout-header-holder-bc .hdr-main-content-bc {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
}

html.is-web .header-bc .header-user-balance-container,
html.is-web .header-bc .header-user-balance-container:after,
html.is-mobile .header-bc .header-user-balance-container,
html.is-mobile .header-bc .header-user-balance-container:after {
  background: rgba(10, 12, 24, 0.72) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  box-shadow: none !important;
}

html.is-web .header-bc .header-user-balance-container:before,
html.is-mobile .header-bc .header-user-balance-container:before {
  background: rgba(61, 95, 138, 0.1) !important;
}

html.is-web .layout-header-holder-bc .btn.sign-in,
html.is-mobile .layout-header-holder-bc .btn.sign-in,
html.is-web .hdr-user-bc .btn.sign-in,
html.is-mobile .hdr-user-bc .btn.sign-in {
  background: #0E1A2E !important;
  border: 1px solid rgba(255, 255, 255, 0.35) !important;
  color: #1E4A78 !important;
  -webkit-text-fill-color: #1E4A78 !important;
}

html.is-web .layout-header-holder-bc .nav-menu > li > a:not(.active),
html.is-web .layout-header-holder-bc .nav-menu-other > .nav-menu-item:not(.active),
html.is-web .layout-header-holder-bc .nav-menu-other > li.nav-menu-item:not(.active),
html.is-web .casino-slots-subnav .hdr-navigation-link-bc,
html.is-web .layout-header-holder-bc .casino-slots-subnav .hdr-navigation-link-bc {
  background: transparent !important;
  background-color: transparent !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: rgba(255, 255, 255, 0.72) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.72) !important;
}

html.is-web .layout-header-holder-bc .casino-slots-subnav-holder,
html.is-web .layout-header-holder-bc .casino-slots-subnav-holder .hdr-navigation-scrollable-bc {
  background: transparent !important;
  background-color: transparent !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

html.is-web .layout-header-holder-bc .nav-menu-sub,
html.is-web .header-user-nav .nav-menu-sub,
html.is-web .header-user-nav .nav-menu-sub-wallet,
html.is-web .nav-menu-container .nav-menu-sub,
html.is-web .layout-header-holder-bc .nav-menu-other > li > .nav-menu-sub,
html.is-mobile .layout-header-holder-bc .nav-menu-sub,
html.is-mobile .header-user-nav .nav-menu-sub {
  background: #0E1A2E !important;
  background-color: #0E1A2E !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.55) !important;
  color: #ffffff !important;
}

html.is-web .layout-header-holder-bc .nav-menu-sub .nav-menu-item,
html.is-web .header-user-nav .nav-menu-sub .nav-menu-item,
html.is-web .header-user-nav .nav-menu-sub-wallet .nav-menu-item,
html.is-web .layout-header-holder-bc .nav-menu-sub .userLogoutBtn {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid transparent !important;
  color: #FFE066 !important;
  -webkit-text-fill-color: #FFE066 !important;
}

html.is-web .layout-header-holder-bc .nav-menu-sub .nav-menu-item span,
html.is-web .header-user-nav .nav-menu-sub .nav-menu-item span,
html.is-web .header-user-nav .nav-menu-sub-wallet .nav-menu-item span,
html.is-web .layout-header-holder-bc .nav-menu-sub .checkbox-control-text-bc,
html.is-web .header-user-nav .nav-menu-sub .checkbox-control-text-bc,
html.is-web .header-user-nav .nav-menu-sub-wallet .checkbox-control-text-bc,
html.is-web .layout-header-holder-bc .nav-menu-sub .userLogoutBtn span {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: none !important;
}

html.is-web .layout-header-holder-bc .nav-menu-sub .nav-menu-item:hover,
html.is-web .layout-header-holder-bc .nav-menu-sub .nav-menu-item:focus-visible,
html.is-web .header-user-nav .nav-menu-sub .nav-menu-item:hover,
html.is-web .header-user-nav .nav-menu-sub .nav-menu-item:focus-visible,
html.is-web .header-user-nav .nav-menu-sub-wallet .nav-menu-item:hover,
html.is-web .header-user-nav .nav-menu-sub-wallet .nav-menu-item:focus-visible {
  background: #0E1A2E !important;
  background-color: #0E1A2E !important;
  border-color: rgba(255, 255, 255, 0.28) !important;
  color: #1E4A78 !important;
  -webkit-text-fill-color: #1E4A78 !important;
}

html.is-web .popup-holder-bc .popup-inner-bc,
html.is-web .popup-holder-bc #base_popup_id,
html.is-mobile .popup-holder-bc .popup-inner-bc,
html.is-mobile .popup-holder-bc #base_popup_id {
  background: #000C1F !important;
  background-color: #000C1F !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
}

html.is-web .form-control-bc,
html.is-web .form-control-bc.default,
html.is-web .form-control-label-bc.input,
html.is-mobile .form-control-bc,
html.is-mobile .form-control-bc.default,
html.is-mobile .form-control-label-bc.input {
  background: #0E1A2E !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  color: #ffffff !important;
}

html.is-web .form-control-input-bc,
html.is-web input.form-control-input-bc,
html.is-web textarea,
html.is-web select,
html.is-mobile .form-control-input-bc,
html.is-mobile input.form-control-input-bc,
html.is-mobile textarea,
html.is-mobile select {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  caret-color: #ffffff !important;
}

html.is-web .layout-footer-holder-bc,
html.is-mobile .layout-footer-holder-bc,
html.is-web .footer-bc,
html.is-mobile .footer-bc,
html.is-web .tab-navigation-w-bc,
html.is-mobile .tab-navigation-w-bc {
  background: #000C1F !important;
  background-color: #000C1F !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  color: #ffffff !important;
}

html.is-web .sg-game-list-item,
html.is-web .casinoGameItem,
html.is-web .product-banner-container-bc,
html.is-web .hm-row-bc,
html.is-mobile .sg-game-list-item,
html.is-mobile .casinoGameItem {
  background-color: transparent !important;
}

html.is-web .header-announcements,
html.is-web .header-announcements-carousel,
html.is-web .header-ann .header-ann-item,
html.is-mobile .header-announcements {
  background: #0E1A2E !important;
  background-color: #0E1A2E !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

html.is-web .casino-hub,
html.is-web .casino-hub-panel {
  background: #000C1F !important;
  background-color: #000C1F !important;
  color: #ffffff !important;
}

html.is-web .layout-header-holder-bc .hdr-logo-bc,
html.is-web .hdr-logo-bc,
html.is-mobile .layout-header-holder-bc .hdr-logo-bc,
html.is-mobile .hdr-logo-bc {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  animation: none !important;
  transform: none !important;
  filter: none !important;
  object-fit: contain !important;
  object-position: left center !important;
}

@keyframes sticky-crown-logo-glow {
  0% { filter: drop-shadow(0 0 100px #ffffff) drop-shadow(0 0 18px #2F5A8A); }
  15% { filter: drop-shadow(0 0 10px #ffffff) drop-shadow(0 0 6px #1E4A78); }
  30% { filter: drop-shadow(0 0 1px #ffffff); }
  35% { filter: drop-shadow(0 0 10px #ffffff) drop-shadow(0 0 6px #1E4A78); }
  40% { filter: drop-shadow(0 0 100px #ffffff) drop-shadow(0 0 18px #2F5A8A); }
  70% { filter: drop-shadow(0 0 1px #ffffff); }
  75% { filter: drop-shadow(0 0 10px #ffffff) drop-shadow(0 0 6px #1E4A78); }
  80% { filter: drop-shadow(0 0 1px #ffffff); }
  85% { filter: drop-shadow(0 0 10px #ffffff) drop-shadow(0 0 6px #1E4A78); }
  90% { filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.2)); }
  95% { filter: drop-shadow(0 0 10px #ffffff) drop-shadow(0 0 6px #2F5A8A); }
}

@media (prefers-reduced-motion: reduce) {
  html.is-web .layout-header-holder-bc .hdr-logo-bc,
  html.is-web .hdr-logo-bc,
  html.is-mobile .layout-header-holder-bc .hdr-logo-bc,
  html.is-mobile .hdr-logo-bc {
    animation: none !important;
    transform: none !important;
    filter: drop-shadow(0 0 10px #ffffff) drop-shadow(0 0 6px #2F5A8A) !important;
  }
}

html.is-web .layout-header-holder-bc .logo,
html.is-web .logo-container,
html.is-web .layout-header-holder-bc .hdr-main-content-bc,
html.is-mobile .layout-header-holder-bc .logo,
html.is-mobile .logo-container,
html.is-mobile .layout-header-holder-bc .hdr-main-content-bc {
  overflow: visible !important;
}

html.is-web .layout-header-holder-bc .header-bc,
html.is-web .header-bc,
html.is-mobile .layout-header-holder-bc .header-bc,
html.is-mobile .header-bc {
  border-color: rgba(255, 255, 255, 0.1) !important;
  border-top-color: transparent !important;
  border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}

html.is-web .layout-header-holder-bc .hdr-main-content-bc,
html.is-web .layout-header-holder-bc .nav-content-bc,
html.is-web .layout-header-holder-bc .nav-menu-container.header-navigation:first-child,
html.is-web .layout-header-holder-bc .casino-slots-subnav-holder,
html.is-web .layout-header-holder-bc .casino-slots-subnav-holder .hdr-navigation-scrollable-bc,
html.is-mobile .layout-header-holder-bc .hdr-main-content-bc {
  border: none !important;
  border-color: transparent !important;
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
  box-shadow: none !important;
}

html.is-web .layout-header-holder-bc .nav-content-bc {
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

html.is-web .layout-header-holder-bc .nav-menu > li > a,
html.is-web .layout-header-holder-bc .nav-menu > li > .nav-menu-item,
html.is-web .layout-header-holder-bc .nav-menu-other > .nav-menu-item,
html.is-web .casino-slots-subnav .hdr-navigation-link-bc,
html.is-web .layout-header-holder-bc .casino-slots-subnav .hdr-navigation-link-bc,
html.is-web #root > div.layout-header-holder-bc > header > div.nav-content-bc > div > nav > ul.nav-menu > li > a,
html.is-mobile .hdr-navigation-link-bc {
  border-right-color: rgba(255, 255, 255, 0.12) !important;
  border-left-color: rgba(255, 255, 255, 0.12) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

html.is-web .layout-header-holder-bc .nav-menu > li > a.active,
html.is-web .layout-header-holder-bc .nav-menu > li > a.nav-menu-item.active,
html.is-web .layout-header-holder-bc .nav-menu-other > .nav-menu-item.active {
  border-color: transparent !important;
}

html.is-web .layout-content-holder-bc .promotion-horizontal-sl-list-bc,
html.is-mobile .layout-content-holder-bc .promotion-horizontal-sl-list-bc {
  border-bottom-color: rgba(255, 255, 255, 0.14) !important;
}

html.is-web .layout-header-holder-bc .nav-menu-sub,
html.is-web .header-user-nav .nav-menu-sub,
html.is-web .header-user-nav .nav-menu-sub-wallet,
html.is-web .nav-menu-container .nav-menu-sub,
html.is-mobile .layout-header-holder-bc .nav-menu-sub,
html.is-mobile .header-user-nav .nav-menu-sub {
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
}

html.is-web .popup-holder-bc.user-profile-container.bigpopup .popup-inner-bc,
html.is-web .popup-holder-bc.user-profile-container.bigpopup #base_popup_id,
html.is-web .popup-holder-bc.user-profile-container > .popup-middleware-bc > .popup-inner-bc {
  border-color: rgba(255, 255, 255, 0.14) !important;
}

/* /assets/css/pc/site-ui-system.css */
/* auto-split from /assets/css/site-ui-system.css — do not edit by hand */
html.is-web,
html.is-mobile {
  --ui-r-sm: 8px;
  --ui-r-md: 12px;
  --ui-r-lg: 16px;
  --ui-space-1: 8px;
  --ui-space-2: 12px;
  --ui-space-3: 16px;
  --ui-space-4: 24px;
  --ui-touch: 46px;
  --ui-body-size: 15px;
  --ui-body-lh: 1.55;
  --ui-heading-weight: 700;
  --ui-bg: #000C1F;
  --ui-bg-deep: #070E18;
  --ui-panel: #0E1A2E;
  --ui-panel-2: #0E1A2E;
  --ui-panel-3: #152A45;
  --ui-surface: rgba(5, 8, 16, 0.72);
  --ui-surface-strong: rgba(5, 8, 16, 0.86);
  --ui-surface-soft: rgba(5, 8, 16, 0.58);
  --ui-border: rgba(255, 255, 255, 0.1);
  --ui-border-soft: rgba(255, 255, 255, 0.08);
  --ui-border-strong: rgba(255, 255, 255, 0.14);
  --ui-border-accent: rgba(61, 95, 138, 0.35);
  --ui-blur: 12px;
  --ui-transition: 180ms ease;
  --ui-accent: #1E4A78;
  --ui-accent-hot: #2F5A8A;
  --ui-accent-soft: #2F5A8A;
  --ui-accent-deep: #1A3558;
  --ui-accent-ray: #0A1F3A;
  --ui-text: #ffffff;
  --ui-text-muted: rgba(255, 255, 255, 0.72);
  --ui-glow: 0 0 18px rgba(91, 127, 168, 0.45);
  --ui-shadow: 0 8px 24px rgba(0, 0, 0, 0.45);
  --ui-shadow-lift: 0 12px 28px rgba(0, 0, 0, 0.55);
  --b: 5, 8, 16 !important;
  --b-hover: 21, 14, 45 !important;
  --b-sc: 255, 255, 255 !important;
  --header: 5, 8, 16 !important;
  --header-sc: 255, 255, 255 !important;
  --header-hover: 61, 95, 138 !important;
  --menu: 10, 12, 24 !important;
  --menu-sc: 255, 255, 255 !important;
  --menu-hover: 61, 95, 138 !important;
  --tab-navigation: 5, 8, 16 !important;
  --tab-navigation-sc: 255, 255, 255 !important;
  --tab-navigation-hover: 61, 95, 138 !important;
  --brand: 61, 95, 138 !important;
  --brand-hover: 91, 127, 168 !important;
  --brand-sc: 255, 255, 255 !important;
  --hero: 61, 95, 138 !important;
  --hero-hover: 91, 127, 168 !important;
  --hero-sc: 255, 255, 255 !important;
  --accent: 61, 95, 138 !important;
  --accent-hover: 91, 127, 168 !important;
  --accent-sc: 255, 255, 255 !important;
  --pc-hdr-bg: var(--ui-panel);
  --pc-hdr-text: rgba(255, 255, 255, 0.72);
  --pc-hdr-text-strong: #ffffff;
  --pc-hdr-border: var(--ui-border);
  --pc-hdr-hover-bg: rgba(255, 255, 255, 0.04);
  font-size: var(--ui-body-size);
  line-height: var(--ui-body-lh);
}

html.is-web.site-bg-custom body,
html.is-mobile.site-bg-custom:not(.is-web) body,
html.is-web.site-bg-custom #root,
html.is-mobile.site-bg-custom:not(.is-web) #root,
html.is-web.site-bg-custom .layout-bc,
html.is-mobile.site-bg-custom:not(.is-web) .layout-bc {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

html.is-web:not(.site-bg-custom) body,
html.is-mobile:not(.site-bg-custom) body,
html.is-web:not(.site-bg-custom) #root,
html.is-mobile:not(.site-bg-custom) #root {
  background-color: var(--ui-bg) !important;
  color: var(--ui-text) !important;
}

html.is-web .layout-header-holder-bc,
html.is-mobile .layout-header-holder-bc {
  position: sticky !important;
  top: 0 !important;
  z-index: 1000 !important;
}

html.is-web .layout-header-holder-bc .header-bc,
html.is-mobile .layout-header-holder-bc .header-bc,
html.is-web .header-bc,
html.is-mobile .header-bc {
  background: var(--ui-surface-strong) !important;
  background-color: var(--ui-surface-strong) !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid var(--ui-border) !important;
  border-bottom-color: var(--ui-border) !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.35) !important;
  color: var(--ui-text) !important;
  backdrop-filter: blur(var(--ui-blur)) saturate(1.25) !important;
  -webkit-backdrop-filter: blur(var(--ui-blur)) saturate(1.25) !important;
  transition: background-color var(--ui-transition), border-color var(--ui-transition), box-shadow var(--ui-transition) !important;
}

html.is-web .layout-header-holder-bc .hdr-main-content-bc,
html.is-web .layout-header-holder-bc .nav-content-bc,
html.is-web .layout-header-holder-bc .nav-menu-container,
html.is-web .layout-header-holder-bc .nav-menu-container.header-navigation:first-child,
html.is-mobile .layout-header-holder-bc .hdr-main-content-bc {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html.is-web .layout-header-holder-bc .nav-content-bc {
  border-top: 1px solid var(--ui-border-soft) !important;
}

html.is-web .layout-header-holder-bc .casino-slots-subnav-holder,
html.is-web .layout-header-holder-bc .casino-slots-subnav-holder .hdr-navigation-scrollable-bc,
html.is-web .layout-header-holder-bc .nav-menu > li > a:not(.active),
html.is-web .layout-header-holder-bc .nav-menu-other > .nav-menu-item:not(.active),
html.is-web .casino-slots-subnav .hdr-navigation-link-bc,
html.is-web .layout-header-holder-bc .casino-slots-subnav .hdr-navigation-link-bc {
  background: transparent !important;
  background-color: transparent !important;
  border-color: var(--ui-border-soft) !important;
  color: var(--ui-accent) !important;
  -webkit-text-fill-color: var(--ui-accent) !important;
}

html.is-web .layout-header-holder-bc .nav-menu > li > a,
html.is-web .layout-header-holder-bc .nav-menu > li > .nav-menu-item,
html.is-web .layout-header-holder-bc .nav-menu-other > .nav-menu-item,
html.is-web .casino-slots-subnav .hdr-navigation-link-bc,
html.is-mobile .hdr-navigation-link-bc,
html.is-mobile .layout-header-holder-bc .hdr-navigation-link-bc,
html.is-mobile .tab-navigation-w-bc .tab-nav-item-bc {
  min-height: var(--ui-touch) !important;
  transition: background-color var(--ui-transition), color var(--ui-transition), border-color var(--ui-transition) !important;
}

html.is-web .layout-header-holder-bc .nav-menu > li > a.active,
html.is-web .layout-header-holder-bc .nav-menu > li > a.nav-menu-item.active,
html.is-web .layout-header-holder-bc .nav-menu-other > .nav-menu-item.active,
html.is-web .casino-slots-subnav .hdr-navigation-link-bc.active,
html.is-web .casino-slots-subnav .hdr-navigation-link-bc[aria-current="page"],
html.is-web .layout-header-holder-bc .casino-slots-subnav .hdr-navigation-link-bc.active,
html.is-web .layout-header-holder-bc .casino-slots-subnav .hdr-navigation-link-bc[aria-current="page"],
html.is-mobile .hdr-navigation-link-bc.active,
html.is-mobile .tab-navigation-w-bc .tab-nav-item-bc.active {
  background: var(--ui-accent) !important;
  background-color: var(--ui-accent) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: transparent !important;
  box-shadow: inset 0 -2px 0 rgba(255, 255, 255, 0.35) !important;
}

html.is-web .layout-header-holder-bc .nav-menu-sub,
html.is-web .header-user-nav .nav-menu-sub,
html.is-web .header-user-nav .nav-menu-sub-wallet,
html.is-web .nav-menu-container .nav-menu-sub,
html.is-mobile .layout-header-holder-bc .nav-menu-sub,
html.is-mobile .header-user-nav .nav-menu-sub {
  background: var(--ui-surface-strong) !important;
  background-color: var(--ui-surface-strong) !important;
  border: 1px solid var(--ui-border) !important;
  border-radius: var(--ui-r-md) !important;
  box-shadow: var(--ui-shadow-lift) !important;
  backdrop-filter: blur(var(--ui-blur)) saturate(1.2) !important;
  -webkit-backdrop-filter: blur(var(--ui-blur)) saturate(1.2) !important;
  color: var(--ui-text) !important;
}

html.is-web .layout-header-holder-bc .nav-menu-sub .nav-menu-item,
html.is-web .header-user-nav .nav-menu-sub .nav-menu-item,
html.is-web .header-user-nav .nav-menu-sub-wallet .nav-menu-item,
html.is-mobile .layout-header-holder-bc .nav-menu-sub .nav-menu-item,
html.is-mobile .header-user-nav .nav-menu-sub .nav-menu-item {
  min-height: 44px !important;
  border-radius: var(--ui-r-sm) !important;
  transition: background-color var(--ui-transition), border-color var(--ui-transition), color var(--ui-transition) !important;
}

html.is-web .sectionTitleText,
html.is-web .e-p-section-title-bc,
html.is-web .product-banner-title-bc,
html.is-web .sectionTitle.casino-slots-lobby-head .sectionTitleText,
html.is-mobile .sectionTitleText,
html.is-mobile .e-p-section-title-bc,
html.is-mobile .product-banner-title-bc,
html.is-mobile .sectionTitle.casino-slots-lobby-head .sectionTitleText {
  font-weight: var(--ui-heading-weight) !important;
  color: var(--ui-text) !important;
  -webkit-text-fill-color: var(--ui-text) !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45) !important;
  letter-spacing: 0.01em !important;
}

html.is-web .product-banner-info-bc,
html.is-web .product-banner-description-bc,
html.is-web .hm-row-bc,
html.is-mobile .product-banner-info-bc,
html.is-mobile .product-banner-description-bc,
html.is-mobile .hm-row-bc {
  color: var(--ui-text-muted) !important;
  font-size: clamp(14px, 2.4vw, 16px) !important;
  line-height: 1.55 !important;
}

html.is-web .ds-btn-variant--primary,
html.is-mobile .ds-btn-variant--primary {
  min-height: var(--ui-touch) !important;
  height: var(--ui-touch) !important;
  padding: 0 var(--ui-space-3) !important;
  border-radius: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
  background: var(--ui-accent) !important;
  background-color: var(--ui-accent) !important;
  border: 1px solid transparent !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 6px 16px rgba(61, 95, 138, 0.28) !important;
  transition: transform var(--ui-transition), box-shadow var(--ui-transition), background-color var(--ui-transition), filter var(--ui-transition) !important;
}

html.is-web .u-i-p-a-deposit-bc,
html.is-web .u-i-p-a-withdraw-bc,
html.is-mobile .u-i-p-a-deposit-bc,
html.is-mobile .u-i-p-a-withdraw-bc {
  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;
  padding: 0 8px !important;
  border-radius: var(--ui-r-sm, 8px) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
  background: var(--ui-accent) !important;
  background-color: var(--ui-accent) !important;
  border: 1px solid transparent !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 2px 10px rgba(61, 95, 138, 0.22) !important;
  transform: none !important;
}

html.is-web .layout-header-holder-bc .hdr-user-bc .header-custom-buttons .deposit-btn,
html.is-web .layout-header-holder-bc .hdr-user-bc .header-custom-buttons a.deposit-btn,
html.is-web .hdr-user-bc .header-custom-buttons .deposit-btn,
html.is-web a.deposit-btn.header-icon-text,
html.is-mobile .layout-header-holder-bc .hdr-user-bc .header-custom-buttons .deposit-btn,
html.is-mobile .hdr-user-bc .header-custom-buttons .deposit-btn,
html.is-mobile a.deposit-btn.header-icon-text {
  height: 28px !important;
  min-height: 28px !important;
  max-height: 28px !important;
  width: auto !important;
  min-width: 0 !important;
  padding: 0 10px !important;
  border-radius: var(--border-radius, 4px) !important;
  font-weight: 600 !important;
  letter-spacing: normal !important;
  box-shadow: 0 2px 10px rgba(61, 95, 138, 0.28) !important;
  transform: none !important;
}

html.is-web .ds-btn-variant--secondary,
html.is-mobile .ds-btn-variant--secondary {
  min-height: var(--ui-touch) !important;
  height: var(--ui-touch) !important;
  padding: 0 var(--ui-space-3) !important;
  border-radius: 10px !important;
  font-weight: 600 !important;
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid var(--ui-border-strong) !important;
  color: var(--ui-accent) !important;
  -webkit-text-fill-color: var(--ui-accent) !important;
  box-shadow: none !important;
  transition: background-color var(--ui-transition), border-color var(--ui-transition), color var(--ui-transition) !important;
}

@media (hover: hover) and (pointer: fine) {
  html.is-web .ds-btn-variant--primary:hover,
  html.is-mobile .ds-btn-variant--primary:hover {
    filter: brightness(1.06) !important;
    box-shadow: 0 8px 20px rgba(61, 95, 138, 0.38) !important;
    transform: translateY(-1px) !important;
  }

  html.is-web .u-i-p-a-deposit-bc:hover,
  html.is-web .u-i-p-a-withdraw-bc:hover,
  html.is-mobile .u-i-p-a-deposit-bc:hover,
  html.is-mobile .u-i-p-a-withdraw-bc:hover {
    filter: brightness(1.06) !important;
    box-shadow: 0 3px 12px rgba(61, 95, 138, 0.3) !important;
    transform: none !important;
  }

  html.is-web .layout-header-holder-bc .hdr-user-bc .header-custom-buttons .deposit-btn:hover,
  html.is-web .hdr-user-bc .header-custom-buttons .deposit-btn:hover,
  html.is-mobile .hdr-user-bc .header-custom-buttons .deposit-btn:hover {
    filter: brightness(1.06) !important;
    box-shadow: 0 2px 10px rgba(61, 95, 138, 0.35) !important;
    transform: none !important;
  }

  html.is-web .ds-btn-variant--secondary:hover,
  html.is-mobile .ds-btn-variant--secondary:hover {
    background: rgba(61, 95, 138, 0.14) !important;
    border-color: var(--ui-accent) !important;
    color: var(--ui-accent-soft) !important;
    -webkit-text-fill-color: var(--ui-accent-soft) !important;
  }
}

html.is-web .ds-btn-variant--primary:active,
html.is-mobile .ds-btn-variant--primary:active {
  transform: translateY(0) !important;
  filter: brightness(0.96) !important;
}

html.is-web .casinoGameItem,
html.is-web .sg-game-list-item,
html.is-web .casinoGameItemContent,
html.is-mobile .casinoGameItem,
html.is-mobile .sg-game-list-item,
html.is-mobile .casinoGameItemContent {
  border-radius: var(--ui-r-md) !important;
  background: var(--ui-surface-soft) !important;
  background-color: var(--ui-surface-soft) !important;
  border: 1px solid var(--ui-border-soft) !important;
  overflow: hidden !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25) !important;
  transition: transform var(--ui-transition), box-shadow var(--ui-transition), border-color var(--ui-transition) !important;
}

html.is-web .casinoGameItemImage,
html.is-web .casinoGameItemImage img,
html.is-web .sg-game-list-item img,
html.is-web .sg-game-list-item .sg-game-list-item-img,
html.is-mobile .casinoGameItemImage,
html.is-mobile .casinoGameItemImage img,
html.is-mobile .sg-game-list-item img,
html.is-mobile .sg-game-list-item .sg-game-list-item-img {
  border-radius: var(--ui-r-md) !important;
  object-fit: cover !important;
  aspect-ratio: 1 / 1 !important;
  width: 100% !important;
  display: block !important;
  transition: transform var(--ui-transition) !important;
}

html.is-web .casinoGameItemFavBc,
html.is-web .casinoGameItem .play-bc,
html.is-web .sg-game-list-item .favorite-btn,
html.is-mobile .casinoGameItemFavBc,
html.is-mobile .casinoGameItem .play-bc,
html.is-mobile .sg-game-list-item .favorite-btn {
  min-width: 44px !important;
  min-height: 44px !important;
}

html.is-web .badge,
html.is-web .badge-standalone .badge,
html.is-web .badge.badge--sm,
html.is-mobile .badge,
html.is-mobile .badge-standalone .badge,
html.is-mobile .badge.badge--sm {
  border-radius: 999px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
  padding: 3px 8px !important;
  background: rgba(61, 95, 138, 0.55) !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  color: #fff !important;
  box-shadow: none !important;
}

@media (hover: hover) and (pointer: fine) {
  html.is-web .casinoGameItem:hover,
  html.is-web .sg-game-list-item:hover,
  html.is-web .casinoGameItemContent:hover,
  html.is-mobile .casinoGameItem:hover,
  html.is-mobile .sg-game-list-item:hover,
  html.is-mobile .casinoGameItemContent:hover {
    transform: translateY(-3px) !important;
    box-shadow: var(--ui-shadow-lift) !important;
    border-color: var(--ui-border-strong) !important;
  }

  html.is-web .casinoGameItem:hover .casinoGameItemImage img,
  html.is-web .sg-game-list-item:hover img,
  html.is-mobile .casinoGameItem:hover .casinoGameItemImage img,
  html.is-mobile .sg-game-list-item:hover img {
    transform: scale(1.04) !important;
  }
}

html.is-web .generic-search,
html.is-web .generic-search-input,
html.is-web .search-container-bc,
html.is-web .casino-hub-game-search-input,
html.is-web input[type="search"],
html.is-mobile .generic-search,
html.is-mobile .generic-search-input,
html.is-mobile .search-container-bc,
html.is-mobile .casino-hub-game-search-input,
html.is-mobile input[type="search"] {
  min-height: var(--ui-touch) !important;
  height: var(--ui-touch) !important;
  border-radius: 999px !important;
  background: var(--ui-surface) !important;
  border: 1px solid var(--ui-border) !important;
  color: var(--ui-text) !important;
  backdrop-filter: blur(var(--ui-blur)) !important;
  -webkit-backdrop-filter: blur(var(--ui-blur)) !important;
  transition: border-color var(--ui-transition), box-shadow var(--ui-transition) !important;
}

html.is-web .generic-search:focus-within,
html.is-web .generic-search-input:focus,
html.is-web .casino-hub-game-search-input:focus,
html.is-web input[type="search"]:focus,
html.is-mobile .generic-search:focus-within,
html.is-mobile .generic-search-input:focus,
html.is-mobile .casino-hub-game-search-input:focus,
html.is-mobile input[type="search"]:focus {
  outline: 2px solid rgba(61, 95, 138, 0.45) !important;
  outline-offset: 1px !important;
  border-color: rgba(61, 95, 138, 0.55) !important;
  box-shadow: 0 0 0 3px rgba(61, 95, 138, 0.18) !important;
}

html.is-web .casino-slots-subnav-holder,
html.is-web .casino-slots-subnav,
html.is-web .hdr-navigation-scrollable-bc,
html.is-mobile .casino-slots-subnav-holder,
html.is-mobile .casino-slots-subnav,
html.is-mobile .hdr-navigation-scrollable-bc,
html.is-mobile .horizontal-scroll,
html.is-mobile [data-slots-lobby-scroll] {
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: none !important;
}

html.is-web .casino-slots-subnav-holder::-webkit-scrollbar,
html.is-web .hdr-navigation-scrollable-bc::-webkit-scrollbar,
html.is-mobile .hdr-navigation-scrollable-bc::-webkit-scrollbar,
html.is-mobile .horizontal-scroll::-webkit-scrollbar {
  display: none !important;
  height: 0 !important;
}

html.is-web .product-banner-container-bc,
html.is-web .product-banner-bc,
html.is-mobile .product-banner-container-bc,
html.is-mobile .product-banner-bc {
  border-radius: var(--ui-r-lg) !important;
  overflow: hidden !important;
  border: 1px solid var(--ui-border-soft) !important;
  background: var(--ui-surface-soft) !important;
}

html.is-web #homeQuickBannersGrid.product-banner-container-bc,
html.is-web #homeQuickBannersGrid.product-banner-container-bc .product-banner-bc,
html.is-web #homeQuickBannersGrid.product-banner-container-bc .product-banner-info-bc,
html.is-mobile #homeQuickBannersGrid.product-banner-container-bc,
html.is-mobile #homeQuickBannersGrid.product-banner-container-bc .product-banner-bc,
html.is-mobile #homeQuickBannersGrid.product-banner-container-bc .product-banner-info-bc,
html.is-web .home-quick-banners-row .home-quick-banners-grid.product-banner-container-bc,
html.is-web .home-quick-banners-row .home-quick-banners-grid.product-banner-container-bc .product-banner-bc,
html.is-web .home-quick-banners-row .home-quick-banners-grid.product-banner-container-bc .product-banner-info-bc,
html.is-mobile .home-quick-banners-row .home-quick-banners-grid.product-banner-container-bc,
html.is-mobile .home-quick-banners-row .home-quick-banners-grid.product-banner-container-bc .product-banner-bc,
html.is-mobile .home-quick-banners-row .home-quick-banners-grid.product-banner-container-bc .product-banner-info-bc {
  border: none !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html.is-web .home-quick-banners-row--wide .home-quick-banners-grid--wide.product-banner-container-bc,
html.is-web .home-quick-banners-row--wide .home-quick-banners-grid--wide.product-banner-container-bc .product-banner-bc,
html.is-web .home-quick-banners-row--wide .home-quick-banners-grid--wide.product-banner-container-bc .product-banner-info-bc,
html.is-mobile .home-quick-banners-row--wide .home-quick-banners-grid--wide.product-banner-container-bc,
html.is-mobile .home-quick-banners-row--wide .home-quick-banners-grid--wide.product-banner-container-bc .product-banner-bc,
html.is-mobile .home-quick-banners-row--wide .home-quick-banners-grid--wide.product-banner-container-bc .product-banner-info-bc {
  overflow: hidden !important;
}

html.is-web #homeQuickBannersGrid .product-banner-img-bc,
html.is-web #homeQuickBannersGrid .product-banner-img-bc img,
html.is-mobile #homeQuickBannersGrid .product-banner-img-bc,
html.is-mobile #homeQuickBannersGrid .product-banner-img-bc img,
html.is-web .home-quick-banners-row .home-quick-banners-grid .product-banner-img-bc,
html.is-web .home-quick-banners-row .home-quick-banners-grid .product-banner-img-bc img,
html.is-mobile .home-quick-banners-row .home-quick-banners-grid .product-banner-img-bc,
html.is-mobile .home-quick-banners-row .home-quick-banners-grid .product-banner-img-bc img {
  border: none !important;
  box-shadow: none !important;
}

html.is-web .product-banner-img-bc,
html.is-web .product-banner-img-bc img,
html.is-mobile .product-banner-img-bc,
html.is-mobile .product-banner-img-bc img {
  object-fit: cover !important;
  border-radius: var(--ui-r-lg) !important;
}

html.is-web .product-banner-container-bc:not(.product-banner-without-titles) .product-banner-info-bc,
html.is-mobile .product-banner-container-bc:not(.product-banner-without-titles) .product-banner-info-bc {
  background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.55) 100%) !important;
}

html.is-web .product-banner-container-bc .btn,
html.is-web .product-banner-info-bc .btn,
html.is-mobile .product-banner-container-bc .btn,
html.is-mobile .product-banner-info-bc .btn {
  min-height: var(--ui-touch) !important;
  border-radius: 10px !important;
}

html.is-web .popup-holder-bc,
html.is-mobile .popup-holder-bc {
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  background: rgba(0, 0, 0, 0.55) !important;
}

html.is-web .popup-holder-bc .popup-inner-bc,
html.is-web .popup-holder-bc #base_popup_id,
html.is-mobile .popup-holder-bc .popup-inner-bc,
html.is-mobile .popup-holder-bc #base_popup_id,
html.is-web .popup-holder-bc.user-profile-container.bigpopup .popup-inner-bc,
html.is-web .popup-holder-bc.user-profile-container > .popup-middleware-bc > .popup-inner-bc {
  background: var(--ui-surface-strong) !important;
  background-color: var(--ui-surface-strong) !important;
  border: 1px solid var(--ui-border) !important;
  border-radius: var(--ui-r-lg) !important;
  box-shadow: var(--ui-shadow-lift) !important;
  color: var(--ui-text) !important;
}

html.is-web .popup-holder-bc .bc-i-close,
html.is-web .popup-holder-bc .popup-close-bc,
html.is-mobile .popup-holder-bc .bc-i-close,
html.is-mobile .popup-holder-bc .popup-close-bc {
  min-width: 44px !important;
  min-height: 44px !important;
  opacity: 0.92 !important;
}

html.is-web .form-control-bc,
html.is-web .form-control-bc.default,
html.is-web .form-control-label-bc.input,
html.is-web .form-control-input-bc,
html.is-web input.form-control-input-bc,
html.is-web textarea,
html.is-web select,
html.is-mobile .form-control-bc,
html.is-mobile .form-control-bc.default,
html.is-mobile .form-control-label-bc.input,
html.is-mobile .form-control-input-bc,
html.is-mobile input.form-control-input-bc,
html.is-mobile textarea,
html.is-mobile select {
  min-height: var(--ui-touch) !important;
  border-radius: var(--ui-r-sm) !important;
  padding-left: var(--ui-space-2) !important;
  padding-right: var(--ui-space-2) !important;
  background: rgba(20, 20, 20, 0.85) !important;
  border: 1px solid var(--ui-border) !important;
  color: var(--ui-text) !important;
  transition: border-color var(--ui-transition), box-shadow var(--ui-transition) !important;
}

html.is-web .form-control-input-bc:focus,
html.is-web input.form-control-input-bc:focus,
html.is-web textarea:focus,
html.is-web select:focus,
html.is-mobile .form-control-input-bc:focus,
html.is-mobile input.form-control-input-bc:focus,
html.is-mobile textarea:focus,
html.is-mobile select:focus {
  outline: 2px solid rgba(61, 95, 138, 0.4) !important;
  outline-offset: 1px !important;
  border-color: rgba(61, 95, 138, 0.5) !important;
}

html.is-web .form-control-message-holder-bc,
html.is-web .form-control-message-bc,
html.is-mobile .form-control-message-holder-bc,
html.is-mobile .form-control-message-bc {
  margin-top: 6px !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
}

html.is-web .skeleton,
html.is-web [class*="skeleton"],
html.is-web .storiesItemSkeleton,
html.is-mobile .skeleton,
html.is-mobile [class*="skeleton"],
html.is-mobile .storiesItemSkeleton {
  border-radius: var(--ui-r-md) !important;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.06)) !important;
  background-size: 200% 100% !important;
  aspect-ratio: 1 / 1;
}

.toastify,
.Toastify__toast,
.Toastify__toast-container .Toastify__toast {
  border-radius: 10px !important;
  background: var(--ui-surface-strong) !important;
  border: 1px solid var(--ui-border) !important;
  color: var(--ui-text) !important;
  box-shadow: var(--ui-shadow) !important;
  backdrop-filter: blur(var(--ui-blur)) !important;
  -webkit-backdrop-filter: blur(var(--ui-blur)) !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
}

.Toastify__toast-container--top-right {
  top: 12px !important;
  right: 12px !important;
}

@media (max-width: 767px) {
  .Toastify__toast-container--top-right,
  .Toastify__toast-container--bottom-center,
  .toastify-container {
    top: auto !important;
    bottom: calc(16px + env(safe-area-inset-bottom, 0px)) !important;
    left: 12px !important;
    right: 12px !important;
    width: auto !important;
  }
}

html.is-web .layout-footer-holder-bc,
html.is-mobile .layout-footer-holder-bc,
html.is-web .footer-bc,
html.is-mobile .footer-bc {
  background: var(--ui-surface-strong) !important;
  background-color: var(--ui-surface-strong) !important;
  border-top: 1px solid var(--ui-border) !important;
  color: var(--ui-text-muted) !important;
  backdrop-filter: blur(var(--ui-blur)) !important;
  -webkit-backdrop-filter: blur(var(--ui-blur)) !important;
}

html.is-web .footer-bc a,
html.is-mobile .footer-bc a {
  color: var(--ui-text-muted) !important;
  transition: color var(--ui-transition) !important;
}

@media (hover: hover) and (pointer: fine) {
  html.is-web .footer-bc a:hover,
  html.is-mobile .footer-bc a:hover {
    color: var(--ui-accent-soft) !important;
  }
}

html.is-ios .layout-header-holder-bc .header-bc,
html.is-ios .header-bc,
html.is-ios .popup-holder-bc .popup-inner-bc,
html.is-ios .casinoGameItem,
html.is-ios .sg-game-list-item {
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  html.is-web .layout-header-holder-bc .header-bc,
  html.is-mobile .layout-header-holder-bc .header-bc,
  html.is-web .header-bc,
  html.is-mobile .header-bc,
  html.is-web .popup-holder-bc .popup-inner-bc,
  html.is-mobile .popup-holder-bc .popup-inner-bc {
    background: rgba(5, 8, 16, 0.94) !important;
  }
}

html.is-web .home-featured-sports-row,
html.is-web .home-featured-sports-row .bm-featured-sports,
html.is-web .home-featured-sports-row .bm-featured-sports-track,
html.is-web .home-featured-sports-row .bm-featured-game-item,
html.is-web .home-featured-sports-row a.featuredGameItem {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

@media (prefers-reduced-motion: reduce) {
  html.is-web .casinoGameItem,
  html.is-web .sg-game-list-item,
  html.is-web .btn.register,
  html.is-web .btn.sign-in,
  html.is-mobile .casinoGameItem,
  html.is-mobile .sg-game-list-item,
  html.is-mobile .btn.register,
  html.is-mobile .btn.sign-in {
    transition: none !important;
  }
}

html.is-web .layout-header-holder-bc .nav-menu > li > a.active,
html.is-web .layout-header-holder-bc .nav-menu > li > a.nav-menu-item.active,
html.is-web .layout-header-holder-bc .nav-menu-other > .nav-menu-item.active,
html.is-mobile .nav-menu > li > .nav-menu-item.active {
  background: var(--ui-accent) !important;
  background-color: var(--ui-accent) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html.is-web .layout-footer-holder-bc,
html.is-mobile .layout-footer-holder-bc,
html.is-web .footer-bc,
html.is-mobile .footer-bc,
html.is-web .tab-navigation-w-bc,
html.is-mobile .tab-navigation-w-bc,
html.is-web .popup-holder-bc:not(.loginpopup):not(.registerpopup) .popup-inner-bc,
html.is-mobile .popup-holder-bc:not(.loginpopup):not(.registerpopup) .popup-inner-bc,
html.is-web .popup-holder-bc:not(.loginpopup):not(.registerpopup) #base_popup_id,
html.is-mobile .popup-holder-bc:not(.loginpopup):not(.registerpopup) #base_popup_id {
  background: var(--ui-panel) !important;
  background-color: var(--ui-panel) !important;
  border-color: var(--ui-border) !important;
  color: var(--ui-text) !important;
}

html.is-web .form-control-bc,
html.is-web .form-control-bc.default,
html.is-mobile .form-control-bc,
html.is-mobile .form-control-bc.default {
  background: var(--ui-panel-2) !important;
  border-color: var(--ui-border) !important;
  color: var(--ui-text) !important;
}

html.is-web .hdr-logo-bc,
html.is-mobile .hdr-logo-bc {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  animation: none !important;
  transform: none !important;
  filter: none !important;
  object-fit: contain !important;
  object-position: left center !important;
}

html.is-web .layout-header-holder-bc .header-bc {
  background: var(--ui-surface-strong) !important;
  background-color: var(--ui-surface-strong) !important;
  border: none !important;
  border-bottom: 1px solid var(--ui-border) !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.35) !important;
}

html.is-web .layout-header-holder-bc .hdr-main-content-bc,
html.is-web .layout-header-holder-bc .nav-content-bc,
html.is-web .layout-header-holder-bc .nav-menu-container,
html.is-web .layout-header-holder-bc .nav-menu-container.header-navigation:first-child {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html.is-web .layout-header-holder-bc .nav-content-bc {
  border-top: 1px solid var(--ui-border-soft) !important;
}

html.is-web #homeQuickBannersGrid.product-banner-container-bc,
html.is-web #homeQuickBannersGrid .product-banner-bc,
html.is-web #homeQuickBannersGrid .product-banner-info-bc,
html.is-web .home-quick-banners-row .home-quick-banners-grid.product-banner-container-bc,
html.is-web .home-quick-banners-row .home-quick-banners-grid .product-banner-bc,
html.is-web .home-quick-banners-row .home-quick-banners-grid .product-banner-info-bc {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.is-web .home-quick-banners-row--wide .home-quick-banners-grid--wide {
  width: 100% !important;
  max-width: 100% !important;
}
html.is-web .home-quick-banners-row--wide .home-quick-banners-grid--wide > .product-banner-bc,
html.is-web .home-quick-banners-row--wide .home-quick-banners-grid--wide > .product-banner-info-bc {
  width: 100% !important;
  max-width: none !important;
}
html.is-web .home-quick-banners-row--wide .home-quick-banners-grid--wide .product-banner-img-bc,
html.is-web .home-quick-banners-row--wide .home-quick-banners-grid--wide .product-banner-img-bc img {
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
}

html.is-web {
  --desktop-header-margin-bottom: 0px;
}

html.is-web .layout-header-holder-bc {
  margin-bottom: 0 !important;
  box-shadow: none !important;
}

html.is-web .layout-content-holder-bc {
  margin-top: 0 !important;
  padding-top: 14px !important;
}

html.is-web .layout-header-holder-bc .nav-content-bc {
  height: 44px !important;
  max-height: 44px !important;
  min-height: 44px !important;
  display: flex !important;
  align-items: stretch !important;
  overflow: visible !important;
}

html.is-web .layout-header-holder-bc .nav-content-bc .nav-content-menu,
html.is-web .layout-header-holder-bc .nav-content-bc .nav-menu-container.header-navigation {
  height: 44px !important;
  max-height: 44px !important;
  min-height: 44px !important;
  display: flex !important;
  align-items: stretch !important;
  overflow: visible !important;
  border: none !important;
  background: transparent !important;
}

html.is-web .layout-header-holder-bc .nav-menu,
html.is-web .layout-header-holder-bc .nav-menu-other {
  height: 44px !important;
  max-height: 44px !important;
  min-height: 44px !important;
  align-items: stretch !important;
  margin: 0 !important;
}

html.is-web .layout-header-holder-bc .nav-menu > li,
html.is-web .layout-header-holder-bc .nav-menu-other > li.nav-menu-item,
html.is-web .layout-header-holder-bc .nav-menu-other > .nav-menu-item {
  height: 44px !important;
  max-height: 44px !important;
  min-height: 44px !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

html.is-web .layout-header-holder-bc .nav-menu > li > a,
html.is-web .layout-header-holder-bc .nav-menu > li > .nav-menu-item,
html.is-web .layout-header-holder-bc .nav-menu-other > li.nav-menu-item,
html.is-web .layout-header-holder-bc .nav-menu-other > .nav-menu-item,
html.is-web .layout-header-holder-bc .nav-menu > li > a:not(.active),
html.is-web .layout-header-holder-bc .nav-menu-other > .nav-menu-item:not(.active) {
  height: 44px !important;
  max-height: 44px !important;
  min-height: 44px !important;
  padding: 0 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  border-right: 1px solid rgba(255, 255, 255, 0.06) !important;
  color: rgba(255, 255, 255, 0.72) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.72) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
  line-height: 1 !important;
}

html.is-web .layout-header-holder-bc .nav-content-bc .nav-menu > li > .nav-menu-item > span,
html.is-web .layout-header-holder-bc .nav-content-bc .nav-menu-other > .nav-menu-item > span,
html.is-web .layout-header-holder-bc .nav-menu > li > a > span,
html.is-web .layout-header-holder-bc .nav-menu-item span {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
  background: none !important;
  text-shadow: none !important;
  filter: none !important;
  font-weight: inherit !important;
}

html.is-web .layout-header-holder-bc .nav-menu-other > li.nav-menu-item > i,
html.is-web .layout-header-holder-bc .nav-menu-other > .nav-menu-item > i {
  color: inherit !important;
  font-size: 12px !important;
  line-height: 1 !important;
}

html.is-web .layout-header-holder-bc .nav-menu > li:hover > a:not(.active),
html.is-web .layout-header-holder-bc .nav-menu > li:hover > .nav-menu-item:not(.active),
html.is-web .layout-header-holder-bc .nav-menu-other > li.nav-menu-item:hover,
html.is-web .layout-header-holder-bc .nav-menu-other > .nav-menu-item:hover {
  background: rgba(255, 255, 255, 0.04) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: inset 0 -2px 0 rgba(61, 95, 138, 0.55) !important;
}

html.is-web .layout-header-holder-bc .nav-menu > li > a.active,
html.is-web .layout-header-holder-bc .nav-menu > li > a.nav-menu-item.active,
html.is-web .layout-header-holder-bc .nav-menu > li > .nav-menu-item.active,
html.is-web .layout-header-holder-bc .nav-menu-other > .nav-menu-item.active {
  background: rgba(61, 95, 138, 0.92) !important;
  background-color: rgba(61, 95, 138, 0.92) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-right-color: transparent !important;
  box-shadow: none !important;
}

html.is-web .layout-header-holder-bc .hdr-main-content-bc {
  display: flex !important;
  align-items: center !important;
  height: 56px !important;
  min-height: 56px !important;
  max-height: 56px !important;
  gap: 8px !important;
  overflow: visible !important;
}

html.is-web .layout-header-holder-bc .hdr-main-content-bc .logo-container,
html.is-web .layout-header-holder-bc .hdr-main-content-bc .hdr-user-bc,
html.is-web .layout-header-holder-bc .hdr-main-content-bc .header-user-nav {
  display: flex !important;
  align-items: center !important;
  height: 56px !important;
  max-height: 56px !important;
  margin: 0 !important;
  gap: 8px !important;
}

html.is-web .layout-header-holder-bc .hdr-main-content-bc .infoTime {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
  margin: 0 0 0 8px !important;
  padding: 0 10px !important;
  border-radius: 8px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  background: rgba(255, 255, 255, 0.05) !important;
  color: rgba(255, 255, 255, 0.78) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.78) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  font-variant-numeric: tabular-nums !important;
  letter-spacing: 0.04em !important;
  line-height: 1 !important;
  box-shadow: none !important;
}

html.is-web .layout-header-holder-bc .hdr-main-content-bc .infoTime::after {
  content: none !important;
  display: none !important;
}

html.is-web .layout-header-holder-bc .hdr-main-content-bc .form-control-bc.select.compact-mode {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
  width: auto !important;
  min-width: 64px !important;
  margin: 0 !important;
  padding: 0 8px !important;
  border-radius: 8px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  background: rgba(255, 255, 255, 0.05) !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

html.is-web .layout-header-holder-bc .hdr-main-content-bc .form-control-bc.select.compact-mode::after {
  content: none !important;
  display: none !important;
}

html.is-web .layout-header-holder-bc .hdr-main-content-bc .form-control-bc.select.compact-mode .form-control-select-bc,
html.is-web .layout-header-holder-bc .hdr-main-content-bc .form-control-bc.select.compact-mode .form-control-icon-bc,
html.is-web .layout-header-holder-bc .hdr-main-content-bc .form-control-bc.select.compact-mode span {
  color: rgba(255, 255, 255, 0.78) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.78) !important;
  background: transparent !important;
  line-height: 1 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

html.is-web .layout-header-holder-bc .hdr-main-content-bc .header-custom-buttons {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  height: 32px !important;
  margin: 0 !important;
}

html.is-web .layout-header-holder-bc .hdr-main-content-bc .header-custom-buttons > a,
html.is-web .layout-header-holder-bc .hdr-main-content-bc .header-icon-text,
html.is-web .layout-header-holder-bc .hdr-main-content-bc .deposit-btn,
html.is-web .layout-header-holder-bc .hdr-main-content-bc .bc-i-live-chat,
html.is-web .layout-header-holder-bc .hdr-main-content-bc .bc-i-bonus,
html.is-web .layout-header-holder-bc .hdr-main-content-bc .bc-i-wallet,
html.is-web .layout-header-holder-bc .hdr-main-content-bc .bc-i-deposit {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 28px !important;
  min-height: 28px !important;
  max-height: 28px !important;
  margin: 0 !important;
  vertical-align: middle !important;
  box-sizing: border-box !important;
}

html.is-web .layout-header-holder-bc .hdr-main-content-bc .header-icon-text::after,
html.is-web .layout-header-holder-bc .hdr-main-content-bc .deposit-btn::after,
html.is-web .layout-header-holder-bc .hdr-main-content-bc .bc-i-live-chat::after {
  content: none !important;
  display: none !important;
}

html.is-web .layout-header-holder-bc .hdr-main-content-bc .header-user-balance-container {
  display: inline-flex !important;
  align-items: center !important;
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

html.is-web .home-featured-sports-row .featuredGameItemCompetitionName,
html.is-mobile .home-featured-sports-row .featuredGameItemCompetitionName {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html.is-web .home-featured-sports-row .bm-featured-odds .market-bc,
html.is-mobile .home-featured-sports-row .bm-featured-odds .market-bc {
  background: #0E1A2E !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html.is-web .home-featured-sports-row .bm-featured-odds .market-name-bc,
html.is-mobile .home-featured-sports-row .bm-featured-odds .market-name-bc {
  color: rgba(255, 255, 255, 0.72) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.72) !important;
}

html.is-web .home-featured-sports-row .bm-featured-odds .market-odd-bc,
html.is-mobile .home-featured-sports-row .bm-featured-odds .market-odd-bc {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html.is-web .home-featured-sports-row .featuredGameItemPlayerName,
html.is-web .home-featured-sports-row .featuredGameItemTime,
html.is-web .home-featured-sports-row .bm-fs-date,
html.is-mobile .home-featured-sports-row .featuredGameItemPlayerName,
html.is-mobile .home-featured-sports-row .featuredGameItemTime,
html.is-mobile .home-featured-sports-row .bm-fs-date {
  color: #0E1A2E !important;
  -webkit-text-fill-color: #0E1A2E !important;
}

html.is-web .header-bc .balanceAmount,
html.is-web .hdr-user-bc .balanceAmount,
html.is-web .header-user-nav .balanceAmount,
html.is-web .hdr-user-info-texts-bc .balanceAmount {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 800 !important;
  font-size: 14px !important;
  letter-spacing: 0.01em !important;
  font-variant-numeric: tabular-nums !important;
  opacity: 1 !important;
}

html.is-web .nav-content-bc .nav-menu-other > li.nav-menu-item,
html.is-web .nav-content-bc .nav-menu-other > .nav-menu-item,
html.is-web .nav-menu-container.header-navigation .nav-menu-other > li.nav-menu-item,
html.is-web .nav-menu-container.header-navigation .nav-menu-other > .nav-menu-item {
  background: transparent !important;
  color: rgba(255, 255, 255, 0.72) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.72) !important;
  font-weight: 600 !important;
}

html.is-web .nav-content-bc .nav-menu-other > li.nav-menu-item:hover,
html.is-web .nav-menu-container.header-navigation .nav-menu-other > li.nav-menu-item:hover {
  background: rgba(255, 255, 255, 0.04) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* /assets/css/pc-header-nav.css */
html.is-web {
  --pc-hdr-bg: #000C1F;
  --pc-hdr-text: #E2E8F0;
  --pc-hdr-text-strong: #FFFFFF;
  --pc-hdr-border: rgba(232, 197, 71, 0.25);
  --pc-hdr-hover-bg: #0E1A2E;
  --brand: 61, 95, 138 !important;
  --brand-hover: 91, 127, 168 !important;
  --menu-sc: 61, 95, 138 !important;
  --header-sc: 61, 95, 138 !important;
  --hero: 61, 95, 138 !important;
}

html.is-web .layout-header-holder-bc {
  --brand: 61, 95, 138;
  --brand-hover: 91, 127, 168;
  --menu-sc: 61, 95, 138;
  --header-sc: 61, 95, 138;
  --hero: 61, 95, 138;
  --link-accent: #E8C547;
}

html.is-web .layout-header-holder-bc .header-bc,
html.is-web #root .layout-header-holder-bc .header-bc {
  background: linear-gradient(180deg, #07152B 0%, #030E20 50%, #000814 100%) !important;
  background-color: #030E20 !important;
  border: none !important;
  border-bottom: 1px solid rgba(232, 197, 71, 0.32) !important;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

html.is-web .layout-header-holder-bc .hdr-main-content-bc,
html.is-web #root .layout-header-holder-bc .hdr-main-content-bc {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
  box-shadow: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  height: 60px !important;
  min-height: 60px !important;
  max-height: 60px !important;
  padding: 0 20px !important;
  gap: 10px !important;
  box-sizing: border-box !important;
}

html.is-web .layout-header-holder-bc .hdr-main-content-bc .logo-container,
html.is-web #root .layout-header-holder-bc .hdr-main-content-bc .logo-container {
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
  margin: 0 !important;
  margin-right: auto !important;
  padding: 0 !important;
}

html.is-web .layout-header-holder-bc .hdr-main-content-bc .logo-container .logo {
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
}

html.is-web .layout-header-holder-bc .hdr-main-content-bc .hdr-user-bc,
html.is-web #root .layout-header-holder-bc .hdr-main-content-bc .hdr-user-bc {
  display: inline-flex !important;
  align-items: center !important;
  height: 38px !important;
  max-height: 38px !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
}

html.is-web .layout-header-holder-bc .hdr-main-content-bc .header-custom-buttons {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  height: 38px !important;
  margin: 0 !important;
  padding: 0 !important;
}

html.is-web .layout-header-holder-bc .hdr-main-content-bc .header-user-nav {
  display: inline-flex !important;
  align-items: center !important;
  height: 38px !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

html.is-web .layout-header-holder-bc .hdr-main-content-bc .header-user-nav .nav-menu-other {
  display: inline-flex !important;
  align-items: center !important;
  height: 38px !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 8px !important;
  list-style: none !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

html.is-web .layout-header-holder-bc .hdr-main-content-bc .header-user-nav .nav-menu-other > li {
  display: inline-flex !important;
  align-items: center !important;
  height: 38px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  position: relative !important;
}

html.is-web .layout-header-holder-bc .hdr-main-content-bc .header-user-nav .nav-menu-other > li > a,
html.is-web .layout-header-holder-bc .hdr-main-content-bc .header-user-nav .nav-menu-other > li > a.nav-menu-item {
  display: inline-flex !important;
  align-items: center !important;
  height: 38px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

html.is-web .layout-header-holder-bc .hdr-main-content-bc .header-user-nav .hdr-user-info-content-bc {
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 14px !important;
  border-radius: 8px !important;
  border: 1px solid rgba(232, 197, 71, 0.35) !important;
  background: linear-gradient(180deg, #102644 0%, #08172C 50%, #030D1B 100%) !important;
  box-sizing: border-box !important;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.4), 0 0 12px rgba(232, 197, 71, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
}

html.is-web .layout-header-holder-bc .hdr-main-content-bc .header-user-nav .hdr-user-avatar-icon-bc {
  height: 38px !important;
  width: 38px !important;
  min-height: 38px !important;
  min-width: 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 8px !important;
  border: 1px solid rgba(232, 197, 71, 0.3) !important;
  background: linear-gradient(180deg, #102644 0%, #08172C 50%, #030D1B 100%) !important;
  box-sizing: border-box !important;
  font-size: 18px !important;
  color: #FFE066 !important;
  -webkit-text-fill-color: #FFE066 !important;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.4), 0 0 12px rgba(232, 197, 71, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  cursor: pointer !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

html.is-web .layout-header-holder-bc .hdr-main-content-bc .header-user-nav .hdr-user-avatar-icon-bc:hover {
  border-color: rgba(255, 215, 0, 0.7) !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.5), 0 0 16px rgba(232, 197, 71, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
  transform: translateY(-1.5px) !important;
}

html.is-web .layout-header-holder-bc .hdr-main-content-bc .form-control-bc.select.compact-mode {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  width: auto !important;
  min-width: 74px !important;
  margin: 0 !important;
  padding: 0 12px !important;
  border-radius: 8px !important;
  border: 1px solid rgba(232, 197, 71, 0.3) !important;
  background: linear-gradient(180deg, #102644 0%, #08172C 50%, #030D1B 100%) !important;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.4), 0 0 12px rgba(232, 197, 71, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

html.is-web .layout-header-holder-bc .hdr-main-content-bc .form-control-bc.select.compact-mode:hover {
  border-color: rgba(255, 215, 0, 0.7) !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.5), 0 0 16px rgba(232, 197, 71, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
  transform: translateY(-1.5px) !important;
}

html.is-web .layout-header-holder-bc .hdr-main-content-bc .form-control-bc.select.compact-mode .form-control-select-bc {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

html.is-web .layout-header-holder-bc .hdr-main-content-bc .form-control-bc.select.compact-mode span {
  color: #FFE066 !important;
  -webkit-text-fill-color: #FFE066 !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
}

html.is-web .layout-header-holder-bc .hdr-main-content-bc .infoTime {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  border-radius: 8px !important;
  border: 1px solid rgba(232, 197, 71, 0.3) !important;
  background: linear-gradient(180deg, #102644 0%, #08172C 50%, #030D1B 100%) !important;
  color: #FFE066 !important;
  -webkit-text-fill-color: #FFE066 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  font-variant-numeric: tabular-nums !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.4), 0 0 12px rgba(232, 197, 71, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  box-sizing: border-box !important;
}

html.is-web .layout-header-holder-bc .hdr-main-content-bc .smartPanel-bc {
  display: inline-flex !important;
  align-items: center !important;
  height: 38px !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 4px !important;
}

html.is-web .layout-header-holder-bc .hdr-main-content-bc .smartPanel-bc .hdr-smart-panel-holder-bc {
  display: inline-flex !important;
  align-items: center !important;
  height: 38px !important;
  gap: 4px !important;
}

html.is-web .layout-header-holder-bc .hdr-main-content-bc .smartPanel-bc .sp-button-bc {
  height: 38px !important;
  width: 38px !important;
  min-height: 38px !important;
  min-width: 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 8px !important;
  border: 1px solid rgba(232, 197, 71, 0.3) !important;
  background: linear-gradient(180deg, #102644 0%, #08172C 50%, #030D1B 100%) !important;
  color: #FFE066 !important;
  -webkit-text-fill-color: #FFE066 !important;
  font-size: 16px !important;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.4), 0 0 12px rgba(232, 197, 71, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  cursor: pointer !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

html.is-web .layout-header-holder-bc .hdr-main-content-bc .smartPanel-bc .sp-button-bc:hover {
  border-color: rgba(255, 215, 0, 0.7) !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.5), 0 0 16px rgba(232, 197, 71, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
  transform: translateY(-1.5px) !important;
}

html.is-web .layout-header-holder-bc .hdr-main-content-bc .smartPanel-bc .hdr-toggle-button-bc {
  height: 38px !important;
  width: 38px !important;
  min-height: 38px !important;
  min-width: 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 8px !important;
  border: 1px solid rgba(232, 197, 71, 0.45) !important;
  background: linear-gradient(180deg, #102644 0%, #08172C 50%, #030D1B 100%) !important;
  color: #FFE066 !important;
  -webkit-text-fill-color: #FFE066 !important;
  font-size: 16px !important;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.4), 0 0 14px rgba(232, 197, 71, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  cursor: pointer !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

html.is-web .layout-header-holder-bc .hdr-main-content-bc .smartPanel-bc .hdr-toggle-button-bc:hover {
  border-color: #FFE066 !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.5), 0 0 20px rgba(232, 197, 71, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
  transform: translateY(-1.5px) !important;
}

html.is-web .layout-header-holder-bc .nav-content-bc {
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-bottom: 1px solid rgba(232, 197, 71, 0.28) !important;
  height: 50px !important;
  min-height: 50px !important;
  max-height: 50px !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 16px !important;
  box-sizing: border-box !important;
}

html.is-web .layout-header-holder-bc .nav-content-bc,
html.is-web .layout-header-holder-bc .nav-menu-container.header-navigation:first-child,
html.is-web #root .layout-header-holder-bc .nav-content-bc {
  background: linear-gradient(180deg, #09172B 0%, #030D1B 60%, #01070E 100%) !important;
  background-color: #030D1B !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 4px 12px rgba(0, 0, 0, 0.35) !important;
}

html.is-web .layout-header-holder-bc .casino-slots-subnav-holder,
html.is-web .layout-header-holder-bc .casino-slots-subnav-holder .hdr-navigation-scrollable-bc,
html.is-web .header-bc .casino-slots-subnav-holder,
html.is-web #root .layout-header-holder-bc .casino-slots-subnav-holder {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-bottom: none !important;
  box-shadow: none !important;
}

html.is-web .casino-slots-subnav-holder.is-collapsed,
html.is-web .layout-header-holder-bc .casino-slots-subnav-holder.is-collapsed,
html.is-web.casino-providers-modal-open .casino-slots-subnav-holder,
html.is-web .layout-header-holder-bc.casino-providers-modal-open .casino-slots-subnav-holder {
  max-height: 0 !important;
  min-height: 0 !important;
  height: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  border-top-width: 0 !important;
  border-bottom-width: 0 !important;
  overflow: hidden !important;
}

html.is-web .casino-slots-subnav .hdr-navigation-link-bc,
html.is-web .layout-header-holder-bc .casino-slots-subnav .hdr-navigation-link-bc {
  background: #000C1F !important;
  background-color: #000C1F !important;
  border: 0 !important;
  border-right: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: #1E4A78 !important;
  -webkit-text-fill-color: #1E4A78 !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

html.is-web .casino-slots-subnav .hdr-navigation-link-bc > span,
html.is-web .layout-header-holder-bc .casino-slots-subnav .hdr-navigation-link-bc > span {
  background: linear-gradient(180deg, #FFFDE0 0%, #FFE066 38%, #F0B823 60%, #D49A00 100%) !important;
  background-image: linear-gradient(180deg, #FFFDE0 0%, #FFE066 38%, #F0B823 60%, #D49A00 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: #FFE066 !important;
  font-weight: 700 !important;
  text-shadow: none !important;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.45)) !important;
}

html.is-web .casino-slots-subnav .hdr-navigation-link-bc:hover {
  background: #0E1A2E !important;
  color: #FFE066 !important;
}

html.is-web .casino-slots-subnav .hdr-navigation-link-bc:hover > span {
  background: linear-gradient(180deg, #FFFFFF 0%, #FFF5BD 35%, #FFD700 55%, #E5A910 100%) !important;
  background-image: linear-gradient(180deg, #FFFFFF 0%, #FFF5BD 35%, #FFD700 55%, #E5A910 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: #FFF5BD !important;
  filter: drop-shadow(0 0 6px rgba(255, 224, 102, 0.65)) !important;
}

html.is-web .casino-slots-subnav .hdr-navigation-link-bc.active,
html.is-web .casino-slots-subnav .hdr-navigation-link-bc[aria-current="page"],
html.is-web .layout-header-holder-bc .casino-slots-subnav .hdr-navigation-link-bc.active,
html.is-web .layout-header-holder-bc .casino-slots-subnav .hdr-navigation-link-bc[aria-current="page"] {
  background: #1E4A78 !important;
  background-color: #1E4A78 !important;
  color: #FFE066 !important;
  -webkit-text-fill-color: #FFE066 !important;
}

html.is-web .casino-slots-subnav .hdr-navigation-link-bc.active > span,
html.is-web .casino-slots-subnav .hdr-navigation-link-bc[aria-current="page"] > span {
  background: linear-gradient(180deg, #FFFFFF 0%, #FFF5BD 35%, #FFD700 55%, #E5A910 100%) !important;
  background-image: linear-gradient(180deg, #FFFFFF 0%, #FFF5BD 35%, #FFD700 55%, #E5A910 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: #FFF5BD !important;
  filter: drop-shadow(0 0 6px rgba(255, 224, 102, 0.65)) !important;
}

html.is-web .layout-header-holder-bc .nav-menu-container.header-navigation:first-child {
  border-top: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-bottom: 1px solid var(--pc-hdr-border) !important;
}

html.is-web .layout-header-holder-bc .nav-menu > li > a,
html.is-web .layout-header-holder-bc .nav-menu > li > .nav-menu-item,
html.is-web .layout-header-holder-bc .nav-menu-other > .nav-menu-item,
html.is-web .layout-header-holder-bc .nav-menu-other > li.nav-menu-item,
html.is-web #root > div.layout-header-holder-bc > header > div.nav-content-bc > div > nav > ul.nav-menu.nav-menu-hide-items > li > a,
html.is-web #root > div.layout-header-holder-bc > header > div.nav-content-bc .nav-menu > li > a {
  background: linear-gradient(180deg, rgba(28, 54, 90, 0.55) 0%, rgba(10, 24, 46, 0.8) 100%) !important;
  background-color: rgba(10, 24, 46, 0.8) !important;
  border: 1px solid rgba(232, 197, 71, 0.35) !important;
  border-radius: 8px !important;
  color: #FFE066 !important;
  -webkit-text-fill-color: #FFE066 !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4), 0 0 10px rgba(232, 197, 71, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
  cursor: pointer !important;
}

html.is-web .layout-header-holder-bc .nav-content-bc .nav-menu > li > .nav-menu-item > span,
html.is-web .layout-header-holder-bc .nav-content-bc .nav-menu-other > .nav-menu-item > span,
html.is-web .layout-header-holder-bc .nav-menu-item span,
html.is-web .layout-header-holder-bc .nav-menu > li > a > span,
html.is-web .layout-header-holder-bc .nav-menu > li > a span,
html.is-web .nav-menu-item span,
html.is-web .nav-menu > li > a.nav-menu-item span {
  background: linear-gradient(180deg, #FFFFFF 0%, #FFF3B3 22%, #FFD700 52%, #E5A910 75%, #A67500 100%) !important;
  background-image: linear-gradient(180deg, #FFFFFF 0%, #FFF3B3 22%, #FFD700 52%, #E5A910 75%, #A67500 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: #FFE066 !important;
  text-shadow: none !important;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.6)) !important;
  opacity: 1 !important;
  font-size: 13.5px !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}

html.is-web .layout-header-holder-bc .nav-menu-container.header-navigation:first-child .nav-menu > li:hover > .nav-menu-item,
html.is-web .layout-header-holder-bc .nav-menu-container.header-navigation:first-child .nav-menu-other:hover > .nav-menu-item,
html.is-web .nav-menu > li > .nav-menu-item:hover,
html.is-web .layout-header-holder-bc .nav-menu > li > a.nav-menu-item:hover {
  background: linear-gradient(180deg, #1D4B7D 0%, #12345C 50%, #0A213D 100%) !important;
  background-color: transparent !important;
  border: 1px solid rgba(255, 215, 0, 0.65) !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.5), 0 0 18px rgba(232, 197, 71, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
  transform: translateY(-1.5px) !important;
}

html.is-web .layout-header-holder-bc .nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-item.active,
html.is-web .layout-header-holder-bc .nav-menu-container.header-navigation:first-child .nav-menu-other > .nav-menu-item.active,
html.is-web .nav-menu > li > .nav-menu-item.active,
html.is-web .nav-menu > li > a.nav-menu-item.active,
html.is-web .nav-menu > li > a.nav-menu-item[aria-current="page"] {
  background: linear-gradient(180deg, #2A62A0 0%, #173F6C 50%, #0D2746 100%) !important;
  background-color: #173F6C !important;
  border: 1px solid #FFE066 !important;
  color: #FFE066 !important;
  -webkit-text-fill-color: #FFE066 !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.55), inset 0 1px 1px rgba(255, 255, 255, 0.45), 0 0 18px rgba(232, 197, 71, 0.45) !important;
}

html.is-web .layout-header-holder-bc .nav-menu-container.header-navigation:first-child .nav-menu > li:hover > .nav-menu-item > span,
html.is-web .layout-header-holder-bc .nav-menu-container.header-navigation:first-child .nav-menu-other:hover > .nav-menu-item > span,
html.is-web .layout-header-holder-bc .nav-menu > li:hover > a > span,
html.is-web .layout-header-holder-bc .nav-menu > li > a.nav-menu-item:hover > span {
  background: linear-gradient(180deg, #FFFFFF 0%, #FFFDE0 30%, #FFE57F 60%, #FFD700 100%) !important;
  background-image: linear-gradient(180deg, #FFFFFF 0%, #FFFDE0 30%, #FFE57F 60%, #FFD700 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: #FFF5BD !important;
  filter: drop-shadow(0 0 8px rgba(255, 224, 102, 0.75)) !important;
}

html.is-web .layout-header-holder-bc .nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-item.active,
html.is-web .layout-header-holder-bc .nav-menu-container.header-navigation:first-child .nav-menu-other > .nav-menu-item.active,
html.is-web .nav-menu > li > .nav-menu-item.active,
html.is-web .nav-menu > li > a.nav-menu-item.active,
html.is-web .nav-menu > li > a.nav-menu-item[aria-current="page"] {
  background: linear-gradient(180deg, #245A94 0%, #153A64 50%, #0C233E 100%) !important;
  background-color: #153A64 !important;
  border: 1px solid #FFE57F !important;
  color: #FFE066 !important;
  -webkit-text-fill-color: #FFE066 !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.5), 0 0 18px rgba(232, 197, 71, 0.45), inset 0 1px 1px #ffffff !important;
}

html.is-web .layout-header-holder-bc .nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-item.active > span,
html.is-web .layout-header-holder-bc .nav-menu > li > a.active > span,
html.is-web .layout-header-holder-bc .nav-menu > li > a.nav-menu-item.active span,
html.is-web .layout-header-holder-bc .nav-menu > li > a.nav-menu-item[aria-current="page"] span {
  background: linear-gradient(180deg, #FFFFFF 0%, #FFFDE0 30%, #FFE57F 60%, #FFD700 100%) !important;
  background-image: linear-gradient(180deg, #FFFFFF 0%, #FFFDE0 30%, #FFE57F 60%, #FFD700 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: #FFF5BD !important;
  filter: drop-shadow(0 0 8px rgba(255, 224, 102, 0.75)) !important;
}

html.is-web .layout-header-holder-bc .nav-menu > li > .nav-menu-item.active > i,
html.is-web .layout-header-holder-bc .nav-menu > li > a.nav-menu-item.active > i {
  color: #FFE066 !important;
  -webkit-text-fill-color: #FFE066 !important;
  filter: drop-shadow(0 0 6px rgba(255, 224, 102, 0.65)) !important;
}

html.is-web .nav-menu > li > a.nav-menu-item[href="/tr/promotions"]::before,
html.is-web .nav-menu > li > a.nav-menu-item[href*="/promotions"]::before {
  background: transparent !important;
  opacity: 0 !important;
  content: none !important;
}

html.is-web .nav-menu > li > a.nav-menu-item[href="/tr/promotions"] > span,
html.is-web .nav-menu > li > a.nav-menu-item[href*="/promotions"] > span,
html.is-web .nav-menu > li > a.nav-menu-item[href="/tr/promotions"] span,
html.is-web .nav-menu > li > a.nav-menu-item[href*="/promotions"] span {
  color: #FFE066 !important;
  -webkit-text-fill-color: #FFE066 !important;
  background: none !important;
  background-image: none !important;
}

html.is-web .layout-header-holder-bc .btn.register,
html.is-web .layout-header-holder-bc .hdr-user-bc .btn.register,
html.is-web .header-custom-buttons .btn.register,
html.is-web .layout-header-holder-bc .btn.register:focus-visible {
  background: linear-gradient(180deg, #FFF4B8 0%, #FFD700 38%, #E5A910 60%, #B8860B 100%) !important;
  background-image: linear-gradient(180deg, #FFF4B8 0%, #FFD700 38%, #E5A910 60%, #B8860B 100%) !important;
  border: 1px solid #FFE57F !important;
  color: #1A0D00 !important;
  -webkit-text-fill-color: #1A0D00 !important;
  box-shadow: 0 4px 16px rgba(229, 169, 16, 0.45), inset 0 1px 2px #ffffff !important;
  font-size: 13.5px !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  height: 38px !important;
  min-height: 38px !important;
  line-height: 38px !important;
  padding: 0 20px !important;
  border-radius: 8px !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
  cursor: pointer !important;
}

html.is-web .layout-header-holder-bc .btn.register:hover,
html.is-web .layout-header-holder-bc .hdr-user-bc .btn.register:hover {
  background: linear-gradient(180deg, #FFFBE0 0%, #FFE680 40%, #FFD700 65%, #D49A00 100%) !important;
  background-image: linear-gradient(180deg, #FFFBE0 0%, #FFE680 40%, #FFD700 65%, #D49A00 100%) !important;
  border-color: #FFF0A0 !important;
  color: #1A0D00 !important;
  -webkit-text-fill-color: #1A0D00 !important;
  box-shadow: 0 6px 22px rgba(255, 215, 0, 0.6), inset 0 1px 2px #ffffff !important;
  transform: translateY(-1px) !important;
}

html.is-web .layout-header-holder-bc .btn.sign-in,
html.is-web .layout-header-holder-bc .hdr-user-bc .btn.sign-in,
html.is-web .header-custom-buttons .btn.sign-in,
html.is-web .layout-header-holder-bc .btn.sign-in:focus-visible {
  background: linear-gradient(180deg, #FFFFFF 0%, #E2E8F0 42%, #CBD5E1 55%, #94A3B8 100%) !important;
  background-image: linear-gradient(180deg, #FFFFFF 0%, #E2E8F0 42%, #CBD5E1 55%, #94A3B8 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.9) !important;
  color: #040E1E !important;
  -webkit-text-fill-color: #040E1E !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.4), 0 0 12px rgba(232, 197, 71, 0.2), inset 0 1px 1px #ffffff !important;
  font-size: 13.5px !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  height: 38px !important;
  min-height: 38px !important;
  line-height: 38px !important;
  padding: 0 20px !important;
  border-radius: 8px !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
  cursor: pointer !important;
}

html.is-web .layout-header-holder-bc .btn.sign-in:hover,
html.is-web .layout-header-holder-bc .hdr-user-bc .btn.sign-in:hover {
  background: linear-gradient(180deg, #FFFFFF 0%, #F1F5F9 45%, #E2E8F0 100%) !important;
  background-image: linear-gradient(180deg, #FFFFFF 0%, #F1F5F9 45%, #E2E8F0 100%) !important;
  border-color: #ffffff !important;
  color: #040E1E !important;
  -webkit-text-fill-color: #040E1E !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.45), 0 0 20px rgba(232, 197, 71, 0.45), inset 0 1px 1px #ffffff !important;
  transform: translateY(-1.5px) !important;
}

html.is-web .layout-header-holder-bc .btn.sign-in span,
html.is-web .layout-header-holder-bc .hdr-user-bc .btn.sign-in span,
html.is-web .layout-header-holder-bc .btn.sign-in *,
html.is-web .layout-header-holder-bc .hdr-user-bc .btn.sign-in * {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
  background: none !important;
}

html.is-web .layout-header-holder-bc .btn.register,
html.is-web .layout-header-holder-bc .hdr-user-bc .btn.register,
html.is-web .layout-header-holder-bc .hdr-user-bc .deposit-btn,
html.is-web .layout-header-holder-bc .header-custom-buttons a[class*="promotions"],
html.is-web .layout-header-holder-bc .hdr-user-bc a[class*="promotions"] {
  background: linear-gradient(180deg, #FFF6BE 0%, #FFD700 35%, #E5A910 65%, #B8860B 100%) !important;
  background-image: linear-gradient(180deg, #FFF6BE 0%, #FFD700 35%, #E5A910 65%, #B8860B 100%) !important;
  border: 1px solid #FFE57F !important;
  color: #1A0D00 !important;
  -webkit-text-fill-color: #1A0D00 !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4), 0 0 18px rgba(255, 215, 0, 0.45), inset 0 1px 2px #ffffff !important;
  font-size: 13.5px !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  height: 38px !important;
  min-height: 38px !important;
  line-height: 38px !important;
  padding: 0 20px !important;
  border-radius: 8px !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
  cursor: pointer !important;
}

html.is-web .layout-header-holder-bc .btn.register:hover,
html.is-web .layout-header-holder-bc .hdr-user-bc .btn.register:hover,
html.is-web .layout-header-holder-bc .header-custom-buttons a[class*="promotions"]:hover,
html.is-web .layout-header-holder-bc .hdr-user-bc a[class*="promotions"]:hover,
html.is-web .layout-header-holder-bc .hdr-user-bc .deposit-btn:hover {
  background: linear-gradient(180deg, #FFFDE0 0%, #FFE680 40%, #FFD700 65%, #D49A00 100%) !important;
  background-image: linear-gradient(180deg, #FFFDE0 0%, #FFE680 40%, #FFD700 65%, #D49A00 100%) !important;
  border-color: #FFF0A0 !important;
  color: #1A0D00 !important;
  -webkit-text-fill-color: #1A0D00 !important;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.5), 0 0 26px rgba(255, 215, 0, 0.7), inset 0 1px 2px #ffffff !important;
  transform: translateY(-1.5px) !important;
}

html.is-web .layout-header-holder-bc .btn.register span,
html.is-web .layout-header-holder-bc .hdr-user-bc .btn.register span,
html.is-web .layout-header-holder-bc .btn.register *,
html.is-web .layout-header-holder-bc .hdr-user-bc .btn.register * {
  color: #111111 !important;
  -webkit-text-fill-color: #111111 !important;
  background: none !important;
}

html.is-web .layout-header-holder-bc .nav-menu > li > a.nav-menu-item,
html.is-web .layout-header-holder-bc .nav-menu > li > a.nav-menu-item:focus-visible {
  color: #FFE066 !important;
  -webkit-text-fill-color: #FFE066 !important;
}

html.is-web .layout-header-holder-bc .nav-menu > li > a.nav-menu-item:hover {
  color: #FFF5BD !important;
  -webkit-text-fill-color: #FFF5BD !important;
}

html.is-web .layout-header-holder-bc .nav-menu > li > a.nav-menu-item.active,
html.is-web .layout-header-holder-bc .nav-menu > li > a.nav-menu-item[aria-current="page"] {
  color: #FFE066 !important;
  -webkit-text-fill-color: #FFE066 !important;
  background: linear-gradient(180deg, #245A94 0%, #153A64 50%, #0C233E 100%) !important;
  background-color: #153A64 !important;
}

html.is-web .layout-header-holder-bc .nav-menu > li > a.nav-menu-item > span,
html.is-web .layout-header-holder-bc .nav-menu > li > a.nav-menu-item > span *,
html.is-web .layout-header-holder-bc .nav-menu-item > span,
html.is-web .layout-header-holder-bc .nav-menu-item > span * {
  background: linear-gradient(180deg, #FFFDE0 0%, #FFE066 38%, #F0B823 60%, #D49A00 100%) !important;
  background-image: linear-gradient(180deg, #FFFDE0 0%, #FFE066 38%, #F0B823 60%, #D49A00 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: #FFE066 !important;
  text-shadow: none !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.45)) !important;
}

html.is-web .layout-header-holder-bc button:not(.generic-search-btn, .generic-search-close-btn, .btn.sign-in, .btn.register, .sp-button-bc, .nav-floating-btn) {
  background: linear-gradient(180deg, #1E3F66 0%, #0F2744 55%, #081B30 100%) !important;
  background-image: linear-gradient(180deg, #1E3F66 0%, #0F2744 55%, #081B30 100%) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 1px solid rgba(107, 143, 184, 0.4) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;
  border-radius: 8px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

html.is-web .layout-header-holder-bc .hdr-user-bc .bc-i-deposit,
html.is-web .layout-header-holder-bc .hdr-user-bc .bc-i-wallet,
html.is-web .layout-header-holder-bc .hdr-user-bc .deposit-btn,
html.is-web .layout-header-holder-bc .header-custom-buttons a[class*="promotions"],
html.is-web .layout-header-holder-bc .hdr-user-bc a[class*="promotions"] {
  background: linear-gradient(180deg, #FFF4B8 0%, #FFD700 38%, #E5A910 60%, #B8860B 100%) !important;
  background-image: linear-gradient(180deg, #FFF4B8 0%, #FFD700 38%, #E5A910 60%, #B8860B 100%) !important;
  border: 1px solid #FFE57F !important;
  color: #1A0D00 !important;
  -webkit-text-fill-color: #1A0D00 !important;
  box-shadow: 0 4px 16px rgba(229, 169, 16, 0.45), inset 0 1px 2px #ffffff !important;
  font-size: 13.5px !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  height: 38px !important;
  min-height: 38px !important;
  line-height: 38px !important;
  padding: 0 18px !important;
  border-radius: 8px !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

html.is-web .layout-header-holder-bc .header-custom-buttons a[class*="promotions"]:hover,
html.is-web .layout-header-holder-bc .hdr-user-bc a[class*="promotions"]:hover,
html.is-web .layout-header-holder-bc .hdr-user-bc .deposit-btn:hover {
  background: linear-gradient(180deg, #FFFBE0 0%, #FFE680 40%, #FFD700 65%, #D49A00 100%) !important;
  background-image: linear-gradient(180deg, #FFFBE0 0%, #FFE680 40%, #FFD700 65%, #D49A00 100%) !important;
  border-color: #FFF0A0 !important;
  color: #1A0D00 !important;
  -webkit-text-fill-color: #1A0D00 !important;
  box-shadow: 0 6px 22px rgba(255, 215, 0, 0.6), inset 0 1px 2px #ffffff !important;
  transform: translateY(-1px) !important;
}

html.is-web .header-bc .balanceAmount {
  color: #FFE066 !important;
  -webkit-text-fill-color: #FFE066 !important;
  font-weight: 850 !important;
  font-size: 15px !important;
  letter-spacing: 0.02em !important;
  font-variant-numeric: tabular-nums !important;
}
html.is-web .header-bc .hdr-user-info-texts-bc.ext-1,
html.is-web .header-bc .hdr-user-avatar-icon-bc {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html.is-web .header-bc .header-user-balance-container,
html.is-web .header-bc .header-user-balance-container:after {
  background: linear-gradient(180deg, #0C213E 0%, #051329 100%) !important;
  border-color: rgba(232, 197, 71, 0.35) !important;
}

html.is-web .header-bc .header-user-balance-container:before {
  background: rgba(232, 197, 71, 0.08) !important;
}

html.is-web .layout-header-holder-bc .logo-container .header-icon,
html.is-web .layout-header-holder-bc .logo-container .header-icon.bc-i-live-chat {
  color: #FFE066 !important;
  -webkit-text-fill-color: #FFE066 !important;
}

html.is-web .header-user-nav .nav-menu-sub,
html.is-web .header-user-nav .nav-menu-sub-wallet,
html.is-web .layout-header-holder-bc .nav-menu-sub {
  background: linear-gradient(180deg, #091930 0%, #000C1F 100%) !important;
  color: #FFE066 !important;
  border: 1px solid rgba(232, 197, 71, 0.28) !important;
  border-radius: 12px !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(255, 255, 255, 0.06) !important;
  padding: 8px !important;
}

html.is-web .header-user-nav .nav-menu-sub .nav-menu-item,
html.is-web .header-user-nav .nav-menu-sub-wallet .nav-menu-item,
html.is-web .layout-header-holder-bc .nav-menu-sub .nav-menu-item {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;
  border-radius: 8px !important;
  color: #FFE066 !important;
}

html.is-web .header-user-nav .nav-menu-sub .nav-menu-item span,
html.is-web .header-user-nav .nav-menu-sub-wallet .nav-menu-item span,
html.is-web .header-user-nav .nav-menu-sub .nav-menu-item .checkbox-control-text-bc,
html.is-web .header-user-nav .nav-menu-sub-wallet .nav-menu-item .checkbox-control-text-bc {
  background: linear-gradient(180deg, #FFFDE0 0%, #FFE066 38%, #F0B823 60%, #D49A00 100%) !important;
  background-image: linear-gradient(180deg, #FFFDE0 0%, #FFE066 38%, #F0B823 60%, #D49A00 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: #FFE066 !important;
  font-weight: 700 !important;
}

html.is-web .header-user-nav .nav-menu-sub .nav-menu-item:hover,
html.is-web .header-user-nav .nav-menu-sub .nav-menu-item:focus-visible,
html.is-web .header-user-nav .nav-menu-sub-wallet .nav-menu-item:hover,
html.is-web .header-user-nav .nav-menu-sub-wallet .nav-menu-item:focus-visible {
  background: linear-gradient(180deg, rgba(36, 72, 114, 0.7) 0%, rgba(17, 41, 70, 0.85) 100%) !important;
  border-color: rgba(107, 143, 184, 0.4) !important;
  color: #FFF5BD !important;
}

html.is-web .header-user-nav .nav-menu-sub .nav-menu-item:hover span,
html.is-web .header-user-nav .nav-menu-sub-wallet .nav-menu-item:hover span,
html.is-web .header-user-nav .nav-menu-sub .nav-menu-item:hover .checkbox-control-text-bc,
html.is-web .header-user-nav .nav-menu-sub-wallet .nav-menu-item:hover .checkbox-control-text-bc {
  background: linear-gradient(180deg, #FFFFFF 0%, #FFF5BD 35%, #FFD700 55%, #E5A910 100%) !important;
  background-image: linear-gradient(180deg, #FFFFFF 0%, #FFF5BD 35%, #FFD700 55%, #E5A910 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: #FFF5BD !important;
}

html.is-web .layout-header-holder-bc .nav-menu > li > a.nav-menu-item[class*="badge-"]::after,
html.is-web .layout-header-holder-bc .nav-menu > li > .nav-menu-item[class*="badge-"]::after,
html.is-web .nav-menu-item[class*="badge-"]::after,
html.is-web .hdr-navigation-link-bc[class*="badge-"]::after,
html.is-web .layout-header-holder-bc a.nav-menu-item[class*="badge-"]::after {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

html.is-web .nav-menu-container.header-navigation {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

html.is-web .nav-menu-container.header-navigation .nav-menu {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  width: auto !important;
  min-width: 0 !important;
  height: 48px !important;
  overflow: visible !important;
  gap: 4px !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* cleaned is-nav-ready block */

html.is-web .nav-menu-container.header-navigation.is-nav-ready .nav-menu > li,
html.is-web .nav-menu-container.header-navigation.is-nav-ready .nav-menu-other {
  opacity: 1 !important;
  pointer-events: auto !important;
  transition: opacity 0.12s ease;
}

html.is-web .nav-menu-container.header-navigation .nav-menu > li {
  flex: 0 0 auto !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

html.is-web .nav-menu-container.header-navigation .nav-menu > li > a.nav-menu-item,
html.is-web .nav-menu-container.header-navigation .nav-menu > li > .nav-menu-item {
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  line-height: 36px !important;
  padding: 0 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  white-space: nowrap !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.03em !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
}

html.is-web .nav-menu-container.header-navigation .nav-menu > li > a.nav-menu-item > i,
html.is-web .nav-menu-container.header-navigation .nav-menu > li > .nav-menu-item > i,
html.is-web .layout-header-holder-bc .nav-menu > li > a.nav-menu-item > i,
html.is-web .layout-header-holder-bc .nav-menu > li > .nav-menu-item > i {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
  font-size: 16px !important;
  line-height: 1 !important;
  color: #E8C547 !important;
  -webkit-text-fill-color: #E8C547 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

html.is-web .nav-menu-container.header-navigation .nav-menu > li > a.nav-menu-item > .CMSIconSVGWrapper,
html.is-web .layout-header-holder-bc .nav-menu > li > a.nav-menu-item > .CMSIconSVGWrapper {
  display: inline-flex !important;
  width: 17px !important;
  height: 17px !important;
  flex: 0 0 auto !important;
  color: #E8C547 !important;
}

html.is-web .nav-menu-container.header-navigation .nav-menu > li > a.nav-menu-item > .CMSIconSVGWrapper svg,
html.is-web .layout-header-holder-bc .nav-menu > li > a.nav-menu-item > .CMSIconSVGWrapper svg {
  width: 100% !important;
  height: 100% !important;
  fill: #E8C547 !important;
}

html.is-web .nav-menu-container.header-navigation .nav-menu-other {
  display: flex !important;
  flex: 0 0 auto !important;
  height: 48px !important;
  margin: 0 !important;
  margin-left: auto !important;
  padding: 0 !important;
  list-style: none !important;
  align-items: center !important;
}

html.is-web .nav-menu-container.header-navigation .nav-menu-other.display-none {
  display: none !important;
}

html.is-web .nav-menu-container.header-navigation .nav-menu-other > li.nav-menu-item,
html.is-web .nav-menu-container.header-navigation .nav-menu-other > .nav-menu-item {
  position: relative !important;
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  line-height: 36px !important;
  min-width: 88px !important;
  padding: 0 16px !important;
  margin: 0 2px !important;
  border-radius: 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  background: rgba(255, 255, 255, 0.03) !important;
  border: 1px solid rgba(255, 255, 255, 0.07) !important;
  color: #FFE066 !important;
  -webkit-text-fill-color: #FFE066 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.03em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

html.is-web .nav-menu-container.header-navigation .nav-menu-other > li.nav-menu-item > span,
html.is-web .nav-menu-container.header-navigation .nav-menu-other > .nav-menu-item > span {
  background: linear-gradient(180deg, #FFFDE0 0%, #FFE066 38%, #F0B823 60%, #D49A00 100%) !important;
  background-image: linear-gradient(180deg, #FFFDE0 0%, #FFE066 38%, #F0B823 60%, #D49A00 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: #FFE066 !important;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5)) !important;
}

html.is-web .nav-menu-container.header-navigation .nav-menu-other > li.nav-menu-item > i,
html.is-web .nav-menu-container.header-navigation .nav-menu-other > .nav-menu-item > i {
  color: #E8C547 !important;
  font-size: 14px !important;
}

html.is-web .nav-menu-container.header-navigation .nav-menu-other > li.nav-menu-item:hover,
html.is-web .nav-menu-container.header-navigation .nav-menu-other > .nav-menu-item:hover {
  background: linear-gradient(180deg, rgba(36, 72, 114, 0.7) 0%, rgba(17, 41, 70, 0.85) 100%) !important;
  border-color: rgba(107, 143, 184, 0.5) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 3px 12px rgba(0, 12, 31, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
  transform: translateY(-1px) !important;
}

html.is-web .nav-menu-container.header-navigation .nav-menu-other > li.nav-menu-item:hover > span,
html.is-web .nav-menu-container.header-navigation .nav-menu-other > .nav-menu-item:hover > span {
  background: linear-gradient(180deg, #FFFFFF 0%, #FFF5BD 35%, #FFD700 55%, #E5A910 100%) !important;
  background-image: linear-gradient(180deg, #FFFFFF 0%, #FFF5BD 35%, #FFD700 55%, #E5A910 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: #FFF5BD !important;
  filter: drop-shadow(0 0 6px rgba(255, 224, 102, 0.65)) !important;
}

html.is-web .layout-header-holder-bc .nav-menu-other > li > .nav-menu-sub,
html.is-web .nav-menu-container.header-navigation .nav-menu-other > li > .nav-menu-sub {
  position: absolute !important;
  top: calc(100% + 6px) !important;
  right: 0 !important;
  left: auto !important;
  min-width: 240px !important;
  max-width: min(320px, 90vw) !important;
  margin: 0 !important;
  padding: 8px !important;
  list-style: none !important;
  background: linear-gradient(180deg, #091930 0%, #000C1F 100%) !important;
  border: 1px solid rgba(232, 197, 71, 0.28) !important;
  border-radius: 12px !important;
  box-shadow:
    0 16px 40px rgba(0, 0, 0, 0.55),
    0 0 0 1px rgba(255, 255, 255, 0.06) !important;
  z-index: 200070 !important;
}

html.is-web .nav-menu-container.header-navigation .nav-menu-other > li > .nav-menu-sub > li {
  margin: 0 0 4px !important;
  padding: 0 !important;
  list-style: none !important;
}

html.is-web .nav-menu-container.header-navigation .nav-menu-other > li > .nav-menu-sub > li:last-child {
  margin-bottom: 0 !important;
}

html.is-web .nav-menu-container.header-navigation .nav-menu-other > li > .nav-menu-sub > li > a.nav-menu-item,
html.is-web .nav-menu-container.header-navigation .nav-menu-other > li > .nav-menu-sub .nav-menu-item {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  min-height: 42px !important;
  padding: 8px 12px !important;
  border-radius: 8px !important;
  border: 1px solid transparent !important;
  background: transparent !important;
  color: #FFE066 !important;
  -webkit-text-fill-color: #FFE066 !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
  transition: all 0.2s ease !important;
}

html.is-web .nav-menu-container.header-navigation .nav-menu-other > li > .nav-menu-sub > li > a.nav-menu-item span,
html.is-web .nav-menu-container.header-navigation .nav-menu-other > li > .nav-menu-sub .nav-menu-item span {
  background: linear-gradient(180deg, #FFFDE0 0%, #FFE066 38%, #F0B823 60%, #D49A00 100%) !important;
  background-image: linear-gradient(180deg, #FFFDE0 0%, #FFE066 38%, #F0B823 60%, #D49A00 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: #FFE066 !important;
  font-weight: 700 !important;
  font-size: 12.5px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.03em !important;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.45)) !important;
}

html.is-web .nav-menu-container.header-navigation .nav-menu-other > li > .nav-menu-sub > li > a.nav-menu-item > i,
html.is-web .nav-menu-container.header-navigation .nav-menu-other > li > .nav-menu-sub .nav-menu-item > i {
  color: #E8C547 !important;
  font-size: 15px !important;
}

html.is-web .nav-menu-container.header-navigation .nav-menu-other > li > .nav-menu-sub > li > a.nav-menu-item:hover,
html.is-web .nav-menu-container.header-navigation .nav-menu-other > li > .nav-menu-sub .nav-menu-item:hover {
  background: linear-gradient(180deg, rgba(36, 72, 114, 0.7) 0%, rgba(17, 41, 70, 0.85) 100%) !important;
  border-color: rgba(107, 143, 184, 0.4) !important;
  color: #FFF5BD !important;
  -webkit-text-fill-color: #FFF5BD !important;
}

html.is-web .nav-menu-container.header-navigation .nav-menu-other > li > .nav-menu-sub > li > a.nav-menu-item:hover span,
html.is-web .nav-menu-container.header-navigation .nav-menu-other > li > .nav-menu-sub .nav-menu-item:hover span {
  background: linear-gradient(180deg, #FFFFFF 0%, #FFF5BD 35%, #FFD700 55%, #E5A910 100%) !important;
  background-image: linear-gradient(180deg, #FFFFFF 0%, #FFF5BD 35%, #FFD700 55%, #E5A910 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: #FFF5BD !important;
  filter: drop-shadow(0 0 6px rgba(255, 224, 102, 0.65)) !important;
}

html.is-web .nav-menu-container.header-navigation .nav-menu-other > li > .nav-menu-sub > li > a.nav-menu-item[class*="badge-"]::after {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html.is-web .layout-header-holder-bc .nav-menu > li > a.nav-menu-item.active,
html.is-web .layout-header-holder-bc .nav-menu > li > a.nav-menu-item.active:hover,
html.is-web .layout-header-holder-bc .nav-menu > li > a.nav-menu-item[aria-current="page"],
html.is-web .layout-header-holder-bc .nav-menu-container.header-navigation .nav-menu > li > a.nav-menu-item.active,
html.is-web .layout-header-holder-bc .nav-menu-container.header-navigation:first-child .nav-menu > li > a.nav-menu-item.active,
html.is-web #root .layout-header-holder-bc .nav-menu > li > a.nav-menu-item.active {
  background: #1E4A78 !important;
  background-color: #1E4A78 !important;
  background-image: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: none !important;
}

html.is-web .layout-header-holder-bc .nav-menu > li > a.nav-menu-item.active > span,
html.is-web .layout-header-holder-bc .nav-menu > li > a.nav-menu-item.active > span *,
html.is-web .layout-header-holder-bc .nav-menu > li > a.nav-menu-item.active > i,
html.is-web .layout-header-holder-bc .nav-menu-container.header-navigation .nav-menu > li > a.nav-menu-item.active span {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: none !important;
  background-image: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  text-shadow: none !important;
}

@keyframes oduller-nav-spin {
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to { transform: translate(-50%, -50%) rotate(360deg); }
}

html.is-web .layout-header-holder-bc .nav-menu > li > a.nav-menu-item.oduller-nav,
html.is-web .layout-header-holder-bc .nav-menu-container.header-navigation .nav-menu > li > a.nav-menu-item.oduller-nav,
html.is-web .layout-header-holder-bc .nav-menu-container.header-navigation:first-child .nav-menu > li > a.nav-menu-item.oduller-nav,
html.is-web .layout-header-holder-bc .nav-menu > li > a.nav-menu-item.oduller-nav:hover,
html.is-web .layout-header-holder-bc .nav-menu > li > a.nav-menu-item.oduller-nav.active,
html.is-web .layout-header-holder-bc .nav-menu > li > a.nav-menu-item.oduller-nav[aria-current="page"],
html.is-web #root .layout-header-holder-bc .nav-menu > li > a.nav-menu-item.oduller-nav {
  position: relative !important;
  isolation: isolate;
  overflow: hidden !important;
  height: calc(100% - 10px) !important;
  margin: 5px 8px 5px 4px !important;
  padding: 0 16px !important;
  border-radius: 10px !important;
  border: 0 !important;
  border-right: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
  z-index: 2;
}
html.is-web .layout-header-holder-bc .nav-menu > li > a.nav-menu-item.oduller-nav::before,
html.is-web .layout-header-holder-bc .nav-menu-container.header-navigation .nav-menu > li > a.nav-menu-item.oduller-nav::before {
  content: "" !important;
  position: absolute !important;
  width: 240% !important;
  height: 240% !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) rotate(0deg);
  background: conic-gradient(from 0deg, transparent 0deg, #1E4A78 48deg, #8BA4C4 78deg, #ffffff 92deg, #E8C547 110deg, #1E4A78 150deg, transparent 190deg, transparent 360deg) !important;
  opacity: 1 !important;
  z-index: 0 !important;
  pointer-events: none;
  animation: oduller-nav-spin 1.15s linear infinite;
}
html.is-web .layout-header-holder-bc .nav-menu > li > a.nav-menu-item.oduller-nav::after,
html.is-web .layout-header-holder-bc .nav-menu-container.header-navigation .nav-menu > li > a.nav-menu-item.oduller-nav::after {
  content: "" !important;
  position: absolute !important;
  inset: 2px !important;
  border-radius: 8px !important;
  background: #120818 !important;
  background-image: none !important;
  z-index: 1 !important;
  pointer-events: none;
  box-shadow: none !important;
}
html.is-web .layout-header-holder-bc .nav-menu > li > a.nav-menu-item.oduller-nav > i,
html.is-web .layout-header-holder-bc .nav-menu > li > a.nav-menu-item.oduller-nav .CMSIconSVGWrapper {
  display: none !important;
}
html.is-web .layout-header-holder-bc .nav-menu > li > a.nav-menu-item.oduller-nav > span,
html.is-web .layout-header-holder-bc .nav-menu > li > a.nav-menu-item.oduller-nav span,
html.is-web .layout-header-holder-bc .nav-menu > li > a.nav-menu-item.oduller-nav.active > span,
html.is-web .layout-header-holder-bc .nav-menu > li > a.nav-menu-item.oduller-nav.active > span *,
html.is-web .layout-header-holder-bc .nav-menu-container.header-navigation .nav-menu > li > a.nav-menu-item.oduller-nav span {
  position: relative !important;
  z-index: 2 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 850 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  text-shadow: none !important;
  background: none !important;
  filter: none !important;
}
@media (prefers-reduced-motion: reduce) {
  html.is-web .layout-header-holder-bc .nav-menu > li > a.nav-menu-item.oduller-nav::before {
    animation: none !important;
  }
}

/* /assets/css/parliament-theme.css */
html.is-web,
html.is-mobile {
  --th-parliament: #000C1F;
  --th-parliament-mid: #0A1F3A;
  --th-parliament-lift: #14335A;
  --th-metal-1: #2F5A8A;
  --th-metal-2: #0E2A4A;
  --th-metal-hi: #6B8FB8;
  --th-metal-mid: #1E4A78;
  --th-gold: #E8C547;
  --th-gold-bright: #FFE066;
  --th-gold-deep: #A67C00;
  --th-metal-grad: linear-gradient(180deg, #2A5688 0%, #16365C 45%, #0E2746 55%, #081B33 100%);
  --th-metal-grad-hover: linear-gradient(180deg, #366DA8 0%, #1E4A78 45%, #143760 55%, #0B2240 100%);
  --th-gold-grad: linear-gradient(180deg, #FFF4B8 0%, #FFD700 38%, #E5A910 60%, #B8860B 100%);
  --th-gold-grad-hover: linear-gradient(180deg, #FFFBE0 0%, #FFE680 40%, #FFD700 65%, #D49A00 100%);
  --th-silver-grad: linear-gradient(180deg, #FFFFFF 0%, #E2E8F0 42%, #CBD5E1 55%, #94A3B8 100%);
  --th-silver-grad-hover: linear-gradient(180deg, #FFFFFF 0%, #F1F5F9 45%, #E2E8F0 100%);
  --th-cta-border: rgba(232, 197, 71, 0.55);
  --th-cta-glow: 0 0 16px rgba(232, 197, 71, 0.35);

  --gold: #E8C547 !important;
  --brand: 20, 51, 90 !important;
  --brand-hover: 47, 90, 138 !important;
  --brand-sc: 255, 255, 255 !important;
  --hero: 232, 197, 71 !important;
  --hero-hover: 255, 224, 102 !important;
  --hero-sc: 0, 12, 31 !important;
  --accent: 20, 51, 90 !important;
  --accent-hover: 47, 90, 138 !important;
  --accent-sc: 255, 255, 255 !important;
  --b: 0, 12, 31 !important;
  --b-hover: 20, 51, 90 !important;
  --b-sc: 255, 255, 255 !important;
  --header: 0, 12, 31 !important;
  --header-hover: 20, 51, 90 !important;
  --header-sc: 255, 255, 255 !important;
  --menu: 6, 22, 42 !important;
  --menu-hover: 20, 51, 90 !important;
  --menu-sc: 255, 255, 255 !important;
  --tab-navigation: 0, 12, 31 !important;
  --tab-navigation-hover: 20, 51, 90 !important;
  --tab-navigation-sc: 255, 255, 255 !important;
  --ui-bg: #000C1F;
  --ui-bg-deep: #000617;
  --ui-panel: #06162A;
  --ui-panel-2: #0A1F3A;
  --ui-panel-3: #102848;
  --ui-accent: #1E4A78;
  --ui-accent-hot: #2F5A8A;
  --ui-accent-soft: #6B8FB8;
  --ui-accent-deep: #0E2A4A;
  --ui-accent-ray: #0A1F3A;
  --ui-border-accent: rgba(232, 197, 71, 0.42);
  --ui-glow: 0 0 18px rgba(232, 197, 71, 0.38);
  --link-accent: #E8C547;
  --pc-hdr-bg: #000C1F;
  --pc-hdr-hover-bg: #0A1F3A;
}

html.is-web:not(.site-bg-custom) body,
html.is-mobile:not(.site-bg-custom) body,
html.is-web:not(.site-bg-custom) #root,
html.is-mobile:not(.site-bg-custom) #root {
  background-color: #000C1F !important;
  color: #F2F5FA !important;
}

html.is-web button:not(.generic-search-btn, .generic-search-close-btn, .sticky-footer-btn, .nav-floating-btn, .ds-btn, .rewards-hub__tab, .rewards-hub__claim, .bets-stream__tab, .sign-in, .register, .a-color),
html.is-mobile button:not(.generic-search-btn, .generic-search-close-btn, .sticky-footer-btn, .nav-floating-btn, .ds-btn, .rewards-hub__tab, .rewards-hub__claim, .bets-stream__tab, .tab-nav-item-bc, .sign-in, .register, .a-color),
html.is-web .btn:not(.nav-floating-btn, .sign-in, .register, .a-color),
html.is-mobile .btn:not(.nav-floating-btn, .sign-in, .register, .a-color) {
  background: var(--th-metal-grad) !important;
  background-image: var(--th-metal-grad) !important;
  border-color: var(--th-cta-border) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 2px 12px rgba(0, 12, 31, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.08), var(--th-cta-glow) !important;
}

html.is-web button:not(.generic-search-btn, .generic-search-close-btn, .sticky-footer-btn, .nav-floating-btn, .ds-btn, .rewards-hub__tab, .rewards-hub__claim, .bets-stream__tab, .sign-in, .register, .a-color):hover,
html.is-mobile button:not(.generic-search-btn, .generic-search-close-btn, .sticky-footer-btn, .nav-floating-btn, .ds-btn, .rewards-hub__tab, .rewards-hub__claim, .bets-stream__tab, .tab-nav-item-bc, .sign-in, .register, .a-color):hover,
html.is-web .btn:not(.nav-floating-btn, .sign-in, .register, .a-color):hover,
html.is-mobile .btn:not(.nav-floating-btn, .sign-in, .register, .a-color):hover {
  background: var(--th-metal-grad-hover) !important;
  background-image: var(--th-metal-grad-hover) !important;
  border-color: #FFE066 !important;
  box-shadow: 0 0 0 1px rgba(255, 224, 102, 0.35), 0 0 20px rgba(232, 197, 71, 0.4) !important;
}

html.is-web .btn.register,
html.is-mobile .btn.register,
html.is-web .btn.sign-in.register,
html.is-mobile a.btn.register,
html.is-web .header-custom-buttons .btn.register,
html.is-mobile .header-custom-buttons .btn.register {
  background: var(--th-gold-grad) !important;
  background-image: var(--th-gold-grad) !important;
  border-color: #FFE066 !important;
  color: #000C1F !important;
  -webkit-text-fill-color: #000C1F !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4), 0 0 16px rgba(232, 197, 71, 0.45), inset 0 1px 1px #ffffff !important;
}

html.is-web .btn.register:hover,
html.is-mobile .btn.register:hover,
html.is-web .header-custom-buttons .btn.register:hover,
html.is-mobile .header-custom-buttons .btn.register:hover {
  background: var(--th-gold-grad-hover) !important;
  background-image: var(--th-gold-grad-hover) !important;
  border-color: #FFF0A0 !important;
  color: #1A0D00 !important;
  -webkit-text-fill-color: #1A0D00 !important;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.5), 0 0 24px rgba(255, 215, 0, 0.65), inset 0 1px 2px #ffffff !important;
}

html.is-web .layout-header-holder-bc .hdr-user-bc:has(> .btn.sign-in),
html.is-mobile .layout-header-holder-bc .hdr-user-bc:has(> .btn.sign-in) {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  height: auto !important;
  min-height: 0 !important;
}

html.is-web .layout-header-holder-bc .hdr-user-bc > .btn.sign-in,
html.is-web .hdr-user-bc > .btn.sign-in.s-small {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  min-width: 0 !important;
  width: auto !important;
  padding: 0 20px !important;
  margin: 0 3px !important;
  border: 1px solid rgba(255, 255, 255, 0.8) !important;
  border-radius: 8px !important;
  background: linear-gradient(180deg, #FFFFFF 0%, #E2E8F0 42%, #CBD5E1 55%, #94A3B8 100%) !important;
  background-image: linear-gradient(180deg, #FFFFFF 0%, #E2E8F0 42%, #CBD5E1 55%, #94A3B8 100%) !important;
  color: #040E1E !important;
  -webkit-text-fill-color: #040E1E !important;
  font-size: 13.5px !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35), inset 0 1px 1px #ffffff !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
  cursor: pointer !important;
}

html.is-web .layout-header-holder-bc .hdr-user-bc > .btn.sign-in:hover,
html.is-web .hdr-user-bc > .btn.sign-in.s-small:hover {
  background: linear-gradient(180deg, #FFFFFF 0%, #F1F5F9 45%, #E2E8F0 100%) !important;
  background-image: linear-gradient(180deg, #FFFFFF 0%, #F1F5F9 45%, #E2E8F0 100%) !important;
  border-color: #ffffff !important;
  color: #040E1E !important;
  -webkit-text-fill-color: #040E1E !important;
  box-shadow: 0 6px 18px rgba(255, 255, 255, 0.3), inset 0 1px 1px #ffffff !important;
  transform: translateY(-1px) !important;
}

html.is-web .layout-header-holder-bc .hdr-user-bc > .btn.register,
html.is-web .hdr-user-bc > .btn.register.s-small {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  min-width: 0 !important;
  width: auto !important;
  padding: 0 20px !important;
  margin: 0 3px !important;
  border: 1px solid #FFE57F !important;
  border-radius: 8px !important;
  background: linear-gradient(180deg, #FFF4B8 0%, #FFD700 38%, #E5A910 60%, #B8860B 100%) !important;
  background-image: linear-gradient(180deg, #FFF4B8 0%, #FFD700 38%, #E5A910 60%, #B8860B 100%) !important;
  color: #1A0D00 !important;
  -webkit-text-fill-color: #1A0D00 !important;
  font-size: 13.5px !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  box-shadow: 0 4px 16px rgba(229, 169, 16, 0.45), inset 0 1px 2px #ffffff !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
  cursor: pointer !important;
}

html.is-web .layout-header-holder-bc .hdr-user-bc > .btn.register:hover,
html.is-web .hdr-user-bc > .btn.register.s-small:hover {
  background: linear-gradient(180deg, #FFFBE0 0%, #FFE680 40%, #FFD700 65%, #D49A00 100%) !important;
  background-image: linear-gradient(180deg, #FFFBE0 0%, #FFE680 40%, #FFD700 65%, #D49A00 100%) !important;
  border-color: #FFF0A0 !important;
  color: #1A0D00 !important;
  -webkit-text-fill-color: #1A0D00 !important;
  box-shadow: 0 6px 22px rgba(255, 215, 0, 0.6), inset 0 1px 2px #ffffff !important;
  transform: translateY(-1px) !important;
}

html.is-mobile .layout-header-holder-bc .hdr-user-bc > .btn.sign-in,
html.is-mobile .hdr-user-bc > .btn.sign-in.s-small,
html.is-mobile .layout-header-holder-bc .hdr-user-bc > .btn.register,
html.is-mobile .hdr-user-bc > .btn.register.s-small {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
  min-width: 0 !important;
  width: auto !important;
  padding: 0 14px !important;
  margin: 0 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

html.is-mobile .layout-header-holder-bc .hdr-user-bc > .btn.sign-in,
html.is-mobile .hdr-user-bc > .btn.sign-in.s-small {
  background: #ffffff !important;
  background-image: none !important;
  border-radius: 999px 0 0 999px !important;
  color: #111111 !important;
  -webkit-text-fill-color: #111111 !important;
  box-shadow: none !important;
}

html.is-mobile .layout-header-holder-bc .hdr-user-bc > .btn.register,
html.is-mobile .hdr-user-bc > .btn.register.s-small {
  background: linear-gradient(180deg, #F7E7A8 0%, #E8C547 48%, #C9A227 100%) !important;
  background-image: linear-gradient(180deg, #F7E7A8 0%, #E8C547 48%, #C9A227 100%) !important;
  border-radius: 0 999px 999px 0 !important;
  color: #111111 !important;
  -webkit-text-fill-color: #111111 !important;
  box-shadow: 0 4px 12px rgba(232, 197, 71, 0.38) !important;
}

html.is-web .layout-header-holder-bc .hdr-user-bc > .btn.sign-in span,
html.is-web .layout-header-holder-bc .hdr-user-bc > .btn.sign-in *,
html.is-web .layout-header-holder-bc .hdr-user-bc > .btn.register span,
html.is-web .layout-header-holder-bc .hdr-user-bc > .btn.register * {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
  background: none !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  letter-spacing: inherit !important;
  text-transform: uppercase !important;
}

html.is-mobile .layout-header-holder-bc .hdr-user-bc > .btn.sign-in span,
html.is-mobile .layout-header-holder-bc .hdr-user-bc > .btn.sign-in *,
html.is-mobile .layout-header-holder-bc .hdr-user-bc > .btn.register span,
html.is-mobile .layout-header-holder-bc .hdr-user-bc > .btn.register * {
  color: #111111 !important;
  -webkit-text-fill-color: #111111 !important;
  background: none !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  letter-spacing: inherit !important;
  text-transform: uppercase !important;
}

html.is-web .layout-header-holder-bc .nav-content-bc .nav-menu > li > .nav-menu-item > span,
html.is-web .layout-header-holder-bc .nav-content-bc .nav-menu-other > .nav-menu-item > span,
html.is-web .layout-header-holder-bc .nav-menu > li > a.nav-menu-item > span {
  background: linear-gradient(180deg, #FFFDE0 0%, #FFE066 38%, #F0B823 60%, #D49A00 100%) !important;
  background-image: linear-gradient(180deg, #FFFDE0 0%, #FFE066 38%, #F0B823 60%, #D49A00 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: #FFE066 !important;
  font-weight: 700 !important;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5)) !important;
}

html.is-web .layout-header-holder-bc .nav-content-bc .nav-menu > li > .nav-menu-item > i,
html.is-web .layout-header-holder-bc .nav-menu > li > a.nav-menu-item > i {
  color: #E8C547 !important;
  -webkit-text-fill-color: #E8C547 !important;
}

html.is-mobile .layout-header-holder-bc .nav-content-bc .nav-menu > li > .nav-menu-item,
html.is-mobile .layout-header-holder-bc .nav-content-bc .nav-menu > li > .nav-menu-item > span,
html.is-mobile .layout-header-holder-bc .nav-content-bc .nav-menu > li > .nav-menu-item > i,
html.is-mobile .layout-header-holder-bc .nav-content-bc .nav-menu-other > .nav-menu-item,
html.is-mobile .layout-header-holder-bc .nav-content-bc .nav-menu-other > .nav-menu-item > span,
html.is-mobile .layout-header-holder-bc .nav-menu > li > a.nav-menu-item,
html.is-mobile .layout-header-holder-bc .nav-menu > li > a.nav-menu-item > span,
html.is-mobile .layout-header-holder-bc .nav-menu > li > a.nav-menu-item > i {
  color: #E8C547 !important;
  -webkit-text-fill-color: #E8C547 !important;
  background-image: none !important;
}

html.is-web .layout-header-holder-bc .nav-content-bc .nav-menu > li > .nav-menu-item:hover,
html.is-mobile .layout-header-holder-bc .nav-content-bc .nav-menu > li > .nav-menu-item:hover,
html.is-web .layout-header-holder-bc .nav-content-bc .nav-menu > li > .nav-menu-item:hover > span,
html.is-mobile .layout-header-holder-bc .nav-content-bc .nav-menu > li > .nav-menu-item:hover > span,
html.is-web .layout-header-holder-bc .nav-content-bc .nav-menu > li:hover > .nav-menu-item > span,
html.is-mobile .layout-header-holder-bc .nav-content-bc .nav-menu > li:hover > .nav-menu-item > span,
html.is-web .layout-header-holder-bc .nav-menu > li > a.nav-menu-item:hover,
html.is-mobile .layout-header-holder-bc .nav-menu > li > a.nav-menu-item:hover,
html.is-web .layout-header-holder-bc .nav-menu > li > a.nav-menu-item:hover > span ,
html.is-mobile .layout-header-holder-bc .nav-menu > li > a.nav-menu-item:hover > span {
  color: #FFE066 !important;
  -webkit-text-fill-color: #FFE066 !important;
}

html.is-web .layout-header-holder-bc .nav-menu > li > a.nav-menu-item.badge-hot,
html.is-mobile .layout-header-holder-bc .nav-menu > li > a.nav-menu-item.badge-hot,
html.is-web .layout-header-holder-bc .nav-menu > li > a.nav-menu-item.badge-hot > span,
html.is-mobile .layout-header-holder-bc .nav-menu > li > a.nav-menu-item.badge-hot > span,
html.is-web .layout-header-holder-bc .nav-menu > li > a.nav-menu-item.badge-hot > i,
html.is-mobile .layout-header-holder-bc .nav-menu > li > a.nav-menu-item.badge-hot > i,
html.is-web .nav-menu > li > a.nav-menu-item.badge-hot,
html.is-mobile .nav-menu > li > a.nav-menu-item.badge-hot,
html.is-web .nav-menu > li > a.nav-menu-item.badge-hot > span ,
html.is-mobile .nav-menu > li > a.nav-menu-item.badge-hot > span {
  color: #E8C547 !important;
  -webkit-text-fill-color: #E8C547 !important;
  background: none !important;
  background-image: none !important;
}

html.is-web .layout-header-holder-bc .nav-menu > li > a.nav-menu-item.badge-hot:hover,
html.is-mobile .layout-header-holder-bc .nav-menu > li > a.nav-menu-item.badge-hot:hover,
html.is-web .layout-header-holder-bc .nav-menu > li > a.nav-menu-item.badge-hot:hover > span,
html.is-mobile .layout-header-holder-bc .nav-menu > li > a.nav-menu-item.badge-hot:hover > span,
html.is-web .nav-menu > li > a.nav-menu-item.badge-hot:hover > span ,
html.is-mobile .nav-menu > li > a.nav-menu-item.badge-hot:hover > span {
  color: #FFE066 !important;
  -webkit-text-fill-color: #FFE066 !important;
}

html.is-web .hdr-user-bc .deposit-btn,
html.is-mobile .hdr-user-bc .deposit-btn,
html.is-web .layout-header-holder-bc .hdr-user-bc .deposit-btn,
html.is-mobile .layout-header-holder-bc .hdr-user-bc .deposit-btn,
html.is-web .layout-header-holder-bc .hdr-user-bc .bc-i-deposit,
html.is-mobile .layout-header-holder-bc .hdr-user-bc .bc-i-deposit {
  background: var(--th-gold-grad) !important;
  background-image: var(--th-gold-grad) !important;
  border-color: #FFE066 !important;
  color: #000C1F !important;
  -webkit-text-fill-color: #000C1F !important;
  fill: #000C1F !important;
  box-shadow: 0 4px 16px rgba(229, 169, 16, 0.45), inset 0 1px 2px #ffffff !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

html.is-web .hdr-user-bc .deposit-btn:hover,
html.is-mobile .hdr-user-bc .deposit-btn:hover,
html.is-web .layout-header-holder-bc .hdr-user-bc .deposit-btn:hover,
html.is-mobile .layout-header-holder-bc .hdr-user-bc .deposit-btn:hover,
html.is-web .layout-header-holder-bc .hdr-user-bc .bc-i-deposit:hover,
html.is-mobile .layout-header-holder-bc .hdr-user-bc .bc-i-deposit:hover {
  background: var(--th-gold-grad-hover) !important;
  background-image: var(--th-gold-grad-hover) !important;
  border-color: #FFF0A0 !important;
  color: #1A0D00 !important;
  -webkit-text-fill-color: #1A0D00 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 22px rgba(255, 215, 0, 0.6), inset 0 1px 2px #ffffff !important;
}

html.is-web .header-bc .balanceAmount,
html.is-web .header-bc .hdr-user-info-texts-bc.ext-1,
html.is-mobile .header-bc .balanceAmount,
html.is-mobile .header-bc .hdr-user-info-texts-bc.ext-1 {
  color: #E8C547 !important;
  -webkit-text-fill-color: #E8C547 !important;
}

html.is-web .informative-widget-link .informative-widget-container span p a,
html.is-mobile .informative-widget-link .informative-widget-container span p a,
html.is-web a:not(.btn):hover,
html.is-mobile a:not(.btn):hover {
  color: #E8C547 !important;
}

html.is-web #root.layout-bc > .layout-footer-holder-bc,
html.is-web .layout-bc > .layout-footer-holder-bc {
  width: auto !important;
  max-width: none !important;
  margin-left: clamp(36px, 5vw, 80px) !important;
  margin-right: clamp(36px, 5vw, 80px) !important;
  margin-top: 28px !important;
  margin-bottom: 28px !important;
  padding: 0 !important;
  left: auto !important;
  right: auto !important;
  inset-inline: auto !important;
  box-sizing: border-box !important;
  background: transparent !important;
}

html.is-web #root.layout-bc > .layout-footer-holder-bc .footerWrapper {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 22px 22px 18px !important;
  border: 1px solid rgba(47, 90, 138, 0.28) !important;
  border-radius: 16px !important;
  background: linear-gradient(180deg, rgba(6, 22, 42, 0.96) 0%, rgba(0, 12, 31, 0.98) 100%) !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

html.is-web #root.layout-bc > .layout-footer-holder-bc .footerContainerWrapper,
html.is-web #root.layout-bc > .layout-footer-holder-bc .footerContainer {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

html.is-web #root.layout-bc > .layout-footer-holder-bc .footerContainer {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 20px !important;
}

html.is-web #root.layout-bc > .layout-footer-holder-bc .footerHeader {
  order: 1;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px 16px !important;
  padding-bottom: 14px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

html.is-web #root.layout-bc > .layout-footer-holder-bc .footerTopButtonGroup,
html.is-web #root.layout-bc > .layout-footer-holder-bc .footerInnerLeftCol,
html.is-web #root.layout-bc > .layout-footer-holder-bc .footerInfoColumn {
  margin: 0 !important;
}

html.is-web #root.layout-bc > .layout-footer-holder-bc .supportButton {
  min-height: 40px !important;
  padding: 0 16px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(232, 197, 71, 0.55) !important;
  background: linear-gradient(138deg, #E8C547 0%, #E8C547 48%, #A67C00 100%) !important;
  color: #000C1F !important;
  -webkit-text-fill-color: #000C1F !important;
  font-weight: 700 !important;
  box-shadow: 0 4px 14px rgba(232, 197, 71, 0.25) !important;
}

html.is-web #root.layout-bc > .layout-footer-holder-bc .footerSocialLinks {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

html.is-web #root.layout-bc > .layout-footer-holder-bc .footerSocialLink a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(47, 90, 138, 0.35) !important;
  background: rgba(20, 51, 90, 0.45) !important;
  color: #E8EEF5 !important;
  transition: border-color 160ms ease, background-color 160ms ease, color 160ms ease !important;
}

html.is-web #root.layout-bc > .layout-footer-holder-bc .footerSocialLink a:hover {
  border-color: rgba(232, 197, 71, 0.65) !important;
  background: rgba(30, 74, 120, 0.55) !important;
  color: #E8C547 !important;
}

html.is-web #root.layout-bc > .layout-footer-holder-bc .footerLinksSection {
  order: 2;
  display: block !important;
  width: 100% !important;
}

html.is-web #root.layout-bc > .layout-footer-holder-bc .footerLinkCols {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 20px 28px !important;
  width: 100% !important;
}

html.is-web #root.layout-bc > .layout-footer-holder-bc .footerLinkCol {
  flex: unset !important;
  margin: 0 !important;
  min-width: 0 !important;
  max-width: none !important;
}

html.is-web #root.layout-bc > .layout-footer-holder-bc .footerLinkColTitle {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 0 12px !important;
  padding-bottom: 8px !important;
  border-bottom: 1px solid rgba(232, 197, 71, 0.22) !important;
  color: #E8C547 !important;
  -webkit-text-fill-color: #E8C547 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}

html.is-web #root.layout-bc > .layout-footer-holder-bc .footerLinkColTitle i {
  color: #6B8FB8 !important;
}

html.is-web #root.layout-bc > .layout-footer-holder-bc .footerLinkColLinks {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

html.is-web #root.layout-bc > .layout-footer-holder-bc .footerLinkColEl a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: rgba(232, 238, 245, 0.72) !important;
  -webkit-text-fill-color: rgba(232, 238, 245, 0.72) !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  text-decoration: none !important;
  transition: color 160ms ease !important;
}

html.is-web #root.layout-bc > .layout-footer-holder-bc .footerLinkColEl a:hover {
  color: #E8C547 !important;
  -webkit-text-fill-color: #E8C547 !important;
}

html.is-web #root.layout-bc > .layout-footer-holder-bc .sliderGroup {
  order: 3;
  width: 100% !important;
  padding-top: 4px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

html.is-web #root.layout-bc > .layout-footer-holder-bc .sliderTitle {
  margin: 12px 0 14px !important;
  color: rgba(232, 238, 245, 0.88) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.03em !important;
  text-align: center !important;
  text-transform: uppercase !important;
}

html.is-web #root.layout-bc > .layout-footer-holder-bc .footer-partners-container {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 14px 22px !important;
  width: 100% !important;
  margin: 0 0 12px !important;
}

html.is-web #root.layout-bc > .layout-footer-holder-bc .footer-partners-container .partner-item img {
  height: 44px !important;
  max-width: 132px !important;
  width: auto !important;
  object-fit: contain !important;
  opacity: 0.9 !important;
  filter: grayscale(0.15) !important;
  transition: opacity 160ms ease, filter 160ms ease, transform 160ms ease !important;
}

html.is-web #root.layout-bc > .layout-footer-holder-bc .footer-partners-container .partner-item:hover img {
  opacity: 1 !important;
  filter: none !important;
  transform: translateY(-1px) !important;
}

html.is-web #root.layout-bc > .layout-footer-holder-bc .horizontalSliderRow {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 10px 14px !important;
  width: 100% !important;
  white-space: normal !important;
}

html.is-web #root.layout-bc > .layout-footer-holder-bc .footerContainer > .sliderContent {
  order: 4;
  width: 100% !important;
  padding-top: 4px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

html.is-web #root.layout-bc > .layout-footer-holder-bc .horizontalSliderElem,
html.is-web #root.layout-bc > .layout-footer-holder-bc .sliderImage {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 40px !important;
  padding: 6px 10px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(47, 90, 138, 0.22) !important;
  background: rgba(20, 51, 90, 0.28) !important;
  transition: border-color 160ms ease, background-color 160ms ease !important;
}

html.is-web #root.layout-bc > .layout-footer-holder-bc .horizontalSliderElem:hover,
html.is-web #root.layout-bc > .layout-footer-holder-bc .sliderImage:hover {
  border-color: rgba(232, 197, 71, 0.45) !important;
  background: rgba(30, 74, 120, 0.35) !important;
}

html.is-web #root.layout-bc > .layout-footer-holder-bc .horizontalSliderImg,
html.is-web #root.layout-bc > .layout-footer-holder-bc .sliderImage img {
  height: 28px !important;
  max-width: 96px !important;
  width: auto !important;
  object-fit: contain !important;
}

html.is-web #root.layout-bc > .layout-footer-holder-bc .languageDropdown .selectContainer {
  min-height: 40px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(47, 90, 138, 0.35) !important;
  background: rgba(20, 51, 90, 0.45) !important;
  color: #E8EEF5 !important;
}

html.is-web #root.layout-bc > .layout-footer-holder-bc .copyRightBlock {
  order: 5;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px 14px !important;
  width: 100% !important;
  margin: 0 !important;
  padding-top: 14px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  text-align: center !important;
}

html.is-web #root.layout-bc > .layout-footer-holder-bc .footerWarningAge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 34px !important;
  height: 34px !important;
  padding: 0 8px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(232, 197, 71, 0.55) !important;
  background: rgba(232, 197, 71, 0.12) !important;
  color: #E8C547 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

html.is-web #root.layout-bc > .layout-footer-holder-bc .footerCopyrights {
  margin: 0 !important;
  color: rgba(232, 238, 245, 0.55) !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
}

html.is-web #root.layout-bc > .layout-footer-holder-bc .ftr-copy-rights-bc {
  margin-top: 10px !important;
  padding-top: 10px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
  color: rgba(232, 238, 245, 0.5) !important;
}

html.is-web #root.layout-bc > .layout-footer-holder-bc .ftr-copy-site-link,
html.is-web #root.layout-bc > .layout-footer-holder-bc .ftr-copy-mail-link {
  color: #E8C547 !important;
}

html.is-web #root.layout-bc > .layout-footer-holder-bc .open-footer-icon {
  display: none !important;
}

@media (max-width: 992px) {
  html.is-web #root.layout-bc > .layout-footer-holder-bc .footerLinkCols {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html.is-web #root.layout-bc > .layout-footer-holder-bc .footerWrapper {
    padding: 16px !important;
    border-radius: 14px !important;
  }
}

html.is-web .popup-holder-bc.loginpopup .entrance-popup-bc.sign-in,
html.is-mobile .popup-holder-bc.loginpopup .entrance-popup-bc.sign-in,
html.is-web .popup-holder-bc.registerpopup .entrance-popup-bc.register,
html.is-mobile .popup-holder-bc.registerpopup .entrance-popup-bc.register,
html.is-web .popup-holder-bc.loginpopup .e-p-content-holder-bc,
html.is-mobile .popup-holder-bc.loginpopup .e-p-content-holder-bc,
html.is-web .popup-holder-bc.registerpopup .e-p-content-holder-bc,
html.is-mobile .popup-holder-bc.registerpopup .e-p-content-holder-bc,
html.is-web .popup-holder-bc.loginpopup .e-p-content-bc,
html.is-mobile .popup-holder-bc.loginpopup .e-p-content-bc,
html.is-web .popup-holder-bc.registerpopup .e-p-content-bc ,
html.is-mobile .popup-holder-bc.registerpopup .e-p-content-bc {
  min-width: 0 !important;
  height: auto !important;
  max-height: none !important;
}

html.is-web .popup-holder-bc.loginpopup .e-p-content-bc,
html.is-mobile .popup-holder-bc.loginpopup .e-p-content-bc,
html.is-web .popup-holder-bc.registerpopup .e-p-content-bc ,
html.is-mobile .popup-holder-bc.registerpopup .e-p-content-bc {
  display: flex !important;
  flex-direction: column !important;
}

html.is-web .popup-holder-bc.loginpopup .e-p-body-bc,
html.is-mobile .popup-holder-bc.loginpopup .e-p-body-bc,
html.is-web .popup-holder-bc.registerpopup .e-p-body-bc ,
html.is-mobile .popup-holder-bc.registerpopup .e-p-body-bc {
  position: relative !important;
  flex: 1 1 auto !important;
  height: auto !important;
  max-height: calc(90vh - 56px) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

html.is-web .popup-holder-bc.loginpopup .entrance-form-bc.popup.login ,
html.is-mobile .popup-holder-bc.loginpopup .entrance-form-bc.popup.login {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  width: 100% !important;
  height: auto !important;
  min-height: 560px !important;
  overflow: visible !important;
}

html.is-web .popup-holder-bc.loginpopup .entrance-form-bc.popup.login .form-sign-bc ,
html.is-mobile .popup-holder-bc.loginpopup .entrance-form-bc.popup.login .form-sign-bc {
  flex: none !important;
  height: auto !important;
}

html.is-web .popup-holder-bc.loginpopup .e-p-header-bc .btn.register,
html.is-mobile .popup-holder-bc.loginpopup .e-p-header-bc .btn.register,
html.is-web .popup-holder-bc.registerpopup .e-p-header-bc .btn.sign-in,
html.is-mobile .popup-holder-bc.registerpopup .e-p-header-bc .btn.sign-in,
html.is-web .popup-holder-bc.loginpopup .entrance-form-bc.login .btn.a-color,
html.is-mobile .popup-holder-bc.loginpopup .entrance-form-bc.login .btn.a-color,
html.is-web .popup-holder-bc.registerpopup .entrance-form-bc.registration .btn.a-color ,
html.is-mobile .popup-holder-bc.registerpopup .entrance-form-bc.registration .btn.a-color {
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
  background: #e5a94d !important;
  background-image: none !important;
  box-shadow: none !important;
  border: none !important;
}

html.is-web .popup-holder-bc.loginpopup .e-p-header-bc .btn.register span,
html.is-mobile .popup-holder-bc.loginpopup .e-p-header-bc .btn.register span,
html.is-web .popup-holder-bc.registerpopup .e-p-header-bc .btn.sign-in span,
html.is-mobile .popup-holder-bc.registerpopup .e-p-header-bc .btn.sign-in span,
html.is-web .popup-holder-bc.loginpopup .entrance-form-bc.login .btn.a-color span,
html.is-mobile .popup-holder-bc.loginpopup .entrance-form-bc.login .btn.a-color span,
html.is-web .popup-holder-bc.registerpopup .entrance-form-bc.registration .btn.a-color span ,
html.is-mobile .popup-holder-bc.registerpopup .entrance-form-bc.registration .btn.a-color span {
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: none !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
}

html.is-web .popup-holder-bc.loginpopup .entrance-f-item-bc,
html.is-mobile .popup-holder-bc.loginpopup .entrance-f-item-bc,
html.is-web .popup-holder-bc.registerpopup .entrance-f-item-bc ,
html.is-mobile .popup-holder-bc.registerpopup .entrance-f-item-bc {
  margin-top: 0 !important;
  margin-bottom: 12px !important;
}

html.is-web .popup-holder-bc.loginpopup .form-control-bc,
html.is-mobile .popup-holder-bc.loginpopup .form-control-bc,
html.is-web .popup-holder-bc.loginpopup .form-control-bc.default,
html.is-mobile .popup-holder-bc.loginpopup .form-control-bc.default,
html.is-web .popup-holder-bc.loginpopup .form-control-bc.select,
html.is-mobile .popup-holder-bc.loginpopup .form-control-bc.select,
html.is-web .popup-holder-bc.loginpopup .form-control-bc.focused,
html.is-mobile .popup-holder-bc.loginpopup .form-control-bc.focused,
html.is-web .popup-holder-bc.loginpopup .form-control-bc.filled,
html.is-mobile .popup-holder-bc.loginpopup .form-control-bc.filled,
html.is-web .popup-holder-bc.registerpopup .form-control-bc,
html.is-mobile .popup-holder-bc.registerpopup .form-control-bc,
html.is-web .popup-holder-bc.registerpopup .form-control-bc.default,
html.is-mobile .popup-holder-bc.registerpopup .form-control-bc.default,
html.is-web .popup-holder-bc.registerpopup .form-control-bc.select,
html.is-mobile .popup-holder-bc.registerpopup .form-control-bc.select,
html.is-web .popup-holder-bc.registerpopup .form-control-bc.focused,
html.is-mobile .popup-holder-bc.registerpopup .form-control-bc.focused,
html.is-web .popup-holder-bc.registerpopup .form-control-bc.filled ,
html.is-mobile .popup-holder-bc.registerpopup .form-control-bc.filled {
  background: #0B1526 !important;
  background-color: #0B1526 !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  min-height: 52px !important;
  height: auto !important;
  padding: 0 12px 4px !important;
  overflow: visible !important;
}

html.is-web .popup-holder-bc.loginpopup .form-control-label-bc,
html.is-mobile .popup-holder-bc.loginpopup .form-control-label-bc,
html.is-web .popup-holder-bc.loginpopup .form-control-label-bc.inputs,
html.is-mobile .popup-holder-bc.loginpopup .form-control-label-bc.inputs,
html.is-web .popup-holder-bc.loginpopup .form-control-label-bc.input,
html.is-mobile .popup-holder-bc.loginpopup .form-control-label-bc.input,
html.is-web .popup-holder-bc.registerpopup .form-control-label-bc,
html.is-mobile .popup-holder-bc.registerpopup .form-control-label-bc,
html.is-web .popup-holder-bc.registerpopup .form-control-label-bc.inputs,
html.is-mobile .popup-holder-bc.registerpopup .form-control-label-bc.inputs,
html.is-web .popup-holder-bc.registerpopup .form-control-label-bc.input ,
html.is-mobile .popup-holder-bc.registerpopup .form-control-label-bc.input {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  min-height: 46px !important;
  height: auto !important;
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 0 !important;
  position: relative !important;
}

html.is-web .popup-holder-bc.loginpopup .form-control-input-bc,
html.is-mobile .popup-holder-bc.loginpopup .form-control-input-bc,
html.is-web .popup-holder-bc.loginpopup input.form-control-input-bc,
html.is-mobile .popup-holder-bc.loginpopup input.form-control-input-bc,
html.is-web .popup-holder-bc.loginpopup select,
html.is-mobile .popup-holder-bc.loginpopup select,
html.is-web .popup-holder-bc.loginpopup .form-control-select-bc,
html.is-mobile .popup-holder-bc.loginpopup .form-control-select-bc,
html.is-web .popup-holder-bc.registerpopup .form-control-input-bc,
html.is-mobile .popup-holder-bc.registerpopup .form-control-input-bc,
html.is-web .popup-holder-bc.registerpopup input.form-control-input-bc,
html.is-mobile .popup-holder-bc.registerpopup input.form-control-input-bc,
html.is-web .popup-holder-bc.registerpopup select,
html.is-mobile .popup-holder-bc.registerpopup select,
html.is-web .popup-holder-bc.registerpopup .form-control-select-bc ,
html.is-mobile .popup-holder-bc.registerpopup .form-control-select-bc {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  min-height: 46px !important;
  height: 46px !important;
  padding: 18px 0 0 !important;
  margin: 0 !important;
  border-radius: 0 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  caret-color: #fff !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

html.is-web .popup-holder-bc.loginpopup .form-control-input-stroke-bc,
html.is-mobile .popup-holder-bc.loginpopup .form-control-input-stroke-bc,
html.is-web .popup-holder-bc.registerpopup .form-control-input-stroke-bc ,
html.is-mobile .popup-holder-bc.registerpopup .form-control-input-stroke-bc {
  display: none !important;
}

html.is-web .popup-holder-bc.loginpopup .form-control-title-bc,
html.is-mobile .popup-holder-bc.loginpopup .form-control-title-bc,
html.is-web .popup-holder-bc.registerpopup .form-control-title-bc ,
html.is-mobile .popup-holder-bc.registerpopup .form-control-title-bc {
  position: absolute !important;
  top: 18px !important;
  left: 0 !important;
  width: calc(100% - 28px) !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  color: rgba(255, 255, 255, 0.45) !important;
  font-size: 14px !important;
  line-height: 16px !important;
  pointer-events: none !important;
  z-index: 2 !important;
}

html.is-web .popup-holder-bc.loginpopup .form-control-bc.filled .form-control-title-bc,
html.is-mobile .popup-holder-bc.loginpopup .form-control-bc.filled .form-control-title-bc,
html.is-web .popup-holder-bc.loginpopup .form-control-bc.focused .form-control-title-bc,
html.is-mobile .popup-holder-bc.loginpopup .form-control-bc.focused .form-control-title-bc,
html.is-web .popup-holder-bc.registerpopup .form-control-bc.filled .form-control-title-bc,
html.is-mobile .popup-holder-bc.registerpopup .form-control-bc.filled .form-control-title-bc,
html.is-web .popup-holder-bc.registerpopup .form-control-bc.focused .form-control-title-bc ,
html.is-mobile .popup-holder-bc.registerpopup .form-control-bc.focused .form-control-title-bc {
  top: 4px !important;
  font-size: 11px !important;
  line-height: 13px !important;
  color: rgba(255, 255, 255, 0.45) !important;
}

html.is-web .popup-holder-bc.loginpopup .multi-select-bc,
html.is-mobile .popup-holder-bc.loginpopup .multi-select-bc,
html.is-web .popup-holder-bc.registerpopup .multi-select-bc,
html.is-mobile .popup-holder-bc.registerpopup .multi-select-bc,
html.is-web .popup-holder-bc.loginpopup .form-controls-group-bc.telephone,
html.is-mobile .popup-holder-bc.loginpopup .form-controls-group-bc.telephone,
html.is-web .popup-holder-bc.registerpopup .form-controls-group-bc.telephone,
html.is-mobile .popup-holder-bc.registerpopup .form-controls-group-bc.telephone,
html.is-web .popup-holder-bc.loginpopup .form-controls-field-content,
html.is-mobile .popup-holder-bc.loginpopup .form-controls-field-content,
html.is-web .popup-holder-bc.registerpopup .form-controls-field-content,
html.is-mobile .popup-holder-bc.registerpopup .form-controls-field-content,
html.is-web .popup-holder-bc.loginpopup .form-controls-field-bc,
html.is-mobile .popup-holder-bc.loginpopup .form-controls-field-bc,
html.is-web .popup-holder-bc.registerpopup .form-controls-field-bc ,
html.is-mobile .popup-holder-bc.registerpopup .form-controls-field-bc {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

html.is-web .popup-holder-bc.loginpopup .form-controls-group-bc.telephone,
html.is-mobile .popup-holder-bc.loginpopup .form-controls-group-bc.telephone,
html.is-web .popup-holder-bc.registerpopup .form-controls-group-bc.telephone,
html.is-mobile .popup-holder-bc.registerpopup .form-controls-group-bc.telephone,
html.is-web .popup-holder-bc.loginpopup .form-controls-field-content,
html.is-mobile .popup-holder-bc.loginpopup .form-controls-field-content,
html.is-web .popup-holder-bc.registerpopup .form-controls-field-content ,
html.is-mobile .popup-holder-bc.registerpopup .form-controls-field-content {
  display: flex !important;
  gap: 8px !important;
  width: 100% !important;
  align-items: stretch !important;
}

html.is-web .popup-holder-bc.loginpopup .form-controls-field-bc.country-code,
html.is-mobile .popup-holder-bc.loginpopup .form-controls-field-bc.country-code,
html.is-web .popup-holder-bc.registerpopup .form-controls-field-bc.country-code ,
html.is-mobile .popup-holder-bc.registerpopup .form-controls-field-bc.country-code {
  flex: 0 0 118px !important;
  max-width: 118px !important;
}

html.is-web .popup-holder-bc.loginpopup .form-controls-field-bc:not(.country-code),
html.is-mobile .popup-holder-bc.loginpopup .form-controls-field-bc:not(.country-code),
html.is-web .popup-holder-bc.registerpopup .form-controls-field-bc:not(.country-code) ,
html.is-mobile .popup-holder-bc.registerpopup .form-controls-field-bc:not(.country-code) {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

html.is-web .popup-holder-bc.loginpopup .checkbox-control-bc,
html.is-mobile .popup-holder-bc.loginpopup .checkbox-control-bc,
html.is-web .popup-holder-bc.registerpopup .checkbox-control-bc,
html.is-mobile .popup-holder-bc.registerpopup .checkbox-control-bc,
html.is-web .popup-holder-bc.loginpopup .checkbox-control-content-bc,
html.is-mobile .popup-holder-bc.loginpopup .checkbox-control-content-bc,
html.is-web .popup-holder-bc.registerpopup .checkbox-control-content-bc ,
html.is-mobile .popup-holder-bc.registerpopup .checkbox-control-content-bc {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* /assets/css/pc/entrance-esas-auth.css */
html.is-web .popup-holder-bc.loginpopup:not(.display-none),
html.is-mobile .popup-holder-bc.loginpopup:not(.display-none),
html.is-web .popup-holder-bc.registerpopup:not(.display-none),
html.is-mobile .popup-holder-bc.registerpopup:not(.display-none) {
  background: rgba(0, 0, 0, 0.72) !important;
}

html.is-web .popup-holder-bc.loginpopup:not(.display-none) .popup-middleware-bc,
html.is-mobile .popup-holder-bc.loginpopup:not(.display-none) .popup-middleware-bc,
html.is-web .popup-holder-bc.registerpopup:not(.display-none) .popup-middleware-bc,
html.is-mobile .popup-holder-bc.registerpopup:not(.display-none) .popup-middleware-bc {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  padding: 20px !important;
  box-sizing: border-box !important;
}

html.is-web .popup-holder-bc.loginpopup:not(.display-none) .popup-inner-bc,
html.is-mobile .popup-holder-bc.loginpopup:not(.display-none) .popup-inner-bc,
html.is-web .popup-holder-bc.registerpopup:not(.display-none) .popup-inner-bc,
html.is-mobile .popup-holder-bc.registerpopup:not(.display-none) .popup-inner-bc,
html.is-web .popup-holder-bc.loginpopup:not(.display-none) #base_popup_id,
html.is-mobile .popup-holder-bc.loginpopup:not(.display-none) #base_popup_id,
html.is-web .popup-holder-bc.registerpopup:not(.display-none) #base_popup_id,
html.is-mobile .popup-holder-bc.registerpopup:not(.display-none) #base_popup_id {
  width: min(380px, 94vw) !important;
  max-width: 380px !important;
  height: auto !important;
  min-height: min(640px, 92vh) !important;
  max-height: 92vh !important;
  margin: auto !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  opacity: 1 !important;
  visibility: visible !important;
  animation: none !important;
  background: linear-gradient(180deg, #2a1f1a 0%, #1a1411 42%, #100d0b 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.55) !important;
  color: #fff !important;
}

html.is-web .popup-holder-bc.loginpopup .entrance-popup-bc,
html.is-mobile .popup-holder-bc.loginpopup .entrance-popup-bc,
html.is-web .popup-holder-bc.registerpopup .entrance-popup-bc,
html.is-mobile .popup-holder-bc.registerpopup .entrance-popup-bc,
html.is-web .popup-holder-bc.loginpopup .e-p-content-holder-bc,
html.is-mobile .popup-holder-bc.loginpopup .e-p-content-holder-bc,
html.is-web .popup-holder-bc.registerpopup .e-p-content-holder-bc,
html.is-mobile .popup-holder-bc.registerpopup .e-p-content-holder-bc,
html.is-web .popup-holder-bc.loginpopup .e-p-content-bc,
html.is-mobile .popup-holder-bc.loginpopup .e-p-content-bc,
html.is-web .popup-holder-bc.registerpopup .e-p-content-bc,
html.is-mobile .popup-holder-bc.registerpopup .e-p-content-bc {
  min-width: 0 !important;
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.is-web .popup-holder-bc.loginpopup .e-p-content-bc,
html.is-mobile .popup-holder-bc.loginpopup .e-p-content-bc,
html.is-web .popup-holder-bc.registerpopup .e-p-content-bc,
html.is-mobile .popup-holder-bc.registerpopup .e-p-content-bc {
  display: flex !important;
  flex-direction: column !important;
}

html.is-web .popup-holder-bc.loginpopup .e-p-header-bc,
html.is-mobile .popup-holder-bc.loginpopup .e-p-header-bc,
html.is-web .popup-holder-bc.registerpopup .e-p-header-bc,
html.is-mobile .popup-holder-bc.registerpopup .e-p-header-bc {
  flex-shrink: 0 !important;
  height: 56px !important;
  min-height: 56px !important;
  padding: 0 44px 0 16px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
  background: transparent !important;
}

html.is-web .popup-holder-bc.loginpopup .popup-t-logo-w-bc,
html.is-mobile .popup-holder-bc.loginpopup .popup-t-logo-w-bc,
html.is-web .popup-holder-bc.registerpopup .popup-t-logo-w-bc,
html.is-mobile .popup-holder-bc.registerpopup .popup-t-logo-w-bc {
  max-width: 150px !important;
  height: 40px !important;
}

html.is-web .popup-holder-bc.loginpopup .popup-t-logo-w-bc .hdr-logo-bc,
html.is-mobile .popup-holder-bc.loginpopup .popup-t-logo-w-bc .hdr-logo-bc,
html.is-web .popup-holder-bc.registerpopup .popup-t-logo-w-bc .hdr-logo-bc,
html.is-mobile .popup-holder-bc.registerpopup .popup-t-logo-w-bc .hdr-logo-bc {
  max-width: 150px !important;
  max-height: 36px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  margin: 0 !important;
  padding: 0 !important;
}

html.is-web .popup-holder-bc.loginpopup .e-p-close-icon-bc,
html.is-mobile .popup-holder-bc.loginpopup .e-p-close-icon-bc,
html.is-web .popup-holder-bc.registerpopup .e-p-close-icon-bc,
html.is-mobile .popup-holder-bc.registerpopup .e-p-close-icon-bc {
  top: 16px !important;
  right: 14px !important;
  color: rgba(255, 255, 255, 0.85) !important;
  font-size: 14px !important;
}

html.is-web .popup-holder-bc.loginpopup .e-p-header-bc .btn.register,
html.is-mobile .popup-holder-bc.loginpopup .e-p-header-bc .btn.register,
html.is-web .popup-holder-bc.registerpopup .e-p-header-bc .btn.sign-in,
html.is-mobile .popup-holder-bc.registerpopup .e-p-header-bc .btn.sign-in {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #e5a94d !important;
  background-image: none !important;
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
  border: none !important;
  border-radius: 6px !important;
  height: 28px !important;
  min-height: 28px !important;
  line-height: 28px !important;
  padding: 0 14px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html.is-web .popup-holder-bc.loginpopup .e-p-header-bc .btn.register span,
html.is-mobile .popup-holder-bc.loginpopup .e-p-header-bc .btn.register span,
html.is-web .popup-holder-bc.registerpopup .e-p-header-bc .btn.sign-in span,
html.is-mobile .popup-holder-bc.registerpopup .e-p-header-bc .btn.sign-in span {
  display: inline !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  text-transform: inherit !important;
}

html.is-web .popup-holder-bc.registerpopup .e-p-section-title-bc,
html.is-mobile .popup-holder-bc.registerpopup .e-p-section-title-bc,
html.is-web .popup-holder-bc.registerpopup #login_button_id,
html.is-mobile .popup-holder-bc.registerpopup #login_button_id {
  color: #e5a94d !important;
  text-decoration: none !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
}

html.is-web .popup-holder-bc.registerpopup .e-p-section-title-bc:before,
html.is-mobile .popup-holder-bc.registerpopup .e-p-section-title-bc:before {
  display: none !important;
}

html.is-web .popup-holder-bc.loginpopup .e-p-body-bc,
html.is-mobile .popup-holder-bc.loginpopup .e-p-body-bc,
html.is-web .popup-holder-bc.registerpopup .e-p-body-bc,
html.is-mobile .popup-holder-bc.registerpopup .e-p-body-bc {
  position: relative !important;
  flex: 1 1 auto !important;
  height: auto !important;
  max-height: calc(92vh - 56px) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  background: transparent !important;
}

html.is-web .popup-holder-bc.loginpopup .entrance-form-bc.popup.login,
html.is-mobile .popup-holder-bc.loginpopup .entrance-form-bc.popup.login {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  width: 100% !important;
  height: auto !important;
  min-height: 560px !important;
  overflow: visible !important;
  padding: 22px 0 20px !important;
  display: flex !important;
  flex-direction: column !important;
  box-sizing: border-box !important;
}

html.is-web .popup-holder-bc.loginpopup .form-sign-bc,
html.is-mobile .popup-holder-bc.loginpopup .form-sign-bc {
  flex: none !important;
  height: auto !important;
  padding: 0 18px !important;
}

html.is-web .popup-holder-bc.registerpopup .entrance-form-bc.registration,
html.is-mobile .popup-holder-bc.registerpopup .entrance-form-bc.registration {
  padding: 18px 0 8px !important;
  min-height: 560px !important;
  box-sizing: border-box !important;
}

html.is-web .popup-holder-bc.registerpopup .reg-form-content,
html.is-mobile .popup-holder-bc.registerpopup .reg-form-content,
html.is-web .popup-holder-bc.registerpopup .entrance-form-content-bc,
html.is-mobile .popup-holder-bc.registerpopup .entrance-form-content-bc,
html.is-web .popup-holder-bc.registerpopup .reg-form-fields,
html.is-mobile .popup-holder-bc.registerpopup .reg-form-fields,
html.is-web .popup-holder-bc.registerpopup .entrance-form-content-section-bc,
html.is-mobile .popup-holder-bc.registerpopup .entrance-form-content-section-bc {
  background: transparent !important;
  height: auto !important;
  max-height: none !important;
}

html.is-web .popup-holder-bc.registerpopup .reg-form-content,
html.is-mobile .popup-holder-bc.registerpopup .reg-form-content {
  padding: 0 18px !important;
}

html.is-web .popup-holder-bc.loginpopup .sg-n-text-row-1-bc,
html.is-mobile .popup-holder-bc.loginpopup .sg-n-text-row-1-bc,
html.is-web .popup-holder-bc.registerpopup .sg-n-text-row-1-bc,
html.is-mobile .popup-holder-bc.registerpopup .sg-n-text-row-1-bc {
  margin: 0 0 6px !important;
  padding: 0 !important;
  font-size: 13px !important;
  line-height: 1.3 !important;
  font-weight: 400 !important;
  color: rgba(255, 255, 255, 0.55) !important;
  text-transform: none !important;
}

html.is-web .popup-holder-bc.loginpopup .sg-n-text-row-2-bc,
html.is-mobile .popup-holder-bc.loginpopup .sg-n-text-row-2-bc,
html.is-web .popup-holder-bc.registerpopup .sg-n-text-row-2-bc,
html.is-mobile .popup-holder-bc.registerpopup .sg-n-text-row-2-bc {
  margin: 0 0 18px !important;
  padding: 0 !important;
  font-size: 18px !important;
  line-height: 1.25 !important;
  font-weight: 600 !important;
  color: #fff !important;
  text-transform: uppercase !important;
}

html.is-web .popup-holder-bc.loginpopup .entrance-f-item-bc,
html.is-mobile .popup-holder-bc.loginpopup .entrance-f-item-bc,
html.is-web .popup-holder-bc.registerpopup .entrance-f-item-bc,
html.is-mobile .popup-holder-bc.registerpopup .entrance-f-item-bc {
  margin: 0 0 10px !important;
}

html.is-web .popup-holder-bc.loginpopup .form-control-bc,
html.is-mobile .popup-holder-bc.loginpopup .form-control-bc,
html.is-web .popup-holder-bc.loginpopup .form-control-bc.default,
html.is-mobile .popup-holder-bc.loginpopup .form-control-bc.default,
html.is-web .popup-holder-bc.loginpopup .form-control-bc.select,
html.is-mobile .popup-holder-bc.loginpopup .form-control-bc.select,
html.is-web .popup-holder-bc.loginpopup .form-control-bc.focused,
html.is-mobile .popup-holder-bc.loginpopup .form-control-bc.focused,
html.is-web .popup-holder-bc.loginpopup .form-control-bc.filled,
html.is-mobile .popup-holder-bc.loginpopup .form-control-bc.filled,
html.is-web .popup-holder-bc.registerpopup .form-control-bc,
html.is-mobile .popup-holder-bc.registerpopup .form-control-bc,
html.is-web .popup-holder-bc.registerpopup .form-control-bc.default,
html.is-mobile .popup-holder-bc.registerpopup .form-control-bc.default,
html.is-web .popup-holder-bc.registerpopup .form-control-bc.select,
html.is-mobile .popup-holder-bc.registerpopup .form-control-bc.select,
html.is-web .popup-holder-bc.registerpopup .form-control-bc.focused,
html.is-mobile .popup-holder-bc.registerpopup .form-control-bc.focused,
html.is-web .popup-holder-bc.registerpopup .form-control-bc.filled,
html.is-mobile .popup-holder-bc.registerpopup .form-control-bc.filled {
  background: rgba(255, 255, 255, 0.08) !important;
  background-color: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  min-height: 46px !important;
  height: auto !important;
  padding: 0 14px 4px !important;
  overflow: visible !important;
}

html.is-web .popup-holder-bc.loginpopup .form-control-label-bc,
html.is-mobile .popup-holder-bc.loginpopup .form-control-label-bc,
html.is-web .popup-holder-bc.loginpopup .form-control-label-bc.inputs,
html.is-mobile .popup-holder-bc.loginpopup .form-control-label-bc.inputs,
html.is-web .popup-holder-bc.registerpopup .form-control-label-bc,
html.is-mobile .popup-holder-bc.registerpopup .form-control-label-bc,
html.is-web .popup-holder-bc.registerpopup .form-control-label-bc.inputs,
html.is-mobile .popup-holder-bc.registerpopup .form-control-label-bc.inputs {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  min-height: 46px !important;
  height: auto !important;
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
  position: relative !important;
}

html.is-web .popup-holder-bc.loginpopup .form-control-input-bc,
html.is-mobile .popup-holder-bc.loginpopup .form-control-input-bc,
html.is-web .popup-holder-bc.loginpopup input.form-control-input-bc,
html.is-mobile .popup-holder-bc.loginpopup input.form-control-input-bc,
html.is-web .popup-holder-bc.loginpopup select,
html.is-mobile .popup-holder-bc.loginpopup select,
html.is-web .popup-holder-bc.loginpopup .form-control-select-bc,
html.is-mobile .popup-holder-bc.loginpopup .form-control-select-bc,
html.is-web .popup-holder-bc.registerpopup .form-control-input-bc,
html.is-mobile .popup-holder-bc.registerpopup .form-control-input-bc,
html.is-web .popup-holder-bc.registerpopup input.form-control-input-bc,
html.is-mobile .popup-holder-bc.registerpopup input.form-control-input-bc,
html.is-web .popup-holder-bc.registerpopup select,
html.is-mobile .popup-holder-bc.registerpopup select,
html.is-web .popup-holder-bc.registerpopup .form-control-select-bc,
html.is-mobile .popup-holder-bc.registerpopup .form-control-select-bc {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  min-height: 42px !important;
  height: 42px !important;
  padding: 16px 0 0 !important;
  margin: 0 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  caret-color: #fff !important;
  font-size: 14px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

html.is-web .popup-holder-bc.loginpopup .form-control-input-stroke-bc,
html.is-mobile .popup-holder-bc.loginpopup .form-control-input-stroke-bc,
html.is-web .popup-holder-bc.registerpopup .form-control-input-stroke-bc,
html.is-mobile .popup-holder-bc.registerpopup .form-control-input-stroke-bc {
  display: none !important;
}

html.is-web .popup-holder-bc.loginpopup .form-control-title-bc,
html.is-mobile .popup-holder-bc.loginpopup .form-control-title-bc,
html.is-web .popup-holder-bc.registerpopup .form-control-title-bc,
html.is-mobile .popup-holder-bc.registerpopup .form-control-title-bc {
  position: absolute !important;
  top: 15px !important;
  left: 0 !important;
  width: calc(100% - 24px) !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  color: rgba(255, 255, 255, 0.45) !important;
  font-size: 14px !important;
  line-height: 16px !important;
  pointer-events: none !important;
  z-index: 2 !important;
  transition: top 0.18s ease, font-size 0.18s ease !important;
}

html.is-web .popup-holder-bc.loginpopup .form-control-bc.filled .form-control-title-bc,
html.is-mobile .popup-holder-bc.loginpopup .form-control-bc.filled .form-control-title-bc,
html.is-web .popup-holder-bc.loginpopup .form-control-bc.focused .form-control-title-bc,
html.is-mobile .popup-holder-bc.loginpopup .form-control-bc.focused .form-control-title-bc,
html.is-web .popup-holder-bc.registerpopup .form-control-bc.filled .form-control-title-bc,
html.is-mobile .popup-holder-bc.registerpopup .form-control-bc.filled .form-control-title-bc,
html.is-web .popup-holder-bc.registerpopup .form-control-bc.focused .form-control-title-bc,
html.is-mobile .popup-holder-bc.registerpopup .form-control-bc.focused .form-control-title-bc {
  top: 4px !important;
  font-size: 11px !important;
  line-height: 12px !important;
  color: rgba(255, 255, 255, 0.4) !important;
}

html.is-web .popup-holder-bc.loginpopup .multi-select-bc,
html.is-mobile .popup-holder-bc.loginpopup .multi-select-bc,
html.is-web .popup-holder-bc.registerpopup .multi-select-bc,
html.is-mobile .popup-holder-bc.registerpopup .multi-select-bc,
html.is-web .popup-holder-bc.loginpopup .form-controls-group-bc.telephone,
html.is-mobile .popup-holder-bc.loginpopup .form-controls-group-bc.telephone,
html.is-web .popup-holder-bc.registerpopup .form-controls-group-bc.telephone,
html.is-mobile .popup-holder-bc.registerpopup .form-controls-group-bc.telephone,
html.is-web .popup-holder-bc.loginpopup .form-controls-field-content,
html.is-mobile .popup-holder-bc.loginpopup .form-controls-field-content,
html.is-web .popup-holder-bc.registerpopup .form-controls-field-content,
html.is-mobile .popup-holder-bc.registerpopup .form-controls-field-content,
html.is-web .popup-holder-bc.loginpopup .form-controls-field-bc,
html.is-mobile .popup-holder-bc.loginpopup .form-controls-field-bc,
html.is-web .popup-holder-bc.registerpopup .form-controls-field-bc,
html.is-mobile .popup-holder-bc.registerpopup .form-controls-field-bc {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

html.is-web .popup-holder-bc.loginpopup .form-controls-group-bc.telephone,
html.is-mobile .popup-holder-bc.loginpopup .form-controls-group-bc.telephone,
html.is-web .popup-holder-bc.registerpopup .form-controls-group-bc.telephone,
html.is-mobile .popup-holder-bc.registerpopup .form-controls-group-bc.telephone,
html.is-web .popup-holder-bc.loginpopup .form-controls-field-content,
html.is-mobile .popup-holder-bc.loginpopup .form-controls-field-content,
html.is-web .popup-holder-bc.registerpopup .form-controls-field-content,
html.is-mobile .popup-holder-bc.registerpopup .form-controls-field-content {
  display: flex !important;
  gap: 8px !important;
  width: 100% !important;
}

html.is-web .popup-holder-bc.loginpopup .form-controls-field-bc.country-code,
html.is-mobile .popup-holder-bc.loginpopup .form-controls-field-bc.country-code,
html.is-web .popup-holder-bc.registerpopup .form-controls-field-bc.country-code,
html.is-mobile .popup-holder-bc.registerpopup .form-controls-field-bc.country-code {
  flex: 0 0 110px !important;
  max-width: 110px !important;
}

html.is-web .popup-holder-bc.loginpopup .form-controls-field-bc:not(.country-code),
html.is-mobile .popup-holder-bc.loginpopup .form-controls-field-bc:not(.country-code),
html.is-web .popup-holder-bc.registerpopup .form-controls-field-bc:not(.country-code),
html.is-mobile .popup-holder-bc.registerpopup .form-controls-field-bc:not(.country-code) {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

html.is-web .popup-holder-bc.loginpopup .entrance-f-item-checkbox-bc,
html.is-mobile .popup-holder-bc.loginpopup .entrance-f-item-checkbox-bc,
html.is-web .popup-holder-bc.registerpopup .entrance-f-item-checkbox-bc,
html.is-mobile .popup-holder-bc.registerpopup .entrance-f-item-checkbox-bc,
html.is-web .popup-holder-bc.loginpopup .checkbox-control-bc,
html.is-mobile .popup-holder-bc.loginpopup .checkbox-control-bc,
html.is-web .popup-holder-bc.registerpopup .checkbox-control-bc,
html.is-mobile .popup-holder-bc.registerpopup .checkbox-control-bc,
html.is-web .popup-holder-bc.loginpopup .checkbox-control-content-bc,
html.is-mobile .popup-holder-bc.loginpopup .checkbox-control-content-bc,
html.is-web .popup-holder-bc.registerpopup .checkbox-control-content-bc,
html.is-mobile .popup-holder-bc.registerpopup .checkbox-control-content-bc {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 2px 0 !important;
  margin: 0 !important;
}

html.is-web .popup-holder-bc.loginpopup .checkbox-control-text-bc,
html.is-mobile .popup-holder-bc.loginpopup .checkbox-control-text-bc,
html.is-web .popup-holder-bc.registerpopup .checkbox-control-text-bc,
html.is-mobile .popup-holder-bc.registerpopup .checkbox-control-text-bc {
  color: rgba(255, 255, 255, 0.7) !important;
  font-size: 13px !important;
}

html.is-web .popup-holder-bc.loginpopup .entrance-form-actions-holder-bc,
html.is-mobile .popup-holder-bc.loginpopup .entrance-form-actions-holder-bc,
html.is-web .popup-holder-bc.registerpopup .entrance-form-actions-holder-bc,
html.is-mobile .popup-holder-bc.registerpopup .entrance-form-actions-holder-bc,
html.is-web .popup-holder-bc.loginpopup .entrance-form-action-item-bc,
html.is-mobile .popup-holder-bc.loginpopup .entrance-form-action-item-bc,
html.is-web .popup-holder-bc.registerpopup .entrance-form-action-item-bc,
html.is-mobile .popup-holder-bc.registerpopup .entrance-form-action-item-bc {
  width: 100% !important;
  margin: 8px 0 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
}

html.is-web .popup-holder-bc.registerpopup .reg-form-footer-bc,
html.is-mobile .popup-holder-bc.registerpopup .reg-form-footer-bc {
  width: 100% !important;
  margin: 8px 0 0 !important;
  padding: 8px 18px 0 !important;
  background: transparent !important;
  border: none !important;
}

html.is-web .popup-holder-bc.registerpopup .reg-form-footer-bc .entrance-form-actions-holder-bc,
html.is-mobile .popup-holder-bc.registerpopup .reg-form-footer-bc .entrance-form-actions-holder-bc {
  padding: 0 !important;
  margin: 0 !important;
}

html.is-web .popup-holder-bc.loginpopup .entrance-form-bc.login .btn.a-color,
html.is-mobile .popup-holder-bc.loginpopup .entrance-form-bc.login .btn.a-color,
html.is-web .popup-holder-bc.registerpopup .entrance-form-bc.registration .btn.a-color,
html.is-mobile .popup-holder-bc.registerpopup .entrance-form-bc.registration .btn.a-color {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 46px !important;
  min-height: 46px !important;
  margin: 0 !important;
  padding: 0 16px !important;
  border: none !important;
  border-radius: 8px !important;
  background: #e5a94d !important;
  background-image: none !important;
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html.is-web .popup-holder-bc.loginpopup .entrance-form-bc.login .btn.a-color span,
html.is-mobile .popup-holder-bc.loginpopup .entrance-form-bc.login .btn.a-color span,
html.is-web .popup-holder-bc.registerpopup .entrance-form-bc.registration .btn.a-color span,
html.is-mobile .popup-holder-bc.registerpopup .entrance-form-bc.registration .btn.a-color span {
  display: inline !important;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  text-transform: inherit !important;
  position: static !important;
  transform: none !important;
}

html.is-web .popup-holder-bc.loginpopup .sg-n-forgot-password-text,
html.is-mobile .popup-holder-bc.loginpopup .sg-n-forgot-password-text,
html.is-web .popup-holder-bc.registerpopup .sg-n-forgot-password-text,
html.is-mobile .popup-holder-bc.registerpopup .sg-n-forgot-password-text {
  margin: 14px 0 0 !important;
  padding: 0 !important;
  text-align: center !important;
  color: rgba(255, 255, 255, 0.75) !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
}

html.is-web .popup-holder-bc.loginpopup .sg-n-forgot-password,
html.is-mobile .popup-holder-bc.loginpopup .sg-n-forgot-password,
html.is-web .popup-holder-bc.registerpopup .sg-n-forgot-password,
html.is-mobile .popup-holder-bc.registerpopup .sg-n-forgot-password {
  color: rgba(255, 255, 255, 0.8) !important;
}

html.is-web .popup-holder-bc.loginpopup .form-sign-in-slider-wrapper,
html.is-mobile .popup-holder-bc.loginpopup .form-sign-in-slider-wrapper,
html.is-web .popup-holder-bc.registerpopup .form-sign-in-slider-wrapper,
html.is-mobile .popup-holder-bc.registerpopup .form-sign-in-slider-wrapper {
  display: none !important;
}

html.is-web .popup-holder-bc.loginpopup .live-chat-adviser-bc,
html.is-mobile .popup-holder-bc.loginpopup .live-chat-adviser-bc,
html.is-web .popup-holder-bc.registerpopup .live-chat-adviser-bc,
html.is-mobile .popup-holder-bc.registerpopup .live-chat-adviser-bc {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  margin-top: auto !important;
  padding: 18px 18px 8px !important;
  color: rgba(255, 255, 255, 0.7) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  text-decoration: underline !important;
  text-transform: uppercase !important;
  background: transparent !important;
  border: none !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

html.is-mobile .popup-holder-bc.loginpopup:not(.display-none) .popup-middleware-bc,
html.is-mobile .popup-holder-bc.registerpopup:not(.display-none) .popup-middleware-bc {
  padding: 12px !important;
  align-items: flex-start !important;
  padding-top: max(12px, env(safe-area-inset-top, 0px)) !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
}

html.is-mobile .popup-holder-bc.loginpopup:not(.display-none) .popup-inner-bc,
html.is-mobile .popup-holder-bc.registerpopup:not(.display-none) .popup-inner-bc,
html.is-mobile .popup-holder-bc.loginpopup:not(.display-none) #base_popup_id,
html.is-mobile .popup-holder-bc.registerpopup:not(.display-none) #base_popup_id {
  width: min(400px, calc(100vw - 24px)) !important;
  max-width: calc(100vw - 24px) !important;
  min-height: min(640px, calc(100dvh - 24px)) !important;
  max-height: calc(100dvh - 24px) !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
}

html.is-mobile .popup-holder-bc.loginpopup .entrance-form-bc.popup.login,
html.is-mobile .popup-holder-bc.loginpopup .entrance-form-bc.popup.login .form-sign-bc {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  width: 100% !important;
  height: auto !important;
  min-height: 560px !important;
  overflow: visible !important;
  flex: none !important;
}

html.is-mobile .popup-holder-bc.loginpopup .entrance-form-bc.popup.login .form-sign-bc {
  min-height: 0 !important;
}