.popoverHeaderBox {
  border-bottom: solid var(--popoverHeaderBoxBorderWidth) var(--popoverHeaderBoxBorderColor);
}

.popoverHeader {
  margin: 1rem;
  margin-bottom: 0.25rem;
}

.popoverContent {
  margin-left: var(--popoverContentMargin);
  margin-right: var(--popoverContentMargin);
}

.piggyBank {
  font-size: x-large;
}

/* IE11 only */

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .popoverContent {
    width: 22rem;
  }
}

/* IE11 only for small screens */

@media screen and (--phoneBreakPoint) and (-ms-high-contrast: active),
  screen and (--phoneBreakPoint) and (-ms-high-contrast: none) {
  .popoverContent {
    width: 11rem;
  }
}
