/** Selected Tab - Color like toolbar ***************************************/
#tabbrowser-tabs:not([movingtab]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab > .tab-stack > .tab-background[multiselected="true"]:-moz-lwtheme, #tabbrowser-tabs:not([movingtab]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab > .tab-stack > .tab-background[selected="true"]:-moz-lwtheme {
  /* Original: linear-gradient(var(--lwt-selected-tab-background-color, transparent), var(--lwt-selected-tab-background-color, transparent)), linear-gradient(var(--toolbar-bgcolor), var(--toolbar-bgcolor)), var(--lwt-header-image, none)
*/
  background-image: linear-gradient(var(--toolbar-bgcolor, transparent), var(--toolbar-bgcolor, transparent)), linear-gradient(var(--toolbar-bgcolor), var(--toolbar-bgcolor)), var(--lwt-header-image, none) !important;
}


/* Multi Selected Color */
.tab-background[multiselected="true"]:not([selected="true"]) > .tab-loading-burst.proton:not([bursting]) {
  background: color-mix(in srgb, currentColor 65%, transparent);
  opacity: .3;
}
#TabsToolbar[brighttext] .tab-background[multiselected="true"]:not([selected="true"]) > .tab-loading-burst.proton:not([bursting]) {
  opacity: .15;
}

/** Selected Tab - Color like toolbar ***************************************/
.tab-context-line {
  display: -moz-inline-box !important;
  height: 2px !important;
  border-radius: var(--tab-border-radius, 4px) var(--tab-border-radius, 4px) 0 0 !important;
}

.tabbrowser-tab:is([selected], [multiselected]) .tab-context-line {
  background-color: rgb(10, 132, 255) !important; /* Photon like color
                                                   Default: var(--tab-line-color, rgb(10, 132, 255))
                                                   Automatic: color-mix(in srgb, var(--button-primary-bgcolor) 80%, transparent) */
}

.tabbrowser-tab:hover:not([selected="true"], [multiselected]) > .tab-stack > .tab-background > .tab-context-line {
  background-color: rgba(0,0,0,.2) !important;
  opacity: 1 !important;
  transform: none !important;
}
#TabsToolbar[brighttext] .tabbrowser-tab:hover:not([selected="true"], [multiselected]) > .tab-stack > .tab-background > .tab-context-line {
  background-color: rgba(255,255,255,.2) !important;
}

.tabbrowser-tab:not([selected="true"], [multiselected]) .tab-context-line {
  opacity: 0 !important;
  transform: scaleX(0) !important;
}
.tabbrowser-tab:not([selected="true"], [multiselected]) .tab-context-line {
  transition: transform 250ms var(--animation-easing-function), opacity 250ms var(--animation-easing-function) !important; /* --animation-easing-function: cubic-bezier(.07, .95, 0, 1); */
}












/** Container Tab - Color line at icon's bottom *****************************/
  .tab-content:not([titlechanged])::before {
    /* Box Model */
    content: "";
    display: block;
    position: absolute !important;

    /* Shape */
    border-bottom: 2px solid color-mix(in srgb, var(--identity-icon-color) 75%, transparent);
    width: 25%;

    /* Animate */
    transition: 0.15s var(--animation-easing-function) !important;
    transform: translate(9px, 12px) !important;
  }
  .tabbrowser-tab[visuallyselected]:not([pinned]) .tab-content::before {
    width: calc(100% - 30px);
    border-color: var(--identity-icon-color);
  }
  #tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab[visuallyselected]:not([pinned]) .tab-content::before {
    width: calc(100% - 33px);
  }


/** Color line for Container Tab**/
  .tab-content::after {
    display: inline-block;
    width: -moz-available;
    height: 2px;
    position: absolute;
    bottom: 5px;
    left: 0;
    background: var(--identity-icon-color);
    content: '';
    margin: 0 var(--inline-tab-padding);
  }

  :root[uidensity="compact"] .tab-content::after {
    bottom: 3px;
  }

  :root[uidensity="touch"] .tab-content::after {
    bottom: 9px;
  }