Coub Large Video by zoranravic

/* ==UserStyle==
@name           Coub Large Video
@namespace      github.com/openstyles/stylus
@version        2.2.0
@description    Larger Video Size for coub.com
@author         Zoran Ravić
==/UserStyle== */

@-moz-document domain("coub.com") {

    .page-container {
        margin: 0 50px;
        width: initial;
    }

    .page__content {
        margin: 0;
        width: initial;
    }

    .page-menu::before {
        left: 0;
        width: 100%;
    }

    .coubs-list[view="list"] .coub--timeline {
        width: calc(100vw - 240px - 310px - 50px - 100px);
    }

    .coub.coub--normal-card .coub__viewer {
        border-radius: 0;
    }

    body:not(.fullscreen) .coub.coub--normal-card .viewer,
    .coub--page-card .viewer {
        width: initial !important;
        height: initial !important;
        max-height: calc(100vh - 280px);
    }

    .coub__viewer .viewer__img {
        object-fit: contain;
        margin: 0 auto;
        border-radius: 6px;
    }

    body:not(.fullscreen) .coub__viewer .viewer__player video {
        width: auto;
        height: 100%;
        max-height: calc(100vh - 280px);
        margin: 0 auto;
        border-radius: 6px;
    }

    .page__content .coub__inner {
        width: auto;
        flex-grow: 1;
    }

    body.fullscreen .viewer__img {
        display: none;
    }
    
    .story__container {
        width: 100%;
    }
    .story__coub {
        width: 100% !important;
    }


    @media all and (display-mode: fullscreen) {

        header.header {
            display: none;
        }
        .page-menu {
            position: relative;
            top: -70px;
            margin-bottom: 80px;
        }
        .page__content .coub__inner {
            position: relative;
            top: -60px;
        }
        body:not(.fullscreen) .coub.coub--normal-card .viewer,
        .coub--page-card .viewer {
            height: 100% !important;
            max-height: initial;
        }
        body:not(.fullscreen) .coub__viewer .viewer__player video {
            width: 100%;
            height: calc(100vh - 140px) !important;
            max-height: calc(100vh - 140px);
        }
        .coub.coub--normal-card .coub__viewer {
            height: calc(100vh - 140px);
        }
        .fullscreen-changer__animation_container {
            height: 100%;
        }

    }

}