.grey20 {
  color: #333333 !important;
}

.grey50 {
  color: #808080 !important;
}

.grey60 {
  color: #999999 !important;
}

.grey96 {
  color: #F5F5F5 !important;
}

.green {
  color: #00D67B !important;
}

.greenBg {
  background-color: #00D67B !important;
  color: white !important;
}

.redBg {
  background-color: #FF4F00 !important;
  color: white !important;
}

.support {
  position: fixed;
  opacity: 0;
  z-index: 10;
  right: 40px;
  bottom: 40px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  color: white;
  background-color: #333333;
  padding: 12px 16px;
  border-radius: 14px;
  letter-spacing: 0.1em;
}
@media (max-width: 660px) {
  .support {
    right: 12px;
    bottom: 48px;
  }
}
.support .supportButton {
  position: relative;
  width: 48px;
  height: 48px;
  cursor: pointer;
  z-index: 1;
}
.support .supportButton:hover {
  opacity: 0.6;
}
.support .supportButton .superellipse {
  fill: #333333;
}
.support .supportButton .supportButtonIcon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  padding-top: 2px;
}