/* Static BlueLine AG design rules. Edit freely; no framework runtime. */

:root {
  --carousel-theme-color: #007aff;
}
.carousel {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}
.carousel-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
.carousel-wrapper {
  transform: translate3d(0px,0,0);
}
.carousel-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}
:root {
  --carousel-navigation-size: 44px;
}
.carousel-pagination {
  position: absolute;
  text-align: center;
  transition: .3s opacity;
  transform: translate3d(0,0,0);
  z-index: 10;
}
.carousel-horizontal>.carousel-pagination-bullets,
.carousel-pagination-bullets.carousel-pagination-horizontal {
  bottom: 10px;
  left: 0;
  width: 100%;
}
.carousel-pagination-bullet {
  width: var(--carousel-pagination-bullet-width,var(--carousel-pagination-bullet-size,8px));
  height: var(--carousel-pagination-bullet-height,var(--carousel-pagination-bullet-size,8px));
  display: inline-block;
  border-radius: 50%;
  background: var(--carousel-pagination-bullet-inactive-color,#000);
  opacity: var(--carousel-pagination-bullet-inactive-opacity, .2);
}
button.carousel-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}
.carousel-pagination-clickable .carousel-pagination-bullet {
  cursor: pointer;
}
.carousel-pagination-bullet:only-child {
  display: none !important;
}
.carousel-pagination-bullet-active {
  opacity: var(--carousel-pagination-bullet-opacity, 1);
  background: var(--carousel-pagination-color,var(--carousel-theme-color));
}
.carousel-horizontal>.carousel-pagination-bullets .carousel-pagination-bullet,
.carousel-pagination-horizontal.carousel-pagination-bullets .carousel-pagination-bullet {
  margin: 0 var(--carousel-pagination-bullet-horizontal-gap,4px);
}
@keyframes carousel-preloader-spin {
0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}
}
.carousel-fade .carousel-slide {
  pointer-events: none;
  transition-property: opacity;
}
.carousel-fade .carousel-slide .carousel-slide {
  pointer-events: none;
}
.carousel-fade .carousel-slide-active,
.carousel-fade .carousel-slide-active .carousel-slide-active {
  pointer-events: auto;
}