div.video-placeholder.svelte-38cs7o{display:grid;background-color:var(--ui-02);border-radius:1rem;overflow:hidden;position:relative;width:100%;aspect-ratio:16/9}div.video-placeholder.svelte-38cs7o .video-iframe-wrapper:where(.svelte-38cs7o){grid-row:1/-1;grid-column:1/-1;width:100%;height:100%;position:relative}div.video-placeholder.svelte-38cs7o .video-iframe-wrapper:where(.svelte-38cs7o) iframe:where(.svelte-38cs7o){width:100%;height:100%;border:none;display:block}div.video-placeholder.svelte-38cs7o .video-thumbnail-button:where(.svelte-38cs7o){display:grid;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-38cs7o .video-thumbnail-button:where(.svelte-38cs7o) img:where(.svelte-38cs7o){grid-row:1/-1;grid-column:1/-1;width:100%;height:100%;object-fit:cover}div.video-placeholder.svelte-38cs7o .video-thumbnail-button:where(.svelte-38cs7o) .play-button:where(.svelte-38cs7o){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-38cs7o .video-thumbnail-button:where(.svelte-38cs7o) .play-button:where(.svelte-38cs7o) .icon{--icon-color: ds.$white}div.video-placeholder.svelte-38cs7o .video-thumbnail-button:where(.svelte-38cs7o):hover .play-button:where(.svelte-38cs7o){background-color:#303236;border-color:#303236}div.video-placeholder.svelte-38cs7o .video-thumbnail-button:where(.svelte-38cs7o):focus-visible{outline-offset:2px}div.video-placeholder.svelte-38cs7o .video-thumbnail-button:where(.svelte-38cs7o):focus-visible .play-button:where(.svelte-38cs7o){box-shadow:0 0 0 3px var(--focus)}
