.ba-frame.svelte-1jfl7r7{aspect-ratio:8/5;background:var(--color-raised);box-shadow:0 1px 2px rgb(var(--shadow) / .14), 0 18px 30px -20px rgb(var(--shadow) / .55);position:relative;overflow:hidden}.ba-frame.svelte-1jfl7r7:has(.ba-range:where(.svelte-1jfl7r7):focus-visible){outline:2px solid var(--color-accent);outline-offset:3px}.ba-img.svelte-1jfl7r7{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.ba-after.svelte-1jfl7r7{clip-path:inset(0 0 0 var(--pos))}.ba-line.svelte-1jfl7r7{top:0;bottom:0;left:var(--pos);background:var(--color-panel);width:3px;box-shadow:0 0 0 1px rgb(var(--shadow) / .25);pointer-events:none;margin-left:-1.5px;position:absolute}.ba-knob.svelte-1jfl7r7{background:var(--color-accent);width:2.75rem;height:2.75rem;box-shadow:inset 0 0 0 3px var(--color-panel), 0 6px 14px -6px rgb(var(--shadow) / .6);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ba-knob.svelte-1jfl7r7:before,.ba-knob.svelte-1jfl7r7:after{content:"";border:solid var(--color-accent-ink);border-width:0 0 2px 2px;width:.45rem;height:.45rem;margin-top:-.225rem;position:absolute;top:50%}.ba-knob.svelte-1jfl7r7:before{left:.8rem;transform:rotate(45deg)}.ba-knob.svelte-1jfl7r7:after{right:.8rem;transform:rotate(-135deg)}.ba-tag.svelte-1jfl7r7{pointer-events:none;position:absolute;top:.6rem}.ba-tag-do.svelte-1jfl7r7{left:.6rem}.ba-tag-posle.svelte-1jfl7r7{background:var(--color-accent);color:var(--color-accent-ink);right:.6rem}.ba-range.svelte-1jfl7r7{opacity:0;cursor:ew-resize;touch-action:pan-y;width:100%;height:100%;margin:0;position:absolute;inset:0}