* {
  scrollbar-width: thin;
  scrollbar-color: #949497 rgba(0, 0, 0, 0.05);
}

body {
  overflow-y: scroll;
  background-color: #000000;
  margin: 0;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

input[type='number'],
input[type='number']:hover,
input[type='number']:focus {
  -moz-appearance: textfield;
  -webkit-appearance: textfield !important;
}

#walletconnect-wrapper {
  color: #000;
}

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track,
::-webkit-scrollbar-track:hover,
::-webkit-scrollbar-track:active {
  border-radius: 3px;
  background-color: rgba(0, 0, 0, 0.05);
}

::-webkit-scrollbar-thumb,
::-webkit-scrollbar-thumb:hover,
::-webkit-scrollbar-thumb:active {
  border-radius: 3px;
  background-color: #949497;
}

.recharts-surface {
  overflow: visible;
}

.recharts-legend-item-text {
  color: #fff !important;
  font-size: 12px;
}

.recharts-default-legend {
  display: flex;
  justify-content: space-between;
}

.recharts-legend-item {
  margin-right: 0 !important;
}

.grecaptcha-badge {
  display: none !important;
  visibility: hidden;
}

.wmde-markdown {
  background-color: transparent !important;
}

.wmde-markdown pre {
  display: grid;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  animation-duration: 0.3s;
  animation-name: fadeInUp;
}