#header {
    transition: top 0.3s ease-in-out;
}

/* Contact form submit button while the message is being sent (js/site.js adds .is-submitting) */
.sd[data-s-814cf21a-4d88-402f-99ab-808ab954d092].is-submitting,
.sd[data-s-814cf21a-4d88-402f-99ab-808ab954d092].is-submitting:hover {
  background: #cb6a69ff;
  box-shadow: none;
  opacity: 0.7;
  cursor: progress;
}
.sd[data-s-814cf21a-4d88-402f-99ab-808ab954d092].is-submitting::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 24px;
  width: 18px;
  height: 18px;
  margin-top: -9px;
  box-sizing: border-box;
  border: 2px solid rgba(255, 255, 255, 0.45);
  border-top-color: #ffffff;
  border-radius: 50%;
  animation: kumo-spin 0.7s linear infinite;
}
@keyframes kumo-spin {
  to { transform: rotate(360deg); }
}
@media (prefers-reduced-motion: reduce) {
  .sd[data-s-814cf21a-4d88-402f-99ab-808ab954d092].is-submitting::after { animation-duration: 2s; }
}
