& {
	--toolbar-start-end-padding: 8px !important;

	--nav-bar-height: 37px;

	--toolbarbutton-width: 24px;
	--toolbarbutton-height: 24px;
	--toolbarbutton-border-radius: 2px !important;
	--toolbarbutton-outer-padding: 2px !important;
	--toolbarbutton-icon-drop-shadow: drop-shadow();

	--personal-toolbar-floating-bg-padding-inline: 6px;
	--personal-toolbar-gap: 0;
	--personal-toolbar-height: 28px;
}

:not(.widget-overflow-list) {
	> .toolbarbutton-1:not(
		#gkavatar-container > #gk-firefox-account-button,
		#tabs-newtab-button,
		#new-tab-button,
		.subviewbutton
	) {
	
		border: 0 !important;
		box-shadow: none !important;
		transition: background 150ms linear;
	
		&::before {
			content: "" !important;
			transform: scale(0);
			left: 50% !important;
			top: 50% !important;
			transform: translateX(-50%) translateY(-50%) !important;
			width: 0;
			height: 0;
			border-radius: 50% !important;
			background: var(--toolbarbutton-background-hot, var(--default-toolbarbutton-background-hot)) !important;
			transition: width 150ms, height 150ms, opacity 150ms !important;
		}
	
		&::after {
			content: unset;
		}
	
		&:not([disabled]) {
			&:hover,
			&:active,
			&[open] {
				box-shadow: none !important;
			}

			&:hover {
				background: var(--toolbarbutton-background-hot, var(--default-toolbarbutton-background-hot)) !important;
				
				&::before {
					opacity: 0;
				}
			}
	
			&:active {
				background: transparent !important;
	
				&::before {			
					width: calc(var(--nav-bar-height) - 6px);
					height: calc(var(--nav-bar-height) - 6px);
					opacity: 1;
				}
			}
		}
	
		&#back-button,
		&#forward-button {
			&:not([disabled]) {
				&:active,
				&[open] {
					border: 0 !important;
				}
			}
		}
	
		&#back-button::before {
			border-top-right-radius: 50% !important;
			border-bottom-right-radius: 50% !important;
		}
	
		&#forward-button::before {
			border-top-left-radius: 50% !important;
			border-bottom-left-radius: 50% !important;
		}

		.toolbarbutton-badge {
			height: 13px !important;
			min-width: 13px !important;
			margin-block-end: calc(var(--toolbarbutton-inner-padding) * -1) !important;
			margin-inline-end: calc(var(--toolbarbutton-inner-padding) * -1) !important;
			background-image: unset;
			box-shadow: unset !important;
			border: 1px solid white;
		}
	}
}

:not(.widget-overflow-list) > .toolbarbutton-1:not(
	#gkavatar-container > #gk-firefox-account-button,
	#tabs-newtab-button,
	#new-tab-button,
	.subviewbutton) {
	&#unified-extensions-button,
	&#searchmode-switcher-button,
	&[type="menu"]:not(#back-button, #forward-button),
	&#PanelUI-menu-button,
	&[class*="webextension"],
	&#gsettings-button,
	&#nav-bar-overflow-button,
	&#developer-button {
		&#gsettings-button .toolbarbutton-icon,
		&#searchmode-switcher-button .toolbarbutton-icon,
		&[class*="webextension"] .toolbarbutton-icon {
			width: 16px !important;
			height: 16px !important;
		}
	}
}

.urlbar-page-action {
	width: calc(var(--urlbar-height-definitive) - 4px) !important;
	height: calc(var(--urlbar-height-definitive) - 4px) !important;
}

#nav-bar {
	border-top-left-radius: 0 !important;
	border-top-right-radius: 0 !important;
}

&#back-button,
&#forward-button {
	.toolbarbutton-icon {
		width: 14px !important;
		height: 14px !important;
	}
}

#PersonalToolbar {
	padding-block: 6px !important;

	.bookmark-item:not(
		.menu-iconic,
		.menuitem-iconic,
		[data-l10n-id="places-empty-bookmarks-folder"]
	) {
		border: 0 !important;
		outline: 0 !important;

		&:not([disabled]) {
			&:hover {
				background-color: var(--personal-toolbar-item-active-bg, var(--default-personal-toolbar-item-active-bg)) !important;
				box-shadow: none !important;
			}

			&:active {
				background-color: var(--personal-toolbar-item-active-bg, var(--default-personal-toolbar-item-active-bg)) !important;
				box-shadow: none !important;
				transition: background-color 100ms linear !important;
			}
		}
	}
}

#star-button-box #star-button[starred="true"] {
	fill: var(--default-bookmark-icon-fill) !important;
}