YT Music PIP (Picture-in-Picture) Mode - music.youtube.com by osirisgothra

/* ==UserStyle==
@name         YT Music PIP (Picture-in-Picture) Mode - music.youtube.com
@version      20211209.14.55
@namespace    userstyles.world/user/osirisgothra
@description  Picture-in-Picture mode for youtube music.
@author       osirisgothra
@license      public domain share alike fallback
==/UserStyle== */

@-moz-document url-prefix("https://music.youtube.com/watch?v=") {

/* YT Music PIP (Picture-in-Picture) Mode - music.youtube.com

NOTE: as there are no controls in this mode, you WILL have to toggle
the style off to use the site as normal, this is mainly for those who
want true PIP usability, you WILL need a window-on-top manager. I 
recommend deskpins or something like that.

* THIS IS STILL EXPERIMENTAL, AS GOOGLE DOES NOT WANT YOU HAVING
SUCH A TOOL FOR FREE (they want you to buy their subscription)

* ONLY WORKS WHEN NOT IN MINI-PLAYER MODE

* You should bind a shortcut to stylish, like ALT+S is what I use
  so you can easily enable/disable this style, you wont want this
  on all the time.

Known Issues: Google has planted some nasty elements in their ytapp
that will cause certain videos/images to have elements blown up over
the video at random when using styles like this. If you come across
a SOLUTION to one of these, let me know, otherwise I'll try to post
them as I find them.

Google will likely change their code in the future at any time, if
that happens this style may become outdated. But it should be good
for at least a year (so I think, about until Jan, 2023)

Dec 9 2021, Initial Release


*/

*
{
	margin: 0px !important;
	padding: 0px !important;
	border: none !important;
	outline: none !important;
	box-shadow: none !important;
	text-shadow: none !important;
	filter: none !important;
	animation: none !important;
	transition: none !important;
	
	top: 0px !important;
	left: 0px !important;
	width: 100% !important;
	height: 100% !important;
	align-content: center !important;
	
	
}

ytmusic-player
{	
	

	display: block !important;
	position: absolute !important;
	top: 1px !important;
	left: 1px !important;
	width: 100% !important;
	height: 100% !important;
	z-index: 9999 !important;
	opacity: 1 !important;
	filter: none !important;
	transition: none !important;
	animation: none !important;
	padding: 0px !important;
	margin: 0px !important;
	border: none !important;
	box-shadow: none !important;
}

#nav-bar-background,
#layout > ytmusic-player-bar,
.side-panel,
yt-navigation-progress,
ytmusic-nav-bar,
ytmusic-content-update-chip,
ytmusic-player-page:not(#player-page),
#player > div.song-media-controls.style-scope.ytmusic-player
{
	
	display: none !important;
	margin: 0px !important;
	padding: 0px !important;
	
}
}