FreeConvert by bamabraves

@-moz-document domain("freeconvert.com") {
/* ==UserStyle==
@name           FreeConvert
@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;
}

#ImageOptionsOptionsList .form-control select,
#breadcrumb,

.dropzone,
.file-list-item,
.user-feedback,

:focus
{
	border: none !important;
	box-shadow: none !important;
	outline: none !important;
	text-shadow: none !important;
}

/* Fonts 
_____________________________________________________________________________________________________*/

.control--theme small
{
	font-size: 1.22rem !important;
}

.control--theme small
{
	line-height: 1.5rem !important;
}

/* Remove Items 
_____________________________________________________________________________________________________*/

.ads-in-page,
.ads-side-layout,

.try-free
{
	left: -9999px !important;
	position: absolute !important;
	top: -9999px !important;
}

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

.dropzone .msg
{
    margin-top: 2rem;
}

/* Width 
_____________________________________________________________________________________________________*/

.container--theme
{
    max-width: none !important;
}

.container--theme
{
	width: 98% !important;
}

}

@-moz-document domain("freeconvert.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 
_____________________________________________________________________________________________________*/

a[href]:hover,
h1,

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

/* White 
_____________________________________________________________________________________________________*/

.control--theme small,
.dropzone .msg,

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

/* Khaki 
_____________________________________________________________________________________________________*/

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

/* Burlywood 
_____________________________________________________________________________________________________*/

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

/* Sandy Brown 
_____________________________________________________________________________________________________*/

.file-list-item__output,

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

/*
_____________________________________________________________________________________________________*/

#ImageOptionsOptionsList .form-control select,

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 
_____________________________________________________________________________________________________*/

.advanced-options__group__header
 {
  color: #99ece5 !important;
}

}

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

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

/* Background Transparent 
_____________________________________________________________________________________________________*/

.advanced-options__group__header,
.advanced-single__buttons,

.downloader__action,

.file-input-dropdown.more,
.file-input-dropdown__action,
.file-input-dropdown__list__item,

.layout__section--elevated,
.panel-ao.in-page
 {
  background: #0000 !important;
  background-color: #0000 !important;
}

/* Buttons 
_____________________________________________________________________________________________________*/

/* Gray 
_____________________________________________________________________________________________________*/

.btn-secondary,
.btn-secondary.disabled,
.btn-secondary:disabled
 {
  background: radial-gradient(circle, #797979a8 0%, #000 100%);
  border-radius: 22px !important;
  border: none !important;
  box-shadow: 1px 1px 1px black, inset 2px 3px 5px #0000004d,
    inset -2px -3px 5px #ffffff80 !important;
  color: #fff !important;
  opacity: 1 !important;
  position: relative !important;
  z-index: 1 !important;
}

.btn-secondary::before,
.btn-secondary.disabled::before,
.btn-secondary:disabled::before
 {
  background: radial-gradient(circle, #000 0%, #797979 100%) !important;
  border-radius: 22px !important;
  bottom: 0;
  color: #ff0 !important;
  content: "";
  left: 0;
  opacity: 0 !important;
  position: absolute !important;
  right: 0;
  top: 0;
  transition: opacity 0.8s linear !important;
  z-index: -1 !important;
}

.btn-secondary:hover::before,
.btn-secondary.disabled:hover::before,
.btn-secondary:disabled:hover::before
 {
  opacity: 1 !important;
}

/* Plain 
_____________________________________________________________________________________________________*/

.accordion,
.dropzone,
.file-input-dropdown__list,
.tools
 {
  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;
}

.accordion:hover,
.dropzone:hover,
.file-input-dropdown__list:hover,
.tools:hover
 {
  box-shadow: inset 0 0 5px #0006, #9b9b9b 0 1px 0, 10px 10px 5px #0a0a0a66, #9b9b9b 0 1px 0 !important;
}

/* Purple Gradient 
_____________________________________________________________________________________________________*/

.advanced-single__buttons .download-action__button,
.file-input-dropdown__button
 {
  background: linear-gradient(to bottom, #727cf5 0%, #000 100%) !important;
}

/* Gray Gradient 
_____________________________________________________________________________________________________*/

.navigation-web,
.user-feedback__header
 {
  background: linear-gradient(to bottom, #242323 0%, #000 100%) !important;
}

#breadcrumb,
#Footer
 {
  background: linear-gradient(to top, #242323 0%, #000 80%) !important;
}

/* Highlight Background 
_____________________________________________________________________________________________________*/

.tools__list ul li a:hover
 {
  background: linear-gradient(to right, #727cf5, #0000) !important;
  border-left-color: #434343 !important;
}

}

@-moz-document domain("freeconvert.com") {
/* Image Settings */

.file-input-dropdown__list__item
 {
  filter: brightness(75%) !important;
  z-index: 999 !important;
}

/*
_____________________________________________________________________________________________________*/

.file-input-dropdown__list__item:hover
 {
  filter: brightness(100%) !important;
}

/*
_____________________________________________________________________________________________________*/

img
 {
  border-radius: 22px !important;
}

/*
_____________________________________________________________________________________________________*/

img {
  -webkit-box-reflect: below 0 -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent), to(rgba(250, 250, 250, 0.1)));
}

}

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

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

/* Settings Icon
___________________________________________________________________________________*/

.advanced-options__group__header svg,
.collapsed-settings__title__icon,
.file-list-item__settings svg
 {
  background: url(https://i.ibb.co/2dVYhWK/Setting-icon.png) no-repeat !important;
  box-sizing: border-box;
}

.advanced-options__group__header svg,
.collapsed-settings__title__icon,
.file-list-item__settings svg
 {
  background-size: 35px !important;
  height: 36px !important;
  padding-left: 36px !important;
  width: 1px !important;
}

}

@-moz-document domain("freeconvert.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 
___________________________________________________________________________________________________...