/* prettier-ignore */
:host p {
  font-weight: 500;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  :host p {
    text-align: left;
  }
}
:host > div {
  display: flex;
  justify-content: space-between;
  min-height: 34px;
}
:host > div .value {
  background-color: var(--bce-c500);
  color: var(--bce-con1);
  padding: 8px 12px;
  border-radius: 50%;
}