[annoy] pandora by void

/* ==UserStyle==
@name           [theme] pandora
@namespace      github.com/openstyles/stylus
@version        0.1.5.3
@description    A new userstyle
@author         Me
==/UserStyle== */

@-moz-document domain("pandora.com") {
	/* wide content */
	.region-topBar--rightRail,
	div.region-bottomBar--rightRail {
		width:  100%;
	}

	/* elements out of place */
	.region-main .MiniBar--shouldDropSearchToNextLine {
		width:  100%;
		top:  0;
	}

	/* lyrics */
	.Lyrics {
		letter-spacing: .07em;
		word-spacing: .25em;
		line-height:  1.75em;
		--font-size: x-large;
		--height: auto  !important;
	}
	.Lyrics--nowPlaying { }
	.Lyrics.Lyrics--fullLyrics {
		font-size: 2.4rem;
	}
	.Lyrics p {
		padding:  0;
		margin: 0;
	}
	.Lyrics p:empty {
		margin: 1.5em 0;
	}

	/* annoyances */
	.DisplayAdController {
		display:  none;
	}


	/**
	 * Colors
	 */
	body {
		--bg-base:  #345;
		--fg-base:  #bbb;
		--bc-base:  #fff2;

		--bg-shade: #0002;
		--bg-dark:  #2b3c4d;
		--bg-lite:  #456;

		--bg-input: #fff3;
		--fg-input: #fff;

		--fg-link:  #69c;
		--fg-focus: #9cf;

		background:   var(--bg-base);
		color:        var(--fg-base);
		border-color: var(--bc-base);
		
		fill: var(--fg-base);
	}

	a:link,
	a {
		color:  var(--fg-link);
	}
	.Container a.ButtonLink,
	.Container a.Button,
	a:hover,
	a:focus {
		color:  var(--fg-focus);
	}
	.Container a.Button--white {
		color:  var(--bg-base);
	}

	.AddedHeader--scrolled,
	.MiniBar {
		background: var(--bg-dark);
	}
	.MiniBar {
		width: 100%;
		box-shadow: 0 .25em 1em var(--bg-shadow, #0006);
	}
	/* "premium"? */
	.MiniBar.MiniBar--premium[style^="background"],
	.Nav.Nav--premium[style^="background"] {
		background: var(--bg-dark) !important;
	}


	/* Blocks (& some buttons) */
	.AppBg .BlurredBackground {
		x-display:  none;

		x-background: var(--bg-base);
		fill: var(--bg-base);
	}
	/* "premium"? */
	.BlurredBackground[style^="height"] > svg {
		display:  none;
	}

	.ButtonT3,
	.EmptySearch__content::before,
	.SearchResultsList::before {
		background: var(--bg-dark);
	}
	a.ButtonT3:hover,
	a.ButtonT3:focus {
		background: var(--bg-lite) !important;
		border-color:  var(--bg-dark);
	}

	.SourceCard__menu,
	.InfoCard,
	.MiniCoachmark,
	.Nav--darkToLightTheme.Nav--scrolled,
	.Nav--lightTheme.Nav--scrolled,
	.Nav--darkTheme.Nav--scrolled,
	.Nav--whiteTheme,
	.Tuner {
		background: var(--bg-lite);
	}
	.Tuner[class*="adSkin-tuner"],
	.Tuner[style] {
		background: var(--bg-lite) !important;
	}

	.DropdownBox {
		background: var(--bg-lite);
	}
	.DropdownBox .DropdownOption {
		color: inherit;
	}
	.DropdownBox .DropdownOption:hover {
		background: var(--bg-input);
	}


	/* Elements */
	.NavSecondary__logo--darkIcon .NavSecondary__logo--icon,
	.SourceCard__menu,
	.InfoCard .InfoCard__header__secondaryText,
	.Container *,
	.Container {
		color:  inherit;

		fill: inherit;
	}

	.region-topBar--shouldDropSearchToNextLine.region-topBar--searchT3,
	.region-topBar--shouldDropSearchToNextLine:not(.region-topBar--searchT3)
	{
		height: 6.4rem;
	}
	.SearchModalT3--shouldDropSearchToNextLine {
		width:  31rem;
		top:  0;
	}


	.Container button {
		fill: var(--fg-link);
	}
	.Container button:hover,
	.Container button:focus {
		fill: var(--fg-focus);
	}
	.Container .ButtonLink--nav--upgrade--darkTheme,
	.Container .Button-White {
		background: var(--bg-input);
		color:  var(--fg-input);
	}

	.SearchModalT3 > div:not(:last-child):first-child,
	.SearchModalT3 > div:not(:first-child):last-child {
		display:  none;
	}
	.SearchT3	.GlobalSearchInput .GlobalSearchInput__input {
		background: var(--bg-shade);
		color:  var(--fg-input);
		outline-color: var(--fg-input) !important;
	}
	.SearchT3	.GlobalSearchInput .GlobalSearchInput__input:focus {
		background-color: var(--bg-input);
		color:  var(--fg-input);
	}
	.EmptySearch--noResults .EmptySearch__content__title__searchTerm {
		color: var(--fg-link);
	}

	.Footer--withTuner a.Footer__navLink {
		color:  var(--fg-link);
	}
	.SourceCard__menu__item__container:hover span,
	.Footer--withTuner a.Footer__navLink:hover,
	.Footer--withTuner a.Footer__navLink:focus {
		color:  var(--fg-focus);
	}

	.SourceCard__ellipsis .Icon {
		fill: inherit;
	}

	.SourceCard__menu__item__container:hover,
	.Modal__overlay {
		background: var(--bg-shade);
	}
	.Modal__container {
		background: var(--bg-lite);
		box-shadow: 0 0 2em var(--bg-shade);
		border: solid 1px var(--bg-shade);
	}

	.Container .Lyrics,
	.SearchResultsList__list__item {
		border-color: var(--bc-base);
	}

	.DescriptionBackstage__content__seeMore {
		background: linear-gradient(90deg, transparent, var(--bg-lite), var(--bg-dark));
	}

	.MyMusicContainer div[style^="padding-bottom"] + .sticky {
		width: auto  !important;
		right: 0;
		left: 0      !important;
		box-shadow: 0 .25em 1em var(--bg-shadow, #0009);
		background-color: var(--bg-lite);
	}
	.AddedHeader {
		padding: 0 1em;
	}
	.AddedHeader__viewControls {
		position: static;
		margin: -2.25em 0 0;
		float: right;
	}
	.sticky .AddedHeader__viewControls {
		margin-top: -2em;
	}

}