/*!********************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/blob/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.
 */
.wp-block-wpopus-blob {
  --wpopus-blob-size: 150px;
  --wpopus-blob-pause-on-hover: "running";
  width: var(--wpopus-blob-size);
  height: var(--wpopus-blob-size);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: auto;
  background-color: var(--wp--preset--color--primary);
  border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.5019607843) inset;
  overflow: hidden;
}
.wp-block-wpopus-blob:hover {
  animation-play-state: var(--wpopus-blob-pause-on-hover);
}
.wp-block-wpopus-blob.wpopus-blob-1 {
  animation: wpopus-blob 20s infinite;
}
.wp-block-wpopus-blob.wpopus-blob-2 {
  animation: wpopus-blobTwo 20s infinite;
}
.wp-block-wpopus-blob.wpopus-blob-3 {
  animation: wpopus-blobThree 20s infinite;
}

@keyframes wpopus-blob {
  10% {
    border-radius: 50% 50% 53% 47%/26% 69% 31% 74%;
  }
  20% {
    border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
  }
  30% {
    border-radius: 58% 42% 75% 25%/76% 46% 54% 24%;
  }
  40% {
    border-radius: 50% 50% 33% 67%/55% 27% 73% 45%;
  }
  50% {
    border-radius: 33% 67% 58% 42%/63% 68% 32% 37%;
  }
  60% {
    border-radius: 58% 42% 75% 25%/76% 46% 54% 24%;
  }
  70% {
    border-radius: 50% 50% 53% 47%/72% 69% 31% 28%;
  }
  80% {
    border-radius: 50% 50% 20% 80%/25% 80% 20% 75%;
  }
  90% {
    border-radius: 67% 33% 47% 53%/37% 20% 80% 63%;
  }
}
@keyframes wpopus-blobTwo {
  10% {
    border-radius: 40% 60% 70% 30%/50% 40% 60% 50%;
  }
  20% {
    border-radius: 60% 40% 50% 50%/40% 70% 30% 60%;
  }
  30% {
    border-radius: 50% 50% 40% 60%/60% 30% 70% 40%;
  }
  40% {
    border-radius: 45% 55% 65% 35%/55% 60% 40% 50%;
  }
  50% {
    border-radius: 60% 40% 55% 45%/40% 50% 60% 50%;
  }
  60% {
    border-radius: 50% 50% 40% 60%/60% 40% 50% 50%;
  }
  70% {
    border-radius: 35% 65% 50% 50%/50% 70% 30% 60%;
  }
  80% {
    border-radius: 55% 45% 65% 35%/60% 40% 50% 60%;
  }
  90% {
    border-radius: 50% 50% 40% 60%/50% 60% 40% 50%;
  }
}
@keyframes wpopus-blobThree {
  10% {
    border-radius: 60% 40% 50% 50%/50% 60% 40% 50%;
  }
  20% {
    border-radius: 50% 50% 70% 30%/40% 60% 70% 60%;
  }
  30% {
    border-radius: 40% 60% 50% 50%/70% 30% 50% 50%;
  }
  40% {
    border-radius: 70% 30% 40% 60%/50% 50% 60% 40%;
  }
  50% {
    border-radius: 50% 50% 60% 40%/60% 40% 50% 50%;
  }
  60% {
    border-radius: 30% 70% 50% 50%/50% 70% 30% 50%;
  }
  70% {
    border-radius: 50% 50% 30% 70%/40% 60% 40% 60%;
  }
  80% {
    border-radius: 60% 40% 50% 50%/50% 40% 60% 50%;
  }
  90% {
    border-radius: 40% 60% 70% 30%/60% 50% 50% 40%;
  }
}

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