.video-container.svelte-9h6q84{--video-action-height:41px;--video-extra-media-height:0px;align-items:center;gap:var(--spacing-8);flex-direction:column;width:100%;margin-top:0;display:flex}.video-container.with-playback-actions.svelte-9h6q84{--video-extra-media-height:calc(var(--video-action-height) + var(--spacing-8) + 8px)}.video-thumbnail-wrapper.svelte-9h6q84{width:100%;max-width:calc(max(1rem, calc(var(--result-media-max-height,max(12rem, calc(100dvh - 27rem))) - var(--video-extra-media-height))) * 16 / 9);aspect-ratio:16/9;border-radius:var(--radius-7);background-color:var(--color-grey-20);box-shadow:var(--shadow-md);margin-top:0;position:relative;overflow:hidden}.video-thumbnail.svelte-9h6q84{object-fit:contain;width:100%;height:100%;display:block}.play-button-overlay.svelte-9h6q84{cursor:pointer;width:80px;height:80px;transition:all var(--duration-normal) var(--easing-in-out);z-index:var(--z-index-dropdown-1);background:#000000b3;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.play-button-overlay.svelte-9h6q84:hover{background:#000000d9;transform:translate(-50%,-50%)scale(1.1)}.play-button-overlay.svelte-9h6q84:active{transform:translate(-50%,-50%)scale(.95)}.play-icon.svelte-9h6q84{filter:brightness(0)invert();pointer-events:none;background-image:url("data:image/svg+xml,%3csvg%20width='48'%20height='48'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M43.15%2017.647a7.232%207.232%200%20012.813%202.648%207.148%207.148%200%20010%207.41%207.232%207.232%200%2001-2.813%202.648l-31.02%2016.72C7.135%2049.768%201%2046.264%201%2040.723V7.28C1%201.736%207.135-1.766%2012.13.925l31.02%2016.722z'%20fill='%23000'/%3e%3c/svg%3e");background-position:50%;background-repeat:no-repeat;background-size:contain;width:48px;height:48px;display:block}.video-title-row.svelte-9h6q84{justify-content:center;align-items:center;gap:var(--spacing-6);width:100%;max-width:100%;margin:8px 0;display:flex}.title-channel-thumbnail.svelte-9h6q84{object-fit:cover;background-color:var(--color-grey-20);border-radius:50%;flex-shrink:0;width:29px;height:29px}.video-title.svelte-9h6q84{font-size:var(--font-size-h3-mobile);color:var(--color-font-primary);text-align:left;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.video-metadata.svelte-9h6q84{align-items:center;gap:var(--spacing-2);font-size:var(--font-size-small);color:var(--color-grey-60);margin-top:var(--spacing-2);flex-direction:column;width:100%;max-width:100%;display:flex}.video-meta-line.svelte-9h6q84{align-items:center;gap:var(--spacing-2);font-size:var(--font-size-small);color:var(--color-grey-60);display:flex}.meta-text.svelte-9h6q84{color:var(--color-grey-60)}.meta-separator.svelte-9h6q84{color:var(--color-grey-50)}.video-description.svelte-9h6q84{box-sizing:border-box;width:100%;max-width:100%;margin-top:0;padding:0 16px}.description-text.svelte-9h6q84{font-size:var(--font-size-small);color:var(--color-grey-70);-webkit-line-clamp:4;line-clamp:4;white-space:pre-wrap;-webkit-box-orient:vertical;margin:0;line-height:1.5;display:-webkit-box;overflow:hidden}.video-playing-spacer.svelte-9h6q84{width:100%;max-width:calc(max(1rem, calc(var(--result-media-max-height,max(12rem, calc(100dvh - 27rem))) - var(--video-extra-media-height))) * 16 / 9);aspect-ratio:16/9;margin-top:0}.button-container.svelte-9h6q84{justify-content:center;align-items:center;gap:var(--spacing-5);flex-wrap:wrap;width:100%;max-width:100%;margin-top:0;display:flex}.pip-button.svelte-9h6q84{background-color:var(--color-button-secondary,var(--color-grey-20));border-radius:var(--radius-8);filter:drop-shadow(0 4px 4px #00000040);cursor:pointer;transition:all var(--duration-fast) var(--easing-in-out);width:41px;height:var(--video-action-height);border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.pip-button.svelte-9h6q84:hover{background-color:var(--color-button-secondary-hover,var(--color-grey-30));scale:1.02}.pip-button.svelte-9h6q84:active{background-color:var(--color-button-secondary-pressed,var(--color-grey-40));filter:none;scale:.98}.pip-button.svelte-9h6q84 .clickable-icon:where(.svelte-9h6q84){width:20px;height:20px}