.galleryItem,.baFrame{background-color:var(--color-primary);box-shadow:0 1px 2px color-mix(in srgb, var(--color-primary) 4%, transparent);border-radius:6px;position:relative;overflow:hidden}.baFrame:has(.baRange:focus-visible){outline:3px solid var(--color-secondary);outline-offset:3px}.galleryImg{object-fit:cover}.baFrame{--x:calc(24px + (100% - 48px) * var(--p) / 100)}.baBefore{clip-path:inset(0 calc(100% - var(--x)) 0 0)}.baDivider{top:0;bottom:0;left:var(--x);pointer-events:none;background-color:#fff;width:2px;position:absolute;translate:-50%}.baHandle{background-color:#fff;border-radius:100%;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 8px 24px #00000059}.baLabel{font-family:var(--font-mono);letter-spacing:.15em;color:#fff;pointer-events:none;border-radius:999px;padding:6px 12px;font-size:.75rem;font-weight:700;position:absolute;top:16px}.baLabel[data-side=before]{color:var(--color-title);background-color:#fff;left:16px;box-shadow:0 2px 8px #11182726}.baLabel[data-side=after]{background-color:var(--color-secondary);right:16px}.baRange{appearance:none;cursor:ew-resize;background:0 0;width:100%;height:100%;margin:0;position:absolute;inset:0}.baRange::-webkit-slider-thumb{appearance:none;width:48px;height:48px;box-shadow:none;background:0 0;border:0}.baRange::-moz-range-thumb{background:0 0;border:0;width:48px;height:48px}@media (max-width:900px){.baLabel{padding:4px 10px;font-size:.65rem;top:10px}.baLabel[data-side=before]{left:10px}.baLabel[data-side=after]{right:10px}.baHandle{width:40px;height:40px}}