.video-wrapper.svelte-vkkv30{position:relative;width:100%;padding-bottom:var(--aspect-ratio);background-color:var(--grey-800);overflow:hidden}.video-wrapper.svelte-vkkv30 iframe:where(.svelte-vkkv30),.video-wrapper.svelte-vkkv30 .video-placeholder:where(.svelte-vkkv30){position:absolute;top:0;left:0;width:100%;height:100%}.video-placeholder.svelte-vkkv30{border:none;padding:0;margin:0;cursor:pointer;background:none;display:block;transition:opacity .3s ease}.video-placeholder.fade-out.svelte-vkkv30{opacity:0;pointer-events:none}.video-iframe.fade-in.svelte-vkkv30{animation:svelte-vkkv30-fadeIn .3s ease forwards}@keyframes svelte-vkkv30-fadeIn{0%{opacity:0}to{opacity:1}}.video-thumbnail.svelte-vkkv30{width:100%;height:100%;object-fit:cover;display:block;border:none}.play-button.svelte-vkkv30{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:3rem;background-color:var(--dark-transparent);color:var(--light);border-radius:50%;padding:.5em .6em;line-height:1;transition:background-color .3s ease}.video-placeholder.svelte-vkkv30:hover .play-button:where(.svelte-vkkv30),.video-placeholder.svelte-vkkv30:focus .play-button:where(.svelte-vkkv30){background-color:var(--accent-transparent)}