.hv-native-live{display:block;padding-bottom:var(--hv-space-section);color:var(--color-foreground)}
.hv-native-live__hero{margin-inline:var(--hv-gutter);width:auto;aspect-ratio:16/9;background:#000}
.hv-native-live__hero[data-kind=shorts]{aspect-ratio:9/16;width:min(calc(100% - 2 * var(--hv-gutter)),440px);margin-inline:auto}
.hv-native-live__hero iframe{display:block;width:100%;height:100%;border:0}
.hv-native-live__caption{margin-inline:var(--hv-gutter);padding:22px 0 32px;display:flex;align-items:baseline;justify-content:space-between;gap:var(--hv-space-card);flex-wrap:wrap}
.hv-native-live__caption h2{margin:0;font:400 var(--hv-type-live-title)/var(--hv-leading-live-title) var(--hv-font-body);word-break:keep-all;overflow-wrap:anywhere}
.hv-native-live__caption a,.hv-native-live__more{display:inline-flex;align-items:center;min-height:var(--hv-touch);font:400 var(--hv-type-meta)/var(--hv-leading-meta) var(--hv-font-body);color:inherit;text-decoration:underline;text-underline-offset:4px}
.hv-native-live__library{padding-inline:var(--hv-gutter)}
.hv-native-live__tabs{display:flex;align-items:center;gap:28px;border-bottom:1px solid var(--color-border);margin-bottom:24px}
.hv-native-live__tabs button{position:relative;min-height:var(--hv-purchase);padding:8px 0 15px;background:none;border:0;border-radius:0;color:inherit;opacity:.65;font:400 var(--hv-type-control)/var(--hv-leading-control) var(--hv-font-body);cursor:pointer}
.hv-native-live__tabs button:last-child{font-family:var(--hv-font-display);font-size:var(--hv-type-story)}
.hv-native-live__tabs [aria-selected=true]{opacity:1}
.hv-native-live__tabs [aria-selected=true]::after{content:'';position:absolute;height:1px;bottom:-1px;inset-inline:0;background:currentColor}
.hv-native-live__panel[hidden]{display:none}
.hv-native-live__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 20px;align-items:stretch}
.hv-native-live__card{display:grid;align-content:start;grid-template-rows:auto auto;width:100%;min-width:0;min-height:var(--hv-touch);padding:0;background:none;border:0;border-radius:0;text-align:start;color:inherit;cursor:pointer}
.hv-native-live__image{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:rgb(0 0 0/.04)}
.hv-native-live__image img{display:block;width:100%;height:100%;object-fit:cover}
.hv-native-live__grid[data-kind=shorts]{grid-template-columns:repeat(5,minmax(0,1fr));column-gap:16px}
.hv-native-live__grid[data-kind=shorts] .hv-native-live__image{aspect-ratio:9/16}
.hv-native-live__title{display:block;margin-top:12px;font:400 var(--hv-type-control)/var(--hv-leading-control) var(--hv-font-body);word-break:keep-all;overflow-wrap:anywhere}
.hv-native-live__selected{position:absolute;top:8px;right:8px;display:none;align-items:center;justify-content:center;width:20px;height:20px;background:#000;color:#fff;outline:1px solid #fff;font:400 var(--hv-type-control)/var(--hv-leading-control) var(--hv-font-body)}
.hv-native-live__card[aria-pressed=true] .hv-native-live__selected{display:flex}
.hv-native-live__duration{position:absolute;right:7px;bottom:7px;padding:1px 4px;background:#000;color:#fff;font:400 var(--hv-type-meta)/var(--hv-leading-meta) var(--hv-font-display);font-variant-numeric:tabular-nums}
.hv-native-live__more{display:flex;width:max-content;max-width:100%;margin:40px auto 0}
.hv-native-live :is(button,a,[role=tabpanel]):focus-visible{outline:2px solid currentColor;outline-offset:3px}
@media(hover:hover){.hv-native-live__card:hover .hv-native-live__title{text-decoration:underline;text-underline-offset:3px}}
@media(min-width:768px) and (max-width:1099px){.hv-native-live__grid[data-kind=shorts]{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767px){.hv-native-live__caption{padding:16px 0 24px}.hv-native-live__tabs{gap:24px;margin-bottom:18px}.hv-native-live__tabs button{min-height:var(--hv-touch);padding-bottom:12px}.hv-native-live__grid,.hv-native-live__grid[data-kind=shorts]{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}.hv-native-live__title{font-size:var(--hv-type-meta);line-height:var(--hv-leading-meta);margin-top:8px}.hv-native-live__more{margin-top:28px}}
@media(prefers-reduced-motion:reduce){.hv-native-live *{scroll-behavior:auto;transition:none;animation:none}}