/* EXORIX WALLET - ZEXARA REFERENCE */


html body:not(.admin-route) #root .vd2-dashboard .vd2-wallet{
  background:
    linear-gradient(180deg, rgba(22,24,29,.98) 0%, rgba(14,16,20,.98) 100%) !important;
  border:1px solid rgba(212,175,55,.16) !important;
  box-shadow:
    0 14px 30px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.03) !important;
  color:#F5F1E6 !important;
}

html body:not(.admin-route) #root .vd2-dashboard .vd2-wallet-top article{
  background:transparent !important;
}

html body:not(.admin-route) #root .vd2-dashboard .vd2-wallet-label{
  color:#8E96A3 !important;
  letter-spacing:.04em !important;
}

html body:not(.admin-route) #root .vd2-dashboard .vd2-wallet-top strong{
  color:#FFF8E7 !important;
}

html body:not(.admin-route) #root .vd2-dashboard .vd2-wallet-top small{
  color:#97A0AC !important;
}

html body:not(.admin-route) #root .vd2-dashboard .vd2-wallet-divider{
  background:rgba(212,175,55,.12) !important;
  border-color:rgba(212,175,55,.12) !important;
}
html body:not(.admin-route) #root .vd2-dashboard .vd2-quick-actions button{
  background:linear-gradient(180deg, #232730 0%, #1A1E25 100%) !important;
  border:1px solid rgba(255,255,255,.06) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    0 6px 16px rgba(0,0,0,.18) !important;
  color:#E8D7A0 !important;
}

html body:not(.admin-route) #root .vd2-dashboard .vd2-quick-actions button b{
  color:#F2F4F7 !important;
}

html body:not(.admin-route) #root .vd2-dashboard .vd2-quick-actions button svg{
  color:#D4AF37 !important;
  stroke:#D4AF37 !important;
}
html body:not(.admin-route) #root .vd2-dashboard .vd2-quick-actions button:hover,
html body:not(.admin-route) #root .vd2-dashboard .vd2-quick-actions button:active{
  background:linear-gradient(180deg, #2A2F39 0%, #20242C 100%) !important;
  border-color:rgba(212,175,55,.18) !important;
}
html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet .vd2-wallet-divider{
  background:rgba(232,203,117,.38) !important;
  border-color:rgba(232,203,117,.38) !important;
  box-shadow:0 0 8px rgba(232,203,117,.10) !important;
}
html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet .vd2-quick-actions {
  border-top-color:#E8CB75 !important;
}

html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet-top article:first-child
.vd2-wallet-label {
  color:#7ED9A5 !important;
}

html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet-top article:first-child
strong {
  color:#7ED9A5 !important;
}

html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet-top article:first-child
small {
  color:#7ED9A5 !important;
}
html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet {
  background:#090A0C !important;
  background-image:none !important;
  border:1px solid rgba(212,175,55,.22) !important;
  border-radius:25px !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(212,175,55,.05)
    !important;
  padding:20px 18px 17px !important;
  color:#F5F1E9 !important;
}
html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet-top {
  display:grid !important;
  grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) !important;
  align-items:start !important;
  gap:10px !important;
}

html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet-divider {
  display:none !important;
}

html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet-top article {
  background:none !important;
  background-image:none !important;
  min-width:0 !important;
}
html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet-top .vd2-wallet-label {
  font-size:9px !important;
  line-height:1.35 !important;
  letter-spacing:.25px !important;
  font-weight:700 !important;
  color:#B8B5AD !important;
  margin-bottom:10px !important;
}
html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet-top article:first-child > strong {
  font-size:27px !important;
  font-weight:950 !important;
  line-height:1.12 !important;
  letter-spacing:-.7px !important;
  color:#FFFFFF !important;
}
html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet-top article:first-child > small {
  font-size:10px !important;
  font-weight:750 !important;
  line-height:1.4 !important;
  color:#D4AF37 !important;
  margin-top:8px !important;
}
html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet-invest {
  text-align:right !important;
  align-self:start !important;
}

html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet-invest > strong {
  font-size:20px !important;
  font-weight:900 !important;
  line-height:1.2 !important;
  color:#D4AF37 !important;
  letter-spacing:-.35px !important;
}

html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet-invest > small {
  font-size:9px !important;
  line-height:1.4 !important;
  font-weight:650 !important;
  color:#B8B5AD !important;
  margin-top:7px !important;
}
html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet .vd2-quick-actions {
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:6px !important;
  margin-top:17px !important;
  padding-top:19px !important;
  border:0 !important;
  border-top:1px dashed rgba(212,175,55,.26) !important;
  background:transparent !important;
}
html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet .vd2-quick-actions button,
html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet .vd2-quick-actions button:hover,
html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet .vd2-quick-actions button:active {
  background:transparent !important;
  background-image:none !important;
  border:0 !important;
  box-shadow:none !important;
  color:#FFFFFF !important;
}
html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet .vd2-quick-actions button > span {
  position:relative !important;
  display:grid !important;
  place-items:center !important;
  width:43px !important;
  height:43px !important;
  margin-bottom:4px !important;
  background:transparent !important;
  background-image:none !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  color:#E9FFF3 !important;
}
html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet .vd2-quick-actions button > span::after {
  content:"" !important;
  position:absolute !important;
  width:9px !important;
  height:9px !important;
  right:1px !important;
  bottom:0 !important;
  border-radius:50% !important;
  background:#D4AF37 !important;
  box-shadow:0 0 8px rgba(212,175,55,.15) !important;
  pointer-events:none !important;
}
html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet .vd2-quick-actions button svg {
  width:26px !important;
  height:26px !important;
  color:#F5F1E9 !important;
  stroke:#F5F1E9 !important;
  stroke-width:1.8 !important;
  background:transparent !important;
}
html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet .vd2-quick-actions button b {
  font-size:10px !important;
  font-weight:750 !important;
  line-height:1.35 !important;
  color:#F5F1E9 !important;
  white-space:nowrap !important;
}
html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet .vd2-quick-actions button:focus-visible {
  outline:2px solid #D4AF37 !important;
  outline-offset:2px !important;
}

html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet {
  background:#090A0C !important;
  background-image:none !important;
  border:1px solid #3B3220 !important;
  border-radius:26px !important;
  padding:20px 16px 17px !important;
  box-shadow:0 12px 30px rgba(0,0,0,.25) !important;
  color:#F5F1E9 !important;
}
html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet-top {
  display:grid !important;
  grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) !important;
  align-items:start !important;
  column-gap:10px !important;
}

html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet-divider {
  display:none !important;
}

html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet-top article {
  min-width:0 !important;
  background:transparent !important;
}
html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet-top article:first-child > strong {
  font-size:29px !important;
  line-height:1.05 !important;
  font-weight:950 !important;
  letter-spacing:-.8px !important;
  color:#FFFFFF !important;
}
html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet-top article:first-child > small {
  color:#D4AF37 !important;
  font-size:10px !important;
  font-weight:800 !important;
  margin-top:9px !important;
}
html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet-invest {
  text-align:right !important;
  padding-top:29px !important;
}

html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet-invest .zx-wallet-label {
  justify-content:flex-end !important;
  margin-bottom:8px !important;
  font-size:9px !important;
}

html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet-invest > strong {
  color:#D4AF37 !important;
  font-size:21px !important;
  font-weight:900 !important;
  line-height:1.1 !important;
}

html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet-invest > small {
  color:#B8B5AD !important;
  font-size:9px !important;
  margin-top:7px !important;
}
html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet .vd2-quick-actions {
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:4px !important;
  margin-top:18px !important;
  padding-top:18px !important;
  border:0 !important;
  border-top:1px dashed rgba(212,175,55,.26) !important;
}
html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet .vd2-quick-actions button,
html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet .vd2-quick-actions button:hover,
html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet .vd2-quick-actions button:active {
  background:transparent !important;
  background-image:none !important;
  border:0 !important;
  box-shadow:none !important;
  padding:5px 0 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  gap:9px !important;
}
html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet .vd2-quick-actions button > span {
  position:relative !important;
  display:grid !important;
  place-items:center !important;
  width:43px !important;
  height:43px !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
}
html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet .vd2-quick-actions button svg {
  width:28px !important;
  height:28px !important;
  color:#F5F1E9 !important;
  stroke:#F5F1E9 !important;
  stroke-width:1.8 !important;
}
html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet .vd2-quick-actions button > span::after {
  content:"" !important;
  position:absolute !important;
  right:1px !important;
  bottom:0 !important;
  width:9px !important;
  height:9px !important;
  background:#D4AF37 !important;
  border:0 !important;
  border-radius:50% !important;
  box-shadow:none !important;
}
html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet .vd2-quick-actions button b {
  color:#F5F1E9 !important;
  font-size:10px !important;
  font-weight:750 !important;
  line-height:1.3 !important;
  white-space:nowrap !important;
}

html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet .vd2-quick-actions button:focus-visible {
  outline:2px solid #D4AF37 !important;
  outline-offset:2px !important;
}

html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet {
  padding:18px 16px 14px !important;
  border-radius:24px !important;
}

html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet-top {
  grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) !important;
  align-items:start !important;
}

html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet-top article:first-child
.zx-wallet-label {
  font-size:9px !important;
  margin-bottom:13px !important;
  font-weight:650 !important;
  color:#B8B5AD !important;
}

html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet-top article:first-child
> strong {
  font-size:29px !important;
  font-weight:950 !important;
  line-height:1.05 !important;
  letter-spacing:-.8px !important;
}

html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet-top article:first-child
> small {
  font-size:9px !important;
  font-weight:800 !important;
  margin-top:8px !important;
  color:#D4AF37 !important;
}

html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet-invest {
  padding-top:30px !important;
}

html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet-invest .zx-wallet-label {
  font-size:8px !important;
  margin-bottom:7px !important;
  gap:4px !important;
}

html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet-invest > strong {
  font-size:20px !important;
  line-height:1.05 !important;
  font-weight:900 !important;
}

html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet .vd2-quick-actions {
  margin-top:15px !important;
  padding-top:17px !important;
  gap:4px !important;
}

html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet .vd2-quick-actions button {
  gap:7px !important;
  padding:3px 0 !important;
}

html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet .vd2-quick-actions button > span {
  width:43px !important;
  height:43px !important;
}

html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet .vd2-quick-actions button svg {
  width:29px !important;
  height:29px !important;
  stroke-width:1.8 !important;
  color:#F5F1E9 !important;
  stroke:#F5F1E9 !important;
}

html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet .vd2-quick-actions button b {
  font-size:10px !important;
  font-weight:700 !important;
  letter-spacing:-.15px !important;
}

html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet .vd2-quick-actions button > span::after {
  width:9px !important;
  height:9px !important;
  right:0 !important;
  bottom:0 !important;
}
html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet-top article:first-child > small {
  display:none !important;
}

html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet{
  background:
    radial-gradient(
      circle at 0 0,
      rgba(212,175,55,.055),
      transparent 42%
    ),
    linear-gradient(
      180deg,
      #171B21 0%,
      #15181D 100%
    ) !important;
  border:1px solid rgba(212,175,55,.18) !important;
  box-shadow:
    0 18px 38px rgba(0,0,0,.30),
    inset 0 1px 0 rgba(255,255,255,.025) !important;
}

html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet-top article{
  background:transparent !important;
}

html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet-label{
  color:#AEB4C0 !important;
}

html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet-top article:first-child strong{
  color:#FFFFFF !important;
}

html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet-invest strong{
  color:#D4AF37 !important;
}

html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet-top small{
  color:#8F98A7 !important;
}

html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet-invest .vd2-wallet-label,
html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet-invest .vd2-wallet-label *{
  color:#AEB4C0 !important;
  stroke:#AEB4C0 !important;
}

html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet-divider{
  background:rgba(212,175,55,.26) !important;
  border-color:rgba(212,175,55,.26) !important;
  box-shadow:none !important;
}

html body:not(.admin-route) #root
.vd2-dashboard .vd2-quick-actions{
  border-top-color:rgba(212,175,55,.20) !important;
}

html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet .vd2-quick-actions button{
  background:transparent !important;
  background-image:none !important;
  border:0 !important;
  box-shadow:none !important;
  color:#F5F1E9 !important;
}

html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet .vd2-quick-actions button > span{
  background:#1B2027 !important;
  border:1px solid rgba(212,175,55,.22) !important;
  box-shadow:none !important;
  color:#F5F1E9 !important;
}

html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet .vd2-quick-actions button > span svg,
html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet .vd2-quick-actions svg{
  color:#F5F1E9 !important;
  stroke:#F5F1E9 !important;
}

html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet .vd2-quick-actions b{
  color:#F5F1E9 !important;
}

html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet .vd2-quick-actions button > span::after,
html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet .vd2-quick-actions button::after{
  background:#D4AF37 !important;
  border-color:#D4AF37 !important;
}
html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet-top article:first-child > small{
  display:none !important;
}

html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet
.vd2-quick-actions button > span {
  background:transparent !important;
  background-image:none !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
}
html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet
.vd2-quick-actions button > span svg {
  color:#F5F1E9 !important;
  stroke:#F5F1E9 !important;
  background:transparent !important;
}
html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet
.vd2-quick-actions button > span::after {
  background:#D4AF37 !important;
  border:0 !important;
}