/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************/
/**
* The following styles get applied both on the front of your site
* and in the editor.
*
* Replace them with your own styles or remove the file completely.
*/
figure.innvie-marquee {
  --marquee-aspect-ratio: 16/9;
  --marquee-accent-color: 100,100,100;
  --marquee-container-width: clamp(9.5rem, 6vw + 6.3rem, 11.25rem);
  --marquee-gap: var(--wp--preset--spacing--20);
  --marquee-duration: 20s;
  --marquee-scroll-start: 0;
  --marquee-scroll-end: calc(-100% - var(--marquee-gap));
  display: flex;
  flex-wrap: nowrap;
  gap: var(--marquee-gap) !important;
  -webkit-mask-image: linear-gradient(to right, hsla(0, 0%, 0%, 0), hsl(0, 0%, 0%) calc(var(--marquee-container-width) / 3), hsl(0, 0%, 0%) calc(100% - var(--marquee-container-width) / 3), hsla(0, 0%, 0%, 0));
          mask-image: linear-gradient(to right, hsla(0, 0%, 0%, 0), hsl(0, 0%, 0%) calc(var(--marquee-container-width) / 3), hsl(0, 0%, 0%) calc(100% - var(--marquee-container-width) / 3), hsla(0, 0%, 0%, 0));
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  min-width: 100%;
}
figure.innvie-marquee.is-style-x-ray {
  filter: invert(100%) grayscale(100%) brightness(175%);
  mix-blend-mode: screen;
}
figure.innvie-marquee .innvie-marquee-wrapper {
  align-items: center;
  animation: scroll var(--marquee-duration) linear infinite;
  flex-shrink: 0;
  display: flex;
  gap: var(--marquee-gap);
  justify-content: space-around;
  min-width: 100%;
}
@media (prefers-reduced-motion: reduce) {
  figure.innvie-marquee .innvie-marquee-wrapper {
    animation-play-state: paused;
  }
}
figure.innvie-marquee .innvie-marquee-wrapper.scroll-right {
  animation-direction: reverse;
}
figure.innvie-marquee .innvie-marquee-wrapper > figure.wp-block-image {
  aspect-ratio: var(--marquee-aspect-ratio);
  border-radius: 0.5rem;
  padding: calc(var(--marquee-gap) * 5);
  place-items: center;
  width: var(--marquee-container-width) !important;
}
figure.innvie-marquee .innvie-marquee-wrapper > figure.wp-block-image > img,
figure.innvie-marquee .innvie-marquee-wrapper > figure.wp-block-image > svg {
  aspect-ratio: var(--marquee-aspect-ratio);
  overflow: visible;
  position: absolute;
}

@keyframes scroll {
  from {
    transform: translateX(var(--marquee-scroll-start));
  }
  to {
    transform: translateX(var(--marquee-scroll-end));
  }
}

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