YT - Hide chips bar on any pages by magma_craft

/* ==UserStyle==
@name           YT - Hide chips bar on any pages
@namespace      example.com
@version        1.1.0
@description    This is an userstyle that hides the chips bar on any pages (homepage, watch page, etc...)
@author         Magma_Craft
@preprocessor   stylus
@var            checkbox  hidechips1    "Hide chips bar from the homepage"             0
@var            checkbox  hidechips2    "Hide chips bar from the watch page sidebar"   1
@var            checkbox  hidechips3    "Hide chips bar from the search results and playlists (saves resources)"          1
==/UserStyle== */

@-moz-document domain("youtube.com") {
if hidechips1 {
    [page-subtype="home"] ytd-feed-filter-chip-bar-renderer.style-scope.ytd-rich-grid-renderer {
      display: none !important
    }
}

if hidechips2 {
    yt-related-chip-cloud-renderer.style-scope.ytd-watch-next-secondary-results-renderer,
    ytd-watch-flexy ytd-rich-grid-renderer[hide-chips-bar] ytd-feed-filter-chip-bar-renderer.ytd-rich-grid-renderer, ytd-watch-flexy ytd-rich-grid-renderer[hide-chips-bar-on-watch] ytd-feed-filter-chip-bar-renderer.ytd-rich-grid-renderer, ytd-watch-flexy ytd-rich-grid-renderer[hide-chips-bar-on-home] #header.ytd-rich-grid-renderer ytd-feed-filter-chip-bar-renderer.ytd-rich-grid-renderer {
      display: none !important
    }

    ytd-item-section-renderer.style-scope.ytd-watch-next-secondary-results-renderer {
      margin-top: -8px !important
    }
}

if hidechips3 {
    div#chip-bar.style-scope.ytd-search-header-renderer > yt-chip-cloud-renderer.style-scope.ytd-search-header-renderer > div#container.style-scope.yt-chip-cloud-renderer,
    ytd-item-section-renderer.style-scope.ytd-section-list-renderer[page-subtype="playlist"] > #header.ytd-item-section-renderer > ytd-feed-filter-chip-bar-renderer {
      display: none !important
    }
}
}