/* Paper, aspect ratio and interactions belong to the consuming card component. */
.card-face {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none;
  color: var(--playing-cards-black, #262b31);
}
.card-face[data-card-suit="diamonds"],
.card-face[data-card-suit="hearts"] {
  color: var(--playing-cards-red, #e51b23);
}
.card-face > .card-strip { display: none; }