/*
# This Source Code Form is subject to the terms of the Mozilla Public
# License, v. 2.0. If a copy of the MPL was not distributed with this
# file, You can obtain one at http://mozilla.org/MPL/2.0/.
*/

:root {
  --shadow-color: rgba(0, 0, 0, 0.04);
  --shadow-blur: 0.2em;
}

:root.left tab-item:not(.pinned):not(collapsed) {
  box-shadow: -0.3em 0.3em var(--shadow-blur) var(--shadow-color);
}

:root.right tab-item:not(.pinned):not(collapsed) {
  box-shadow: 0.3em 0.3em var(--shadow-blur) var(--shadow-color);
}

.after-tabs button {
  box-shadow: 0 0.3em var(--shadow-blur) var(--shadow-color);
}


:root.left #tabbar {
  box-shadow: inset -0.2em 0.2em var(--shadow-blur) var(--shadow-color);
}

:root.right #tabbar {
  box-shadow: inset 0.2em 0.2em var(--shadow-blur) var(--shadow-color);
}


/* Transparent tabs are shown above solid tabs.
   We have to set z-index to show all tabs in the same layer. */
tab-item {
  z-index: auto;
}

.after-tabs button {
  z-index: 100;
}
