var style=({dt:n})=>`\n.p-carousel {\n    display: flex;\n    flex-direction: column;\n}\n\n.p-carousel-content-container {\n    display: flex;\n    flex-direction: column;\n    overflow: auto;\n}\n\n.p-carousel-content {\n    display: flex;\n    flex-direction: row;\n    gap: ${n("carousel.content.gap")};\n}\n\n.p-carousel-content:dir(rtl) {\n    flex-direction: row-reverse;\n}\n\n.p-carousel-viewport {\n    overflow: hidden;\n    width: 100%;\n}\n\n.p-carousel-item-list {\n    display: flex;\n    flex-direction: row;\n}\n\n.p-carousel-item-list:dir(rtl) {\n    flex-direction: row-reverse;\n}\n\n.p-carousel-prev-button,\n.p-carousel-next-button {\n    align-self: center;\n    flex-shrink: 0;\n}\n\n.p-carousel-indicator-list {\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n    flex-wrap: wrap;\n    padding: ${n("carousel.indicator.list.padding")};\n    gap: ${n("carousel.indicator.list.gap")};\n    margin: 0;\n    list-style: none;\n}\n\n.p-carousel-indicator-button {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: ${n("carousel.indicator.background")};\n    width: ${n("carousel.indicator.width")};\n    height: ${n("carousel.indicator.height")};\n    border: 0 none;\n    transition: background ${n("carousel.transition.duration")}, color ${n("carousel.transition.duration")}, outline-color ${n("carousel.transition.duration")}, box-shadow ${n("carousel.transition.duration")};\n    outline-color: transparent;\n    border-radius: ${n("carousel.indicator.border.radius")};\n    padding: 0;\n    margin: 0;\n    user-select: none;\n    cursor: pointer;\n}\n\n.p-carousel-indicator-button:focus-visible {\n    box-shadow: ${n("carousel.indicator.focus.ring.shadow")};\n    outline: ${n("carousel.indicator.focus.ring.width")} ${n("carousel.indicator.focus.ring.style")} ${n("carousel.indicator.focus.ring.color")};\n    outline-offset: ${n("carousel.indicator.focus.ring.offset")};\n}\n\n.p-carousel-indicator-button:hover {\n    background: ${n("carousel.indicator.hover.background")};\n}\n\n.p-carousel-indicator-active .p-carousel-indicator-button {\n    background: ${n("carousel.indicator.active.background")};\n}\n\n.p-carousel-vertical .p-carousel-content {\n    flex-direction: column;\n}\n\n.p-carousel-vertical .p-carousel-item-list {\n    flex-direction: column;\n    height: 100%;\n}\n\n.p-items-hidden .p-carousel-item {\n    visibility: hidden;\n}\n\n.p-items-hidden .p-carousel-item.p-carousel-item-active {\n    visibility: visible;\n}\n`;export{style};//# sourceMappingURL=index.mjs.map