div.video-placeholder.svelte-nqr6wj{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;background-color:var(--ui-02);border-radius:1rem;overflow:hidden;position:relative;width:100%;aspect-ratio:16/9}div.video-placeholder.svelte-nqr6wj .video-iframe-wrapper:where(.svelte-nqr6wj){grid-row:1/-1;grid-column:1/-1;width:100%;height:100%;position:relative}div.video-placeholder.svelte-nqr6wj .video-iframe-wrapper:where(.svelte-nqr6wj) iframe:where(.svelte-nqr6wj){width:100%;height:100%;border:none;display:block}div.video-placeholder.svelte-nqr6wj .video-thumbnail-button:where(.svelte-nqr6wj){display:grid;grid-template-columns:1fr;grid-template-rows:1fr;grid-row:1/-1;grid-column:1/-1;width:100%;height:100%;padding:0;border:none;background:none;cursor:pointer;position:relative}div.video-placeholder.svelte-nqr6wj .video-thumbnail-button:where(.svelte-nqr6wj) img:where(.svelte-nqr6wj){grid-row:1/-1;grid-column:1/-1;width:100%;height:100%;min-width:0;min-height:0;object-fit:cover}div.video-placeholder.svelte-nqr6wj .video-thumbnail-button:where(.svelte-nqr6wj) .play-button:where(.svelte-nqr6wj){grid-row:1/-1;grid-column:1/-1;justify-self:end;align-self:start;flex-shrink:0;display:flex;justify-content:center;align-items:center;height:50px;width:50px;border-radius:50%;background-color:#000;color:#fff;margin:1.5rem;z-index:1;transition:background-color .2s ease,border-color .2s ease}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)}