var r={transitionDuration:"{transition.duration}"},o={background:"{content.border.color}",borderRadius:"{border.radius.xs}",size:"2px"},n={background:"{primary.color}"},a={width:"18px",height:"18px",borderRadius:"50%",background:"{primary.color}",hoverBackground:"{primary.color}",content:{borderRadius:"50%",background:"{primary.color}",hoverBackground:"{primary.color}",width:"18px",height:"18px",shadow:"0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12)"},focusRing:{width:"0",style:"none",color:"unset",offset:"0",shadow:"none"}},css=({dt:r})=>`\n.p-slider-handle {\n    transition: box-shadow ${r("slider.transition.duration")};\n}\n\n.p-slider:not(.p-disabled) .p-slider-handle:hover {\n    box-shadow: 0 0 1px 10px color-mix(in srgb, ${r("slider.handle.background")}, transparent 92%);\n}\n\n.p-slider-handle:focus-visible,\n.p-slider:not(.p-disabled) .p-slider-handle:focus:hover {\n    box-shadow: 0 0 1px 10px color-mix(in srgb, ${r("slider.handle.background")}, transparent 84%);\n}\n`,d={root:r,track:o,range:n,handle:a,css:css};export{css,d as default,a as handle,n as range,r as root,o as track};//# sourceMappingURL=index.mjs.map