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

.layout-element {
  --carousel-theme-color: #000;
  --carousel-navigation-size: 44px;
  --carousel-pagination-bullet-size: 6px;
  --carousel-pagination-bullet-horizontal-gap: 6px;
}
.layout-element .carousel .carousel-slide figure {
  line-height: 0;
}
.layout-element .carousel .layout-carousel-button,
.layout-element .carousel~.layout-carousel-button {
  color: hsla(0,0%,93%,.9);
  cursor: pointer;
  display: inline-flex;
  font-size: 25px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.layout-element .carousel .layout-carousel-button svg,
.layout-element .carousel~.layout-carousel-button svg {
  fill: hsla(0,0%,93%,.9);
  height: 1em;
  width: 1em;
}
.layout-element .carousel .layout-carousel-button-prev,
.layout-element .carousel~.layout-carousel-button-prev {
  left: 10px;
}
.layout-element .carousel .layout-carousel-button-next,
.layout-element .carousel~.layout-carousel-button-next {
  right: 10px;
}
.layout-element .carousel .carousel-horizontal>.carousel-pagination-bullets,
.layout-element .carousel .carousel-pagination-bullets.carousel-pagination-horizontal,
.layout-element .carousel~.carousel-pagination-bullets.carousel-pagination-horizontal {
  bottom: 5px;
}
.layout-element :where(.carousel-horizontal)~.carousel-pagination-bullets {
  bottom: 5px;
  left: 0;
  width: 100%;
}
.layout-element :where(.carousel-horizontal)~.carousel-pagination-bullets .carousel-pagination-bullet {
  margin: 0 var(--carousel-pagination-bullet-horizontal-gap,4px);
}
.layout-element.layout-pagination-position-outside .carousel {
  padding-bottom: 30px;
}
.layout-element.layout-pagination-position-outside .carousel .layout-carousel-button,
.layout-element.layout-pagination-position-outside .carousel~.layout-carousel-button {
  top: calc(50% - 30px / 2);
}