.bg-video.svelte-hl1ju3{position:relative;width:100%;overflow:hidden;margin-top:var(--spacing-xl);margin-bottom:var(--spacing-xl);aspect-ratio:16 / 9;border-radius:.75rem;background-color:var(--color-code-bg);mask-image:radial-gradient(#fff,#000);-webkit-mask-image:-webkit-radial-gradient(white,black)}.bg-video__poster.svelte-hl1ju3{position:absolute;inset:0;background-size:cover;background-position:center;z-index:0}@media(max-width:640px){.bg-video.svelte-hl1ju3{aspect-ratio:3 / 4}}video.svelte-hl1ju3{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:1;opacity:0;transition:opacity .6s ease}.bg-video.is-ready.svelte-hl1ju3 video:where(.svelte-hl1ju3){opacity:1}.bg-video__toggle.svelte-hl1ju3{position:absolute;right:.75rem;bottom:.75rem;z-index:2;border:0;border-radius:999px;background:#00000073;color:#fff;font-family:var(--font-sans);font-size:.6875rem;line-height:1;padding:.45rem .6rem;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.bg-video__toggle.svelte-hl1ju3:hover,.bg-video__toggle.svelte-hl1ju3:focus-visible{background:#000000a6}