input[type="range"] {
  z-index: 50;
  outline: 0;
  border: 0;
  width: 100%;
  border-radius: 500px;
  overflow: hidden;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="range"] {
    overflow: hidden;
    height: 8rem;
    -webkit-appearance: none;
    background-color: rgba(221, 221, 221, 0);
  }
  input[type="range"]::-webkit-slider-runnable-track {
    height: 8rem;
    -webkit-appearance: none;
    color: #444;
    margin-top: -1px;
    -webkit-transition: -webkit-box-shadow 0.2s ease-in-out;
    transition: -webkit-box-shadow 0.2s ease-in-out;
    transition: box-shadow 0.2s ease-in-out;
    transition: box-shadow 0.2s ease-in-out, -webkit-box-shadow 0.2s ease-in-out;
  }
  input[type="range"]::-webkit-slider-thumb {
    width: .2rem;
    -webkit-appearance: none;
    height: 8rem;
    cursor: ew-resize;
    background: transparent;
    -webkit-box-shadow: -650px 0 0 650px var(--bgColorLighter), inset 0 0 0 100px rgba(0, 0, 0, 0.205);
            box-shadow: -650px 0 0 650px var(--bgColorLighter), inset 0 0 0 100px rgba(0, 0, 0, 0.205);
    -webkit-transition: -webkit-box-shadow 0.2s ease-in-out;
    transition: -webkit-box-shadow 0.2s ease-in-out;
    transition: box-shadow 0.2s ease-in-out;
    transition: box-shadow 0.2s ease-in-out, -webkit-box-shadow 0.2s ease-in-out;
    position: relative;
  }
  input[type="range"]:active::-webkit-slider-thumb {
    background: var(--bgColorLighter);
    -webkit-box-shadow: -650px 0 0 650px var(--bgColorLighter), inset 0 0 0 1px #ffffff13;
            box-shadow: -650px 0 0 650px var(--bgColorLighter), inset 0 0 0 1px #ffffff13;
  }
}

input[type="range"]::-moz-range-progress {
  height: 8rem;
}

input[type="range"]::-ms-fill-lower {
  background-color: var(--bgColorLighter);
}

input[type="range"]::-webkit-slider-runnable-track {
  height: 8rem;
}

input[type="range"]::-moz-range-track {
  width: 100%;
  height: 8rem;
  box-shadow: -650px 0 0 650px var(--bgColorLighter), inset 0 0 0 100px rgba(0, 0, 0, 0.205);
}

input[type="range"]::-moz-range-thumb {
  height: 8rem;
  width: 2rem;
  -webkit-appearance: none;
  cursor: ew-resize;
  background: #ffffff13;
  box-shadow: -650px 0 0 650px var(--bgColorLighter), inset 0 0 0 1px #ffffff13;
}

@media screen and (max-width: 724px) and (-webkit-min-device-pixel-ratio: 0) {
  input[type="range"] {
    height: 8rem;
  }
  input[type="range"]::-webkit-slider-runnable-track {
    height: 8rem;
  }
  input[type="range"]::-webkit-slider-thumb {
    height: 8rem;
  }
}

@media (max-width: 724px) {
  input[type="range"]::-moz-range-progress {
    height: 8rem;
  }
  input[type="range"]::-webkit-slider-runnable-track {
    height: 8rem;
  }
  input[type="range"]::-moz-range-track {
    width: 100%;
    height: 8rem;
    box-shadow: -650px 0 0 620px var(--bgColorLighter), inset 0 0 0 100px rgba(0, 0, 0, 0.205);
  }
  input[type="range"]::-moz-range-thumb {
    height: 8rem;
    width: 2rem;
    box-shadow: -650px 0 0 620px var(--bgColorLighter), inset 0 0 0 1px #ffffff13;
  }
}
/*# sourceMappingURL=sliderCustom.css.map */