.video-block{align-items:center;gap:var(--size-1-5);flex-direction:row;display:flex}@container (width>=500px){.video-block{gap:var(--size-2)}}.video-block .video-block-artwork{border-radius:var(--radius-md);flex-shrink:0;position:relative}.video-block .video-block-artwork-image{width:var(--size-15)}@container (width>=500px){.video-block .video-block-artwork-image{width:var(--size-30)}}.video-block .video-block-artwork-footer{align-items:center;gap:var(--size-1);inset-block-end:var(--size-1);inset-inline:var(--size-1);justify-content:flex-end;display:flex;position:absolute}.video-block .video-block-artwork-duration{--tag-color:#000c;--tag-padding-inline:.5em;--tag-padding-block:.4em;font-size:var(--font-size-xs);text-wrap:nowrap;flex-shrink:0}.video-block .video-block-title{font-size:var(--font-size-sm);text-wrap:balance}@container (width>=500px){.video-block .video-block-title{font-size:var(--font-size-lg)}}.video-block .video-block-description{content-visibility:hidden;align-items:flex-start;margin-block:0}@container (width>=500px){.video-block .video-block-description{content-visibility:visible;margin-block:.125em}}.video-block[data-variant=stacked]{flex-direction:column;align-items:flex-start;gap:0}.video-block[data-variant=stacked] .video-block-artwork,.video-block[data-variant=stacked] .video-block-artwork-image{width:100%}.video-block[data-variant=stacked] .video-block-title,.video-block[data-variant=stacked] .content-progress{margin-inline:var(--size-0-5)}.video-block[data-variant=stacked] .video-block-title{margin-block-start:.325em}.video-block[data-variant=stacked] .content-progress{margin-block:.123em}
