form[data-state="success"] {
  animation: saved 0.6s normal forwards ease-in-out;
}
form[data-state="loading"] {
  opacity: 0.6;
  opacity: 0.7;
  filter: grayscale(90%);
  pointer-events: none;
}
form[data-state="validated"]:invalid ~ .validation-message {
  display: block;
}
:invalid ~ .validation-message ~ .helptext {
  display: none;
}
@keyframes saved {
  from {
    background-color: rgba(204, 255, 255, 0.5);
    box-shadow: 0 0 0 1rem rgba(204, 255, 255, 0.5);
  }
  to {
    background-color: transparent;
    box-shadow: none;
  }
}

/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFzeW5jZm9ybXMuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0UsaURBQWlEO0FBQ25EO0FBQ0E7RUFDRSxZQUFZO0VBQ1osWUFBWTtFQUNaLHNCQUFzQjtFQUN0QixvQkFBb0I7QUFDdEI7QUFDQTtFQUNFLGNBQWM7QUFDaEI7QUFDQTtFQUNFLGFBQWE7QUFDZjtBQUNBO0VBQ0U7SUFDRSwwQ0FBMEM7SUFDMUMsK0NBQStDO0VBQ2pEO0VBQ0E7SUFDRSw2QkFBNkI7SUFDN0IsZ0JBQWdCO0VBQ2xCO0FBQ0YiLCJmaWxlIjoiYXN5bmNmb3Jtcy5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyJmb3JtW2RhdGEtc3RhdGU9XCJzdWNjZXNzXCJdIHtcbiAgYW5pbWF0aW9uOiBzYXZlZCAwLjZzIG5vcm1hbCBmb3J3YXJkcyBlYXNlLWluLW91dDtcbn1cbmZvcm1bZGF0YS1zdGF0ZT1cImxvYWRpbmdcIl0ge1xuICBvcGFjaXR5OiAwLjY7XG4gIG9wYWNpdHk6IDAuNztcbiAgZmlsdGVyOiBncmF5c2NhbGUoOTAlKTtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG59XG5mb3JtW2RhdGEtc3RhdGU9XCJ2YWxpZGF0ZWRcIl06aW52YWxpZCB+IC52YWxpZGF0aW9uLW1lc3NhZ2Uge1xuICBkaXNwbGF5OiBibG9jaztcbn1cbjppbnZhbGlkIH4gLnZhbGlkYXRpb24tbWVzc2FnZSB+IC5oZWxwdGV4dCB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5Aa2V5ZnJhbWVzIHNhdmVkIHtcbiAgZnJvbSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgyMDQsIDI1NSwgMjU1LCAwLjUpO1xuICAgIGJveC1zaGFkb3c6IDAgMCAwIDFyZW0gcmdiYSgyMDQsIDI1NSwgMjU1LCAwLjUpO1xuICB9XG4gIHRvIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICBib3gtc2hhZG93OiBub25lO1xuICB9XG59XG4iXX0= */