/* ==========================================================================
   Block: Animated Logo Scroller
   ========================================================================== */
@keyframes spektrix-animated-logo-scroller-marquee {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-50%, 0, 0);
  }
}
@keyframes spektrix-animated-logo-scroller-marquee-reverse {
  from {
    transform: translate3d(-50%, 0, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.spektrix-animated-logo-scroller {
  --spektrix-animated-logo-scroller-gap: var(--wp--style--block-gap, 1.5rem);
  --spektrix-animated-logo-scroller-wide-size: var(--wp--style--global--wide-size, 1200px);
  --spektrix-animated-logo-scroller-card-width: 187px;
  --spektrix-animated-logo-scroller-card-height: 100px;
  --spektrix-animated-logo-scroller-card-radius: 24px;
  --spektrix-animated-logo-scroller-card-gap: 24px;
  --spektrix-animated-logo-scroller-marquee-duration: 280s;
  background-color: var(--wp--preset--color--white);
  padding: calc(var(--spektrix-animated-logo-scroller-gap) * 2.75) var(--spektrix-animated-logo-scroller-gap);
}
.spektrix-animated-logo-scroller.spektrix-block-spacing--pt-compact {
  padding-top: calc(var(--spektrix-animated-logo-scroller-gap) * 1.5);
}
.spektrix-animated-logo-scroller.spektrix-block-spacing--pt-comfortable {
  padding-top: calc(var(--spektrix-animated-logo-scroller-gap) * 2);
}
.spektrix-animated-logo-scroller.spektrix-block-spacing--pt-spacious {
  padding-top: calc(var(--spektrix-animated-logo-scroller-gap) * 4);
}
.spektrix-animated-logo-scroller.spektrix-block-spacing--pt-extra-spacious {
  padding-top: calc(var(--spektrix-animated-logo-scroller-gap) * 5);
}
.spektrix-animated-logo-scroller.spektrix-block-spacing--pt-maximum {
  padding-top: calc(var(--spektrix-animated-logo-scroller-gap) * 6);
}
.spektrix-animated-logo-scroller.spektrix-block-spacing--pt-none {
  padding-top: 0;
}
.spektrix-animated-logo-scroller.spektrix-block-spacing--pb-compact {
  padding-bottom: calc(var(--spektrix-animated-logo-scroller-gap) * 1.5);
}
.spektrix-animated-logo-scroller.spektrix-block-spacing--pb-comfortable {
  padding-bottom: calc(var(--spektrix-animated-logo-scroller-gap) * 2);
}
.spektrix-animated-logo-scroller.spektrix-block-spacing--pb-spacious {
  padding-bottom: calc(var(--spektrix-animated-logo-scroller-gap) * 4);
}
.spektrix-animated-logo-scroller.spektrix-block-spacing--pb-extra-spacious {
  padding-bottom: calc(var(--spektrix-animated-logo-scroller-gap) * 5);
}
.spektrix-animated-logo-scroller.spektrix-block-spacing--pb-maximum {
  padding-bottom: calc(var(--spektrix-animated-logo-scroller-gap) * 6);
}
.spektrix-animated-logo-scroller.spektrix-block-spacing--pb-none {
  padding-bottom: 0;
}
.spektrix-animated-logo-scroller__label-wrap {
  width: 100%;
  max-width: min(100%, var(--spektrix-animated-logo-scroller-wide-size));
  margin: 0 auto calc(var(--spektrix-animated-logo-scroller-gap) * 2);
  padding-inline: var(--spektrix-animated-logo-scroller-gap);
  text-align: center;
}
.spektrix-animated-logo-scroller__label {
  margin: 0;
  color: var(--wp--preset--color--text-dark);
}
.spektrix-animated-logo-scroller__scroller-wrap {
  width: 100%;
}
.spektrix-animated-logo-scroller__rows {
  display: flex;
  flex-direction: column;
}
.spektrix-animated-logo-scroller--two-rows .spektrix-animated-logo-scroller__rows {
  gap: var(--spektrix-animated-logo-scroller-card-gap);
}
.spektrix-animated-logo-scroller__scroller {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  overflow: hidden;
}
.spektrix-animated-logo-scroller__track {
  display: flex;
  width: max-content;
}
.spektrix-animated-logo-scroller__list {
  display: flex;
  flex-shrink: 0;
  gap: var(--spektrix-animated-logo-scroller-card-gap);
  margin: 0;
  padding: 0;
  list-style: none;
}
.spektrix-animated-logo-scroller__item {
  flex: 0 0 var(--spektrix-animated-logo-scroller-card-width);
  width: var(--spektrix-animated-logo-scroller-card-width);
}
.spektrix-animated-logo-scroller__card {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--spektrix-animated-logo-scroller-card-width);
  height: var(--spektrix-animated-logo-scroller-card-height);
  padding: 16px 20px;
  background-color: var(--wp--preset--color--white);
  border: 1px solid var(--wp--preset--color--border);
  border-radius: var(--spektrix-animated-logo-scroller-card-radius);
}
.spektrix-animated-logo-scroller__logo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  margin: 0;
}
.spektrix-animated-logo-scroller__logo-image {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center;
}
.spektrix-animated-logo-scroller__placeholder {
  max-width: var(--spektrix-animated-logo-scroller-wide-size);
  margin: 0 auto;
  padding: var(--spektrix-animated-logo-scroller-gap);
  border: 1px dashed var(--wp--preset--color--border);
  border-radius: 12px;
  color: var(--wp--preset--color--text-dark);
  font-family: var(--wp--preset--font-family--satoshi);
  font-size: var(--wp--preset--font-size--small, 14px);
  font-weight: 500;
  line-height: 1.4;
  opacity: 0.55;
  text-align: center;
}
.spektrix-animated-logo-scroller--animated .spektrix-animated-logo-scroller__row--animated .spektrix-animated-logo-scroller__track {
  animation: spektrix-animated-logo-scroller-marquee var(--spektrix-animated-logo-scroller-marquee-duration) linear infinite;
  will-change: transform;
}
.spektrix-animated-logo-scroller--animated:not(.spektrix-animated-logo-scroller--two-rows) .spektrix-animated-logo-scroller__row--forward .spektrix-animated-logo-scroller__track {
  animation-name: spektrix-animated-logo-scroller-marquee-reverse;
}
.spektrix-animated-logo-scroller--animated .spektrix-animated-logo-scroller__row--reverse .spektrix-animated-logo-scroller__track {
  animation-name: spektrix-animated-logo-scroller-marquee-reverse;
}
.spektrix-animated-logo-scroller--animated .spektrix-animated-logo-scroller__row--stagger .spektrix-animated-logo-scroller__track {
  animation-delay: calc(var(--spektrix-animated-logo-scroller-marquee-duration) / -2);
}
.spektrix-animated-logo-scroller--animated .spektrix-animated-logo-scroller__row--animated .spektrix-animated-logo-scroller__track:hover, .spektrix-animated-logo-scroller--animated .spektrix-animated-logo-scroller__row--animated .spektrix-animated-logo-scroller__track:focus-within {
  animation-play-state: paused;
}
.spektrix-animated-logo-scroller--animated .spektrix-animated-logo-scroller__row:not(.spektrix-animated-logo-scroller__row--animated) .spektrix-animated-logo-scroller__scroller, .spektrix-animated-logo-scroller--static .spektrix-animated-logo-scroller__scroller {
  width: 100%;
  margin-left: 0;
  overflow: visible;
}
.spektrix-animated-logo-scroller--animated .spektrix-animated-logo-scroller__row:not(.spektrix-animated-logo-scroller__row--animated) .spektrix-animated-logo-scroller__track, .spektrix-animated-logo-scroller--static .spektrix-animated-logo-scroller__track {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--spektrix-animated-logo-scroller-card-gap);
  width: 100%;
  max-width: min(100%, var(--spektrix-animated-logo-scroller-wide-size));
  margin: 0 auto;
  padding-inline: var(--spektrix-animated-logo-scroller-gap);
}
.spektrix-animated-logo-scroller--animated .spektrix-animated-logo-scroller__row:not(.spektrix-animated-logo-scroller__row--animated) .spektrix-animated-logo-scroller__list, .spektrix-animated-logo-scroller--static .spektrix-animated-logo-scroller__list {
  display: contents;
}
.spektrix-animated-logo-scroller--animated .spektrix-animated-logo-scroller__row:not(.spektrix-animated-logo-scroller__row--animated) .spektrix-animated-logo-scroller__list--duplicate, .spektrix-animated-logo-scroller--static .spektrix-animated-logo-scroller__list--duplicate {
  display: none;
}
@media (prefers-reduced-motion: reduce) {
  .spektrix-animated-logo-scroller--animated .spektrix-animated-logo-scroller__row--animated .spektrix-animated-logo-scroller__track {
    animation: none;
  }
  .spektrix-animated-logo-scroller--animated .spektrix-animated-logo-scroller__item--loop-duplicate {
    display: none;
  }
  .spektrix-animated-logo-scroller--animated .spektrix-animated-logo-scroller__scroller {
    width: 100%;
    margin-left: 0;
    overflow: visible;
  }
  .spektrix-animated-logo-scroller--animated .spektrix-animated-logo-scroller__track {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--spektrix-animated-logo-scroller-card-gap);
    width: 100%;
    max-width: min(100%, var(--spektrix-animated-logo-scroller-wide-size));
    margin: 0 auto;
    padding-inline: var(--spektrix-animated-logo-scroller-gap);
  }
  .spektrix-animated-logo-scroller--animated .spektrix-animated-logo-scroller__list {
    display: contents;
  }
  .spektrix-animated-logo-scroller--animated .spektrix-animated-logo-scroller__list--duplicate {
    display: none;
  }
}

/*# sourceMappingURL=style.css.map */