before-after-results {
  display: block;
}

before-after-results [data-bar-before] {
  clip-path: inset(0 calc(100% - var(--comparison-position, 50%)) 0 0);
}

before-after-results [data-bar-divider],
before-after-results [data-bar-handle] {
  left: var(--comparison-position, 50%);
}

.bar-comparison-input {
  position: absolute;
  inset: 0;
  z-index: 11;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 0;
  cursor: ew-resize;
  touch-action: pan-y;
}

.bar-comparison-input:focus-visible ~ [data-bar-handle] {
  outline: 3px solid #1b1c1c;
  outline-offset: 5px;
}