.showcase-card { border: 0; padding: 0; color: inherit; text-align: left; font: inherit; }
.showcase-card:focus-visible { outline: 3px solid var(--brand); outline-offset: 3px; }
.showcase-card .thumb { display: grid; place-items: center; }
.showcase-card .thumb img { position: absolute; inset: 0; }
.showcase-play { position: relative; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; color: #fff; background: rgba(0, 0, 0, .55); }
.showcase-card .showcase-author { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.showcase-model { margin-top: 7px; font-size: 13px; }
.showcase-credit { margin-top: 8px; color: var(--muted); font-size: 12px; line-height: 1.5; overflow-wrap: anywhere; }
.showcase-dialog { width: min(1000px, 100%); gap: 12px; }
.showcase-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.showcase-title { margin: 0; font-size: 20px; overflow-wrap: anywhere; }
.showcase-close { flex: 0 0 auto; }
.showcase-dialog .showcase-credit { margin-top: 0; }
.showcase-byline { line-height: 1.6; overflow-wrap: anywhere; }
.showcase-video { display: block; width: 100%; max-height: 65dvh; background: #000; }
.showcase-error:empty { display: none; }
.showcase-focus-guard { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
@media (max-width: 600px) {
  .showcase-dialog { padding: 16px; }
  .showcase-title { font-size: 17px; }
  .showcase-video { max-height: 60dvh; }
}