/* v173: typographic black SHOWS face (Space Mono Bold, white on black). Not the old black flyer image. */
.card.c-feed .face,
.card.c-feed .cell.cell-shows{
  background:#000;
}
.card.c-feed .cell.cell-shows{
  container-type:size;
  width:100%;
  height:100%;
  display:flex !important;
  align-items:center;
  justify-content:center;
  font-family:"Space Mono",ui-monospace,monospace;
  font-weight:700;
  color:#fff;
  user-select:none;
  overflow:hidden;
}
.card.c-feed .cell.cell-shows::after{display:none}
.card.c-feed .cell.cell-shows .word-face{
  font-size:16cqmin;
  line-height:1;
  letter-spacing:.12em;
  padding-left:.12em;
  text-align:center;
  color:#fff;
}
/* Flip turn layer used when the SHOWS word and the flyer share one card.
   z-index 5 sits above .deal-back (z-index 4) so the face is never covered. */
.card.c-feed .face.flipper{position:relative;overflow:hidden;background:#000}
.card.c-feed .face.flipper>.fl-turn{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
  z-index:5;
  backface-visibility:hidden;
  transform-origin:50% 50%;
  transition:transform .45s cubic-bezier(.4,0,.6,1);
}
.card.c-feed .face.flipper>.fl-turn.fl-out{transform:rotateY(90deg)}
.card.c-feed .face.flipper>.fl-turn.fl-in{transform:rotateY(-90deg);transition:none}
.card.c-feed .face.flipper>.fl-turn .cell,
.card.c-feed .face.flipper>.fl-turn>img{
  width:100%;
  height:100%;
  display:block;
}
.card.c-feed .face.flipper>.fl-turn .cell.cell-shows{display:flex !important}
.card.c-feed .face.flipper>.fl-turn>img{
  object-fit:cover;
}
.card.c-feed .face.flipper>.fl-turn>img.fit-contain{
  object-fit:contain;
  background:#fff;
}