.carousel-grid{gap:var(--space-24);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;margin:-4px;padding:4px;display:flex;overflow-x:auto}.carousel-grid::-webkit-scrollbar{display:none}.carousel-slide{scroll-snap-align:center;flex-shrink:0}.carousel-grid--tablet-2 .carousel-slide{width:100%}@media (min-width:768px){.carousel-grid--tablet-2 .carousel-slide{width:calc((100% - var(--space-24))/2)}}@media (min-width:1024px){.carousel-grid{scroll-snap-type:none;overflow-x:visible}.carousel-grid--tablet-2 .carousel-slide{flex:1;width:auto}}.carousel-pagination{justify-content:center;align-items:center;gap:var(--space-8);margin-top:var(--space-16);display:flex}@media (min-width:1024px){.carousel-pagination{display:none}}.carousel-dot{border:var(--border-width-1)solid var(--border-muted);border-radius:var(--radius-badge);background-color:var(--surface-subtle);box-sizing:border-box;cursor:pointer;width:8px;height:8px;padding:0;transition:all .2s}.carousel-dot--active{border-color:var(--border-brand);background-color:var(--surface-base);width:16px;box-shadow:var(--shadow-hover-primary)}