.system-sound-toggle{border:1px solid var(--ds-border-default,#d6dfeb);border-radius:var(--ds-radius-sm,8px);width:36px;height:36px;color:var(--ds-text-secondary,#64748b);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:8px;transition:background .16s,color .16s;display:inline-flex}.system-sound-toggle svg{width:19px;height:19px;display:block}.system-sound-toggle:hover{color:var(--ds-accent,#3976d9);background:var(--ds-selected,#eff5ff)}.system-sound-toggle[aria-pressed=true]{color:var(--ds-accent,#3976d9)}.system-sound-toggle:focus-visible{outline:2px solid var(--ds-accent,#3976d9);outline-offset:3px}.system-sound-settings :is(input,button):focus-visible{outline:2px solid var(--ds-accent,#3976d9);outline-offset:3px}.system-sound-settings{border-top:1px solid var(--ds-border-default,#d6dfeb);gap:12px;margin-top:10px;padding:12px 10px;font-size:13px;display:grid}.system-sound-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.system-sound-volume{color:var(--ds-text-secondary,#64748b);align-items:center;gap:8px;font-size:12px;display:flex}.system-sound-volume input{width:90px;min-width:0;accent-color:var(--ds-accent,#3976d9);cursor:pointer;flex:1}.system-sound-volume output{text-align:right;font-variant-numeric:tabular-nums;width:34px}.system-sound-preview{border:1px solid var(--ds-border-default,#d6dfeb);color:inherit;font:inherit;cursor:pointer;background:0 0;border-radius:6px;justify-self:start;padding:5px 12px}.system-sound-settings :disabled{opacity:.45;cursor:default}.login-masthead .system-sound-toggle{color:#adc8e4;background:#081b2b55;border-color:#a9c9ef36;border-radius:50%;width:40px;height:40px}.login-masthead .system-sound-toggle:hover{color:#e3f3ff;background:#b5d7f018}.login-masthead .system-sound-toggle[aria-pressed=true]{color:#c7e5f3}@media (prefers-reduced-motion:reduce){.system-sound-toggle{transition:none}}