.rangeslider {
  background: #fff;
  position: relative;
  border-radius: 5px;
}
.rangeslider--horizontal {
  height: 10px;
  width: 100%;
  margin-bottom: 30px;
}
.rangeslider--horizontal:after{
  content: '';
  background-image: linear-gradient(to right, #282626 15%, rgba(255, 255, 255, 0) 15%);
  background-size: 6px 10px;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 4px;
  max-width: 99%;
  left: 0;
  right: 0;
  margin: auto;
  overflow: hidden;
}
.rangeslider--vertical {
width: 20px;
min-height: 150px;
max-height: 100%;
}
.rangeslider--disabled {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
opacity: 0.4;
}
.rangeslider__fill {
background: #e5012d;
position: absolute;
}
.rangeslider--horizontal .rangeslider__fill {
top: 2px;
height: 3px;
max-width: 100%;
border-radius: 5px;
left: 3px;
}
.rangeslider--vertical .rangeslider__fill {
bottom: 0;
width: 100%;
}
.rangeslider__handle {
cursor: pointer;
display: inline-block;
width: 32px;
height: 12px;
position: absolute;
}
.rangeslider__handle:after {
content: "";
display: block;
  width: 17px;
  height: 18px;
margin: auto;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
  background-size: 18px 14px;
  background-repeat: no-repeat;
  background-image: url("../images/triangle-slider.svg");
  z-index: 1;
}
.rangeslider--horizontal .rangeslider__handle {
touch-action: pan-y;
-ms-touch-action: pan-y;
}
.rangeslider--vertical .rangeslider__handle {
touch-action: pan-x;
-ms-touch-action: pan-x;
}
input[type="range"]:focus + .rangeslider .rangeslider__handle {
-moz-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
-webkit-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
}
.rangeslider--horizontal .rangeslider__handle output {
text-align: center;
font-size: 14px;
margin: 20px auto;
color: #E5012D;
font-weight: bold;
  background: #F7F7F7;
}
.configuration-range button:not(.quantity-button):hover {
background-color: #e5012d;
color: #fff;
}
.configuration-range input[type=number] {
background: transparent;
}
.configuration-range input[type=number]:focus {
outline: none;
}
input[type="range"]::-moz-range-progress {
background-color: #e5012d;
}
input[type="range"]::-webkit-progress-value {
background-color: #e5012d;
}
.configurator__container .configuration-range {
padding: 24px 19px 19px 34px;
}
.configurator__container .configuration-range .description-slider {
display: flex;
align-items: center;
background: #EDEDED;
padding: 20px 43px;
}
@media (max-width: 1023px) {
  .configurator__container .configuration-range .description-slider {
    flex-direction: column;
  }
}
.configurator__container .configuration-range .range-slider-container {
  margin: 40px auto 15px;
  max-width: 900px;
  width: 100%;
}
.configurator__container .configuration-range .description-slider p{
flex-grow: 1;
margin: 0 60px;
font-size: 16px;
color: #282626;
letter-spacing: 0.25px;
}
@media (max-width: 1023px) {
  .configurator__container .configuration-range .description-slider p{
    margin: 20px 0;
  }
}
.configurator__container .configuration-range input[type=number]::-webkit-inner-spin-button {
opacity: 1;
background: transparent;
color: #e5012d;
}
.configurator__container .configuration-range button:not(.quantity-button) {
display: flex;
align-items: center;
text-align: center;
white-space: nowrap;
font-weight: 400;
border-radius: 2rem;
font-size: 1rem;
margin: 0;
padding: 5px 40px;
transition: background-color 0.2s ease, color 0.2s ease;
border: 2px solid;
border-color: #e5012d;
background-color: transparent;
color: #e5012d;
cursor: pointer;
justify-content: center;
font-family: inherit;
}
.range-slider-container .range-slider-container__value {
  display: flex;
  justify-content: space-between;
  margin: -13px 0 0 0;
}
.range-slider-container .range-slider-container__value p {
  margin: 0;
  font-size: 14px;
}
.configurator__container .configuration-range .description-slider .quantity-custom-cart {
  position: relative;
  display: flex;
  max-width: 65px;
  min-width: 65px;
  border-bottom: 2px solid #e5012d;
}
.configurator__container .configuration-range .description-slider .quantity-custom-cart .quantity-button {
  position: relative;
  cursor: pointer;
  border: none;
  background: transparent;
  text-align: center;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  height: 15px;
  font-size: initial;
}
.configurator__container .configuration-range .description-slider input[type=number]::-webkit-inner-spin-button,
.configurator__container .configuration-range .description-slider input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.configurator__container .configuration-range .description-slider .quantity-nav {
  display: flex;
  flex-direction: column;
}
