.fs-ba,.fs-ba *{box-sizing:border-box}.fs-ba{margin:0}.fs-ba__frame{position:relative;overflow:hidden;aspect-ratio:3 / 2;border-radius:var(--fs-radius);background:var(--fs-stone);user-select:none;-webkit-user-select:none;--split: 50%}.fs-ba .fs-ba__frame img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;pointer-events:none}.fs-ba__clip{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:inset(0 calc(100% - var(--split)) 0 0)}.fs-ba__label{position:absolute;top:.75rem;padding:.25rem .6rem;border-radius:var(--fs-radius);background:color-mix(in srgb,var(--fs-ink) 72%,transparent);color:var(--fs-on-dark);font-size:var(--fs-text-xs);font-weight:580;line-height:1.4;pointer-events:none}.fs-ba__label--before{left:.75rem}.fs-ba__label--after{right:.75rem}.fs-ba__handle{position:absolute;top:0;bottom:0;left:var(--split);display:flex;align-items:center;justify-content:center;width:3rem;margin-left:-1.5rem;cursor:ew-resize;touch-action:none}.fs-ba__handle:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:.375rem;margin-left:-.1875rem;background:#fffc}.fs-ba__knob{position:relative;display:flex;flex:none;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:9999px;background:#fff;color:var(--fs-ink);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)}.fs-ba__knob svg{display:block;width:1.5rem;height:1.5rem}.fs-ba__frame[data-dragging] .fs-ba__knob{transform:scale(1.1);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.fs-ba__frame:has(input:focus-visible) .fs-ba__knob{outline:2px solid var(--fs-focus);outline-offset:3px}.fs-ba figcaption{margin-top:.7rem;max-width:60ch;color:var(--fs-ink-soft);font-size:var(--fs-text-sm);line-height:1.5}@media(prefers-reduced-motion:reduce){.fs-ba__knob{transition:none}}