.carousel{width:100%;position:relative}.carousel-container{max-width:1280px;margin:0 auto;padding:0 1rem}.carousel-track{scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none;scroll-behavior:smooth;gap:1rem;display:flex;overflow-x:auto;overflow-y:visible}.carousel-track::-webkit-scrollbar{display:none}.carousel-slide{box-sizing:border-box;flex-shrink:0;justify-content:center;align-items:stretch;padding:1rem 0;transition:transform .4s,opacity .4s;display:flex}.carousel-slide--active{opacity:1;z-index:10;transform:scale(1.02)}.carousel-slide--inactive{opacity:.6;filter:blur(1px);transform:scale(.95)}.carousel-button{z-index:100;border:1px solid hsl(var(--border));background:hsl(var(--surface)/.85);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;border-radius:50%;place-items:center;width:2.75rem;height:2.75rem;transition:all .2s ease-in-out;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 10px rgba(0,0,0,.12)}.carousel-button:hover{background:hsl(var(--primary)/.1);border-color:hsl(var(--primary));transform:translateY(-50%)scale(1.05)}.carousel-button:active{transform:translateY(-50%)scale(.95)}.carousel-button--prev{left:.5rem}.carousel-button--next{right:.5rem}@media (min-width:768px){.carousel-track{gap:2rem}.carousel-slide--active{transform:scale(1.05)}.carousel-button{width:3rem;height:3rem}}