/* [project]/src/blocks/(public)/contact/success-check.css [app-client] (css) */
.t-success-check {
  --check-opacity-dur: .5s;
  --check-rotate-dur: .5s;
  --check-rotate-from: 80deg;
  --check-bob-dur: .5s;
  --check-y-amount: 40px;
  --check-blur-dur: .5s;
  --check-blur-from: 10px;
  --check-path-dur: .5s;
  --check-path-delay: 80ms;
  --check-ease-out: cubic-bezier(.22, 1, .36, 1);
  --check-ease-opacity: cubic-bezier(.22, 1, .36, 1);
  --check-ease-rotate: cubic-bezier(.22, 1, .36, 1);
  --check-ease-bob: cubic-bezier(.34, 1.35, .64, 1);
  --check-ease-path: cubic-bezier(.22, 1, .36, 1);
  transform-origin: center;
  opacity: 0;
  will-change: transform, opacity, filter;
  display: inline-block;
}

.t-success-check svg {
  display: block;
  overflow: visible;
}

.t-success-check svg path {
  stroke-dasharray: 48;
  stroke-dashoffset: 48px;
}

.t-success-check[data-state="in"] {
  animation: t-check-fade var(--check-opacity-dur) var(--check-ease-opacity) forwards,
    t-check-rotate var(--check-rotate-dur) var(--check-ease-rotate) forwards,
    t-check-blur var(--check-blur-dur) var(--check-ease-out) forwards,
    t-check-bob var(--check-bob-dur) var(--check-ease-bob) forwards;
}

.t-success-check[data-state="in"] svg path {
  animation: t-check-draw var(--check-path-dur) var(--check-ease-path)
    var(--check-path-delay, 0s) forwards;
}

@keyframes t-check-fade {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes t-check-rotate {
  from {
    transform: rotate(var(--check-rotate-from));
  }

  to {
    transform: rotate(0);
  }
}

@keyframes t-check-blur {
  from {
    filter: blur(var(--check-blur-from));
  }

  to {
    filter: blur();
  }
}

@keyframes t-check-bob {
  from {
    translate: 0 var(--check-y-amount);
  }

  to {
    translate: 0;
  }
}

@keyframes t-check-draw {
  to {
    stroke-dashoffset: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .t-success-check {
    opacity: 1;
    animation: none !important;
  }

  .t-success-check svg path {
    stroke-dashoffset: 0 !important;
    animation: none !important;
  }
}

/*# sourceMappingURL=src_blocks_%28public%29_contact_success-check_0u6afw0.css.map*/