:is(.sound-controls-btn,.uwu-audio-btn):disabled{opacity:.4;pointer-events:none}.sound-controls{flex:none;align-self:stretch;align-items:center;height:100%;margin-left:2px;display:flex;position:relative}.sound-controls-btn{border:1px solid var(--pt-border);border-radius:var(--pt-radius-md);background:var(--pt-panel);width:32px;height:30px;color:var(--pt-ink-muted);cursor:pointer;place-items:center;padding:0;display:grid;position:relative}:is(.sound-controls-btn:hover,.sound-controls-btn:focus-visible,.sound-controls:has(>:popover-open)>.sound-controls-btn){border-color:var(--pt-ink-muted);color:var(--pt-ink);outline:none}.sound-controls-dot{background:var(--pt-ink-muted);opacity:.5;border-radius:50%;width:4px;height:4px;position:absolute;bottom:3px;right:3px}.sound-controls[data-live=true] .sound-controls-dot{background:var(--pt-ok);opacity:1}#sound-controls-button{anchor-name:--sound-controls}.sound-controls-menu{position-anchor:--sound-controls;inset:auto;top:calc(anchor(bottom) + 1px);left:anchor(left);position-try-fallbacks:flip-inline;border:1px solid var(--pt-border);border-radius:0 0 var(--pt-radius-lg) var(--pt-radius-lg);background:var(--pt-panel);width:258px;max-width:calc(100vw - 20px);color:var(--pt-ink);box-shadow:var(--pt-menu-shadow);margin:0;padding:0;position:fixed}.sound-controls-heading{border-bottom:1px solid var(--pt-border);height:38px;font:700 var(--pt-fs-10) var(--font-ui);letter-spacing:.11em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:0 13px;display:flex}.sound-controls-heading span{color:var(--pt-ink-muted);font-size:var(--pt-fs-9)}.sound-controls-setting{border-bottom:1px solid var(--pt-border)}.sound-controls-setting:last-child{border-bottom:0}.sound-controls-setting .settings-option{border-bottom:0;width:100%}.sound-controls-volume{grid-template-columns:minmax(0,1fr) 36px;align-items:center;gap:8px;padding:0 12px 10px;display:grid}.sound-controls-volume input{width:100%;accent-color:var(--pt-ok);cursor:pointer}.sound-controls-volume output{font:11px var(--font-ui);text-align:right}
