.resource-page-media-hero{--resource-page-hero-cover-size: 260px;--hero-metric-print: var(--dec-09-150, #e8e7ff);width:100%;min-width:0}.resource-page-media-hero .hero-cover{position:relative;flex-shrink:0;width:var(--resource-page-hero-cover-size);height:var(--resource-page-hero-cover-size);border-radius:var(--radius-sm, 4px);overflow:hidden}.resource-page-media-hero .hero-play-overlay{position:absolute;right:var(--pd-md, 12px);bottom:var(--pd-md, 12px);display:flex;--play-button-override-size: 60px;--play-button-override-icon: 20px}.resource-page-media-hero .hero-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--pd-md, 12px);width:100%;min-width:0}.resource-page-media-hero .hero-info{display:flex;flex-direction:column;gap:var(--pd-xs, 4px);min-width:0;flex:1 1 auto}.resource-page-media-hero .hero-info-type,.resource-page-media-hero .hero-info-title,.resource-page-media-hero .hero-info-subtitle{display:inline-flex;width:fit-content;max-width:100%;min-width:0;padding:0 var(--pd-sm, 6px);border-radius:var(--radius-sm, 4px);background-color:var(--base-print-light, #f7feff);color:var(--base-print-inverse, #121116)}.resource-page-media-hero .hero-info-title{align-self:flex-start;margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}.resource-page-media-hero .hero-info-subtitle-link,.resource-page-media-hero .hero-info-title-link{color:inherit;text-decoration:none;transition:color var(--transition-fast, 50ms cubic-bezier(0, .25, .75, 1))}.resource-page-media-hero .hero-info-subtitle-link{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resource-page-media-hero .hero-info-title-link{min-width:0}.resource-page-media-hero .hero-info-subtitle-link:hover,.resource-page-media-hero .hero-info-title-link:hover{color:var(--base-print-interactive, #4a89e6)}.resource-page-media-hero .hero-info-subtitle-list{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resource-page-media-hero .hero-info-subtitle-sep{color:inherit}.resource-page-media-hero .hero-metrics{display:flex;flex-shrink:0;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--pd-xs, 4px);min-width:0}.resource-page-media-hero .hero-metric-wrap{display:inline-flex;min-width:0}.resource-page-media-hero .hero-metric-wrap--capitalize{text-transform:capitalize}.resource-page-media-hero .resource-page-hero-actions{flex-shrink:0;display:flex;justify-content:flex-start;align-items:center;width:100%;min-width:0;--track-actions-gap: var(--pd-xs, 4px);--track-actions-width: fit-content;--track-actions-max-width: 100%;--album-actions-width: fit-content;--album-actions-max-width: 100%;--action-buttons-background: var(--base-elevated, #21232c);--action-buttons-border-radius: var( --button-radius-md, var(--radius-sm, 6px) );--more-actions-container-background: var(--base-elevated, #21232c);--more-actions-container-border-radius: var( --button-radius-md, var(--radius-sm, 6px) )}@media (max-width: 768px){.resource-page-media-hero{--resource-page-hero-cover-size: clamp(200px, 30svh, 62vw)}.resource-page-hero:has(.resource-page-media-hero){border-radius:var(--pd-lg, 18px)}.resource-page-media-hero .hero-info{gap:var(--pd-2xs, 2px)}.resource-page-media-hero .hero-info-title{font-size:1.2rem;font-weight:500;line-height:1.2}.resource-page-media-hero .hero-play-overlay{--play-button-override-size: var(--scale-7, 42px)}.resource-page-media-hero .hero-metrics{flex-direction:column;align-items:flex-end;gap:var(--pd-2xs, 2px);--hero-metric-border-radius: var(--radius-sm, 4px) 0 0 var(--radius-sm, 4px)}}