
@-moz-document url(about:preferences),url-prefix(about:preferences),url(about:settings),url-prefix(about:settings) {
:root{
	background-image: linear-gradient(to bottom, rgb(231, 237, 246) 3px, rgba(231, 237, 246, 0) 156px), linear-gradient(to left, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0.2)), linear-gradient(32deg, rgba(255, 255, 255, 0) 19.5%, rgba(255, 255, 255, 0.1) 20%, rgba(255, 255, 255, 0.1) 21.5%, rgba(255, 255, 255, 0.2) 22%, rgba(255, 255, 255, 0.2) 25.5%, rgba(255, 255, 255, 0.1) 26%, rgba(255, 255, 255, 0.1) 27.5%, rgba(255, 255, 255, 0) 28%, rgba(255, 255, 255, 0) 49.5%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 52.5%, rgba(255, 255, 255, 0.2) 53%, rgba(255, 255, 255, 0.2) 54.5%, rgba(255, 255, 255, 0.1) 55%, rgba(255, 255, 255, 0.1) 57.5%, rgba(255, 255, 255, 0) 58%, rgba(255, 255, 255, 0) 87%, rgba(255, 255, 255, 0.2) 90%), url("chrome://userchrome/content/pages/preferences/images/background-texture.png") !important;
	background-color: rgb(204, 217, 234) !important;
}
	.category {
	  margin-inline-start: 0px !important;
	  padding-inline-end: 0px !important;
	}
	
	@media not (-moz-toolbar-prefers-color-scheme: dark), not (prefers-color-scheme: dark) {

		#preferences-stack,.sticky-container,
		page,
		.dialogBox .groupbox-title {
		  background: -moz-Dialog !important;
		}

		#categories {
		  background: transparent !important;
		}

		.groupbox-body,
		#dialogFrame{
		  background-color: transparent !important;
		}
		
		#policies-container {
		  background: transparent !important;
		}
		
		#categories .category:not([selected]):not(:hover){
		  color: black !important;
		}
		
		.main-content {
		  background-color: transparent !important;
		}

	}
	.pane-container{
		border:1px solid skyblue !important;
	}
	.main-content {
	  padding: 0px !important;
	}

	.pane-container {
	  width: 100% !important;
	  padding: 0px !important;
	  margin: 0px !important;
	}
	
	.sticky-container,
	.search-container  {
	  width: 100% !important;
	  margin-inline: 0px !important;
	  padding-inline: 0px !important;
	  min-height: unset !important;
	  height: unset !important;
	  background: unset !important;
	}

	.sticky-inner-container {
	  max-width: unset !important;
	}
	
	#policies-container, #searchInput {
	  min-height: 0px !important;
	  margin: 5px!important;
	}
	#policies-container{
		margin-top:0 !important;
	}
	#searchInput[focused]{
		border:1px solid skyblue !important;
		outline:1px solid skyblue !important;

	}
	#searchInput {
		font-size: 14px !important;
	}
	#searchInput[focused] {
	  box-shadow: none !important;
	}
	
	.sticky-container {
	  position: relative !important;
	}

	.header-name {
	  visibility: collapse !important;
	}
	
	#firefoxAccountCategory {
	  visibility: hidden !important;
	}
	
	/* main colors category items */
	
	#categories > .category[selected]:not(:hover),
	#categories .category[selected]{
	  background-color: white !important;
	  color: black !important;
	}

	#categories .category:not([selected]):hover{
	  background-color: Highlight !important;
	  color: HighlightText !important;
	}


	#categories .category {
	  transition-duration: unset !important;
		border-radius: 3px !important;
		border-top-right-radius: 0 !important;
		border-bottom-right-radius: 0 !important;
	}
	#categories .category[selected]{
		border:1px solid #8e8f8f !important;
		border-right-color: transparent !important;
	}
	/* category icons */
	#category-search .category-icon {
	  list-style-image: url("./../images/prefs_search.png") !important;
	}
	#category-general .category-icon {
	  list-style-image: url("./../images/prefs_general.png") !important;
	}
	#category-home .category-icon {
	  list-style-image: url("./../images/prefs_home.png") !important;
	}
	#category-privacy .category-icon {
	  list-style-image: url("./../images/prefs_privacy.png") !important;
	}
	#category-sync .category-icon {
	  list-style-image: url("./../images/prefs_sync.png") !important;
	}
	#categories .category .category-icon {
	  height: 32px !important;
	  width: 32px !important;
	}

	/* alignment and text/font appearance */

	#mainPrefPane {
	  padding-inline-start: 30px !important;
	  margin-top: 4px !important;
	  margin-inline-start: -20px !important;
	}
	
	textbox {
	  min-height: 24px !important;
	  height: 24px !important;
	}

	.main-content {
	  margin-top: 20px !important;
	  margin-bottom: 20px !important;
	  margin-inline-start: -1px !important;
	}

	.header label {
	  font-weight: bold !important;
	  padding-bottom: 0 !important;
	}

	.header:not(#header-advanced){
	  margin-bottom: 0px !important;
	}

	#advancedPrefs #tabsElement tab {
	  min-height: 30px !important;
	}	

	/* treechildren*/
	#handlersView richlistitem,
	#engineList treechildren::-moz-tree-row,
	#blocklistsTree treechildren::-moz-tree-row {
	  min-height: 24px !important;
	}
	
	treecols,
	treecol {
	  padding-top: 0 !important;
	  padding-bottom: 0 !important;
	}
	
	.autocomplete-tree treecols,
	.autocomplete-tree treecol {
	  padding-top: 0 !important;
	  padding-bottom: 0 !important;
	}

	/* buttons / menulists */
	button:not(.button-link):not(.close-icon):not(#contentBlockingToggle),
	menulist{
	  min-height: unset !important;
	  height: unset !important;
	}
	
	button:not(.button-link):not(.close-icon):not(#contentBlockingToggle) {
	  padding-top: 2px !important;
	  padding-bottom: 2px !important;
	}
	
	menulist{
	  padding: 2px !important;
	}
	
	/* checkbox and radio items */
	checkbox image,
	radio image {
	  margin: 0 1px !important;
	}
	
	
	#homeContentsGroup checkbox label {
	  margin-inline-start: 2px !important;
	}
	
	radio * {
	  outline: unset !important;
	}
	
	/* tweaks for small windows */
	@media (max-width: 830px) {
	  
	  .category {
		padding-inline-start: 10px !important;
		margin-inline-end: 0px !important;
	  }

	  .main-content {
		padding-left: 28px !important;
		padding-right: 28px !important;
	  }

	}
	
	.sidebar-footer-button .text-link {
	  margin-inline-start: 0 !important;
	}
	
	#backContainersButton .button-box {
	  padding-block-end: 20px !important
	}
	
	.sidebar-footer-list {
	  margin-inline: 0 !important;
	}
	
	#addonsButton {
	  fill: #63c54f !important;
	}
	
	#helpButton, #category-more-from-mozilla {
	  fill: #ff0000 !important;
		display: none !important;
	}
	
	.sidebar-footer-icon {
	  fill: unset !important;
	}
	
	
}

/* preference sub windows */

*[subdialog="true"] button:not(.button-link),
*[subdialog="true"] menulist{
  min-height: unset !important;
  height: unset !important;
}

*[subdialog="true"] button:not(.button-link):not(.close-icon){
  padding:0px !important;
}
*[subdialog="true"] menulist{
  padding:2px !important;
}

*[subdialog="true"] checkbox image,
*[subdialog="true"] radio image {
  width: 14px !important;
  height: 14px !important;
  margin: 0 !important;
}

*[subdialog="true"] radio *{
  outline: unset !important;
}



*[subdialog="true"] textbox {
  min-height: 24px !important;
  height: 24px !important;
}

*[subdialog="true"] treecols,
*[subdialog="true"] treecol {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

*[subdialog="true"] .autocomplete-tree treecols,
*[subdialog="true"] .autocomplete-tree treecol {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

:is(.dialogBox,dialog) #siteCol,
:is(.dialogBox,dialog) #statusCol,
:is(.dialogBox,dialog) #permissionsBox > richlistitem {
  min-height: unset !important;
}

.navigation, #preferences-body,
window > stack > hbox,
#preferences-stack,
page, page .dialogBox .groupbox-title {
	background: transparent !important;
}

.pane-container {
	background: rgba(255,255,255,0.5) !important;
}