/* ### ###    PhotonUI Sharp Tabs, Non floating    ### ### */
@import "non_floating_sharp_tabs.css";
@import "inline_tab_audio_icons.css";
@import "photon_tab_separators.css";
/*@import "tab_separator_lines.css";*/

/* Enable urlbar border when focused */

#urlbar:focus-within > #urlbar-background {
    border-color: -moz-accent-color !important;
    border-width: 1px !important;
    border-radius:2px !important;
}

#tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab[first-visible-unpinned-tab] {
  /* Disable gap between the last pinned tab and the first visible tab */
  margin-inline-start: 0 !important;
}

/* Disable tab label mask on hover */
.tabbrowser-tab[visuallyselected=true]:hover,
#tabbrowser-tabs:not([closebuttons=activetab]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab:not([visuallyselected=true]):hover {
  --tab-label-mask-size: 0 !important;
}

/* Add a gradient mask for the tab title */
.tab-label-container {
mask-image: linear-gradient(to left, transparent, black 2em) !important;
}

/* Hovering on "Close tab" button won't change the gradient mask width for tab title */
.tabbrowser-tab:not(:hover) > .tab-stack > .tab-content > .tab-close-button {
padding-inline-start: inherit !important;
width: auto !important;
}

/* Disable tab label mask
 * Proton default value = 2em
 * This is a tweak. Photo does contain this mask.
 */
.tabbrowser-tab {
  --tab-label-mask-size: 0 !important;
}

:root {
  --tab-min-height: 35px !important;
  --tabs-border-color: rgba(0,0,0,.3);
  --tabs-navbar-shadow-size: 1px;
  --toolbarbutton-border-radius: 2px !important;
}