.carousel{display:flow-root;flex-grow:1;margin:0;position:relative}.carousel__contents{display:grid;gap:16px;grid-auto-columns:calc(20% - 12.8px);grid-auto-flow:column;overflow-x:scroll;scroll-snap-type:x mandatory;scrollbar-width:none}.carousel__contents>*{scroll-snap-align:start}.carousel__contents::-webkit-scrollbar{display:none}.carousel--cols-1 .carousel__contents{grid-auto-columns:100%}.carousel--cols-2 .carousel__contents{grid-auto-columns:calc(50% - 8px)}.carousel--cols-3 .carousel__contents{grid-auto-columns:calc(33.33333% - 10.66667px)}.carousel--cols-4 .carousel__contents{grid-auto-columns:calc(25% - 12px)}.carousel--cols-5 .carousel__contents{grid-auto-columns:calc(20% - 12.8px)}.carousel--cols-6 .carousel__contents{grid-auto-columns:calc(16.66667% - 13.33333px)}.carousel__controls{align-items:center;display:flex;gap:8px;height:100%;justify-content:space-between;margin-bottom:8px;padding:16px;pointer-events:none;position:absolute;width:100%;z-index:1}.carousel__controls button{aspect-ratio:1/1;background-color:#f2f2f2;border:1px solid #e6e6e6;border-radius:8px;box-sizing:border-box;pointer-events:auto}.carousel__indicator{align-items:center;display:flex;gap:4px;justify-content:center;margin-top:8px;width:100%}.carousel__indicator>div{background:#e6e6e6;border-radius:100%;height:8px;width:8px}.carousel__indicator>div.active{background-color:var(--highlight-color,red)}@media only screen and (max-width:1000px){.carousel__contents{grid-auto-columns:100%!important}}