.carousel{position:relative}.carousel__slides{display:flex;flex-wrap:nowrap;align-items:start;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;overflow-x:auto;scroll-snap-type:x mandatory;grid-template-rows:1fr;height:100%}.carousel__slide img{object-fit:cover}.carousel__slide{width:100%;min-width:100%;height:100%;display:flex;scroll-snap-align:start}.carousel__indicators{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;justify-content:center;width:100%;padding:0;margin:0}.carousel__indicator{width:12px;height:12px;background-color:#333;border-radius:50%;margin:0 5px;cursor:pointer;transition:background-color .3s ease;box-shadow:0 0 9px #383838}.carousel__indicator:hover{background-color:#ddd}.carousel__indicator--active{background-color:#fff;box-shadow:0 0 9px #b4b4b4}.hide-scroll-buttons{display:none}