/* CSS Document */

.slider-valuetext h3 {
    color: black;
    font-weight: bold;
    font-size: 150%;
  }
  
  .aria-slider .label,
  .slider-seek .label {
    font-weight: bold;
    font-size: 125%;
  }
  
  .aria-slider svg,
  .slider-seek svg {
    forced-color-adjust: auto;
  }
  
  .aria-slider text,
  .slider-seek text {
    font-weight: bold;
    fill: currentColor;
    font-family: sans-serif;
  }
  
  .aria-slider {
    width: 12em;
  }
  
  .aria-slider,
  .slider-seek {
    margin-top: 1em;
    padding: 6px;
    color: black;
  }
  
  .aria-slider .value,
  .slider-slider .value {
    position: relative;
    top: 20px;
    height: 1.5em;
    font-size: 80%;
  }
  
  .aria-slider .temp-value,
  .slider-seek .temp-value {
    padding-left: 24px;
    font-size: 200%;
  }
  
  .aria-slider .rail,
  .slider-seek .rail {
    color: #d3d3d3;
    stroke: currentColor;
    stroke-width: 2px;
    fill: currentColor;
    fill-opacity: 25%;
  }
  
  .aria-slider .thumb,
  .slider-seek .thumb {
    stroke-width: 0;
    fill: currentColor;
  }
  
  .aria-slider .focus-ring,
  .slider-seek .focus-ring {
    stroke: currentColor;
    stroke-opacity: 0;
    fill-opacity: 0;
    stroke-width: 3px;
    display: none;
  }
  
  .aria-slider .slider-group {
    touch-action: pan-x;
  }
  
  .slider-seek .slider-group {
    touch-action: pan-y;
  }
  
  .slider-seek .slider-group .value {
    display: none;
  }
  
  /* Focus and hover styling */
  
  .slider-seek.focus [role="slider"],
  .aria-slider.focus [role="slider"] {
    color: #98002e;
  }
  
  .aria-slider [role="slider"]:focus,
  .slider-seek [role="slider"]:focus {
    outline: none;
  }
  
  .aria-slider [role="slider"]:focus .focus-ring,
  .slider-seek [role="slider"]:focus .focus-ring {
    display: block;
    stroke-opacity: 1;
  }
  
  .slider-seek [role="slider"]:focus .value {
    display: block;
  }

  .aria-slider .slider-group .thumb {
    color: #e6e6e6;
  }