Horizontal player for Spotify by him

/* ==UserStyle==
@name           Horizontal player for Spotify
@namespace      userstyles.world/user/him
@version        1.0.0
@description    Spotify Horizon player
@author         Him

@preprocessor stylus

@var	color	mainText	"Main Text Color"	#191414
@var	color	lightText	"Light Text Color"	#535353
@var	color	lightGrey	"Light Gray Color"	#b3b3b3
@var	color	accentColor	"Accent Color"	#1db954
@var	color	lightColor	"Light Color"	#f3f2f2
@var	number	blurRadius	"Blur Radius"	[20, 0, 'px']
@var	checkbox	compactPlayer	"Horizontal Playing Bar"	1
==/UserStyle== */
// @var	checkbox	lightTheme	"Light Theme"	1

@-moz-document domain("spotify.com") {
	
    playerHeight=90px;

	if compactPlayer==1 {
		playerHeight=56px;

		.player-controls {
			flex-direction: row;
		}

		.player-controls__buttons {
			margin: 0 12px 0 0;
		}

		.now-playing-bar,
		.a2d114f8465b4517d0dcdf068d15e9cd-scss {
			height: auto;
			padding-left: 0;
		}
		
		[dir=ltr] .b63c05e4f277a01813677f1aa11b8aa3-scss {
			webkit-transform: translateX(-58px);
    transform: translateX(-58px);
		}

		.now-playing {
			transition: .5s ease-in-out;
		}

		.now-playing.now-playing--cover-expanded {
			padding-left: 16px;
			transition: .5s ease-in-out;
		}

		.now-playing-bar__left,
		.now-playing-bar__right {
			width: 25%;
		}
	}

	box-shadow() {
		box-shadow: 0 0 10px 0 transparentify(mainText, #fff, 0.1);
		transition: 0.3s ease-in-out;

		&:hover {
			box-shadow: 0 5px 10px 2px transparentify(mainText, #fff, 0.15);
			transition: 0.3s ease-in-out;
		}
	}
.CmkY1Ag0tJDfnFXbGgju{
	border-radius: 10px
}
}