@media (prefers-reduced-motion: no-preference) {
  /* 
      ::view-transition-group(transition-form-response) {
          animation-duration: 2s;
      }

      ::view-transition-old(transition-form-response) {
          animation-name: form-response-keyframes-out;
          animation-timing-function: var(--release-timing-function);
      }

      ::view-transition-new(transition-form-response) {
          animation-name: form-response-keyframes-in;
          animation-timing-function: var(--pop-timing-function);
      }

      @keyframes form-response-keyframes-out {
          to {
              block-size: 0;
              translate: -.5rem;
              opacity: 0;
          }
      }

      @keyframes form-response-keyframes-in {
          from {
              block-size: 0;
              translate: 0 -.5rem;
              opacity: 0;
              overflow: clip;
          }
      }
   */
  @keyframes pc-contact-form__icon-spinner {
    to {
      rotate: 360deg;
    }
  }
}
.pc-contact-form[data-state=processing] button[type=submit]::before {
  --icon-mask: url("/assets/images/icons/icon-spinner.svg");
}
@media (prefers-reduced-motion: no-preference) {
  .pc-contact-form[data-state=processing] button[type=submit]::before {
    animation-name: pc-contact-form__icon-spinner;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
  }
}
.pc-contact-form[data-state=success] button[type=submit]::before {
  --icon-mask: url("/assets/images/icons/icon-ok.svg");
}

.pc-contact-form__response {
  display: flex;
  align-items: start;
  gap: 1rem;
  padding: 1rem;
  background-color: oklch(100% 0 0deg / 0.05);
  font-size: var(--type-scale-level-small);
}
.pc-contact-form__response > * {
  grid-column: 1/-1;
}
.pc-contact-form__response[data-icon]::before {
  font-size: var(--type-scale-level-base);
}

/*# sourceMappingURL=pc-contact-form.css.map */