.pg-ba-frame{position:relative;aspect-ratio:16/10;overflow:hidden;border:1.5px solid rgb(var(--ink));border-radius:1rem;box-shadow:5px 5px 0 rgb(var(--ink));background:rgb(var(--paper));touch-action:pan-y;-moz-user-select:none;user-select:none;-webkit-user-select:none;cursor:ew-resize}.pg-ba-clip{position:absolute;inset:0;overflow:hidden;will-change:transform}.pg-ba-clip .pg-ba-clip{overflow:visible}.pg-ba-handle{position:absolute;inset:0;pointer-events:none;will-change:transform}.pg-ba-handle:before{content:"";position:absolute;left:-1px;top:0;bottom:0;width:2.5px;background:rgb(var(--ink));box-shadow:0 0 0 1.5px rgb(var(--surface)/.8)}.pg-ba-knob{position:absolute;left:0;top:50%;translate:-50% -50%;display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:999px;border:1.5px solid rgb(var(--ink));background:rgb(var(--pop));color:#141416;box-shadow:3px 3px 0 rgb(var(--ink));font-family:var(--font-mono),ui-monospace,monospace;font-size:13px;font-weight:700;pointer-events:auto;cursor:ew-resize;transition:scale .35s var(--spring)}.pg-ba-frame[data-dragging=true] .pg-ba-knob,.pg-ba-knob:hover{scale:1.1}.pg-ba-tag{position:absolute;top:.7rem;padding:.2rem .6rem;border:1.5px solid rgb(var(--ink));border-radius:999px;background:rgb(var(--surface));font-family:var(--font-mono),ui-monospace,monospace;font-size:10.5px;font-weight:600;pointer-events:none}.pg-ba-tag-l{left:.7rem;rotate:-3deg}.pg-ba-tag-r{right:.7rem;rotate:3deg}@media (prefers-reduced-motion:reduce){.pg-ba-knob{transition:none}}:root[data-calm=true] .pg-ba-knob{transition:none}