.ba{--pos:50%;--ba-ease:.26s var(--ease-out-expo);border-radius:var(--radius-2);background:var(--color-surface);touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;cursor:ew-resize;isolation:isolate;width:100%;position:relative;overflow:hidden}.ba-layer,.ba-layer img{width:100%;height:100%;position:absolute;inset:0}.ba-layer img{object-fit:cover;pointer-events:none}.ba-before{clip-path:inset(0 calc(100% - var(--pos)) 0 0);transition:clip-path var(--ba-ease)}.ba-chip{top:var(--space-3);z-index:2;padding:.15rem var(--space-2);border-radius:var(--radius-1);color:var(--color-accent-contrast);font-size:var(--text-sm);font-weight:var(--weight-medium);pointer-events:none;transition:opacity .18s var(--ease-out-expo);background:#1c2620b8;line-height:1.5;position:absolute}.ba-chip-before{left:var(--space-3)}.ba-chip-after{right:var(--space-3)}.ba-chip[data-hidden]{opacity:0}.ba-handle{z-index:3;top:0;bottom:0;left:var(--pos);width:44px;transition:left var(--ba-ease);outline:none;place-items:center;margin-left:-22px;display:grid;position:absolute}.ba-handle:before{content:"";background:var(--color-accent-contrast);width:2px;margin-left:-1px;position:absolute;top:0;bottom:0;left:50%;box-shadow:0 0 0 1px #1c26202e}.ba-knob{background:var(--color-accent-contrast);width:44px;height:44px;color:var(--color-accent);transition:transform .16s var(--ease-out-expo);border-radius:50%;place-items:center;display:grid;position:relative;box-shadow:0 1px 2px #1c262040,0 4px 14px #1c26202e}.ba-knob svg{display:block}.ba-handle:focus-visible .ba-knob{outline:var(--focus-ring);outline-offset:3px}.ba:active .ba-knob,.ba[data-dragging] .ba-knob{transform:scale(.94)}.ba[data-dragging] .ba-before,.ba[data-dragging] .ba-handle{transition:none}@media (hover:hover){.ba:hover .ba-knob{transform:scale(1.04)}.ba[data-dragging]:hover .ba-knob{transform:scale(.94)}}@media (prefers-reduced-motion:reduce){.ba-before,.ba-handle,.ba-knob,.ba-chip{transition:none}}.example{gap:var(--space-2);margin:0;display:grid}.example figcaption{gap:var(--space-1) var(--space-3);color:var(--color-text-muted);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.example figcaption .example-room{color:var(--color-text);font-weight:var(--weight-medium)}.examples-empty{aspect-ratio:3/2;padding:var(--space-5);text-align:center;color:var(--color-text-muted);background:var(--color-surface);border:1px dashed var(--color-border);border-radius:var(--radius-2);place-items:center;display:grid}.examples-page{gap:var(--space-6);display:grid}.examples-page-head{gap:var(--space-3);display:grid}.examples-page-head h1{font-size:clamp(var(--text-2xl), 6vw, 3.75rem);max-width:16ch;margin:0}.examples-page-head p{color:var(--color-text-muted);font-size:var(--text-lg);margin:0}.examples-filter{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.examples-filter a{min-height:44px;padding:0 var(--space-3);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-1);color:var(--color-text);transition:background-color .18s var(--ease-out-expo), border-color .18s var(--ease-out-expo);align-items:center;text-decoration:none;display:inline-flex}.examples-filter a:hover{background:var(--color-surface)}.examples-filter a[aria-current=page]{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-contrast)}.examples-list{gap:var(--space-7);margin:0;padding:0;list-style:none;display:grid}@media (min-width:60rem){.examples-list{column-gap:var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr))}.examples-list>li:first-child{grid-column:1/-1}}