Youtube Theatre Mode Side Comment by konnosena

/* ==UserStyle==
@name         Youtube Theatre Mode Side Comment
@version      20220104.17.35
@namespace    userstyles.world/user/konnosena
@description  Youtube Theatre Mode Side Comment
@author       konnosena
@license      No License
==/UserStyle== */

@-moz-document domain("youtube.com") {


@media screen and (min-width:1060px) {
    
    ytd-watch-flexy[theater] #player-theater-container.ytd-watch-flexy{
        width: calc(100% - 300px) !important;
        height: calc((9/16) * 100vw);
        max-height: calc(100vh - 120px) !important; 
    }
    
    ytd-watch-flexy[theater] #comments{
        position: absolute;
        top: 60px;
        right: 0;
        opacity: 0.9;
        width: 300px !important;
        padding: 0 !important;
        height: 30vh !important;
        overflow-y: scroll;
    }
    
    ytd-watch-flexy[theater] #chat{
        position: absolute;
        top: calc(30vh + 60px);
        right: 0;
        opacity: 0.9;
        width: 300px !important;
        padding: 0 !important;
        height: 30vh !important;
        min-height: 0 !important;
    }
    
    ytd-watch-flexy[theater] #comments::-webkit-scrollbar,
    ytd-watch-flexy[theater] #item-scroller::-webkit-scrollbar {
        width: 16px !important;
        background-color: #f9f9f9  !important;
    }

    ytd-watch-flexy[theater] #comments::-webkit-scrollbar-thumb,
    ytd-watch-flexy[theater] #item-scroller::-webkit-scrollbar-thumb {
        border-radius: 10px;
        box-shadow: inset 0 0 10px 10px #909090 !important;
        border: solid 4px transparent !important;
    }
    
    
    ytd-watch-flexy[theater] .ytd-comments{
        padding: 0 10px !important;
    }

}


@media screen and (min-width:1920px) {

    ytd-watch-flexy[theater] .style-scope ytd-playlist-panel-renderer{
        position: absolute;
        top: calc(60vh + 60px);
        right: 0;
        opacity: 0.9;
        width: 300px !important;
        padding: 0 !important;
        height: 26vh !important;
    }
}

}