@charset "utf-8";

.rangeslider,
.rangeslider__fill {
  display:block;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
}
.rangeslider {
  background:#dfdede;
  position:relative;
}
.rangeslider--horizontal {
  height:4px;
  width:100%;
}

.rangeslider__handle {
  background:#3d3834;
  border:5px solid #f1f1f1;
  cursor:pointer;
  display:inline-block;
  width:28px;
  height:28px;
  position:absolute;
  -moz-border-radius:50%;
  -webkit-border-radius:50%;
  border-radius:50%;
}
.rangeslider__handle:hover {
  background:#ff5950;
}
.rangeslider__handle:active, .rangeslider--active .rangeslider__handle {
  background:#ff5950;
}
.rangeslider--horizontal .rangeslider__handle {
  top:-12px;
}
.output_area {position:absolute;right:0;top:-14px}