var style=({dt:i})=>`\n.p-chip {\n    display: inline-flex;\n    align-items: center;\n    background: ${i("chip.background")};\n    color: ${i("chip.color")};\n    border-radius: ${i("chip.border.radius")};\n    padding-block: ${i("chip.padding.y")};\n    padding-inline: ${i("chip.padding.x")};\n    gap: ${i("chip.gap")};\n}\n\n.p-chip-icon {\n    color: ${i("chip.icon.color")};\n    font-size: ${i("chip.icon.font.size")};\n    width: ${i("chip.icon.size")};\n    height: ${i("chip.icon.size")};\n}\n\n.p-chip-image {\n    border-radius: 50%;\n    width: ${i("chip.image.width")};\n    height: ${i("chip.image.height")};\n    margin-inline-start: calc(-1 * ${i("chip.padding.y")});\n}\n\n.p-chip:has(.p-chip-remove-icon) {\n    padding-inline-end: ${i("chip.padding.y")};\n}\n\n.p-chip:has(.p-chip-image) {\n    padding-block-start: calc(${i("chip.padding.y")} / 2);\n    padding-block-end: calc(${i("chip.padding.y")} / 2);\n}\n\n.p-chip-remove-icon {\n    cursor: pointer;\n    font-size: ${i("chip.remove.icon.size")};\n    width: ${i("chip.remove.icon.size")};\n    height: ${i("chip.remove.icon.size")};\n    color: ${i("chip.remove.icon.color")};\n    border-radius: 50%;\n    transition: outline-color ${i("chip.transition.duration")}, box-shadow ${i("chip.transition.duration")};\n    outline-color: transparent;\n}\n\n.p-chip-remove-icon:focus-visible {\n    box-shadow: ${i("chip.remove.icon.focus.ring.shadow")};\n    outline: ${i("chip.remove.icon.focus.ring.width")} ${i("chip.remove.icon.focus.ring.style")} ${i("chip.remove.icon.focus.ring.color")};\n    outline-offset: ${i("chip.remove.icon.focus.ring.offset")};\n}\n`;export{style};//# sourceMappingURL=index.mjs.map