YouTube with just Logo by KABA

/* ==UserStyle==
@name         YouTube with just Logo
@version      20250131.09.07
@namespace    https://userstyles.world/user/KABA
@description  Hide content until hover and display logo. YouTube Music is also included.
@author       KABA
@license      No License
==/UserStyle== */

@-moz-document regexp("https://\\w+.youtube.com/watch?.*") {
/* Domain */

/* - Base */
:root {
	--show-duration: .64s;
	--show-delay: .2s;
	--hide-duration: .4s;
	--hide-delay: 0;

	--transition:
		var(--show-duration)
		var(--show-delay)
ease-in-out;

	/* Logo */
	/* YouTube */ --logo: url(//www.gstatic.com/youtube/img/branding/youtubelogo/svg/youtubelogo.svg);
	/* YouTube Music */ &:has(.ytmusic-app) { --logo: url(/img/ringo2/on_platform_logo_dark.svg) }
	&::before {
		position: fixed;
		inset: 0;
		margin: auto;
		background: var(--logo) 50% / 24vw no-repeat;
		content: "";
	}
}

/* - Hide elements */
body {
	transition: var(--transition);

	&:not(:hover, :focus-within) {
		transition-duration: var(--hide-duration);
		transition-delay:    var(--hide-delay);
		opacity: 0;
	}
}
}