ags: finish center-window widget with big-media and calendar

ags/widget/bar/Audio.ts

@@ -2,12 +2,14 @@ import { bind, Process } from "astal";
 import { Widget } from "astal/gtk3";
 import AstalWp from "gi://AstalWp";
 import { Wireplumber } from "../../scripts/volume";
+import { ControlCenter } from "../../window/ControlCenter";
 
 const wp = AstalWp.get_default();
 
 export function Audio() {
     return wp && new Widget.EventBox({
-        className: "audio",
+        className: bind(ControlCenter, "visible").as((visible: boolean) => 
+            visible ? "audio open" : "audio"),
         onClick: () => Process.exec_async("astal toggle control-center", () => {}),
         child: new Widget.Box({
             children: [