@import "variables";

.ranges {
  text-align: left;
  margin: 0;
  width: 100%;
}

.ranges ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

.ranges li {
  font-size: 12px;
  padding: 8px 12px;
  cursor: pointer;
}

.ranges li:hover {
  background-color: $ranges-hover-bg-color;
  color: $ranges-hover-text-color;
}

.ranges li.active {
  background-color: $ranges-active-bg-color;
  color: $ranges-active-text-color;
}