Compact responsive oneliner for Firefox

userChrome.css

*|*:root:not([customizing]) {
	--new-tab-height: 29px;
}

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

*|*:root:not([customizing]) .tabbrowser-tab {
	min-height: var(--new-tab-height) !important;
}

*|*:root:not([customizing]) .tab-content {
	height: var(--new-tab-height) !important;
}

*|*:root:not([customizing]) #tabbrowser-tabs {
	height: var(--new-tab-height) !important;
}

*|*:root:not([customizing]) .tab-background {
	margin-block: 0 !important;
	border-radius: 0 !important;
}

*|*:root:not([customizing]) .tab-background[selected="true"] {
	box-shadow: inset 0px 1px 0px #000000c0, inset 0px 3px 0px white, 0 0 0 1px var(--tab-line-color, var(--tabs-border-color, #80808ee6)) !important;
}

*|*:root:not([customizing]) .tab-close-button {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

*|*:root:not([customizing]) #nav-bar-customization-target > :is(toolbarbutton, toolbaritem):first-child {
	padding-inline-start: 0 !important;
}

*|*:root:not([customizing]) #tabbrowser-tabs, *|*:root:not([customizing]) #tabbrowser-arrowscrollbox, *|*:root:not([customizing]) #tabbrowser-tabs[positionpinnedtabs] > #tabbrowser-arrowscrollbox > .tabbrowser-tab[pinned] {
	min-height: var(--new-tab-height) !important;
}

*|*:root:not([customizing]) #TabsToolbar .toolbarbutton-1 {
	margin: 0 !important;
}

/* Hide buttons **/
*|*:root:not([customizing]) #nav-bar #nav-bar-customization-target toolbarbutton:not([customizing]):not(#unified-extensions-button) {
	margin-left: calc(-2 * var(--toolbarbutton-inner-padding) - 12px - (2 * var(--toolbarbutton-outer-padding))) !important;
	opacity: 0 !important;
	pointer-events: none !important;
	transition: all 100ms var(--animation-easing-function) !important;
}

/* Show on hover or focus */
/*
*|*:root:not([customizing]) :hover > #nav-bar toolbarbutton,
*|*:root:not([customizing]) #navigator-toolbox:focus-within #nav-bar toolbarbutton,
*|*:root:not([customizing]) :hover > #titlebar toolbarbutton {
	margin-left: 0 !important;
	opacity: 1 !important;
	pointer-events: auto !important;
}
*/

/* Don't hide tab buttons */
*|*:root:not([customizing]) :hover > #titlebar #TabsToolbar toolbarbutton {
	margin-left: 0px !important;
	opacity: 1 !important;
	pointer-events: auto !important;
}

/* Disable padding on urlbar */
*|*:root:not([customizing]) #navigator-toolbox #nav-bar #urlbar-container {
	margin-inline: 0 !important;
	padding-block: 0 !important;
}

/* Hide controls on urlbar focus */
*|*:root:not([customizing]) #navigator-toolbox #nav-bar #nav-bar-customization-target:focus-within ~ toolbarbutton,
*|*:root:not([customizing]) #navigator-toolbox #nav-bar #nav-bar-customization-target:focus-within ~ toolbaritem {
	display: none !important;
}

*|*:root:not([customizing]) #navigator-toolbox #nav-bar #urlbar-container:focus-within {
	margin-right: -65vw !important;
}

*|*:root:not([customizing]) #navigator-toolbox #nav-bar #urlbar-container:focus-within #page-action-buttons {
	display: -moz-box !important;
}


/* Remove styles from urlbar */
*|*:root:not([customizing]) #urlbar.megabar > #urlbar-background {
	border-radius: 0 !important;
}

*|*:root:not([customizing]) #urlbar-input-container,
*|*:root:not([customizing]) #urlbar-background {
	border: none !important;;
	border-radius: 0 !important;
}

*|*:root:not([customizing]) #urlbar {
	top: 0 !important;
	min-height: var(--new-tab-height) !important;
	height: var(--new-tab-height) !important;
}

*|*:root:not([customizing]) #urlbar-container {
	min-height: var(--new-tab-height) !important;
	min-width: 150px !important;
}

*|*:root:not([customizing]) #page-action-buttons {
	display: none !important;
}

*|*:root:not([customizing]) toolbar .toolbarbutton-1 > .toolbarbutton-icon,
*|*:root:not([customizing]) toolbar .toolbarbutton-1 > .toolbarbutton-badge-stack,
*|*:root:not([customizing]) toolbar .toolbarbutton-1 > .toolbarbutton-text {
	width: var(--new-tab-height) !important;
	height: var(--new-tab-height) !important;
	padding: 7px 6px 6px 7px !important;
}

*|*:root:not([customizing]) .urlbarView {
	background: white !important;
}


/* Move tabs 35% to rihgt */
*|*:root:not([customizing]) #TabsToolbar {
	margin-left: 35vw !important;
}

/* Move navigation 65% to left and negative margin to move to top line */
*|*:root:not([customizing]) #nav-bar {
	margin-right: 65vw !important;
	margin-top: calc(0px - var(--new-tab-height)) !important;
	background: transparent !important;
}

*|*:root:not([customizing]) #widget-overflow,
*|*:root:not([customizing]) #widget-overflow panelmultiview,
*|*:root:not([customizing]) #widget-overflow panelview,
*|*:root:not([customizing]) #widget-overflow .widget-overflow-list {
	width: 60em !important;
	min-width: 60em !important;
	max-width: 60em !important;
}

/*
tooltip {
  display: none !important;
}
*/


/* Remvoe round corners */
.tab-background,
#urlbar-background,
#searchbar,
menupopup,
.menupopup-arrowscrollbox{
	border-radius: 0 !important;
}
:root{
	--arrowpanel-border-radius:0px !important;
}