.ba-container.svelte-t7dth2{--_handle-color: var(--handle-color, white);--_handle-size: var(--handle-size, 40px);--_overlay-color: var(--overlay-color, rgba(0, 0, 0, .5));--_transition-duration: var(--transition-duration, .35s);position:relative;overflow:hidden;cursor:ew-resize;-webkit-user-select:none;user-select:none;touch-action:none;display:inline-block;line-height:0}.ba-container.ba-vertical.svelte-t7dth2{cursor:ns-resize}.ba-container.ba-contain.svelte-t7dth2{display:block}.ba-container.svelte-t7dth2:focus-visible{outline:3px solid #4f8fff;outline-offset:2px}.ba-img.svelte-t7dth2{display:block;pointer-events:none}.ba-after-img.svelte-t7dth2{width:100%;height:100%}.ba-contain.svelte-t7dth2 .ba-after-img:where(.svelte-t7dth2){object-fit:cover}.ba-before-img.svelte-t7dth2{position:absolute;top:0;left:0;width:100%;height:100%}.ba-contain.svelte-t7dth2 .ba-before-img:where(.svelte-t7dth2){object-fit:cover}.ba-overlay.svelte-t7dth2{position:absolute;inset:0;background:var(--_overlay-color);opacity:0;transition:opacity var(--_transition-duration);pointer-events:none}.ba-container.svelte-t7dth2:hover .ba-overlay:where(.svelte-t7dth2){opacity:1}.ba-label.svelte-t7dth2{position:absolute;transition:opacity var(--_transition-duration);pointer-events:none;z-index:2}.ba-label-hidden.svelte-t7dth2{opacity:0!important}.ba-label-before.svelte-t7dth2{top:1rem;left:1rem}.ba-vertical.svelte-t7dth2 .ba-label-before:where(.svelte-t7dth2){top:1rem;left:1rem}.ba-label-after.svelte-t7dth2{bottom:1rem;right:1rem}.ba-vertical.svelte-t7dth2 .ba-label-after:where(.svelte-t7dth2){bottom:1rem;right:1rem}.ba-divider.svelte-t7dth2{position:absolute;background:var(--_handle-color);pointer-events:none;z-index:3}.ba-handle.svelte-t7dth2{position:absolute;width:var(--_handle-size);height:var(--_handle-size);border-radius:50%;border:3px solid var(--_handle-color);background:#00000059;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:4;pointer-events:none;display:flex;align-items:center;justify-content:center;gap:0;color:var(--_handle-color)}.ba-arrow.svelte-t7dth2{width:16px;height:16px;flex-shrink:0}.ba-vertical.svelte-t7dth2 .ba-handle:where(.svelte-t7dth2){flex-direction:column}.page.svelte-1uha8ag{max-width:800px;margin:0 auto;padding:2rem 1rem 4rem}.hero.svelte-1uha8ag{text-align:center;margin-bottom:3rem}.hero.svelte-1uha8ag h1:where(.svelte-1uha8ag){font-size:2.5rem;margin-bottom:.5rem}.hero.svelte-1uha8ag p:where(.svelte-1uha8ag){font-size:1.15rem;color:#555}.hero.svelte-1uha8ag .author:where(.svelte-1uha8ag){font-size:.95rem;margin-top:.25rem}.hero.svelte-1uha8ag .author:where(.svelte-1uha8ag) a:where(.svelte-1uha8ag){color:#3498db;text-decoration:none;font-weight:600}.hero.svelte-1uha8ag .author:where(.svelte-1uha8ag) a:where(.svelte-1uha8ag):hover{text-decoration:underline}section.svelte-1uha8ag{margin-bottom:3rem}h2.svelte-1uha8ag{font-size:1.5rem;margin-bottom:.25rem}section.svelte-1uha8ag>p:where(.svelte-1uha8ag){color:#555;margin-bottom:1rem}code.svelte-1uha8ag{background:#e8e8e8;padding:.15em .4em;border-radius:4px;font-size:.9em}.demo.svelte-1uha8ag{border-radius:8px;overflow:hidden;box-shadow:0 2px 12px #0000001a}.contained-wrapper.svelte-1uha8ag{width:100%;height:300px}.badge.svelte-1uha8ag{display:inline-block;background:#0009;color:#fff;padding:.3em .8em;border-radius:4px;font-size:.85rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.controls.svelte-1uha8ag{margin-top:1rem;display:flex;align-items:center;gap:1rem}.controls.svelte-1uha8ag label:where(.svelte-1uha8ag){display:flex;align-items:center;gap:.75rem;font-size:.95rem}.controls.svelte-1uha8ag input[type=range]:where(.svelte-1uha8ag){width:200px}