/* Loaded only by the opt-in preview templates. */
.vm-metrics { margin-top: 14px; border-top: 1px solid #ffffff20; padding-top: 12px; }
.vm-stats { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin: 0; }
.vm-stats > div { min-width: 0; }
.vm-stats dt { color: #bdbdbd; font-size: 12px; line-height: 1.4; }
.vm-stats dd { margin: 4px 0 0; color: #f4f4f5; font-size: 28px; line-height: 1.15; font-weight: 650; font-variant-numeric: tabular-nums; letter-spacing: -.04em; overflow-wrap: anywhere; }
.vm-stats > div:last-child dd { color: #ff929b; }
.vm-catalog .vd-filter-tags { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 10px; scrollbar-width: thin; scrollbar-color: #ffffff30 transparent; }
.vm-catalog .vd-filter-tags a { flex-shrink: 0; }
.vm-catalog .vd-card h2 { font-size: 17px; line-height: 1.5; min-height: 3em; margin: 14px 0 6px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.vm-episodes { margin: 0; color: #aaa; font-size: 12px; line-height: 1.5; }
.vm-catalog .vd-card-tags { margin-top: 16px; }
.hp-shelf .hp-video-title { min-height: 3em; }
.hp-shelf .vm-stats dd { font-size: 26px; }
@media (max-width: 600px) {
    .vm-catalog .vd-grid { gap: 30px 16px; }
    .vm-catalog .vd-card h2 { font-size: 14px; }
    .vm-stats { gap: 8px; }
    .vm-stats dt { font-size: 11px; }
    .vm-stats dd,.hp-shelf .vm-stats dd { font-size: 22px; }
}