/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/svg-transform-loader/encode-query.js!./node_modules/sass-loader/dist/cjs.js!./src/scss/blocks/components/_svg-animation.scss ***!
  \***************************************************************************************************************************************************************************************************************************************/
.svg-container.offset-svg {
  position: relative;
  height: 100%;
  width: 100%;
}
.svg-container.offset-svg svg {
  position: absolute;
}
.svg-container.contain-svg {
  position: relative;
  width: 100%;
}
.svg-container.contain-svg svg {
  width: 100%;
}

@media (min-width: 0) and (max-width: 670px) {
  .flower-set {
    height: 175px !important;
  }
}
.flower-set svg {
  right: 0;
  bottom: 0;
  height: 100%;
  width: auto;
}
.flower-set svg .flower-petal {
  opacity: 0;
  transition: all 2s ease-out;
}
.flower-set svg .flower-petal.bottom-petal {
  transition-delay: 300ms;
}
.flower-set svg .flower-petal.mid-petal {
  transition-delay: 700ms;
}
.flower-set svg .flower-petal.top-petal {
  transition-delay: 1000ms;
}

.flower-bloom svg .flower-petal {
  opacity: 1;
}

/*# sourceMappingURL=svg-animation-block.css.map*/