/* The brand logos on the home page: a continuous glide (Carousel.js sets the
   Swiper up with no pause and a long transition; this keeps that transition
   linear so the movement is even), no arrows, and a soft fade at each edge.
   Standalone because main.css is a Compass build. */
.brands-carousel__swiper .swiper-wrapper {
  transition-timing-function: linear !important;
}
.brands-carousel__swiper .swiper-button-prev,
.brands-carousel__swiper .swiper-button-next {
  display: none !important;
}
.brands-carousel__swiper {
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent);
}
.brands-carousel__swiper .swiper-slide {
  cursor: pointer;
}