Youtube Menu Bar Video Blur by dragonvortex

/* ==UserStyle==
@name           Blur YouTube menu bar for ambient mode
@namespace      github.com/openstyles/stylus
@version        1.1.1
@description    Makes the menu bar transparent for the player blur (optional tampermonkey script)
@author         Me
@preprocessor   stylus
@var checkbox script 'use tampermonkey script' 0
==/UserStyle== */
@-moz-document url-prefix("https://www.youtube.com/watch"),
url-prefix("http://www.youtube.com/watch") {

    @supports (backdrop-filter: blur()) or (-webkit-backdrop-filter: blur()) {
        if script {
            html:is([data-scroll='0']) ytd-masthead[darker-dark-theme] {
                background: #0000 !important;
            }
            html:not([data-scroll='0']) ytd-masthead[darker-dark-theme] {
                background: #0000001a;
                backdrop-filter: blur(15px);
                -webkit-backdrop-filter: blur(15px);
            }
        }
        else {
            ytd-masthead[darker-dark-theme] {
                background: #0000001a;
                backdrop-filter: blur(15px) saturate(50%);
                -webkit-backdrop-filter: blur(15px);
            }
        }
    }

    ytd-page-manager {
        margin-top: 0px !important;
    }
    ytd-watch-flexy {
        margin-top: 56px !important;
    }
    html[dark],
    [dark] {
        --ytd-searchbox-background: #2f2f2f3b;
        --ytd-searchbox-legacy-border-color: #2f2f2f3b;
    }

    #search-icon-legacy.ytd-searchbox {
        border: 1px solid var(--ytd-searchbox-legacy-border-color);
        /*background-color: var(--ytd-searchbox-legacy-button-color);
    border-radius: 0 2px 2px 0;*/
    }
    /*ytd-masthead[darker-dark-theme] {
        background: #0f0f0f;
    }*/
    ytd-watch-flexy[fullscreen] #player-theater-container.ytd-watch-flexy,
    {
        margin-top: -56px;
    }

    /*#masthead-container.ytd-app {
        position: absolute;
    }*/
    #voice-search-button.ytd-masthead {
        background-color: var(--ytd-searchbox-legacy-button-color);
    }
}
@-moz-document url-prefix("https://www.youtube.com") {
    /* Invert search box suggestions */
    .gstl_50.sbdd_a {
        position: absolute;
        filter: invert(.93);
    }

    .sbdd_b {
        -webkit-box-shadow: 0 2px 4px #fff3;
    }
}