.mp-frame.svelte-1tkv7qn{position:relative;width:100%;aspect-ratio:var(--mp-aspect, 16 / 9);background:#000;overflow:hidden;border-radius:var(--r-lg, 12px)}.mp-buf.svelte-1tkv7qn{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(var(--cols, 1),1fr);gap:0;z-index:1}.mp-buf.mp-on.svelte-1tkv7qn{z-index:2}.mp-frame.svelte-1tkv7qn video.mp-cell{width:100%;height:100%;object-fit:cover;background:#000}.mp-clickcatch.svelte-1tkv7qn{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;border:0;background:transparent;cursor:pointer;padding:0}.mp-controls.svelte-1tkv7qn{position:absolute;left:0;right:0;bottom:0;z-index:4;display:flex;align-items:center;gap:10px;padding:10px 12px;background:linear-gradient(to top,#000000a6,#0000);opacity:0;transition:opacity .15s ease}.mp-frame.mp-has-controls.svelte-1tkv7qn:hover .mp-controls:where(.svelte-1tkv7qn),.mp-controls.svelte-1tkv7qn:focus-within{opacity:1}.mp-btn.svelte-1tkv7qn{flex:0 0 auto;display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:8px;background:#ffffff24;color:#fff;cursor:pointer}.mp-btn.svelte-1tkv7qn:hover{background:#ffffff42}.mp-btn.svelte-1tkv7qn svg{fill:currentColor}.mp-seek.svelte-1tkv7qn{flex:1 1 auto;min-width:0;height:4px;cursor:pointer;accent-color:var(--accent, #6aa3ff)}.mp-time.svelte-1tkv7qn{flex:0 0 auto;font-size:12px;font-variant-numeric:tabular-nums;color:#fff;min-width:84px;text-align:right}