Less distraction YouTube by birdie0

/* ==UserStyle==
@name         Less distraction YouTube
@version      1.2.0
@namespace    github.com/openstyles/stylus
@description  Make YouTube less distractive
@author       Birdie0
@supportURL   https://github.com/Birdie0/userstyles/issues
@license      MIT
@preprocessor stylus

@var checkbox hide_related        'Hide Related column'   1
@var checkbox hide_comments       'Hide Comments section' 1
@var checkbox hide_playback_line  'Hide playback line'    1
@var checkbox hide_shorts_section 'Hide Shorts section'   1
@var checkbox disable_pink        'Disable pink gradient' 1
==/UserStyle== */

@-moz-document domain("youtube.com") {
	if hide_related {
		#related {
			transition: opacity .5s;

			&:not(:hover) {
				opacity: 0;
			}
		}
	}

	if hide_comments {
		#comments {
			display: none !important;
		}
	}

	if hide_playback_line {
		ytd-thumbnail-overlay-resume-playback-renderer {
			display: none !important;
		}
	}

	if hide_shorts_section {
		[is-shorts],
		ytd-reel-shelf-renderer {
			display: none !important;
		}
	}

	if disable_pink {
		.ytp-play-progress {
			background: #f03 !important;
		}
	}
}