Youtube shorts - hide UI by Jamkiwi

/* ==UserStyle==
@name           Youtube shorts hide UI
@namespace      Jamkiwi
@version        1.0.1
@description    Hide UI when not hovered over
@author         Jamkiwi
@license        CC-BY-NC-4.0
@preprocessor   stylus
@var checkbox one1 "Hide progressbar" 1
==/UserStyle== */


@-moz-document domain("youtube.com"){/*чтобы можно было включить/выключить стиль не только со страницы шортса*/}
@-moz-document url-prefix("https://www.youtube.com/shorts/"),url-prefix("http://www.youtube.com/shorts/") {
    
    /*(родитель) (индекс #0 не работает почему-то(у каждого шортса в столбце свой индекс))*/
    /*задаём переменные при наведении*/
    #shorts-inner-container ytd-reel-video-renderer{
    --hover-opacity: 0;
    --background-image-hover: none;
    }
    #shorts-inner-container ytd-reel-video-renderer:hover{
    --hover-opacity: 1;
    --background-image-hover: linear-gradient(0deg,rgba(0,0,0,.4),transparent);
    }
    
    /*hide верхний контроллер*/
    /*#0 */.short-video-container.style-scope.ytd-reel-video-renderer #player-container .player-controls.style-scope.ytd-reel-video-renderer {
        opacity: var(--hover-opacity);
    }
 
    /*hide оверлей*/
    /*#0 */#experiment-overlay > ytd-reel-player-overlay-renderer.style-scope.ytd-reel-video-renderer > div.metadata-container.style-scope.ytd-reel-player-overlay-renderer {        
        background-image: var(--background-image-hover);
    } 
    /*нижняя центральная панель*/
    #metapanel{
        opacity: var(--hover-opacity);
        /*transition-property: opacity;
        transition-duration: 100ms;*/
    }

    if(one1) {
        /*hide progressbar*/
        /*#0 */.short-video-container.style-scope.ytd-reel-video-renderer #scrubber {
            opacity: var(--hover-opacity, 1);
        }
    }
    else{
        /*do nothing*/
    }
    
}