/* =========================
   FULLSCREEN BUTTON
========================= */

.nonton-shell .video-widget{
    position:relative;
}

.nonton-shell .video-widget .fullscreen-button{
    position:absolute !important;
    z-index:9999 !important;

    top:auto !important;
    right:12px !important;
    bottom:12px !important;
    left:auto !important;

    width:38px;
    height:38px;
    padding:0;

    display:flex;
    align-items:center;
    justify-content:center;

    border:1px solid #39ff70;
    border-radius:5px;

    background:#031006d9;
    color:#39ff70;

    font-size:20px;
    line-height:1;
    cursor:pointer;
}

.nonton-shell .video-widget .fullscreen-button:hover{
    background:#39ff70;
    color:#021006;
}


/* =========================
   FULLSCREEN PLAYER
========================= */

.nonton-shell .watch-stage:fullscreen{
    position:fixed;
    inset:0;
    z-index:99999;

    display:flex;
    align-items:center;
    justify-content:center;

    width:100vw;
    height:100vh;

    margin:0;
    padding:0;

    background:#000;
    border:0;
}

.nonton-shell .watch-stage:fullscreen .iframe-player{
    width:min(95vw,1400px) !important;
    max-width:1400px !important;
    margin:0 !important;
    padding:0 !important;
}

.nonton-shell .watch-stage:fullscreen .video-widget{
    position:relative;
    width:100% !important;
    max-width:none !important;
    height:auto !important;
    aspect-ratio:16/9 !important;

    margin:0 !important;
    padding:0 !important;

    border:0;
    overflow:hidden;
}

.nonton-shell .watch-stage:fullscreen .video-widget iframe{
    display:block;
    width:100% !important;
    height:100% !important;
    border:0;
}

.nonton-shell .watch-stage:fullscreen .video-widget .fullscreen-button{
    top:auto !important;
    right:12px !important;
    bottom:12px !important;
    left:auto !important;
}