.carousel{--carousel-per-view:1;--carousel-gap:var(--gutter);gap:var(--space-4) var(--space-3);grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"prev track next"".dots.";align-items:center;display:grid}.carousel--2{--carousel-per-view:2}.carousel--3{--carousel-per-view:3}.carousel__track{grid-area:track;grid-auto-columns:calc((100% - (var(--carousel-per-view) - 1) * var(--carousel-gap)) / var(--carousel-per-view));gap:var(--carousel-gap);padding:var(--space-4) var(--space-1) var(--space-6);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;grid-auto-flow:column;margin:0;list-style:none;display:grid;overflow-x:auto}.carousel__track::-webkit-scrollbar{display:none}.carousel__slide{scroll-snap-align:start;min-width:0;display:flex}.carousel__slide>*{flex:auto}.carousel__arrow{width:44px;height:44px;color:var(--color-red);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.carousel__arrow:hover{background:var(--color-cream)}.carousel__arrow[hidden]{display:none}.carousel__arrow--prev{grid-area:prev}.carousel__arrow--next{grid-area:next}.carousel__arrow-icon{width:28px;height:28px}.carousel__dots{gap:var(--space-1);flex-wrap:wrap;grid-area:dots;justify-content:center;display:flex}.carousel__dots[hidden]{display:none}.carousel__dot{cursor:pointer;background:0 0;border:0;width:24px;height:24px;padding:0;position:relative}.carousel__dot:before{content:"";background:var(--color-navy);opacity:.6;border-radius:50%;position:absolute;inset:8px}.carousel__dot:after{content:"";position:absolute;inset:-10px}.carousel__dot[aria-current=true]:before{background:var(--color-red);opacity:1}@media (width<=1024px){.carousel--3{--carousel-per-view:2}}@media (width<=767px){.carousel{--carousel-per-view:1;grid-template-areas:"track track track""prev dots next"}}