nudge-components-library/dist/components/anchoring/Slider.module.css.js

A library of nudge UI components

import styleInject from '../../node_modules/style-inject/dist/style-inject.es.js';

var css_248z = ".Slider-module_sliderContainer__gucm1 {\n  position: relative;\n}\n\n.Slider-module_inputSlider__ijk-R {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n}\n\n/* Hide native slider thumbs */\n.Slider-module_inputSlider__ijk-R::-webkit-slider-thumb {\n  opacity: 0;\n  cursor: pointer;\n}\n.Slider-module_inputSlider__ijk-R::-moz-range-thumb {\n  opacity: 0;\n  cursor: pointer;\n}\n\n.Slider-module_customThumb__j2-wM {\n  position: absolute;\n  transform: translateX(-50%);\n  pointer-events: none;\n}\n\n.Slider-module_sliderTooltip__MRcZi {\n  position: absolute;\n  transform: translateX(-50%);\n  opacity: 0;\n  transition: opacity 0.2s ease;\n  pointer-events: none;\n}\n\n/* Tooltip appears on hover */\n.Slider-module_inputSlider__ijk-R:hover + .Slider-module_customThumb__j2-wM + .Slider-module_sliderTooltip__MRcZi {\n  opacity: 1;\n}\n\n/* When always visible, force tooltip to be shown */\n.Slider-module_sliderTooltip__MRcZi.Slider-module_alwaysVisible__UP72C {\n  opacity: 1;\n}\n\n/* Tooltip arrow */\n.Slider-module_sliderTooltip__MRcZi::after {\n  content: \"\";\n  position: absolute;\n  top: 100%;\n  left: 50%;\n  transform: translateX(-50%);\n  border-width: var(--tooltip-triangle-width, 5px);\n  border-style: solid;\n  border-color: var(--tooltip-triangle-color, #add8e6) transparent transparent;\n}\n";
var styles = {"sliderContainer":"Slider-module_sliderContainer__gucm1","inputSlider":"Slider-module_inputSlider__ijk-R","customThumb":"Slider-module_customThumb__j2-wM","sliderTooltip":"Slider-module_sliderTooltip__MRcZi","alwaysVisible":"Slider-module_alwaysVisible__UP72C"};
styleInject(css_248z);

export { styles as default };
//# sourceMappingURL=Slider.module.css.js.map