Youtube flex width by umi

/* ==UserStyle==
@name           youtube.com - 2024/06/23 00:15:00
@namespace      github.com/openstyles/stylus
@version        1.0.1
@description    Increase the size of the youtube video to fit the screen resolution.
@author         umi
==/UserStyle== */

@-moz-document regexp(".*youtube\\.com/(watch\\?|live/).*") {

    ytd-watch-flexy[flexy] #columns.ytd-watch-flexy,
   /* #content #primary.ytd-watch-flexy, */
    #player-container-outer.ytd-watch-flexy{
        max-width: 100% !important;
        
    }
    
    #primary, #secondary {
        padding-top: 0 !important;
    }
    
    #columns .html5-video-container,
    #columns .html5-video-player,
    #columns .html5-video-player .video-stream {
        height: calc(100vw / 4 * 2 - 157px) !important;
        max-height: calc(100vh - 106px) !important;
        width: 100% !important;
        left: 0px !important;
        object-fit: contain;
    }

    #player,
    ytd-watch-flexy[flexy][js-panel-height_] #chat.ytd-watch-flexy:not([collapsed]).ytd-watch-flexy {
        height: calc(100vw / 4 * 2 - 157px) !important;
        max-height: calc(100vh - 56px) !important;
    }
}