.o-blog-filters {
  --block-spacing: 1.6rem;
  text-transform: capitalize;
  margin-top: 2rem;
  margin-bottom: 4rem;
}
@media screen and (min-width: 768px) {
  .o-blog-filters {
    --block-spacing: 2.6rem;
  }
}
@media screen and (min-width: 1100px) {
  .o-blog-filters {
    margin-top: 8rem;
    margin-bottom: 4rem;
  }
}
.o-blog-filters__filter {
  text-decoration: none;
  font-weight: 700;
  color: var(--color-primary-body);
  opacity: 0.6;
  transition: opacity var(--default-transition-easing) var(--default-transition-timing);
  font-size: var(--body-fs-lg);
}
.o-blog-filters__filter.swiper-slide {
  width: fit-content;
}
.o-blog-filters__filter.active {
  opacity: 1;
}
.o-blog-filters .m-swiper:not(.swiper-initialized) .swiper-wrapper {
  display: flex;
  gap: var(--block-spacing);
}
.o-blog-filters .m-swiper.swiper-initialized {
  position: relative;
  padding: 0;
}
.o-blog-filters .m-swiper.swiper-initialized .m-swiper__navigation {
  position: absolute;
  width: 100%;
  left: 0;
}
.o-blog-filters .m-swiper.swiper-initialized .m-swiper__arrow {
  background-color: rgba(255, 255, 255, 0.8);
  height: 2rem;
  width: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: -2.5rem;
}
@media screen and (min-width: 768px) {
  .o-blog-filters .m-swiper.swiper-initialized .m-swiper__arrow {
    margin-top: -3rem;
    height: 3rem;
    width: 3rem;
  }
}
.o-blog-filters .m-swiper.swiper-initialized .m-swiper__arrow svg {
  width: 1.6rem;
  height: auto;
}
@media screen and (min-width: 768px) {
  .o-blog-filters .m-swiper.swiper-initialized .m-swiper__arrow svg {
    width: 2.4rem;
  }
}
.o-blog-filters .m-swiper.swiper-initialized .m-swiper__arrow svg path {
  fill: var(--color-primary);
}
.o-blog-filters .m-swiper.swiper-initialized .m-swiper__arrow.swiper-button-disabled {
  opacity: 0;
}