space efficient youtube by linguini-molecule

/* ==UserStyle==
@name         space efficient youtube
@version      20250409.14.39
@namespace    https://userstyles.world/user/linguini-molecule
@description  For 1080x1920 displays only. This style removes any empty space which results in a much bigger standard video player. And more!
@author       linguini-molecule
==/UserStyle== */

@-moz-document domain("youtube.com") {
html {
    --ytd-rich-grid-items-per-row: 5;
    --ytd-rich-grid-posts-per-row: 5;
    --ytd-rich-grid-slim-items-per-row: 7;
    --ytd-rich-grid-game-cards-per-row: 7;
    --ytd-grid-6-columns-width: -moz-available;
    --ytd-grid-max-width: -moz-available;
    --ytd-toolbar-height: 3px;
    --ytd-masthead-height: 32px !important;
    --ytd-margin-2x: 3px;
    --ytd-margin-3x: 3px;
    --ytd-margin-4x: 3px;
    --ytd-margin-5x: 3px;
    --ytd-margin-6x: 3px;
    --ytd-margin-7x: 3px;
    --ytd-margin-8x: 3px;
    --ytd-margin-9x: 3px;
    --ytd-margin-10x: 3px;
    --ytd-margin-11x: 3px;
    --ytd-margin-12x: 3px;
    font-size: 10px !important;
}




.grid-disabled > div:nth-child(1) > ytd-rich-grid-renderer:nth-child(1) > div:nth-child(1) > ytd-feed-filter-chip-bar-renderer:nth-child(1) > div:nth-child(1) > div:nth-child(4) > div:nth-child(1) {
    display: none;
}


ytd-browse.style-scope:nth-child(2) > ytd-two-column-browse-results-renderer:nth-child(9) > div:nth-child(1) > ytd-rich-grid-renderer:nth-child(1) > div:nth-child(1) > ytd-feed-filter-chip-bar-renderer:nth-child(1) > div:nth-child(1) > div:nth-child(4) > div:nth-child(1) {
    display: none;
}

#left-arrow.ytd-feed-filter-chip-bar-renderer,
#right-arrow.ytd-feed-filter-chip-bar-renderer {
    /* display: flex; */
    /* display: none; */
    display: none !important;
}


/* .ytp-chapter-hover-container {
    width: 915px; var(--ytd-watch-flexy-max-player-width)*/
/* width: 1069px;
    width: -moz-available !important;
}


/* Element | https://www.youtube.com/watch?v=cxqE0vRAKBs&list=TLPQMjQwNzIwMjOehspl8tMedg&index=3 
.ytp-hover-progress {
    transform: unset !important;
}
div.ytp-chrome-bottom:nth-child(31) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) {
    /* width: var(--ytd-watch-flexy-max-player-width) !important; 
    width: -moz-available !important;
}
*/
#cinematics-container.ytd-watch-flexy,
#cinematics-theater-container.ytd-watch-flexy,
#cinematics.ytd-watch-flexy {
    /* position: absolut; */
    position: unset;
}

ytd-two-column-browse-results-renderer.grid > div:nth-child(1) > ytd-rich-grid-renderer:nth-child(1) > div:nth-child(6) {
    padding-top: 25px;
}

ytd-two-column-browse-results-renderer.grid > div:nth-child(1) {
    /* padding-top: 450px; */
    padding-top: 0px;
}

ytd-rich-grid-row.style-scope:nth-child(1) {
    /* margin-top: -450px; */
    margin-top: 0px;
}

#contentContainer.tp-yt-app-header {
    /* position: static; */
    position: relative;
}

tp-yt-app-header::before {
    /* position: unset; */
    position: absolute;
}

#wrapper.tp-yt-app-header-layout > [slot="header"] {
    /* position: fixed; */
    position: unset;
}

ytd-two-column-browse-results-renderer.grid > div:nth-child(1) > ytd-rich-grid-renderer:nth-child(1) > div:nth-child(1) > ytd-feed-filter-chip-bar-renderer:nth-child(1) {
    /* position: absolute; */
    position: unset;
}

ytd-rich-grid-row.style-scope:nth-child(1) {
    /* margin-top: -450px; */
    margin-top: 0px;
}

ytd-c4-tabbed-header-renderer[has-channel-art][guide-persistent-and-visible] .banner-visible-area.ytd-c4-tabbed-header-renderer {
    height: calc((100vw - 230px)/6.2 - 1px);
}

/*
ytd-browse.style-scope:nth-child(2) > ytd-two-column-browse-results-renderer:nth-child(9) {
    padding-top: 450px;
}

ytd-two-column-browse-results-renderer.style-scope {
    padding-top: 450px;
}

#contents.ytd-rich-grid-renderer {
    padding-top: 450px;
}

ytd-rich-grid-row.style-scope:nth-child(1) {
    margin-top: -450px;
}
*/
ytd-item-section-renderer.style-scope:nth-child(2) > div:nth-child(3) {
    padding-top: 100px;
}

ytd-item-section-renderer.ytd-watch-next-secondary-results-renderer > div:nth-child(3) {
    padding-top: 0px !important;
}

#comments > ytd-item-section-renderer:nth-child(2) > div:nth-child(3) {
    padding-top: 0px !important;
}

.grid-disabled {
    padding-top: 0px !important;
}

ytd-two-column-browse-results-renderer.grid {
    padding-top: 0px !important;
}

ytd-popup-container.style-scope {
    top: -16px;
}

#masthead-container.ytd-app::after {
    position: absolute;
}

#masthead-container.ytd-app {
    position: unset;
}

#columns.ytd-watch-flexy {
    margin: 0 0;
}

#masthead-container {
    font-size: 12px;
    height: 32px;
}

#masthead {
    height: 32px;
}

#masthead > div:nth-child(5) {
    height: 32px;
    padding-right: 0px;
    padding-left: 0px;
    margin-bottom: 0px;
}

div.ytd-masthead:nth-child(1) {
    height: 32px;
}

ytd-topbar-logo-renderer.style-scope:nth-child(4) {
    height: 32px;
}

#container.ytd-masthead {
    padding: 0;
}

#columns {
    margin-top: -75px;
    margin-left: 0px;
    margin-right: 0px;
}

#primary {
    margin-left: 3px;
    padding-right: 3px;
    padding-top: 3px;
}

#secondary {
    padding-right: 0px;
    padding-top: 3px;
}

#page-manager {
    margin-top: 5px;
}

div.ytd-app:nth-child(7) {
    margin-right: 3px;
}






ytd-watch-flexy[flexy] #columns.ytd-watch-flexy {
    max-width: calc(1480px + var(--ytd-watch-flexy-sidebar-width) + 3 * var(--ytd-margin-6x));
}
/* This is used to tweak the page size to the window size (change if a scrollbar appears on the bottom */
ytd-watch-flexy[flexy]:not([full-bleed-player][full-bleed-no-max-width-columns]) #columns.ytd-watch-flexy {
    /* max-width: calc(1280px + var(--ytd-watch-flexy-sidebar-width) + 3 * var(--ytd-margin-6x)); */
    max-width: calc(1480px + var(--ytd-watch-flexy-sidebar-width) + 3 * var(--ytd-margin-6x));
}

ytd-watch-flexy[flexy] {
    --ytd-watch-flexy-max-player-width: calc((100vh - var(--ytd-watch-flexy-masthead-height) - var(--ytd-margin-6x) - var(--ytd-watch-flexy-space-below-player))*(var(--ytd-watch-flexy-width-ratio)/var(--ytd-watch-flexy-height-ratio)));
}

ytd-watch-flexy {
    --ytd-watch-flexy-masthead-height: 32px;
    --ytd-watch-flexy-sidebar-width: 450px;
    --ytd-watch-flexy-max-player-width-wide-screen: 1480px;
    min-width: 0
}

ytd-watch-flexy.style-scope {
    --ytd-watch-flexy-max-player-width-wide-screen: 1430px !important;
}

ytd-watch-flexy.style-scope {
    max-width: 1920px;
    max-height: 1080px;
}

#chips-wrapper.ytd-feed-filter-chip-bar-renderer {
    position: unset;
}

body > ytd-app:nth-child(16) {
    --ytd-masthead-height: 32px;
    right: 0px;
}

#page-manager {
    margin-top: 3px;
}

#page-manager.ytd-app {
    margin-top: 3px !important;
}

#background {
    height: auto;
    bottom: 0px;
    top: 0px;
}

#guide {
    top: 32px !important;
}

#contentContainer {
    padding-top: 3px !important;
}

div.ytd-app:nth-child(7) {
    margin-right: 0px;
}

div.tp-yt-app-drawer:nth-child(2) {
    padding-top: 0px;
}

#left-arrow.ytd-feed-filter-chip-bar-renderer::after,
#right-arrow.ytd-feed-filter-chip-bar-renderer::before {
    display: none;
}

ytd-feed-filter-chip-bar-renderer[darker-dark-theme][is-dark-theme] #right-arrow.ytd-feed-filter-chip-bar-renderer::before {
    background: rgba(33, 33, 33, 0);
}

ytd-feed-filter-chip-bar-renderer[darker-dark-theme] #left-arrow-button.ytd-feed-filter-chip-bar-renderer,
ytd-feed-filter-chip-bar-renderer[darker-dark-theme] #right-arrow-button.ytd-feed-filter-chip-bar-renderer {
    background-color: rgba(33, 33, 33, 0);
}

ytd-watch-flexy[flexy] #secondary.ytd-watch-flexy {
    padding-right: 0px;
    margin-right: 6px;
}

ytd-watch-flexy[flexy][is-two-columns_][is-extra-wide-video_]:not([full-bleed-player][full-bleed-no-max-width-columns]):not([fixed-panels]) #primary.ytd-watch-flexy,
ytd-watch-flexy[flexy][is-two-columns_][is-four-three-to-sixteen-nine-video_]:not([full-bleed-player][full-bleed-no-max-width-columns]):not([fixed-panels]) #primary.ytd-watch-flexy {
    max-width: none;
}

ytd-watch-flexy[flexy] #player-container-outer.ytd-watch-flexy {
    max-width: none;
    margin: 0;
}

.video-stream {
    left: 0px !important;
    height: auto !important;
    max-height: -moz-available !important;
    width: 100% !important;
}

.ytp-fit-cover-video .html5-main-video {
    object-fit: cover;
}

.ytp-inline-preview-scrim {
    justify-content: left;
}
/*
div.ytp-gradient-bottom:nth-child(31) {
    display: none !important;
    background-image: none !important;
    height: 0px !important;
}
*/
div.ytp-gradient-bottom {
    display: none !important;
    background-image: none !important;
    height: 0px !important;
}


/*-----------------Start Fullscreen mods--------------------*/
:fullscreen .html5-video-player:not(.efyt-black-bars),
.html5-video-player.unstarted-mode:not(.efyt-black-bars) {
    background-color: #000;
}
ytd-app[scrolling] {
    right: 0;
    overflow-x: clip;
}
:fullscreen #movie_player {
    top: -32px;
}
:fullscreen body > ytd-app:nth-child(16) {
    right: 0px;
}
/*-----------------End Fullscreen mods--------------------*/
.ytp-chrome-bottom {
    width: -moz-available !important;
    left: 0px !important;
    bottom: 0px;
}

#primary {
    padding-right: 0px !important;
}

body > ytd-app {
    --ytd-app-fullerscreen-scrollbar-width: 0px !important;
    right: 0px;
}
.ytp-iv-video-content {
    width: var(--ytd-watch-flexy-max-player-width) !important;
}
#contentContainer.tp-yt-app-drawer[swipe-open].tp-yt-app-drawer::after {
    /* width: 20px;*/
    width: 10px;
}

/*

.ytp-chapter-hover-container {
    width: var(--ytd-watch-flexy-max-player-width) !important;
}

.ytp-storyboard-framepreview-img {
    width: var(--ytd-watch-flexy-max-player-width) !important;
}

.ytp-storyboard-framepreview {
    width: var(--ytd-watch-flexy-max-player-width) !important;
}

.ytp-progress-list {
    width: var(--ytd-watch-flexy-max-player-width) !important;
}...