.scroll-list-container{position:relative;width:100%}.scroll-list{overflow-y:auto;padding:16px}.scroll-list::-webkit-scrollbar{width:8px}.scroll-list::-webkit-scrollbar-track{background:hsl(var(--background))}.scroll-list::-webkit-scrollbar-thumb{background:hsl(var(--border));border-radius:4px}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.item{padding:16px 20px;background-color:hsl(var(--background));border-radius:2px;border:1px solid hsl(var(--border));display:flex;align-items:center;gap:16px;transition:border-color .2s ease,background-color .2s ease}.item.selected{background-color:hsl(var(--secondary));border-color:hsl(var(--primary))}.item-number{font-family:JetBrains Mono,monospace;font-size:.75rem;color:hsl(var(--primary));min-width:1.75rem;letter-spacing:.05em;flex-shrink:0}.item-text{color:hsl(var(--foreground));margin:0;font-size:1rem;font-weight:500}.top-gradient{position:absolute;top:0;left:0;right:0;height:50px;background:linear-gradient(to bottom,hsl(var(--card)),transparent);pointer-events:none;transition:opacity .3s ease}.bottom-gradient{position:absolute;bottom:0;left:0;right:0;height:100px;background:linear-gradient(to top,hsl(var(--card)),transparent);pointer-events:none;transition:opacity .3s ease}.carousel-container{position:relative;overflow:hidden;border-radius:2px;padding:16px;background:hsl(var(--card))}.carousel-container.round{border-radius:50%}.carousel-track{display:flex;cursor:grab}.carousel-track:active{cursor:grabbing}.carousel-item{flex-shrink:0;display:flex;flex-direction:column;background-color:hsl(var(--background));border-radius:2px;border:1px solid hsl(var(--border));overflow:hidden}.carousel-item.round{border-radius:50%;overflow:hidden}.carousel-item-header{width:100%;aspect-ratio:16 / 10;position:relative;overflow:hidden;background:hsl(var(--background));flex-shrink:0}.carousel-item-header.round{width:100%;height:100%;aspect-ratio:unset;border-radius:50%}.carousel-item-image{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block}.carousel-item-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:hsl(var(--muted))}.carousel-item-placeholder-text{font-size:.75rem;color:hsl(var(--muted-foreground));font-family:JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:.1em}.carousel-icon-container{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.carousel-icon{width:28px;height:28px;color:hsl(var(--foreground))}.carousel-item-content{padding:20px}.carousel-item-title{font-size:18px;font-weight:700;color:hsl(var(--foreground));margin:0 0 8px;font-family:Playfair Display,serif}.carousel-item-description{font-size:14px;color:hsl(var(--muted-foreground));margin:0;line-height:1.5}.carousel-indicators-container{display:flex;justify-content:center;align-items:center;margin-top:12px}.carousel-indicators-container.round{position:absolute;bottom:3em;left:50%;transform:translate(-50%)}.carousel-indicators{display:flex;gap:8px;align-items:center}.carousel-indicator{width:8px;height:8px;border-radius:50%;border:none;cursor:pointer;padding:0;transition:background .2s ease}.carousel-indicator.active{background:hsl(var(--primary))}.carousel-indicator.inactive{background:hsl(var(--border))}.carousel-indicator:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:2px}.carousel-track-wrapper{position:relative}.carousel-image-overlay{position:absolute;top:16px;left:16px;right:16px;aspect-ratio:16 / 10;pointer-events:none}.carousel-image-overlay .carousel-arrow{pointer-events:auto}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;border:none;background:hsl(var(--background) / .85);color:hsl(var(--foreground));display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:background .2s ease,color .2s ease}.carousel-arrow:hover{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.carousel-arrow:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:2px}.carousel-arrow-prev{left:12px}.carousel-arrow-next{right:12px}@media (max-width: 639px){.carousel-item-header,.carousel-image-overlay{aspect-ratio:4 / 3}}.carousel-item-clickable{cursor:pointer}