.system-sound{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border-radius:11px;border:1px solid #c9e2f5;background:#f1f9ff;color:#338acb;padding:9px}
.system-sound[aria-pressed="true"]{color:#076db4;background:#dff4ff;border-color:#87d0ff}
.system-sound svg{width:100%;height:100%}.system-sound:focus-visible{outline:3px solid #ffd544;outline-offset:3px}
.system-volume{padding:17px 0;border-bottom:1px solid #e0ebf4;display:grid;gap:12px}
.system-volume label{display:flex;justify-content:space-between;font-size:12px;font-weight:900;color:#386b95}
.system-volume output{color:#1388d1}.system-volume input{width:100%;height:24px;accent-color:#168ee6;cursor:pointer}
.system-volume>button{justify-self:start;min-height:38px;font-size:11px}
@media(max-width:760px){
 .topbar{gap:8px}.topbar .brand{width:78px}.topbar .wallet{gap:13px;min-width:0;flex:1}.topbar .resource{min-width:76px;flex:1}.topbar .coins{flex:1.35}.topbar .resource strong{font-size:12px;letter-spacing:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar .resource-plus{width:18px;min-width:18px;margin-left:3px;font-size:18px}
 .topbar .utility-buttons{gap:4px}.topbar .utility-buttons #soundButton{display:block}
 .topbar .icon-button{width:26px;height:29px;padding:6px}
 .system-sound{width:30px;height:30px;border-radius:9px;padding:7px}
 .rx-header{gap:8px}.rx-header .rx-header-divider{display:none}.rx-header .rx-logo{width:77px}
 .bx-header{gap:7px}.bx-header .bx-brand h1{font-size:17px}.bx-header .bx-wallet{min-width:99px}
 .fu-header{gap:7px}.fu-header>.fu-header-title h1{font-size:16px}.fu-header .fu-wallet{padding:5px 7px}
}
@media(max-width:370px){
 .topbar{gap:6px}.topbar .brand{width:70px}.topbar .resource{min-width:76px}
 .bx-header .bx-brand h1{font-size:15px}.bx-header .bx-wallet{min-width:87px}.bx-header .bx-close{display:none}
 .fu-header>img{width:53px}.fu-header>.fu-header-title h1{font-size:14px}
}