/* A submit button at work: its content keeps its place (no jump) and is hidden under a turning gear. */
.is-submit-busy{cursor:progress!important;pointer-events:none}
button.is-submit-busy{position:relative}
button.is-submit-busy:not(.is-submit-busy-overlay){color:transparent!important}
button.is-submit-busy:not(.is-submit-busy-overlay)>:not(.submit-busy-icon){visibility:hidden}
.is-submit-busy:disabled{opacity:.85}
.submit-busy-icon{position:absolute;inset:0;z-index:2;display:grid;place-items:center;font-size:1.05em;line-height:1;pointer-events:none;isolation:isolate}
.submit-busy-icon svg{display:block;animation:submit-busy-turn 1s linear infinite}
/* Large buttons (a card to add) stay visible: the gear sits on a small round backdrop. */
.is-submit-busy-overlay .submit-busy-icon{font-size:1.6rem}
.is-submit-busy-overlay .submit-busy-icon::before{content:"";position:absolute;inset:0;z-index:-1;width:2.6em;height:2.6em;margin:auto;border-radius:50%;background:color-mix(in srgb,var(--mt-bg,#0D1424) 78%,transparent)}
@keyframes submit-busy-turn{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.submit-busy-icon svg{animation-duration:2.5s}}