﻿:root
{
    --main-white-color: #fff;
    --main-dark-title-text-color: #fff;
    --main-lightText-color: #fff;
    --main-bg-color: #0b0c22;
    --light-bg-color: #0f102e;
    --secondary-bg-color: #181a20;
    --black-text-color: hsla(0,0%,100%,.5);
    --main-purple-color: #ad00ff;
    --main-orange-color: #ff4b00;
    --secondary-orange-color: #d34204;
    --text-grey: #adadad;
    --menu-hover: #fff;
    --category-text-color: hsla(0,0%,100%,.5);
    --category-text-color-lightTheme: var(--main-orange-color);
    --black-text-color-lightTheme: #151515;
    --light-bg-color-lightTheme: #fff;
    --menu-svg-lightTheme: #323232;
    --signOut-svg-lightTheme: var(--main-orange-color);
    --headerLink-bg-light: #fff;
    --base-green: #25e67a;
    --dark-gradient-color: #158044;
    --base-no-active: hsla(0,0%,100%,.5);
    --base-green-gradient: linear-gradient(90deg,#25e67a,#158044);
    --play-demo-gradient: linear-gradient(90deg,#52ff0000,#25e67a,#52ff0000);
    --secondary-btn-gradient: linear-gradient(79.72deg,#fff 8.59%,hsla(0,0%,100%,.12));
    --base-green-text-gradient: -webkit-linear-gradient(90deg,#25e67a,#158044);
    --button-mask-gradient: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    --main-bg-color-darkTheme: #222327;
    --light-bg-color-darkTheme: #26282f;
    --black-text-color-darkTheme: #fff;
    --main-bg-color-lightTheme: #fefefe;
    --menu-hover-darkTheme: #fff;
    --category-text-color-darkTheme: #fff;
    --menu-svg-darkTheme: #a0a0a0;
    --signOut-svg-darkTheme: #fff;
    --headerLink-bg-dark: #232327;
    --menu-svg: #a0a0a0;
    --toast-bg-lighTheme: #fff;
    --toast-bg-darkTheme: #26282f;
    --menuImg-opacity: 1;
    --dashed-border: #181a4f;
    --modal-seconary-bg: #171835;
    --active-link-background: #42417a;
    --link-border-color: #191a4d;
    --separarator-color: #ffffff0d;
    --main-checkbox-color: #171845;
    --secondary-text-color: #d1d1d7;
    --currency-select-bg: #ffffff45;
    --currency-drop-bg: #2f304a;
    --modal-secondary-dark: #101124;
    --event-icon-bg: #25b531;
    --event-failed-bg: #f01f5d;
    --event-pending-bg: #caa205;
    --edit-avatar-btn: #191a4db2;
    --image-crop: #06060686;
    --separator-color: hsla(0,0%,100%,.1);
    --badge-bg-red: #bc0551;
    --badge-dg-green: #266836;
    --badge-bg-grey: #ffffff45;
    --badge-red-hover: #bc05514d;
    --badge-green-hover: #2668364d;
    --badge-grey-hover: #ffffff1a;
    --badge-bg-yellow: #caa205;
    --badge-yellow-hover: #8c7435;
    --button-secondary-bg: #62619d;
    --button-secondary-light-bg: #42417a;
    --button-base-with-border: #171835;
    --default-transition: all ease-in-out .2s;
    --button-text-shadow: 0px 0px 12.8px hsla(0,0%,100%,.76),0px 4px 4px rgba(0,0,0,.25);
    --filters-wrapper: var(--light-bg-color);
    --filter-select-bg: #171835;
    --filter-option-selected: #42417a;
    --table-card-bg: #171835;
    --select-option-green: #00ff3e;
    --select-option-red: #bc0551;
    --select-option-yellow: #caa205;
    --calendar-range-bg: #5368d5b2;
    --calendar-selecter-day: #5368d5;
    --filter-box-shadow: 0px 1px 13.9px 0px rgba(0,0,0,.236);
    --bonus-card-shadow: #16844799;
    --bonus-card-shield: #1011316a;
    --approved-bg: #266836;
    --approved-border: #25b531;
    --pending-bg: #8c7435;
    --pending-border: #ffce00;
    --rejected-bg: #86204b;
    --rejected-border: #f01f5d;
    --notification-footer-bg: #181a46;
    --notification-button-dot: #f6616e;
    --google-block-separator: hsla(0,0%,100%,.5);
    --demo-link-color: #fff;
    --demo-link-border: #fff;
    --auth-rules-link-color: #5e5cff;
    --auth-rules-link-hover: #6553ee;
    --widget-copy-input: #0f102e;
    --widget-main-bg: #0b0c22;
    --widget-select-bg: #42417a;
    --pay-method-mobile-bg: #171835;
    --pay-method-bg: #0f102e;
    --pay-method-height: 68px;
    --pay-field-mobile-bg: #171835;
    --pay-field-bg: #0b0c22;
    --pay-field-block-mobile-bg: #171835;
    --pay-side-bg: #151640;
    --pay-method-active: #42417a;
    --pay-dialog-mobile-bg: #0b0c22;
    --pay-dialog-bg: #0f102e;
    --pay-btn-gradient-dark: #ff9500;
    --pay-btn-gradient-light: #ffe53f;
    --pay-block-gradient-light: #ff5bf1;
    --pay-block-gradient-dark: #a202ff;
    --pay-option-gradient: linear-gradient(90deg,var(--pay-block-gradient-light) 0%,var(--pay-block-gradient-dark) 100%);
    --pay-btn-gradient: linear-gradient(92deg,var(--pay-btn-gradient-dark) 5.71%,var(--pay-btn-gradient-light) 98.69%);
    --header-cur-selt-bg: #171835;
    --header-cur-selt-bg-act: #252749;
    --header-cur-selt-option-act: #42417a;
    --header-cur-selt-input-bg: #0b0c22;
    --header-cur-selt-input-mobile: #0f102e;
    --currency-select-auth-bg: #0f102e;
    --currency-select-auth-act: #42417a;
    --currency-select-auth-mobile-bg: #171835;
    --currency-select-fill-user-bg: #0b0c22;
    --mobile-currency-select-active: #42417a;
    --switch-block-bg: #0f102e;
    --switch-block-active: #42417a;
    --search-game-select-bg: #0f102e;
    --search-game-select-input: #0f102e;
    --category-link-icon: #ffffff80;
    --category-separator-color: #ffffff1a;
    --category-hot-icon: #bc0551;
    --input-error: #fe0d0b;
    --input-success: #25e67a;
    --dbd-bonus-color: #fa0;
    --dbd-total-color: #25e67a;
    --dbd-percent-gradient: linear-gradient(92deg,#ff9500 5.71%,#ffe53f 98.69%);
    --cwf-bg-mobile: #171835;
    --toastify-toast-top: 64px;
    --wager-status-wagered: linear-gradient(90deg,#ff5bf1,#a202ff);
    --wager-status-expired: #f9c12a;
    --wager-status-lost: #9b0000;
    --wager-status-decline: #42417a;
    --animated-heading-odd: #0d79ff;
    --animated-heading-even: #42417a;
    --active-link-gradient: linear-gradient(180deg,#42417a,#461dff);
    --gradient-link-bg: #4e4f65;
    --gradient-link-active: linear-gradient(90deg,#4d93da 12%,#55eff9 32%,#98d829 57%,#8dff14 79%,#09ff5b 99%);
    --tag-icon-casino: #ffc800;
    --tag-icon-slots: #ff0202;
    --tag-icon-crashGames: #00c3ff;
    --tag-icon-tableGames: #1f0;
    --tag-icon-liveGames: #ff008c;
    --tag-icon-bingo: #0d79ff;
    --tag-icon-baccarat: #c5ff1a;
    --tag-icon-blackjack: #ff0202;
    --tag-icon-roulette: #1f0;
    --tag-icon-gameShow: #ff008c;
    --tag-icon-other: #0d79ff;
    --mobile-nav-bar-bg: rgba(23,24,53,.92);
    --mobile-nav-link-active: #25e67a;
    --mobile-nav-bar-height: 60px;
    --registration-field-bg: #0f102e;
    --registration-field-border: hsla(0,0%,100%,.2);
    --registration-field-border-active: hsla(0,0%,100%,.4);
}
*
{
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    overscroll-behavior-x: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
input:focus-visible
{
    outline: none;
}
button
{
    border: none;
}
body
{
    width: 100vw;
    background: var(--main-bg-color);
    height: 100dvh;
    min-height: 100svh;
    max-height: 100vh;
    font-family: var(--font-lexend);
}
body, html
{
    margin: 0;
    padding: 0;
}
body
{
    position: relative;
}
a
{
    color: inherit;
    text-decoration: none;
}
[data-theme=light]
{
    --light-bg-color: #0f102e;
    --main-bg-color: #0b0c22;
    --black-text-color: var(--black-text-color-lightTheme);
    --menu-hover: var(--menu-hover);
    --category-text-color: var(--text-grey);
    --menu-svg: #a0a0a0;
    --toast-bg: var(--toast-bg-lighTheme);
    --signOut-svg: var(--signOut-svg-lightTheme);
    --headerLink-bg: var(--headerLink-bg-light);
    --darkTheme-btn-color: #000;
    --menuLink-bg-color: #ffffffe3;
    --menuImg-opacity: 1;
}
[data-theme=dark]
{
    --light-bg-color: #0f102e;
    --main-bg-color: #0b0c22;
    --menu-hover: var(--menu-hover-darkTheme);
    --black-text-color: var(--black-text-color-darkTheme);
    --category-text-color: var(--text-grey);
    --menu-svg: #a0a0a0;
    --toast-bg: var(--toast-bg-darkTheme);
    --signOut-svg: var(--signOut-svg-darkTheme);
    --headerLink-bg: var(--headerLink-bg-dark);
    --darkTheme-btn-color: #fff;
    --menuLink-bg-color: #26282f;
    --menuImg-opacity: .6;
}
.select__single-value
{
    z-index: 50;
}
.toastBg>div
{
    border-radius: 8px;
    background: var(--light-bg-color);
    box-shadow: 0 16px 24px 0 rgba(0,0,0,.14),0 6px 30px 0 rgba(0,0,0,.12),0 8px 10px 0 rgba(0,0,0,.2);
}
.toastBg button, .toastBg>div
{
    color: var(--black-text-color);
}
.toast-notification
{
    padding: 0!important;
    border: none!important;
    min-width: 304px!important;
    min-height: 124px!important;
    cursor: pointer!important;
    box-shadow: none!important;
    margin-left: auto!important;
    margin-right: auto!important;
}
.toast-notification, .toast-notification>div
{
    height: max-content!important;
    width: max-content!important;
    background: transparent!important;
}
.toast-notification>div
{
    min-width: 300px!important;
    min-height: 100px!important;
    padding: 0;
}
.Toastify__toast-container--top-right
{
    top: 64px!important;
    right: 40px!important;
}
button, input
{
    font-family: inherit;
}
.swiper-wrapper
{
    transition-timing-function: linear!important;
}
::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background: var(--main-bg-color);
}
::-webkit-scrollbar
{
    width: 6px;
    background-color: #6b6b6b;
}
::-webkit-scrollbar-thumb
{
    border-radius: 8px;
    background: #42417a;
    border-radius: 12px;
}
input:-webkit-autofill, input:-webkit-autofill:active, input:-webkit-autofill:focus, input:-webkit-autofill:hover, select:-webkit-autofill, select:-webkit-autofill:focus, select:-webkit-autofill:hover, textarea:-webkit-autofill, textarea:-webkit-autofill:focus, textarea:-webkit-autofill:hover
{
    -webkit-text-fill-color: var(--main-lightText-color)!important;
    -webkit-box-shadow: inset 0 0 0 1000px transparent;
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s;
    caret-color: var(--base-no-active);
}
input:-internal-autofill-selected
{
    background-color: var(--registration-field-bg)!important;
}
img::selection
{
    background: transparent;
    transition: background-color 5000s ease-in-out 0s;
}
@media(min-width: 100px)
{
    #chat-widget-container
    {
        bottom: 100px!important;
        visibility: hidden!important;
    }
    #chat-widget-container.isWidgetOpen
    {
        bottom: 0!important;
        visibility: visible!important;
    }
    .Toastify__toast-container--top-center
    {
        top: 64px!important;
        width: 100vw!important;
    }
    #launcher, .zEWidget-launcher
    {
        display: none;
    }
}
@media(min-width: 560px)
{
    .Toastify__toast-container--top-center
    {
        width: inherit!important;
    }
}
@media(min-width: 1023px)
{
    #chat-widget-container
    {
        bottom: 0!important;
    }
}
@media(max-width: 1024px)
{
    .body
    {
        border: 1px solid #f00;
    }
    #chat-widget-container
    {
        top: 0;
    }
}