figure.svelte-39i23f{border-radius:1.25rem;overflow:hidden;position:relative}figure.landscape.svelte-39i23f{aspect-ratio:16/9}figure.portrait.svelte-39i23f{aspect-ratio:9/16}@media(min-width:750px){figure.portrait.svelte-39i23f{max-height:75vh;min-height:50rem}}figure.svelte-39i23f:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:25%;background-image:linear-gradient(#0000,#000);z-index:1;pointer-events:none;opacity:0;transition:opacity .3s ease-out}figure.svelte-39i23f:hover:before{opacity:.5}video.svelte-39i23f{width:100%;height:100%;outline:5px solid red;object-fit:cover}.init-toggle.svelte-39i23f{width:5.5rem;height:5.5rem;background-color:var(--white);border-radius:50%;position:absolute;top:50%;left:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;transform:translate(-50%,-50%)}.init-toggle.svelte-39i23f:focus-visible{outline-color:var(--white)}.controls.svelte-39i23f{position:absolute;bottom:0;left:0;width:100%;height:5.5rem;display:grid;grid-template-columns:2.75rem auto 2.75rem;gap:1.25rem;padding-left:1.25rem;padding-right:1.25rem;z-index:2;align-items:center;transform:translateY(100%);transition:transform .3s ease-out}figure.svelte-39i23f:hover .controls:where(.svelte-39i23f),figure.svelte-39i23f:focus-within .controls:where(.svelte-39i23f){transform:translateY(0)}.controls.svelte-39i23f .timeline:where(.svelte-39i23f){height:.5rem;width:100%;background-color:#ffffff40;position:relative}.controls.svelte-39i23f .timeline:where(.svelte-39i23f) .progress:where(.svelte-39i23f){--progress: .5;position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--white);transform-origin:left center;transform:scaleX(var(--progress))}.controls.svelte-39i23f button:where(.svelte-39i23f){width:2.75rem;height:2.75rem;background-color:var(--white);display:flex;justify-content:center;align-items:center;border-radius:50%;cursor:pointer}.controls.svelte-39i23f button:where(.svelte-39i23f):focus-visible{outline-color:var(--white)}@media(hover:hover){button.svelte-39i23f:hover{color:var(--accent)}}button.svelte-39i23f svg{width:1.125rem;height:1.125rem;object-fit:contain}