div.video-placeholder.svelte-nqr6wj{background-color:var(--ui-02);aspect-ratio:16/9;border-radius:1rem;grid-template-rows:1fr;grid-template-columns:1fr;width:100%;display:grid;position:relative;overflow:hidden}div.video-placeholder.svelte-nqr6wj .video-iframe-wrapper:where(.svelte-nqr6wj){grid-area:1/1/-1/-1;width:100%;height:100%;position:relative}div.video-placeholder.svelte-nqr6wj .video-iframe-wrapper:where(.svelte-nqr6wj) iframe:where(.svelte-nqr6wj){border:none;width:100%;height:100%;display:block}div.video-placeholder.svelte-nqr6wj .video-thumbnail-button:where(.svelte-nqr6wj){cursor:pointer;background:0 0;border:none;grid-area:1/1/-1/-1;grid-template-rows:1fr;grid-template-columns:1fr;width:100%;height:100%;padding:0;display:grid;position:relative}div.video-placeholder.svelte-nqr6wj .video-thumbnail-button:where(.svelte-nqr6wj) img:where(.svelte-nqr6wj){object-fit:cover;grid-area:1/1/-1/-1;width:100%;min-width:0;height:100%;min-height:0}div.video-placeholder.svelte-nqr6wj .video-thumbnail-button:where(.svelte-nqr6wj) .play-button:where(.svelte-nqr6wj){color:#fff;z-index:1;background-color:#000;border-radius:50%;flex-shrink:0;grid-area:1/1/-1/-1;justify-content:center;place-self:start end;align-items:center;width:50px;height:50px;margin:1.5rem;transition:background-color .2s,border-color .2s;display:flex}div.video-placeholder.svelte-nqr6wj .video-thumbnail-button:where(.svelte-nqr6wj) .play-button:where(.svelte-nqr6wj) .icon{--icon-color:ds.$white}div.video-placeholder.svelte-nqr6wj .video-thumbnail-button:where(.svelte-nqr6wj):hover .play-button:where(.svelte-nqr6wj){background-color:#303236;border-color:#303236}div.video-placeholder.svelte-nqr6wj .video-thumbnail-button:where(.svelte-nqr6wj):focus-visible{outline-offset:2px}div.video-placeholder.svelte-nqr6wj .video-thumbnail-button:where(.svelte-nqr6wj):focus-visible .play-button:where(.svelte-nqr6wj){box-shadow:0 0 0 3px var(--focus)}