.carousel-container{padding:0 2.5rem;position:relative}.css-carousel{scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;gap:1rem;margin:0;padding:1rem 0;list-style:none;display:flex;overflow-x:auto}.css-carousel::-webkit-scrollbar{display:none}.carousel-item{scroll-snap-align:center;scroll-snap-stop:always;flex:none}.carousel-card{border-radius:.75rem;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;width:200px;height:140px;transition:transform .2s,box-shadow .2s;display:flex}.carousel-card:hover{transform:scale(1.02);box-shadow:0 10px 40px -10px #0000004d}.carousel-nav-fallback{background:hsl(var(--muted));border:1px solid hsl(var(--border));width:2rem;height:2rem;color:hsl(var(--foreground));cursor:pointer;z-index:10;border-radius:9999px;justify-content:center;align-items:center;font-size:.875rem;transition:background .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.carousel-nav-fallback:hover{background:hsl(var(--accent))}.carousel-nav-fallback.prev{left:0}.carousel-nav-fallback.next{right:0}.carousel-dots-fallback{justify-content:center;gap:.5rem;padding-top:1rem;display:flex}.carousel-dot{background:hsl(var(--muted-foreground)/.3);cursor:pointer;border:none;border-radius:9999px;width:.5rem;height:.5rem;transition:background .2s,transform .2s}.carousel-dot:hover{background:hsl(var(--muted-foreground)/.6);transform:scale(1.2)}.carousel-dot.active{background:hsl(var(--primary));transform:scale(1.2)}