/* ==UserStyle==
@name           YouTube Music - Light Style
@namespace   Devo7v
@version     0.1.28
@homepageURL https://github.com/Devo7v/UserCSS
@supportURL  https://github.com/Devo7v/UserCSS/issues
@updateURL   https://raw.githubusercontent.com/Devo7v/UserCSS/master/YouTubeMusic-Light.user.css
@description Provides a light theme for YouTube Music
@license     CC-BY-NC-SA-4.0
@author      Devo7v

@preprocessor stylus

@var select ytmusic-branding "Branding"[
    "YouTubeMusic",
    "GooglePlayMusic"
]

@var select SystemTheme "Apply Style Under System Theme"[
"Light",
"Dark" ,
"Always"
]

@var color ytmusic-black-background "Adjust Dark Theme Background Color" #000000
@var checkbox HideUpgrade "Hide Upgrade Links" 0

==/UserStyle== */

@-moz-document domain("music.youtube.com") {
:root {
    /*COLOR SETTINGS*/
    /*THESE ARE THE DEFAULT VALUES FOR THE WHITE THEME OF YOUTUBE*/
    --yt-music-black-background: #030303 !important;
    --yt-music-grey-background: rgba(229,229,229,1) !important; /*It actually rgba(0,0,0,0.1) but this causes some transparency issues in various locations*/
    --yt-music-white-background: rgba(255,255,255,1) !important; /*It actually rgba(255,255,255,0.98) but this causes some transparency issues in various locations*/
    --yt-music-black-text: #030303 !important;
    --yt-music-white-text: #FFF !important;
    --yt-music-grey-text: #606060 !important;
}


/*SETS THE ACCENT COLOR BASED ON USER PREFERENCE*/
:root{
    if ytmusic-branding == "YouTubeMusic"{
        --yt-music-accent-color: #FF0000 !important; /*https://www.youtube.com/about/brand-resources/#logos-icons-colors*/
    }
    else if ytmusic-branding == "GooglePlayMusic"{
        --yt-music-accent-color: #FF5722 !important; /*https://play.google.com/intl/en_us/badges-music*/
    }
}

/*SETS THE LOGO TO THE OLD GOOGLE PLAY MUSIC LOGO IF SELECTED BY THE USER*/
if ytmusic-branding == "GooglePlayMusic"{
    ytmusic-nav-bar .left-content [aria-label=Home] {
        /*background: url(https://play-music.gstatic.com/fe/aa1d36d090084eb930e7980d07426111/play_music.svg);/**/
        background-image: url("data:image/svg+xml;base64,77u/PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMTQgNDgiPjxnIGZpbGw9IiM3NTc1NzUiPjxwYXRoIGQ9Ik0xMi4zIDIwLjVjMC01LjQgNC42LTkuOCAxMC05LjggMyAwIDUuMSAxLjIgNi43IDIuN2wtMS45IDEuOWMtMS4yLTEuMS0yLjctMS45LTQuOC0xLjktNCAwLTcuMSAzLjItNy4xIDcuMnMzLjEgNy4yIDcuMSA3LjJjMi42IDAgNC0xIDUtMiAuOC0uOCAxLjMtMS45IDEuNS0zLjRoLTYuNHYtMi43aDljLjEuNS4xIDEuMS4xIDEuNyAwIDItLjYgNC41LTIuMyA2LjMtMS43IDEuOC0zLjkgMi44LTYuOSAyLjgtNS41LS4xLTEwLTQuNS0xMC0xMHpNMzguOCAxNy43Yy0zLjUgMC02LjQgMi43LTYuNCA2LjMgMCAzLjYgMi45IDYuMyA2LjQgNi4zIDMuNSAwIDYuNC0yLjcgNi40LTYuMy0uMS0zLjYtMi45LTYuMy02LjQtNi4zem0wIDEwLjJjLTEuOSAwLTMuNi0xLjYtMy42LTMuOCAwLTIuMyAxLjctMy44IDMuNi0zLjggMS45IDAgMy42IDEuNiAzLjYgMy44LS4xIDIuMi0xLjcgMy44LTMuNiAzLjh6TTUyLjYgMTcuN2MtMy41IDAtNi40IDIuNy02LjQgNi4zIDAgMy42IDIuOSA2LjMgNi40IDYuMyAzLjUgMCA2LjQtMi43IDYuNC02LjMgMC0zLjYtMi45LTYuMy02LjQtNi4zem0wIDEwLjJjLTEuOSAwLTMuNi0xLjYtMy42LTMuOCAwLTIuMyAxLjctMy44IDMuNi0zLjhzMy42IDEuNiAzLjYgMy44YzAgMi4yLTEuNyAzLjgtMy42IDMuOHpNNjkuNyAxOC4xdjFoLS4xYy0uNi0uNy0xLjgtMS40LTMuMy0xLjQtMy4yIDAtNi4xIDIuOC02LjEgNi40IDAgMy42IDIuOSA2LjMgNi4xIDYuMyAxLjUgMCAyLjctLjcgMy4zLTEuNGguMXYuOWMwIDIuNC0xLjMgMy43LTMuNCAzLjctMS43IDAtMi44LTEuMi0zLjItMi4zbC0yLjQgMWMuNyAxLjcgMi41IDMuNyA1LjYgMy43IDMuMyAwIDYtMS45IDYtNi42VjE4LjFoLTIuNnptLTMuMiA5LjhjLTEuOSAwLTMuNS0xLjYtMy41LTMuOCAwLTIuMiAxLjYtMy45IDMuNS0zLjlzMy40IDEuNiAzLjQgMy45Yy0uMSAyLjItMS41IDMuOC0zLjQgMy44ek03NC4yIDExLjRINzdWMzBoLTIuOHpNODQuNiAyNy45Yy0xLjQgMC0yLjQtLjYtMy4xLTEuOWw4LjUtMy41LS4zLS43Yy0uNS0xLjQtMi4xLTQtNS40LTQtMy4zIDAtNiAyLjYtNiA2LjMgMCAzLjYgMi43IDYuMyA2LjMgNi4zIDIuOSAwIDQuNi0xLjggNS4zLTIuOGwtMi4yLTEuNGMtLjcgMS0xLjcgMS43LTMuMSAxLjd6bS0uMi03LjdjMS4xIDAgMiAuNiAyLjQgMS4zbC01LjcgMi40Yy0uMS0yLjUgMS45LTMuNyAzLjMtMy43eiIvPjwvZz48cGF0aCBmaWxsPSJub25lIiBkPSJNMTIuMSAxMC43aDc4djI1LjVoLTc4eiIvPjxwYXRoIGZpbGw9Im5vbmUiIGQ9Ik0xMi4xIDEwLjdoMTg5Ljh2MjUuNUgxMi4xeiIvPjxnIGZpbGw9IiNGRjU3MjIiPjxwYXRoIGQ9Ik0xNDMuNyAxMi44aDIuMmw2IDEwLjVoLjFsNi0xMC41aDIuMlYzMEgxNThWMTkuOGwuMS0yLjloLS4xbC01LjQgOS40aC0xLjNsLTUuNC05LjRoLS4xbC4xIDIuOVYzMGgtMi4yVjEyLjh6TTE3MS4zIDMwdi0xLjZoLS4xYy0uNiAxLjEtMi4xIDItMy43IDItMyAwLTQuNS0yLTQuNS00Ljl2LTcuMmgyLjJ2Ni44YzAgMi40IDEuMiAzLjMgMi45IDMuMyAxLjkgMCAzLjEtMS44IDMuMS0zLjZ2LTYuNWgyLjJWMzBoLTIuMXpNMTc0LjkgMjdsMi0uOGMuNiAxLjUgMS44IDIuMiAzLjIgMi4yIDEuNCAwIDIuNC0uNyAyLjQtMS43IDAtLjYtLjQtMS4yLTEuNi0xLjZsLTIuNC0uNmMtMS4xLS4zLTMuMS0xLjItMy4xLTMuMyAwLTIuMSAyLjItMy41IDQuNy0zLjUgMiAwIDMuOC45IDQuNSAyLjdsLTEuOS44Yy0uNS0xLjEtMS41LTEuNi0yLjctMS42LTEuMiAwLTIuMy42LTIuMyAxLjUgMCAuNy42IDEuMiAxLjYgMS40bDIuMy42YzIuMy42IDMuMiAyIDMuMiAzLjQgMCAyLjEtMS45IDMuNy00LjYgMy43LTMgLjItNC42LTEuNS01LjMtMy4yek0xODYgMTQuMmMwLS45LjctMS42IDEuNi0xLjYuOSAwIDEuNi43IDEuNiAxLjYgMCAuOS0uNyAxLjYtMS42IDEuNi0uOS0uMS0xLjYtLjgtMS42LTEuNnptLjQgMTUuOFYxOC4yaDIuMlYzMGgtMi4yek0xOTAuNSAyNC4xYzAtMy42IDIuNS02LjMgNi02LjMgMi44IDAgNC40IDEuNyA1LjIgMy40bC0yIC44Yy0uNi0xLjQtMS43LTIuMi0zLjMtMi4yLTEuOSAwLTMuNyAxLjctMy43IDQuMnMxLjggNC4yIDMuNyA0LjJjMS42IDAgMi44LS44IDMuNC0yLjJsMiAuOGMtLjcgMS43LTIuNCAzLjQtNS4yIDMuNC0zLjYuMi02LjEtMi41LTYuMS02LjF6Ii8+PC9nPjxnIGZpbGw9IiM3NTc1NzUiPjxwYXRoIGQ9Ik0xMDIuMyAxMS40aC02LjdWMzBoMi44di03LjFoMy45YzMuMSAwIDYuMS0yLjIgNi4xLTUuOHMtMy4xLTUuNy02LjEtNS43em0wIDloLTRWMTRoNGMyLjEgMCAzLjMgMS43IDMuMyAzLjIgMCAxLjQtMS4yIDMuMi0zLjMgMy4yek0xMTIuNyAzMFYxMS40aC0yLjhWMzBoMi44ek0xMjUuMiAzMHYtNy4xYzAtMy4zLTIuNS01LjItNS43LTUuMi0yIDAtNC4xLjktNSAyLjlsMi41IDFjLjUtMSAxLjUtMS40IDIuNS0xLjQgMS40IDAgMi45LjkgMi45IDIuNHYuMmMtLjUtLjMtMS42LS43LTIuOS0uNy0yLjcgMC01LjQgMS41LTUuNCA0LjIgMCAyLjUgMi4yIDQuMSA0LjYgNC4xIDEuOSAwIDIuOS0uOCAzLjUtMS44aC4xVjMwaDIuOXptLTYtMi4xYy0uOSAwLTIuMi0uNS0yLjItMS42IDAtMS40IDEuNi0yIDIuOS0yIDEuMiAwIDEuOC4zIDIuNS42LS4xIDEuOC0xLjYgMy0zLjIgM3pNMTM0LjkgMTguMWwtMy4yIDguMWgtLjFsLTMuMy04LjFoLTNsNSAxMS4zLTIuOCA2LjNoMi45bDcuNi0xNy42aC0zLjF6Ii8+PC9nPjxwYXRoIGZpbGw9Im5vbmUiIGQ9Ik0uMSAwaDIxMy44djQ4SC4xeiIvPjwvc3ZnPg==");/**/
        width: 170px;
        height: 24px;
    }
    ytmusic-nav-bar .left-content [aria-label=Home] picture {
        display: none !important;
    }
}

if SystemTheme == "Light" {
    @media (prefers-color-scheme: light) {    
        :root{
            /*EXISTING YOUTUBE MUSIC VARIABLES*/
            --yt-spec-text-primary: var(--yt-music-black-text) !important;
            --yt-spec-text-secondary: var(--yt-music-grey-text) !important;
            --yt-spec-call-to-action: var(--yt-music-grey-text) !important;
            --yt-spec-icon-inactive: var(--yt-music-white-text) !important;
            --yt-spec-static-brand-white: var(--yt-music-black-background) !important;
            --yt-endpoint-color: var(--yt-music-grey-text) !important;
            --yt-compact-link-icon-color: var(--yt-music-white-text) !important;
            --ytmusic-overlay-text-secondary: var(--yt-music-grey-text) !important;
            --ytmusic-nav-bar: var(--yt-music-white-background) !important;
            --ytmusic-color-black1: var(--yt-music-grey-background) !important;
            --ytmusic-text-primary: var(--yt-music-black-text) !important;
            --ytmusic-menu-item-text_-_color: var(--yt-music-white-text) !important;
            --ytmusic-subtitle-1_-_color: var(--yt-spec-text-secondary) !important;
            --ytmusic-subtitle-1_-_--yt-endpoint-color: var(--yt-spec-text-secondary) !important;
            --ytmusic-subtitle-1_-_--yt-endpoint-hover-color: var(--yt-spec-text-secondary) !important;
            --ytmusic-subtitle-1_-_--yt-endpoint-visited-color: var(--yt-spec-text-secondary) !important;
            --ytmusic-menu-item-hover-background-color: rgba(0,0,0,0.1) !important;
            --ytmusic-av-toggle-active: rgba(0,0,0,0.1) !important;
            
            /*VARIABLES CREATED FOR THE STYLE*/
            --yt-music-background: var(--yt-music-white-background);
            --yt-music-border-color: rgba(0,0,0,0.1);
        }

        /*SETS THE LOGO TO A DARK TEXT VERSION OF THE YOUTUBE MUSIC LOGO IF SELECTED BY THE USER*/
        if ytmusic-branding == "YouTubeMusic"{
            ytmusic-nav-bar .left-content [aria-label=Home] {
                /*background: url(https://cdn.freelogovectors.net/wp-content/uploads/2020/11/youtube-music-logo.png);/**/
                background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgd2lkdGg9IjgwIgogICBoZWlnaHQ9IjI0IgogICBmaWxsPSJub25lIgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmcyNyIKICAgc29kaXBvZGk6ZG9jbmFtZT0ib25fcGxhdGZvcm1fbG9nb19saWdodC5zdmciCiAgIGlua3NjYXBlOnZlcnNpb249IjEuMSAoYzY4ZTIyYzM4NywgMjAyMS0wNS0yMykiCiAgIHhtbG5zOmlua3NjYXBlPSJodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy9uYW1lc3BhY2VzL2lua3NjYXBlIgogICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGRlZnMKICAgICBpZD0iZGVmczMxIiAvPgogIDxzb2RpcG9kaTpuYW1lZHZpZXcKICAgICBpZD0ibmFtZWR2aWV3MjkiCiAgICAgcGFnZWNvbG9yPSIjNTA1MDUwIgogICAgIGJvcmRlcmNvbG9yPSIjZWVlZWVlIgogICAgIGJvcmRlcm9wYWNpdHk9IjEiCiAgICAgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMCIKICAgICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMCIKICAgICBpbmtzY2FwZTpwYWdlY2hlY2tlcmJvYXJkPSIwIgogICAgIHNob3dncmlkPSJmYWxzZSIKICAgICBpbmtzY2FwZTp6b29tPSIyMS4zMzc1IgogICAgIGlua3NjYXBlOmN4PSIyMS40NDExMjUiCiAgICAgaW5rc2NhcGU6Y3k9IjEyLjAyMTA5IgogICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTkyMCIKICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMDExIgogICAgIGlua3NjYXBlOndpbmRvdy14PSItOCIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iLTgiCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMSIKICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJzdmcyNyIgLz4KICA8ZWxsaXBzZQogICAgIGN4PSIxMi4xOCIKICAgICBjeT0iMTIiCiAgICAgcng9IjEyLjE4IgogICAgIHJ5PSIxMiIKICAgICBmaWxsPSJyZWQiCiAgICAgaWQ9ImVsbGlwc2UyMSIgLz4KICA8ZWxsaXBzZQogICAgIGN4PSIxMi4xOCIKICAgICBjeT0iMTIiCiAgICAgcng9IjcuMzA4IgogICAgIHJ5PSI3LjIiCiAgICAgZmlsbD0icmVkIgogICAgIHN0cm9rZT0iI2ZmZiIKICAgICBzdHJva2Utd2lkdGg9IjEuMiIKICAgICBpZD0iZWxsaXBzZTIzIiAvPgogIDxwYXRoCiAgICAgZD0iTSA5Ljc0NCwxNS41NDUgMTYuMDcxLDEyLjAwMSA5Ljc0NCw4LjQ1NSBaIgogICAgIGZpbGw9IiNmZmZmZmYiCiAgICAgaWQ9InBhdGgyNSIKICAgICBzb2RpcG9kaTpub2RldHlwZXM9ImNjY2MiIC8+CiAgPHBhdGgKICAgICBkPSJNIDM3LjQzMyw5LjY0MjAwMDUgQyAzNi44NTQsMTIuNDk1IDM2LjQxNCwxNS45NzggMzYuMTgzLDE3LjQxNiBIIDM2LjAyIEMgMzUuODMzLDE1LjkzNCAzNS4zOTMsMTIuNDc0IDM0Ljc5Myw5LjY2NjAwMDUgTCAzMy4zMSwyLjY3NzAwMSBIIDI4Ljc5IFYgMjEuNTI3IGggMi44MDMgViA1Ljk4NzAwMSBsIDAuMjc3LDEuNDUxIDIuODUsMTQuMDg1OTk5IGggMi44MDQgbCAyLjgwMywtMTQuMDg1OTk5IDAuMywtMS40NTkgViAyMS41MjYgaCAyLjgwNCBWIDIuNjc2MDAxIEggMzguODY4IFogTSA1MS4wMSwxOC42OTYgYyAtMC4yNTYsMC41MTcgLTAuODEsMC44NzYgLTEuMzY4LDAuODc2IC0wLjY0OCwwIC0wLjkwNCwtMC40OTQgLTAuOTA0LC0xLjcwNiBWIDcuNzU0MDAxIEggNDUuNTQgViAxOC4wNDQgYyAwLDIuNTQgMC44NTYsMy43MDYgMi43NTgsMy43MDYgMS4yOTYsMCAyLjMzOCwtMC41NjIgMy4wNTgsLTEuOTA5IGggMC4wNyBsIDAuMjc3LDEuNjg0IGggMi41MDIgViA3Ljc1NTAwMSBIIDUxLjAwNyBWIDE4LjY5NSBoIDAuMDAzIHogbSA5LjM4MiwtNS41MDYgYyAtMS4wNDMsLTAuNzQyIC0xLjY5MSwtMS4yMzYgLTEuNjkxLC0yLjMxNCAwLC0wLjc2Mjk5OSAwLjM3LC0xLjE4OTk5OTUgMS4yNSwtMS4xODk5OTk1IDAuOTA1LDAgMS4yMDYsMC42MDQ5OTk1IDEuMjI3LDIuNjczOTk5NSBsIDIuNjg5LC0wLjExMSBjIDAuMjA4LC0zLjM0NTk5OSAtMC45MjgsLTQuNzM5OTk5IC0zLjg3LC00LjczOTk5OSAtMi43MzMsMCAtNC4wNzgsMS4xOSAtNC4wNzgsMy42Mzc5OTkgMCwyLjIyNCAxLjExMywzLjIzNSAyLjkyLDQuNTYyIDEuNTUzLDEuMTY5IDIuNDU3LDEuODIgMi40NTcsMi43NjQgMCwwLjcyIC0wLjQ2NCwxLjIxMyAtMS4yNzUsMS4yMTMgLTAuOTUsMCAtMS41MDcsLTAuODc3IC0xLjM2NSwtMi40MDUgbCAtMi43MSwwLjA0NCBjIC0wLjQxOSwyLjg1MiAwLjc2Niw0LjUxNSAzLjkxNSw0LjUxNSAyLjc1OCwwIDQuMTk1LC0xLjIzNiA0LjE5NSwtMy43MDYgLTAuMDAzLC0yLjI0NyAtMS4xNiwtMy4xNDcgLTMuNjY0LC00Ljk0NCB6IG0gOC40OCwtNS40MzU5OTkgSCA2NS44MTMgViAyMS41MjQgaCAzLjA2IFYgNy43NTUwMDEgWiBtIC0xLjUwNywtNS40MzggYyAtMS4xOCwwIC0xLjczOCwwLjQyNyAtMS43MzgsMS45MTEgMCwxLjUyOCAwLjU1NCwxLjkwOSAxLjczOSwxLjkwOSAxLjIwNSwwIDEuNzM4LC0wLjM4MyAxLjczOCwtMS45MDkgMCwtMS40MTQgLTAuNTMzLC0xLjkxMSAtMS43MzksLTEuOTExIHogTSA3OS4xNTgsMTYuNTYgNzYuMzU1LDE2LjQyNSBjIDAsMi40MjYgLTAuMjc3LDMuMjEyIC0xLjIyNiwzLjIxMiAtMC45NSwwIC0xLjExMywtMC44NzcgLTEuMTEzLC0zLjczIHYgLTIuNjcgYyAwLC0yLjc2NDk5OSAwLjE4NywtMy42Mzg5OTk1IDEuMTM3LC0zLjYzODk5OTUgMC44OCwwIDEuMTEyLDAuODMwMDAwNSAxLjExMiwzLjM5Mjk5OTUgbCAyLjc3OCwtMC4xNzggQyA3OS4yMywxMC42NzkgNzguOTUsOS4yMTgwMDA1IDc4LjA5NCw4LjM4ODAwMSBjIC0wLjYyNywtMC42MDggLTEuNTc2LC0wLjg5NyAtMi44OTYsLTAuODk3IC0zLjEwNCwwIC00LjM3OSwxLjYxOCAtNC4zNzksNi4xNTM5OTkgdiAxLjkzMiBjIDAsNC42NzMgMS4wODgsNi4xNzggNC4yNjQsNi4xNzggMS4zNDQsMCAyLjI3LC0wLjI3IDIuODk2LC0wLjg1NCAwLjkwMiwtMC44MTQgMS4yNDksLTIuMjA1IDEuMTgsLTQuMzQxIHoiCiAgICAgZmlsbD0iI2ZmZmZmZiIKICAgICBpZD0icGF0aDI1LTMiCiAgICAgc29kaXBvZGk6bm9kZXR5cGVzPSJjY2NjY2NjY2NjY2NjY2NjY2NjY3NzY2Nzc2NjY2NjY2NjY2Nzc2Njc3Njc3NjY3NjY2NjY2NjY3Nzc3NzY2Nzc3NzY2Njc3Nzc2NjYyIKICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO2ZpbGwtb3BhY2l0eToxIiAvPgo8L3N2Zz4K");/**/
                width: 64px;
                height: 8px;
            }
        }
        img.logo {
            display: none !important;
        }
    }
    @media (prefers-color-scheme: dark) {
        :root {
            --yt-music-background: ytmusic-black-background !important;
            --yt-music-border-color: rgba(255,255,255,0.1) !important;
        }
    }
}

if SystemTheme == "Dark" {
    @media (prefers-color-scheme: dark) {    
        :root{
            /*EXISTING YOUTUBE MUSIC VARIABLES*/
            --yt-spec-text-primary: var(--yt-music-black-text) !important;
            --yt-spec-text-secondary: var(--yt-music-grey-text) !important;
            --yt-spec-call-to-action: var(--yt-music-grey-text) !important;
            --yt-spec-icon-inactive: var(--yt-music-white-text) !important;
            --yt-spec-static-brand-white: var(--yt-music-black-background) !important;
            --yt-endpoint-color: var(--yt-music-grey-text) !important;
            --yt-compact-link-icon-color: var(--yt-music-white-text) !important;
            --ytmusic-overlay-text-secondary: var(--yt-music-grey-text) !important;
            --ytmusic-nav-bar: var(--yt-music-white-background) !important;
            --ytmusic-color-black1: var(--yt-music-grey-background) !important;
            --ytmusic-text-primary: var(--yt-music-black-text) !important;
            --ytmusic-menu-item-text_-_color: var(--yt-music-white-text) !important;
            --ytmusic-subtitle-1_-_color: var(--yt-spec-text-secondary) !important;
            --ytmusic-subtitle-1_-_--yt-endpoint-color: var(--yt-spec-text-secondary) !important;
            --ytmusic-subtitle-1_-_--yt-endpoint-hover-color: var(--yt-spec-text-secondary) !important;
            --ytmusic-subtitle-1_-_--yt-endpoint-visited-color: var(--yt-spec-text-secondary) !important;
            --ytmusic-menu-item-hover-background-color: rgba(0,0,0,0.1) !important;
            --ytmusic-av-toggle-active: rgba(0,0,0,0.1) !important;
            
            /*VARIABLES CREATED FOR THE STYLE*/
            --yt-music-background: var(--yt-music-white-background);
            --yt-music-border-color: rgba(0,0,0,0.1);
        }

        /*SETS THE LOGO TO A DARK TEXT VERSION OF THE YOUTUBE MUSIC LOGO IF SELECTED BY THE USER*/
        if ytmusic-branding == "YouTubeMusic"{
            ytmusic-nav-bar .left-content [aria-label=Home] {
                /*background: url(https://cdn.freelogovectors.net/wp-content/uploads/2020/11/youtube-music-logo.png);/**/
                background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgd2lkdGg9IjgwIgogICBoZWlnaHQ9IjI0IgogICBmaWxsPSJub25lIgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmcyNyIKICAgc29kaXBvZGk6ZG9jbmFtZT0ib25fcGxhdGZvcm1fbG9nb19saWdodC5zdmciCiAgIGlua3NjYXBlOnZlcnNpb249IjEuMSAoYzY4ZTIyYzM4NywgMjAyMS0wNS0yMykiCiAgIHhtbG5zOmlua3NjYXBlPSJodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy9uYW1lc3BhY2VzL2lua3NjYXBlIgogICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGRlZnMKICAgICBpZD0iZGVmczMxIiAvPgogIDxzb2RpcG9kaTpuYW1lZHZpZXcKICAgICBpZD0ibmFtZWR2aWV3MjkiCiAgICAgcGFnZWNvbG9yPSIjNTA1MDUwIgogICAgIGJvcmRlcmNvbG9yPSIjZWVlZWVlIgogICAgIGJvcmRlcm9wYWNpdHk9IjEiCiAgICAgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMCIKICAgICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMCIKICAgICBpbmtzY2FwZTpwYWdlY2hlY2tlcmJvYXJkPSIwIgogICAgIHNob3dncmlkPSJmYWxzZSIKICAgICBpbmtzY2FwZTp6b29tPSIyMS4zMzc1IgogICAgIGlua3NjYXBlOmN4PSIyMS40NDExMjUiCiAgICAgaW5rc2NhcGU6Y3k9IjEyLjAyMTA5IgogICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTkyMCIKICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMDExIgogICAgIGlua3NjYXBlOndpbmRvdy14PSItOCIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iLTgiCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMSIKICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJzdmcyNyIgLz4KICA8ZWxsaXBzZQogICAgIGN4PSIxMi4xOCIKICAgICBjeT0iMTIiCiAgICAgcng9IjEyLjE4IgogICAgIHJ5PSIxMiIKICAgICBmaWxsPSJyZWQiCiAgICAgaWQ9ImVsbGlwc2UyMSIgLz4KICA8ZWxsaXBzZQogICAgIGN4PSIxMi4xOCIKICAgICBjeT0iMTIiCiAgICAgcng9IjcuMzA4IgogICAgIHJ5PSI3LjIiCiAgICAgZmlsbD0icmVkIgogICAgIHN0cm9rZT0iI2ZmZiIKICAgICBzdHJva2Utd2lkdGg9IjEuMiIKICAgICBpZD0iZWxsaXBzZTIzIiAvPgogIDxwYXRoCiAgICAgZD0iTSA5Ljc0NCwxNS41NDUgMTYuMDcxLDEyLjAwMSA5Ljc0NCw4LjQ1NSBaIgogICAgIGZpbGw9IiNmZmZmZmYiCiAgICAgaWQ9InBhdGgyNSIKICAgICBzb2RpcG9kaTpub2RldHlwZXM9ImNjY2MiIC8+CiAgPHBhdGgKICAgICBkPSJNIDM3LjQzMyw5LjY0MjAwMDUgQyAzNi44NTQsMTIuNDk1IDM2LjQxNCwxNS45NzggMzYuMTgzLDE3LjQxNiBIIDM2LjAyIEMgMzUuODMzLDE1LjkzNCAzNS4zOTMsMTIuNDc0IDM0Ljc5Myw5LjY2NjAwMDUgTCAzMy4zMSwyLjY3NzAwMSBIIDI4Ljc5IFYgMjEuNTI3IGggMi44MDMgViA1Ljk4NzAwMSBsIDAuMjc3LDEuNDUxIDIuODUsMTQuMDg1OTk5IGggMi44MDQgbCAyLjgwMywtMTQuMDg1OTk5IDAuMywtMS40NTkgViAyMS41MjYgaCAyLjgwNCBWIDIuNjc2MDAxIEggMzguODY4IFogTSA1MS4wMSwxOC42OTYgYyAtMC4yNTYsMC41MTcgLTAuODEsMC44NzYgLTEuMzY4LDAuODc2IC0wLjY0OCwwIC0wLjkwNCwtMC40OTQgLTAuOTA0LC0xLjcwNiBWIDcuNzU0MDAxIEggNDUuNTQgViAxOC4wNDQgYyAwLDIuNTQgMC44NTYsMy43MDYgMi43NTgsMy43MDYgMS4yOTYsMCAyLjMzOCwtMC41NjIgMy4wNTgsLTEuOTA5IGggMC4wNyBsIDAuMjc3LDEuNjg0IGggMi41MDIgViA3Ljc1NTAwMSBIIDUxLjAwNyBWIDE4LjY5NSBoIDAuMDAzIHogbSA5LjM4MiwtNS41MDYgYyAtMS4wNDMsLTAuNzQyIC0xLjY5MSwtMS4yMzYgLTEuNjkxLC0yLjMxNCAwLC0wLjc2Mjk5OSAwLjM3LC0xLjE4OTk5OTUgMS4yNSwtMS4xODk5OTk1IDAuOTA1LDAgMS4yMDYsMC42MDQ5OTk1IDEuMjI3LDIuNjczOTk5NSBsIDIuNjg5LC0wLjExMSBjIDAuMjA4LC0zLjM0NTk5OSAtMC45MjgsLTQuNzM5OTk5IC0zLjg3LC00LjczOTk5OSAtMi43MzMsMCAtNC4wNzgsMS4xOSAtNC4wNzgsMy42Mzc5OTkgMCwyLjIyNCAxLjExMywzLjIzNSAyLjkyLDQuNTYyIDEuNTUzLDEuMTY5IDIuNDU3LDEuODIgMi40NTcsMi43NjQgMCwwLjcyIC0wLjQ2NCwxLjIxMyAtMS4yNzUsMS4yMTMgLTAuOTUsMCAtMS41MDcsLTAuODc3IC0xLjM2NSwtMi40MDUgbCAtMi43MSwwLjA0NCBjIC0wLjQxOSwyLjg1MiAwLjc2Niw0LjUxNSAzLjkxNSw0LjUxNSAyLjc1OCwwIDQuMTk1LC0xLjIzNiA0LjE5NSwtMy43MDYgLTAuMDAzLC0yLjI0NyAtMS4xNiwtMy4xNDcgLTMuNjY0LC00Ljk0NCB6IG0gOC40OCwtNS40MzU5OTkgSCA2NS44MTMgViAyMS41MjQgaCAzLjA2IFYgNy43NTUwMDEgWiBtIC0xLjUwNywtNS40MzggYyAtMS4xOCwwIC0xLjczOCwwLjQyNyAtMS43MzgsMS45MTEgMCwxLjUyOCAwLjU1NCwxLjkwOSAxLjczOSwxLjkwOSAxLjIwNSwwIDEuNzM4LC0wLjM4MyAxLjczOCwtMS45MDkgMCwtMS40MTQgLTAuNTMzLC0xLjkxMSAtMS43MzksLTEuOTExIHogTSA3OS4xNTgsMTYuNTYgNzYuMzU1LDE2LjQyNSBjIDAsMi40MjYgLTAuMjc3LDMuMjEyIC0xLjIyNiwzLjIxMiAtMC45NSwwIC0xLjExMywtMC44NzcgLTEuMTEzLC0zLjczIHYgLTIuNjcgYyAwLC0yLjc2NDk5OSAwLjE4NywtMy42Mzg5OTk1IDEuMTM3LC0zLjYzODk5OTUgMC44OCwwIDEuMTEyLDAuODMwMDAwNSAxLjExMiwzLjM5Mjk5OTUgbCAyLjc3OCwtMC4xNzggQyA3OS4yMywxMC42NzkgNzguOTUsOS4yMTgwMDA1IDc4LjA5NCw4LjM4ODAwMSBjIC0wLjYyNywtMC42MDggLTEuNTc2LC0wLjg5NyAtMi44OTYsLTAuODk3IC0zLjEwNCwwIC00LjM3OSwxLjYxOCAtNC4zNzksNi4xNTM5OTkgdiAxLjkzMiBjIDAsNC42NzMgMS4wODgsNi4xNzggNC4yNjQsNi4xNzggMS4zNDQsMCAyLjI3LC0wLjI3IDIuODk2LC0wLjg1NCAwLjkwMiwtMC44MTQgMS4yNDksLTIuMjA1IDEuMTgsLTQuMzQxIHoiCiAgICAgZmlsbD0iI2ZmZmZmZiIKICAgICBpZD0icGF0aDI1LTMiCiAgICAgc29kaXBvZGk6bm9kZXR5cGVzPSJjY2NjY2NjY2NjY2NjY2NjY2NjY3NzY2Nzc2NjY2NjY2NjY2Nzc2Njc3Njc3NjY3NjY2NjY2NjY3Nzc3NzY2Nzc3NzY2Njc3Nzc2NjYyIKICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO2ZpbGwtb3BhY2l0eToxIiAvPgo8L3N2Zz4K");/**/
                width: 64px;
                height: 8px;
            }
        }
        img.logo {
            display: none !important;
        }
    }
    @media (prefers-color-scheme: light) {
        :root {
            --yt-music-background: ytmusic-black-background !important;
            --yt-music-border-color: rgba(255,255,255,0.1) !important;
        }
    }
}

if SystemTheme == "Always" {
    
        :root{
            /*EXISTING YOUTUBE MUSIC VARIABLES*/
            --yt-spec-text-primary: var(--yt-music-black-text) !important;
            --yt-spec-text-secondary: var(--yt-music-grey-text) !important;
            --yt-spec-call-to-action: var(--yt-music-grey-text) !important;
            --yt-spec-icon-inactive: var(--yt-music-white-text) !important;
            --yt-spec-static-brand-white: var(--yt-music-black-background) !important;
            --yt-endpoint-color: var(--yt-music-grey-text) !important;
            --yt-compact-link-icon-color: var(--yt-music-white-text) !important;
            --ytmusic-overlay-text-secondary: var(--yt-music-grey-text) !important;
            --ytmusic-nav-bar: var(--yt-music-white-background) !important;
            --ytmusic-color-black1: var(--yt-music-grey-background) !important;
            --ytmusic-text-primary: var(--yt-music-black-text) !important;
            --ytmusic-menu-item-text_-_color: var(--yt-music-white-text) !important;
            --ytmusic-subtitle-1_-_color: var(--yt-spec-text-secondary) !important;
            --ytmusic-subtitle-1_-_--yt-endpoint-color: var(--yt-spec-text-secondary) !important;
            --ytmusic-subtitle-1_-_--yt-endpoint-hover-color: var(--yt-spec-text-secondary) !important;
            --ytmusic-subtitle-1_-_--yt-endpoint-visited-color: var(--yt-spec-text-secondary) !important;
            --ytmusic-menu-item-hover-background-color: rgba(0,0,0,0.1) !important;
            --ytmusic-av-toggle-active: rgba(0,0,0,0.1) !important;
            
            /*VARIABLES CREATED FOR THE STYLE*/
            --yt-music-background: var(--yt-music-white-background);
            --yt-music-border-color: rgba(0,0,0,0.1);
        }

        /*SETS THE LOGO TO A DARK TEXT VERSION OF THE YOUTUBE MUSIC LOGO IF SELECTED BY THE USER*/
        if ytmusic-branding == "YouTubeMusic"{
            ytmusic-nav-bar .left-content [aria-label=Home] {
                /*background: url(https://cdn.freelogovectors.net/wp-content/uploads/2020/11/youtube-music-logo.png);/**/
                background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgd2lkdGg9IjgwIgogICBoZWlnaHQ9IjI0IgogICBmaWxsPSJub25lIgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmcyNyIKICAgc29kaXBvZGk6ZG9jbmFtZT0ib25fcGxhdGZvcm1fbG9nb19saWdodC5zdmciCiAgIGlua3NjYXBlOnZlcnNpb249IjEuMSAoYzY4ZTIyYzM4NywgMjAyMS0wNS0yMykiCiAgIHhtbG5zOmlua3NjYXBlPSJodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy9uYW1lc3BhY2VzL2lua3NjYXBlIgogICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGRlZnMKICAgICBpZD0iZGVmczMxIiAvPgogIDxzb2RpcG9kaTpuYW1lZHZpZXcKICAgICBpZD0ibmFtZWR2aWV3MjkiCiAgICAgcGFnZWNvbG9yPSIjNTA1MDUwIgogICAgIGJvcmRlcmNvbG9yPSIjZWVlZWVlIgogICAgIGJvcmRlcm9wYWNpdHk9IjEiCiAgICAgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMCIKICAgICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMCIKICAgICBpbmtzY2FwZTpwYWdlY2hlY2tlcmJvYXJkPSIwIgogICAgIHNob3dncmlkPSJmYWxzZSIKICAgICBpbmtzY2FwZTp6b29tPSIyMS4zMzc1IgogICAgIGlua3NjYXBlOmN4PSIyMS40NDExMjUiCiAgICAgaW5rc2NhcGU6Y3k9IjEyLjAyMTA5IgogICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTkyMCIKICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMDExIgogICAgIGlua3NjYXBlOndpbmRvdy14PSItOCIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iLTgiCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMSIKICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJzdmcyNyIgLz4KICA8ZWxsaXBzZQogICAgIGN4PSIxMi4xOCIKICAgICBjeT0iMTIiCiAgICAgcng9IjEyLjE4IgogICAgIHJ5PSIxMiIKICAgICBmaWxsPSJyZWQiCiAgICAgaWQ9ImVsbGlwc2UyMSIgLz4KICA8ZWxsaXBzZQogICAgIGN4PSIxMi4xOCIKICAgICBjeT0iMTIiCiAgICAgcng9IjcuMzA4IgogICAgIHJ5PSI3LjIiCiAgICAgZmlsbD0icmVkIgogICAgIHN0cm9rZT0iI2ZmZiIKICAgICBzdHJva2Utd2lkdGg9IjEuMiIKICAgICBpZD0iZWxsaXBzZTIzIiAvPgogIDxwYXRoCiAgICAgZD0iTSA5Ljc0NCwxNS41NDUgMTYuMDcxLDEyLjAwMSA5Ljc0NCw4LjQ1NSBaIgogICAgIGZpbGw9IiNmZmZmZmYiCiAgICAgaWQ9InBhdGgyNSIKICAgICBzb2RpcG9kaTpub2RldHlwZXM9ImNjY2MiIC8+CiAgPHBhdGgKICAgICBkPSJNIDM3LjQzMyw5LjY0MjAwMDUgQyAzNi44NTQsMTIuNDk1IDM2LjQxNCwxNS45NzggMzYuMTgzLDE3LjQxNiBIIDM2LjAyIEMgMzUuODMzLDE1LjkzNCAzNS4zOTMsMTIuNDc0IDM0Ljc5Myw5LjY2NjAwMDUgTCAzMy4zMSwyLjY3NzAwMSBIIDI4Ljc5IFYgMjEuNTI3IGggMi44MDMgViA1Ljk4NzAwMSBsIDAuMjc3LDEuNDUxIDIuODUsMTQuMDg1OTk5IGggMi44MDQgbCAyLjgwMywtMTQuMDg1OTk5IDAuMywtMS40NTkgViAyMS41MjYgaCAyLjgwNCBWIDIuNjc2MDAxIEggMzguODY4IFogTSA1MS4wMSwxOC42OTYgYyAtMC4yNTYsMC41MTcgLTAuODEsMC44NzYgLTEuMzY4LDAuODc2IC0wLjY0OCwwIC0wLjkwNCwtMC40OTQgLTAuOTA0LC0xLjcwNiBWIDcuNzU0MDAxIEggNDUuNTQgViAxOC4wNDQgYyAwLDIuNTQgMC44NTYsMy43MDYgMi43NTgsMy43MDYgMS4yOTYsMCAyLjMzOCwtMC41NjIgMy4wNTgsLTEuOTA5IGggMC4wNyBsIDAuMjc3LDEuNjg0IGggMi41MDIgViA3Ljc1NTAwMSBIIDUxLjAwNyBWIDE4LjY5NSBoIDAuMDAzIHogbSA5LjM4MiwtNS41MDYgYyAtMS4wNDMsLTAuNzQyIC0xLjY5MSwtMS4yMzYgLTEuNjkxLC0yLjMxNCAwLC0wLjc2Mjk5OSAwLjM3LC0xLjE4OTk5OTUgMS4yNSwtMS4xODk5OTk1IDAuOTA1LDAgMS4yMDYsMC42MDQ5OTk1IDEuMjI3LDIuNjczOTk5NSBsIDIuNjg5LC0wLjExMSBjIDAuMjA4LC0zLjM0NTk5OSAtMC45MjgsLTQuNzM5OTk5IC0zLjg3LC00LjczOTk5OSAtMi43MzMsMCAtNC4wNzgsMS4xOSAtNC4wNzgsMy42Mzc5OTkgMCwyLjIyNCAxLjExMywzLjIzNSAyLjkyLDQuNTYyIDEuNTUzLDEuMTY5IDIuNDU3LDEuODIgMi40NTcsMi43NjQgMCwwLjcyIC0wLjQ2NCwxLjIxMyAtMS4yNzUsMS4yMTMgLTAuOTUsMCAtMS41MDcsLTAuODc3IC0xLjM2NSwtMi40MDUgbCAtMi43MSwwLjA0NCBjIC0wLjQxOSwyLjg1MiAwLjc2Niw0LjUxNSAzLjkxNSw0LjUxNSAyLjc1OCwwIDQuMTk1LC0xLjIzNiA0LjE5NSwtMy43MDYgLTAuMDAzLC0yLjI0NyAtMS4xNiwtMy4xNDcgLTMuNjY0LC00Ljk0NCB6IG0gOC40OCwtNS40MzU5OTkgSCA2NS44MTMgViAyMS41MjQgaCAzLjA2IFYgNy43NTUwMDEgWiBtIC0xLjUwNywtNS40MzggYyAtMS4xOCwwIC0xLjczOCwwLjQyNyAtMS43MzgsMS45MTEgMCwxLjUyOCAwLjU1NCwxLjkwOSAxLjczOSwxLjkwOSAxLjIwNSwwIDEuNzM4LC0wLjM4MyAxLjczOCwtMS45MDkgMCwtMS40MTQgLTAuNTMzLC0xLjkxMSAtMS43MzksLTEuOTExIHogTSA3OS4xNTgsMTYuNTYgNzYuMzU1LDE2LjQyNSBjIDAsMi40MjYgLTAuMjc3LDMuMjEyIC0xLjIyNiwzLjIxMiAtMC45NSwwIC0xLjExMywtMC44NzcgLTEuMTEzLC0zLjczIHYgLTIuNjcgYyAwLC0yLjc2NDk5OSAwLjE4NywtMy42Mzg5OTk1IDEuMTM3LC0zLjYzODk5OTUgMC44OCwwIDEuMTEyLDAuODMwMDAwNSAxLjExMiwzLjM5Mjk5OTUgbCAyLjc3OCwtMC4xNzggQyA3OS4yMywxMC42NzkgNzguOTUsOS4yMTgwMDA1IDc4LjA5NCw4LjM4ODAwMSBjIC0wLjYyNywtMC42MDggLTEuNTc2LC0wLjg5NyAtMi44OTYsLTAuODk3IC0zLjEwNCwwIC00LjM3OSwxLjYxOCAtNC4zNzksNi4xNTM5OTkgdiAxLjkzMiBjIDAsNC42NzMgMS4wODgsNi4xNzggNC4yNjQsNi4xNzggMS4zNDQsMCAyLjI3LC0wLjI3IDIuODk2LC0wLjg1NCAwLjkwMiwtMC44MTQgMS4yNDksLTIuMjA1IDEuMTgsLTQuMzQxIHoiCiAgICAgZmlsbD0iI2ZmZmZmZiIKICAgICBpZD0icGF0aDI1LTMiCiAgICAgc29kaXBvZGk6bm9kZXR5cGVzPSJjY2NjY2NjY2NjY2NjY2NjY2NjY3NzY2Nzc2NjY2NjY2NjY2Nzc2Njc3Njc3NjY3NjY2NjY2NjY3Nzc3NzY2Nzc3NzY2Njc3Nzc2NjYyIKICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO2ZpbGwtb3BhY2l0eToxIiAvPgo8L3N2Zz4K");/**/
                width: 64px;
                height: 8px;
            }
        }
        img.logo {
            display: none !important;
        }
    }
    

/*=======RESTYLE PAGES=======*/
/*Hide UPGRADE links*/
if HideUpgrade {
    div.ytmusic-guide-renderer:nth-child(3) > ytmusic-guide-section-renderer:nth-child(1) > div:nth-child(3) > ytmusic-guide-entry-renderer:nth-child(4), /*Upgrade link on the left slide-out nav panel*/
    ytmusic-pivot-bar-item-renderer.style-scope:nth-child(4), /*Upgrade link in the Header*/
    yt-multi-page-menu-section-renderer.style-scope:nth-child(1) > div:nth-child(2) > ytd-compact-link-renderer:nth-child(2) /*Get Music Premium link in the user menu popup*/
    {
        display: none !important;
    }
}

/*SITE BACKGROUND COLORS*/
body, /*Main background*/
ytmusic-detail-header-renderer, /*Header background on an album page*/
ytmusic-player-page, /*Player page background*/
#nav-bar-background, .left-content.ytmusic-nav-bar /*Left navigation panel*/
{
    background-color: var(--yt-music-background) !important;
}

/*Disable the gradient that is applied to various sections on the Home page*/
ytmusic-browse-response[has-background]:not([disable-gradient]) .background-gradient.ytmusic-browse-response {
    background-image: none !important;
}
.immersive-background {
    display: none !important;
}

/*NAVIGATION PROGRESS BAR AT THE TOP*/
yt-page-navigation-progress {
    background-color: var(--yt-music-grey-background) !important;
}
#progress.yt-page-navigation-progress {
    background-color: var(--yt-music-accent-color) !important;
}

/*MENU ITEMS IN THE TOP NAV BAR*/
/*Logo*/
ytmusic-nav-bar .left-content [aria-label=Home] {
    padding: 0px;
    border-radius: 5px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

/*Search Box*/
.ytmusic-search-box, ytmusic-search-suggestion, ytmusic-search-box:not([opened]) .search-container.ytmusic-search-box, ytmusic-search-box:not([opened]):not([has-query]) #placeholder.ytmusic-search-box {
    background: var(--yt-music-background) !important;
}

/*Selected or hovered header item*/
ytmusic-pivot-bar-item-renderer.iron-selected, ytmusic-pivot-bar-item-renderer:hover, ytmusic-search-box:hover{
    color: var(--yt-spec-text-primary) !important;
}
/*Not Selected or Hovered header item*/
ytmusic-pivot-bar-item-renderer, ytmusic-search-box {
    color: var(--yt-spec-text-secondary) !important;
}
/*Line to designate the position of the nav bar when scrolling*/
#nav-bar-background{
    border-bottom: 1px solid var(--yt-music-border-color) !important;
    /*box-shadow: 0 0px 6px rgba(0,0,0,1) !important;*/
}

/*Background and radius of the user popup*/
.ytmusic-popup-container {
    background-color: var(--yt-music-background) !important;
    border-radius: 0 !important;
    border: 1px solid var(--yt-music-border-color) !important;
}

/*MENU ITEMS IN THE SIDE BAR*/
/*Background for the slideout side panel*/
ytmusic-app[is-bauhaus-sidenav-enabled] #guide-wrapper.ytmusic-app {
    background: var(--yt-music-background) !important;
    border-right: 0px solid var(--yt-music-border-color) !important;
    box-shadow: 0 0px 6px 1px rgba(0,0,0,0.25) !important;
}

/*Icons*/
.yt-icon {
    fill: var(--yt-spec-text-primary) !important;
}

/*PICK 5 ARTISTS YOU LIKE*/
/*Footer background*/
.buttons.ytmusic-tastebuilder-renderer{
    background: var(--yt-music-grey-background) !important;
}

/*NEW RECOMMENDATIONS BUBBLE*/
a.ytmusic-content-update-chip {
    background: var(--yt-music-grey-background) !important;
    border: 1px solid var(--yt-music-border-color) !important;
}

/*PRIMARY TEXT COLOR ITEMS*/
.title.ytmusic-carousel-shelf-basic-header-renderer, /*Major headings on the Home page*/
yt-formatted-string[has-link-only_]:not([force-default-style]) a.yt-simple-endpoint.yt-formatted-string, /*First row text under album/playlist pictures*/
button.ytmusic-navigation-button-renderer, /**/
.container.ytmusic-custom-index-column-renderer, /**/
.title.ytmusic-two-row-item-renderer, ytmusic-search-box[has-query] input.ytmusic-search-box, /**/
ytmusic-search-box[opened] input.ytmusic-search-box, /*Input text in the search box*/
ytmusic-item-section-tab-renderer.iron-selected .tab.ytmusic-item-section-tab-renderer, /**/
.tab.selected.ytmusic-item-section-tab-renderer, /*Library section selected category text*/
iron-input.tp-yt-paper-input > input.tp-yt-paper-input, /*Library section Recently added dropdown*/
.label.ytmusic-dropdown-item-renderer, /*Text in dropdown menus*/
ytmusic-tabs.iron-selected .tab.ytmusic-tabs, .tab.selected.ytmusic-tabs, /*Search results page, selected category*/
.text.style-scope.ytmusic-chip-cloud-chip-renderer, /*Search results page, subcategory bubbles*/
.title, /*Album title on the album page*/
#description, /*Album description text on the album page*/
tp-yt-paper-tab.iron-selected.ytmusic-player-page, /*Player page, selected section (Up next or Lyrics)*/
ytmusic-av-toggle[toggle-enabled] .song-button.ytmusic-av-toggle, ytmusic-av-toggle[toggle-enabled] .video-button.ytmusic-av-toggle, /*Player page, Song vs Video*/
.song-title.ytmusic-player-queue-item, /*Song title in the queue list*/
.dialog-title.ytmusic-settings-page, /*Settings title on the settings popup*/
.text, /*Text in some popup menus*/
.primary-text.ytmusic-tastebuilder-renderer, /*Pick 5 artists you like text*/
.primary-text.ytmusic-tastebuilder-item-renderer, /*Pick 5 artists you like, Artist names*/
ytmusic-description-shelf-renderer:not([has-strapline_]) .description.non-expandable.ytmusic-description-shelf-renderer /*Lyrics*/
{
    color: var(--yt-spec-text-primary) !important;
}

/*SECONDARY TEXT COLOR ITEMS*/
.strapline.ytmusic-carousel-shelf-basic-header-renderer, /**/
.subtitle.ytmusic-two-row-item-renderer, /**/
.third-title.ytmusic-two-row-item-renderer, /**/
.secondary-flex-columns.style-scope.ytmusic-responsive-list-item-renderer, /**/
.ytmusic-search-box::placeholder, /*Placeholder text in the search box*/
ytmusic-search-suggestion, /*Search result suggestions*/
.tab.ytmusic-item-section-tab-renderer, /*Library section other category text*/
.tab.ytmusic-tabs, /*Search results page, nonselected category*/
.more-button.ytmusic-shelf-renderer tp-yt-paper-button, /*Search results page, SHOW ALL*/
.index, /*Track numbers*/
.duration.ytmusic-player-queue-item, .byline.ytmusic-player-queue-item, /*Player page, Artist and duration*/
tp-yt-paper-tab:not(.iron-selected) > .tab-content.tp-yt-paper-tab, /*Player page, not selected section (Up next or Lyrics)*/
ytmusic-av-toggle[toggle-disabled] .song-button.ytmusic-av-toggle, ytmusic-av-toggle[toggle-disabled] .video-button.ytmusic-av-toggle, /*Player page, Song vs Video*/
.content-info-wrapper.ytmusic-player-bar .byline.ytmusic-player-bar, /*Artist and Album on the music player*/
#hover-time-info.ytmusic-player-bar, /*Time when hovering over the progress bar*/
yt-formatted-string.byline > a, /*Artist & Album in the player bar*/
.time-info.ytmusic-player-bar, /*Duration and total lenght of the song in the player bar*/
.secondary-text.ytmusic-tastebuilder-renderer /*Pick 5 artists you like , Get you started text*/
{
    color: var(--yt-spec-text-secondary) !important;
}

/*MODIFY ALBUM ART*/
img.yt-img-shadow, #player.ytmusic-player-page, /*Album art on the now playing page*/
.yt-simple-endpoint.image-wrapper, ytmusic-two-row-item-renderer .image.ytmusic-two-row-item-renderer, /*Album art/videos on the Home page. If you're going to add a shadow to these, then you'll also want to set the border-radius to 0% in the next rule.*/
/*.left-items.ytmusic-responsive-list-item-renderer, /*Small thumbnails on the Home page*/
.left-items.ytmusic-player-queue-item, /*Thumbnail in the queue*/
.image.ytmusic-player-bar, /*Thumbnail in the player bar*/
ytmusic-thumbnail-renderer[thumbnail-crop="MUSIC_THUMBNAIL_CROP_CIRCLE"], ytmusic-thumbnail-renderer[thumbnail-crop="MUSIC_THUMBNAIL_CROP_CIRCLE"] .image.ytmusic-thumbnail-renderer, /*Artist/Alum pictures when viewing the artist or album list in the UPLOADED library view*/
.image-wrapper.ytmusic-tastebuilder-item-renderer /*Artist images on the Pick 5 artists you like page*/
{
    box-shadow: 0 0 3px 1px rgba(0,0,0,0.5) !important;
    border-radius: 0% !important; /*50% creates circles, 0% creates squares*/
}
/*yt-img-shadow[object-fit="CONTAIN"] img.yt-img-shadow {
    object-fit: none !important;
}

/*RIGHT CLICK MENU TEXT*/
.yt-simple-endpoint:hover {
    color: var(--yt-endpoint-color) !important;
}

/*NEXT AND PREVIOUS ITEMS BUTTONS*/
.previous-items-button.ytmusic-carousel, .next-items-button.ytmusic-carousel {
    background: var(--yt-spec-static-brand-white) !important;
    color: var(--ytmusic-nav-bar) !important;
}

/*SELECTED CATEGORY ITEM*/
ytmusic-item-section-tab-renderer.iron-selected .tab.ytmusic-item-section-tab-renderer, .tab.selected.ytmusic-item-section-tab-renderer, /*Library section*/
ytmusic-tabs.iron-selected .tab.ytmusic-tabs, .tab.selected.ytmusic-tabs, /*Search results page*/
#selectionBar.tp-yt-paper-tabs /*Player page, selected category*/
{
    border-bottom: 2px solid var(--yt-spec-text-primary) !important;
}

/*DROPDOWN MENUS*/
.dropdown-content.ytmusic-dropdown-renderer {
    background: var(--ytmusic-nav-bar) !important;
}
/*Hovering over a menu item*/
tp-yt-paper-item:hover, tp-yt-paper-icon-item:hover, #navigation-endpoint:hover {
    background: var(--ytmusic-menu-item-hover-background-color) !important;
}

/*SEARCH RESULTS PAGE*/
/*Pinned header when scrolling*/
ytmusic-tabs.stuck{
    background-color: var(--ytmusic-nav-bar) !important;
}
/*Selected subcategory*/
ytmusic-chip-cloud-chip-renderer[chip-style="STYLE_PRIMARY"] a.ytmusic-chip-cloud-chip-renderer {
    background: var(--ytmusic-nav-bar) !important;
}

/*PLAY ALBUM BUTTON*/
yt-button-renderer.watch-button.ytmusic-menu-renderer {
    color: var(--ytmusic-color-black1) !important;
    background-color: transparent !important;
}
.watch-button path {
    fill: var(--ytmusic-color-black1) !important;
}
/*Secondary Button*/
.edit-playlist-button, ytmusic-toggle-button-renderer #button.ytmusic-toggle-button-renderer {
    --yt-button-color: var(--yt-spec-text-secondary) !important;
    border-color: var(--yt-spec-text-primary) !important;
}
.yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled {
    background-color: var(--yt-music-white-background) !important;
    border: solid 1px var(--ytmusic-color-black1) !important;
}

/*Song vs Video*/
.av-toggle.ytmusic-av-toggle {
    background-color: var(--ytmusic-color-black1) !important;
}/**/
.song-button.ytmusic-av-toggle, .video-button.ytmusic-av-toggle{
    background-color: var(--ytmusic-color-black1) !important;
}


/*QUEUE ITEMS*/
tp-yt-paper-tabs.ytmusic-player-page, ytmusic-player-queue-item {
    border-bottom: 1px solid var(--yt-music-border-color) !important;
}

/*Background color on the album art when an items is playing or the cursor is hovering*/
#background.ytmusic-item-thumbnail-overlay-renderer {
    opacity: 0.5 !important;
}

/*PROGRESS BAR*/
#primaryProgress{
    background: var(--yt-music-accent-color) !important;
}
.slider-knob-inner.tp-yt-paper-slider {    
    background-color: var(--yt-music-accent-color) !important;
    border: 2px solid var(--yt-music-accent-color) !important;
}

/*MEDIA CONTROLS*/
.previous-button .tp-yt-paper-icon-button, /*Previous button*/
#play-pause-button .tp-yt-paper-icon-button, /*Play/pause button*/
.next-button .tp-yt-paper-icon-button, /*Next button*/
.toggle-player-page-button .tp-yt-paper-icon-button, /*Toggle full screen player vs miniplayer*/
{
    fill: var(--ytmusic-text-primary) !important;
}
/*Repeat Button*/
ytmusic-player-bar:not([repeat-mode_="NONE"]) .repeat.ytmusic-player-bar {
    color: var(--ytmusic-text-primary) !important;
}

/*Explicit Icon*/
yt-icon.ytmusic-inline-badge-renderer{
    color: var(--yt-spec-text-secondary) !important;
}

/*Like/dislike buttons*/
ytmusic-like-button-renderer[like-status="LIKE"] .like.ytmusic-like-button-renderer, ytmusic-like-button-renderer[like-status="DISLIKE"] .dislike.ytmusic-like-button-renderer{
    color: var(--yt-spec-text-secondary) !important;
}

/*STILL WATCHING POPUP*/
/*Background color*/
tp-yt-paper-dialog{
    background: var(--yt-music-background) !important;
}
/*Text*/
.text.ytmusic-you-there-renderer{
    color: var(--ytmusic-text-primary) !important;
}
/*Button*/
yt-button-renderer #button.yt-button-renderer{
    color: var(--yt-music-accent-color) !important;
}

/*SPINNER COLOR*/
.tp-yt-paper-spinner-lite {
    color: var(--yt-music-accent-color) !important;
}
/**/
}