/* Compact Tab Bar *//*
@media (-moz-bool-pref: "zen.view.compact") {#navigator-toolbox {height: 86vh !important;}}
/* Hide Buttons */
#alltabs-button{display:none !important;}   /* Tab Button */
#star-button-box {display: none !important;}   /* Bookmarks Star Button */
#tracking-protection-icon-container {display: none !important;}   /* Shield Button */
#urlbar-zoom-button {display: none !important;}   /* URL Zoom Button */
#reader-mode-button {display: none !important;}   /* Reader Mode Button */
#picture-in-picture-button {display: none !important;}   /* PIP Button */
#PanelUI-menu-button {display: none !important;}*/ /* Three dot settings button */
#unified-extensions-button {display: none !important;} /* Extension Button */
#pageAction-urlbar-_testpilot-containers, #userContext-icons{display: none !important;}
.tab-context-line{display: none !important;} /* Default Container tab theme */
/*#zen-history-button{display:none !important;}*/   /* Tab-bar History Button */
/* Increase Compat Hover */
@media (-moz-bool-pref: "zen.view.compact") {
@media (-moz-bool-pref: "zen.view.compact.hide-toolbar") {#zen-appcontent-navbar-container {transform: translateY(calc(-100% + 20px)) !important;}
#zen-appcontent-navbar-container:hover, #zen-appcontent-navbar-container:focus-within, #zen-appcontent-navbar-container[zen-user-show],
#mainPopupSet:has(> #appMenu-popup:hover)~#zen-appcontent-navbar-container, #zen-appcontent-navbar-container:has([open="true"]) {transform: translateY(0) !important;}}}
/* Remove Border Padding */
:root:not([inDOMFullscreen="true"]):not([chromehidden~="location"]):not([chromehidden~="toolbar"]) {& #tabbrowser-tabbox #tabbrowser-tabpanels .browserSidebarContainer  {margin: 0 !important; border-radius: 0 !important;}}
@media (-moz-bool-pref: "zen.view.compact") {
@media (-moz-bool-pref: "zen.view.compact.hide-toolbar") {:root:not([inDOMFullscreen="true"]) #tabbrowser-tabpanels, #tabbrowser-tabpanels {padding-left: 0 !important;
padding-top: 0 !important;padding-right: 0 !important; padding-bottom: 0 !important;}}}
/* URL-bar */
/*  Put Reload or Extension Button inside URL-bar */
/*#unified-extensions-button{width: 1.85px; padding-inline: 0 !important} #unified-extensions-button > .toolbarbutton-icon {width: 0 !important;} #urlbar{padding-inline-end: calc(17px + 2 * var(--urlbar-icon-padding));}*/
#urlbar-container+.chromeclass-toolbar-additional{margin-inline-start: calc(0px - 19px - 2 * var(--urlbar-icon-padding) - var(--urlbar-margin-inline)) !important; position: relative;
--toolbarbutton-inner-padding: var(--urlbar-icon-padding); --toolbarbutton-hover-background: var(--urlbar-box-hover-bgcolor);}
/* Centers the url text */
#urlbar:not([focused]) .urlbar-input {text-align: center !important;}
/* Container Tab Theme */
#tabbrowser-tabs { & .tabbrowser-tab { &[selected] .tab-background {border: 2px solid var(--identity-icon-color) !important; opacity: 0.8 !important;}}}
/* Catpucin Theme */
@-moz-document url-prefix("chrome:") {:root {--zen-colors-primary: #24273a !important; --zen-colors-secondary: #1e2030 !important; --zen-colors-tertiary: #181926 !important; --zen-colors-border: #363a4f !important;}}
/* Disable Rounded Corners */
:root .browserSidebarContainer {margin: unset!important;box-shadow: unset!important;clip-path: unset!important;border-radius: unset!important;overflow: unset!important;}
/*  Flotaing Navigation Bar */
#zen-appcontent-navbar-container {padding: calc(var(--zen-element-separation) * 2) !important; border: none !important; background: none !important; box-sizing: border-box;}
#nav-bar, #PersonalToolbar {background: var(--zen-colors-tertiary) !important; border-radius: var(--zen-border-radius); border: 1px solid var(--zen-colors-border) !important;}
#PersonalToolbar {margin-top: var(--zen-element-separation);} #PersonalToolbar, .bookmark-item {padding: var(--zen-element-separation);}
#nav-bar, #PersonalToolbar { width: 75vw !important; margin-left: calc( 12.5vw - var(--zen-element-separation) * 2) !important;}
#main-window {--zen-element-separation: 10px !important;} #PersonalToolbar, .bookmark-item { padding: calc( var(--zen-element-separation) / 2 );}
/* Floating Tab bar */
@media (-moz-bool-pref: "zen.view.compact") {:root:not([customizing]) {--separation: calc(var(--zen-element-separation) + 1px);--margin: 3px;--horiz-padding: 10px;--vert-padding: 5px;
@media (-moz-bool-pref: "zen.view.compact.hide-tabbar") {& #navigator-toolbox{position: absolute !important;left: 0 !important;padding-right: var(--horiz-padding) !important;
padding-left: calc(var(--margin) + calc(var(--separation) + var(--horiz-padding))) !important;padding-top: calc(var(--vert-padding) + var(--margin)) !important;
padding-bottom: calc(var(--vert-padding) + var(--margin)) !important;top: 10.6vh !important;bottom: var(--separation) !important;height: 80vh !important;border: none !important;
box-shadow: none !important;background: none !important;min-width: calc(calc(calc(var(--horiz-padding) * 2) + var(--zen-toolbox-max-width)) + var(--margin)) !important;transform: translate3d(-90%, 0, 0) !important;}
& #navigator-toolbox[zen-expanded]{min-width: 204px !important;}& #navigator-toolbox::before{content: "" !important;position: absolute !important;top: var(--margin) !important;bottom: var(--margin) !important;
left: calc(var(--separation) + var(--margin)) !important;right: 0 !important;background: var(--zen-themed-toolbar-bg) !important;border-radius: var(--zen-border-radius) !important;box-shadow: 15px -10px 20px -20px black !important;
border: none;} & #navigator-toolbox:hover, & #navigator-toolbox[zen-has-hover], & #navigator-toolbox:focus-within, & #navigator-toolbox[zen-user-show], & #navigator-toolbox[flash-popup], 
& #navigator-toolbox[has-popup-menu], & #navigator-toolbox[movingtab], & #mainPopupSet:has(> #appMenu-popup:hover) ~ toolbox, & #navigator-toolbox:has(.tabbrowser-tab:active), 
& #navigator-toolbox:has([open="true"]:not(tab):not(#zen-sidepanel-button)){transform: translate3d(0, 0, 0) !important;}}}}
/* Theme 1 *//*
@media (prefers-color-scheme: dark) {:root {--zen-colors-tertiary: #080e16 !important; --zen-colors-border: #133048 !important; --zen-primary-color: #8fa8d1 !important;
--zen-dialog-background: #101b2c !important; --toolbarbutton-icon-fill: color-mix(in srgb, var(--zen-primary-color) 70%, white 30%) !important;
--toolbar-field-color: color-mix(in srgb, var(--zen-primary-color) 40%, white 60%) !important;}} */
