html,
:root{
  /* Mobile theme palette override. Runtime height variables stay JS-controlled. */
  --hero: 215, 10, 45!important;
  --hero-hover: 255, 45, 85!important;
  --hero-sc: 255, 255, 255!important;

  --brand: 180, 12, 35!important;
  --brand-hover: 255, 60, 95!important;
  --brand-sc: 255, 255, 255!important;

  --secondary: 18, 18, 22!important;
  --secondary-hover: 35, 35, 40!important;
  --secondary-sc: 255, 255, 255!important;

  --accent: 255, 35, 65!important;
  --accent-hover: 255, 85, 115!important;
  --accent-sc: 255, 255, 255!important;

  --oc-1: 220, 20, 55!important;
  --oc-1-hover: 255, 70, 100!important;
  --oc-1-sc: 255, 255, 255!important;

  --oc-2: 255, 190, 0!important;
  --oc-2-hover: 255, 220, 70!important;
  --oc-2-sc: 0, 0, 0!important;

  --oc-3: 255, 45, 75!important;
  --oc-3-hover: 255, 90, 120!important;
  --oc-3-sc: 255, 255, 255!important;

  --odd-up: 0, 210, 90!important;
  --odd-up-hover: 40, 255, 100!important;
  --odd-up-sc: 0, 0, 0!important;

  --odd-down: 255, 50, 70!important;
  --odd-down-hover: 255, 90, 110!important;
  --odd-down-sc: 255, 255, 255!important;

  --neutral: 255, 255, 255!important;
  --neutral-sc: 0, 0, 0!important;

  --b: 8, 8, 12!important;
  --b-hover: 28, 28, 34!important;
  --b-sc: 255, 255, 255!important;

  --header: 10, 10, 14!important;
  --header-hover: 22, 22, 28!important;
  --header-sc: 255, 255, 255!important;

  --menu: 12, 12, 16!important;
  --menu-hover: 26, 26, 32!important;
  --menu-sc: 255, 255, 255!important;

  --tab-navigation: 14, 14, 18!important;
  --tab-navigation-hover: 32, 32, 38!important;
  --tab-navigation-sc: 255, 255, 255!important;

  --static-black: 0, 0, 0!important;
  --static-black-hover: 18, 18, 20!important;
  --static-black-sc: 255, 255, 255!important;

  --static-white: 255, 255, 255!important;
  --static-white-hover: 235, 235, 235!important;
  --static-white-sc: 0, 0, 0!important;

  --warning: 255, 175, 0!important;
  --warning-hover: 255, 205, 60!important;
  --warning-sc: 0, 0, 0!important;

  --error: 220, 25, 55!important;
  --error-hover: 255, 75, 100!important;
  --error-sc: 255, 255, 255!important;

  --success: 0, 180, 90!important;
  --success-hover: 0, 255, 140!important;
  --success-sc: 255, 255, 255!important;

  --info: 0, 140, 255!important;
  --info-hover: 60, 180, 255!important;
  --info-sc: 255, 255, 255!important;
}

.woot-widget-bubble{
    display:none!important;
}

.overlay-sliding-wrapper-bc .payment-info-bc .WithdrawAmount-All ul.WithdrawAmount-Row:nth-child(4),
.overlay-sliding-wrapper-bc .payment-info-bc .WithdrawAmount-All ul.WithdrawAmount-Row:nth-child(5){
    display: none;
}

.footerSliderGroup > .footerSlider:nth-child(2) img{pointer-events:none}

.popup-holder-bc .congrats-block .congrats-block-image{
    display:none;
}

/* .bc-i-egt:before {
    content: " "!important;
    width: 100%;
    height: 100%;
    background-image: url(https://static.springbuilder.site/fs/userFiles-v2/vbetampromo/media/amusnetlogo-1683184740491.svg?1683184742893);
    background-size: 65px;
    background-position: center;
    background-repeat: no-repeat;
    opacity: .45;
} */

.bc-i-egt.active:before{
    opacity: 1;
}   

.live-casino-block .casino-category-chooser-container .horizontal-sl-item-bc.turkishTables,
.live-casino-block .casino-category-chooser-container .horizontal-sl-item-bc.asianGames,
.live-casino-block .casino-category-chooser-container .horizontal-sl-item-bc.indianTables{
    display: none !important;
}

.header-icon>img {
    margin-left: 4px; !important;
}

.popup-holder-bc .popup-middleware-bc .popup-inner-bc .congrats-parent-block .congrats-block img.congrats-block-image{
    display: none!important;
}

.popup-holder-bc .popup-middleware-bc .popup-inner-bc .congrats-parent-block .congrats-reg-step-buttons .btn.a-outline:first-child{
    background: #109121!important;
}

.popup-holder-bc .popup-middleware-bc .popup-inner-bc .congrats-parent-block .congrats-reg-step-buttons .btn.a-outline:first-child:hover{
    background: #13AC27!important;
}

.popup-holder-bc:not(.success) .popup-inner-bc .status-popup-content-w-bc .casino-popup-icon-wrapper {
    display:none !important;
}

.special-games-button .btn.coupons.a-color {
    background: #338af3!important; 
    background: linear-gradient(to right, #338af3 0%, #ffda44 100%)!important;
}

.special-games-button .btn.coupons:not(.a-color)>i {
    color: #338af3!important;
}
.printAndDownload {
  display:none!important;
}
.casino-game-item.badge-vpn:after {
    content: ""!important;
    width: 54px;
    display: block;
    background-image: url(https://cmsbetconstruct.com/storage/medias/vbet/media_4_0b27f275a5a02b3963e6274afe2a3737.svg)!important;
    background-size: contain!important;
    top: 5px!important;
    right: 5px!important;
    background-repeat: no-repeat!important;
    transform:initial!important;
    background-color:initial!important;
    box-shadow:initial!important;
}

.nav-menu-item.badge-spinCount::after,
.hdr-navigation-link-bc.badge-spinCount::after {
    background:rgba(var(--hero),1)!important;
}
.promo-btn {
    display: inline-block;
    position: relative;
    text-decoration: none !important;
    color: white !important;
    background: linear-gradient(45deg, #8f1828, #c6283a, #8f1828);
    padding: 8px 25px;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 10px;
    font-size: 14px;
    border: none;
    margin-block: 10px;
}

.withdrawLayout .historyList-bc .historyListEl>:nth-last-child(4):not(.withdrawLayout .historyList-bc .historyListEl>:nth-child(3)),
.withdrawLayout .historyList-bc .historyListEl>span:nth-of-type(3){
    display:none!important;
} 
.u-i-p-links-lists-holder-bc > .u-i-p-l-head-bc:nth-last-child(1),
.rewardWrapper .exchangeWrapperContent .exchangeWrapperText,
.rewardWrapper .exchangeWrapperContent .descriptionContainer,
.rewardWrapper .exchangeWrapperContent .exchangeWrapper,
.rewardWrapper .exchangeWrapperContent .exchangeWrapperBtn .tooltipIconWrapper{
  display:none!important
}

.rewardWrapper,
.rewardWrapper .exchangeWrapperContent{
  height:100%;
}

.rewardWrapper .exchangeWrapperBtn{
  margin:auto!important;
  height:100%;
}

.exchangeWrapperBtn .btn{
  margin-inline-start:0!important
}

.favouriteTeamsPage .need-to-login.empty-b-text-v-bc{ display:none }



.favouriteTeamsWidget{
  display: none
}

.favouriteTeamsPage .need-to-login.empty-b-text-v-bc{
  display:none
}

.is-identityCheckPopup .popup-holder-bc.windowed.info {
  backdrop-filter: blur(20px)!important;
}

.sliderContent [id='17247_CascadCardNew'] ,
.sliderContent [id='17369_CascadApplePayNew'],
.sliderContent [id='17370_CascadGooglePayNew'],
.sliderContent [id="19441_CascadMTB"] {
  pointer-events: none!important;
}

.popup-holder-bc.windowed.deposit .casino-popup-button-block button:first-child  {
    display:none!important;
}

.u-i-edit-verify-account-page-bc .verification-buttons-block [title="ЗАПОВНИТИ АНКЕТУ"] ,
.u-i-edit-verify-account-page-bc .verification-buttons-block [title="FILL IN THE FORM"]    {
    display: none!important;
}

.popup-holder-bc.windowed.email-exists-popup .btn.reset-password-btn {
     display: none!important;
}

.casinoGenericPageTemplate .indianTables,
.casinoGenericPageTemplate .brazilianTables {
    display:none!important;
}



.slider-market-coefficient-container .countdown-banner-content {
    top: 50%!important;
    transform: translate(-50%, -30%)!important;
    bottom: initial!important;
    max-width:400px;
    background: transparent!important;

}

.slider-market-coefficient-container .market-bc .market-odd-bc,
.slider-market-coefficient-container .market-bc:not(.active).market-odd-bc {
    color: #ffffff!important;
    font-size: 20px!important;
    line-height: 1.2!important;
    font-weight: 700!important;
}

.slider-market-coefficient-container .market-bc:not(:last-child){

border-right: 1px solid rgba(255, 255, 255, .4)!important;
}

.slider-market-coefficient-container .market-bc.active .market-odd-bc{
    color: #ffffff!important;

}
.slider-market-coefficient-container .market-bc+.market-bc {
margin-inline-start:initial!important;
}

.slider-market-coefficient-container .market-bc{

    color: #ffffff!important;
    background: transparent!important;
    padding: 12px 24px!important;
    width: 100px!important;
    box-shadow: initial!important;
}

.slider-market-coefficient-container .market-bc i{
  display: none!important;
}

@media only screen and (max-width:600px) {
    .slider-market-coefficient-container .countdown-banner-content{
        max-width:100px!important;
        height:32px!important;
    }
.slider-market-coefficient-container .market-bc{
    height:22px!important;
    border-radius: 5px !important;
    padding: 8px 8px!important;
}

.slider-market-coefficient-container .countdown-banner-content {

    transform: translate(-50%, -40%)!important;
}
}

@media only screen and (max-width:415px) {
    .slider-market-coefficient-container .countdown-banner-content{
        max-width:60px!important;
        height:20px!important;

    }
.slider-market-coefficient-container .market-bc{
    height:20px!important
    padding: 6px 6px!important;
}

.slider-market-coefficient-container .market-bc .market-odd-bc{
    font-size: 16px!important;
    
}
}

.layout-content-holder-bc .hm-row-bc:first-child .sdr-item-bc:not(:only-child) {
    height: 100%!important;
}
.hdr-user-bc .bc-i-wallet {background:#2A8038!important}

.popup-holder-bc.windowed.email-exists-popup {
    display:none !important;
}



.slider-market-coefficient-container .countdown-banner-content {
    top: 50%!important;
    transform: translate(-50%, -50%)!important;
    bottom: initial!important;
    max-width:400px;
    background: transparent!important;
     gap: 5px;
}

.slider-market-coefficient-container .market-bc .market-odd-bc,
.slider-market-coefficient-container .market-bc:not(.active).market-odd-bc {
    color: #ffffff!important;
    font-size: 20px;
    line-height: 1.2!important;
    font-weight: 700!important;
}

.slider-market-coefficient-container .market-bc.active .market-odd-bc{
    color: #ffffff!important;

}
.slider-market-coefficient-container .market-bc+.market-bc {
margin-inline-start:initial!important;
}

.slider-market-coefficient-container .market-bc{

    color: #ffffff!important;
    background: #1a253b!important;
    padding: 15px 15px!important;
    border: none!important;
    border-radius: 15px !important;
    width: 100px!important;
    height: 60px!important;
    box-shadow: inset 3px 3px 6px 0px rgba(255,255,255, .5), inset -3px -3px 3px 0 #1a253b!important;
}

@media only screen and (max-width:600px) {
    .slider-market-coefficient-container .countdown-banner-content{
        max-width:250px!important;
        height:32px!important;
    }
.slider-market-coefficient-container .market-bc{
    height:22px!important;
    border-radius: 5px !important;
   width: 50px!important;
}
}

@media only screen and (max-width:415px) {
    .slider-market-coefficient-container .countdown-banner-content{
        max-width:200px!important;
        height:28px!important;
    }
.slider-market-coefficient-container .market-bc{
    height:20px!important;
   
}
}
.layout-content-holder-bc .jackpot-banner .casinoJackpotWrapper-bc::before{
    background-image: initial!important;
}

.layout-content-holder-bc .jackpot-banner .casinoJackpotWrapper-bc{
    background-image: url(https://cmsbetconstruct.com/storage/medias/uawl-18746530/media_18746530_d9420dc211e267a62a82d4d01d5d39b9.png) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center center !important;
    background-color: #1C2539;
}
.is-home-page .layout-content-holder-bc .hm-row-bc.has-slider:nth-child(5) .sdr-item-holder-bc{
    aspect-ratio: initial!important;
} 

.v-care-fund-jackpot .sdr-item-bc{background-color: #410d41!important;
display: flex;
align-items: center;} 

.loyaltyLevelBonus{display: none!important}
.loyaltyProgramItems p a{color:#c6283a}

/* .layout-header-holder-bc .loyaltyBonusHeader {
display:none!important;
} /*
/* 
[class*=is-mobile] .header-bc .loyaltyBonusHeader+.hdr-user-bc:not(.hasLoyaltyLevel) {
        margin-inline-start: 0!important;
} */

/* .user-profile-container .u-i-p-links-lists-holder-bc .u-i-p-l-body-bc > a:last-child,
.hdr-navigation-scrollable-bc.user-tab-navigation .hdr-navigation-link-bc:last-child {
    display:none!important
}
.user-profile-container .u-i-p-links-lists-holder-bc .u-i-p-l-body-bc > a:nth-last-child(2),
.user-profile-container .u-i-p-links-lists-holder-bc .u-i-p-l-body-bc > a:last-child,
.hdr-navigation-scrollable-bc.user-tab-navigation .hdr-navigation-link-bc:nth-last-child(2),
.hdr-navigation-scrollable-bc.user-tab-navigation .hdr-navigation-link-bc:last-child {
    display:none!important
} */





.layout-header-holder-bc > .hdr-dynamic-content .hm-row-bc:first-child {
    margin-top: 0;
}

.layout-header-holder-bc > .hdr-dynamic-content  .swiper-slide > .informative-widget{
  background: #c6283a!important;
  margin: 0!important;
  border-radius: 0!important;
}

.layout-header-holder-bc > .hdr-dynamic-content  .swiper-slide > .informative-widget > .informative-widget-link{
 border: 0!important;
 border-radius: 0!important;
}
.layout-header-holder-bc > .hdr-dynamic-content  .swiper-slide{
    border-radius: 0!important;
}

.informative-widget-container > span{
  color: rgba(252, 252, 253, 1)!important;
  font-size: 14px !important;
}

.informative-widget-container button{
  border: 1px solid white!important;
  border-radius: 8px!important;
  background: rgba(0, 12, 36, 0.20)!important;
}

.informative-widget-container button span{
  font-size: 12px!important;
   text-transform: capitalize !important;
}
@media screen and (max-width:470px){
.layout-header-holder-bc > .hdr-dynamic-content  .swiper-slide > .informative-widget > .informative-widget-link > .informative-widget-container{
    flex-wrap: wrap;
}
}

.hdr-main-content-bc .hdr-user-bc .user-balance-dropdown .nav-menu-item {
    display: flex;
    align-items: center;
    min-height: 30px;
    border-radius: 50px;
    padding: 2px 10px;
    background: rgba(var(--header-sc), 0.08);
}
.hdr-main-content-bc .hdr-user-bc .user-balance-dropdown .hdr-user-info-content-bc {
    margin: 0 !important;
}
.hdr-main-content-bc .hdr-user-bc .user-balance-dropdown .nav-menu-item::after {
    content: "";
    display: flex;
    width: 20px;
    height: 20px;
    margin-left: 6px;
    background-image: none;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.hdr-main-content-bc .hdr-user-bc .hdr-user-avatar-icon-bc {
    margin-inline-start: 6px;
}

.liveCasinoWrapper > .casinoGenericPageTemplate .casinoCategoryChooserContainer  .horizontalSliderWrapper .horizontalSliderRow .asianGames{
    display: none!important;
}

.woot-widget-bubble.woot-elements--right {
   bottom:59px!important;
}

.jackpot-banner .casinoJackpotWrapper-bc{display:none!important}

@media screen and (max-width:390px) {
  .user-profile-container .overlay-sliding-wrapper-bc .pay-logo {
        min-width: 80px!important;
        max-width: 120px;
    }
}
.countdown-banner-content .market-bc .market-coefficient-bc .market-odds-container .not-boosted-odd{
            display: none!important;
        }

.live-casino-games .horizontalSliderRow .turkishTables{
            display: none!important;
       }

.casino-popup-content p:nth-child(2) {
  display: none !important;
}

html,
body,
#root,
.layout-bc {
  max-width: 100%;
  overflow-x: hidden;
}

.layout-bc {
  width: 100%;
}

.languageDropdown,
.turkish-only-language {
  display: none !important;
}

.is-mobile .storiesWidgetWrapper:not(.portraitView) {
  min-height: 105px !important;
  height: 105px !important;
}

.is-mobile .storiesWidgetWrapper .horizontalSliderRow {
  padding: 4px !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
}

.is-mobile .storiesWidgetWrapper .storiesWidgetListItem.horizontal-sl-item-bc,
.is-mobile .storiesWidgetWrapper .storiesWidgetListItem.horizontal-sl-item-bc:not(:empty) {
  background: transparent !important;
  box-shadow: none !important;
}

.is-mobile .storiesWidgetListItem + .storiesWidgetListItem {
  margin-inline-start: 10px !important;
}

.is-mobile .viewModeStories {
  align-items: stretch !important;
  padding: 0 !important;
  background: rgba(0, 0, 0, 0.92) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

.is-mobile .viewModeStoriesContent {
  width: 100vw !important;
  height: 100dvh !important;
  max-width: 100vw !important;
}

.is-mobile .viewModeStoriesContent > .swiper {
  width: 100vw !important;
  height: 100dvh !important;
  overflow: hidden !important;
}

.is-mobile .singleStoryImgWrapper,
.is-mobile .singleStoryImg,
.is-mobile .singleStoryImg > img {
  border-radius: 0 !important;
}

.is-mobile .singleStoryImg {
  width: 100vw !important;
  height: 100dvh !important;
  max-width: 100vw !important;
  max-height: 100dvh !important;
}

.is-mobile .storyGroupInfo {
  top: 0 !important;
  padding-top: calc(env(safe-area-inset-top, 0px) + 12px) !important;
}

.is-mobile .singleStorySeeMore {
  bottom: calc(env(safe-area-inset-bottom, 0px) + 20px) !important;
}

.is-mobile .storiesWidgetWrapper:not(.portraitView) .storiesWidgetListItem {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex: 0 0 68px !important;
  min-width: 68px !important;
  max-width: 68px !important;
  width: 68px !important;
  overflow: visible !important;
}

.is-mobile .storiesWidgetWrapper:not(.portraitView) .storiesWidgetListItem > img,
.is-mobile .storiesWidgetWrapper:not(.portraitView) .storiesWidgetListItem > i,
.is-mobile .storiesWidgetWrapper:not(.portraitView) .storiesWidgetListItem > .storiesItemImgSkeleton {
  width: 68px !important;
  height: 68px !important;
  min-width: 68px !important;
  min-height: 68px !important;
  display: block !important;
  flex: 0 0 68px !important;
  object-fit: cover !important;
  object-position: center center !important;
  -webkit-transform: translateZ(0) !important;
  transform: translateZ(0) !important;
}

.is-mobile .storiesWidgetWrapper:not(.portraitView) .storiesWidgetListItem:not(.storiesItemSkeleton):after {
  width: 68px !important;
  height: 68px !important;
}

.is-mobile .storiesWidgetWrapper:not(.portraitView) .storiesWidgetListItem:not(.storiesItemSkeleton):before {
  width: 72px !important;
  height: 72px !important;
}

.is-mobile .storiesWidgetWrapper:not(.portraitView) .horizontalSliderWrapper,
.is-mobile .storiesWidgetWrapper:not(.portraitView) .horizontalSliderRow.storiesWidgetList {
  min-height: 97px !important;
  height: 97px !important;
  padding-inline: 6px !important;
}

.is-mobile .storiesWidgetWrapper:not(.portraitView) .storiesWidgetListItem {
  min-height: 97px !important;
  height: 97px !important;
  max-height: none !important;
}

.is-mobile .storiesWidgetWrapper:not(.portraitView) .storiesWidgetListItem .horizontal-sl-title-bc {
  display: block !important;
  height: 20px !important;
  min-height: 20px !important;
  max-height: 20px !important;
  margin-top: 5px !important;
  line-height: 20px !important;
  flex: 0 0 20px !important;
}

/* Keep the selected story tile in normal flow while the overlay opens/closes. */
.is-mobile .storiesWidgetWrapper .horizontalSliderRow.storiesWidgetList > .storiesWidgetListItem.active {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex: 0 0 68px !important;
  min-width: 68px !important;
  max-width: 68px !important;
  width: 68px !important;
  min-height: 97px !important;
  height: 97px !important;
  max-height: none !important;
  left: 0 !important;
  right: 0 !important;
  top: auto !important;
  bottom: auto !important;
  z-index: 1 !important;
  background: transparent !important;
  overflow: visible !important;
}

.is-mobile .storiesWidgetWrapper .horizontalSliderRow.storiesWidgetList > .storiesWidgetListItem.active > .horizontal-sl-icon-bc {
  position: relative !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  margin: 0 auto !important;
  transform: none !important;
}

.hdr-user-bc .deposit-btn.user-nav-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.hdr-user-bc .deposit-btn.user-nav-icon::before {
  content: "\eaac";
  font-family: BetConstruct-Icons !important;
  font-size: 15px !important;
  line-height: 1 !important;
  color: #fff !important;
}

.hdr-main-content-bc .hdr-user-bc .user-balance-dropdown .nav-menu-item::after {
  content: "\e918" !important;
  font-family: BetConstruct-Icons !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 18px !important;
  height: 18px !important;
  margin-left: 6px !important;
  background: none !important;
  color: rgba(var(--header-sc), 0.78) !important;
  font-size: 14px !important;
  line-height: 1 !important;
  flex-shrink: 0 !important;
}

.referral-bonus-journey-active .journey-content,
.referral-bonus-journey-active .my-profile-info-block.null-page {
  width: 100%;
  min-width: 0;
}

.referral-bonus-journey-panel {
  width: 100%;
  box-sizing: border-box;
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 8px;
  background: #141419;
  color: #f4f4f6;
}

.referral-bonus-journey-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 14px;
}

.referral-bonus-journey-eyebrow {
  display: block;
  margin-bottom: 4px;
  color: #e41146;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
}

.referral-bonus-journey-head h2 {
  margin: 0;
  font-size: 22px;
  line-height: 28px;
  font-weight: 800;
}

.referral-bonus-journey-badge {
  flex: 0 0 auto;
  min-width: 64px;
  padding: 6px 8px;
  border-radius: 8px;
  background: rgba(35, 180, 84, 0.14);
  color: #3ee477;
  font-size: 12px;
  font-weight: 800;
  text-align: center;
}

.referral-bonus-journey-desc {
  margin: 0 0 14px;
  color: rgba(244, 244, 246, 0.72);
  font-size: 14px;
  line-height: 20px;
}

.referral-bonus-journey-links,
.referral-bonus-journey-stats,
.referral-bonus-journey-table {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}

.referral-bonus-journey-links {
  margin-bottom: 14px;
}

.referral-bonus-journey-link {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: end;
  min-width: 0;
}

.referral-bonus-journey-link span {
  grid-column: 1 / -1;
  color: rgba(244, 244, 246, 0.58);
  font-size: 12px;
  font-weight: 800;
}

.referral-bonus-journey-link input {
  min-width: 0;
  width: 100%;
  height: 42px;
  box-sizing: border-box;
  padding: 0 10px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  outline: 0;
  background: #0d0d11;
  color: #ffffff;
  font-size: 13px;
  font-weight: 700;
}

.referral-bonus-journey-link button {
  height: 42px;
  padding: 0 12px;
  border: 0;
  border-radius: 8px;
  background: #e41146;
  color: #ffffff;
  cursor: pointer;
  font-size: 13px;
  font-weight: 800;
}

.referral-bonus-journey-stats {
  margin: 14px 0;
}

.referral-bonus-journey-stats > div,
.referral-bonus-journey-table > div {
  min-width: 0;
  padding: 12px;
  border-radius: 8px;
  background: #1f2026;
}

.referral-bonus-journey-stats span,
.referral-bonus-journey-table span {
  display: block;
  margin-bottom: 6px;
  color: rgba(244, 244, 246, 0.58);
  font-size: 12px;
  font-weight: 800;
}

.referral-bonus-journey-stats strong,
.referral-bonus-journey-table b {
  display: block;
  overflow-wrap: anywhere;
  color: #ffffff;
  font-size: 20px;
  line-height: 24px;
  font-weight: 900;
}

.referral-bonus-journey-message {
  min-height: 18px;
  margin-top: 12px;
  color: rgba(244, 244, 246, 0.62);
  font-size: 12px;
  line-height: 18px;
}

.referral-bonus-journey-message.success {
  color: #4fd37b;
}

.referral-bonus-journey-message.warning {
  color: #ffc95a;
}

.referral-bonus-journey-message.error {
  color: #ff7f98;
}

body.referral-bonus-journey-active #chat-widget-container,
body.referral-bonus-journey-active iframe[src*="livechat"],
body.referral-bonus-journey-active iframe[title*="chat"],
body.referral-bonus-journey-active [class*="woot-widget"] {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}