.video-length.svelte-qo92rn{color:var(--gray-700)}.live-thumbnail.svelte-q7ai7y{border-bottom:1px solid var(--gray-400);display:flex;gap:var(--size-16);padding-bottom:var(--size-16);padding-top:var(--size-16);-webkit-text-decoration:none;text-decoration:none}.live-thumbnail.dark.svelte-q7ai7y{border-color:var(--gray-800)}.live-thumbnail.svelte-q7ai7y .thumbnail-visual:where(.svelte-q7ai7y){aspect-ratio:16/9;flex-shrink:0;position:relative;width:var(--columns-2)}:is(.live-thumbnail.svelte-q7ai7y .thumbnail-visual:where(.svelte-q7ai7y)) .image,:is(.live-thumbnail.svelte-q7ai7y .thumbnail-visual:where(.svelte-q7ai7y)) .video,:is(.live-thumbnail.svelte-q7ai7y .thumbnail-visual:where(.svelte-q7ai7y)) .visual{height:100%;width:100%}:is(.live-thumbnail.svelte-q7ai7y .thumbnail-visual:where(.svelte-q7ai7y)) video{height:100%;object-fit:cover;width:100%}:is(.live-thumbnail:where(.svelte-q7ai7y) .thumbnail-visual:where(.svelte-q7ai7y)) .thumbnail-visual-play.svelte-q7ai7y{align-items:center;border:1px solid var(--white);display:flex;height:var(--size-20);justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:var(--size-20)}.live-thumbnail.svelte-q7ai7y .thumbnail-info:where(.svelte-q7ai7y){align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;justify-content:space-between}@media(max-width:640px){.live-thumbnail.svelte-q7ai7y .thumbnail-visual:where(.svelte-q7ai7y){width:var(--columns-3)}}