body {
  margin: 0;
  margin: 0;
  height: 100vh;
  width: 100vw;
}
.font-24 {
  font-size: 24px;
}
.font-32 {
  font-size: 36px;
}
.font-w-600 {
  font-weight: 600;
}
.w-full {
  width: 100%;
}
.h-full {
  height: 100%;
}
.hint {
  font-size: 12px;
  font-weight: 400;
  color: #222023ff;
  opacity: 70%;
  line-height: 20px;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.items-center {
  align-items: center;
}

.text-center {
  text-align: center;
}
.m-none {
  margin: none !important;
}

.mt-1 {
  margin-top: 4px;
}
.mt-2 {
  margin-top: 8px;
}
.mt-3 {
  margin-top: 12px;
}
.mt-4 {
  margin-top: 16px;
}
.mt-5 {
  margin-top: 20px;
}
.mt-6 {
  margin-top: 24px;
}
.mt-8 {
  margin-top: 32px;
}
.mt-9 {
  margin-top: 36px;
}
.mt-11 {
  margin-top: 44px;
}

.mr-1 {
  margin-right: 4px;
}
.mr-2 {
  margin-right: 8px;
}
.a-text {
  color: #096dd9 !important;
}
.a-text:hover {
  color: #096dd9 !important;
}
.a-text:active {
  color: #096dd9 !important;
}
.a-text:focus {
  color: #096dd9 !important;
}