.container.svelte-1cywjth{width:auto;margin:0 -1rem}@media(min-width:640px){.container.svelte-1cywjth{margin:0}}.player.svelte-1cywjth{position:relative;overflow:hidden;background-color:#000}@media(min-width:640px){.player.svelte-1cywjth{border-radius:.5rem}}.overlay.svelte-1cywjth{position:absolute;top:0;left:0;right:0;bottom:0;transition:opacity .1s;opacity:0;display:grid;grid-template-rows:1fr auto auto;grid-template-areas:"playback" "progress" "controls";background-image:linear-gradient(#0000 50%,#00000080);animation:svelte-1cywjth-overlay 3s}.overlay.svelte-1cywjth:hover,.overlay.svelte-1cywjth:focus-within{opacity:1}@keyframes svelte-1cywjth-overlay{0%{opacity:1}90%{opacity:1}}.playback.svelte-1cywjth{grid-area:playback;background-color:transparent;border:none;padding:0;opacity:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.progress.svelte-1cywjth{grid-area:progress;height:4px;background-color:#fff3;margin:0 1rem;overflow:hidden;position:relative}.progress__loading.svelte-1cywjth{height:100%;background-color:#fff6;transform:translate(calc(-100% + var(--loading)));position:absolute;top:0;left:0;width:100%}.progress__inner.svelte-1cywjth{height:100%;background-color:#ed1e24;transform:translate(calc(-100% + var(--progress)));position:absolute;top:0;left:0;width:100%}.controls.svelte-1cywjth{grid-area:controls;display:flex;align-items:center;color:#fff;padding:.5rem;gap:.5rem}.controls.svelte-1cywjth .count:where(.svelte-1cywjth){margin-left:1rem;margin-right:auto;font-size:.75rem}.controls.svelte-1cywjth button:where(.svelte-1cywjth){background:none;border:none;color:inherit;font-size:1rem;cursor:pointer;padding:.5rem;height:100%}.controls.svelte-1cywjth button.control-previous:where(.svelte-1cywjth),.controls.svelte-1cywjth button.control-next:where(.svelte-1cywjth){font-size:.75rem}img.svelte-1cywjth{display:block;width:100%;height:auto;aspect-ratio:16 / 9;object-fit:contain;pointer-events:none;color:transparent}