#tabbrowser-tabs[orient="vertical"]
  .tabbrowser-tab
  .tab-icon-overlay:not([crashed]) {
  &:is([soundplaying], [muted], [activemedia-blocked]) {
    background-color: #161717 !important;
    border: 1px solid #ffffff29 !important;
    transition:
      transform 100ms ease-in-out,
      background-color 100ms ease-in-out;

    &:hover {
      transition:
        transform 100ms ease-in-out,
        background-color 100ms ease-in-out !important;
      transform: scale(1.3) translate(-8%, 14%);
      transform-origin: center !important;
    }
  }

  &[muted] {
    /* Different background color when muted */
    background-color: rgb(122, 31, 31) !important;

    /* Revert old icon */
    background-image: url("chrome://browser/skin/tabbrowser/tab-audio-muted-small.svg") !important;
  }

  &[soundplaying] {
    /* Revert old icon */
    background-image: url("chrome://browser/skin/tabbrowser/tab-audio-playing-small.svg") !important;
  }

  &[activemedia-blocked] {
    /* Revert old icon */
    background-image: url("chrome://browser/skin/tabbrowser/tab-audio-blocked-small.svg") !important;
  }

  /* Revert new, zen's audio indicator */
  &[muted],
  &[soundplaying] {
    list-style-image: none !important;
  }
}