:root
{
  --slider-line-color: var(--table-alternate-bg-color);
  --slider-thumb-color: var(--heading-bg-color);
}

[data-theme="davik"]
{
  --slider-line-color: var(--heading-bg-color);
  --slider-thumb-color: var(--color);
}

.double-slider
{
  position: relative;
  height: 5px;
  background: var(--slider-line-color);
}

.double-slider input
{
  top: 50%;
  width: 100%;
  position: absolute;
  pointer-events: none;
  height: 3px;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  transform: translateY(-50%);
}

.double-slider input::-webkit-slider-thumb
{
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: var(--slider-thumb-color);
  width: 14px;
  height: 14px;
  border-radius: 0;
  pointer-events: auto;
  border: none;
  box-shadow: none;
  cursor: pointer;
}

.double-slider .slider-min-value, .double-slider .slider-max-value
{
  position: absolute;
  top: 10px;
	padding: 5px;
  white-space: nowrap;	
  transition: "left 0.3s ease-out";
}