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