/* Download's glass treatment, in a compact circular icon button. */
.navigation .nav-sound{position:relative;flex:none;width:40px;height:40px;border-radius:50%;padding:0;color:var(--ink)}
.nav-sound[hidden],.layout-editing .title-sound-toggle{display:none}
.nav-sound svg{display:block;flex:none;pointer-events:none}
.nav-sound .sound-waves{display:none}
.nav-sound[aria-pressed="true"]{color:var(--gold)}
.nav-sound[aria-pressed="true"] .sound-waves{display:block}
.nav-sound[aria-pressed="true"] .sound-mute{display:none}
.nav-sound:hover{background:#ffffff55}
.nav-sound:active{transform:scale(.97)}
.nav-sound[data-state="loading"]{cursor:progress}
.nav-sound:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
/* Keep the icon, logo and both actions on one line on small screens. */
@media(max-width:420px){
 .navigation nav{gap:8px}
 .navigation .nav-download,.navigation .nav-join,.navigation .nav-download .nav-app{width:105px}
}
@media(max-width:359px){
 .navigation .brand img{width:40px}
 .navigation nav{gap:7px}
 .navigation .nav-download,.navigation .nav-join,.navigation .nav-download .nav-app{width:92px}
}