.video-player.svelte-l6y7q{position:relative;isolation:isolate;overflow:hidden;width:100%;background:#000}.video.svelte-l6y7q{position:relative;z-index:0;display:block;width:100%;height:auto;max-height:min(82vh,900px);object-fit:contain}.control-zone.svelte-l6y7q{position:absolute;right:0;bottom:0;left:0;z-index:2;height:33.333%;min-height:64px}.controls.svelte-l6y7q{position:absolute;right:0;bottom:0;left:0;display:grid;grid-template-columns:36px auto minmax(60px,1fr) auto 36px 36px;align-items:center;gap:.55rem;padding:1.75rem .75rem .7rem;color:#fff;background:linear-gradient(to bottom,transparent,rgba(0,0,0,0));transition:background .18s ease}.controls.svelte-l6y7q>:where(.svelte-l6y7q):not(:first-child){visibility:hidden;opacity:0;pointer-events:none;transition:opacity .18s ease,visibility .18s ease}.control-zone.svelte-l6y7q:hover .controls:where(.svelte-l6y7q),.control-zone.svelte-l6y7q:focus-within .controls:where(.svelte-l6y7q){background:linear-gradient(to bottom,transparent,rgba(0,0,0,.82))}.control-zone.svelte-l6y7q:hover .controls:where(.svelte-l6y7q)>:where(.svelte-l6y7q):not(:first-child),.control-zone.svelte-l6y7q:focus-within .controls:where(.svelte-l6y7q)>:where(.svelte-l6y7q):not(:first-child){visibility:visible;opacity:1;pointer-events:auto}button.svelte-l6y7q{display:grid;width:36px;height:36px;place-items:center;border:1px solid rgba(255,255,255,.65);border-radius:999px;background:#0000007a;color:#fff}button.svelte-l6y7q:hover,button.svelte-l6y7q:focus-visible{background:#000000c7}button.svelte-l6y7q svg:where(.svelte-l6y7q){width:18px;height:18px;fill:currentColor}button.svelte-l6y7q .stroke:where(.svelte-l6y7q){fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.time.svelte-l6y7q{min-width:2.6rem;font-size:.72rem;font-variant-numeric:tabular-nums;text-align:center}.seek.svelte-l6y7q{position:relative;height:10px;overflow:hidden;border:1px solid rgba(255,255,255,.82);background:#0000006b}.seek.svelte-l6y7q:before{position:absolute;inset:0;width:var(--seek, 0%);background:#fff;content:""}.seek.svelte-l6y7q input:where(.svelte-l6y7q){position:absolute;inset:-7px 0;width:100%;opacity:0;cursor:pointer;appearance:none}.seek.svelte-l6y7q input:where(.svelte-l6y7q):disabled{cursor:default}@media(max-width:480px){.controls.svelte-l6y7q{grid-template-columns:32px minmax(50px,1fr) 32px 32px;gap:.45rem;padding-inline:.5rem}.controls.svelte-l6y7q>.time:where(.svelte-l6y7q){display:none}button.svelte-l6y7q{width:32px;height:32px}}