.videoPreviewCard_videoPreviewCard__SmXIo{--_border-radius:1.5em;grid-template-columns:minmax(auto,300px) 1fr;transition:background-color .3s ease;cursor:pointer;border-radius:0;background-color:var(--clr-blue-100)}@container (width < 35em){.videoPreviewCard_videoPreviewCard__SmXIo{grid-template-columns:1fr}}.videoPreviewCard_videoPreviewCard__SmXIo[data-active=true]{background-color:var(--clr-blue-700);color:var(--clr-neutral-100)}.videoPreviewCard_videoPreviewCard__SmXIo:not([data-active=true]):hover{background-color:var(--clr-neutral-100)}.videoPreviewCard_videoPreviewCard__SmXIo:not(:first-of-type){border-block-start:1px solid var(--clr-neutral-400)}.videoPreviewCard_videoPreviewCard__SmXIo:first-of-type{border-start-start-radius:var(--_border-radius);border-start-end-radius:var(--_border-radius)}.videoPreviewCard_videoPreviewCard__SmXIo:last-of-type{border-end-start-radius:var(--_border-radius);border-end-end-radius:var(--_border-radius)}.videoPreviewCard_videoDetails__A4Ho2{align-content:space-between}.video-preview{box-sizing:border-box;border:2px solid var(--clr-neutral-100);aspect-ratio:16/9;display:grid;place-content:center;position:relative;container-type:inline-size}.video-preview .play-icon{--_size:5rem;color:var(--clr-neutral-100);min-width:var(--_size);min-height:var(--_size);height:var(--_size);aspect-ratio:1;rotate:-90deg}@container (width < 700px){.video-preview .play-icon{--_size:3rem}}@container (width < 400px){.video-preview .play-icon{--_size:2rem}}.video-preview .timestamps{padding:.2em .6em;position:absolute;bottom:1em;right:1em;border-radius:.3em}