title: Cant overwrite the custom stylesheet
body: <p>I am trying to overwrite the CSS of react range slider.It uses the custom style sheet of which i need to add in the head section.My project is built on next.js</p>
  
  <pre><code> &lt;link rel="stylesheet" href="https://unpkg.com/react-rangeslider/umd/rangeslider.min.css" /&gt;
  </code></pre>
  
  <p>Otherwise, the slider doesn't show anything if i don't add the link in head even though I installed the library. It's not even overwriting the CSS. I want  to change the background color.This is my code:</p>
  
  <pre><code>import React, { Component } from 'react'
  import 'react-rangeslider/lib/index.css';
  import './slider.css';
  import Slider from 'react-rangeslider'
  class Horizontal extends Component {
      constructor (props, context) {
          super(props, context)
          this.state = {
              value: 850
          }
      }
      handleChangeStart = () =&gt; {
          console.log('Change event started')
      };
      handleChange = value =&gt; {
          this.setState({
              value: value
          })
      };
  
      handleChangeComplete = () =&gt; {
          console.log('Change event completed')
      };
      render () {
          const { value } = this.state
          return (
              &lt;div&gt;
                  &lt;div className='slider'  style={{ marginTop:'165px',marginLeft:'319px',width:'700px',backgroundColor:'EF5350'}} &gt;
  
                      &lt;div style={{ textAlign:'center',color:'gray',fontSize:'35px',marginBottom:'82px'}}&gt;
                          &lt;p&gt; What is the size of your property?&lt;/p&gt;
                      &lt;/div&gt;
                      &lt;Slider
                          min={850}
                          max={5000}
                          value={value}
                          onChangeStart={this.handleChangeStart}
                          onChange={this.handleChange}
                          onChangeComplete={this.handleChangeComplete}
                      /&gt;
                      &lt;div className='value'&gt;{value}&lt;/div&gt;
  
                  &lt;/div&gt;
              &lt;/div&gt;
          )
      }
  }
  export default Horizontal
  </code></pre>
  
  <p>I tried to change the background color in slider.css.</p>
  
  <pre><code>.rangeslider-horizontal .rangeslider__fill {
      background-color: red;
  }
  </code></pre>
  
  <p>The library needs to be installed first:</p>
  
  <pre><code>npm install react-rangeslider --save
  </code></pre>