@layer components {
  /* Loading

     There is very little of this in the product on purpose (D-05: the promise is
     no spinners, not works-on-a-plane), so what exists is two things.

     Turbo's progress bar appears only when a navigation takes longer than half a
     second, which makes it a confession rather than a decoration — it should at
     least be the product's own blue while it is confessing. */

  .turbo-progress-bar {
    height: 3px;
    background: var(--accent);
  }

  /* Turbo disables a submit button for the length of its request. Left
     unstyled, a button mid-flight looks exactly like a button that ignored you,
     and the second press is somebody trying again. */
  .button:disabled,
  .button[aria-busy="true"] {
    opacity: 0.55;
    cursor: progress;
  }
}