var style=({dt:t})=>`\n.p-selectbutton {\n    display: inline-flex;\n    user-select: none;\n    vertical-align: bottom;\n    outline-color: transparent;\n    border-radius: ${t("selectbutton.border.radius")};\n}\n\n.p-selectbutton .p-togglebutton {\n    border-radius: 0;\n    border-width: 1px 1px 1px 0;\n}\n\n.p-selectbutton .p-togglebutton:focus-visible {\n    position: relative;\n    z-index: 1;\n}\n\n.p-selectbutton .p-togglebutton:first-child {\n    border-inline-start-width: 1px;\n    border-start-start-radius: ${t("selectbutton.border.radius")};\n    border-end-start-radius: ${t("selectbutton.border.radius")};\n}\n\n.p-selectbutton .p-togglebutton:last-child {\n    border-start-end-radius: ${t("selectbutton.border.radius")};\n    border-end-end-radius: ${t("selectbutton.border.radius")};\n}\n\n.p-selectbutton.p-invalid {\n    outline: 1px solid ${t("selectbutton.invalid.border.color")};\n    outline-offset: 0;\n}\n`;export{style};//# sourceMappingURL=index.mjs.map