.cp97-player{
  position:relative;
  width:100%;
  aspect-ratio:16/9;
  background:#000;
  border-bottom:1px solid var(--brd,rgba(255,255,255,.12));
  overflow:hidden;
}
.cp97-player .cp97-frame{
  position:absolute;inset:0;
  width:100%;height:100%;
  border:0;display:block;
}


@supports not (aspect-ratio: 16 / 9){
  .cp97-player{height:0;padding-top:56.25%}
}



.cp97-source{
  position:relative;z-index:2;
  display:block;
  padding:8px 13px 12px;
  font:500 11px/1.5 'Poppins',system-ui,Arial,sans-serif;
  color:var(--muted,#b8b0c4);
  word-break:break-word;
}
.cp97-source a{color:#ffd7e7;font-weight:700}
.cp97-source a:hover{color:#fff}


.cp97-card.cp97-playing .cp97-source{padding-top:10px}



@media (max-width:640px){
  .cp97-grid,
  .cp97-grid-wide{grid-template-columns:1fr}
  .cp97-meta{padding:11px 12px 12px}
  .cp97-t{font-size:13px}
}