.status_0{background: var(--status_0_bg); color: var(--status_0_color);}
.status_1{background: var(--status_1_bg); color: var(--status_1_color);}
.status_2{background: var(--status_2_bg); color: var(--status_2_color);}


.deposit-container{
  display: grid;
  grid-template-columns: 1fr 1.5fr;
  gap: 10px;
}

#user-deposit .deposit__methods{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
 }

 #user-deposit .deposit-method{
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  gap: 10px;
  background: var(--deposit-method-bg);
  padding: 10px;
  border-radius: 8px;
  margin-bottom: 10px;
  cursor: pointer;
  border: 1px solid transparent;
  transition: border-color .2s ease-in-out;
 }

 #user-deposit .deposit-method:hover,
 #user-deposit .deposit-method.active {
  border-color: var(--deposit-method-active-color)
 }


 #user-deposit .deposit-method .deposit-method__image{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 85px;
  text-align: center;
 }
 
 #user-deposit .deposit-method .details__row{
  font-weight: 600;
 }
 #user-deposit .deposit-method .details__row span{
  color: #159ca5;
  font-weight: 600;
 }

 #user-deposit .deposit-method .deposit-method__image img{
  height: 100%;
  border-radius: 4px;
 }

 #user-deposit .deposit-method .deposit-method__details{
  background: var(--deposit-method-details-bg);
  padding: 15px 10px;
  border-radius: 4px;
  text-align: center;
 }

 #user-deposit .deposit__form,
 #user-deposit .deposit-pin__form{
  padding-top: 20px;
  max-width: 350px;
  margin: 0 auto;
 }

 #user-deposit .btn{
  width: 100%;
  padding: 10px;
  font-weight: 700;
 }

 #user-deposit input{
  width: 100%;
  text-align: center;
  font-weight: bold;
  font-size: 15px;
 }

 #user-deposit .withdraw-balance{
  margin-bottom: 10px;
 }

 #user-deposit .withdraw-balance .withdraw-balance__title{
  color: #159ca5;
  font-size: 14px;
  text-align: center;
  margin-bottom: 5px;
 }

 #user-deposit .withdraw-balance .available__amount{
  font-size: 18px;
  font-weight: 700;
  text-align: center;
 }

 @media (max-width: 1400px) {
  .deposit-container{
    grid-template-columns: 1fr;
   }
 }

 @media (max-width: 1000px) {
  #user-deposit .deposit__methods{
    grid-template-columns: 1fr;
   }
 }

 @media (max-width: 650px) {
  #user-deposit .deposit-method {
    grid-template-columns: 1fr;
  }

  #user-deposit .deposit-method .deposit-method__details{
    width: 100%;
  }
 }


.history-row,
.deposit-row{
  display: grid;
  grid-template-columns: 1fr 1fr;
  background: #022025;
  margin-bottom: 10px;
  padding: 10px 15px;
  border-radius: 8px;
}

.history-row__amount,
.deposit-row__amount{
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 5px;
}

.history-row__amount{
  text-align: right;
}

.history-row__time,
.deposit-row__time{
  font-size: 12px;
  color: #159ca5;
  margin-bottom: 5px;
}

.history-row__time{
  text-align: right;
}

.history-row__name{
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 5px;
}

.history-row__details{
  color: #159ca5;
  font-size: 14px;
}

.history-row__status{
  margin-left: auto;
  text-align: right;
}

.history-row__column:nth-child(2){
  margin-left: auto;
}

.deposit-row__status{
  width: max-content;
  margin-left: auto;
  padding: 8px 5px;
  border-radius: 8px;
  text-align: center;
  min-width: 85px;
}

.history__empty{
  display: flex;
  align-items: center;
  justify-content: center;
  color: #159ca5;
  height: 150px;
}
.test{

}

.test{
  
}

.test{
  
}
.test{

}

.test{
  
}