YouTube Theater Mode Expander by peng-devs

/* ==UserStyle==
@name         YouTube Theater Mode Expander
@version      1.2.1
@author       peng-devs
@namespace    https://greasyfork.org/users/57176
@description  Expand theater mode to fit entire window.
==/UserStyle== */

@-moz-document url-prefix("https://www.youtube.com/watch"), url-prefix("https://www.youtube.com/live") {
  #page-manager {
    margin-top: 5px !important;
  }

  #masthead-container {
    top: -50px !important;
    transition: top 0.3s !important;
  }
  
  #masthead-container::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 70px;
  }

  #masthead-container:hover {
    top: 0 !important;
  }

  #player-theater-container, #player-wide-container, #player-full-bleed-container, #full-bleed-container {
    max-height: calc(100vh - 10px) !important;
  }
  
  
  /* experiment */
  ytd-watch-flexy[theater][live-chat-present-and-expanded] {
    > #full-bleed-container {
      flex-direction: column !important;
    }
    
    > div#columns {
      display: flex;
      width: 100%;
      max-width: none !important;
      padding-right: 0 !important;
      
      > #chat-container {
        width: fit-content;
        padding: 2rem;
        
        > ytd-live-chat-frame#chat {
          position: sticky !important;
          top: 2rem;
          height: 90vh !important;
        }
      }
      
      > div#secondary {
        top: calc(100vh + 2rem);
      }
    }
  }
}