var o={transitionDuration:"{transition.duration}"},r={gap:"0.25rem"},n={padding:"1rem",gap:"1rem"},a={width:"1.25rem",height:"1.25rem",borderRadius:"50%",focusRing:{width:"0",style:"none",color:"unset",offset:"0",shadow:"none"}},i={light:{indicator:{background:"{surface.200}",hoverBackground:"{surface.300}",activeBackground:"{primary.color}"}},dark:{indicator:{background:"{surface.700}",hoverBackground:"{surface.600}",activeBackground:"{primary.color}"}}},css=({dt:o})=>`\n.p-carousel-indicator-button:hover {\n    box-shadow: 0 0 1px 10px color-mix(in srgb, ${o("text.color")}, transparent 96%);\n}\n\n.p-carousel-indicator-button:focus-visible {\n    box-shadow: 0 0 1px 10px color-mix(in srgb, ${o("text.color")}, transparent 96%);\n}\n\n.p-carousel-indicator-active .p-carousel-indicator-button:hover {\n    box-shadow: 0 0 1px 10px color-mix(in srgb, ${o("carousel.indicator.active.background")}, transparent 92%);\n}\n\n.p-carousel-indicator-active .p-carousel-indicator-button:focus-visible {\n    box-shadow: 0 0 1px 10px color-mix(in srgb, ${o("carousel.indicator.active.background")}, transparent 84%);\n}\n`,t={root:o,content:r,indicatorList:n,indicator:a,colorScheme:i,css:css};export{i as colorScheme,r as content,css,t as default,a as indicator,n as indicatorList,o as root};//# sourceMappingURL=index.mjs.map