/* ==========================================
   YOUTUBE POPUP
========================================== */

.tz-youtube-popup{
    position:fixed;
    inset:0;
    z-index:99999;
    display:none;
}

.tz-youtube-popup.active{
    display:block;
}

.tz-youtube-overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.85);
}

.tz-youtube-content{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    /*width:min(1100px,90vw);*/
    width:min(900px,88vw);
    z-index:2;
}

.tz-youtube-frame-wrapper{
    position:relative;
    width:100%;
    padding-bottom:56.25%; /* 16:9 */
    background:#000;
}

.tz-youtube-frame-wrapper iframe{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    border:0;
}

.tz-youtube-close{
    position:absolute;
    top:-45px;
    right:0;
    border:none;
    background:none;
    color:#fff;
    font-size:40px;
    line-height:1;
    cursor:pointer;
    z-index:3;
}

.tz-youtube-loader{
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#000;
    z-index:2;
}

.tz-youtube-loader.hidden{
    display:none;
}

.tz-youtube-spinner{
    width:60px;
    height:60px;
    border:5px solid rgba(255,255,255,.25);
    border-top-color:#fff;
    border-radius:50%;
    animation:tzSpin .8s linear infinite;
}

@keyframes tzSpin{
    to{ transform:rotate(360deg); }
}