@import 'https://cdn.jsdelivr.net/npm/swiper@11.2.8/swiper.min.css';
.projects-carousel .swiper-button-disabled {
  background-color: var(--color-white);
  color: #B3B3B3;
  cursor: default;
}
.projects-carousel .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.projects-carousel .swiper-button-prev:focus,
.projects-carousel .swiper-button-next:focus,
.projects-carousel .swiper-autoplay-toggle:focus {
  outline: 2px solid #005fcc;
  outline-offset: 2px;
}
.projects-carousel .swiper-slide:focus {
  outline: 2px solid #005fcc;
  outline-offset: 4px;
}
@media (prefers-reduced-motion: reduce) {
  .projects-carousel .swiper .swiper-wrapper {
    transform: none !important;
  }
  .projects-carousel .swiper .swiper-slide {
    transform: none !important;
  }
}
@media (prefers-contrast: high) {
  .projects-carousel .swiper-button-prev,
  .projects-carousel .swiper-button-next,
  .projects-carousel .swiper-autoplay-toggle {
    border: 2px solid;
  }
}