.header-balance-dropdown-overlay {
  background:rgba(0,0,0,.5);
  width:200vw;
  height:200vh;
  position:fixed;
  left:0;
  top:0;
  z-index:-1;
  visibility:hidden;
  transition:.3s
}
.header-balance-dropdown-overlay.active {
  z-index:99;
  visibility:visible
}
@media screen and (min-width:767px) {
  .header-balance-dropdown-overlay {
    opacity:0
  }
}
.header-balance-dropdown {
  width:326px;
  border-radius:var(--b-radius);
  position:absolute;
  top:calc(100% + 8px);
  right:0;
  background:var(--bg_primary__100);
  display:flex;
  flex-direction:column;
  overflow:auto;
  max-width:calc(100vw - 12px);
  box-shadow:0 2px 20px #00000040;
  z-index:-1;
  visibility:hidden;
  transition:.3s
}
.header-balance-dropdown.active {
  opacity:1;
  visibility:visible;
  z-index:99999
}
@media screen and (max-width:440px) {
  .header-balance-dropdown {
    width:390px
  }
}
@media screen and (max-width:767px) {
  .header-balance-dropdown {
    position:fixed;
    top:63px;
    left:50%;
    right:0;
    margin:0;
    transform:translate(-50%)
  }
}
.header-balance-dropdown__top {
  padding:12px;
  overflow:auto;
  flex:1
}
.header-balance-dropdown__top .bbody {
  max-height:50vh;
  overflow:auto;
  margin-right:-6px;
  padding-right:3px
}
.header-balance-dropdown__top .empty {
  height:152px;
  font-weight:600;
  display:flex;
  align-items:center;
  justify-content:center
}
.header-balance-dropdown__bottom {
  border-top:1px solid var(--bg_secondary__400);
  padding:8px 20px
}
.header-balance-dropdown__bottom .toggler {
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-size:14px;
  font-weight:600;
  padding:7px 0
}
.header-balance-dropdown__section {
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:8px;
  color:var(--color_secondary__100);
  font-size:14px;
  font-weight:600
}
*+.header-balance-dropdown__section {
  margin-top:12px
}
.header-balance-dropdown__items {
  display:flex;
  align-items:center;
  flex-direction:column;
  gap:2px
}
.header-balance-dropdown__items-item {
  width:100%;
  display:flex;
  flex-direction:column;
  border-radius:var(--b-radius-sm);
  overflow:hidden;
  margin:0;
  padding:0
}
.header-balance-dropdown__items-item>* {
  width:100%
}
.header-balance-dropdown__items-item .submain {
  padding:8px 12px;
  display:flex;
  font-weight:600;
  font-size:14px;
  align-items:center;
  justify-content:space-between;
  background:var(--bg_main__100);
  gap:4px;
  color:var(--color_secondary__100);
  border-bottom-left-radius:var(--b-radius-sm);
  border-bottom-right-radius:var(--b-radius-sm)
}
.header-balance-dropdown__items-item .main {
  display:flex;
  justify-content:flex-start;
  align-items:center;
  padding:14px 12px;
  width:100%;
  font-size:14px;
  height:auto!important;
  color:var(--color_main__100);
  transition:background .2s;
  border-radius:var(--b-radius-sm)
}
.header-balance-dropdown__items-item .main:hover {
  background:var(--bg_main__100)
}
.header-balance-dropdown__items-item .main.active {
  padding:8px 12px;
  background:var(--bg_main__100);
  border-bottom:1.5px solid var(--bg_primary__100,#1f2a3d);
  border-bottom-left-radius:0;
  border-bottom-right-radius:0
}
.header-balance-dropdown__items-item .sign {
  width:20px;
  margin-right:8px
}
.header-balance-dropdown__items-item .currency {
  font-size:14px;
  font-weight:600;
  text-transform:uppercase;
  margin-bottom:-1px
}
.header-balance-dropdown__items-item .value {
  margin-left:auto;
  font-size:14px;
  font-weight:600;
  margin-bottom:-1px
}