/* ================= Font Family =========== */
/* ================= Colors =========== */
/* ============== Define Color ============== */
/* ================= Font Size =========== */
/* ================= Padding =========== */
.hidden {
  visibility: hidden;
}

.charDiv {
  position: relative;
}

.charNum {
  position: absolute;
  top: -43px;
  background: #3d9cd9;
  color: #ffffff;
  padding: 5px;
  border-top-left-radius: 8px;
  right: 0;
  border-top-right-radius: 8px;
  width: 175px;
  text-align: center;
}

.charNum.bg-danger {
  background: #ea4a5b;
}

.charNum.bg-danger::after {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #ea4a5b;
}

.charNum::after {
  content: "";
  width: 0;
  left: 75px;
  height: 0;
  bottom: -10px;
  position: absolute;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #3d9cd9;
}

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