Fix youtube header animation in channel page by hdyzen

/* ==UserStyle==
@name           Fix youtube header animation in channel page 
@namespace      zen
@version        1.1
@description    fix lag animation on header when scroll in channel page
@author         zen
@preprocessor 	stylus

@var checkbox	removeBanner 'Remove banner' 0
==/UserStyle== */
@-moz-document domain("www.youtube.com") {
	/* Vars */
	i=!important;

	
	/* Header - Fix animation, remove banner */
	#contentContainer.tp-yt-app-header-layout {
		display: none i;
	}
	#header.ytd-browse,
	ytd-tabbed-page-header.ytd-browse,
	tp-yt-app-header-layout,
	#wrapper.tp-yt-app-header-layout,
	tp-yt-app-header#header,
	#contentContainer.tp-yt-app-header {
		display: contents i;
	}
	tp-yt-app-toolbar {
		position: sticky i;
		top: var(--ytd-masthead-height, var(--ytd-toolbar-height)) i;
		z-index: 2000 i;
		width: 100% i;
	}
	#page-header-container {
		width: 100%;
	}
	.page-header-banner {
		if (removeBanner) {
			display: none i;
		}
	}
	ytd-two-column-browse-results-renderer.style-scope {
		margin-inline: auto;
	}
	ytd-browse.ytd-page-manager[page-subtype="channels"] {
		overflow: unset i;
		display: grid;
	}
	#channel-header-container {
		margin-bottom: 8px i;
	}
}