.carousel-viewport{cursor:grab;overflow-x:scroll;scroll-snap-type:x mandatory;scrollbar-width:none;user-select:none;-webkit-user-select:none}.carousel-viewport:active{cursor:grabbing}.carousel-viewport::-webkit-scrollbar{display:none}.carousel-container{--gap:16px;display:flex;gap:var(--gap)}.carousel-card{flex:0 0 100%;scroll-snap-align:start}@media (min-width:768px){.carousel-card{flex:0 0 calc((100% - var(--gap))/2)}}@media (min-width:1024px){.carousel-card{flex:0 0 calc(33.33333% - var(--gap)*2/3)}}@media (min-width:1280px){.carousel-card{flex:0 0 calc(25% - var(--gap)*3/4)}}