.video-wrapper.svelte-1owhey0{position:relative;width:100%;padding-bottom:var(--aspect-ratio);background-color:var(--grey-800);overflow:hidden}.video-wrapper.svelte-1owhey0 iframe:where(.svelte-1owhey0),.video-wrapper.svelte-1owhey0 .video-placeholder:where(.svelte-1owhey0){position:absolute;top:0;left:0;width:100%;height:100%}.video-placeholder.svelte-1owhey0{border:none;padding:0;margin:0;cursor:pointer;background:none;display:block;transition:opacity .3s ease}.video-placeholder.fade-out.svelte-1owhey0{opacity:0;pointer-events:none}.video-iframe.fade-in.svelte-1owhey0{animation:svelte-1owhey0-fadeIn .3s ease forwards}@keyframes svelte-1owhey0-fadeIn{0%{opacity:0}to{opacity:1}}.video-thumbnail.svelte-1owhey0{width:100%;height:100%;object-fit:cover;display:block;border:none}.play-button.svelte-1owhey0{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-1owhey0:hover .play-button:where(.svelte-1owhey0),.video-placeholder.svelte-1owhey0:focus .play-button:where(.svelte-1owhey0){background-color:var(--accent-transparent)}