:root {
    --skin__ID: 2 -3;
    --skin__accent_1: #04BE02;
    --skin__accent_1__toRgbString: 4, 190, 2;
    --skin__accent_2: #EA4E3D;
    --skin__accent_2__toRgbString: 234, 78, 61;
    --skin__accent_3: #FFAA09;
    --skin__accent_3__toRgbString: 255, 170, 9;
    --skin__alt_border: #C7C7C7;
    --skin__alt_border__toRgbString: 199, 199, 199;
    --skin__alt_lead: #E3E3E3;
    --skin__alt_lead__toRgbString: 227, 227, 227;
    --skin__alt_neutral_1: #C7C7C7;
    --skin__alt_neutral_1__toRgbString: 199, 199, 199;
    --skin__alt_neutral_2: #777777;
    --skin__alt_neutral_2__toRgbString: 119, 119, 119;
    --skin__alt_primary: #FEB705;
    --skin__alt_primary__toRgbString: 254, 183, 5;
    --skin__alt_text_primary: #000000;
    --skin__alt_text_primary__toRgbString: 0, 0, 0;
    --skin__bg_1: #303030;
    --skin__bg_1__toRgbString: 48, 48, 48;
    --skin__bg_2: #1C1C1C;
    --skin__bg_2__toRgbString: 28, 28, 28;
    --skin__border: #505050;
    --skin__border__toRgbString: 80, 80, 80;
    --skin__bs_topnav_bg: #1C1C1C;
    --skin__bs_topnav_bg__toRgbString: 28, 28, 28;
    --skin__bs_zc_an1: #303030;
    --skin__bs_zc_an1__toRgbString: 48, 48, 48;
    --skin__bs_zc_bg: #242424;
    --skin__bs_zc_bg__toRgbString: 36, 36, 36;
    --skin__btmnav_active: #FEB705;
    --skin__btmnav_active__toRgbString: 254, 183, 5;
    --skin__btmnav_def: #777777;
    --skin__btmnav_def__toRgbString: 119, 119, 119;
    --skin__ddt_bg: #2B2B2B;
    --skin__ddt_bg__toRgbString: 43, 43, 43;
    --skin__ddt_icon: #3A3A3A;
    --skin__ddt_icon__toRgbString: 58, 58, 58;
    --skin__filter_active: #FEB705;
    --skin__filter_active__toRgbString: 254, 183, 5;
    --skin__filter_bg: #303030;
    --skin__filter_bg__toRgbString: 48, 48, 48;
    --skin__home_bg: #1C1C1C;
    --skin__home_bg__toRgbString: 28, 28, 28;
    --skin__icon_1: #FEB705;
    --skin__icon_1__toRgbString: 254, 183, 5;
    --skin__icon_tg_q: #C7C7C7;
    --skin__icon_tg_q__toRgbString: 199, 199, 199;
    --skin__icon_tg_z: #C7C7C7;
    --skin__icon_tg_z__toRgbString: 199, 199, 199;
    --skin__jackpot_text: #FFFFFF;
    --skin__jackpot_text__toRgbString: 255, 255, 255;
    --skin__jdd_vip_bjc: #FFAA09;
    --skin__jdd_vip_bjc__toRgbString: 255, 170, 9;
    --skin__kb_bg: #303030;
    --skin__kb_bg__toRgbString: 48, 48, 48;
    --skin__label_accent3: #FFAA09;
    --skin__label_accent3__toRgbString: 255, 170, 9;
    --skin__labeltext_accent3: #FFFFFF;
    --skin__labeltext_accent3__toRgbString: 255, 255, 255;
    --skin__lead: #E3E3E3;
    --skin__lead__toRgbString: 227, 227, 227;
    --skin__leftnav_active: #000000;
    --skin__leftnav_active__toRgbString: 0, 0, 0;
    --skin__leftnav_def: #C7C7C7;
    --skin__leftnav_def__toRgbString: 199, 199, 199;
    --skin__neutral_1: #C7C7C7;
    --skin__neutral_1__toRgbString: 199, 199, 199;
    --skin__neutral_2: #777777;
    --skin__neutral_2__toRgbString: 119, 119, 119;
    --skin__neutral_3: #777777;
    --skin__neutral_3__toRgbString: 119, 119, 119;
    --skin__primary: #FEB705;
    --skin__primary__toRgbString: 254, 183, 5;
    --skin__profile_icon_1: #FEB705;
    --skin__profile_icon_1__toRgbString: 254, 183, 5;
    --skin__profile_icon_2: #FEB705;
    --skin__profile_icon_2__toRgbString: 254, 183, 5;
    --skin__profile_icon_3: #FEB705;
    --skin__profile_icon_3__toRgbString: 254, 183, 5;
    --skin__profile_icon_4: #FEB705;
    --skin__profile_icon_4__toRgbString: 254, 183, 5;
    --skin__profile_toptext: #FFFFFF;
    --skin__profile_toptext__toRgbString: 255, 255, 255;
    --skin__search_icon: #C7C7C7;
    --skin__search_icon__toRgbString: 199, 199, 199;
    --skin__table_bg: #303030;
    --skin__table_bg__toRgbString: 48, 48, 48;
    --skin__text_accent3: #FFFFFF;
    --skin__text_accent3__toRgbString: 255, 255, 255;
    --skin__text_primary: #000000;
    --skin__text_primary__toRgbString: 0, 0, 0;
    --skin__tg_accent_1: #BBDFC1;
    --skin__tg_accent_1__toRgbString: 187, 223, 193;
    --skin__tg_accent_3: #FFE7B8;
    --skin__tg_accent_3__toRgbString: 255, 231, 184;
    --skin__tg_primary: #FDF0D1;
    --skin__tg_primary__toRgbString: 253, 240, 209;
    --skin__web_bs_yj_bg: #1C1C1C;
    --skin__web_bs_yj_bg__toRgbString: 28, 28, 28;
    --skin__web_bs_zc_an2: #3A3A3A;
    --skin__web_bs_zc_an2__toRgbString: 58, 58, 58;
    --skin__web_btmnav_db: #242424;
    --skin__web_btmnav_db__toRgbString: 36, 36, 36;
    --skin__web_filter_gou: #000000;
    --skin__web_filter_gou__toRgbString: 0, 0, 0;
    --skin__web_left_bg_q: #363636;
    --skin__web_left_bg_q__toRgbString: 54, 54, 54;
    --skin__web_left_bg_shadow: #0000001F;
    --skin__web_left_bg_shadow_active: #0000001F;
    --skin__web_left_bg_z: #1D1D1D;
    --skin__web_left_bg_z__toRgbString: 29, 29, 29;
    --skin__web_load_zz: #50505066;
    --skin__web_plat_line: #303030;
    --skin__web_plat_line__toRgbString: 48, 48, 48;
    --skin__web_topbg_1: #F6BE30;
    --skin__web_topbg_1__toRgbString: 246, 190, 48;
    --skin__web_topbg_3: #EE9F03;
    --skin__web_topbg_3__toRgbString: 238, 159, 3;
    --lobby__max-width: 100%;
    --lobby__vh: 8.44px;
    --theme_gradient: linear-gradient(180deg, #EE9F03 0%, #FBBE14 100%);
}


html ::-webkit-scrollbar-track-piece {
    width: 0;
    background: transparent;
}
html ::-webkit-scrollbar-thumb {
    width: 0;
    background: var(--skin__border);
    border-radius: 0;
}
html ::-webkit-scrollbar-corner {
    background: transparent;
}
html ::-webkit-scrollbar {
    z-index: 11;
    width: 0;
}
html, body, #root {
  height: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  scrollbar-width: none!important;
  font-size: .85rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.main_section {
    background: linear-gradient(to bottom, #000000 0, #252525 51%, #000000 100%) !important;
}

html {
  font-size: 90%!important;
}

@media (max-width: 375px) {
  html {
    font-size: 80%!important;
  }
}

@media (max-width: 320px) {
  html {
    font-size: 70%!important;
  }
} 
body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: #25252585;
  font-size: .85rem;
}
code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
    monospace;
}

.Toastify__toast {
    max-width: 80%;
    word-break: break-word;
    border-radius: 4px;
    border: 1px solid #dddddd70;
    right: 15px;
}
.Toastify__toast-container {
    width: 100%;
    box-sizing: border-box;
    z-index: 9999;
    position: absolute !important;
    overflow-x: hidden;
    top: 20px;
    gap: 10px
}
body {
    width: 100%;
    height: 100%;
    overflow-x: hidden; 
}
#root {
    width: 100%;
    height: 100%;
    line-height: 1.5;
    padding: 0;
    margin: 0 auto;
    max-width: 480px;
    position: relative;
    color: #ddd;
}

section.header_section,
.footer_section {
  height: 3.75rem;
  flex-shrink: 0;
  background-color: var(--skin__bs_topnav_bg);
  position: relative;
}

section.footer_section.relative.zz-100 {
  position: sticky;
  bottom: 0;
  box-shadow: 0 0 3px #000;
  max-width: 480px;
  width: 100%;
  flex-shrink: 0;
}

section.main_section {
  flex: 1 1 auto;  
  display: flex;
  flex-direction: column;
}


footer, header {
    position: fixed;
    width: 100%;
    left: 50%; 
    margin: 0 auto;
    max-width: 480px;
    transform: translate(-50%);
    height: 3.75rem!important;
}
footer {
    bottom: 0;
}
@keyframes slide-in {
  from {
    transform: translateX(-100%);
    opacity: 0.2;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

.animate-slide-in {
  animation: slide-in 300ms ease-out;
}

header {
    top: 0;
    border-bottom: .01rem solid var(--skin__border);
    background-color: var(--skin__bs_topnav_bg);
}

.Toastify__toast--error {
    border-left: 4px solid red;
}

.Toastify__progress-bar--wrp {
  opacity: 0;
  pointer-events: none;
}
.Toastify__toast--success {
    border-left: 4px solid lightgreen;
}
img.lobby-image.lobby-image.lobby-image--skeleton._custom-logo_1v3ju_36.custom-logo {
    height: 2.25rem;
}
img.h-\[1\.25rem\].w-\[1\.25rem\].sidebarToggle.cursor-pointer {
    filter: invert(1);
}
.ReactModalPortal {
    z-index: 999999999;
}
.header_section {
    z-index: 999!important
}
._home-pattern_1myq0_30 {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: -1!important;
}
.login_txt, .register_txt {
    width: var(--btn-width);
    height: var(--btn-height);
    padding: .25rem .75rem;
    font-size: .685rem;
    white-space: pre-wrap;
    background-color: var(--skin__primary);
    border: thin solid var(--btn-border-color);
    color: var(--skin__text_primary);
    border-radius: .2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: contain;
    background-repeat: no-repeat;
    text-align: center;
    word-wrap: break-word;
}
.btn_login, .btn_register {
    display: flex;
    align-items: center;
    --btn-login-background: var(--skin__primary);
    --btn-login-color: var(--skin__text_primary);
    --btn-login-margin: 0 .15rem 0 0;
    --btn-register-background: transparent;
    --btn-register-color: var(--skin__primary);
    --btn-border-color: var(--skin__primary);
    font-size: .95rem;
}

.fa-solid, .fas {
    font-size: .85rem!important;
}

span.register_txt {
    background: transparent;
    color: var(--skin__primary);
}
.sidebarToggle {
    filter: invert(1);
    opacity: .8;
    transform: rotate(180deg);
    transition: all .3s ease-in-out;
}
#sideBar {
    position: absolute;
    left: -100%;
    opacity: 0;
    transition: left 0.5s ease, opacity 0.5s ease;
    pointer-events: none;
}
#sideBar.sideNavActive {
    left: 0;
    opacity: 1;
    pointer-events: auto;
    width: 100%;
    height: 100%;
    z-index: 99998;
}
.ReactModal__Content.ReactModal__Content--after-open {
    background: var(--skin__bg_2)!important;
    overflow: visible;
    border: var(--lobby__px) solid var(--skin__border)!important; 
    border-radius: .2rem;
    min-height: 3rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: fit-content;
    color: white
}
.sidebar {
    background-color: var(--skin__bs_zc_bg);
}
._base-layout_1cll7_30>footer {
    flex-shrink: 0;
    width: 100%;
    bottom: 0;
    position: absolute;
}
._tabbar_1d6bm_34 {
    background-color: var(--skin__web_btmnav_db);
    --cutOneImageWidth: 1.24rem;
    --cutOneImageHeight: 1.24rem;
}
._tabbar_1d6bm_34 ._main_1d6bm_39 {
    width: 100%;
    height: 3.75rem;
    box-shadow: .02rem 0 .06rem rgba(0, 0, 0, .1);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(84, 84, 84, 0));
    z-index: 2;
}
._tabbar_1d6bm_34 ._main_1d6bm_39>div {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: space-between;
    position: relative;
}

._tabbar_1d6bm_34 ._main_1d6bm_39>div ._itemContent_1d6bm_57 ._item_1d6bm_57 ._itemImg_1d6bm_93 {
    width: auto;
    height: 1.75rem;
}
._tabbar_1d6bm_34 ._main_1d6bm_39>div ._itemContent_1d6bm_57 {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding-inline: 10px;
}
._tabbar_1d6bm_34 ._main_1d6bm_39>div ._itemContent_1d6bm_57 ._item_1d6bm_57 {
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    align-items: center;
    justify-content: flex-end;
    text-align: center;
}
span._text_1d6bm_97 {
    font-size: .865rem;
}
._logo-box_1v3ju_30>img {
    filter: invert(1);
}
a.ui-tab.ui-tab--line {
    margin: 5px auto;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
a.ui-tab.ui-tab--line.ui-tab--active {
    color: var(--skin__btmnav_active);
}
.main_section-wrapper {
    width: 100%;
    max-height: 100%;
}
.scrolling-text-container {
    margin-left: .25rem;
}
.bg_overlay {
    background: #00000073;
    width: 100vw;
    height: 100dvh;
    transition: none !important;
    position: fixed;
}
section {
    z-index: 0;
}

.bg_lobby {
    max-width: 480px;
    margin: 0 auto;
    left: 50%!important;
    top: 0;
    transform: translate(-50%);
}

.fade_in_out {
    animation: fadeIn 2s linear infinite;
}
@keyframes fadeIn {
  0% { opacity: 0.4; }
  50% { opacity: 1; }
  100% { opacity: 0.5; }
}
.badge.viber {
    width: 25px;
    height: 25px;
    background: url(https://images.seeklogo.com/logo-png/30/2/viber-logo-png_seeklogo-309904.png);
    position: relative;
    background-position: center center; 
    display: block !important;
    background-color: transparent !important;
    background-size: contain;
    background-repeat: no-repeat;
}
.badge.telegram {
    width: 25px;
    height: 25px;
    background: url(https://upload.wikimedia.org/wikipedia/commons/thumb/8/82/Telegram_logo.svg/2048px-Telegram_logo.svg.png);
    position: relative;
    background-position: center center; 
    display: block !important;
    background-color: transparent !important;
    background-size: contain;
    background-repeat: no-repeat;
}
.badge.facebook {
    width: 25px;
    height: 25px;
    background: url(https://upload.wikimedia.org/wikipedia/commons/thumb/0/05/Facebook_Logo_%282019%29.png/1024px-Facebook_Logo_%282019%29.png);
    position: relative;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    display: block !important;
    background-color: transparent !important;
}
span.contact_number {
    font-size: .85rem;
    font-weight: 400;
    color: #eee;
    letter-spacing: 1px;
}