.wallet-add-address-page{
  min-height:100%;
  background:transparent url('./assets/withdraw/page-bg.png') 50% 0/100% 100% repeat-y;
  color:#fff;
}
.wallet-add-address-head{
  position:relative;
  display:flex;
  align-items:center;
  height:50px;
  padding:0 11px;
  font-size:20px;
  font-weight:500;
  line-height:24px;
}
.wallet-add-address-back{
  position:relative;
  flex:0 0 23px;
  width:23px;
  height:23px;
  margin:0 4px 0 0;
  padding:0;
  border:0;
  background:transparent;
}
.wallet-add-address-back img{display:block;width:100%;height:100%;object-fit:contain}
.wallet-add-address-title{flex:1;text-align:left}
.wallet-address-container{padding:0 16px}
.wallet-address-count{
  margin:14px 0;
  color:#fff;
  font-size:16px;
  font-weight:400;
  line-height:26px;
}
.wallet-address-count span{color:#fff}
.wallet-address-box{
  position:relative;
  min-height:1px;
  margin:0 0 11px;
  padding:0 16px;
  overflow:hidden;
  border-radius:14px;
  background:linear-gradient(177deg,rgba(252,245,255,.08),rgba(96,64,111,.18));
}
.wallet-address-box:before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:1px;
  background:linear-gradient(270deg,rgba(255,255,255,0) 10%,#bdBaba 55%,rgba(255,255,255,0));
}
.wallet-address-empty{
  display:grid;
  min-height:126px;
  place-items:center;
  color:rgba(255,255,255,.45);
  font-size:14px;
}
.wallet-address-card{
  display:flex;
  flex-direction:column;
  width:100%;
  padding:16px 0;
  border:0;
  border-bottom:1px solid rgba(255,255,255,.07);
  background:transparent;
  color:#fff;
  text-align:left;
}
.wallet-address-card:last-child{border-bottom:0}
.wallet-address-card-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:23px;
  margin:0 0 9px;
  padding-left:7px;
  font-size:14px;
  font-weight:600;
  line-height:23px;
}
.wallet-address-delete{
  flex:0 0 23px;
  width:23px;
  height:23px;
  padding:0;
  border:0;
  background:transparent url('./assets/withdraw-address/delete.webp') 50% 50%/100% 100% no-repeat;
}
.wallet-address-value{
  display:flex;
  align-items:center;
  width:100%;
  height:46px;
  padding:0 10px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.16);
  border-radius:9px;
  background:linear-gradient(rgba(64,47,71,.12),rgba(252,245,255,.12));
  color:#fff;
  font-size:16px;
  font-weight:400;
  line-height:21px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.wallet-address-add{
  display:flex;
  align-items:center;
  justify-content:center;
  width:295px;
  height:48px;
  margin:0 auto;
  padding:0;
  border:0;
  background:transparent;
  color:#00b7ff;
  font-size:14px;
  font-weight:400;
  line-height:48px;
}
.wallet-address-add:before{
  content:"+";
  display:inline-grid;
  width:17px;
  height:17px;
  margin-right:6px;
  place-items:center;
  border:1px solid currentColor;
  border-radius:50%;
  font-size:16px;
  line-height:14px;
}
.wallet-address-overlay{
  position:absolute;
  z-index:2001;
  inset:0;
  background:rgba(0,0,0,.58);
}
.wallet-address-sheet{
  position:absolute;
  z-index:2002;
  right:0;
  bottom:0;
  left:0;
  min-height:546px;
  padding:14px 16px 23px;
  overflow:hidden;
  border-radius:18px 18px 0 0;
  background:rgba(255,255,255,.08);
  color:#fff;
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
}
.wallet-address-sheet-title{
  margin:0;
  color:#fff;
  font-size:18px;
  font-weight:600;
  line-height:27px;
  text-align:center;
}
.wallet-address-sheet-close{
  position:absolute;
  top:18px;
  right:18px;
  width:22px;
  height:22px;
  padding:0;
  border:1px solid rgba(255,255,255,.44);
  border-radius:50%;
  background:transparent;
  color:#c8c9cc;
  font-size:20px;
  font-weight:300;
  line-height:18px;
}
.wallet-address-sheet-main{margin-top:23px}
.wallet-address-sheet label{
  display:block;
  margin:0;
  color:rgba(255,255,255,.75);
  font-size:16px;
  font-weight:400;
  line-height:23px;
}
.wallet-address-protocol,
.wallet-address-field{
  display:flex;
  align-items:center;
  width:100%;
  height:46px;
  margin:11px 0 15px;
  padding:0 18px;
  border:0;
  border-radius:7px;
  background:rgba(0,0,0,.3);
  color:#fff;
  font-size:16px;
  line-height:27px;
  text-align:left;
}
.wallet-address-protocol{position:relative;margin-bottom:15px}
.wallet-address-protocol:after{
  content:"";
  position:absolute;
  top:18px;
  right:18px;
  width:6px;
  height:6px;
  border-right:1px solid rgba(255,255,255,.75);
  border-bottom:1px solid rgba(255,255,255,.75);
  transform:rotate(45deg);
}
.wallet-address-field{height:50px;margin:15px 0 30px}
.wallet-address-field input{
  min-width:0;
  flex:1;
  padding:0;
  border:0;
  outline:0;
  background:transparent;
  color:#fff;
  font-size:16px;
  line-height:27px;
}
.wallet-address-field input::placeholder{color:rgba(255,255,255,.45)}
.wallet-address-password{position:relative}
.wallet-address-password .wallet-address-field{padding-right:45px}
.wallet-address-eye{
  position:absolute;
  right:18px;
  bottom:14px;
  width:18px;
  height:12px;
  padding:0;
  border:2px solid rgba(255,255,255,.55);
  border-radius:60% 60%;
  background:transparent;
}
.wallet-address-eye:after{
  content:"";
  position:absolute;
  top:2px;
  left:5px;
  width:4px;
  height:4px;
  border-radius:50%;
  background:rgba(255,255,255,.65);
}
.wallet-address-warning{
  position:relative;
  min-height:41px;
  margin:0;
  padding-left:21px;
  color:rgba(255,255,255,.7);
  font-size:14px;
  font-weight:400;
  line-height:21px;
}
.wallet-address-warning:before{
  content:"";
  position:absolute;
  top:3px;
  left:0;
  width:14px;
  height:14px;
  background:url('./assets/withdraw-address/warning.webp') 0 0/100% 100% no-repeat;
}
.wallet-address-confirm{
  width:100%;
  height:50px;
  margin:16px 0 0;
  padding:0;
  border:0;
  border-radius:2px;
  background:transparent url('./assets/withdraw-address/confirm.webp') 50% 50%/100% 100% no-repeat;
  color:#fff;
  font-size:16px;
  font-weight:600;
  line-height:50px;
}
@media (max-height:650px){
  .wallet-address-sheet{min-height:540px;max-height:100%;overflow-y:auto}
}
