/* ==UserStyle==
@name         YouTube Live Borderless
@version      0.1.5
@namespace    github.com/cyfung1031
@license      MIT
@description  Make YouTube Live Borderless
@author       CY Fung
@downloadURL none
==/UserStyle== */
@-moz-document url-prefix("https://www.youtube.com/watch?v=") {
    :has(iframe#chatframe) ytd-watch-flexy.style-scope:not([fullscreen]) {
        --ytd-margin-2y: var(--ytd-margin-2x);
        --ytd-margin-4y: var(--ytd-margin-4x);
        --ytd-margin-6y: var(--ytd-margin-6x);
        --ytd-margin-8y: var(--ytd-margin-8x);
    }
    :has(iframe#chatframe) ytd-watch-flexy.style-scope:not([fullscreen]) #columns.style-scope.ytd-watch-flexy {
        --ytd-margin-2x: 0;
        --ytd-margin-4x: 0;
        --ytd-margin-6x: 0;
        --ytd-margin-8x: 0;
    }
    :has(iframe#chatframe) ytd-watch-flexy.style-scope:not([fullscreen]) .style-scope.ytd-watch-flexy > :not(.ytd-watch-flexy) {
        --ytd-margin-2x: var(--ytd-margin-2y);
        --ytd-margin-4x: var(--ytd-margin-4y);
        --ytd-margin-6x: var(--ytd-margin-6y);
        --ytd-margin-8x: var(--ytd-margin-8y);
    }
    :has(iframe#chatframe) ytd-watch-flexy.style-scope:not([fullscreen]) #secondary-inner.style-scope.ytd-watch-flexy {
        display: flex;
        flex-direction: column;
    }

    :has(iframe#chatframe) ytd-watch-flexy.style-scope:not([fullscreen]) #movie_player{
        position:relative;
    }
    :has(iframe#chatframe) ytd-watch-flexy.style-scope:not([fullscreen]) #movie_player>.html5-video-container:has(video) {
        top:0;
        bottom:0;
        left:0;
        right:0;
        position:absolute;
    }
    :has(iframe#chatframe) ytd-watch-flexy.style-scope:not([fullscreen]) {
        --movie-player-ml: 16px;
        --movie-player-mr: 16px;
    }
    :has(iframe#chatframe) ytd-watch-flexy.style-scope:not([fullscreen]) #movie_player .ytp-chrome-bottom[style*="width"] {
        width: unset !important;
        left: 12px !important;
        right: 12px !important;
    }
    :has(iframe#chatframe) ytd-watch-flexy.style-scope:not([fullscreen]) #movie_player>.html5-video-container > video {
        width: unset !important;
        height: unset !important;
        left: 0 !important;
        right: 0;
        top: 0 !important;
        bottom: 0;
        max-width: 100%;
        max-height: 100%;
        margin: 0 auto;
    }
    :has(iframe#chatframe) ytd-watch-flexy.style-scope:not([fullscreen]) #movie_player .ytp-iv-video-content {
        width: 100% !important;
        height: 100% !important;
    }

    :has(iframe#chatframe) ytd-watch-flexy.style-scope:not([fullscreen]) #secondary-inner.style-scope.ytd-watch-flexy {
        height: 100%;
        display: flex;
        flex-direction: column;
    }

    :has(iframe#chatframe) ytd-watch-flexy.style-scope:not([fullscreen]) #chat:not([collapsed]) {
        flex: 77;
    }
    :has(iframe#chatframe) ytd-watch-flexy.style-scope:not([fullscreen]) #right-tabs {
        display: flex;
        margin: 0 !important;
        flex: 1;
        flex-direction: column;
    }
    :has(iframe#chatframe) ytd-watch-flexy.style-scope:not([fullscreen]) #right-tabs #material-tabs,
    :has(iframe#chatframe) ytd-watch-flexy.style-scope:not([fullscreen]) #right-tabs .tab-content {
        outline: 0;
    }
    :has(iframe#chatframe) ytd-watch-flexy.style-scope:not([fullscreen]) #primary-inner > *:not(#player) {
        padding: 0 24px 0;
    }
    :has(iframe#chatframe) ytd-watch-flexy.style-scope:not([fullscreen]) .ytp-chapter-hover-container[style*="width"] {
        width: 100% !important;
    }
    :has(iframe#chatframe) ytd-watch-flexy.style-scope:not([fullscreen]) .tab-content {
        flex: 77;
    }

    :has(iframe#chatframe) ytd-watch-flexy.style-scope:not([fullscreen]) h1.style-scope.ytd-watch-metadata {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
    }
    :has(iframe#chatframe) ytd-watch-flexy.style-scope:not([fullscreen]) #player-container-outer.ytd-watch-flexy {
        max-width: unset;
    }
}