.video-controls.svelte-fsgqkh{position:absolute;inset:0;z-index:2}.bar-outer.svelte-fsgqkh{position:absolute;left:0;right:0;bottom:0;width:clamp(25%,400px,100%);margin:0 auto;padding:var(--sm) var(--md);pointer-events:none;transform:translateY(100%);transition:transform var(--duration-md) ease}.bar-inner.svelte-fsgqkh{position:relative;height:50px;display:flex;align-items:center;gap:var(--sm);padding:var(--xs) var(--sm);border-radius:var(--rounded-lg)}.bar-bg.svelte-fsgqkh{position:absolute;inset:0;background:var(--theme-bg-color);border-radius:var(--rounded-lg);box-shadow:var(--box-shadow);will-change:transform}.video-controls.svelte-fsgqkh:hover .bar-outer:where(.svelte-fsgqkh),.video-controls.svelte-fsgqkh:focus-within .bar-outer:where(.svelte-fsgqkh),.video-controls.always-visible.svelte-fsgqkh .bar-outer:where(.svelte-fsgqkh){transform:translateY(0);pointer-events:auto}.icon-btn.svelte-fsgqkh{position:relative;display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;background:transparent;color:var(--theme-color);cursor:pointer;flex-shrink:0;will-change:transform}.icon-btn.svelte-fsgqkh svg:where(.svelte-fsgqkh){width:20px;height:20px;fill:currentColor}.track.svelte-fsgqkh{position:relative;flex:1 1 auto;height:6px;border-radius:var(--rounded-full);background:var(--theme-secondary-color);cursor:pointer;touch-action:none;transition:height .15s ease;will-change:transform}.track.svelte-fsgqkh:before{content:"";position:absolute;width:100%;height:100%;top:50%;left:0;transform:translateY(-50%);padding:var(--md) 0}.track-fill.svelte-fsgqkh{position:absolute;top:0;left:0;bottom:0;border-radius:var(--rounded-full);background:var(--theme-color);transition:width .3s linear}@media(max-width:750.5px){.bar-inner.svelte-fsgqkh{opacity:1;pointer-events:auto}}