html { height: 100%; min-height: 100%; }
body { min-height: 100%; }
html, html a { -webkit-font-smoothing: antialiased; }


a { 
outline: none;
color: #3394e6;
text-decoration: none;
}

a:hover { text-decoration: none; }

a img { border: 0 none; }
a > img { vertical-align: bottom; }

img{
width: 100%;    
height: auto;
vertical-align: bottom;
}


button{
border: none;
outline: none;   
}

body{
background: #151028; 
font-family: "SF Pro Display", serif;   
-webkit-user-select: none; 
-moz-user-select: none;    
-ms-user-select: none;     
user-select: none;   
}

::-webkit-scrollbar-track
{
height: 1px;
}

::-webkit-scrollbar
{
width: 1px;
background-color: transparent;
height: 1px;
}

::-webkit-scrollbar-thumb
{
background-color: transparent;
height: 1px;
}


.header_top{
display: flex;
align-items: center;
justify-content: flex-end;
border-bottom: 1px solid rgb(46 38 77);
}

.header_top_right{
display: flex;
gap: 18px;
}

.header_top_left{
display: flex;
gap: 20px;
align-items: center;   
}

.new_header_top{
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}

.new_header_paddding{
padding: 20px 0;
box-sizing: border-box;    
}



.logo{
width: 144px;
height: 52px;
display: flex;
align-items: center;
}

.freemoney{
width: 160px; 
padding: 5px 15px 5px 55px;
border-radius: 50px;
background-image: linear-gradient(285.39deg, #ffb800 -4.36%, #fff173 115.87%);
font-family: 'SF Pro Text';
font-weight: 600;
font-size: 11px;
float: left; 
color: #090f1e;
position: relative;
display: flex;
align-items: center;
gap: 12px;
}

.freemoney img{
    width: 60px;
    height: 40px;
    background-size: 100%;
    background-repeat: no-repeat;
    pointer-events: none;
    position: absolute;
    top: -6px;
    left: -6px;
}

.bonusLink{
height: 24px;
    display: flex;
    align-items: center;
    background-color: #4e5d864d;
    border-radius: 30px 13px 13px 30px;
    position: relative;
    cursor: pointer; 
    color: #fff;   
}

    


.bonusLink_cicle {
height: 28px;
width: 28px;
background: linear-gradient(86.37deg, #d062ff 2.96%, #7bb0ff 99.68%), linear-gradient(90deg, #ed6ea0 0%, #ec8c69 100%);
box-shadow: 0 5px 15px #c955ff66;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: flex-end;
margin-right: 10px;
padding-bottom: 7px;
}

.bonusLink_cicle i{
   color: #fff; 
}


.bonusLink_text {
    font-weight: 600;
    font-size: 10px;
    line-height: 13px;
    margin-right: 25px;
}


.bonusLink_image{
position: absolute;
transform: rotate(-13deg);
right: -14px;
top: -13px;
width: 46px;
pointer-events: none;
}

.bonusLink:before {
    content: "";
    display: block;
    height: 14px;
    width: 1px;
    background: rgba(255, 255, 255, .2);
    position: absolute;
    right: -10px;
    top: calc(50% - 7px);
}




.header_desktop_apps{
font-family: -apple-system, SF Pro Text, sans-serif;
font-size: 10px;
font-weight: 400;
line-height: 1.3;
text-align: right;
color: #ffffff80;
display: flex;
gap: 10px;
}

.header_desktop_apps_text_top{
    color: #fff;
    font-weight: 600;
}

.header_desktop_apps_windos{
 font-size: 28px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;   
}


.header_mobile_apps{
display: flex;
border-radius: 6px;
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
background-color: #4e5d864d;
padding: 5px 8px;
font-size: 14px;
gap: 6px;
}

.header_mobile_apps img{
   max-width: 13px; 
   cursor: pointer;
}

.header_mobile_apps:before {
    content: "";
    display: block;
    height: 14px;
    width: 1px;
    background: rgba(255, 255, 255, .2);
    position: absolute;
    right: -10px;
    top: calc(50% - 7px);
}

.supportPanel{
   display: flex; 
   align-items: center;
}

.supportPanel_text {
    text-align: right;
    margin-right: 10px;
    font-size: 10px;
}

.supportPanel_title {
    font-weight: 600;
    line-height: 1.3;
     color: #fff;
}

.supportPanel_subtitle {
    line-height: 1;
    color: #ffffff80;
}

.supportPanel_icon{
display: flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
-webkit-backdrop-filter: blur(13.6px);
background-color: #4e5d864d;
background-image: linear-gradient(70deg, #31bc69 -8%, #089e4e 96%);
color: #fff;
border-radius: 8px;

}

.tooltip-container{
position: relative;
z-index: 2;
}

.tooltip-target {
cursor: pointer;
}


.tooltip-content {
visibility: hidden;
width: 130px;
    background-color: rgb(31, 24, 62);
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 10px;
    position: absolute;
    top: 125%;
    left: -10px;
    font-size: 13px;
    font-weight: 400;
    text-align: center;
    opacity: 0;
    z-index: 9999;
    transition: opacity 0.3s;


}

.tooltip-content::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}

.tooltip-container:hover .tooltip-content {
    visibility: visible;
    opacity: 1;
}


.changeLanguage{
   position: relative; 
   display: flex;
   color: #fff;
   align-items: center;
}


.changeLanguage_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 24px;
    border-radius: 6px;
    background-color: #4e5d864d;
    transition: opacity .2s ease-in-out;
    color: #fff;
    gap: 8px;
}

.changeLanguage_btn_title {
    font-size: 12px;
    line-height: 14px;
    text-transform: uppercase;
}

.changeLanguage_btn_img{
   display: flex; 
   align-items: center;
   justify-content: center;
}

.changeLanguage_btn_img img{
width: 16px;
height: 16px; 
border-radius: 50%;
object-fit: cover;   
}


.game{
   margin: 0;
   padding: 0; 
}

.game_content{
display: grid;
width: 100%;
height: 100%;
color: white;
grid-template-columns: 1fr max-content;
grid-template-rows: 100%;
height: calc(100vh - 52px);
}


.game_content_left{
height: 100%;
border-right: 1px solid rgb(46 38 77);
}

.game_content_right{
width: 291px;   
height: 100%;
overflow: hidden;
position: static;
z-index: 1000;
background: rgb(21, 16, 40);
display: block;
}

.game_content_header{
     height: 69px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px;
    border-bottom: 1px solid rgb(46 38 77);
    gap: 15px;
}

.sound_block{
  display: flex;  
  gap: 4px;
}

.sound{
width: 34px;
height: 34px;
box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 16px;
border-radius: 8px;
background: rgb(35, 29, 71);
border: 2px solid #110d21;
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
color: #948ac5;
cursor: pointer; 
}


.music{
width: 34px;
height: 34px;
box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 16px;
border-radius: 8px;
background: rgb(35, 29, 71);
border: 2px solid #110d21;
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
color: #948ac5;
cursor: pointer; 
}

.play_block{
  display: flex;  
  gap: 4px;
}

.howtoplay{
    height: 34px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 16px;
    border-radius: 8px;
    background: rgb(35, 29, 71);
    border: 2px solid #110d21;
    display: flex;
    color: #948ac5;
    cursor: pointer;
    font-family: Manrope;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: -0.08px;
    text-align: left;
    align-items: center;
    gap: 8px;
    padding: 0 10px;
}

.howtoplay_text{
   color: #fff; 
}

.jetnav_dropdown{
width: 34px;
height: 34px;
box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 16px;
border-radius: 8px;
background: rgb(35, 29, 71);
border: 2px solid #110d21;
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
color: #948ac5;
cursor: pointer; 
position: relative;
}

.jetnav_dropdown img{
   max-width: 25px; 
}

.become{
  display: flex;  
  gap: 4px;
}    


.game_content_btn:hover{
background: rgb(59, 50, 112);    
}

.login_btn {
background-image: linear-gradient(0deg, transparent 0%, transparent 100%);
background-color: #1f2841;
cursor: pointer;
transition: all .1s;
color: #fff;
font-family: 'SF Pro Text';
font-weight: 600;
justify-content: center;
padding: 0 15px;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
border-width: 0;
min-height: 46px;
font-size: 12px;
border-radius: 8px;
}

.login_btn:hover {
background-color: #202735;
}


.reg_btn {
background-image: linear-gradient(70deg, #31bc69 -8%, #089e4e 96%);
cursor: pointer;
transition: all .1s;
color: #fff;
font-family: 'SF Pro Text';
font-weight: 600;
justify-content: center;
padding: 0 15px;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
border-width: 0;
min-height: 34px;
font-size: 12px;
border-radius: 8px;
}

.reg_btn:hover{
   opacity: .9; 
}

.reg_btn_icon_wrap{
  width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-image: linear-gradient(210deg, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, .06) 48%, #fff 133%);
    margin-right: 2px;
    margin-left: -5px;   
}


.game_body{
width: 100%;
color: white;
display: flex;
/* flex-direction: column-reverse;*/  
}

.game_body_left{
width: 332px; 
min-width: 332px;
height: 100%;    
border-right: 1px solid rgb(46 38 77);
padding: 10px 12px 0px 16px;
}


.game_body_right{
 width: 100%;   
height: 100%; 
}

.game_body_left_tabs{
 background: rgb(17, 13, 33);
    border-radius: 10px;
    padding: 4px;
    height: 36px;
    opacity: 1;   
}


.tab {
display: inline-block;
cursor: pointer;
font-family: Manrope;
font-style: normal;
font-weight: 700;
font-size: 12px;
line-height: 11px;
letter-spacing: 0.23px;
text-align: center;
color: rgb(148, 138, 197);
width: 48%;
transition: background-color 0.5s ease, border-bottom 0.5s ease;
}

.tab.active {
background-color: #231d47;
padding: 8px 0;
border-radius: 8px;
color: #fff;
}

.tab-content {
display: none;
}
        
.tab-content.active {
display: block;
padding: 15px 0;
}

.payin_btn {
background-image: linear-gradient(70deg, #31bc69 -8%, #089e4e 96%);
cursor: pointer;
transition: all .1s;
color: #fff;
font-family: 'SF Pro Text';
font-weight: 600;
justify-content: center;
padding: 0 15px;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
border-width: 0;
min-height: 40px;
font-size: 12px;
border-radius: 8px;
}

.payin_btn:hover{
   opacity: .9; 
}

.payin_btn_icon_wrap{
  width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-image: linear-gradient(210deg, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, .06) 48%, #fff 133%);
    margin-right: 2px;
    margin-left: -5px;   
}

/*modal*/
.login_modal_dialog{
max-width: 390px !important;
}

.reg_modal_dialog{
max-width: 390px !important;
}

.login_modal_header {
padding: 15px;
}

.login_modal_header_content{
display: flex;
align-items: center;
justify-content: space-between; 
}

.login_modal_header_title {
font-size: 20px;
font-weight: 700;
color: #090f1e;
}

.login_modal_close{
cursor: pointer;
    width: 24px;
    height: 24px;
    background: #edf0f7;
    border-radius: 6px;
    text-align: center;
    font-size: 12px;
    line-height: 24px;
}

.login_modal_header_text {
margin-top: 10px;
font-size: 12px;
line-height: 1.29;
color: #070c19; 
font-family: 'SF Pro Text';
}

.login_modal_content {
padding: 0 20px 20px;    
}



.login_modal_message {
display: flex;
align-items: center;
gap: 15px;
margin-top: 10px;
margin-bottom: 15px;
}


.login_modal_form_item {
position: relative;
margin-bottom: 10px;
}

.login_modal_form_item input {
width: 100%;
    min-height: 45px;
    border-radius: 8px;
    background-color: #edf0f7;
    color: #070c19cc;
    padding: 10px 15px;
    border: none;
    outline: none;
    font-size: 14px;

    font-family: 'SF Pro Text';
}

.login_modal_form_eye {
position: absolute;
width: 40px;
height: 100%;
top: 0;
right: 0;
font-size: 12px;
cursor: pointer;
color: rgba(106,118,144,.2);
z-index: 100;
display: flex;
align-items: center;
justify-content: center;
}

.eye-active {
color: rgba(106,118,144,.8);
}


.login_modal_form_link {
text-align: end;
font-size: 12px;
margin-bottom: 20px;
}

.login_modal_form_link span{
color: #6a7690a6;
cursor: pointer;
font-family: 'SF Pro Text';
}


.login_modal_form_button {
width: 100%;
margin-bottom: 15px;
}

.login_modal_form_button button{
width: 100%;
min-height: 45px;
background: -webkit-linear-gradient(359.23deg,#0095ff .96%,#0855c4 99.87%);
background: linear-gradient(90.77deg,#0095ff .96%,#0855c4 99.87%);
box-shadow: 0 6px 18px rgba(17,120,223,.3);
text-shadow: 0 4px 8px rgba(0,0,0,.1);
border-radius: 10px;
color: white;
font-weight: 600;
font-size: 15px;
padding: 0 15px;
transition: all .1s;
border: none;
}

.register-link {
margin-top: 24px;
text-align: center;
font-size: 11px;
color: #6a7690a6;
font-family: 'SF Pro Text';
}

.register-link span {
font-weight: 600;
color: #1077de;
cursor: pointer;
line-height: 13px;    
margin-left: 5px;
}


.modal_newpassword {
display: none;
}

.modal_newpassword_forn {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 338px;
}


.modal_newpassword_back {
background: #edf0f7;
color: #6a7690;
width: 45px;
height: 45px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 8px;
cursor: pointer;
}


.btn_login{
background: linear-gradient(90.77deg, #0095ff .96%, #0855c4 99.87%);
box-shadow: 0 6px 18px #1178df4d;
text-shadow: 0 4px 8px rgba(0, 0, 0, .1);
border-radius: 10px;   
font-size: 15px;
line-height: 18px;
min-height: 45px;
border: none;
outline: none;
color: #fff;
font-family: 'SF Pro Text';
width: 100%;
font-weight: 600;
}

.btn_login:hover {
opacity: .8;
}


.btn_registration{
background: linear-gradient(267.05deg, #089e4e 0%, #31bc69 99.28%);
text-shadow: 0 3px 6px rgba(0, 0, 0, .2);
border-radius: 10px;   
font-size: 15px;
line-height: 18px;
min-height: 45px;
border: none;
outline: none;
color: #fff;
font-family: 'SF Pro Text';
width: 100%;
font-weight: 600;  
}

.btn_registration:hover {
opacity: .8;
}


.jcsb{
display: flex;
align-items: center;
justify-content: space-between; 
}

.jcc{
display: flex;
align-items: center;
justify-content: center; 
}

.aic {
display: flex;
align-items: center;
}

.jetnav_dropdown_menu {
position: absolute;
z-index: 999999;
right: 35px;
opacity: 0;
visibility: hidden;
overflow: hidden;
top: 19px;
width: 280px;
background: rgb(31, 24, 62);
box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 16px;
border-radius: 12px;
}


.jetnav_dropdown_menu_active{
opacity: 1;
visibility: visible;
}

.nav-dropdown-menu-header {
background: rgb(27, 21, 54);
    padding: 0px 16px;
    height: 75px;
    font-family: Manrope;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
}

.nav-dropdown-menu-avatar {
width: 42px;
height: 42px;
border-radius: 50%;
overflow: hidden;
color: white;
font-size: 20px;
font-weight: 600;
}

.nav-dropdown-menu-name {
color: white;
}

.jetnav_dropdown_item {
display: flex;
align-items: center;
gap: 10px;
height: 36px;
padding: 0px 16px;
cursor: pointer;
}



.jetnav_dropdown_item i {
color: #948ac5;
font-size: 15px;
width: 20px;
text-align: center;
}

.jetnav_dropdown_item img {
width: 18px;
height: 18px;
}

.nav-dropdown-item-title {
font-size: 13px;
font-weight: 400;
text-align: left;
color: rgb(255, 255, 255);    
}

.nav-dropdown-animation {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0px 16px;
min-height: 36px;
}

.nav_margin{
width: 100%;
height: 8px;
background: rgb(27, 21, 54); 
}

.nav-animation-item {
display: flex;
align-items: center;  
gap: 10px;
}

.nav-animation-item i {
color: #948ac5;
font-size: 15px;
width: 20px;
text-align: center;
}

.nav-animation-checkbox {
display: grid;
background-color: rgb(22, 14, 53);
border-radius: 7px;
width: 34px;
height: 19px;
position: relative;
cursor: pointer;  
z-index: 9999999;
}

.nav-dropdown-animation input{
display: none;
} 


.animation-checkbox-dot {
background: rgb(148, 138, 197);
box-shadow: rgba(0, 0, 0, 0.15) 0px 2.07008px 8.28032px;
border-radius: 5px;
width: 15px;
height: 15px;
position: absolute;
top: 2px;
left: 2px;
opacity: 0.3;
transition: left 0.32s ease 0s, opacity 0.32s ease 0s, background 0.32s ease 0s;    
}

.checkbox_dropdown:checked + .animation-checkbox-dot{
background: rgb(148, 78, 245);
box-shadow: rgba(0, 0, 0, 0.15) 0px 2.07008px 8.28032px;
border-radius: 5px;
width: 15px;
height: 15px;
position: absolute;
top: 2px;
left: calc(100% - 17px);
opacity: 1;
transition: left 0.32s ease 0s, opacity 0.32s ease 0s, background 0.32s ease 0s; 
}


.place_rate {
  margin-bottom: 8px;
  overflow: hidden;
  box-shadow: rgb(38, 31, 77) 0px 0px 0px 0px;
  background-color: rgb(38, 31, 77);
  border-radius: 11px;
  position: relative;
  width: 100%;
  height: 32px;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}

.place_rate::before {
  content: "";
  display: block;
  position: absolute;
  left: -15px; /* Начальное положение */
  top: 0px;
  height: 100%;
  width: 150px;
  background: linear-gradient(to right, transparent 0%, rgb(28, 22, 56) 50%, transparent 100%);
  animation: myAnim 3s linear infinite;
}

@keyframes myAnim {
  0% {
    left: -15px; /* Начальное положение */
  }
  100% {
    left: calc(100% + 15px); /* Конечное положение */
  }
}

.place_rate_img {
  opacity: 0.75;
  background-color: rgba(255, 255, 255, 0.08);
  height: 28px;
  width: 28px;
  margin-top: 2px;
  margin-left: 2px;
  border-radius: 8px;
}

.place_rate_name {
  opacity: 0.75;
  background-color: rgba(255, 255, 255, 0.08);
  height: 12px;
  width: 45px;
  margin-left: 8px;
  margin-top: 10px;
  border-radius: 8px;
}

.place_rate_sum {
  opacity: 0.75;
  background-color: rgba(255, 255, 255, 0.08);
  height: 12px;
  width: 36px;
  margin-top: 10px;
  margin-left: 8px;
  border-radius: 8px;
}

.place_rate_x {
  opacity: 0.75;
  background-color: rgba(255, 255, 255, 0.08);
  height: 12px;
  width: 54px;
  margin-top: 10px;
  margin-left: 24px;
  border-radius: 8px;
}

.place_rate_rez {
  opacity: 0.75;
  background-color: rgba(255, 255, 255, 0.08);
  height: 12px;
  width: 70px;
  margin-top: 10px;
  margin-right: 8px;
  margin-left: 16px;
  border-radius: 8px;
}


.rules_modal {
color: white;
}

.rules__modal_dialog {
max-width: 800px !important;
}

.info_modal_content {
position: unset !important;
background: rgb(35, 29, 71) !important;
border-radius: 16px !important;
overflow: hidden !important;
}


.info_modal_header {
width: 100%;
padding: 18px 19px 18px 12px;
height: 56px;
background: linear-gradient(0deg, rgba(21, 16, 41, 0.25), rgba(21, 16, 41, 0.25));
border-bottom: rgb(47, 36, 92);
}

.info_modal_header_title {
gap: 5px;
color: white;
font-size: 15px;
line-height: 20px;
font-family: 'Rocketfont';
}

.info_modal_header_title img{
width: 25px;
}

.info_modal_header_close {
background: rgba(222, 139, 3, 0.15);
    color: #de8b03;
    width: 36px;
    height: 36px;
    border: 3px solid rgb(17, 13, 33);
    border-radius: 10px;
    cursor: pointer;
    font-size: 15px;
}

.info_modal_header_close:hover {
background: rgba(222, 139, 3, 0.15);
color: #de8b03;
}


.info_modal_body_top {
background: rgba(255, 255, 255, 0.04);
padding: 15px;
}

.info_modal_body_top_left {
font-family: Manrope;
    font-weight: 600;
    font-size: 12px;
    line-height: 17px;
    letter-spacing: 0.23px;
    color: rgba(223, 229, 242, 0.7);
    max-width: 620px;
}

.info_modal_body_top_link {
background: rgb(27, 21, 54);
gap: 5px;
}

.info_modal_body_top_link i {
font-size: 16px;
}


.btn-bg {
    width: 100%;
    cursor: pointer;
    padding: 0px;
    min-height: 36px;
    border-radius: 8px;
    transition: opacity 0.32s ease 0s, box-shadow 0.32s ease 0s, background 0.16s ease 0s;
    padding: 0px 15px;
    background: rgb(35, 29, 71);
    color: rgb(148, 138, 197);
    fill: rgb(148, 138, 197);
    font-size: 12px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 16px;
    border: 3px solid rgb(17, 13, 33);
    font-family: Manrope;
    font-weight: 600;
}

.btn-bg:hover {
background: rgb(59, 49, 117);
transition: opacity 0.32s ease 0s,  background 0.16s;
color: rgb(148, 138, 197);
}

.rules_modal_body {
padding: 18px 64px;
    overflow-y: scroll;
    height: 60vh;
    font-family: Manrope;
    font-size: 12px;
    line-height: 17px;
    letter-spacing: 0.23px;
    font-weight: normal;
}

.rules_modal_body p{
 color: #dfe5f2b3;   
}

.rules_modal_body li{
    color: #dfe5f2b3;
    margin: 15px 0;  
}

.rules_modal_body span{
    font-weight: 800;
    font-family: Manrope;
    font-size: 15px;
    color: #fff;
}

.rules_span{
  font-weight: 600 !important;
    font-family: Manrope !important;
    font-size: 12px !important;
    color: #fff !important; 
}


.rules_modal_item {
width: 185px;
height: 180px;
background: rgba(223, 229, 242, 0.1);
border-radius: 12px;
overflow: hidden;
}

.rules_modal_img {
max-width: 100%;
height: 126px;
}

.rules_modal_img img {
height: 100%;
}

.rules_modal_text {
font-weight: bold;
font-size: 10px;
line-height: 12px;
letter-spacing: 0.23px;
padding: 10px 15px;
color: white;
}

.br_height {
height: 24px;
}


.info_modal_bottom {
width: 100%;
height: 50px;
background: rgba(21, 16, 41, 0.25);
color: rgb(148, 138, 197);
font-weight: 600;
font-size: 12px;
line-height: 17px;
letter-spacing: 0.23px;
text-align: center;
display: flex;
-webkit-box-align: center;
align-items: center;
justify-content: space-around;
padding: 0px 12px;
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
box-shadow: 0 -40px 50px 20px rgb(0 0 0 / 19%);
}

.exit_button_block{
 padding: 20px 0 10px 0;
    display: flex;
    gap: 10px;   
}


.cancal_exit{
width: 50%;
background: #edf0f7;
font-size: 15px;
line-height: 18px;
min-height: 40px;
color: #090f1e !important;
font-weight: 600;
padding: 0 15px;
text-align: center;
user-select: none;
border-width: 0;
cursor: pointer;
transition: all .1s;
border-color: transparent;
border-radius: 8px;
border-style: solid;
outline: none;
text-decoration: none;
vertical-align: top;
white-space: nowrap;    
}

.cancal_exit:hover {
    opacity: .8;
}


.exit_btn{
    width: 50%;
    background: linear-gradient(90.77deg, #0095ff .96%, #0855c4 99.87%);
    box-shadow: 0 6px 18px #1178df4d;
    text-shadow: 0 4px 8px rgba(0, 0, 0, .1);
    font-size: 15px;
    line-height: 18px;
    min-height: 40px;
    color: #ffffff !important;
    font-weight: 600;
    padding: 0 15px;
    text-align: center;
    user-select: none;
    border-width: 0;
    cursor: pointer;
    transition: all .1s;
    border-color: transparent;
    border-radius: 8px;
    border-style: solid;
    outline: none;
    text-decoration: none;
    vertical-align: top;
    display: flex;
    white-space: nowrap;
    align-items: center;
    justify-content: center;   
}

.exit_btn:hover {
opacity: .8;
}    

.all_rate_header{
 width: 100%;
height: 38px;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
align-items: center;   
padding: 0 3px;
margin-bottom: 14px;
}

.all_rate_header_text{
 font-family: Manrope;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: -0.08px;
    color: rgba(223, 229, 242, 0.5);   
}

.all_rate_header_number {
    height: 19px;
    font-family: Rocketfont;
    font-size: 16px;
    color: white;
}

.all_rate_header_left{
 width: 50%;
    min-height: 38px;
    display: flex;
    flex-direction: column;   
}

.all_rate_header_right{
padding: 0px 8px;
height: 36px;
gap: 7px;
box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 16px;
font-family: Manrope;
font-size: 12px;
font-style: normal;
font-weight: 600;
line-height: 18px;
letter-spacing: -0.08px;
text-align: left;
min-height: 30px;
border-radius: 8px;
z-index: 1;
transition: opacity 0.32s ease 0s, box-shadow 0.32s ease 0s, background 0.16s ease 0s;
background: rgb(35, 29, 71);
border: 2px solid #110d21;
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
}

.all_rate_header_right:hover {
    background: rgb(59, 50, 112);
}

.all_rate_header_right.active {
color: #d42e40;
}


.alrates_content {
width: 100%;
row-gap: 8px;
padding: 0px 3px;
overflow: hidden;
box-sizing: border-box;
position: relative;
overflow-y: auto;
height: calc(100vh - 52px - 38px - 14px); 
}

.all_rates_item{
width: 100%;
padding-right: 4px;
background: linear-gradient(90deg, rgb(28, 22, 56) 0%, rgb(38, 31, 77) 100%);
box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 16px;
border-radius: 11px;
display: grid;
grid-auto-flow: column;
grid-template-columns: 28px 51px 64px 1fr minmax(56px, max-content) max-content;
font-weight: 500;
font-size: 12px;
line-height: 14px;
border: 1px solid transparent;
transition: border 0.32s ease 0s;
height: 32px;
padding-left: 2px;    
padding-top: 1px;
margin-bottom: 8px;
}

.my_tates_item{
  width: 100%;
    position: relative;
    padding-left: 12px;
    background: linear-gradient(90deg, rgb(28, 22, 56) 0%, rgb(38, 31, 77) 100%);
    border-radius: 10px;
    display: grid;
    grid-auto-flow: column;
    
    place-items: center;
    -webkit-box-align: center;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    height: 32px;
    padding-right: 2px;    
    margin-bottom: 8px;
}



.all_rates_item_ava{
    width: 28px;
    height: 28px;
    border-radius: 8px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: normal;
}

.all_rates_item_active{
background: rgba(148, 78, 245, 0.25);
border: 1px solid rgba(148, 78, 245, 0.5);
padding-left: 1px !important`;
}


.all_rates_item_username {
    margin: 0px 0px 2px 8px;
    color: rgb(148, 138, 197);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 44px;
    font-weight: 500;
    font-size: 12px;
align-self: center;
}
   

.my_rates_item_time {
    margin: 0px;
    width: inherit;
    color: rgb(148, 138, 197);
    justify-self: start;
    font-family: Manrope;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 14px;
    letter-spacing: -0.0011em;
    text-align: left;
}

.my_rates_item_price{
    margin: 0px 4px;
    color: rgb(223, 229, 242);
    font-family: Manrope;
    font-style: normal;
    font-weight: 500;
    line-height: 14px;
    letter-spacing: -0.0011em;
    text-align: left;
    align-self: center;
}


.all_rates_item_price{
    margin: 0px 0px 0px 12px;
    color: rgb(223, 229, 242);
    font-size: 12px;
    align-self: center;
    font-weight: 500;
}

.all_rates_item_raund_x{
color: white;
text-align: center;
margin-right: 0px;
margin-left: 2px;
align-self: center;
font-weight: 500;
font-size: 12px;
}

.all_rates_item_raund_x_active {
min-width: 58px;
height: 26px;
display: grid;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
padding: 0px 9px;
font-family: Manrope;
font-style: normal;
font-weight: 600;
font-size: 11px;
line-height: 12px;
letter-spacing: -0.0023em;
color: rgb(250, 250, 250);
border-radius: 7px;
justify-self: center;
margin-left: 2px;
align-self: center;
margin-bottom: 2px;
}

.all_rates_item_raund_win{
color: white;
text-align: right;
margin-right: 8px;
margin-left: 0px;
align-self: center;
font-weight: 500;
font-size: 12px;
}




.all_rates_item_raund_win_active{
margin: 0px 8px 0px 0px;
font-weight: 600;
text-align: right;
color: rgb(253, 187, 78);
font-size: 12px;
align-self: center;  
}

#prevrates {
display: none;
}
    


.share_btn{
    width: 24px;
    height: 24px;
    background: rgb(35, 29, 71);
    border: 2px solid rgb(17, 13, 33);
    align-self: center;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    cursor: pointer;
}

.share_btn img{
max-width: 12px
}

.share_btn:hover {
background: rgb(59, 50, 112);
} 

.rate_top_history{
 width: 100%;
position: relative;
height: 57px;
display: grid;
border-bottom: 1px solid rgb(46 38 77);   
}

.rate_history_content{
display: grid;
    grid-auto-flow: column;
    height: 100%;
    width: 100%;
    -webkit-box-align: center;
    align-items: center;
    padding-left: 15px;
    gap: 6px;
    overflow-x: scroll;
    grid-auto-columns: max-content;    
}

.rate_history_content_items{
overflow: hidden;
transition: all 0.32s ease 0s;
}

.rate_item_color_blue{
background: rgb(62, 91, 194);  
}

.rate_item_color_fiol{
background: rgb(117, 62, 194);  
}

.rate_item_color_yellow{
background: rgb(222, 139, 3);    
}


.rate_history_content_item {
    min-width: 58px;
    height: 26px;
    display: grid;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    padding: 0px 9px;
    font-family: Manrope;
    font-style: normal;
    font-weight: 600;
    font-size: 11px;
    line-height: 12px;
    letter-spacing: -0.0023em;
    color: rgb(250, 250, 250);
    border-radius: 7px;
}


.rate_top_history_shape {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 56px;
    pointer-events: none;
    width: 353px;
    overflow: hidden;
    background: linear-gradient(270deg, rgb(21, 16, 41) 7.81%, rgba(21, 16, 41, 0) 100%);
}

.rate_top_history_shape_icon {
    border-radius: 10px;
    height: 34px;
    width: 34px;
    padding: 3px;
    display: flex;
    position: absolute;
    right: 12px;
    top: 10px;
    background: rgb(35, 29, 71);
    border: 2px solid rgb(17, 13, 33);
    color: #948ac5;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.rate_top_history_shape_icon:hover{
 background: rgb(59, 50, 112);   
}

.history_modal_dialog{
 position: absolute;
    width: 100%;
    display: none;
    z-index: 9999;
  }
    
.history_modal_body {
    display: grid;
    padding: 10px 12px;
    grid-template-columns: repeat(auto-fill, 56px);
    gap: 8px 6px;
    border-top: 1px solid rgb(40, 40, 40);
}

    
.info_modal_header_img{
   max-width: 20px;
   margin-right: 10px; 
}




.user_jet_rate_block{

    grid-area: make-bet;
        display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    gap: 12px;
    padding: 12px 12px 16px;
    position: relative;
   
    height: 165px;
}


.user_jet_rate {
    position: relative;
    display: grid;
    grid-template-rows: 46px 91px;
}

.user_jet_rate_header {
min-height: 70px;
    background: linear-gradient(90deg, rgb(31, 24, 61) 0%, rgb(38, 31, 77) 100%);
    box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 16px;
    border-radius: 14px;
    padding: 10px 10px 32px;
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: max-content max-content 1fr;
    gap: 12px;    
}

.user_jet_auto_rate {
cursor: pointer;
}

.user_jet_auto_rate input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.user_jet_auto_rate label {
 position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 3px;
    font-family: 'Manrope';
    font-size: 12px;
    font-weight: 700;
    color: rgb(250, 250, 250);
}

.user_jet_auto_rate label:before {
    content: '';
    width: 26px;
    height: 26px;
    padding: 5px;
    background: rgb(38, 31, 77);
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    color: rgb(181, 172, 157);
    cursor: pointer;
    border: 4px solid rgb(27, 21, 54);
}

.user_jet_auto_rate input:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    border-radius: 7px;
    width: 20px;
    height: 20px;
    background: url(../images/cdd347d4b779d1f89f85908b05ac4989.svg) center center no-repeat rgb(38, 31, 77);
    left: 3px;
user-select: none;
}

.user_jet_output {
cursor: pointer;
}

.user_jet_output input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.user_jet_output label {
 position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 3px;
    font-family: 'Manrope';
    font-size: 12px;
    font-weight: 700;
    color: rgb(250, 250, 250);
}

.user_jet_output label:before {
    content: '';
    width: 26px;
    height: 26px;
    padding: 5px;
    background: rgb(38, 31, 77);
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    color: rgb(181, 172, 157);
    cursor: pointer;
    border: 4px solid rgb(27, 21, 54);
}

.user_jet_output input:checked + label:after {
  content: '';
    display: block;
    position: absolute;
    border-radius: 7px;
    width: 20px;
    height: 20px;
    background: url(../images/cdd347d4b779d1f89f85908b05ac4989.svg) center center no-repeat rgb(38, 31, 77);
    left: 3px;
    user-select: none;
}

.user_jet_auto_x{
justify-self: end;
    width: 100%;
    max-width: 120px;
    gap: 4px;
    background: rgb(27, 21, 54);
    border-radius: 8px;
    position: relative;
    overflow: hidden;
    pointer-events: all;    
}

.coef_input{
 font-family: Manrope;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: 13px;
    letter-spacing: 0px;
    background: none;
    border: none;
    outline: none;
    width: 100%;
    height: 100%;
    text-align: center;
    padding-left: 12px;
    opacity: 1;
    transition: opacity 0.16s ease 0s;
    box-shadow: transparent 0px 0px 0px 1000px inset;
    color: rgb(250, 250, 250) !important;   
}

.user_jet_auto_x_shape {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: grid;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    grid-auto-columns: max-content;
    grid-auto-flow: column;
    font-family: Manrope;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 13px;
    text-align: center;
    gap: 4px;
    color: transparent;
    pointer-events: none;
    opacity: 1;
    transition: opacity 0.16s ease 0s;
}

.user_jet_auto_x_shape :first-child {
    color: rgb(148, 138, 197);
}



.user_jet_rate_btn_div {
background: linear-gradient(90deg, rgb(36, 29, 71) 0%, rgb(43, 35, 87) 100%);
box-shadow: rgba(0, 0, 0, 0.15) 0px -4px 24px;
border-radius: 14px;
padding: 10px 10px 0px;
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 71px;
gap: 8px;
}

.bet_amount_controller{
background: rgb(27, 21, 54);
    border-radius: 10px;
    pointer-events: all;
    transition: opacity 0.32s ease 0s;    
}

.bet_amount_controller_top {
    padding: 5px;
    display: grid;
    grid-template-columns: 26px 1fr 26px;
    border-bottom: 1px solid rgb(38, 31, 77);
    grid-template-rows: 1fr;
}

.bet_amount_controller_bottom {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    padding: 5px;
    gap: 4px;
}

.bet_amount_controller_icon{
 grid-template-rows: 26px;
display: grid;
grid-auto-columns: 1fr;   
}

.bet_control_minus {
    display: grid;
    position: relative;
    font-family: Manrope;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    line-height: 14px;
    color: white;
    outline: none;
    cursor: pointer;
    border: none;
    padding: 0px;
    margin: 0px;
    border-radius: 10px;
    background: none;
    height: auto;
}

.bet_control_minus_div {
    padding: 0px;
    min-width: 26px;
    min-height: 26px;
    color: rgb(148, 138, 197);
    font-family: Manrope;
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: 14px;
    letter-spacing: 0px;
    text-align: center;
    background: rgb(35, 29, 71);
        border-radius: 8px;
    z-index: 1;
    transition: opacity 0.32s ease 0s, box-shadow 0.32s ease 0s, background 0.16s ease 0s;
    display: grid;
    place-items: center;
    -webkit-box-align: center;
    width: 100%;
}

.bet_control_minus_div:hover {
    background: rgb(59, 50, 112);
}


.bet_control_minus_div img{
   max-width: 12px; 
}

.bet_control_input{
   position: relative;
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr;
    overflow: hidden;  
}

.bet_control_input input{
 border: none;
    background: transparent;
    box-shadow: none;   
outline: none;
    width: calc(100% + 25px);
    min-width: 0px;
    font-family: Rocketfont;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0px;
    text-align: center;
    color: white;
    caret-color: white;
    padding: 0px;
    margin-left: -25px;   
}


.bet_control_input_overlay {
    position: absolute;
    left: 12.5px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: grid;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    grid-auto-columns: max-content;
    grid-auto-flow: column;
    font-family: Rocketfont;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0px;
    text-align: center;
    color: transparent;
    pointer-events: none;
    opacity: 1;
}

.bet_control_input_overlay :last-child {
    width: 50px;
    text-align: left;
    padding-left: 4px;
    color: rgb(255, 255, 255);
}

.bet_control_btns {
    grid-template-rows: 24px;
    display: grid;
    grid-auto-columns: 1fr;
}




.bet_control_btns button {
    display: grid;
    position: relative;
    font-family: Manrope;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    line-height: 14px;
    color: white;
    outline: none;
    cursor: pointer;
    border: none;
    padding: 0px;
    margin: 0px;
    border-radius: 10px;
    background: none;
    height: auto;
}
.bet_control_btns div{
padding: 0px;
min-width: 26px;
min-height: 26px;
color: rgb(148, 138, 197);
font-family: Manrope;
font-size: 10px;
font-style: normal;
font-weight: 600;
line-height: 14px;
letter-spacing: 0px;
text-align: center;
display: grid;
place-items: center;
-webkit-box-align: center;
width: 100%;
border-radius: 8px;
z-index: 1;
transition: opacity 0.32s ease 0s, box-shadow 0.32s ease 0s, background 0.16s ease 0s;
padding: 0px 15px;
background: rgb(35, 29, 71);    
padding: 0;
}

.bet_control_btns div:hover {
    background: rgb(59, 50, 112);
}    


.make_bet_button {
    background: rgb(27, 21, 54);
    border-radius: 14px;
    height: 100%;
    border: none;
    padding: 3px;
    position: relative;
}

.button_bet::after{
    content: "";
    position: absolute;
    width: 101px;
    height: 3px;
    bottom: -10px;
    left: calc(50% - 50.5px);
    border-radius: 12px 12px 0px 0px;
    background: linear-gradient(263.87deg, rgb(148, 78, 245) 0%, rgb(92, 36, 252) 100%);
}

.button_cancellation::after{
    content: "";
    position: absolute;
    width: 101px;
    height: 3px;
    bottom: -10px;
    left: calc(50% - 50.5px);
    border-radius: 12px 12px 0px 0px;
    
    background: linear-gradient(263.87deg, rgb(245, 78, 118) 0%, rgb(252, 36, 75) 100%);
}

.button_take::after{
    content: "";
    position: absolute;
    width: 101px;
    height: 3px;
    bottom: -10px;
    left: calc(50% - 50.5px);
    border-radius: 12px 12px 0px 0px;
   background: linear-gradient(263.87deg, rgb(253, 187, 78) 0%, rgb(245, 103, 25) 100%);
}

/*
background: linear-gradient(263.87deg, rgb(148, 78, 245) 0%, rgb(92, 36, 252) 100%);bet
background: linear-gradient(263.87deg, rgb(245, 78, 118) 0%, rgb(252, 36, 75) 100%);cashOut
background: linear-gradient(263.87deg, rgb(253, 187, 78) 0%, rgb(245, 103, 25) 100%);cancel
*/


.make_bet_button_div {
    height: 100%;
    width: 100%;
    border-radius: 12px;
    font-family: Rocketfont;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.06em;
    text-align: center;
    color: rgb(250, 250, 250);
    text-shadow: rgb(138, 138, 138) 0px 0px 20px;
    display: grid;
    -webkit-box-pack: center;
    place-content: center;
    grid-auto-rows: max-content;
    text-transform: uppercase;
    font-variant-numeric: tabular-nums;
     cursor: pointer;
}

.button_bet{
background: linear-gradient(263.87deg, rgb(148, 78, 245) 0%, rgb(92, 36, 252) 100%);
box-shadow: rgba(25, 201, 245, 0.1) 0px 10px 20px, rgba(92, 36, 252, 0.1) 0px 10px 20px, rgb(148, 78, 245) 0px -2px 4px inset, rgba(148, 78, 245, 0.6) 0px -8px 8px inset;   
}

.button_cancellation{
background: linear-gradient(263.87deg, rgb(245, 78, 118) 0%, rgb(252, 36, 75) 100%);
box-shadow: rgba(245, 25, 65, 0.1) 0px 10px 20px, rgba(252, 36, 101, 0.1) 0px 10px 20px, rgb(245, 78, 118) 0px -2px 4px inset, rgba(245, 78, 128, 0.6) 0px -8px 8px inset;    
}

.button_take{
background: linear-gradient(263.87deg, rgb(253, 187, 78) 0%, rgb(245, 103, 25) 100%);
box-shadow: rgba(253, 187, 78, 0.1) 0px 10px 20px, rgba(253, 187, 78, 0.1) 0px 10px 20px, rgb(253, 187, 78) 0px -2px 4px inset, rgba(253, 187, 78, 0.6) 0px -8px 8px inset;   
}

.chat_header{
border-bottom: 1px solid rgb(46 38 77);
    padding: 0px 16px;
    position: relative;

    height: 69px;
 
    display: flex;
    justify-content: space-between;
    align-items: center;
}  



.online_icon{
 align-self: center;
    width: 20px;   
}

.online_icon svg > path {
fill: rgb(222, 139, 3);
}

.players_online_value{
 grid-area: title;
    font-family: Rocketfont;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: left;
    color: rgb(250, 250, 250);
    margin-top: 1px;   
}

.players_online_text {
    grid-area: desc;
    font-family: Manrope;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0px;
    color: rgb(148, 138, 197);
}

.chat_close_btn{
    width: 34px;
    height: 34px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 16px;
    border-radius: 8px;
    background: rgb(35, 29, 71);
    border: 2px solid #110d21;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: #948ac5;
    cursor: pointer;
}


.chat_close_btn:hover {
    background: rgb(59, 50, 112);
}

.chat_left{
 display: flex;
    gap: 10px;   
}

.chat_online_span{
display: flex;
    flex-direction: column;    
}

.online_icon{
   padding-top: 3px; 
}

.chat_content {
    display: grid;
    grid-auto-rows: 1fr;
    border-bottom: 1px solid rgb(46 38 77);
    position: relative;
    overflow: hidden;
}

.chat_content::before {
    position: absolute;
    content: "";
    top: 0px;
    left: 0px;
    height: 56px;
    width: 100%;
    z-index: 1;
    background: linear-gradient(rgb(21, 16, 41) 0%, rgba(24, 20, 41, 0) 100%, rgba(21, 16, 41, 0) 100%);
}

.chat_content_body {
    overflow-y: scroll;
    padding: 12px 16px 12px 12px;
    display: flex;
    flex-direction: column;
    grid-auto-flow: dense;
    max-height: calc(100vh - 122px - 69px - 52px);
}

.chat_content_item{
margin-bottom: 10px;   
}

.chat_content_item_message
{
min-width: 100%;
display: grid;
grid-template-columns: 26px 1fr;
gap: 8px;
overflow: hidden;
overflow-wrap: normal;
white-space: nowrap;
text-overflow: ellipsis;  
}

.chat_content_item_ava{
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background-color: gray;
    background-size: cover;
    background-position: 50% 50%;
    display: flex;
    align-items: center;
    justify-content: center;

}

.chat_content_item_body{
    font-family: Manrope;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0em;
    align-self: center;
    overflow: hidden;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.chat_content_item_body {
    color: rgb(148, 138, 197);
    margin-right: 4px;
    display: flex;
    gap: 5px;
}

.chat_content_item_name > span {
    max-width: 110px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.chat_content_item_text {
    font-weight: 600;
    white-space: normal;
    word-break: break-word;
    overflow-wrap: anywhere;
    color: #fff;
}


.shared_bet {
    background: linear-gradient(90deg, rgb(31, 24, 61) 0%, rgb(36, 29, 71) 100%);
    width: 100%;
    border-radius: 11px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 16px;
}

.shared_bet_header {
border-bottom: 1px solid rgb(40, 40, 40);
    padding: 10px 12px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.shared_bet_header_icon{
width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: gray;
    background-size: cover;
    background-position: 50% 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
}
 
.shared_bet_header_text{
  font-family: Manrope;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 15px;
    letter-spacing: -0.0011em;
    color: rgb(148, 138, 197); 
    max-width: 12ch;
    overflow: hidden;
    overflow-wrap: normal;
    white-space: nowrap;
    text-overflow: ellipsis;   
}

.shared_bet_header_text_mine{
  font-family: Manrope;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 15px;
    letter-spacing: -0.0011em;
    color: #fff; 
    overflow: hidden;
    overflow-wrap: normal;
    white-space: nowrap;
    text-overflow: ellipsis;   
}


.shared_bet_header_flex{
   display: flex;
    gap: 8px;
    align-items: center;
    justify-content: center;
}

.shared_bet_content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    row-gap: 12px;
    padding: 10px 12px 12px;
}


.shared_bet_content_left_top {
    display: grid;
    row-gap: 4px;
    justify-content: left;
}

.shared_bet_content_left_top_content{
  font-family: Manrope;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: 14px;
    letter-spacing: 0px;
    color: rgba(223, 229, 242, 0.3);
    text-align: left;  
}


.shared_bet_coeff {
    min-width: 58px;
    height: 26px;
    display: grid;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    padding: 0px 9px;
    font-family: Manrope;
    font-style: normal;
    font-weight: 600;
    font-size: 11px;
    line-height: 12px;
    letter-spacing: -0.0023em;
    color: rgb(250, 250, 250);
    border-radius: 7px;
    
}

.shared_bet_round {
    display: grid;
    row-gap: 4px;
    justify-content: right;
}

.shared_bet_round_x {
    font-family: Manrope;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 17px;
    letter-spacing: 0px;
    text-align: right;
    color: white;
}

.shared_bet_bet {
    display: grid;
    row-gap: 4px;
    justify-content: left;
}


.shared_bet_swinning {
    display: grid;
    row-gap: 4px;
    justify-content: right;
}

.shared_bet_swinning_text {
    color: rgb(253, 187, 78);
    font-family: Manrope;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: 17px;
    letter-spacing: 0px;
    text-align: right;
}


.chat_bottom_btn_block {
    display: grid;
    padding: 12px 16px 16px 12px;
    gap: 10px;
    grid-template-columns: max-content 1fr max-content;
    grid-auto-rows: max-content max-content;
    -webkit-box-align: center;
    align-items: center;
}

.chat_form{
grid-column: 1 / 4;
position: relative;
}


.chat_form_input {
    background: rgb(1, 0, 5);
    border-radius: 10px;
    display: grid;
    -webkit-box-align: center;
    align-items: center;
    padding: 0px 40px 0px 14px;
    font-family: Manrope;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.23px;
    color: rgb(223, 229, 242);
    border: none;
    outline: none;
    height: 40px;
    width: 100%;
}

.chat_form_right_btn{
 position: absolute;
    margin: 4px;
    top: 0px;
    right: 0px;
        display: grid;
    grid-auto-columns: 1fr;
    grid-template-rows: 1fr;    
}
.chat_form_right_btn button{
width: 34px;
    height: 34px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 16px;
    border-radius: 8px;
    background: rgb(1, 0, 5);
    border: 2px solid #110d21;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: #948ac5;
    cursor: pointer; 
}


.chat_form_right_btn button:hover {
    background: rgb(59, 50, 112);
}


.chat_gifs{
position: relative;
    background: rgb(17, 15, 28);
    border-radius: 6px;
    width: fit-content;
    z-index: 1;
    display: flex;
    gap: 5px;
    padding: 5px;
    box-sizing: border-box;   
}


.chat_gifs button {
    width: 34px;
    height: 34px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 16px;
    border-radius: 8px;
    background: rgb(35, 29, 71);
    border: 2px solid #110d21;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: #948ac5;
    cursor: pointer;
}

.chat_gifs button:hover {
    background: rgb(59, 50, 112);
}

.chat_bottom_text {
    font-family: Manrope;
    font-size: 9px;
    font-style: normal;
    font-weight: 500;
    line-height: 10px;
    letter-spacing: 0px;
    color: rgba(148, 138, 197, 0.6);
    grid-column: 3;
}


.jet_message_laoding {
 width: 100%;
    top: 0;
    position: absolute;
}

.jet_message_laoding {
display: none;
}

.message_laoding {
width: 100%;
height: 100%;
min-height: 40px;
position: relative;
top: 0;
border: 1px solid rgba(148, 78, 245, 0.5);
background: rgb(27, 21, 54);
border-radius: 10px;
overflow: hidden;
}

.message_laoding_line {
position: absolute;
top: 0px;
width: 100%;
height: 100%;
background: rgba(148, 78, 245, 0.25);
border-radius: inherit;
overflow: hidden;
animation: 4.976s linear 0s 1 normal forwards running cDMCFx;   
}

.setting_modal_dialog{
min-width: 736px;
}

.settings_modal_content{
background: rgb(35, 29, 71);
}


.setting_modal_top_left{
 font-family: Manrope;
font-weight: 600;
font-size: 12px;
line-height: 17px;
letter-spacing: 0.23px;
color: rgba(223, 229, 242, 0.7);
 max-width: 530px;   
}

.sids_content {
    padding: 12px 0px 0px;
    overflow: auto;
}



.sids_content_body {
    display: grid;
    grid-template-rows: repeat(6, max-content);
    row-gap: 8px;
    padding: 0px 64px 32px;
    margin-top: -4px;
}


.sids_content_header {
    display: grid;
    grid-template-columns: max-content 1fr;
    column-gap: 8px;
    margin-bottom: -3px;
}

.sids_content_header_left{
    width: 32px;
    height: 32px;
}


.sids_content_header_right {
    font-family: Manrope;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: 0.23px;
    text-align: left;
    color: white;
}


.sids_content_body_text {
    font-family: Manrope;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 17px;
    letter-spacing: 0.23px;
    text-align: left;
    color: rgba(223, 229, 242, 0.7);
    margin-bottom: 8px;
}

.sids_content_body_list {
    display: grid;
    place-items: center end;
    -webkit-box-align: center;
    grid-template-columns: max-content 1fr min-content;
    column-gap: 10px;
    height: 60px;
    border-radius: 16px;
    background: rgb(27, 21, 54);
    padding-right: 2px;
    padding-left: 21px;
    font-family: Manrope;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 17px;
    letter-spacing: 0.23px;
    text-align: center;
}


.sids_content_body_list label {
    display: grid;
    place-items: center start;
    -webkit-box-align: center;
    grid-template-columns: max-content max-content;
    column-gap: 10px;
    color: rgb(148, 138, 197);
    cursor: pointer;
}



.sids_content_body_list_input {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 1px;
    height: 1px;
    opacity: 0;
    z-index: -1;
}


.sids_content_body_list_icon {
    position: relative;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: rgb(148, 78, 245);
}


.sids_content_icon_active {
    position: absolute;
    width: 16px;
    height: 16px;
    background: rgb(148, 78, 245);
    border-radius: 50%;
    border: 2px solid rgb(27, 21, 54);
    left: 1px;
    top: 1px;
}

.sids_content_icon_noactive {
    position: absolute;
    width: 16px;
    height: 16px;
    background: rgb(27, 21, 54);
    border-radius: 50%;
    border: 2px solid rgb(27, 21, 54);
    left: 1px;
    top: 1px;
}


.sids_content_body_list_right {
    width: 300px;
    display: grid;
    place-items: center start;
    -webkit-box-align: center;
    grid-template-columns: max-content 1fr max-content;
    column-gap: 4px;
    height: 36px;
    border-radius: 10px;
    background: rgb(18, 14, 37);
    padding-right: 10px;
    padding-left: 12px;
    font-family: Manrope;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 17px;
    letter-spacing: 0.23px;
    text-align: center;
}

.sids_content_body_list_r_text {
    color: rgb(148, 138, 197);
}


.sids_content_body_list_sid {
    color: rgb(250, 250, 250);
    resize: none;
    border: none;
    width: 100%;
    overflow-x: scroll;
    white-space: nowrap;
}

.sids_content_body_list_btn {
    border: none;
    outline: none;
    background: none;
    cursor: pointer;
    margin: 0px -4px;
}


.sids_content_body_list_btn_icon {
    width: 20px;
    height: 20px;
    background: url(../images/dda39b1cbe39e8fc615689fbf6d47599.svg) center center / cover no-repeat;
}





.sids_content_body_edit_button {
font-family: Manrope;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    line-height: 14px;
    width: 113px;
    position: relative;
min-height: 30px;
    border-radius: 8px;
    z-index: 1;
    transition: opacity 0.32s ease 0s, box-shadow 0.32s ease 0s, background 0.16s ease 0s;
    padding: 0px 15px;opacity: 0.6;
    color: #fff;
    border: 2px solid rgb(17, 13, 33);
    background: linear-gradient(263.87deg, rgb(148, 78, 245) 0%, rgb(92, 36, 252) 100%);
    cursor: inherit !important;

}


.sids_content_body_edit_button::after {
    content: "";
    display: block;
    position: absolute;
    background: linear-gradient(263.87deg, rgb(148, 78, 245) 0%, rgb(92, 36, 252) 100%);
    border-radius: 12px 12px 0px 0px;
    bottom: -15px;
    left: 12px;
    height: 3px;
    width: 90px;
    opacity: 1;
}

.edit_btns_active{
 opacity: 1;
  cursor: pointer !important;
}






.sids_content_body_list_my{
 display: grid;
    place-items: center end;
    -webkit-box-align: center;
    grid-template-columns: max-content 1fr min-content;
    column-gap: 10px;
    height: 60px;
    border-radius: 16px;
    background: rgb(27, 21, 54);
    padding-right: 14px;
    padding-left: 21px;
    font-family: Manrope;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 17px;
    letter-spacing: 0.23px;
    text-align: center;   
}

.sids_content_body_list_my label {
    display: grid;
    place-items: center start;
    -webkit-box-align: center;
    grid-template-columns: max-content max-content;
    column-gap: 10px;
    color: rgb(148, 138, 197);
    cursor: pointer;
}



.next_server_block {
    margin-top: 30px;
    display: grid;
    grid-template-columns: max-content 1fr;
    column-gap: 8px;
    margin-bottom: -3px;
}

.next_server_block_img {
    width: 32px;
    height: 32px;
    background: url(../images/faf54cacb9d1f66ed640dd31f6e2d698.svg) center center / cover no-repeat;
}


.next_server_block_text {
    font-family: Manrope;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: 0.23px;
    text-align: left;
    color: white;
}


.next_server_bottom {
    display: grid;
    place-items: center end;
    -webkit-box-align: center;
    grid-template-columns: 1fr min-content;
    column-gap: 10px;
    height: 60px;
    border-radius: 16px;
    background: rgb(27, 21, 54);
    padding-right: 2px;
    padding-left: 12px;
    font-family: Manrope;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 17px;
    letter-spacing: 0.23px;
    text-align: center;
}

.next_server_bottom_content{
    width: 100%;
    display: grid;
    place-items: center start;
    -webkit-box-align: center;
    grid-template-columns: max-content 1fr max-content;
    column-gap: 4px;
    height: 36px;
    border-radius: 10px;
    background: rgb(18, 14, 37);
    padding-right: 10px;
    padding-left: 12px;
    font-family: Manrope;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 17px;
    letter-spacing: 0.23px;
    text-align: center;
}

.next_server_bottom_sid {
    color: rgb(250, 250, 250);
    resize: none;
    border: none;
    width: 100%;
    overflow-x: scroll;
    white-space: nowrap;
}

.sid_checkbox{
background: transparent; 
   position: absolute;
    left: 0px;
    top: 0px;
    width: 1px;
    height: 1px;
    opacity: 0;
    z-index: -5;   
}



.set_modal {
    max-width: 513px;
    min-width: 320px;
    height: fit-content;
    background: rgb(35, 29, 71);
    border-radius: 16px;
    overflow: hidden;
}


.set_modal_header {
    padding: 18px 19px 18px 12px;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    height: 56px;
    background: linear-gradient(0deg, rgba(21, 16, 41, 0.25), rgba(21, 16, 41, 0.25));
    border-bottom: rgb(47, 36, 92);
}

.set_modal_header_text {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin: 0px;
    text-align: center;
    text-transform: uppercase;
    color: white;
    font-style: normal;
    font-weight: normal;
    letter-spacing: 0.06em;
    font-family: Rocketfont;
    font-size: 15px;
    line-height: 20px;
}


.set_modal_content {
    margin: 20px 20px 22px;
    background: rgb(27, 21, 54);
    padding: 12px 12px 12px 21px;
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
    font-family: Manrope;
    font-weight: 600;
    font-size: 12px;
    line-height: 17px;
    letter-spacing: 0.23px;
    color: rgba(223, 229, 242, 0.7);
    border-radius: 12px;
    position: relative;
    z-index: 1;
    -webkit-box-align: center;
    align-items: center;
}

.set_modal_content_sid {
    position: relative;
    background-color: rgb(18, 14, 37);
    height: 36px;
    border-radius: 10px;
    display: grid;
    grid-auto-columns: 1fr;
    grid-auto-rows: 1fr;
    overflow: hidden;
}

.set_modal_content_sid_text {
    position: absolute;
    height: 100%;
    left: 12px;
    display: grid;
    -webkit-box-align: center;
    align-items: center;
    text-align: left;
    pointer-events: none;
    color: rgb(148, 138, 197);
}

.set_modal_content_sid_input{
        border: none;
    background: none;
    font-family: Manrope;
    font-size: 12px;
    font-weight: 600;
    line-height: 17px;
    letter-spacing: 0.23px;
    text-align: end;
    color: rgba(223, 229, 242, 0.7);
    outline: none;
    padding: 0px 12px 0px 60px;
}


.set_modal_bottom {
    width: 100%;
    height: 50px;
    background: rgba(21, 16, 41, 0.25);
    color: rgb(148, 138, 197);
    font-family: Manrope;
    font-weight: 600;
    font-size: 12px;
    line-height: 17px;
    letter-spacing: 0.23px;
    text-align: center;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    justify-content: space-around;
    padding: 0px 12px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}


.set_modal_bottom_allbtn {
    width: 100%;
    padding: 0px 62px;
    display: grid;
    grid-auto-columns: 1fr;
    gap: 16px;
    grid-auto-flow: column;
}


.bottom_allbtn_grid {
    display: grid;
    grid-auto-columns: 1fr;
    grid-template-rows: 1fr;
}

.bottom_allbtn_bteqaw {
    display: grid;
    position: relative;
    font-family: Manrope;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    line-height: 14px;
    color: white;
    outline: none;
    cursor: pointer;
    border: none;
    padding: 0px;
    margin: 0px;
    border-radius: 10px;
    background: none;
    height: auto;
}


.bottom_allbtn_bteqaw::before {
    content: "";
    z-index: 0;
    display: block;
    width: calc(100% + 6px);
    height: calc(100% + 6px);
    left: -3px;
    top: -3px;
    position: absolute;
    border-radius: 10px;
    transition: opacity 0.32s ease 0s;
    background: rgb(17, 13, 33);
}

.btn_sidrand {
    display: grid;
    place-items: center;
    -webkit-box-align: center;
    width: 100%;
    min-height: 30px;
    border-radius: 8px;
    z-index: 1;
    transition: opacity 0.32s ease 0s, box-shadow 0.32s ease 0s, background 0.16s ease 0s;
    padding: 0px 15px;
    background: rgb(35, 29, 71);
}


.btn_sidsave {
    background: linear-gradient(263.87deg, rgb(148, 78, 245) 0%, rgb(92, 36, 252) 100%);
    color: rgb(255, 255, 255);
    display: grid;
    place-items: center;
    -webkit-box-align: center;
    width: 100%;
    min-height: 30px;
    border-radius: 8px;
    z-index: 1;
    transition: opacity 0.32s ease 0s, box-shadow 0.32s ease 0s, background 0.16s ease 0s;
    padding: 0px 15px;
    opacity: 0.5;
    
}

.btn_sidclose {
    display: grid;
    place-items: center;
    -webkit-box-align: center;
    width: 100%;
    min-height: 30px;
    border-radius: 8px;
    z-index: 1;
    transition: opacity 0.32s ease 0s, box-shadow 0.32s ease 0s, background 0.16s ease 0s;
    padding: 0px 15px;
    background: rgba(222, 139, 3, 0.15);
    color: rgb(222, 139, 3);
}


.limit_modal {
    max-width: 800px;
    width: 320px;
    display: grid;
    grid-template-rows: 56px min-content;
    height: fit-content;
    background: rgb(35, 29, 71);
    border-radius: 16px;
    overflow: hidden;
}


.limit_modal_header {
    padding: 18px 19px 18px 12px;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    height: 56px;
    background: linear-gradient(0deg, rgba(21, 16, 41, 0.25), rgba(21, 16, 41, 0.25));
    border-bottom: rgb(47, 36, 92);
}

.limit_modal_header_left {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
}

.limit_modal_header_left img{
margin-right: 10px;
max-width: 25px;
}

.limit_modal_header_left h2 {
    margin: 0px;
   
    text-transform: uppercase;
    color: white;
    font-style: normal;
    font-weight: normal;
    letter-spacing: 0.06em;
    font-family: Rocketfont;
    font-size: 15px;
    line-height: 20px;
    min-width: 200px;
}

.limit_modal_body{
padding: 12px; 
}


.limit_modal_content{
position: relative;
padding: 10px 11px 10px 16px;
background: rgb(27, 21, 54);
border-radius: 12px;
}



.limit_modal_content_item {
    display: grid;
    place-content: center space-between;
    -webkit-box-pack: justify;
    grid-auto-flow: column;
    position: relative;
}

.limit_item_margin{
  margin-top: 17px;  
}

.limit_item_margin::before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    top: -8.5px;
    left: 0px;
    background: rgba(55, 55, 55, 0.35);
    background-blend-mode: color-dodge;
}

.limit_modal_content_item_text{
   display: grid;
    align-content: center;
    font-family: Manrope;
    font-style: normal;
    font-weight: 600;
    font-size: 11px;
    line-height: 14px;
    letter-spacing: 0.23px;
    color: rgb(148, 138, 197);  
}
  
.limit_modal_content_item_bd {
    background: rgb(38, 31, 77);
    width: 113px;
    height: 30px;
    border-radius: 8px;
    font-family: Manrope;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 17px;
    letter-spacing: 0.23px;
    color: rgb(255, 255, 255);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
}   


.bunus_modal {
    max-width: 514px;
    min-width: 320px;
    height: fit-content;    
background: rgb(35, 29, 71);
    border-radius: 16px;
    overflow: hidden;
}

.bunus_modal_header {
    padding: 18px 19px 18px 12px;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    height: 56px;
    background: linear-gradient(0deg, rgba(21, 16, 41, 0.25), rgba(21, 16, 41, 0.25));
    border-bottom: rgb(47, 36, 92);
}

.bunus_modal_header_left {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}



.bunus_modal_top {
    border-top: 0.5px solid rgb(42, 34, 84);
    border-bottom: 0.5px solid rgb(42, 34, 84);
    padding: 14px 94px 14px 20px;
    font-family: Manrope;
    font-weight: 600;
    font-size: 12px;
    line-height: 17px;
    color: rgba(250, 250, 250, 0.7);
}


.bunus_modal_content {
    background: rgb(27, 21, 54);
    border-radius: 16px;
    display: grid;
    -webkit-box-align: center;
    align-items: center;
    grid-auto-flow: column;
    gap: 10px;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 12px 12px 12px 20px;
    margin: 20px;
}

.bunus_modal_content_text {
    font-family: Manrope;
    font-weight: 600;
    font-size: 12px;
    line-height: 17px;
    color: rgb(148, 138, 197);
}


.bunus_modal_content_input {
    background: rgb(18, 14, 37);
    border-radius: 10px;
    font-family: Manrope;
    font-weight: 600;
    font-size: 12px;
    line-height: 17px;
    color: rgb(250, 250, 250);
    padding: 9px 16px;
    outline: none;
    border: none;
    width: 300px;
    height: 36px;
}

.bunus_modal_bottom {
    background: rgba(21, 16, 41, 0.25);
    display: grid;
    -webkit-box-align: center;
    align-items: center;
    grid-auto-flow: column;
    gap: 18px;
    padding: 13px 23px;
}


.bunus_modal_bot {
    display: grid;
    grid-auto-columns: 1fr;
    grid-template-rows: 1fr;
}

.bunus_modal_btn_bteqaw {
    display: grid;
    position: relative;
    font-family: Manrope;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    line-height: 14px;
    color: white;
    outline: none;
    cursor: pointer;
    border: none;
    padding: 0px;
    margin: 0px;
    border-radius: 10px;
    background: none;
    height: auto;
}

.bunus_modal_btn_bteqaw::before {
    content: "";
    z-index: 0;
    display: block;
    width: calc(100% + 6px);
    height: calc(100% + 6px);
    left: -3px;
    top: -3px;
    position: absolute;
    border-radius: 10px;
    transition: opacity 0.32s ease 0s;
    background: rgb(17, 13, 33);
}

.bunus_modal_btn_aprove{
 display: grid;
    place-items: center;
    -webkit-box-align: center;
    width: 100%;
    min-height: 30px;
    border-radius: 8px;
    z-index: 1;
    transition: opacity 0.32s ease 0s, box-shadow 0.32s ease 0s, background 0.16s ease 0s;
    padding: 0px 15px;
    height: 30px;
    background: linear-gradient(263.87deg, rgb(148, 78, 245) 0%, rgb(92, 36, 252) 100%);
    box-shadow: rgba(25, 201, 245, 0.1) 0px 10px 20px -2px, rgba(92, 36, 252, 0.1) 0px 10px 20px -2px, rgb(148, 78, 245) 0px -2px 4px inset, rgba(148, 78, 245, 0.6) 0px -8px 8px inset;   
    opacity: 0.3;
}

.bunus_modal_btn_close{
  height: 30px;
    background: rgba(222, 139, 3, 0.15);
    box-shadow: none;
    color: rgb(222, 139, 3);
display: grid;
    place-items: center;
    -webkit-box-align: center;
    width: 100%;
    min-height: 30px;
    border-radius: 8px;
    z-index: 1;
    transition: opacity 0.32s ease 0s, box-shadow 0.32s ease 0s, background 0.16s ease 0s;
    padding: 0px 15px;
  
}

.mybet_minwidth{
   min-width: 44px; 
}


.Language_modal{
    top: 100%;
    right: 0;
    padding-top: 9px;
position: absolute;
    width: 315px;
    max-height: 435px;
    z-index: 9998;
    display: flex;
    flex-direction: column;
    box-sizing: content-box;   
    display: none;
    transition: opacity 0.5s ease;
    opacity: 0;
}

.Language_modal.show {
display: block;
opacity: 1;
}

.Language_modal_svg{
 top: 5px;
    right: 25px;
font-size: inherit;
fill: currentColor;
    position: absolute;
    width: 12px;
    height: 4px;
    color: #192033;
        display: inherit;
    flex: none;
    overflow: visible;   
}

.Language_modal_wrapper{
 display: flex;
    flex-direction: column;
    max-height: 435px;
    border-radius: 15px;
    background-color: #192033;
    box-shadow: 0 0 4px #0000000a, 0 4px 32px #00000029;
    overflow: hidden;
    flex-shrink: 0;   
}

.LanguagesBlock {
    max-height: 100%;
    padding: 15px;
    overflow-y: auto;
    box-sizing: border-box;
}

.LanguagesBlock_subtitlet {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 17px;
    font-weight: 600;
}

.LanguagesList{
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    overflow: hidden;
}

.LanguagesList_item{
    background-color: #20283c;
    transition: background-color .2s ease-in-out;
}

.LanguagesList_item:hover {
    background-color: #2a3349;
}


.LanguagesList_itemActive{
    background-color: #2a3349;
    pointer-events: none;
}


.LanguagesList_item:not(:last-child) {
margin-bottom: 1px;
}

.LanguagesList_itemButton{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 9px 17px;
    background: transparent;
    border: none;
    color: #fff;
}

.CountryIcon_root{
    height: calc(20 * 1px);
    width: calc(20 * 1px);
    min-width: calc(20 * 1px);
    display: flex;
    align-items: center;
    justify-content: center;
}

.CountryIcon_root img {
    border-radius: 50%;
    object-fit: cover;
    width: 20px;
    height: 20px;
}

.LanguagesList_itemInner{
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin: 0 12px;
}

.LanguagesList_itemTitle {
    margin-bottom: 3px;
    font-size: 13px;
    line-height: 16px;
    font-weight: 600;
}

.LanguagesList_itemCaption{
    color: #77829b;
    font-size: 11px;
    line-height: 13px;
    text-transform: capitalize;
}


.LanguagesList_itemIcon {
  
font-size: inherit;
    fill: currentColor; 
    width: 15px;
    height: 15px;
    color: #1a88f3;
    flex: none;
    overflow: visible;
    display: none;
}

.LanguagesBlock ul{
list-style: none;
    padding: 0;
    margin: 0;
}




.LanguagesList_itemActive .LanguagesList_itemIcon{
  display: block;
}

.message_container{
width: 350px;
    height: auto;
    min-height: 68px;
    position: fixed;
   top: -100px;
    left: 0px;
    right: 0;
    margin: 0 auto;
    z-index: 9999;   
    padding: 10px 0;
    box-sizing: border-box;
    opacity: 0;
     transition: all 0.5s ease;
}


.floating_messages{
width: 350px;
    height: 68px;
    border-radius: 12px;
    font-size: 14px;
    font-family: Manrope;
    display: flex;
    gap: 10px;
    background: #231D47;
    z-index: 9998;
    justify-content: flex-start;
    align-items: center;
    box-shadow: 0 0 2px 0px #000;
    margin-bottom: 10px;
    padding: 0px 10px;
    box-sizing: border-box;
   }

.floating_messages_icon img{
width: 28px;
height: 28px;    
border-radius: 100%;
}

.floating_messages_title{
color: #fff;
font-weight: bold;

}

.floating_messages_text{
color: rgba(223, 229, 242, 0.7);
}


.win_container{
width: 280px;
padding: 0 2px;
box-sizing: border-box;
height: auto;
min-height: 65px;
position: fixed;
top: -100px;
left: 0px;
right: 0;
margin: 0 auto;
z-index: 9999;   
opacity: 0;
transition: all 0.5s ease;
}


.win_messages{
width: 280px;
    height: 65px;
    border-radius: 12px;
    font-family: Manrope;
    display: flex;
    gap: 10px;
    background: #231D47;
    z-index: 9998;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 0 2px 0px #000;
    margin-bottom: 10px;
    padding: 0px 10px;
    box-sizing: border-box;
    position: relative;
      overflow: hidden;
}

  .win_messages::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            border-radius: 12px;
            padding: 2px; /* Толщина градиентного бордера */
            background: linear-gradient(263.87deg, #4C279C 0%, #7839F8 100%);
            -webkit-mask: 
                linear-gradient(#fff 0 0) content-box, 
                linear-gradient(#fff 0 0);
            mask: 
                linear-gradient(#fff 0 0) content-box, 
                linear-gradient(#fff 0 0);
            -webkit-mask-composite: xor; 
            mask-composite: exclude; 
            z-index: -1;
        }


.win_messages_left_title{
color: rgba(223, 229, 242, 0.7);
font-size: 12px;
font-weight: 700;   
}

.win_messages_left_text{
    color: #fff;
    font-weight: 400;
    font-family: Rocketfont;
    font-size: 18px;
}

.win_messages_right{
width: 130px;
    height: 50px;
    background: linear-gradient(263.87deg, #4C279C 0%, #7839F8 100%);
    box-shadow: rgba(25, 201, 245, 0.1) 0px 10px 20px, rgba(92, 36, 252, 0.1) 0px 10px 20px, rgb(148, 78, 245) 0px -2px 4px inset, rgba(148, 78, 245, 0.6) 0px -8px 8px inset;
    border-radius: 12px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
   
}

.win_messages_right_num{
    color: #fff;
    font-weight: 400;
    font-family: Rocketfont;
    font-size: 18px;
}

.win_messages_right_text{
     color: rgba(223, 229, 242, 0.7);
    font-size: 12px;
    font-weight: 700;
}   

.win_messages_left{
display: flex;
flex-direction: column;
justify-content: center;
}

    
.error_container{
width: 280px;
height: auto;
min-height: 100px;
position: fixed;
top: -100px;
opacity: 0;
right: 20px;
z-index: 9999;   
transition: all 0.5s ease;

}

.error_content{
background: #FFFFFF;
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 5px;
    font-family: Manrope;
    color: #000;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 15px;
    box-sizing: border-box;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start; 
    }

.error_close{
   cursor: pointer; 
}



.payin_modal
{
width: 680px; 
display: grid;
grid-template-columns: min-content;
align-self: center;
justify-self: center;
}

.payin_modal_wrapper{
max-height: 520px;
min-height: 520px;
overflow: hidden; 
background-color: #fff;
border-radius: 15px;
display: flex;
margin: auto;
z-index: 3;
grid-area: main; 
}


.modal_payments_aside {
min-width: 200px;
width: 290px;
padding: 20px 0 25px;
background-color: #edf0f7;
display: flex;
flex-direction: column;
}

.modal_payments_content {
display: flex;
flex-direction: column;
min-width: 300px;
width: 390px;
}  

.moneycountry {
padding: 0px 5px;
margin-bottom: 5px;
max-width: 290px;
}


.changecountry_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 24px;
    border-radius: 6px;
    background-color: #fff;
    transition: opacity .2s ease-in-out;
    color: #000;
    gap: 5px;
    font-family: Manrope;
    font-weight: 800;
    float: left;
    margin: 2px;
}

.changecountry_btn_active{
box-shadow: 0 6px 18px #1178df4d;
background-image: linear-gradient(129deg, #0095ff -19%, #0855c4 149%);    
color: #fff;
}

    


.changecountry_btn_title {
    font-size: 12px;
    line-height: 14px;
    text-transform: uppercase;
}

.changecountry_btn_img {
    display: flex;
    align-items: center;
    justify-content: center;
}

.changecountry_btn_img img {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    object-fit: cover;
}


.money_tab-content {
    display: none;
}

.money_tab-active {
    display: block;
}


.payments_container {
position: relative;
flex-grow: 1;
}



.payments {
display: flex;
flex-wrap: wrap;
width: 100%;
padding: 10px 0;
overflow-y: scroll;

}


.payments::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3) !important;
background-color: white !important;
}

.payments::-webkit-scrollbar
{
width: 5px;
background-color: transparent !important;
}

.payments::-webkit-scrollbar-thumb
{
border-radius: 10px !important;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3) !important;
background-image: -webkit-linear-gradient(314deg,#0095ff -26%,#0855c4 150%) !important;
background-image: linear-gradient(136deg,#0095ff -26%,#0855c4 150%) !important;
}


.payment {
    margin-bottom: 10px;
    max-width: calc(50% - 10px);
    margin-top: 0;
    min-height: 67px;
        display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    background-color: #fff;
    flex-basis: calc(50% - 5px);
    border-radius: 10px;
    box-shadow: 0 4px 10px -5px #0000001a;
    position: relative;
    padding: 10px;
    cursor: pointer;
margin-right: 5px;
    margin-left: 5px;

}

.payment_active{
box-shadow: 0 6px 18px #1178df4d;
background-image: linear-gradient(129deg, #0095ff -19%, #0855c4 149%);   
color: #fff; 
}



.payment_icon img{
max-width: 25px;
}


.payment_text {
    display: flex;
    width: 100%;
    text-overflow: ellipsis;
    align-items: flex-end;
    font-family: Manrope;
    font-size: 14px;
    font-weight: 400;
}

.payment_tab_content {
    display: none;
}

.payment_tab_active {
    display: block;
}

.modal_payments_content_header{
padding: 20px 20px 10px;
z-index: 2;
}

.modal_payments_content_header_row{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.payments_content_header_text{
 font-size: 20px;
    font-family: -apple-system, SF Pro Display, -apple-system, SF Pro Text, sans-serif;
    font-weight: 700;
    letter-spacing: .3px;
    color: #090f1e;   
}

.payments_content_header_close{
cursor: pointer;
   background-color: #edf0f7;
    border-radius: 6px;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;    
}


.payments_content_header_close i{
 color: #9fa0a3;   
}    

.payment_tabs{
width: 100%;
    padding: 10px 20px;
    box-sizing: border-box;    
}

.payment_tabs_body{
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    height: 100%;
    overflow: auto;  
}

.depositPeer {
display: flex;
    height: 100%;
    position: relative;
    width: 100%;
    flex-direction: column;
}

.depositPeer_header {
    margin-top: 0;
    margin-bottom: 20px;
    flex-flow: column nowrap;
    line-height: 16px;
    font-size: 12px;
    color: #070c19;
    display: flex;
    justify-content: space-between;
}

.depositcontrol {
    border-radius: 8px;
    position: relative;
    width: 100%;
}

.depositcontrolinput_wrapper{
background-color: #edf0f7;
border-radius: 10px;
overflow: hidden;
padding: 0 15px;
position: relative;
border-style: solid;
    border-width: 1px;
    display: flex;
    min-height: 45px;
    border-color: transparent;
    align-items: center;
}


.depositcontrolinput_wrapper_icon{
      margin-right: 12px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}    

.depositcontrolinput_wrapper_icon:after {
    position: absolute;
    content: "";
    right: -11px;
    top: 0;
    bottom: 0;
    width: 1px;
    background-color: #6a769033;
}

.depositcontrolinput_wrapper_icon img{
   max-width: 17px; 
}

.depositcontrolinput_wrapper_inputs {
    position: relative;
    flex: 1 1 auto;
}

.depositcontrolinput_wrapper_inputs input{
padding: 0 15px 0 10px; 
background-color: #edf0f7;
    min-height: 45px;
    color: #070c19cc;
        border: none;
        justify-content: flex-start;
    text-align: start;
    width: 100%;
        align-items: center;
border-radius: 8px; 
outline: none;
    text-decoration: none;
    vertical-align: top;
    white-space: nowrap;
    display: flex;
    font-size: inherit;
}

   

.deposit_btn{
    background-image: linear-gradient(77deg, #31bc69 -8%, #089e4e 93%);
    border-radius: 10px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    height: 50px;
    margin-top: 15px;
    width: 100%; 
    user-select: none;
    border-width: 0;
    min-height: 30px;
    cursor: pointer;
    transition: all .1s;  
}

.deposit_btn:hover {
    opacity: .8;
}


.payment_tabs_footer{
background-color: transparent;
margin-top: auto;
padding: 0 20px 20px;
}

.payment_tabs_footer_licence{
    display: flex;
flex-direction: column;
    font-size: 10px;
        color: #6a7690a6;
}


.detail_madal{    

    height: 454px;
    background-color: #fff;
    color: #090f1e;
border-radius: 10px;
    display: flex;
    flex-direction: column;
    margin: auto;
    min-width: 300px;
    width: 540px;
    z-index: 3;
    max-height: 100%;

}

.detail_madal_header{
 margin-bottom: 5px;
    padding: 20px 20px 10px;
        z-index: 2;   
}

.detail_madal_header_row{
    display: flex;
    justify-content: space-between;
}

.detail_madal_header_left{
align-items: center;
    font-size: 20px;
    display: flex;
        font-size: 20px;
    font-family: -apple-system, SF Pro Display, -apple-system, SF Pro Text, sans-serif;
    font-weight: 700;
}


.detail_madal_header_close{
cursor: pointer;
   background-color: #edf0f7;
    border-radius: 6px;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;    
}


.detail_madal_header_close i{
 color: #9fa0a3;   
}    

.detail_madal_body{
display: flex;
flex-direction: column;
flex-grow: 1;
overflow-y: scroll;   
}


.detailing_tabs {
display: flex;
flex-shrink: 0;
    padding: 0 20px 10px;
    border-bottom: 1px solid #edf0f7;
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 1;
    box-shadow: 0 15px 15px #fff;
}


.detailing_tabs_item {
    padding: 4px 10px;
    font-size: 13px;
    cursor: pointer;
    border-radius: 12px;
    font-weight: 600;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
        margin-right: 5px;
}

.detailing_tabs_item_active {
background-image: linear-gradient(103deg, #108de7 -30%, #0855c4 100%);
color: #fff;
}

.detailing_tabs_content {
    display: flex;
    flex-direction: column;
    flex: 1 0;
    overflow: auto;
    padding: 20px 20px 0;
}

.detailing_tabs_content::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3) !important;
background-color: white !important;
}

.detailing_tabs_content::-webkit-scrollbar
{
width: 5px;
background-color: transparent !important;
}

.detailing_tabs_content::-webkit-scrollbar-thumb
{
border-radius: 10px !important;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3) !important;
background-image: -webkit-linear-gradient(314deg,#0095ff -26%,#0855c4 150%) !important;
background-image: linear-gradient(136deg,#0095ff -26%,#0855c4 150%) !important;
}




.detailing_visual {
    display: none;
}

.detailing_visual_active {
    display: block;
}


.detailingItem {
    background-color: #edf0f7;
    border-radius: 12px;
    padding: 14px 15px;
    display: flex;
    align-items: stretch;
    margin-bottom: 10px;
}

.detailingItem_left{
display: flex;
    flex: 0 1 auto;
    flex-direction: column;
}

.detailingItem_left_description{
  font-size: 15px;
    font-weight: 600;
    line-height: 1;   
}
   

.detailingItem_right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-left: auto;
    position: relative;
    flex: 1 0 auto;
}

.detailingItem_right_top_row {
    height: 15px;
    width: 100%;
}

.detailingItem_right_top_date{
    position: absolute;
    right: 0;
    width: 300px;
    color: #7586a4;
    font-size: 13px;
    line-height: 15px;
    text-align: right;
}


.detailingItem_right_bottom_row{
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: flex-end;
    align-items: flex-end;
}

.detailingItem_right_bottom_row_item {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    margin-top: 4px;
    margin-bottom: 1px;
    gap: 5px;
}

.detailingItem_right_root_out {
   font-weight: 600;
    white-space: nowrap; 
}

.detailingItem_right_root_in{
    font-weight: 600;
    white-space: nowrap;  
color: #38c172;
}

.detailing_message{
      border-radius: 8px;
    background: none;
    color: #090f1e;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1;  
}

.detailing_message_title{
font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px;
    text-align: center;
}

.detailing_message_text{
 max-width: 230px;
    font-size: 14px;
    line-height: 1.29;
    text-align: center;   
}


.payout_modal {
display: grid;
grid-template-columns: min-content;
align-self: center;
justify-self: center;
}

.payout_modal_wrapper{
    height: 680px;
    max-height: 680px;
    overflow: hidden;
     background-color: #fff;
    border-radius: 15px;
    display: flex;
    margin: auto;
    z-index: 3;
    grid-area: main;
}


.payout_modal_aside {
    min-width: 200px;
    width: 290px;
    padding: 20px 0 25px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
}

.payout_modal_aside_conteiner{
position: relative;
    flex-grow: 1;
    overflow-y: auto;
    flex-wrap: wrap;
    width: 100%;
    display: flex;
    padding: 5px 20px 0;
    gap: 5px;
    flex-direction: row;
    align-content: flex-start;
}


.payout_modal_aside_conteiner::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3) !important;
background-color: white !important;
}

.payout_modal_aside_conteiner::-webkit-scrollbar
{
width: 5px;
background-color: transparent !important;
}

.payout_modal_aside_conteiner::-webkit-scrollbar-thumb
{
border-radius: 10px !important;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3) !important;
background-image: -webkit-linear-gradient(314deg,#0095ff -26%,#0855c4 150%) !important;
background-image: linear-gradient(136deg,#0095ff -26%,#0855c4 150%) !important;
}

.PaymentTile {
background-color: #edf0f7;
margin: 0;
display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    
    flex-basis: calc(50% - 5px);
    border-radius: 10px;
    box-shadow: 0 4px 10px -5px #0000001a;
    position: relative;
    padding: 10px;
    cursor: pointer;
    
    max-height: 67px;
   
}




.PaymentTile_icon{
    display: flex;
    position: relative;
    width: 25px;
    height: 25px;
        align-items: center;
    justify-content: center;
    flex-shrink: 1;
}

.PaymentTile_footer {
    display: flex;
    width: 100%;
    text-overflow: ellipsis;
    align-items: flex-end;
}

.PaymentTile_title{
font-size: 12px;
font-weight: 500;
color: #090f1e;
margin-top: 7px;
margin-right: auto;
word-break: break-word;
}

.PaymentTile_check {
    border-radius: 50%;
    width: 14px;
    height: 14px;
    background: #fff;
    margin-left: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
   
}




.PaymentTile_check i{
color: #fff;
font-size: 10px;
}

.PaymentTile .PaymentTile_check {
  background: #ffffff;
}


.PaymentTile_active .PaymentTile_check {
  background: linear-gradient(129deg, #0095ff -19%, #0855c4 149%);
}


.payout_modal_content_block > div {
  display: none;
}
.payout_modal_content_block > div.active {
  display: block;
}




.payout_modal_aside_header_hint {
color: #070c19;
    width: 100%;
    font-size: 14px;
    line-height: 1.33;
    white-space: pre-line;
    margin-bottom: 15px;
    padding: 5px 20px 0;
}


.payout_modal_content_close {
    cursor: pointer;
    background-color: #ffffff;
    border-radius: 6px;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.payout_modal_content {
    display: flex;
    flex-direction: column;
    min-width: 300px;
    width: 390px;
    background: #edf0f7;
}

.payout_modal_content_body{
 display: flex;
    flex-direction: column;
    flex-grow: 1;   
}
    
.payout_modal_content_block{
 display: flex;
    flex-direction: column;
    flex-grow: 1;
    padding: 0 20px 20px;
    height: 100%;
    overflow: auto;    
    position: relative;   
  width: 100%;
}


.withdrawalCreateContent{
    display: flex;
    flex-direction: column;
    max-height: 100%;
}


.withdrawal_headerHint{
    color: #070c19;
    font-size: 12px;
    line-height: 1.33;
    margin-bottom: 15px;
    white-space: pre-line;
    width: 100%;
}


.withdrawalinput_wrapper{
background-color: #fff;
border-radius: 10px;
overflow: hidden;
padding: 0 15px;
position: relative;
border-style: solid;
    border-width: 1px;
    display: flex;
    min-height: 45px;
    border-color: transparent;
    align-items: center;
    margin-bottom: 15px;
}


.withdrawalinput_wrapper_icon{
      margin-right: 12px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}    

.withdrawalinput_wrapper_icon:after {
    position: absolute;
    content: "";
    right: -11px;
    top: 0;
    bottom: 0;
    width: 1px;
    background-color: #6a769033;
}

.withdrawalinput_wrapper_icon img{
   max-width: 17px; 
}

.withdrawalinput_wrapper_inputs {
    position: relative;
    flex: 1 1 auto;
}

.withdrawalinput_wrapper_inputs input{
padding: 0 15px 0 10px; 
background-color: #fff;
    min-height: 45px;
    color: #070c19cc;
        border: none;
        justify-content: flex-start;
    text-align: start;
    width: 100%;
        align-items: center;
border-radius: 8px; 
outline: none;
    text-decoration: none;
    vertical-align: top;
    white-space: nowrap;
    display: flex;
    font-size: inherit;
}

.withdrawalinput_wrapper_inputs .required-container {
    height: 100%;
    width: 5px;
    position: absolute;
    right: 19px;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.withdrawalinput_wrapper_inputs .required-container .required {
    background: #888787;
    border-radius: 50%;
    height: 5px;
}


.required_input{
font-size: 12px !important;
}


.withdrawButton {
    margin-bottom: 15px;
    background-image: linear-gradient(102deg, #0095ff -2%, #0855c4 148%);
    border-radius: 10px;
    box-shadow: 0 6px 18px #1178dfb3;
    font-size: 16px;
    font-weight: 500;
    height: 50px;
    margin-top: 15px;
    width: 100%;
   color: #fff;
   user-select: none;
    border-width: 0;
    min-height: 30px;
    cursor: pointer;
    transition: all .1s;
    cursor: pointer;

}
.withdrawButton:hover {
    opacity: .9;
}

.withdrawButton[disabled]{
    cursor: not-allowed;
    opacity: .5;
    pointer-events: none;
}

.ios_page_block{
  width: 100%;
    text-align: left;
    margin: 10px 0 15px 0;   
}

.title_ios_page{
 font-weight: bold;
    font-size: 14px;
    width: 100%;
    margin-bottom: 5px;      
}
.text_ios_page{
    font-size: 12px;
    color: #d3d3d3;
     width: 100%;
}



.new_tg {
position: absolute;
top: 10px;
color: #fff;
right: 10px;
padding: 15px;
max-width: 290px;
background: radial-gradient(100% 400% at 0% 0%,rgba(14,224,35,.12) 0%,rgba(14,224,35,0) 100%),linear-gradient(78.89deg,#1e283f 0%,#141b2e 100%);
border-radius: 16px;
overflow: hidden; 
z-index: 9998;
}

.new_tg_header {
display: flex;
align-items: center;
min-height: 51px;
}

.new_tg_header_left
{
    display: flex;
    position: relative;
    padding: 0 123px 0 10px;
    align-self: flex-start;
}

.new_tg_header_right
{
    width: 113px;
    position: absolute;
    right: 14px;
    top: 45px;
}

.new_tg_footer{
margin-top: 15px;
}    

.new_tg_button{
background: linear-gradient(267.05deg,#089e4e 0%,#31bc69 99.28%);
box-shadow: 0 6px 18px #0ea1514d;
text-shadow: 0 3px 6px rgba(0,0,0,.2); 
}    

.new_tg_left_border
{
    position: absolute;
    width: 4px;
    top: 20px;
    bottom: 0;
    height: 80px;
    left: 0px;
    border-top-right-radius: 45px;
    border-bottom-right-radius: 45px;
background: linear-gradient(to left top,#009746 0%,#38c172 100%);
}

.new_tg_header_title
{
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 13px;
    line-height: 1.230769230769231;
    letter-spacing: .6px;
    text-shadow: 0 6px 22px rgba(218,136,5,.3);
    white-space: pre-line;
    margin:10px;
}

.new_tg_text
 {
    font-size: 12px;
    line-height: 1.166666666666667;
    white-space: pre-line;
    margin-top: 5px;
    color: #ffffffb3;
}

.new_tg_left_button{
font-size: 14px;
    line-height: 1.43;
    min-height: 35px;
    background: linear-gradient(267.05deg,#419fd9 0%,#1f9ce9 99.28%);
    box-shadow: 0 6px 18px #0ea1514d;
    text-shadow: 0 3px 6px rgba(0,0,0,.2);

    color: #fff;
    font-weight: 600;
    justify-content: center;
    padding: 0 15px;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border-width: 0;
    min-height: 30px;
    cursor: pointer;
    transition: all .1s;
    border-radius: 7px;
}


.new_tg_left_button:hover {
    opacity: .8;
}

.new_tg_close{
    position: absolute;
       right: 14px;
    top: 3px;
    color: white;
    font-size: 20px;
    height: 20px;
    cursor: pointer;
} 

.money_tabs{
   overflow: auto; 
}

.fortuna_abs{
 background: linear-gradient(158.16deg, #1e283f 0%, rgba(20, 27, 46, .6) 55.18%), #090f1e;
    position: absolute;
    width: 100%;
    height: auto;
    padding: 10px 20px;
    box-sizing: border-box;
    z-index: 9998;
    bottom: 10%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
   
}

.fortuna_close{
 position: absolute;
    color: #fff;
    right: 30px;
    font-size: 22px;
    cursor: pointer;   
}


    
.main_fortuna_btn{
    background-image: linear-gradient(98deg, #ffe036, #ffc600);
    cursor: pointer;
    transition: all .1s;
    color: #000;
    font-family: 'SF Pro Text';
    font-weight: 600;
    justify-content: center;
    padding: 0 15px;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border-width: 0;
    min-height: 34px;
    font-size: 12px;
    border-radius: 8px;    
}


.main_fortuna_btn:hover{
   opacity: .9; 
}


.main_mines_btn{
    background-image: linear-gradient(70deg, #31bc69 -8%, #089e4e 96%);
    cursor: pointer;
    transition: all .1s;
  
    font-family: 'SF Pro Text';
    font-weight: 600;
    justify-content: center;
    padding: 0 15px;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border-width: 0;
    min-height: 34px;
    font-size: 12px;
    border-radius: 8px;    
    color: #fff;
}


.main_mines_btn:hover{
   opacity: .9; 
}


.newlogo{
     color: #be6aff;
    font-size: 1.41rem;
    font-weight: 600;
    width: 200px;
    background-image: url(../images/newlogo.png);
    background-size: 100%;
    background-repeat: no-repeat;
    height: 65px;
}

.main_gamezone{
 padding: 40px 0;
    box-sizing: border-box;   
}   

.main_gamezone h2{
   color: #fff; 
   font-size: 1.6rem;
} 


.main_gamezone_game_content{
 max-width: 25%;
    width: 300px;
    height: 300px;
    border-radius: 7px;
    box-shadow: 3px 5px 7px 1px #db00ff29;
}

.main_gamezone_game_content img{
   width: 100%;
   height: auto;
   vertical-align: bottom;
   border-radius: 7px;
}


.main_gamezone_game{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
}

.HeaderBalance_wrapper_b40Mz{
background: rgb(35, 45, 69);
    border-radius: 10px;
    padding: 2px 2px 2px 10px;
}

.HeaderBalance_content_vcCP3 {
    display: flex;
    margin: 0 -3px;
}

.HeaderBalance_info_PbAHB  {
color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
    box-sizing: border-box;
    gap: 5px; 
    font-size: 14px;
}

.main_user_menu{
   position: relative; 
}
.main_user_menu_trigger{
align-items: center;
cursor: pointer;
display: flex;
height: 100%;
}


.main_user_menu_avatar{
display: flex;
align-items: center;
padding: 0 5px;
    box-sizing: border-box;
}


.main_user_menu_avatarbackground{
    background: #1f2841;
    border-radius: 20px 8px 8px 20px;
 display: flex;
    gap: 10px;
    height: 40px;
    align-items: center;
    color: #fff;
    padding: 0 10px;
}


.HeaderUserAvatar_root_e75WO {
    align-items: center;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    height: 29px;
    width: 29px;
    z-index: 2;
}

.HeaderUserAvatar_imageContainer_aY2X9 {
    align-items: center;
    border-radius: 50%;
    background-color: #2c3756;
    display: flex;
    font-size: 10px;
    justify-content: center;
    height: 29px;
    width: 29px;
}


.user-menu__toggle{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 5px;
    width: 10px;
     z-index: 2;
}


.bonus_banner_root{
    position: relative;
    background: radial-gradient(126.18% 271.14% at 52.54% -91.41%, rgb(255, 213, 153) 0%, rgb(246, 61, 0) 100%);
    border-radius: 24px;
  padding: 10px 20px;
  box-sizing: border-box;

}

.bonus_banner_root_cointeiner{
   flex-direction: row;
        justify-content: space-between;
        align-items: center;  
        display: flex; 
        gap: 20px;
}


.bonus500-banner_content-xjJ9m {
    z-index: 2;
    gap: 20px;
    flex-direction: column;
    display: flex;
        padding: 20px;
    box-sizing: border-box;
}


.bonus500-banner_button-xjJ9m {
    flex-direction: column;
    align-items: stretch;
    
    display: flex;
}


.bonus500-banner_image-xjJ9m {
pointer-events: none;
position: absolute;
width: 520px;
top: -3px;
right: 103px;
}

.base_root{
   background: #fff; 
   color: #000;
   border-radius: 8px;
}
    

.base_view{
    height: 44px;
    padding: 0 20px;
    border-radius: 12px;
    background: #fff;
}   

.base_content{
justify-content: center;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    height: 100%;
    display: flex;
}
      

.bonus500-banner_title{
justify-content: space-between;
    gap: 12px;
    font-size: 24px;
    color: #fff;
    display: flex; 
}
    


.bonus500-banner-steps_root-hSedY {
    justify-content: flex-start;
    align-items: flex-start;
    gap: 12px;
    flex-direction: column;
    display: flex;
}


.bonus500-banner-steps_item-hSedY {
    justify-content: flex-start;
    align-items: center;
    gap: 4px;
    display: flex;
    position: relative;
}

.bonus500-banner-steps_item-hSedY:not(:last-child):before {
    border-radius: 999px
    background: repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.2) 3px, transparent 3px, transparent 5px);
    content: "";
    width: 2px;
    height: 100%;
    position: absolute;
    top: calc(50% + 11px);
    left: 11px;
}

.bonus500-banner-steps_position-hSedY {
border-radius: 999px;
background-color: #fff;
min-width: 24px;
height: 24px;
color: #000;
justify-content: center;
align-items: center;
display: flex;
font-size: 14px;
}

.banner-steps_position-hSedYY{
 padding: 0 20px;
 background-color: rgba(255, 255, 255, 0.2);
 color: #fff;
 font-weight: bold;   
}



.banner_steps{
   display: flex; 
   gap: 20px;
}

.headback{
    width: 40px;
    height: auto;
    vertical-align: bottom;
}


.head_two{
display: flex;
    gap: 15px;
    justify-content: flex-end;
    align-items: center;
}


.mines_jetnav_dropdown_menu{
   right: 0 !important; 
   top: 40px !important;
}


.parhner_header_top{
   display: flex;
    align-items: center;
    justify-content: space-between; 
}

.footer{
    padding: 25px 0;
    box-sizing: border-box;
    color: #fff;
    font-family: Inter, 'Poppins', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', 'Arial', 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}

.footer ul{
   list-style: none; 
   padding: 0;
}

.footer ul a{
    color: #fff;
}

.footer ul a:hover{
    color: #be6aff;
}

.footer_start{
   background: #000; 
}