/* Pixel lettering and matching two-state sound controls. */
.topbar .account-pill,.topbar .top-button:not(.square){font-family:var(--pixel);font-size:10px;line-height:1.7;letter-spacing:.2px;text-transform:none}
.topbar .account-pill{min-width:205px}
.sound-icon{display:block;width:24px;height:24px;flex:none;overflow:visible;transition:color .2s ease,transform .2s ease}
#top-sound,#sound{display:inline-flex;align-items:center;justify-content:center;color:#ac987a;min-width:44px;min-height:42px}
#top-sound[aria-pressed=true],#sound[aria-pressed=true]{color:#ffe0a2;border-color:#d1ac6a;background:#49331d88}
#top-sound:hover .sound-icon,#sound:hover .sound-icon{transform:scale(1.08);color:#ffedc5}
#top-sound:active .sound-icon,#sound:active .sound-icon{transform:scale(.94)}
@media(max-width:1000px){.topbar .account-pill,.topbar .top-button:not(.square){font-size:9px}.topbar .account-pill{min-width:175px}}
@media(max-width:750px){.topbar .account-pill,.topbar .top-button:not(.square){font-size:8px;letter-spacing:0}.topbar .account-pill{min-width:160px}.playing .topbar .account-pill{font-size:7px;min-width:140px}.sound-icon{width:22px;height:22px}}
@media(max-width:380px){.topbar #news-button{font-size:0}.topbar .account-pill{min-width:145px}}
@media(prefers-reduced-motion:reduce){.sound-icon{transition:none}#top-sound:hover .sound-icon,#sound:hover .sound-icon{transform:none}}