Youtube Fullscreen theater mode by GreenMan36

/* ==UserStyle==
@name         Youtube Fullscreen theater mode
@version      20240410.20.58
@namespace    https://userstyles.world/user/GreenMan36
@description  This makes the youtube theater mode take up the full screen except for the top bar.This is great for those who want a better theater mode.
@author       GreenMan36
@license      No License
==/UserStyle== */

@-moz-document url-prefix("https://www.youtube.com/watch?v=") {

:is(
  ytd-watch-flexy[theater],
  ytd-watch-flexy[full-bleed-player],
  ytd-watch-grid[theater],
  ytd-watch-grid[full-bleed-player]
) :is(
  #player-theater-container.ytd-watch-flexy,
  #player-full-bleed-container.ytd-watch-flexy,
  #full-bleed-container.ytd-watch-flexy,
  #player-full-bleed-container.ytd-watch-grid
) {
  height: calc(100vh - 56px) !important;
  max-height: calc(100vh - 56px) !important; /* 108px */
  min-height: unset !important;
  background: #000 !important;
}

:is(
  ytd-watch-flexy[fullscreen],
  ytd-watch-grid[fullscreen]
) :is(
  #player-theater-container.ytd-watch-flexy,
  #player-full-bleed-container.ytd-watch-flexy,
  #full-bleed-container.ytd-watch-flexy,
  #player-full-bleed-container.ytd-watch-grid
) {
  height: 100vh !important;
  max-height: none !important;
}

}