u/Abdelrahman_Moh_2005

i have a group in waybar called player :

"group/player": {
  "orientation": "horizontal",
    "modules": [
    "cffi/mediaplayer"
  ]
},

#player {
  padding: 6px 15px;
  background-color: ;
  margin-right: 10px;
  border-radius: 20px;
  color: ;
  font-size: 16;
  border-bottom: 3px solid u/bottombordercolor;
}

i want it so that when all modules of the group are empty the module is transparent , i tried the empty attribute :

#player #cffi-mediaplayer.empty {
  background-color: u/backgrounddark;
}

and

#player.empty {
  background-color: u/backgrounddark;
}

but it didn't work , what could i do?

thanks in advance.