Youtube Minimize Navbar by hdyzen

/* ==UserStyle==
@name           Youtube Minimize Navbar
@namespace      youtube.com
@version        0.1
@description    youtube navigation bar minimized
@author         hdyzen
#license	MIT
@preprocessor   stylus

@var number	navM		'Navbar Minimized'	[40, 0, 56, 1, 'px']
@var checkbox	theaterFull	'Theater Mode Full'	0

==/UserStyle== */
@-moz-document domain("youtube.com") {


	i=!important //
	//
	//
	//
	:root {
		--navbar: navM;
	}
	/* NAVBAR */
	#masthead-container {
		top: - navM i;
		transition: .3s ease-in-out i;
	}

	#masthead-container:hover,
	#masthead-container:focus-within {
		top: 0px i;
	}
	/* HOME VIDEOS */
	#page-manager {
		margin-top: calc(56px - var(--navbar)) i;
	}
	/* HOME CHIPS */
	#chips-wrapper {
		top: calc(56px - var(--navbar)) i;
	}
	/* SIDEBAR  */
	#guide-spacer {
		margin-top: calc(56px - var(--navbar)) i;
	}
	/* BANNER CHANNELS */
	#wrapper.tp-yt-app-header-layout > [slot="header"] {
		margin-top: calc(56px - var(--navbar)) i;
	}
	/* CHIPS IN CHANNELS */
	#chips-wrapper.ytd-feed-filter-chip-bar-renderer {
		top: 0px i;
	}
	if theaterFull {
		/* PLAYER */
		#player-theater-container.ytd-watch-flexy {
			min-height: calc(100vh - calc(56px - var(--navbar))) i;
		}
		/* PLAYER CONTENT */
		.html5-video-container {
			height: 100% i;
			width: 100% i;
		}
		.ytp-fit-cover-video .html5-main-video {
			object-fit: contain i;
		}
	}
}