var style=({dt:n})=>`\n.p-knob-range {\n    fill: none;\n    transition: stroke 0.1s ease-in;\n}\n\n.p-knob-value {\n    animation-name: p-knob-dash-frame;\n    animation-fill-mode: forwards;\n    fill: none;\n}\n\n.p-knob-text {\n    font-size: 1.3rem;\n    text-align: center;\n}\n\n.p-knob svg {\n    border-radius: 50%;\n    outline-color: transparent;\n    transition: background ${n("knob.transition.duration")}, color ${n("knob.transition.duration")}, outline-color ${n("knob.transition.duration")}, box-shadow ${n("knob.transition.duration")};\n}\n\n.p-knob svg:focus-visible {\n    box-shadow: ${n("knob.focus.ring.shadow")};\n    outline: ${n("knob.focus.ring.width")} ${n("knob.focus.ring.style")} ${n("knob.focus.ring.color")};\n    outline-offset: ${n("knob.focus.ring.offset")};\n}\n\n@keyframes p-knob-dash-frame {\n    100% {\n        stroke-dashoffset: 0;\n    }\n}\n`;export{style};//# sourceMappingURL=index.mjs.map