.mh-miniquote {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 12px;
  color: #333;
  font-family: Nunito Sans, sans-serif;
  font-weight: 400;
}

.mh-miniquote-icon {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.mh-miniquote-icon img {
  filter: invert(1);
  width: 8px;
}


.mh-miniquote.positive .mh-miniquote-icon {
  background-color: #007600;
}

.mh-miniquote.negative .mh-miniquote-icon {
  background-color: #d9363d;
}

.mh-miniquote.positive .mh-miniquote-price-change,
.mh-miniquote.positive .mh-miniquote-price-change-percent {
  color: #007600
}

.mh-miniquote.negative .mh-miniquote-price-change,
.mh-miniquote.negative .mh-miniquote-price-change-percent {
  color: #d9363d
}