var o={gap:"0.5rem",transitionDuration:"{transition.duration}",focusRing:{width:"0",style:"none",color:"unset",offset:"0",shadow:"none"}},n={size:"1.125rem",color:"{text.muted.color}",hoverColor:"{primary.color}",activeColor:"{primary.color}"},css=({dt:o})=>`\n.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-option:hover {\n    background: color-mix(in srgb, ${o("rating.icon.color")}, transparent 96%);\n    box-shadow: 0 0 1px 8px color-mix(in srgb, ${o("rating.icon.color")}, transparent 96%);\n}\n\n.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-option-active:hover {\n    background: color-mix(in srgb, ${o("rating.icon.active.color")}, transparent 92%);\n    box-shadow: 0 0 1px 8px color-mix(in srgb, ${o("rating.icon.active.color")}, transparent 92%);\n}\n\n.p-rating-option.p-focus-visible {\n    background: color-mix(in srgb, ${o("rating.icon.active.color")}, transparent 84%);\n    box-shadow: 0 0 1px 8px color-mix(in srgb, ${o("rating.icon.active.color")}, transparent 84%);\n}\n`,r={root:o,icon:n,css:css};export{css,r as default,n as icon,o as root};//# sourceMappingURL=index.mjs.map