Minimize Twitch header and sidebar by pushback

/* ==UserStyle==
@name         Minimize Twitch header and sidebar
@version      20211226.07.29
@namespace    userstyles.world/user/pushback
@description  [en]Minimize the Twitch header and sidebar, display it with the mouse hover.

[jp]Twitchのヘッダーとサイドバーを最小化し、マウスホバーで表示する。
@author       pushback
@license      No License
==/UserStyle== */
@-moz-document url-prefix("https://www.twitch.tv/") {
    #sideNav{
        overflow: hidden;
        width: 10px;
    }
    #sideNav:hover{
        width: auto;
    }
    #root {
        position: relative;
        top: -40px;
    }
    nav.top-nav:hover {
        position: relative;
        top: 40px;
    }
}