Youtube Collapse Sidebar by hdyzen

/* ==UserStyle==
@name	         Youtube Collapsed Sidebar
@namespace   	 youtube.com
@version       	 1.2.4.4
@description   	 compact/collapsed sidebar youtube
@author        	 hdyzen
@preprocessor	 stylus

@var select sidebar 'Sidebar Style' ['Default', 'Compact*','Compact-E', 'Compact-M', 'Compact-D', 'Minimize', 'Remove']

@var checkbox roundedSele 'Rounded item active' 0
@var checkbox borderRight 'Add border right' 0
@var checkbox homeItem	  'Hide home item' 0
@var checkbox shortsItem  'Hide shorts item' 0
@var checkbox subsItem	  'Hide subscriptions item' 0
@var checkbox ytmItem	  'Hide YT-Music item' 0
@var checkbox libraryItem 'Hide library item' 0
@var checkbox yourChannel 'Hide your channel' 0
@var checkbox history	  'Hide history' 0
@var checkbox yourVideos  'Hide your videos' 0
@var checkbox watchLater  'Hide watch later' 0
@var checkbox downloads	  'Hide download' 0
@var checkbox likedVideos 'Hide liked videos' 0
@var checkbox entryCol	  'Hide entry collapsible' 0
@var checkbox featureSec  'Hide featured section' 0
@var checkbox settings	  'Hide settings' 0
@var checkbox reportHist  'Hide report history' 0
@var checkbox helpT		  'Hide help' 0
@var checkbox feedback	  'Hide feedback' 0

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

	i=!important;

	if sidebar=='Compact'||sidebar=='Compact-M' {
		@media only screen and (min-width: 1313px) {
			ytd-app[guide-persistent-and-visible] {
				& tp-yt-app-drawer {
					display: none i;
				}
				& tp-yt-app-header {
					left: 72px i;
				}
				& #channel-container {
					max-height: 218px i;
				}
				& ytd-page-manager {
					margin-left: var(--ytd-mini-guide-width) i;
				}
				& ytd-mini-guide-renderer {
					display: unset i;
				}
				& ytd-playlist-header-renderer.ytd-browse {
					left: var(--ytd-mini-guide-width) i;
				}
			}
			ytd-app[mini-guide-visible] {
				& tp-yt-app-drawer {
					display: unset i;
					visibility: visible i;
				}
				& tp-yt-app-header {
					left: 240px i;
				}
				& #channel-container {
					max-height: 230px;
				}
				& ytd-page-manager {
					margin-left: var(--app-drawer-width) i;
				}
				& ytd-mini-guide-renderer {
					display: none i;
				}
				& #scrim.tp-yt-app-drawer {
					opacity: 1 i;
				}
				& #contentContainer.tp-yt-app-drawer {
					transform: translate3d(0, 0, 0) i;
				}
				& #contentContainer.tp-yt-app-drawer #header.ytd-app {
					display: none i;
				}
				& ytd-playlist-header-renderer.ytd-browse {
					left: var(--app-drawer-width) i;
				}
			}
		}
	}
	if sidebar=='Compact-E' {
		ytd-app[guide-persistent-and-visible] {
			.title.ytd-guide-entry-renderer, a.ytd-guide-entry-renderer[href="/feed/you"], #guide-section-title.ytd-guide-section-renderer, yt-img-shadow.ytd-guide-entry-renderer ~ :is(yt-icon, #newness-dot), #footer.style-scope.ytd-guide-renderer, ytd-guide-renderer ytd-guide-signin-promo-renderer, #contentContainer.tp-yt-app-drawer[swipe-open].tp-yt-app-drawer::after {
				display: none i;
			}
			div#guide-inner-content {
				scrollbar-width: none i; // Firefox
				&::-webkit-scrollbar {
					display: none i; // Chrome
				}
			}
			yt-img-shadow.ytd-guide-entry-renderer, .guide-icon.ytd-guide-entry-renderer {
				margin: 0 i;
			}
			tp-yt-app-drawer, ytd-guide-renderer.ytd-app {
				width: var(--ytd-mini-guide-width) i;
			}
			ytd-guide-entry-renderer, ytd-guide-entry-renderer[active] {
				width: max-content i;
			}
			ytd-guide-section-renderer > #items > ytd-guide-entry-renderer, #section-items > ytd-guide-entry-renderer, ytd-guide-collapsible-entry-renderer ytd-guide-entry-renderer {
				margin-bottom: 5px i;
			}
			ytd-page-manager.ytd-app {
				margin-left: var(--ytd-mini-guide-width) i;
			}
			ytd-playlist-header-renderer.ytd-browse {
				left: var(--ytd-mini-guide-width) i;
			}
			ytd-guide-section-renderer {
				padding: 0 i;
				margin: 12px 10px 0 i;
				width: max-content i;
			}
		}
	}
	if sidebar=='Compact-M' {
		ytd-app[guide-persistent-and-visible] {
			& ytd-mini-guide-renderer {
				opacity: 0 i;
				transition: .15s ease i;
				left: calc((var(--ytd-mini-guide-width) / 1.2) * -1);
				&:hover {
					opacity: 1 i;
					left: 0 i;
				}
			}
			& ytd-page-manager {
				margin-left: 0 i;
			}
		}
	}
	if sidebar=='Compact-D' {
		ytd-app[guide-persistent-and-visible] {
			ytd-guide-section-renderer {
				padding: 4px i;
				width: 200px i;
			}
			ytd-guide-section-renderer.style-scope:nth-child(1) {
				padding-top: 10px i;
			}
			tp-yt-app-drawer {
				width: 200px i;
			}
			#page-manager.ytd-app {
				margin-left: 200px i;
			}
			tp-yt-paper-item.ytd-guide-entry-renderer {
				padding: 0 4px i;
			}
			.guide-icon.ytd-guide-entry-renderer, yt-img-shadow.ytd-guide-entry-renderer {
				margin-right: 12px i;
			}
			ytd-guide-collapsible-section-entry-renderer.ytd-guide-section-renderer:not(:first-child) {
				margin-top: 3px i;
				padding-top: 4px i;
			}
			#endpoint.yt-simple-endpoint.ytd-guide-entry-renderer {
				margin: 2px 0 i;
			}
		}
	}
	if sidebar=='Minimize' {
		ytd-app[guide-persistent-and-visible] {
			#guide {
				transform: translateX(-90%) i;
				transition: .1s ease i;
			}
			#guide:hover {
				transform: unset i;
			}
			ytd-page-manager.ytd-app {
				margin-left: 24px i;
			}
			ytd-browse :is(ytd-playlist-sidebar-renderer.ytd-browse, ytd-playlist-header-renderer.ytd-browse) {
				left: 24px i;
			}
		}
	}
	if sidebar=='Remove' {
		tp-yt-app-drawer, ytd-mini-guide-renderer {
			display: none i;
		}
		ytd-page-manager.ytd-app {
			margin-left: 0 i;
		}
	}
	if roundedSele {
		ytd-guide-entry-renderer[active] a {
			height: 48px i;
		}
		ytd-guide-entry-renderer[active] {
			border-radius: 50% i;
		}
	}
	if borderRight {
		tp-yt-app-drawer, ytd-mini-guide-renderer.style-scope {
			border-right: 1px solid #3f3f3f i;
		}
	}
	ytd-mini-guide-entry-renderer, ytd-guide-entry-renderer {
		if homeItem {
			&:has([href="/"]) {
				display: none i;
			}
		}
		if shortsItem {
			&:has([title="Shorts"]) {
				display: none i;
			}
		}
		if subsItem {
			&:has([href="/feed/subscriptions"]) {
				display: none i;
			}
		}
		if ytmItem {
			&:has([href="https://music.youtube.com/"]) {
				display: none i;
			}
		}
		if libraryItem {
			&:has([href="/feed/you"]) {
				display: none i;
			}
		}
		if yourChannel {
			&:has(> [href^="/channel/"]) {
				display: none i;
			}
		}
		if history {
			&:has(> [href="/feed/history"]) {
				display: none i;
			}
		}
		if yourVideos {
			&:has(> [href^="https://studio.youtube.com/channel/"]) {
				display: none i;
			}
		}
		if watchLater {
			&:has(> [href="/playlist?list=WL"]) {
				display: none i;
			}
		}
		if likedVideos {
			&:has(> [href="/playlist?list=LL"]) {
				display: none i;
			}
		}
		if settings {
			ytd-guide-entry-renderer:has(> [href="/account"]) {
				display: none i;
			}
		}
		if reportHist {
			ytd-guide-entry-renderer:has(> [href="/reporthistory"]) {
				display: none i;
			}
		}
		if helpT {
			ytd-guide-entry-renderer:has(path[d^="M15.36 9.96c0 1.09-.67 1.67-1.31"]) {
				display: none i;
			}
		}
		if feedback {
			ytd-guide-entry-renderer:has(path[d^="M13 14h-2v-2h2v2zm0-9h"]) {
				display: none i;
			}
		}
	}
	if downloads {
		ytd-guide-downloads-entry-renderer {
			display: none i;
		}
	}
	if entryCol {
		ytd-guide-collapsible-entry-renderer {
			display: none i;
		}
	}
	if yourChannel&&history&&yourVideos&&watchLater&&likedVideos&&downloads&&entryCol {
		ytd-guide-collapsible-section-entry-renderer.style-scope {
			display: none i;
		}
	}
	if settings&&reportHist&&helpT&&feedback {
		ytd-guide-section-renderer:has([href="/account"]) {
			display: none i;
		}
	}
	if featureSec {
		ytd-guide-section-renderer:has(#endpoint[href^="/feed/trending?"], #endpoint[href="/premium"]) {
			display: none i;
		}
	}
	if sidebar=='Compact'|| sidebar=='Compact-E'|| {
		#guide-skeleton {
			width: 72px i;
		}
	}
}