/* Progressive enhancement: originals stay visible if the script does not load. */
.theme-icon[data-morphicons="theme"] > svg:not(.nq-morph-icon),
html body button.nq-motion-switch[data-morphicons="motion"] > svg:not(.nq-morph-icon) { display: none; }
.nq-morph-icon { display: block; flex: none; width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; pointer-events: none; }
.motion-site .theme-icon .nq-morph-icon { opacity: 1; transform: none; transition: color 160ms ease-out; }
.nq-morph-theme[data-morph-state="sun"] { color: #f4bd4c; }
.nq-morph-theme[data-morph-state="moon"] { color: #6f9dff; }
html body button.nq-motion-switch > .nq-morph-icon { fill: none; }
#play.play-button[data-morphicons="play"] { font-size: 0; }
#play.play-button > .nq-morph-icon { width: 21px; height: 21px; margin: auto; stroke-width: 2; }
@media (prefers-reduced-motion: reduce) {
  .motion-site .theme-icon .nq-morph-icon { transition: none; }
}