Stylus by bamabraves

@-moz-document regexp("^\\w+-extension://.+") {
/* ==UserStyle==
@name           Stylus
@namespace      none
@author         BamaBraves
@description    `Black Highlights New Icons`
@version        1
@license        NO-REDISTRIBUTION
@preprocessor   uso
==/UserStyle== */

/* Site Settings */

*
{
	letter-spacing: 1px!important;
	text-decoration: none!important;
}

#header summary h2,
#livePreview-settings main,

input[type = "checkbox"]:not(.slider),
:focus
{
	border: none!important;
	box-shadow: none!important;
	outline: none!important;
}

body
{
	letter-spacing: 1px!important;
}

html
{
	scroll-behavior: smooth!important;
}

body
{
	scroll-snap-type: y mandatory!important;
}

.applies-to li:first-child
{
    margin-top: 2rem!important;
    margin-bottom: -2rem!important;
}
    
#installed
{
    overflow-x: hidden!important;
}

#lint td[role = "message"]
{
	white-space: pre-line!important;
}

.beautify-options div
{
	float: left;
	display: block;
	align-items: center;
}

input:not([type]),
input[type=number],
input[type=search],
input[type=text],

select
{
	margin: .51rem 12px .51rem 12px!important;
	height: 2rem!important;
	padding: 9px 45px 7px 9px!important;
}

.svg-icon.select-arrow {
	pointer-events: none;
	height: 14px;
	width: 14px;
	top: 12px!important;
	right: 15px!important;
}

.select-wrapper,
.select-resizer
{
	display: inline-block!important;
}

.applies-to ul
{
    margin: 19px;
}

/*___ Remove Items _________________________________________________________________*/

.checkmate > .svg-icon,
.resize-grip
{
	display: none!important;
	left: -9999px!important;
	position: absolute!important;
	top: -9999px!important;
}

/* Left/Right/Top/Bottom 
_____________________________________________________________________________________________________*/

#installed {
    margin-left: 12rem;
}

.filter-selection select
{
	height: 33px!important;
	padding-right: 29px!important;
}

#installed .style-name .checker,
#installed .style-name .svg-icon.checked
{
	top: 17px!important;
}

#sections
{
    padding-left: 19rem!important;
}

.style-name
{
	padding-left: 2rem!important;
}

label
{
	padding-left: 32px!important;
}

.applies-to li,
.edit-actions
{
    margin-top: 2rem!important;
}

.applies-to
{
    margin-bottom: 2rem!important;
}

.applies-to li {
    margin-bottom: -2.5rem!important;
}

.select-resizer
{
    top: -8px!important;
    left: 46px!important;
}

.filter-selection .select-wrapper::after {
    top: 17px;
}

.filter-selection
{
    left: -59px!important;
}

.filter-selection
{
    left: -9px;
    margin: 20px 0;
}

.svg-icon.select-arrow
{
    top: 8px!important;
    right: 4px!important;
}

.entry.disabled svg,
.entry.enabled svg,

.svg-icon.select-arrow
{
    top: 11px !important;
}

.svg-icon.select-arrow
{
    right: 7px !important;
}

#main-actions > *
{
	padding-left: 2rem!important;
}

.beautify-options div[newline = "true"] + div span[indent]
{
	padding-left: 0rem!important;
}

/* Margins 
_____________________________________________________________________________________________________*/

.filter-selection
{
    margin: 31px 0;
}

.entry
{
	margin: 12px 6px!important;
}

.gap1 > :nth-last-child(n+2)
{
    margin: 0.25rem;
}

#filters input[type="checkbox"]:not(.slider) {
    margin: 37px 0.3rem 0px -9px;
}

#installed input[type="checkbox"]:not(.slider)
{
    margin: 5px 0.3rem 0px -9px;
}

/* Heights 
_____________________________________________________________________________________________________*/

#installed,

body,
html
{
	max-height: none!important;
}

#stylus#stylus .CodeMirror
{
    height: 73rem!important;
}

.entry-content
{
    height: 3rem!important;
}

.edit-actions button {
    height: 28px!important;
}

/* Widths
____________________________________________________________________________________________________*/

#help-popup.big,
#help-popup.wide,

#livePreview-settings main > input,

#stylus-popup,

.filter-selection .select-wrapper,
.select-resizer,
.targets,

body,
html
{
	max-width: none!important;
}

.sectioned .applies-to label
{
    width: max-content!important;
}

#help-popup.big,
#help-popup.wide
{
	width: 26%!important;
}

#header
{
	width: 23%!important;
}

.entry
{
	width: 100%!important;
}

.sectioned .section
{
	height: auto!important;
}

#stylus-popup {
	width: 50rem!important;
}


#details-wrapper details[open] {
	overflow-y: visible!important;
	height: fit-content !important;
}

}

@-moz-document regexp("^\\w+-extension://.+") {
/* Media Query 2560 */

@media screen and (min-width: 2560px) {

/*___ Fonts ________________________________________________________________________*/

	.CodeMirror pre.CodeMirror-line,
	.CodeMirror pre.CodeMirror-line-like,

	.active #filters-stats
	{
		font-size: 1.52rem!important;
	}

	#header h1,
	#header summary h2,

	.applies-to li .applies-value,
	.blocked-info p,
	.newUI .style-name,

	button
	{
		font-size: 1.25rem!important;
	}

	.filter-selection select,
	
	.i-config,
	.i-info
	{
		font-size: 1.5rem!important;
	}

	#name,

	body,
	label,
	select
	{
		font-size: 1rem!important;
	}

	.style-name
	{
		line-height: 55px!important;
	}

	.blocked-info p
	{
		line-height: 25px!important;
	}

	.beautify-hint
	{
		line-height: 18px!important;
	}

	button
	{
		line-height: 1.52!important;
	}

	/*___ Left/Right/Top/Bottom ________________________________________________________*/
	
	/* Left ________________________________*/
	
	#basic-info label
    {
		padding-left: 34px !important;
	}

	#disable-all-wrapper .main-controls label,
	#find-styles-inline-group label,

	.entry .menu-item > span,
	.options-column:first-child label
    {
		padding-left: 37px !important;
	}

	#installed
    {
		margin-left: 18rem !important;
	}

	#search-params span
    {
		padding-left: 12px !important;
	}

	#sections {
		padding-left: 33rem !important;
	}

	#write-style [title = "Write new style as usercss"]
    {
		margin-left: -41px !important;
	}

	.actions label span
	{
		margin-left: 19px!important;
	}

	.applies-to li .applies-value-wrapper
    {
		margin-left: 41px !important;
	}

	.beautify-options select
	{
		padding-left: 4px!important;
		margin-left: 31px!important;
	}
	
	.checkmate input[type = "checkbox"]:not(.slider)
    {
		left: -4px !important;
	}

	.checkmate
    {
		margin-left: -33px !important;
	}

	.checkmate
    {
		margin-left: -37px !important;
		margin-top: -14px !important;
	}

	.entry.disabled svg,
	.entry.enabled svg
    {
		left: 0 !important;
	}

	.select-resizer
    {
		left: 13px !important;
	}

	.style-name a,
	.style-edit-link,

	[title = "Write new style as usercss"]
    {
		margin-left: 58px !important;
	}

	.svg-icon.info {
		padding-left: 39px !important;
	}

	input[type = "checkbox"]:not(.slider)
    {
		left: 7px !important;
	}

	input[type = "checkbox"]:not(.slider):checked + .svg-icon.checked
    {
		left: 243px!important;
	}

	label
    {
		padding-left: 33px!important;
	}

	/* Right _______________________________*/
	
	.filter-selection .select-arrow
    {
		right: -38px!important;
	}

	.svg-icon.select-arrow
	{
		right: -8px !important;
	}

	/* Top _________________________________*/
	
	#basic-info label
    {
		margin-top: 13px !important;
	}

	.checkmate input[type = "checkbox"]:not(.slider)
    {
		top: 3px !important;
	}

	.entry.disabled svg,
	.entry.enabled svg,
	
	.svg-icon.select-arrow
    {
		top: -3px !important;
	}

	.filter-selection .select-arrow
    {
		top: -7px!important;
	}

	.sectioned .section:first-child
    {
		margin-top: 0 !important;
	}

	input[type = "checkbox"]:not(.slider)
    {
		left: 7px !important;
		top: -4px !important;
	}

	input[type = "checkbox"]:not(.slider):checked + .svg-icon.checked
	{
		top: -4px!important;
		left: 243px!important;
	}

	/* Bottom ______________________________*/
	
	#sections section:target
    {
		margin-top: 3px !important;
	}

	#options-wrapper .options-column:nth-child(2) .aligned
    {
		margin-bottom: 1rem!important;
	}

	/*___ Margins ______________________________________________________________________*/
	
	#basic-info-enabled input,
	#basic-info-enabled svg
	{
		margin: 2px 0 !important;
	}

	#header .filter-selection label
	{
		margin: 24px !important;
	}

	.aligned .svg-inline-wrapper
	{
		margin: -2px 0 0 0.6rem!important;
	}

	.applies-to ul {
	margin: -21px 0 27px 0px!important;
	}

	.beautify-options div:not(.select-resizer)
	{
		margin: 3px 6px !important;
	}

	.option.aligned
	{
		margin: 12px !important;
	}

	.sectioned .section
	{
		margin: 24rem 0.7rem !important;
	}

	/*___ Paddings _____________________________________________________________________*/
	
	#help-popup.wide
    {
		padding: 12px !important;
	}

	.CodeMirror-linewidget
    {
		padding: 15.1px!important;
	}

	/*___ Heights ______________________________________________________________________*/
	
	.CodeMirror,
	.section .CodeMirror
    {
		height: 100% !important;
	}

	.sectioned .section
    {
		height: 90vh !important;
	}
	
	#stylus#stylus .CodeMirror
    {
		height: 74rem!important;
	}

	/*___ Widths _______________________________________________________________________*/
	
	#header
    {
		width: 21% !important;
	}

	#help-popup,

	.select-resizer
	{
		max-width: none !important;
	}

	#help-popup.big
	{
		top: 3rem!important;
		width: 75%!important;
		right: 8rem!important;
	}

	#help-popup.wide
	{
		top: 3rem!importa...