.reference-carousel{min-width:0}.reference-carousel-controls{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.reference-carousel-arrow{border:1px solid hsl(var(--border));width:3rem;height:3rem;color:hsl(var(--foreground));border-radius:50%;justify-content:center;align-items:center;transition:border-color .18s,color .18s;display:inline-flex}.reference-carousel-arrow:hover:not(:disabled){border-color:hsl(var(--primary));color:hsl(var(--primary))}.reference-carousel-arrow:disabled{opacity:.3;cursor:default}.reference-carousel-arrow:focus-visible,.reference-carousel-track:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:4px}.reference-carousel-track{--reference-gap:20px;gap:var(--reference-gap);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:hsl(var(--primary) / .6) transparent;padding-bottom:1.25rem;display:flex;overflow-x:auto}.reference-carousel-card{scroll-snap-align:start;flex:0 0 100%;min-width:0}.reference-carousel-card>button:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:-2px;box-shadow:none;border-radius:20px}@media (width>=640px){.reference-carousel-card{flex-basis:calc((100% - var(--reference-gap)) / 2)}}@media (width>=1024px){.reference-carousel-track{--reference-gap:28px}.reference-carousel-card{flex-basis:calc((100% - 2 * var(--reference-gap)) / 3)}}@media (prefers-reduced-motion:reduce){.reference-carousel-arrow{transition:none}}