Every Noise at Once by bamabraves

@-moz-document domain("everynoise.com") {
/* ==UserStyle==
@name           Every Noise at Once
@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;
  transition: none !important;
}

/* Paddings 
_____________________________________________________________________________________________________*/

.genre {
    margin: 1rem 2rem!important;
    padding: 17px 39px !important;
}

/* Width 
_____________________________________________________________________________________________________*/

.canvas[role="main"]
{	
width: 108rem!important;
}

#tunnel .canvas
{
width: 34rem!important;
}


}

@-moz-document domain("everynoise.com") {
/* Font Settings */

a[href]
 {
  color: #0ff !important;
  text-shadow: 1px 1px #000 !important;
}

a[href]:visited
 {
  color: #fc79fc !important;
  text-shadow: 1px 1px #000 !important;
}

/* Yellow 
_____________________________________________________________________________________________________*/

.genre:hover,

a[href]:hover,
h1,

input[type="checkbox"]:checked + label,
input[type="radio"]:checked + label
 {
  color: #ff0 !important;
}

/* White 
_____________________________________________________________________________________________________*/

body,
li,
p
{
  color: #fff !important;
}

/* Khaki 
_____________________________________________________________________________________________________*/

h1,
h2
 {
  color: #f0e890 !important;
}

/* Burlywood 
_____________________________________________________________________________________________________*/

h3,
h4
 {
  color: #e0b880 !important;
}

/* Sandy Brown 
_____________________________________________________________________________________________________*/

h5,
h6,
label
 {
  color: #f0a060 !important;
}

/*
_____________________________________________________________________________________________________*/

input,

input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],

select,
textarea
 {
  background-color: #5d1b1b !important;
  color: #fff !important;
}

/*
_____________________________________________________________________________________________________*/

::selection {
  background: #ff9 !important;
  color: #000 !important;
}

pre ::selection {
  background: #ff9 !important;
  color: #fff !important;
}

::placeholder {
  color: #f48f8f !important;
  opacity: 1;
}

/* Misc 
_____________________________________________________________________________________________________*/

.genre.current
 {
  color: #fff !important;
}

}

@-moz-document domain("everynoise.com") {
/* Background Settings */

body,
html
 {
  background: #000 !important;
}

/* Background Transparent 
_____________________________________________________________________________________________________*/

.genre.current .navlink
 {
  background: #0000 !important;
  background-color: #0000 !important;
}

/* Plain 
_____________________________________________________________________________________________________*/

.canvas
 {
  background-color: #111 !important;
  border-radius: 22px !important;
  border: 1px solid rgba(0, 0, 0, 0.25) !important;
  box-shadow: inset 0 0 5px #0006, #373737 0 1px 0, 10px 10px 5px #0006, #9b9b9b 0 1px 0 !important;
  padding: 0.5rem !important;
}

.canvas:hover
 {
  box-shadow: inset 0 0 5px #0006, #9b9b9b 0 1px 0, 10px 10px 5px #0a0a0a66, #9b9b9b 0 1px 0 !important;
}

/* Radial Background 
_____________________________________________________________________________________________________*/

.genre:hover {
	background: radial-gradient(ellipse at center, #81852c 0%, #000 70%) !important;
	padding: 13px 26px !important;
}

.genre.current
 {
  background: radial-gradient(ellipse at center, #9a9d00 0%, #000 70%) !important;
  padding: 18px 26px !important;
}

}

@-moz-document domain("everynoise.com") {
/* New Icons */

input[type="checkbox"],
input[type="radio"] {
  appearance: none !important;
}

.genre[played]:before
{
    content: "" !important;
	font-size: 134%!important;
}

/* Musical Note 
___________________________________________________________________________*/

.genre[played]:before
{
	background: url(https://i.ibb.co/M8rZVxt/Note-red.png) no-repeat!important;
	box-sizing: border-box;
}

.genre[played]:before
{
  background-size: 25px !important;
  padding-left: 26px !important;
}

}

@-moz-document domain("everynoise.com") {
/* Scrollbar Settings */

/* Width 
_____________________________________________________________________________________________________*/

::-webkit-scrollbar {
  width: 1.82em!important;
}

/* Color of handle 
_____________________________________________________________________________________________________*/

::-webkit-scrollbar-thumb {
  background: #580303!important;
  background-image: linear-gradient(to right, rgba(93, 6, 6, 0.95), rgba(255, 4, 4, 0.1)), url(https://image.ibb.co/hCq4n5/Carbon_Fiber_2.jpg)!important;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.4), rgba(55, 55, 55, 1) 0 1px 0!important;
  border-radius: 22px!important;
  border: 1px solid rgba(0, 0, 0, 0.25)!important;
}

::-webkit-scrollbar-thumb:hover {
  background: #580303!important;
  background-image: linear-gradient(to left, rgba(93, 6, 6, 0.95), rgba(255, 4, 4, 0.1)), url(https://image.ibb.co/hCq4n5/Carbon_Fiber_2.jpg)!important;
  border-radius: 22px!important;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.4), rgba(155, 155, 155, 1) 0 1px 0!important;
}

/* Color of Track 
_____________________________________________________________________________________________________*/

::-webkit-scrollbar-track {
  background: #170000!important;
  box-shadow: inset 8px 0 13px rgba(0, 0, 0, 0.4), rgba(55, 55, 55, 1) 0 1px 0!important;
  border: 1px solid rgba(0, 0, 0, 0.25)!important;
}

/* Color of handles at top and bottom 
_____________________________________________________________________________________________________*/

::-webkit-scrollbar-button {
  background: #4c0707!important;
  box-shadow: inset 0 12px 13px rgba(0, 0, 0, 0.6), rgba(55, 55, 55, 1) 0 1px 0!important;
}

::-webkit-scrollbar-button:hover {
  border-radius: 22px!important;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.4), rgba(155, 155, 155, 1) 0 1px 0!important;
}

/* Color of the bottom corner of the scrollable element, where two scrollbar meet. 
_____________________________________________________________________________________________________*/

::-webkit-scrollbar-corner {
  background: #530205!important;
  box-shadow: inset 0 12px 13px rgba(0, 0, 0, 0.6), rgba(55, 55, 55, 1) 0 1px 0!important;
}

::-webkit-scrollbar-corner:hover {
  border-radius: 22px!important;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.4), rgba(155, 155, 155, 1) 0 1px 0!important;
}

}