/*!********************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/circle-text-path/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-circle-text-path {
  --wpopus-circle-text-size: 200px;
  border-radius: 50%;
  display: inline-block;
}
.wp-block-wpopus-circle-text-path.is-rotating {
  animation: wpopus-infinite-rotate 20s linear infinite;
  transform-origin: center center;
}
.wp-block-wpopus-circle-text-path .wpopus-circle-text-path-wrapper {
  height: -moz-max-content;
  height: max-content;
  width: -moz-max-content;
  width: max-content;
  line-height: 1;
}
.wp-block-wpopus-circle-text-path .wpopus-circle-text-path-wrapper svg {
  fill: currentColor;
  transform-origin: center;
  height: var(--wpopus-circle-text-size);
  width: var(--wpopus-circle-text-size);
}

@keyframes wpopus-infinite-rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

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