:host {
  display: inline-block;
  position: relative;
}

.fl-checkmark-flourish__svg {
  display: block;
}

.fl-checkmark-flourish__circle,
.fl-checkmark-flourish__checkmark {
  transition: stroke-dashoffset 0.3s ease-in-out;
}

.fl-checkmark-flourish__sparkle {
  position: absolute;
  font-size: 1rem;
  transform: translate(-50%, -50%);
  pointer-events: none;
  animation: fl-checkmark-sparkle 1s ease-out forwards;
}

@keyframes fl-checkmark-sparkle {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0);
  }
  50% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.2);
  }
  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.8);
  }
}