/* Demo pixel heart — decorative only */
.pixel-heart {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 0 0.25rem;
  vertical-align: middle;
  background: transparent;
  box-shadow:
    8px 0 #c1121f,
    16px 0 #c1121f,
    24px 0 #c1121f,
    0 8px #c1121f,
    8px 8px #e63946,
    16px 8px #e63946,
    24px 8px #e63946,
    32px 8px #c1121f,
    -8px 16px #c1121f,
    0 16px #e63946,
    8px 16px #e63946,
    16px 16px #e63946,
    24px 16px #e63946,
    32px 16px #e63946,
    40px 16px #c1121f,
    0 24px #c1121f,
    8px 24px #e63946,
    16px 24px #e63946,
    24px 24px #e63946,
    32px 24px #c1121f,
    8px 32px #c1121f,
    16px 32px #c1121f,
    24px 32px #c1121f;
  image-rendering: pixelated;
}

.pixel-heart-wrap {
  margin: 1.25rem 0;
  line-height: 0;
  text-align: center;
}

.pixel-heart-caption {
  display: block;
  margin-top: 0.75rem;
  font-size: 0.85rem;
  line-height: 1.4;
  color: var(--md-default-fg-color--light, #666);
  text-align: center;
}