@font-face { font-family: 'TikTok Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url('/fonts/tiktok-sans/TikTokSans-Regular.woff2') format('woff2'); }
@font-face { font-family: 'TikTok Sans'; font-style: normal; font-weight: 500; font-display: swap; src: url('/fonts/tiktok-sans/TikTokSans-Medium.woff2') format('woff2'); }
@font-face { font-family: 'TikTok Sans'; font-style: normal; font-weight: 600; font-display: swap; src: url('/fonts/tiktok-sans/TikTokSans-SemiBold.woff2') format('woff2'); }
@font-face { font-family: 'TikTok Sans'; font-style: normal; font-weight: 700; font-display: swap; src: url('/fonts/tiktok-sans/TikTokSans-Bold.woff2') format('woff2'); }
@font-face { font-family: 'TikTok Sans'; font-style: normal; font-weight: 800; font-display: swap; src: url('/fonts/tiktok-sans/TikTokSans-ExtraBold.woff2') format('woff2'); }
body {
    letter-spacing: 0.01em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

:root {
    --b: 8, 8, 8 !important;
    --header: 8, 8, 8 !important;
    --menu: 13, 13, 13 !important;
    --oc-1: 253, 201, 84 !important;
    --oc-2: 255, 224, 150 !important;
    --hero: 253, 201, 84 !important;
    --oc-1-hover: 255, 219, 125 !important;
    --hero-sc: 255, 255, 255 !important;
    --header-sc: 255, 255, 255 !important;
    --menu-sc: 255, 255, 255 !important;
    --b-sc: 255, 255, 255 !important;
}

html,
body {
  font-family: 'TikTok Sans', sans-serif;
  background: rgb(8, 8, 8) !important;
  background-color: #080808 !important;
  color: #fff;
}

html.is-web,
html.is-web body,
#__nuxt,
#root,
.layout-bc {
  background: rgb(8, 8, 8) !important;
  background-color: #080808 !important;
}

input[name="loyalty_code"] {
  display: none !important;
}
.hdr-logo-bc {
    max-width: 200px !important;
}
label:has(> input[name="loyalty_code"]) {
  display: none !important;
}
.eligible-bonus{
  display: none !important;
}
.casino-borrow-possible-win-widget.casino-borrow-possible-win-widget--clickable {
    display: none !important;
}

.layout-bc:not(.page-full-size) .layout-content-holder-bc,
.layout-bc:not(.page-full-size) .layout-footer-holder-bc,
.layout-bc.page-full-size .layout-content-holder-bc,
.layout-bc.page-full-size .layout-footer-holder-bc {
    max-width: 100% !important;
    width: 100% !important;
}

.hdr-user-info-texts-bc.ext-1 {
    color: rgb(240 220 220) !important;
    font-size: 12px;
    font-weight: bold !important;
}

.hdr-user-info-texts-bc.ext-2 {
    color: rgb(237 192 33) !important;
    font-size: 11px;
    font-weight: bold !important;
}
.sportBonusDetailsItemWrapper-bc {
    display: flex;
    background: rgb(25 8 8) !important;
    border-radius: 0 0 var(--border-radius) var(--border-radius);
    padding: 16px 0;
    position: relative;
    margin-bottom: 3px;
}

.sportBonusFundProgressBar-bc {
    display: flex;
    border-radius: 3px;
    background: #fdc954 !important;
    overflow: hidden;
}

.sportBonusFundProgressBar-bc {
    background: rgb(255 205 210) !important;
}
.sportBonusFundPrice-withdrawable {
    color: rgb(255 205 210) !important;
}
.sportBonusFundTitle-bc {
    color: rgb(255 205 210) !important;
    font-weight: bold !important;
}
.sportBonusFundPrice-total {
    color: rgb(255 205 210) !important;
    font-weight: bold !important;
}

.switch-popup-wrapper.in-auth-popup .switch-popup-yophone-content {
  display:none !important;
}
.YoPhoneAppContent{
  display:none !important;
}
.YoPhoneApp{
  display:none !important;
}

[data-status="1"] {
    color: #fdc954 !important;
    font-weight: 500;
}

[data-status="0"] {
    color: #ef6b79 !important;
    font-weight: 500;
}

@media (hover: hover) {
    .btn:hover {
        background: rgb(20 8 8) !important;
        cursor: pointer;
    }
}

.casinoBonus_ProgressBar .sport-casino-bonus-container>div {
    width: 100%;
    background: rgb(198 40 40 / 59%) !important;
    border-radius: var(--border-radius);
}
.nav-menu-container.header-navigation:nth-child(2) {
    background: #0a0a0a !important;
}
.nav-menu-container.header-navigation:first-child {
    background: #0a0a0a !important;
}
.hdr-main-content-bc {
    background: #0a0a0a !important;
    border-bottom: none !important;
    border-image: none !important;
    box-shadow: none !important;
    position: relative !important;
}
.hdr-main-content-bc::after {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    height: 2px !important;
    pointer-events: none !important;
    z-index: 2 !important;
    background: linear-gradient(
      90deg,
      #0a0a0a 0%,
      #8b1515 22%,
      rgb(var(--hero)) 50%,
      #8b1515 78%,
      #0a0a0a 100%
    ) !important;
    box-shadow: none !important;
}
.nav-menu-container .nav-menu {
    height: 45px !important;
}
.nav-menu-container .nav-menu {
    align-items: center !important;
    justify-content: center !important;
}

  .sportBonusFundPrice-withdrawable {
    color: rgb(255 205 210);
}
.hdr-time-bc {
      width: 60px !important;
}

.profile-panel-promo-code{
  display:none !important;
}

.popup-inner-bc {
    border-radius: 20px !important;
    border-bottom: 2px solid #8b1515 !important;
    border-top: 2px solid #8b1515 !important;
    border-left: 2px solid #8b1515 !important;
    border-right: 2px solid #8b1515 !important;
    padding-top: 2px !important;
    box-shadow: 0px -5px 20px #8b1515 !important;
}

.u-i-p-amounts-bc.withdrawable .u-i-p-a-content-bc {
    background: #166953 !important;
}

#root > div.layout-header-holder-bc > header > div.nav-content-bc > div > nav > ul.nav-menu.nav-menu-hide-items > li:nth-child(2) > a:hover{
      border: none !important;
      box-shadow: none !important;
}

#root > div.layout-header-holder-bc > header > div.nav-content-bc > div > nav > ul.nav-menu.nav-menu-hide-items > li:nth-child(2) > a:after{
      display:none
}

#root > div.layout-header-holder-bc > header > div.nav-content-bc > div > nav > ul.nav-menu.nav-menu-hide-items > li:nth-child(2){
  align-items: center !important;
  justify-content: center !important;
}

#root > div.layout-header-holder-bc > header > div.nav-content-bc > div > nav > ul.nav-menu.nav-menu-hide-items > li:nth-child(2) > a {
    background: none !important;
    background-image: none !important;
    width: auto;
    height: auto;
    padding: 0 10px !important;
    margin: 0 !important;
    top: 0;
}

#root > div.layout-header-holder-bc > header > div.nav-content-bc > div > nav > ul.nav-menu.nav-menu-hide-items > li:nth-child(2) > a > span{
  display: inline-flex;
}

#root > div.layout-content-holder-bc > div:nth-child(3) > div > div > div > div > div > div > a.sdr-item-bc::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

#root > div.layout-content-holder-bc > div:nth-child(1) > div > div > div.carousel-viewport > div > div > div > a.sdr-item-bc::before {
  background: linear-gradient(180deg, transparent 82%, rgb(229 57 53 / 74%)) !important;
}

.nav-content-bc .nav-menu-container .nav-menu-sub .nav-menu-item{
  background: linear-gradient(to right, rgba(var(--menu-sc), .15) 0%, rgba(var(--menu-sc), .05) 100%) !important;
}
.market-bc:not(.disabled-market-bc):hover {
    color: #0a0a0a !important;
    background: rgb(var(--hero)) !important;
    transition: 0.6s !important;
}

.wheel {
  display: inline-block;
  position: relative;
  width: 40px;
  height: 40px;
  overflow: hidden;
}.bc-i-x50-wheel span {
  display: none;
}
.bc-i-wonderwheel span {
  display: none;
}

.wheel.btn.a-color {
    background: none !important;
    width: 35px;
    height: 35px;
}
.bc-i-x50-wheel,
.bc-i-wonderwheel {
    min-width: 60px !important;
    min-height: 42px !important;
    max-width: 60px;
    max-height: 60px;
    flex-shrink: 0;
    background: none !important;
}
.header-custom-buttons .bc-i-x50-wheel,
.header-custom-buttons .bc-i-wonderwheel {
    width: auto;
    height: auto;
    background: none !important;
}

.hdr-user-bc .bc-i-deposit, .hdr-user-bc .bc-i-wallet {
background: #fdc954 !important;
}

.header-custom-buttons+.sign-in {
    -webkit-margin-start: 10px !important;
    margin-inline-start: 15px !important;
    min-height: 30px !important;
    position: relative;
}
.btn.sign-in {
    border: 1px solid rgb(60 12 14);
    padding: 0 12px !important;
    border-radius: 15px !important;
    text-decoration: none !important;
    background: rgba(var(--header-sc-rgb), .1) !important;
    font-weight: bold !important;
    font-size: 13px !important;
    background: #ffffff !important;
    color: rgb(var(--oc-1)) !important;
    height: 33px !important;
}
.btn.register {
    padding: 0 12px !important;
    border-radius: 15px !important;
    font-weight: bold !important;
    font-size: 13px !important;
    height: 33px !important;
    background: linear-gradient(75.96deg, rgb(var(--oc-1)) 0%, #ef9a9a 94.77%) !important;
    color: #ffffff !important;   
}
.btn.register:hover {
    box-shadow: none !important;
    filter: none !important;
    }
.btn.sign-in:hover {
    box-shadow: none !important;
    filter: none !important;
    }
.accordion-items .accordion-button {
    min-width: 170px!important;
    border: 1px solid #fdc954!important;
	background: rgba(118,116,116,0.3)!important;
    backdrop-filter: blur(5px)!important;
}
.connect-button-wrapper {
display:none !important;
}

.connect-wallet:not(:only-child) {
    display: none !important;
}
.entrance-popup-bc.register .connect-button{
display: none !important;
}

.layout-content-holder-bc {
    background: rgba(0, 0, 0, 0.2) !important;
    border-radius: 4px !important;
    padding: 15px !important;
}
.crypto-currency-data {
display:none !important;
top: -9999px;
left: -9999px;
}
.accordion-items .accordion-button.a-outline, .accordion-items .accordion-button:hover {
    box-shadow: 0 0 0 1px #03ffb9 !important;
}

.casino-category-chooser-container {
    margin-top: 20px;
    display: none !important;
}
.leaderboard-bc{
display:none !important;
}

.header-icon {
    width: 60px !important;
    height: 35px !important;
    font-size: 14px !important;
    margin-inline-start: 10px!important;
}
.fastex-wallet-banner {
display:none !important;
}
.sg-n-forgot-password {
text-decoration:underline !important;
font-weight: bold !important;
}

.item.active {
    color: rgba(var(--hero-sc), 1) !important;
    background: rgb(139 21 21) !important;
}

.nav-menu-container.header-navigation:first-child .nav-menu>li>.nav-menu-item.active, .nav-menu-container.header-navigation:first-child .nav-menu-other>.nav-menu-item.active {
  background: rgb(139 21 21) !important;
}

.casino-horizontal-sl-list-bc .horizontal-sl-item-bc.active, .promotion-horizontal-sl-list-bc .horizontal-sl-item-bc.active {
    color: #fff !important;
    background: rgb(139 21 21) !important;
}
.casino-horizontal-sl-list-bc .horizontal-sl-item-bc.active .horizontal-sl-title-bc,
.casino-horizontal-sl-list-bc .horizontal-sl-item-bc.active .horizontal-sl-icon-bc,
.promotion-horizontal-sl-list-bc .horizontal-sl-item-bc.active .horizontal-sl-title-bc,
.promotion-horizontal-sl-list-bc .horizontal-sl-item-bc.active .horizontal-sl-icon-bc {
    color: #fff !important;
}

.promotions-article-title {
    height: 34px !important;
    margin-top: 1px !important;
    padding: 0 10px !important;
    color: rgb(239 237 247) !important;
    background: rgb(139 21 21) !important;
    font-size: 15px !important;
    line-height: 34px !important;
    text-align: center !important;
}

.checkbox-control-input-bc:checked~.checkbox-control-icon-bc {
    background: rgb(139 21 21) !important;
} 

.sg-n-forgot-password:hover {
    color: rgb(139 21 21) !important;
}

.form-control-message-bc {
    background: rgb(251 84 102 / 55%) !important;
  }

.sgm-market-g-h-cashed-out-icon-bc {
    color: rgb(255 205 210) !important;
  }

.second-tabs-bc .tab-bc:hover, .left-menu-container .second-tabs-bc .tab-bc.active {
    background: rgb(139 21 21) !important;
}

.bs-f-header-bc .second-tabs-bc .tab-bc:not(:only-child):hover, .bs-f-header-bc .second-tabs-bc .tab-bc:not(:only-child).active {
    background: rgb(var(--oc-1)) !important;
}

.selected-underline:before {
    content: "";
    display: block;
    width: 0;
    color: rgb(255 205 210) !important;
    height: 1px;
    background: rgb(229 57 53) !important;
}
  .currency-control-symbol, .connect-wallet:before {
    background-color: #8b1515 !important;
}
  
[class*=is-web] .horizontalSliderRow .footerSliderImage {
    min-width: 54px !important;
    width: 54px !important;
    height: 54px !important;
}

[class*=is-web] .footerSliderImage img {
    width: 34px !important;
    height: 34px !important;
}
a:hover,
.nav-menu-item:hover,
.nav-menu-item.active,
.checkbox-control-content-bc:hover,
.checkbox-control-content-bc.active,
.tab-bc.active,
.tab-bc:hover,
.footerLinkColTitle,
.footerLinkColTitle i,
.view-title-more,
.view-see-more {
  color: rgba(var(--hero), 1) !important;
}
.casino-winners-block .tab-bc.active,
.casino-winners-block .tab-bc.active:hover,
.casino-winners-block .tab-bc.active span,
.casino-winners-block .main-tabs-bc .tab-bc.active,
.casino-winners-block .main-tabs-bc .tab-bc.active span {
  color: #fff !important;
}
a.casino-sub-link.active,
a.casino-sub-link.active:hover,
a.casino-sub-link.active:focus,
a.casino-sub-link.active:active,
a.casino-sub-link.router-link-active,
a.casino-sub-link.router-link-active:hover,
a.casino-sub-link.active > i,
a.casino-sub-link.active:hover > i,
a.casino-sub-link.active .nav-menu-title,
a.casino-sub-link.active:hover .nav-menu-title,
a.casino-sub-link.router-link-active > i,
a.casino-sub-link.router-link-active .nav-menu-title {
  color: #ffffff !important;
}

.form-control-bc.select.focused,
.form-control-bc.select.expanded,
.form-control-bc.select:hover {
  border-color: rgba(var(--oc-1), 0.65) !important;
}

.multi-select-label-bc,
.nav-menu-sub,
.hdr-flyout-menu.nav-menu-sub {
  background: rgb(var(--b)) !important;
  border-color: rgba(var(--oc-1), 0.45) !important;
}

.nav-menu-sub .nav-menu-item:hover,
.hdr-flyout-menu.nav-menu-sub .nav-menu-item:hover,
.checkbox-control-content-bc:hover,
.checkbox-control-content-bc.active {
  background: rgba(var(--hero), 0.22) !important;
}

.btn.register,
.btn.a-color,
.sp-button-bc {
  background: rgba(var(--oc-1), 1) !important;
  border-color: rgba(var(--oc-1), 1) !important;
}

.btn.register:hover,
.btn.a-color:hover,
.sp-button-bc:hover {
  background: rgba(var(--oc-1-hover), 1) !important;
}

::selection {
  background: rgba(var(--hero), 0.45);
}