.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:start;flex-shrink:0;width:100%}@media (min-width:768px){.carousel-grid--tablet-1 .carousel-slide{width:100%}.carousel-grid--tablet-2 .carousel-slide{width:calc((100% - var(--space-24)) / 2)}.carousel-grid--tablet-3 .carousel-slide{width:calc((100% - 2 * var(--space-24)) / 3)}.carousel-grid--tablet-4 .carousel-slide{width:calc((100% - 3 * var(--space-24)) / 4)}}@media (min-width:1024px){.carousel-grid--desktop-1 .carousel-slide{width:100%}.carousel-grid--desktop-2 .carousel-slide{width:calc((100% - var(--space-24)) / 2)}.carousel-grid--desktop-3 .carousel-slide{width:calc((100% - 2 * var(--space-24)) / 3)}.carousel-grid--desktop-4 .carousel-slide{width:calc((100% - 3 * var(--space-24)) / 4)}}.carousel-pagination{justify-content:center;align-items:center;gap:var(--space-8);margin-top:var(--space-16);display:flex}.carousel-dot{border-radius:var(--radius-pill);background-color:var(--surface-muted);box-sizing:border-box;cursor:pointer;border:none;width:8px;height:8px;padding:0;transition:all .2s}.carousel-dot--active{background-color:var(--surface-base);width:16px;box-shadow:inset 0 0 0 var(--border-width-1) var(--border-action-pagination-active), 0 0 0 3px var(--border-action-pagination-ring-active)}