/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/overlay_tab_audio_icons.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */

/* Makes the tab audio indicator show as overlay in all tabs, not just pinned ones */

.tabbrowser-tab{
  --tab-icon-end-margin: inherit !important;
}

.tab-icon-image,
.tab-throbber{ opacity: 1 !important; }

.tab-icon-overlay:not([crashed]){
  top: -8px;
  inset-inline-end: -6px;
  margin-inline-end: 0 !important;
  z-index: 1;
  padding: 2px;
  opacity: 1 !important;
  stroke: var(--tab-icon-overlay-stroke, black) !important;
  fill: var(--tab-icon-overlay-fill, white) !important;
  fill-opacity: 1 !important;
}
.tab-icon-overlay:not([crashed]):hover{
  background-color: var(--tab-icon-overlay-stroke, black) !important;
  border-radius: 10px !important;
}
.tab-audio-button{
  --button-size-icon-small: 16px !important;
  --button-min-height-small: var(--button-size-icon-small) !important;
  --button-background-color-ghost: var(--toolbox-bgcolor-inactive);
  --button-border-radius: var(--border-radius-circle) !important;
  --button-padding-icon: 2px;
  --button-border: none;
  --audio-overlay-extra-background: var(--button-background-color-ghost-hover);
  position: absolute;
  top: 2px;
  margin-inline: 6px 0 !important;
}