/* ################################################################################################# */
/* TAB ANIMATION: LOADING PROGRESS LINE INDICATOR */
/* ################################################################################################# */

.tabbrowser-tab .tab-loading-burst{
  background-image: linear-gradient(0deg, transparent, red) !important;
  background-repeat: no-repeat !important;
  transition: background-size 0.5s ease-out !important, opacity 0.5s linear;
  background-size: 0px 10px !important;
  background-position-y: bottom;
}
.tabbrowser-tab:not([busy]) .tab-loading-burst{
  opacity: 0;
}
.tabbrowser-tab[busy] .tab-loading-burst{
  background-size: 20% 10px !important;
  transition: background-size 0.3s ease-out;
}
.tabbrowser-tab[busy][progress] .tab-loading-burst{
  background-size: 100% 10px !important;
  transition-duration: 2s !important;
}
.tabbrowser-tab[bursting] .tab-loading-burst{
  background-size: 100% 10px !important;
  transition-duration: 0.5s;
}