/* Theme-independent live list adapter. It only affects elements emitted by this plugin. */
.hl-live-list-cover { position: relative; display: inline-block; max-width: 100%; line-height: 0; vertical-align: top; }
.hl-live-list-cover > img { display: block; }
.hl-live-list-cover__badge { position: absolute; top: 8px; left: 8px; z-index: 2; padding: 3px 7px; background: rgba(24, 32, 43, .72); color: #fff; font-size: 12px; line-height: 1.25; }
.hl-live-list-cover__play { position: absolute; top: 50%; left: 50%; z-index: 2; width: 42px; height: 42px; border-radius: 50%; background: rgba(20, 28, 38, .58); transform: translate(-50%, -50%); }
.hl-live-list-cover__play::after { position: absolute; top: 12px; left: 17px; width: 0; height: 0; border-top: 9px solid transparent; border-bottom: 9px solid transparent; border-left: 14px solid #fff; content: ''; }
.hl-live-list-title-prefix { color: inherit; }
.hl-live-list-start-time { white-space: nowrap; }
.hl-live-list-start-time + .hl-live-list-status { margin-left: 8px; vertical-align: middle; }
.hl-live-list { display: grid; gap: 18px; }
.hl-live-list--grid { grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); }
.hl-live-list-card { overflow: hidden; border: 1px solid #edf0f3; background: #fff; }
.hl-live-list-card__cover { position: relative; display: block; background: #f3f5f7; line-height: 0; }
.hl-live-list-card__cover img, .hl-live-list-card__empty { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.hl-live-list-card__body { padding: 14px; }
.hl-live-list-card h3 { margin: 0; font-size: 16px; line-height: 1.55; }
.hl-live-list-card h3 a { color: #252b36; text-decoration: none; }
.hl-live-list-card__meta { display: flex; align-items: center; gap: 10px; margin-top: 12px; color: #7a8492; font-size: 13px; }
.hl-live-list-status { display: inline-flex; padding: 3px 8px; border-radius: 3px; color: #fff; line-height: 1.35; }
.hl-live-list-status--upcoming { background: #00a870; }.hl-live-list-status--living { background: #f53f3f; }.hl-live-list-status--replay { background: #2f7cf6; }.hl-live-list-status--ended { background: #86909c; }
.hl-live-theme-cover { position: relative !important; }
.hl-live-theme-badge { position: absolute; top: 8px; left: 8px; z-index: 3; padding: 3px 7px; border-radius: 2px; background: rgba(24, 32, 43, .72); color: #fff; font-size: 12px; line-height: 1.25; }
.hl-live-theme-meta { display: inline-flex !important; align-items: center; gap: 8px; color: #7a8492; font-size: inherit; line-height: 1.5; }
.hl-live-theme-start { white-space: nowrap; }
.hl-live-theme-status-only { background: transparent !important; border: 0 !important; padding: 0 !important; }
.hl-live-theme-status-only .hl-live-list-status { margin: 0 !important; }
.hl-live-list--row { grid-template-columns: 1fr; }.hl-live-list-card--row { display: flex; }.hl-live-list-card--row .hl-live-list-card__cover { flex: 0 0 240px; }.hl-live-list-card--row .hl-live-list-card__body { flex: 1; }
.hl-live-list--compact { gap: 10px; }.hl-live-list-card--compact { display: flex; border: 0; }.hl-live-list-card--compact .hl-live-list-card__cover { flex: 0 0 110px; }.hl-live-list-card--compact .hl-live-list-card__body { padding: 0 0 0 10px; }.hl-live-list-card--compact h3 { font-size: 14px; }.hl-live-list-card--compact .hl-live-list-card__meta { margin-top: 6px; font-size: 12px; }
@media (max-width: 640px) { .hl-live-list--grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }.hl-live-list-card__body { padding: 10px; }.hl-live-list-card h3 { font-size: 14px; }.hl-live-list-card__meta { display: block; margin-top: 8px; }.hl-live-list-status { margin-top: 6px; }.hl-live-list-card--row .hl-live-list-card__cover { flex-basis: 130px; }.hl-live-list-card--compact .hl-live-list-card__cover { flex-basis: 96px; } }