Return of the "Play" inscription instead of the sound button in Firefox

В последнем обновлении вместо надписи "Воспроизведение" сделали кнопку:

Мне это очень не понравилось, поэтому вот что я записал в userChrome.css для возвращения как было:

@charset "UTF-8";

@-moz-document url(chrome://browser/content/browser.xhtml){
/* ... другие стили */
.tabbrowser-tab[soundplaying] .tab-secondary-label::before {
content: "ВОСПРОИЗВЕДЕНИЕ" !important;
}

.tabbrowser-tab[muted] .tab-secondary-label::before {
content: "БЕЗ ЗВУКА" !important;
}

.tabbrowser-tab[activemedia-blocked] .tab-secondary-label::before {
content: "АВТОВОСПРОИЗВЕДЕНИЕ" !important;
}

.tabbrowser-tab[pictureinpicture] .tab-secondary-label::before {
content: "КАРТИНКА В КАРТИНКЕ" !important;
}

.tabbrowser-tab[soundplaying] .tab-secondary-label,
.tabbrowser-tab[muted] .tab-secondary-label,
.tabbrowser-tab[activemedia-blocked] .tab-secondary-label,
.tabbrowser-tab[pictureinpicture="true"] .tab-icon-sound-pip-label {
display: flex !important;
}

.tab-audio-button,
.tabbrowser-tab[soundplaying] .tab-icon-sound-pip-label,
.tabbrowser-tab[muted] .tab-icon-sound-pip-label,
.tabbrowser-tab[activemedia-blocked] .tab-icon-sound-pip-label {
display: none !important;
}

.tab-icon-stack {
width: 21.6px !important;
}
}

CSS

@charset "UTF-8";



@-moz-document url(chrome://browser/content/browser.xhtml){

  /* ... другие стили */

  .tabbrowser-tab[soundplaying] .tab-secondary-label::before {

    content: "ВОСПРОИЗВЕДЕНИЕ" !important;

  }



  .tabbrowser-tab[muted] .tab-secondary-label::before {

    content: "БЕЗ ЗВУКА" !important;

  }



  .tabbrowser-tab[activemedia-blocked] .tab-secondary-label::before {

    content: "АВТОВОСПРОИЗВЕДЕНИЕ" !important;

  }



  .tabbrowser-tab[pictureinpicture] .tab-secondary-label::before {

    content: "КАРТИНКА В КАРТИНКЕ" !important;

  }



  .tabbrowser-tab[soundplaying] .tab-secondary-label,

  .tabbrowser-tab[muted] .tab-secondary-label,

  .tabbrowser-tab[activemedia-blocked] .tab-secondary-label,

  .tabbrowser-tab[pictureinpicture="true"] .tab-icon-sound-pip-label {

    display: flex !important;

  }



  .tab-audio-button,

  .tabbrowser-tab[soundplaying] .tab-icon-sound-pip-label,

  .tabbrowser-tab[muted] .tab-icon-sound-pip-label,

  .tabbrowser-tab[activemedia-blocked] .tab-icon-sound-pip-label {

    display: none !important;

  }



  .tab-icon-stack {

    width: 21.6px !important;

  }

}

Для тех, кто не знает, что за userChrome.css:
Firefox позволяет настраивать свой интерфейс до самых мелочей. Например я такое сделал по приколу:

Для этого нужно:
1. Открыть страницу

⁡about:config

⁡
2. В поиске найти

toolkit.legacyUserProfileCustomizations.stylesheets

3. С помощью стрелочек изменить параметр на true
4. Открыть страницу

⁡about:profiles

⁡
5. Там, где написано "Этот профиль сейчас используется и не может быть удалён.": Открыть папку

6. В открывшейся папке создать папку

⁡chrome

⁡
7. Создать файл userChrome.css и записать туда код выше
8. Перезапустить браузер