/* ============================================================
   App additions: loading spinner for the login button
   (kept in a separate file so the original theme stays untouched)
   ============================================================ */

#login-button.loading {
  position: relative;
  color: transparent;
  pointer-events: none;
}

#login-button.loading::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.28571rem;
  height: 1.28571rem;
  margin: -0.64286rem 0 0 -0.64286rem;
  border: 0.1875rem solid rgba(255, 255, 255, 0.35);
  border-top-color: #FFFFFF;
  border-radius: 50%;
  box-sizing: border-box;
  animation: bt-spin 0.8s linear infinite;
}

@keyframes bt-spin {
  to {
    transform: rotate(360deg);
  }
}