Distraction Free Youtube by arv by arv_anshul

/* ==UserStyle==
@name           Distraction Free Youtube by arv
@namespace      github.com/arv-anshul/
@version        2.6.0
@description    New Ultimate Distraction Free, Enhanced UI/UX with font changing configuration theme for Youtube.com
@author         arv-anshul

Extensions to use:
	- Enhancer for YouTube. [Enable all ON Theater Mode]
	- Sponsor Blocker.
	- Channel Blocker.
	- Video Speed Control.

Inspiration - Stylus CSS Theme:
	- Youtube My Theme + Stylus
	- the unbeveling
	- Youtube Dark [somthing like that for sidebar]

==/UserStyle== */
@-moz-document domain("youtube.com") {
	/* 	YouTube Domain Page */
	:root {
		--yt-img-border-radius: 12px;
		--yt-regular-border-radius: 12px;
		--yt-brand-medium-red: #ef4141;
		--transition-all: all 0.15s ease-in-out;
		--sans-font: "YouTube Sans";
		--spacing: 0px;
		--ytd-miniplayer-playlist-height: 385px;
	}

	* {
		font-family: var(--sans-font) !important;
		letter-spacing: var(--spacing) !important;
		-ms-overflow-style: none;
		/* IE and Edge */
		scrollbar-width: none;
		/* Firefox */
	}

	/* Scrollbar */
	*::-webkit-scrollbar {
		display: none;
	}

	/* continuous page scroll disabled */
	.ytd-rich-section-renderer[is-shorts],
	ytd-continuation-item-renderer.ytd-rich-grid-renderer,
	ytd-continuation-item-renderer.ytd-section-list-renderer,
	div #contents .ytd-rich-grid-renderer:nth-of-type(n + 13),
	ytd-rich-section-renderer.ytd-rich-grid-renderer,
	.ytd-statement-banner-renderer,
	#endpoint[title="Shorts"],
	#sections.ytd-guide-renderer > .ytd-guide-renderer:nth-child(n + 3),
	#footer,
	ytd-feed-filter-chip-bar-renderer {
		display: none;
	}

	/* Remove padding at the top of the page */
	#contents.ytd-rich-grid-renderer,
	ytd-rich-grid-renderer[top-row-endorsement] #contents.ytd-rich-grid-renderer {
		padding-top: 5px;
	}

	ytd-masthead[frosted-glass=with-chipbar] #background.ytd-masthead {
		height: 56px;
	}

	/* home video title */
	#video-title.ytd-rich-grid-media {
		font-size-adjust: 0.45;
		font-weight: normal;
	}
}

@-moz-document url-prefix('https://www.youtube.com/feed/subscriptions') {
	/* 	YouTube Subscription Page */
	/* 	continous page scroll disable */
	div #contents .ytd-section-list-renderer:nth-child(n + 3) {
		display: none;
	}
}

@-moz-document url-prefix("https://www.youtube.com/watch") {
	/* 	YouTube Video Page */
	#masthead-container.ytd-app {
		transform: translate(0%, -50%);
		opacity: 0;
		transition: var(--transition-all)
	}

	#masthead-container.ytd-app:hover {
		transform: translate(0);
		opacity: 1;
	}

	#page-manager {
		margin-top: 0px !important;
	}

	h1.ytd-watch-metadata {
		justify-content: center;
	}

	#title h1 yt-formatted-string {
		font-size: 2.8rem;
	}

	/* 	video chapters */
	.ytp-time-display,
	.ytp-chapter-container button {
		font-size-adjust: 0.52;
		font-weight: bold;
	}

	h1.ytd-watch-metadata,
	h1.title {
		padding: 6px 0;
	}

	#columns {
		align-items: center;
	}

	/* 	secondary - primary */
	#secondary,
	#related,
	.ytp-fullerscreen-edu-chevron {
		display: none;
	}

	#primary {
		width: 80% !important;
	}

	#columns.ytd-watch-flexy {
		flex-direction: column;
		padding-right: 0 !important;
	}

	/* 	description */
	#info-container.ytd-watch-info-text {
		justify-content: center;
		color: var(--yt-spec-call-to-action);
		margin-top: 7px;
		margin-bottom: 10px;
	}

	ytd-expander.ytd-video-secondary-info-renderer {
		margin: 0px;
	}

	#bottom-row > #description {
		border: 1px solid var(--yt-spec-10-percent-layer);
	}

	#description-inner {
		max-width: none !important;
		text-align: center;
		font-size-adjust: 0.56;
		overflow: scroll;
		max-height: var(--ytd-watch-flexy-panel-max-height);
	}

	#lockup-container.ytd-structured-description-playlist-lockup-renderer {
		align-items: center;
		justify-content: center;
		flex-direction: column;
	}

	#lockup-container #description {
		border: initial;
		background: transparent;
		min-height: auto;
		height: 10px;
		margin: 0
	}

	#media-lockups > ytd-structured-description-playlist-lockup-renderer,
	ytd-video-description-infocards-section-renderer,
	ytd-video-description-transcript-section-renderer {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}

	ytd-merch-shelf-renderer {
		border-bottom: none !important;
	}

	/* 	comment section */
	ytd-continuation-item-renderer {
		display: initial;
	}

	#comments {
		width: 80%;
		margin: auto;
		margin-bottom: 10px;
		padding-top: 10px;
		padding-left: 10px;
		padding-bottom: 3px;
		border-radius: var(--yt-regular-border-radius);
		border: 1px solid var(--yt-spec-10-percent-layer);
		background: var(--yt-spec-badge-chip-background);
	}

	#comments #sections {
		overflow: scroll;
		height: 83px;
		transition: var(--transition-all) 1s;
	}

	#comments #sections:hover {
		height: var(--ytd-watch-flexy-panel-max-height);
	}

	#expander.ytd-comment-renderer {
		overflow: hidden;
	}

	ytd-comments-header-renderer,
	#title.ytd-comments-header-renderer {
		margin-bottom: 10px;
		margin-top: 0px;
	}
}

@-moz-document url-prefix('https://www.youtube.com/playlist'),
url-prefix("https://www.youtube.com/results"),
url-prefix("https://www.youtube.com/@") {
	/* 	YT EXTRAS */
	ytd-continuation-item-renderer.ytd-rich-grid-renderer {
		display: initial;
	}
}