betaseries responsive + customizations by breat

/* ==UserStyle==
@name           betaseries responsive + customizations
@version        1.0.2
@description    betaseries website is more suitable for wide screens.
@author         BreatFR (https://breat.fr)
@namespace      https://gitlab.com/breatfr
@homepageURL    https://gitlab.com/breatfr/betaseries
@supportURL     https://discord.gg/Q8KSHzdBxs
@license        AGPL-3.0-or-later; https://www.gnu.org/licenses/agpl-3.0.txt
@preprocessor   stylus

@var    text        fontsize    "Custom font size"  1.2rem
@var    checkbox    noads       "No ads"            1
@var    checkbox    widemode    "Wide mode"         1
==/UserStyle== */

/* === Credits ===
Website         https://breat.fr
facebook        https://www.facebook.com/breatfroff
mastodon        https://mastodon.social/@breat_fr
telegram        https://t.me/breatfr
vk              https://vk.com/breatfroff
X (twitter)     https://x.com/breatfroff
=== Credits === */

@-moz-document domain("betaseries.com") {
    /* Custom font size */
    .blockInformations__synopsis {
        font-size: fontsize !important;
        line-height: 1.5;
    }
    
    /* Some border-radius on corners */
    .objectFitCover,
    .progressBarShow,
    .slide__image img,
    .slide__comment {
        border-radius: .5em;
    }
    
    if noads {
        body > div:nth-child(1),
        body > div:nth-child(2) {
            display: none !important;
        }
    }

    if widemode {
        body.reskin #contenu .wrapper.container,
        #top .container,
        .container,
        .container-profil {
            max-width: 100% !important;
            width: 100% !important;
        }
        body.layout-1320 .container-1320 {
            max-width: 100%;
            padding-left: 0;
            padding-right: 20px;
        }
        .blockInformations__details {
            text-align: center;
        }
        .blockInformations__details .listAvatars {
            justify-content: center;
        }
        .gridSidebarContentAsideMovies,
        .gridSidebarContentAsideSeries {
            grid-template-columns: 300px repeat(auto-fill, minmax(0, calc(100% - 300px)));
        }
        .grid-informations.informations-reskin {
            grid-template-columns: minmax(125px, 250px) 65% 1fr;
        }
    }
    
    /* Thin scrollbars */
    ::-webkit-scrollbar {
        -webkit-appearance: none !important;
        border-radius: 16px !important;
        scrollbar-width: thin !important;
        width: 5px !important;
    }

    ::-webkit-scrollbar-thumb {
        border-radius: 16px !important;
        background-color: #707070 !important;
        box-shadow: 0 0 1px rgba(255, 255, 255, .5) !important;
        -o-box-shadow: 0 0 1px rgba(255, 255, 255, .5) !important;
        -moz-box-shadow: 0 0 1px rgba(255, 255, 255, .5) !important;
        -ms-box-shadow: 0 0 1px rgba(255, 255, 255, .5) !important;
        -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5) !important;
        transition: width 0.3s ease !important;
        -o-transition: width 0.3s ease !important;
        -moz-transition: width 0.3s ease !important;
        -ms-transition: width 0.3s ease !important;
        -webkit-transition: width 0.3s ease !important;
    }

    ::-webkit-scrollbar-track {
        background: transparent !important;
    }

    ::-webkit-scrollbar-thumb:active,
    ::-webkit-scrollbar-thumb:hover {
        background: #707070 !important;
        border-radius: 16px !important;
        width: 10px !important;
    }

    ::-webkit-scrollbar-corner {
        background-color: transparent !important;
    }
}