/* The display controls (spec 4.1): the appearance switch bottom left and the motion switch (FX) bottom right, each in a corner of its
   own. They only work with JavaScript, so they show only with it. */
.controls {
  display: none;
  gap: 2.6em;
}

.js .controls {
  display: flex;
}

/* Until shell.js has read the saved choice, the switches would show the wrong word: keep them
   hidden (holding their space) until it marks the page ready. */
.js:not(.shell-ready) .controls {
  visibility: hidden;
}