.longer-flower-shape {
  position: relative;
  z-index: 2;
}
.longer-flower-shape.other-animation.translate-into-visible svg > g > g > g {
  animation: flower-shape-translate-into-visible 0.4s ease-in-out forwards;
}
.longer-flower-shape.other-animation svg {
  position: absolute;
  max-height: 475px;
  right: 0;
  top: -475px;
}
@media (max-width: 780px) {
  .longer-flower-shape.other-animation svg {
    max-height: unset;
    max-height: 260px;
    top: -260px;
    width: 550px;
    right: -170px;
  }
}
.longer-flower-shape.other-animation svg > g > g > g {
  opacity: 0;
  transform: scale(0.5);
  transform-box: fill-box;
  transition: all 0.3s ease-in-out;
  transform-origin: center;
}
.longer-flower-shape.other-animation svg > g > g > g:nth-of-type(1) {
  animation-delay: 0.38s;
  transform-origin: bottom left;
}
.longer-flower-shape.other-animation svg > g > g > g:nth-of-type(2) {
  animation-delay: 0.76s;
  transform-origin: top left;
}
.longer-flower-shape.other-animation svg > g > g > g:nth-of-type(3) {
  animation-delay: 1.14s;
  transform-origin: bottom right;
}
.longer-flower-shape.other-animation svg > g > g > g:nth-of-type(4) {
  animation-delay: 1.52s;
  transform-origin: top right;
}
.longer-flower-shape.other-animation svg > g > g > g:nth-of-type(5) {
  animation-delay: 1.9s;
  transform-origin: bottom right;
}
.longer-flower-shape.other-animation svg > g > g > g:nth-of-type(6) {
  animation-delay: 2.28s;
  transform-origin: top right;
}
@keyframes flower-shape-translate-into-visible {
  to {
    opacity: 1;
    transform: scale(1);
  }
}
/*# sourceMappingURL=longer-flower-shape.css.map */