.carousel{position:relative}.carousel__item{scroll-snap-align:center}.carousel .carousel__body{display:flex}.carousel .carousel__body__content{display:flex;gap:1em;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;margin:0 auto}.carousel .carousel__body>button{position:relative;transform:translateY(-100%);margin:auto 0;z-index:1;border:none;padding:.4em;width:30px;background-color:transparent}.carousel .carousel__body>button>.icon{width:1.35em;height:1.35em;font-size:2em}.carousel .carousel__body>button>.icon>svg{fill:var(--brand-color)}.carousel .carousel__body>button:first-of-type{margin-right:1.5em}.carousel .carousel__body>button:last-of-type{margin-left:1.5em}.carousel .carousel__body>button:last-of-type>.icon>svg{transform:rotate(180deg)}.carousel--end>div>button:last-of-type,.carousel--start>div>button:first-of-type{pointer-events:none;opacity:0}