import styled from "styled-components";
import ReactSlider from "react-slider";
const Slider = styled(ReactSlider) `
  width: 100%;
  .track {
    width: 100%;
    height: 6px;
    border-radius: 2px;
    background: #3897f9;
  }
  .track-1 {
    background: #ccdae9;
    width: auto;
    border-radius: 0 2px 2px 0;
  }
  .thumb {
    outline: 0;
    border: 0;
    width: 6px;
    height: 6px;
    color: transparent;
    font-size: 0px;

    &:before {
      content: " ";
      position: absolute;
      background-image: url("data:image/svg+xml,%3Csvg width='14' height='22' viewBox='0 0 14 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 21C14 21.5523 13.5523 22 13 22L0.999998 22C0.447714 22 -1.86821e-06 21.5523 -1.81993e-06 21L-6.60175e-07 7.73399C-6.37692e-07 7.47682 0.0990747 7.22954 0.276643 7.04352L6.27665 0.757802C6.67059 0.345104 7.32942 0.345104 7.72336 0.757802L13.7234 7.04352C13.9009 7.22954 14 7.47682 14 7.73399L14 21Z' fill='%233897F9'/%3E%3Cline x1='5.5' y1='10' x2='5.5' y2='17' stroke='white'/%3E%3Cline x1='8.5' y1='10' x2='8.5' y2='17' stroke='white'/%3E%3C/svg%3E%0A");
      left: 50%;
      bottom: 0;
      width: 14px;
      height: 22px;
      background-position: center;
      background-size: contain;
      background-repeat: no-repeat;
      transform: translate(-50%, 100%);
      cursor: pointer;
    }
  }
`;
export default Slider;
//# sourceMappingURL=slider.js.map