/* Site-wide form submit loading state (see assets/js/kg-form-loading.js) */
@keyframes kg-spin { to { transform: rotate(360deg); } }

button.kg-is-loading,
input.kg-is-loading {
    position: relative;
    cursor: progress;
    pointer-events: none;
    opacity: .88;
}
button.kg-is-loading::after {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-left: .6em;
    vertical-align: -0.15em;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: kg-spin .7s linear infinite;
}
form.kg-form-busy { cursor: progress; }

@media (prefers-reduced-motion: reduce) {
    button.kg-is-loading::after { animation-duration: 1.6s; }
}