iHeart Radio by bamabraves

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

.css-v42etk
 {
  text-transform: capitalize !important;
}

.css-1ktbr2d input,
.css-1m262qx .image img,
.css-bwtog2,
.css-e1bamf .play,
.css-tvsa0x,

.js-pager__items > li > a,
.js-pager__items > li > span,

.pager__items > li > a,
.pager__items > li > span,

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

.css-12o3s0b,
.css-1qzr9r:hover,
.css-lsvq96:hover
{
    transform: none!important;
}

.component-site-header,

.css-1bjq084,

.css-2iucau,
.css-gci0q2,

.play
{
    z-index: 9999!important;
}

.css-14f5ked {
    -webkit-line-clamp: none!important;
}

/* Remove Items 
_____________________________________________________________________________________________________*/

.component-page.two-column .col-right,
.component-page .page-gutter.gutter-left,

.css-gtcvps,

[href="/advertise/"],
[data-test*="-section-right"]
 {
  left: -9999px !important;
  position: absolute !important;
  top: -9999px !important;
}

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

[data-test="header-left"] [title="iHeart"]
 {
  margin: -8rem 0 0 !important;
}

.css-14kxdra {
    margin-left: 10rem!important;
}

.header-user .user-account .options {
    right: -1rem!important;
}

/* Margins 
_____________________________________________________________________________________________________*/

selector
 {
  margin: 1.2rem !important;
}

selector
 {
  margin: 3px 6px !important;
}

/* Paddings 
_____________________________________________________________________________________________________*/

selector
 {
  padding: 1.2rem !important;
}

.js-pager__items > li > a,
.js-pager__items > li > span,

.pager__items > li > a,
.pager__items > li > span
 {
  padding: 13px 26px !important;
}

/* Heights 
_____________________________________________________________________________________________________*/

selector
 {
  max-height: none !important;
}

selector
 {
  height: auto !important;
}

.css-1qzr9r {
    height: 64rem!important;
}

.css-12o3s0b {
    height: 11rem!important;
}

/* Width 
_____________________________________________________________________________________________________*/

.component-page .col-left,
.component-page.two-column .col-top,
.component-region,
.component-station-logo img,

.css-14xie1c,
.css-1jh48a,
.css-1qaqc2v,
.css-1yjehxf,

.container,
.container-sm,
.container-md,
.container-lg,
.container-xl,

.css-o7q07l
{
    max-width: none !important;
}

selector
 {
  width: auto !important;
}

selector
 {
  width: 98% !important;
}

.css-1idbq8v ul li {
	width: 15.6%;
}
}

@-moz-document domain("iheart.com") {
/* Media Query */

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

  /* Fonts 
_____________________________________________________________________________________________________*/

  selector
 {
    font-size: 2.5rem !important;
  }

  selector
 {
    font-size: 1.85rem !important;
  }

  selector
 {
    font-size: 1.52rem !important;
  }

  selector
 {
    line-height: 2.5rem !important;
  }

  selector
 {
    line-height: 2.1rem !important;
  }

/* Widths 
_____________________________________________________________________________________________________*/

    .component-page.two-column .component-feed.feed-style-small [class^=component-grid] {
        grid-column-gap: 3.2rem;
        grid-template-columns: repeat(4, minmax(26rem, 1fr));
    }

}

@media (min-width: 1920px) and (max-width: 2559px) {
  /* Fonts 
_____________________________________________________________________________________________________*/

  selector
 {
    font-size: 2.5rem !important;
  }

  selector
 {
    font-size: 1.85rem !important;
  }

  selector
 {
    font-size: 1.52rem !important;
  }

  selector
 {
    line-height: 2.5rem !important;
  }

  selector
 {
    line-height: 2.1rem !important;
  }

  /* Widths 
_____________________________________________________________________________________________________*/

  selector
 {
    width: 4rem !important;
  }

}

}

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

.component-button.customized:hover,
.component-button:not(.customized):hover,

.css-1gnlu3e:hover .css-ha7sdx,
.css-1phsrqa:hover .css-ha7sdx,

.js-pager__items > .is-active > a,
.pager__items > .is-active > a,

[aria-label="Upgrade Now"]:hover [data-test="shared-button-children"],
[data-test="load-more-articles"]:hover [data-test="shared-button-children"],
a[href]:hover,
h1,
input[type="checkbox"]:checked + label,
input[type="radio"]:checked + label
 {
  color: #ff0 !important;
}

/* White 
_____________________________________________________________________________________________________*/

.component-button.customized,

.css-13gmg85,
.css-epdmgm,

[data-test="article-description"],
[data-test="station-tile-sub-title"],
a,
body,
li,
p
{
  color: #fff !important;
}

/* Khaki 
_____________________________________________________________________________________________________*/

[data-test="station-tile-title"] span,
[title="Thanks for listening!"],

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

/* Burlywood 
_____________________________________________________________________________________________________*/

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

/* Sandy Brown 
_____________________________________________________________________________________________________*/

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

/* Blue 
_____________________________________________________________________________________________________*/

[data-test="date-text"],
time
 {
  color: #07beff !important;
}

/* Green 
_____________________________________________________________________________________________________*/

selector
 {
  color: #07ff24 !important;
}

/* Red 
_____________________________________________________________________________________________________*/

selector
 {
  color: #ff0707 !important;
}

/*
_____________________________________________________________________________________________________*/

.css-3nq3ce,
.css-bwtog2,
.css-tvsa0x,

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

.css-e1bamf .play svg {
    fill: #ffffff00;
}

}

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

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

selector
 {
  background-image: none !important;
}

/* Background 
_____________________________________________________________________________________________________*/

.css-2iucau,
.css-qt8znh
 {
  background: #060505 !important;
  background-color: #060505 !important;
}

.css-1m262qx
 {
  background-color: #101010 !important;
}

/* Background Transparent 
_____________________________________________________________________________________________________*/

.component-content-tile,

.css-1jh48a,
.css-1nhwgjr,
.css-1p4weow,
.css-1qaqc2v,
.css-1tkl7pe,
.css-1u79cy8,
.css-1yjehxf,

.css-391y5w,
.css-596zo,

.css-a158xc,
.css-p4po5q,
.css-rdtbxw,
.css-ybshcc,

.image::after,

.js-pager__items > li > a,
.js-pager__items > li > span,

.pager__items > li > a,
.pager__items > li > span,

[data-test="welcome-section-hero-wrapper"]
 {
  background: #0000 !important;
  background-color: #0000 !important;
}

/* Buttons 
_____________________________________________________________________________________________________*/

/* Blue 
_____________________________________________________________________________________________________*/

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

selector::before
 {
  background: radial-gradient(circle, #000 0%, #1b8bc8 100%) !important;
  border-radius: 22px !important;
  bottom: 0;
  box-shadow: 1px 1px 1px black, inset 2px 3px 5px #0000004d,
    inset -2px -3px 5px #ffffff80 !important;
  color: #ff0 !important;
  content: "";
  left: 0;
  opacity: 0 !important...