/**
 * @param {string} $scheme - The color scheme of the button. Options are nothing, $scheme-light, $scheme-dark
 * if $scheme-dark is passed, the button will be black text and black outline
 * if $scheme-light is passed, the button will be white text and white outline
 * if no $scheme is passed, the button will depend on the background color via the bg-dark mixin
 *   - if ancestor DOES have bg-dark, then white text and white outline
 *   - if ancestor DOES NOT have bg-dark, then black text and black outline
 */
.carousel[data-v-98b2b0fe] {
  position: relative;
}
.carousel:hover .carousel__button[data-v-98b2b0fe] {
  opacity: 1;
  pointer-events: all;
}
.carousel__wrapper[data-v-98b2b0fe] {
  width: 100%;
  z-index: 100;
}
.carousel__group[data-v-98b2b0fe] {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}
.carousel__group--mobile-swipe[data-v-98b2b0fe] {
  touch-action: pan-y;
}
.carousel__group.lastActive[data-v-98b2b0fe]:hover {
  cursor: pointer;
}
.carousel__group.lastActive:hover .first[data-v-98b2b0fe] {
  opacity: 1;
}
.carousel__group.lastActive:hover .last[data-v-98b2b0fe] {
  opacity: 0;
}
.carousel__slide[data-v-98b2b0fe] {
  left: 0px;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transition: opacity 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  top: 0px;
  width: 100%;
}
.carousel__slide.-initiatives-active[data-v-98b2b0fe] {
  opacity: 1;
  pointer-events: all;
  position: relative;
}
.carousel__slide.-initiatives-active[data-v-98b2b0fe]:hover {
  opacity: 0;
}
.carousel__slide.-initiatives-active:hover + li[data-v-98b2b0fe] {
  opacity: 1;
}
.carousel--disable-desktop-hover-image-swap .carousel__slide.-initiatives-active[data-v-98b2b0fe]:hover {
  opacity: 1;
}
.carousel--disable-desktop-hover-image-swap .carousel__slide.-initiatives-active:hover + li[data-v-98b2b0fe] {
  opacity: 0;
}
.carousel__slide.-initiatives-active.last[data-v-98b2b0fe] {
  pointer-events: none;
}
.carousel__slide.-initiatives-active.last[data-v-98b2b0fe]:hover {
  opacity: unset;
}
.carousel__slide .slide-ratio[data-v-98b2b0fe] {
  position: relative;
  aspect-ratio: 0.75;
  width: 100%;
}
.carousel__slide .slide-image[data-v-98b2b0fe] {
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
}
.carousel__button[data-v-98b2b0fe]:focus {
  outline: 3px solid #395775;
}
.carousel__button[data-v-98b2b0fe] {
  background: none;
  border: none;
  height: 45px;
  cursor: pointer;
  top: 50%;
  pointer-events: none;
  position: absolute;
  transform: translateY(-50%);
  transition: opacity 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  width: 45px;
  z-index: 100;
  opacity: 0;
}
.carousel__button[data-v-98b2b0fe]:focus {
  opacity: 1;
  pointer-events: all;
}
.carousel:hover .carousel__button[data-v-98b2b0fe]:focus {
  opacity: 1;
  pointer-events: all;
}
.carousel--focus-visible-nav .carousel__button[data-v-98b2b0fe]:focus {
  opacity: 0;
  pointer-events: none;
}
.carousel--focus-visible-nav .carousel__button[data-v-98b2b0fe]:focus-visible {
  opacity: 1;
  pointer-events: all;
}
.carousel__button--prev[data-v-98b2b0fe] {
  left: 4px;
}
.carousel__button--prev svg[data-v-98b2b0fe] {
  transform: rotate(180deg);
}
.carousel__button--next[data-v-98b2b0fe] {
  right: 4px;
}
@media (min-width: 1025px) {
.carousel__button[data-v-98b2b0fe] {
    opacity: 0;
}
}
.carousel__button[data-v-98b2b0fe] .svg-icon {
  height: 16px;
  width: 16px;
}
.carousel__button[data-v-98b2b0fe] .svg-icon path {
  stroke: none;
  fill: #000000;
}
.carousel__progress-bar-container[data-v-98b2b0fe] {
  width: 100%;
  height: 1px;
  background-color: #f3f3f3;
  margin: 0px;
}
@media (min-width: 1025px) {
.carousel__progress-bar-container[data-v-98b2b0fe] {
    display: none;
}
}
.carousel__progress-bar[data-v-98b2b0fe] {
  height: 100%;
  background-color: #000000;
  transition: width 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  width: 0;
}