/* Shared by the public site and the admin panel */
/* Cover drawn in the DSB thumbnail style when a piece has no image */
.cover-fallback {
  position: absolute; inset: 0; overflow: hidden; container-type: inline-size;
  display: flex; flex-direction: column; justify-content: center;
  color: #fff; text-align: left;
  background:
    radial-gradient(circle, rgba(255, 255, 255, .08) 1px, transparent 1.4px) 0 0 / 7px 7px,
    linear-gradient(165deg, #4247dc 0%, #2b2fa8 50%, #171a5c 100%);
}
.cover-fallback__cat { position: absolute; top: 7cqw; left: 8cqw; right: 8cqw; font-family: "DM Mono", ui-monospace, monospace; font-size: 5.4cqw; letter-spacing: .08em; text-transform: uppercase; opacity: .8; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cover-fallback__title, .cover-fallback__date { margin-left: 8cqw; margin-right: 8cqw; }
.cover-fallback__title {
  font-family: "Anton", Impact, sans-serif; text-transform: uppercase; font-size: 12.5cqw; line-height: .9; letter-spacing: -.004em;
  overflow-wrap: anywhere; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden;
}
.cover-fallback__title.is-stacked { font-size: 17cqw; word-spacing: 100cqw; }
.cover-fallback__date { margin-top: 4cqw; font-weight: 600; font-size: 5.2cqw; text-transform: uppercase; letter-spacing: .02em; }
.cover-fallback__mark { position: absolute; right: 8cqw; bottom: 10cqw; width: 26cqw; color: #fff; }