.wp-block-query.is-style-carousel {
  position: relative;
}
.wp-block-query.is-style-carousel .wp-block-post {
  width: min(100vw - 4rem, 24.83375rem);
  flex: 0 0 min(100vw - 4rem, 24.83375rem);
}
.wp-block-query.is-style-carousel .wp-block-post-template {
  display: flex;
  gap: 1.5rem;
  transition: transform 0.5s ease;
}
.wp-block-query.is-style-carousel .wp-block-post-template .wp-block-post {
  margin-block-start: 0;
}
.wp-block-query.is-style-carousel .carousel-navigation {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.5rem;
  position: absolute;
  right: 0;
  top: -3.65em;
  transform: translate(0, -100%);
}
.wp-block-query.is-style-carousel .carousel-navigation .carousel-button {
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 19' fill='none'%3E%3Cpath d='M9.83984 17.8887L1.60336 9.44447L9.83985 1.00027' stroke='%230e1111' stroke-width='2'/%3E%3C/svg%3E");
  background-position: left 10px center;
  background-repeat: no-repeat;
  background-size: auto 50%;
  text-indent: -9999rem;
  width: 2rem;
  height: 2rem;
  border-radius: 100%;
  background-color: var(--wp--preset--color--gray-2);
  border: none;
}
.wp-block-query.is-style-carousel .carousel-navigation .carousel-button--prev {
  order: 1;
}
.wp-block-query.is-style-carousel .carousel-navigation .carousel-button--next {
  order: 3;
  transform: rotate(180deg);
}
.wp-block-query.is-style-carousel .carousel-navigation .carousel-dots {
  order: 2;
  display: none;
  width: min(100vw - 4rem, 30rem);
  height: 0.25rem;
}
.wp-block-query.is-style-carousel .carousel-navigation .carousel-dots .carousel-dot {
  border: none;
  background-color: var(--wp--preset--color--primary);
  flex: 1 0 0;
  opacity: 0.5;
}
.wp-block-query.is-style-carousel .carousel-navigation .carousel-dots .carousel-dot--active {
  opacity: 1;
}
.wp-block-query.is-style-carousel .carousel-button--disabled {
  opacity: 0.5;
  pointer-events: none;
}
.wp-block-query.is-style-carousel .carousel-dot--active {
  background-color: #000;
}/*# sourceMappingURL=style.css.map */