.numbers-wrapper {
  grid-template-columns: repeat(2, 1fr);
}
.numbers-wrapper .numbers-item {
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
}
.numbers-wrapper .numbers-item .numbers-value {
  line-height: 100%;
}
.numbers-wrapper .numbers-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  z-index: -1;
  transition: width 0.5s ease;
}
.numbers-wrapper .numbers-item.blue-400 {
  border-left: 3px solid #4DABE9;
}
.numbers-wrapper .numbers-item.blue-400::before {
  background-color: #4DABE9;
}
.numbers-wrapper .numbers-item.blue-400:hover::before {
  width: 100%;
}
.numbers-wrapper .numbers-item.pink-500 {
  border-left: 3px solid #ED3780;
}
.numbers-wrapper .numbers-item.pink-500::before {
  background-color: #ED3780;
}
.numbers-wrapper .numbers-item.pink-500:hover::before {
  width: 100%;
}
.numbers-wrapper .numbers-item.blue-600 {
  border-left: 3px solid #2FBFD3;
}
.numbers-wrapper .numbers-item.blue-600::before {
  background-color: #2FBFD3;
}
.numbers-wrapper .numbers-item.blue-600:hover::before {
  width: 100%;
}
.numbers-wrapper .numbers-item.sand-300 {
  border-left: 3px solid #E0C591;
}
.numbers-wrapper .numbers-item.sand-300::before {
  background-color: #E0C591;
}
.numbers-wrapper .numbers-item.sand-300:hover::before {
  width: 100%;
}
.numbers-wrapper .numbers-item.orange-400 {
  border-left: 3px solid #FC7E4B;
}
.numbers-wrapper .numbers-item.orange-400::before {
  background-color: #FC7E4B;
}
.numbers-wrapper .numbers-item.orange-400:hover::before {
  width: 100%;
}
.numbers-wrapper .numbers-item.green-300 {
  border-left: 3px solid #51D5A2;
}
.numbers-wrapper .numbers-item.green-300::before {
  background-color: #51D5A2;
}
.numbers-wrapper .numbers-item.green-300:hover::before {
  width: 100%;
}
.numbers-wrapper .numbers-item:hover .text-gray-500-83, .numbers-wrapper .numbers-item:hover div {
  color: #fff !important;
}

[data-theme=dark] .numbers-item .text-gray-500-83 {
  color: var(--numbers-text-gray) !important;
}
[data-theme=dark] .numbers-item .numbers-value {
  color: var(--numbers-value) !important;
}

/*# sourceMappingURL=numbers.css.map */