.slider-container {
  position: relative;
  display: flex;
  align-items: center;
  /* The slider itself */
  /* The slider handle (use -webkit- for Chrome, Opera, Safari and Edge to override default look) */
  /* The slider handle (use -moz- for Firefox to override default look) */
  /* The slider thumb container */
  /* Show thumb shadow when slider is hovered */
  /* Change thumb shadow size when slider is clicked/dragged */
  /* Change thumb marker color when slider is clicked/dragged */ }
  .slider-container .slider {
    position: absolute;
    -webkit-appearance: none;
    /* Default appearance */
    appearance: none;
    /* Default appearance */
    background: #BFBFBF;
    outline: none;
    /* Removing outline */
    height: 2px;
    /* Thickness of slider line  */
    cursor: pointer;
    z-index: 10;
    /* Showing on top of thumb shadow */ }
  .slider-container .slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 10px;
    height: 10px;
    background: #1d82b9;
    border-radius: 50%; }
  .slider-container .slider::-moz-range-thumb {
    width: 10px;
    height: 10px;
    background: #1d82b9;
    border-radius: 50%; }
  .slider-container .slider-thumb-container {
    position: absolute;
    flex-direction: column;
    display: flex;
    bottom: -1.23rem;
    /* The slider thumb shadow */
    /* The slider thumb marker */ }
    .slider-container .slider-thumb-container .slider-thumb-halo-container {
      width: 40px;
      height: 40px;
      display: flex;
      align-items: center;
      /* Center slider thumb marker and halo */
      justify-content: center;
      /* Center slider thumb marker and halo */
      align-self: center;
      /* Center container itself */ }
    .slider-container .slider-thumb-container .slider-thumb-halo {
      width: 0px;
      height: 0px;
      background: #9bc9e1;
      border-radius: 50%;
      align-self: center;
      /* Center slider thumb halo */
      z-index: 5;
      /* Showing beneath slider */ }
    .slider-container .slider-thumb-container .slider-thumb-marker {
      width: 2.25rem;
      height: 1.8rem;
      min-width: 2.25rem;
      min-height: 1.8rem;
      font-size: 0.55rem;
      /* Text size */
      color: white;
      /* Text color */
      line-height: 1.5rem;
      /* Text position */
      bottom: -0.77rem;
      background-image: url(../../Scripts/Icons/SVG/map-marker-solid_BFBFBF.svg) !important;
      /* Image color */ }
  .slider-container .slider:hover:not([disabled]) + .slider-thumb-container .slider-thumb-halo {
    width: 20px;
    height: 20px;
    transition: width 0.2s, height 0.2s; }
  .slider-container .slider:active:hover:not([disabled]) + .slider-thumb-container .slider-thumb-halo {
    width: 30px;
    height: 30px;
    transition: width 0.2s, height 0.2s; }
  .slider-container .slider:active:hover:not([disabled]) + .slider-thumb-container .slider-thumb-marker {
    background-image: url(../../Scripts/Icons/SVG/map-marker-solid_3ba3db.svg); }