/* ============================================================
   GHOSTHUNTER — fx-audio
   The SND control: one button in .nav-links and one row in
   #mobileMenu, both added by fx-audio.js. Colours are the :root
   tokens from index.html.
   A file, where it used to be a <style> written by the script:
   the production policy (style-src 'self') refuses any stylesheet
   that does not come from the site's own address.
   ============================================================ */
.snd{
  font:500 10px/1 var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--text-faint);
  background:none;border:1px solid var(--border);border-radius:var(--radius);padding:7px 10px;cursor:pointer;
  white-space:nowrap;transition:color var(--t-fast,.22s),border-color var(--t-base,.55s);
}
.snd:hover{color:var(--text);border-color:var(--border-strong)}
.snd[aria-pressed=true]{color:var(--text);border-color:var(--border-strong)}
.mobile-menu .snd{
  margin-top:22px;font-size:11px;padding:10px 16px;transform:translateY(24px);opacity:0;
  transition:transform .6s var(--ease-out),opacity .6s,color .3s,border-color .3s;
}
.menu-open .mobile-menu .snd{transform:none;opacity:1;transition-delay:.4s}