@import url('/css/pages/pages_media_list_common.css');
@import url('/css/pages/pages_media_card_tokens_shared.css');

.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
@media (max-width:1100px){.grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:620px){.grid{grid-template-columns:1fr}}

.thumb{
  width:100%;
  aspect-ratio:16/9;
  background:#0f0f0f;
  border-bottom:1px solid rgba(255,255,255,.10);
  padding:6px;
  box-sizing:border-box;
}
.thumb-inner{
  width:100%;
  height:100%;
  border:1px solid rgba(255,255,255,.10);
  border-radius:8px;
  overflow:hidden;
  box-sizing:border-box;
}

.body{padding:12px 12px 14px}
.title{
  font-size:14px;line-height:1.35;margin:0 0 6px;
  color:rgba(255,255,255,.92);
  overflow:hidden;display:-webkit-box;
  -webkit-line-clamp:2;-webkit-box-orient:vertical
}
.meta{display:flex;gap:10px;flex-wrap:wrap}
.pm-video-adminlinks{display:flex;gap:8px}
.pm-video-adminlink{font-size:12px;color:rgba(255,255,255,.85)}
.pm-video-nothumb{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.35);font-size:12px}
.pager[data-pv-pager="1"]{flex:1;justify-content:center;margin-top:0}
.pm-video-flex1{flex:1}