:root {
  --k-bg: #021c15;
  --k-bg-panel: #04140f;
  --k-bg-card: #08221b;
  --k-green: #39fe9f;
  --k-green-bright: #5bff7e;
  --k-text: #e9f1ed;
  --k-grey-light: #9da8a5;
  --k-grey-mid: #858585;
  --k-grey-muted: #5c6462;
}

.wp-block-acf-vehicle-carousel {
  width: 100%;
  overflow: hidden;
}
.wp-block-acf-vehicle-carousel__inner {
  max-width: 1312px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
  box-sizing: content-box;
  --vc-per-view: 3;
  --vc-gap: 20px;
}
@media (max-width: 768px) {
  .wp-block-acf-vehicle-carousel__inner {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 1024px) {
  .wp-block-acf-vehicle-carousel__inner {
    --vc-per-view: 2;
  }
}
@media (max-width: 768px) {
  .wp-block-acf-vehicle-carousel__inner {
    --vc-per-view: 1.15;
  }
}
.wp-block-acf-vehicle-carousel__viewport {
  position: relative;
  width: 100%;
  overflow: visible;
  touch-action: pan-y;
}
.wp-block-acf-vehicle-carousel__track {
  display: flex;
  gap: var(--vc-gap);
  list-style: none;
  margin: 0;
  padding: 0;
  transform: translateX(0);
  transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform;
}
.wp-block-acf-vehicle-carousel__track.is-dragging, .wp-block-acf-vehicle-carousel__track.is-auto {
  transition: none;
}
.wp-block-acf-vehicle-carousel__card {
  flex: 0 0 calc((100% - (var(--vc-per-view) - 1) * var(--vc-gap)) / var(--vc-per-view));
  margin: 0;
  background: #08221b;
  overflow: hidden;
}
.wp-block-acf-vehicle-carousel__media {
  position: relative;
  overflow: hidden;
  background: #141a19;
  aspect-ratio: 424/430;
  width: 100%;
  background: #08221b;
}
.wp-block-acf-vehicle-carousel__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.wp-block-acf-vehicle-carousel__card {
  --vis: 1;
}
.wp-block-acf-vehicle-carousel__media img {
  filter: grayscale(1);
  opacity: calc(0.3 + 0.7 * var(--vis));
  transition: filter 0.6s ease, opacity 0.3s ease;
}
.wp-block-acf-vehicle-carousel.is-image-dim .wp-block-acf-vehicle-carousel__media img {
  opacity: calc(0.3 + 0.42 * var(--vis));
}
.wp-block-acf-vehicle-carousel__stats, .wp-block-acf-vehicle-carousel__body {
  opacity: calc(0.5 + 0.5 * var(--vis));
  transition: opacity 0.3s ease;
}
.wp-block-acf-vehicle-carousel__card:hover .wp-block-acf-vehicle-carousel__media img, .wp-block-acf-vehicle-carousel__card:focus-within .wp-block-acf-vehicle-carousel__media img {
  filter: grayscale(0);
  opacity: 1;
}
.wp-block-acf-vehicle-carousel__shade {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 31, 22, 0.55) 0%, rgba(0, 31, 22, 0) 48%);
  pointer-events: none;
}
.wp-block-acf-vehicle-carousel__stats {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
  margin: 0;
  padding: 30px 30px 0;
}
@media (max-width: 768px) {
  .wp-block-acf-vehicle-carousel__stats {
    padding: 20px 20px 0;
  }
}
.wp-block-acf-vehicle-carousel__stat {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 16px;
  padding: 7px 0 6px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  font-family: "ABC Normal", "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 350;
  font-size: 16px;
  line-height: 1.2;
  color: rgba(255, 255, 255, 0.8);
}
.wp-block-acf-vehicle-carousel__stat dt,
.wp-block-acf-vehicle-carousel__stat dd {
  margin: 0;
  white-space: nowrap;
}
.wp-block-acf-vehicle-carousel__stat::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  height: 1px;
  width: var(--bar, 0%);
  background: #39fe9f;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 1.4s cubic-bezier(0.16, 1, 0.3, 1);
  transition-delay: calc(var(--i, 0) * 180ms);
}
.wp-block-acf-vehicle-carousel__stat.no-bar::after {
  display: none;
}
.wp-block-acf-vehicle-carousel__card.is-in .wp-block-acf-vehicle-carousel__stat::after {
  transform: scaleX(1);
}
.wp-block-acf-vehicle-carousel__card.is-resetting .wp-block-acf-vehicle-carousel__stat::after {
  transition: none;
  transform: scaleX(0);
}
.wp-block-acf-vehicle-carousel__body {
  padding: 30px 30px 40px;
}
@media (max-width: 768px) {
  .wp-block-acf-vehicle-carousel__body {
    padding: 22px 20px 28px;
  }
}
.wp-block-acf-vehicle-carousel__name {
  margin: 0 0 6px;
  font-family: "ABC Normal", "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.2;
  color: #39fe9f;
}
.wp-block-acf-vehicle-carousel__desc {
  margin: 0;
  font-family: "ABC Normal", "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 350;
  font-size: 16px;
  line-height: 1.25;
  color: rgba(233, 241, 237, 0.8);
}
.wp-block-acf-vehicle-carousel__nav {
  display: flex;
  justify-content: center;
  gap: 16px;
  margin-top: 84px;
}
@media (max-width: 768px) {
  .wp-block-acf-vehicle-carousel__nav {
    margin-top: 40px;
  }
}
.wp-block-acf-vehicle-carousel.has-pt-none {
  padding-top: 0;
}
@media (max-width: 1024px) {
  .wp-block-acf-vehicle-carousel.has-pt-none {
    padding-top: 0;
  }
}
@media (max-width: 768px) {
  .wp-block-acf-vehicle-carousel.has-pt-none {
    padding-top: 0;
  }
}
.wp-block-acf-vehicle-carousel.has-pb-none {
  padding-bottom: 0;
}
@media (max-width: 1024px) {
  .wp-block-acf-vehicle-carousel.has-pb-none {
    padding-bottom: 0;
  }
}
@media (max-width: 768px) {
  .wp-block-acf-vehicle-carousel.has-pb-none {
    padding-bottom: 0;
  }
}
.wp-block-acf-vehicle-carousel.has-pt-small {
  padding-top: 60px;
}
@media (max-width: 1024px) {
  .wp-block-acf-vehicle-carousel.has-pt-small {
    padding-top: 36px;
  }
}
@media (max-width: 768px) {
  .wp-block-acf-vehicle-carousel.has-pt-small {
    padding-top: 24px;
  }
}
.wp-block-acf-vehicle-carousel.has-pb-small {
  padding-bottom: 60px;
}
@media (max-width: 1024px) {
  .wp-block-acf-vehicle-carousel.has-pb-small {
    padding-bottom: 36px;
  }
}
@media (max-width: 768px) {
  .wp-block-acf-vehicle-carousel.has-pb-small {
    padding-bottom: 24px;
  }
}
.wp-block-acf-vehicle-carousel.has-pt-medium {
  padding-top: 120px;
}
@media (max-width: 1024px) {
  .wp-block-acf-vehicle-carousel.has-pt-medium {
    padding-top: 72px;
  }
}
@media (max-width: 768px) {
  .wp-block-acf-vehicle-carousel.has-pt-medium {
    padding-top: 48px;
  }
}
.wp-block-acf-vehicle-carousel.has-pb-medium {
  padding-bottom: 120px;
}
@media (max-width: 1024px) {
  .wp-block-acf-vehicle-carousel.has-pb-medium {
    padding-bottom: 72px;
  }
}
@media (max-width: 768px) {
  .wp-block-acf-vehicle-carousel.has-pb-medium {
    padding-bottom: 48px;
  }
}
.wp-block-acf-vehicle-carousel.has-pt-large {
  padding-top: 190px;
}
@media (max-width: 1024px) {
  .wp-block-acf-vehicle-carousel.has-pt-large {
    padding-top: 114px;
  }
}
@media (max-width: 768px) {
  .wp-block-acf-vehicle-carousel.has-pt-large {
    padding-top: 76px;
  }
}
.wp-block-acf-vehicle-carousel.has-pb-large {
  padding-bottom: 190px;
}
@media (max-width: 1024px) {
  .wp-block-acf-vehicle-carousel.has-pb-large {
    padding-bottom: 114px;
  }
}
@media (max-width: 768px) {
  .wp-block-acf-vehicle-carousel.has-pb-large {
    padding-bottom: 76px;
  }
}
.wp-block-acf-vehicle-carousel.has-pt-xlarge {
  padding-top: 250px;
}
@media (max-width: 1024px) {
  .wp-block-acf-vehicle-carousel.has-pt-xlarge {
    padding-top: 150px;
  }
}
@media (max-width: 768px) {
  .wp-block-acf-vehicle-carousel.has-pt-xlarge {
    padding-top: 100px;
  }
}
.wp-block-acf-vehicle-carousel.has-pb-xlarge {
  padding-bottom: 250px;
}
@media (max-width: 1024px) {
  .wp-block-acf-vehicle-carousel.has-pb-xlarge {
    padding-bottom: 150px;
  }
}
@media (max-width: 768px) {
  .wp-block-acf-vehicle-carousel.has-pb-xlarge {
    padding-bottom: 100px;
  }
}

.editor-styles-wrapper .wp-block-acf-vehicle-carousel {
  padding: 0;
}