/***************************************/
#zplayerDiv {

    background: black;
    color: white;
    display: none;
    position: sticky;
    width: 100%;
    z-index: 10;
    top: 0px;
    iframe{
        width: 100%;
        border: 0px;
        aspect-ratio: 16 / 9;
    }
    header, footer{
        
        display: flex;
        justify-content: space-between;
    }
    header > * , footer > *{
        padding: 0.6rem;
    }
    footer {
        display:flex;
        flex-direction: row;
        justify-content: space-around;
    }
    #zplayer_ls.inactive{
        display:none;
    }
    /*#zplayer-ls > * {
        padding: 1rem 0rem;
    }*/
    .P9UI{padding: 0.6rem 0.6rem;}
    .btn{opacity: 0.7;}
    .P9UI-AT{opacity: 0.9; font-size: 0.9rem; padding: 0.2rem;}
    .P9UI-AU{opacity: 0.7; }
    img{
        border-radius: 0.5rem;

    }

}
#zplayerDiv.fullscreen {
    display: flex!important;
    header, #zplayerSpan_url{
     display:none;
    }
    footer{
    flex-direction: column;
    }
    iframe{aspect-ratio: auto;}
    #zplayer_ls{
    overflow:auto;
    }
}