{"version":3,"sources":["vue-range-slider.styl","vue-range-slider.css"],"names":[],"mappings":"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","file":"vue-range-slider.css","sourcesContent":[".vue-range-slider\n  &.slider-component\n    position: relative\n    box-sizing: border-box\n    user-select: none\n    .slider\n      position: relative\n      display: block\n      border-radius: 15px\n      background-color: #ccc\n      &::after\n        content: ''\n        position: absolute\n        left: 0\n        top: 0\n        width: 100%\n        height: 100%\n        z-index: 2\n      .slider-dot\n        position: absolute\n        border-radius: 50%\n        background-color: #fff\n        box-shadow: 0.5px 0.5px 2px 1px rgba(0, 0, 0, 0.32)\n        transition: all 0s\n        will-change: transform\n        cursor: pointer\n        z-index: 5\n        &.slider-dot-focus\n          box-shadow: 0 0 2px 1px #3498db\n        &.slider-dot-dragging\n          z-index: 5\n        &.slider-dot-disabled\n          z-index: 4\n        &.slider-hover\n          &:hover\n            .slider-tooltip-wrap\n              display: block\n        &.slider-always\n          .slider-tooltip-wrap\n            display: block!important\n      .slider-process\n        position: absolute\n        border-radius: 15px\n        background-color: #3498db\n        z-index: 1\n        &.slider-process-draggable\n          cursor: pointer\n          z-index: 3\n      .slider-input\n        position: absolute\n        overflow: hidden\n        height: 1px\n        width: 1px\n        clip: rect(1px, 1px, 1px, 1px)\n      .slider-piecewise\n        position: absolute\n        width: 100%\n        padding: 0\n        margin: 0\n        left: 0\n        top: 0\n        height: 100%\n        list-style: none\n        .piecewise-item\n          position: absolute\n          width: 8px\n          height: 8px\n          &:first-child,&:last-child\n            .piecewise-dot\n              visibility: hidden\n          .piecewise-dot\n            position: absolute\n            left: 50%\n            top: 50%\n            width: 100%\n            height: 100%\n            display: inline-block\n            background-color: rgba(0, 0, 0, 0.16)\n            border-radius: 50%\n            transform: translate(-50%, -50%)\n            z-index: 2\n            transition: all .3s\n    &.slider-horizontal\n      .slider-dot\n        left:0\n      .slider-process\n        width: 0\n        height: 100%\n        top: 0\n        left: 0\n        will-change: width\n    &.slider-vertical\n      .slider-dot\n        bottom:0\n      .slider-process\n        width: 100%\n        height: 0\n        bottom: 0\n        left: 0\n        will-change: height\n    &.slider-horizontal-reverse\n      .slider-dot\n        right:0\n      .slider-process\n        width: 0\n        height: 100%\n        top: 0\n        right: 0\n    &.slider-vertical-reverse\n      .slider-dot\n        top:0\n      .slider-process\n        width: 100%\n        height: 0\n        top: 0\n        left: 0\n    &.slider-horizontal,&.slider-horizontal-reverse\n      .slider-piecewise\n        .piecewise-item\n          .piecewise-label\n            position: absolute\n            display: inline-block\n            top: 100%\n            left: 50%\n            white-space: nowrap\n            font-size: 12px\n            color: #333\n            transform: translate(-50%, 8px)\n            visibility: visible\n    &.slider-vertical,&.slider-vertical-reverse\n      .slider-piecewise\n        .piecewise-item\n          .piecewise-label\n            position: absolute\n            display: inline-block\n            top: 50%\n            left: 100%\n            white-space: nowrap\n            font-size: 12px\n            color: #333\n            transform: translate(8px, -50%)\n            visibility: visible\n    .slider-tooltip-wrap\n      display: none\n      position: absolute\n      z-index: 9\n      &.merged-tooltip\n        display:block\n        visibility:hidden\n      &.slider-tooltip-top\n        top: -9px\n        left: 50%\n        transform: translate(-50%, -100%)\n        .slider-tooltip::before\n          content: ''\n          position: absolute\n          bottom: -10px\n          left: 50%\n          width: 0\n          height: 0\n          border: 5px solid transparent\n          border-top-color: inherit\n          transform: translate(-50%, 0)\n      &.slider-tooltip-bottom\n        bottom: -9px;\n        left: 50%;\n        transform: translate(-50%, 100%)\n        .slider-tooltip::before\n          content: ''\n          position: absolute\n          top: -10px\n          left: 50%\n          width: 0\n          height: 0\n          border: 5px solid transparent\n          border-bottom-color: inherit\n          transform: translate(-50%, 0)\n      &.slider-tooltip-left\n        top: 50%\n        left: -9px\n        transform: translate(-100%, -50%)\n        .slider-tooltip::before\n          content: ''\n          position: absolute\n          top: 50%\n          right: -10px\n          width: 0\n          height: 0\n          border: 5px solid transparent\n          border-left-color: inherit\n          transform: translate(0, -50%)\n      &.slider-tooltip-right\n        top: 50%\n        right: -9px\n        transform: translate(100%, -50%)\n        .slider-tooltip::before\n          content: ''\n          position: absolute\n          top: 50%\n          left: -10px\n          width: 0\n          height: 0\n          border: 5px solid transparent\n          border-right-color: inherit\n          transform: translate(0, -50%)\n      &.merged-tooltip\n        display: block\n        visibility: hidden\n      .slider-tooltip\n        display: block\n        font-size: 14px\n        white-space: nowrap\n        padding: 2px 5px\n        min-width: 20px\n        text-align: center\n        color: #fff\n        border-radius: 5px\n        border: 1px solid #3498db\n        background-color: #3498db\n    &.slider-disabled\n      opacity: .5\n      cursor: not-allowed\n      .slider-dot\n        cursor: not-allowed\n    &.slider-has-label\n      margin-bottom: 15px\n",".vue-range-slider.slider-component {\n  position: relative;\n  box-sizing: border-box;\n  user-select: none;\n}\n.vue-range-slider.slider-component .slider {\n  position: relative;\n  display: block;\n  border-radius: 15px;\n  background-color: #ccc;\n}\n.vue-range-slider.slider-component .slider::after {\n  content: '';\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 2;\n}\n.vue-range-slider.slider-component .slider .slider-dot {\n  position: absolute;\n  border-radius: 50%;\n  background-color: #fff;\n  box-shadow: 0.5px 0.5px 2px 1px rgba(0,0,0,0.32);\n  transition: all 0s;\n  will-change: transform;\n  cursor: pointer;\n  z-index: 5;\n}\n.vue-range-slider.slider-component .slider .slider-dot.slider-dot-focus {\n  box-shadow: 0 0 2px 1px #3498db;\n}\n.vue-range-slider.slider-component .slider .slider-dot.slider-dot-dragging {\n  z-index: 5;\n}\n.vue-range-slider.slider-component .slider .slider-dot.slider-dot-disabled {\n  z-index: 4;\n}\n.vue-range-slider.slider-component .slider .slider-dot.slider-hover:hover .slider-tooltip-wrap {\n  display: block;\n}\n.vue-range-slider.slider-component .slider .slider-dot.slider-always .slider-tooltip-wrap {\n  display: block !important;\n}\n.vue-range-slider.slider-component .slider .slider-process {\n  position: absolute;\n  border-radius: 15px;\n  background-color: #3498db;\n  z-index: 1;\n}\n.vue-range-slider.slider-component .slider .slider-process.slider-process-draggable {\n  cursor: pointer;\n  z-index: 3;\n}\n.vue-range-slider.slider-component .slider .slider-input {\n  position: absolute;\n  overflow: hidden;\n  height: 1px;\n  width: 1px;\n  clip: rect(1px, 1px, 1px, 1px);\n}\n.vue-range-slider.slider-component .slider .slider-piecewise {\n  position: absolute;\n  width: 100%;\n  padding: 0;\n  margin: 0;\n  left: 0;\n  top: 0;\n  height: 100%;\n  list-style: none;\n}\n.vue-range-slider.slider-component .slider .slider-piecewise .piecewise-item {\n  position: absolute;\n  width: 8px;\n  height: 8px;\n}\n.vue-range-slider.slider-component .slider .slider-piecewise .piecewise-item:first-child .piecewise-dot,\n.vue-range-slider.slider-component .slider .slider-piecewise .piecewise-item:last-child .piecewise-dot {\n  visibility: hidden;\n}\n.vue-range-slider.slider-component .slider .slider-piecewise .piecewise-item .piecewise-dot {\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  width: 100%;\n  height: 100%;\n  display: inline-block;\n  background-color: rgba(0,0,0,0.16);\n  border-radius: 50%;\n  transform: translate(-50%, -50%);\n  z-index: 2;\n  transition: all 0.3s;\n}\n.vue-range-slider.slider-component.slider-horizontal .slider-dot {\n  left: 0;\n}\n.vue-range-slider.slider-component.slider-horizontal .slider-process {\n  width: 0;\n  height: 100%;\n  top: 0;\n  left: 0;\n  will-change: width;\n}\n.vue-range-slider.slider-component.slider-vertical .slider-dot {\n  bottom: 0;\n}\n.vue-range-slider.slider-component.slider-vertical .slider-process {\n  width: 100%;\n  height: 0;\n  bottom: 0;\n  left: 0;\n  will-change: height;\n}\n.vue-range-slider.slider-component.slider-horizontal-reverse .slider-dot {\n  right: 0;\n}\n.vue-range-slider.slider-component.slider-horizontal-reverse .slider-process {\n  width: 0;\n  height: 100%;\n  top: 0;\n  right: 0;\n}\n.vue-range-slider.slider-component.slider-vertical-reverse .slider-dot {\n  top: 0;\n}\n.vue-range-slider.slider-component.slider-vertical-reverse .slider-process {\n  width: 100%;\n  height: 0;\n  top: 0;\n  left: 0;\n}\n.vue-range-slider.slider-component.slider-horizontal .slider-piecewise .piecewise-item .piecewise-label,\n.vue-range-slider.slider-component.slider-horizontal-reverse .slider-piecewise .piecewise-item .piecewise-label {\n  position: absolute;\n  display: inline-block;\n  top: 100%;\n  left: 50%;\n  white-space: nowrap;\n  font-size: 12px;\n  color: #333;\n  transform: translate(-50%, 8px);\n  visibility: visible;\n}\n.vue-range-slider.slider-component.slider-vertical .slider-piecewise .piecewise-item .piecewise-label,\n.vue-range-slider.slider-component.slider-vertical-reverse .slider-piecewise .piecewise-item .piecewise-label {\n  position: absolute;\n  display: inline-block;\n  top: 50%;\n  left: 100%;\n  white-space: nowrap;\n  font-size: 12px;\n  color: #333;\n  transform: translate(8px, -50%);\n  visibility: visible;\n}\n.vue-range-slider.slider-component .slider-tooltip-wrap {\n  display: none;\n  position: absolute;\n  z-index: 9;\n}\n.vue-range-slider.slider-component .slider-tooltip-wrap.merged-tooltip {\n  display: block;\n  visibility: hidden;\n}\n.vue-range-slider.slider-component .slider-tooltip-wrap.slider-tooltip-top {\n  top: -9px;\n  left: 50%;\n  transform: translate(-50%, -100%);\n}\n.vue-range-slider.slider-component .slider-tooltip-wrap.slider-tooltip-top .slider-tooltip::before {\n  content: '';\n  position: absolute;\n  bottom: -10px;\n  left: 50%;\n  width: 0;\n  height: 0;\n  border: 5px solid transparent;\n  border-top-color: inherit;\n  transform: translate(-50%, 0);\n}\n.vue-range-slider.slider-component .slider-tooltip-wrap.slider-tooltip-bottom {\n  bottom: -9px;\n  left: 50%;\n  transform: translate(-50%, 100%);\n}\n.vue-range-slider.slider-component .slider-tooltip-wrap.slider-tooltip-bottom .slider-tooltip::before {\n  content: '';\n  position: absolute;\n  top: -10px;\n  left: 50%;\n  width: 0;\n  height: 0;\n  border: 5px solid transparent;\n  border-bottom-color: inherit;\n  transform: translate(-50%, 0);\n}\n.vue-range-slider.slider-component .slider-tooltip-wrap.slider-tooltip-left {\n  top: 50%;\n  left: -9px;\n  transform: translate(-100%, -50%);\n}\n.vue-range-slider.slider-component .slider-tooltip-wrap.slider-tooltip-left .slider-tooltip::before {\n  content: '';\n  position: absolute;\n  top: 50%;\n  right: -10px;\n  width: 0;\n  height: 0;\n  border: 5px solid transparent;\n  border-left-color: inherit;\n  transform: translate(0, -50%);\n}\n.vue-range-slider.slider-component .slider-tooltip-wrap.slider-tooltip-right {\n  top: 50%;\n  right: -9px;\n  transform: translate(100%, -50%);\n}\n.vue-range-slider.slider-component .slider-tooltip-wrap.slider-tooltip-right .slider-tooltip::before {\n  content: '';\n  position: absolute;\n  top: 50%;\n  left: -10px;\n  width: 0;\n  height: 0;\n  border: 5px solid transparent;\n  border-right-color: inherit;\n  transform: translate(0, -50%);\n}\n.vue-range-slider.slider-component .slider-tooltip-wrap.merged-tooltip {\n  display: block;\n  visibility: hidden;\n}\n.vue-range-slider.slider-component .slider-tooltip-wrap .slider-tooltip {\n  display: block;\n  font-size: 14px;\n  white-space: nowrap;\n  padding: 2px 5px;\n  min-width: 20px;\n  text-align: center;\n  color: #fff;\n  border-radius: 5px;\n  border: 1px solid #3498db;\n  background-color: #3498db;\n}\n.vue-range-slider.slider-component.slider-disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n.vue-range-slider.slider-component.slider-disabled .slider-dot {\n  cursor: not-allowed;\n}\n.vue-range-slider.slider-component.slider-has-label {\n  margin-bottom: 15px;\n}\n"]}