.hv-baf-compare{position:relative;width:100%;min-width:0;overflow:hidden;isolation:isolate;--hv-baf-position:50%;border-radius:inherit}
.hv-baf-compare>.hv-baf-compare-base{display:block;width:100%;height:auto;max-width:100%;margin:0}
.hv-baf-compare>.hv-baf-compare-overlay{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:contain;margin:0;clip-path:inset(0 0 0 var(--hv-baf-position))}
.hv-baf-compare-line{position:absolute;top:0;bottom:0;left:var(--hv-baf-position);width:2px;background:#fff;transform:translateX(-50%);box-shadow:0 0 3px #0008;pointer-events:none}
.hv-baf-compare>.hv-baf-compare-range{position:absolute;top:50%;left:-22px;transform:translateY(-50%);width:calc(100% + 44px);height:44px;padding:0;margin:0;border:0;border-radius:0;background:transparent;appearance:none;-webkit-appearance:none;cursor:ew-resize;touch-action:pan-y;z-index:2}
.hv-baf-compare-range::-webkit-slider-runnable-track{height:44px;background:transparent}
.hv-baf-compare-range::-moz-range-track{height:44px;background:transparent}
.hv-baf-compare-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:44px;height:44px;border:2px solid #fff;border-radius:50%;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='m8 7-5 5 5 5m8-10 5 5-5 5' fill='none' stroke='%23222' stroke-width='2'/%3E%3C/svg%3E") center no-repeat;box-shadow:0 2px 8px #0006}
.hv-baf-compare-range::-moz-range-thumb{box-sizing:border-box;width:44px;height:44px;border:2px solid #fff;border-radius:50%;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='m8 7-5 5 5 5m8-10 5 5-5 5' fill='none' stroke='%23222' stroke-width='2'/%3E%3C/svg%3E") center no-repeat;box-shadow:0 2px 8px #0006}
.hv-baf-compare-range:focus-visible{outline:none}
.hv-baf-compare-range:focus-visible::-webkit-slider-thumb{outline:3px solid #222;outline-offset:2px}
.hv-baf-compare-range:focus-visible::-moz-range-thumb{outline:3px solid #222;outline-offset:2px}
.hv-baf-compare:focus-within{box-shadow:inset 0 0 0 2px #fff}

.hv-baf-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;align-items:start;overflow:hidden;border-radius:inherit}
.hv-baf-pair img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}