html.is-web,
html.is-mobile {
    --hero: 168, 85, 247 !important;
    --hero-hover: 200, 130, 255 !important;
    --brand: 168, 85, 247 !important;
    --brand-hover: 200, 130, 255 !important;
    --header-hover: 168, 85, 247 !important;
    --menu-hover: 168, 85, 247 !important;
    --tab-navigation-hover: 168, 85, 247 !important;
    --odd-up: 168, 85, 247 !important;
    --odd-up-hover: 200, 130, 255 !important;
}

html.is-web button:not(.generic-search-btn, .generic-search-close-btn):hover,
html.is-web button:not(.generic-search-btn, .generic-search-close-btn):active,
html.is-web button:not(.generic-search-btn, .generic-search-close-btn):focus-visible,
html.is-mobile button:not(.generic-search-btn, .tab-nav-item-bc):hover,
html.is-mobile button:not(.generic-search-btn, .tab-nav-item-bc):active,
html.is-mobile button:not(.generic-search-btn, .tab-nav-item-bc):focus-visible,
html.is-web .btn:hover,
html.is-web .btn:active,
html.is-web .btn:focus-visible,
html.is-mobile .btn:hover,
html.is-mobile .btn:active,
html.is-mobile .btn:focus-visible,
html.is-web .e-p-section-title-bc:hover,
html.is-mobile .e-p-section-title-bc:hover {
    background: #9333ea !important;
    border-color: #a855f7 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: 0 0 0 1px rgba(168, 85, 247, 0.35) !important;
}

html.is-web .btn.register,
html.is-mobile .btn.register {
    background: linear-gradient(138deg, #9333ea 0%, #c084fc 50%, #9333ea 100%) !important;
    border-color: #c084fc !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

html.is-web .btn.sign-in,
html.is-mobile .btn.sign-in {
    border-color: #c084fc !important;
}

html.is-web .nav-menu>li>.nav-menu-item.active,
html.is-web .nav-menu>li>.nav-menu-item:hover,
html.is-mobile .nav-menu>li>.nav-menu-item.active,
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: #ffffff !important;
    box-shadow: inset 0 -2px #c084fc !important;
}

html.is-mobile .tab-navigation-w-bc .tab-nav-item-bc:not(.menu) .tab-nav-icon-bc,
html.is-mobile .tab-navigation-w-bc .tab-nav-item-bc:not(.menu) .tab-nav-title-bc,
html.is-mobile #root > div.layout-navigation-holder-bc > div > .tab-nav-item-bc:not(.menu) .tab-nav-title-bc,
html.is-mobile #root > div.layout-navigation-holder-bc > div > .tab-nav-item-bc:not(.menu) > .tab-nav-icon-bc {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

html.is-mobile .tab-navigation-w-bc .tab-nav-item-bc:hover .tab-nav-icon-bc,
html.is-mobile .tab-navigation-w-bc .tab-nav-item-bc:hover .tab-nav-title-bc,
html.is-mobile .tab-navigation-w-bc .tab-nav-item-bc.active .tab-nav-icon-bc,
html.is-mobile .tab-navigation-w-bc .tab-nav-item-bc.active .tab-nav-title-bc,
html.is-mobile .tab-navigation-w-bc .tab-nav-item-bc:not(.menu):hover .tab-nav-icon-bc,
html.is-mobile .tab-navigation-w-bc .tab-nav-item-bc:not(.menu):hover .tab-nav-title-bc,
html.is-mobile .tab-navigation-w-bc .tab-nav-item-bc:not(.menu).active .tab-nav-icon-bc,
html.is-mobile .tab-navigation-w-bc .tab-nav-item-bc:not(.menu).active .tab-nav-title-bc {
    color: #c084fc !important;
    -webkit-text-fill-color: #c084fc !important;
}

html.is-mobile .tab-navigation-w-bc .tab-nav-item-bc.menu::before {
    background: radial-gradient(ellipse at center, rgba(168, 85, 247, 0.28) 0%, rgba(168, 85, 247, 0.06) 58%, transparent 78%) !important;
}

html.is-mobile .tab-navigation-w-bc .tab-nav-item-bc.menu .tab-nav-icon-bc,
html.is-mobile .tab-navigation-w-bc .tab-nav-item-bc.menu .tab-nav-title-bc {
    color: #e9d5ff !important;
    -webkit-text-fill-color: #d8b4fe !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: #a855f7 !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: #9333ea !important;
    border-color: #a855f7 !important;
}

html.is-web .storiesWidgetListItem:not(.storiesItemSkeleton):not(.visited):before,
html.is-mobile .storiesWidgetListItem:not(.storiesItemSkeleton):not(.visited):before {
    background-image: linear-gradient(225deg, #c084fc, #581c87) !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: #c084fc !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: #a855f7 !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, #a855f7 70deg, #e879ff 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: #e9d5ff !important;
 -webkit-text-fill-color: #e9d5ff !important;
}

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