YouTube - Distraction Free by tsyron

/* ==UserStyle==
@name           YouTube - Distraction Free 
@namespace      github.com/openstyles/stylus
@version        1.0.1
@description    Hides distractive qualities so you can focus on what you want to watch. 
@author         Tsyron
@preprocessor   stylus

@var            checkbox checkbox-home-feed "Hide Home: Feed" 1
@var            checkbox checkbox-shorts "Hide Shorts" 1
@var            checkbox checkbox-sidebar-subscriptions "Hide Sidebar: Subscriptions" 0
@var            checkbox checkbox-sidebar-discovery "Hide Sidebar: Discovery" 1
@var            checkbox checkbox-sidebar "Hide Sidebar" 0
@var            checkbox checkbox-video-recommended "Hide Video: Recommended" 1
@var            checkbox checkbox-disable-next-autoplay "Disable Video: Button: Next & Autoplay" 1
@var            checkbox checkbox-thumbnail "Hide Thumbnails" 0
@var            checkbox checkbox-disable-inline-playback "Disable Inline Playback" 1

==/UserStyle== */
@-moz-document domain("youtube.com") {
    if checkbox-home-feed {
        [page-subtype="home"] #primary {
                display: none; } }
    
    if checkbox-shorts {
        a[title="Shorts"],
        /* for when the name "shorts" isn't used */
        .style-scope .ytd-mini-guide-renderer:nth-child(2),
        #sections .ytd-guide-renderer:first-child ytd-guide-entry-renderer:nth-child(2),
        [page-subtype='home'] ytd-rich-shelf-renderer[is-shorts],
        ytd-reel-shelf-renderer {
            display: none !important; } }
            
    if checkbox-sidebar-subscriptions {
        [href="/feed/subscriptions"] {
            display: none !important; } }
            
    if checkbox-sidebar-discovery {
            #sections {
                .ytd-guide-renderer:nth-child(4),
                .ytd-guide-renderer:nth-child(5) {
                    display: none; } } }
                    
    if checkbox-sidebar {
        #guide {
            display: none; }
            
        tp-yt-app-drawer[opened] {
            visibility: hidden; }
            
        #guide-button {
            display: none; }
            
        ytd-app {
            --ytd-mini-guide-width: 0px !important;
            --app-drawer-width: 0px !important;
            --ytd-persistent-guide-width: 0px; }
            
        ytd-mini-guide-renderer.ytd-app {
            display: none; } }
                    
    ytd-guide-signin-promo-renderer,
    #footer {
            display: none; }
    
    if checkbox-video-recommended {
        #secondary-inner {
            display: none !important; } 
        
        :not(.ytp-mweb-player) .ytp-endscreen-paginate {
                .ytp-endscreen-next, .ytp-endscreen-previous {
            display: none; } }
            
        .ytp-endscreen-content {
            display: none; } }
            
    if checkbox-thumbnail {
        #thumbnail, #dismissible #thumbnail {
            display: none; }
            
        .yt-lockup-view-model-wiz__content-image, .yt-collection-thumbnail-view-model {
            width: 0% !important; }
        
        ytd-video-renderer[use-bigger-thumbs][bigger-thumbs-style="BIG"] ytd-thumbnail.ytd-video-renderer {
            max-width: 0px;
            min-width: 0px; }
        
        ytd-compact-video-renderer:not([watch-feed-big-thumbs]) ytd-thumbnail.ytd-compact-video-renderer {
            width: 0px; }
        
        .ytp-tooltip.ytp-text-detail.ytp-preview .ytp-tooltip-bg {
            background-image: none !important;  }
            
        .ytp-tooltip-bg {
            background-color: var(--yt-spec-base-background); } }
        
    if checkbox-disable-inline-playback {
        ytd-video-preview, ytd-moving-thumbnail-renderer {
            display: none; } }
        
    if checkbox-disable-next-autoplay {
        .ytp-chrome-controls .ytp-button.ytp-next-button {
            display: none; }
            
        .ytp-button[data-tooltip-target-id="ytp-autonav-toggle-button"] {
            display: none !important; } } }