.video-player.svelte-l6y7q{position:relative;min-width:0;overflow:hidden;border-radius:8px;background:#050505;color:#fff}.video-player.svelte-l6y7q iframe:where(.svelte-l6y7q),.video-player.svelte-l6y7q video:where(.svelte-l6y7q){width:100%;aspect-ratio:16 / 9;display:block;border:0;background:#050505}.video-player.svelte-l6y7q video:where(.svelte-l6y7q){object-fit:contain;cursor:pointer}.video-player.svelte-l6y7q .filtered:where(.svelte-l6y7q){filter:grayscale(1)}.top-overlay.svelte-l6y7q,.controls.svelte-l6y7q{position:absolute;right:0;left:0;opacity:0;transition:opacity .18s ease;pointer-events:none}.video-player.svelte-l6y7q:hover .top-overlay:where(.svelte-l6y7q),.video-player.svelte-l6y7q:focus-within .top-overlay:where(.svelte-l6y7q),.video-player.svelte-l6y7q:hover .controls:where(.svelte-l6y7q),.video-player.svelte-l6y7q:focus-within .controls:where(.svelte-l6y7q){opacity:1;pointer-events:auto}.top-overlay.svelte-l6y7q{top:0;padding:1.2rem;background:linear-gradient(180deg,rgba(0,0,0,.72),transparent);font-size:clamp(1rem,1.8vw,1.45rem);text-shadow:0 1px 16px rgba(0,0,0,.75)}.controls.svelte-l6y7q{bottom:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto auto;align-items:center;gap:.65rem;padding:1rem;background:linear-gradient(0deg,rgba(0,0,0,.82),transparent)}.icon-button.svelte-l6y7q{width:2.4rem;height:2.4rem;display:grid;place-items:center;border:0;border-radius:999px;color:#fff;background:transparent;cursor:pointer}.icon-button.svelte-l6y7q:hover,.icon-button.svelte-l6y7q:focus-visible{outline:none;background:#ffffff29}.icon-button.svelte-l6y7q svg:where(.svelte-l6y7q){width:1.55rem;height:1.55rem;fill:currentColor}.filter-button.svelte-l6y7q{border:1px solid transparent}.filter-button.svelte-l6y7q svg:where(.svelte-l6y7q) path:where(.svelte-l6y7q){fill:currentColor}.filter-button.svelte-l6y7q svg:where(.svelte-l6y7q) circle:where(.svelte-l6y7q){fill:none}.filter-button.active.svelte-l6y7q{border-color:#ffffff8f;background:#fff3}.external-filter-button.svelte-l6y7q{position:absolute;right:1rem;bottom:1rem;background:#0000009e;opacity:0;transition:opacity .18s ease,background .18s ease}.video-player.svelte-l6y7q:hover .external-filter-button:where(.svelte-l6y7q),.video-player.svelte-l6y7q:focus-within .external-filter-button:where(.svelte-l6y7q),.external-filter-button.active.svelte-l6y7q{opacity:1}.play-button.svelte-l6y7q svg:where(.svelte-l6y7q){width:1.9rem;height:1.9rem}.timeline.svelte-l6y7q{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.55rem;color:#fff;font-size:.78rem;font-weight:800}input[type=range].svelte-l6y7q{min-width:0;accent-color:#00adef;cursor:pointer}.volume.svelte-l6y7q{width:5rem}.video-player.compact.svelte-l6y7q .top-overlay:where(.svelte-l6y7q){padding:.75rem;font-size:.92rem}.video-player.compact.svelte-l6y7q .controls:where(.svelte-l6y7q){grid-template-columns:auto minmax(0,1fr) auto auto auto;gap:.35rem;padding:.55rem}.video-player.compact.svelte-l6y7q .volume:where(.svelte-l6y7q){display:none}@media (max-width: 680px){.controls.svelte-l6y7q{grid-template-columns:auto minmax(0,1fr) auto auto auto;gap:.4rem;padding:.65rem}.volume.svelte-l6y7q,.timeline.svelte-l6y7q span:where(.svelte-l6y7q){display:none}.icon-button.svelte-l6y7q{width:2.15rem;height:2.15rem}}