/* /Components/ImageComparison.razor.rz.scp.css */
.compare[b-0pyszdmofs] {
  --mask-width: 50%;
  --handle-size: 2rem;
}

.compare__mask[b-0pyszdmofs] {
  width: var(--mask-width);
}

.compare__input[b-0pyszdmofs] {
  appearance: none;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
  left: calc(var(--handle-size) / -2);
  width: calc(100% + var(--handle-size));
}

/* Firefox */
.compare__input[b-0pyszdmofs]::-moz-range-track {
  height: 100%;
}

.compare__input[b-0pyszdmofs]::-moz-range-thumb {
  height: 100%;
  border-radius: 0;
  width: var(--handle-size);
  border: none;
}

/* Webkit */
.compare__input[b-0pyszdmofs]::-webkit-slider-runnable-track {
  height: 100%;
}

.compare__input[b-0pyszdmofs]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  height: 100%;
  border-radius: 0;
  width: var(--handle-size);
  border: none;
}