:host(:not([mediavolumelevel])) slot[name=icon] slot:not([name=high]),
      :host([mediavolumelevel=high]) slot[name=icon] slot:not([name=high]) {
        display: none !important;
      }

      :host([mediavolumelevel=off]) slot[name=icon] slot:not([name=off]) {
        display: none !important;
      }

      :host([mediavolumelevel=low]) slot[name=icon] slot:not([name=low]) {
        display: none !important;
      }

      :host([mediavolumelevel=medium]) slot[name=icon] slot:not([name=medium]) {
        display: none !important;
      }

      :host(:not([mediavolumelevel=off])) slot[name=tooltip-unmute],
      :host([mediavolumelevel=off]) slot[name=tooltip-mute] {
        display: none;
      }