/* Y2SaverPro Final Download Loader */

#progressModal.y2-progress-modal{
    position:fixed !important;
    inset:0 !important;
    z-index:2147483647 !important;
    display:none !important;
    align-items:center !important;
    justify-content:center !important;
    padding:16px !important;
    box-sizing:border-box !important;
}

#progressModal.y2-progress-modal.in{
    display:flex !important;
}

#progressModal.y2-progress-modal .y2-progress-backdrop{
    position:absolute !important;
    inset:0 !important;
    z-index:0 !important;
    display:block !important;
    background:rgba(15,23,42,.48) !important;
    opacity:1 !important;
    visibility:visible !important;
    backdrop-filter:blur(6px) !important;
    -webkit-backdrop-filter:blur(6px) !important;
}

#progressModal.y2-progress-modal .y2-progress-shell{
    position:relative !important;
    z-index:2 !important;
    display:block !important;
    width:100% !important;
    max-width:430px !important;
    height:auto !important;
    min-height:0 !important;
    margin:auto !important;
    padding:0 !important;
    background:#ffffff !important;
    border:1px solid #e5e7eb !important;
    border-radius:22px !important;
    box-shadow:0 25px 70px rgba(15,23,42,.22) !important;
    overflow:hidden !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
}

#progressModal.y2-progress-modal .y2-progress-body{
    display:block !important;
    width:100% !important;
    height:auto !important;
    padding:24px !important;
    box-sizing:border-box !important;
    background:#ffffff !important;
    overflow:visible !important;
}

#progressModal.y2-progress-modal .y2-progress-top{
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
    width:100% !important;
    margin:0 0 24px !important;
    padding:0 38px 0 0 !important;
    box-sizing:border-box !important;
}

#progressModal.y2-progress-modal .y2-progress-icon{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 46px !important;
    width:46px !important;
    height:46px !important;
    background:#fff1f2 !important;
    border:1px solid #ffe0e3 !important;
    border-radius:14px !important;
    color:#e11d48 !important;
    font-size:18px !important;
}

#progressModal.y2-progress-modal .y2-progress-heading{
    display:block !important;
    flex:1 1 auto !important;
    min-width:0 !important;
}

#progressModal.y2-progress-modal .y2-progress-title{
    display:block !important;
    margin:0 !important;
    color:#111827 !important;
    font-size:16px !important;
    font-weight:700 !important;
    line-height:1.35 !important;
}

#progressModal.y2-progress-modal .y2-progress-media-title{
    display:-webkit-box !important;
    margin-top:4px !important;
    color:#64748b !important;
    font-size:12px !important;
    line-height:1.45 !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
}

#progressModal.y2-progress-modal .y2-progress-close{
    position:absolute !important;
    top:16px !important;
    right:16px !important;
    z-index:5 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:32px !important;
    height:32px !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    border-radius:9px !important;
    background:transparent !important;
    color:#64748b !important;
    font-size:22px !important;
    line-height:1 !important;
    cursor:pointer !important;
}

#progressModal.y2-progress-modal #process-waiting{
    display:block !important;
    width:100% !important;
    height:auto !important;
    opacity:1 !important;
    visibility:visible !important;
}

#progressModal.y2-progress-modal .y2-live-stage{
    display:block !important;
    width:100% !important;
    text-align:center !important;
    margin:0 0 22px !important;
}

#progressModal.y2-progress-modal .y2-preparing-state{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
}

#progressModal.y2-progress-modal .y2-preparing-loader{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:6px !important;
    width:100% !important;
    height:24px !important;
    margin:0 0 10px !important;
}

#progressModal.y2-progress-modal .y2-preparing-loader span{
    display:block !important;
    width:7px !important;
    height:7px !important;
    min-width:7px !important;
    min-height:7px !important;
    border-radius:50% !important;
    background:#e11d48 !important;
    animation:y2FinalDots 1.2s infinite ease-in-out !important;
}

#progressModal.y2-progress-modal .y2-live-stage-title{
    display:block !important;
    margin:0 !important;
    color:#111827 !important;
    font-size:15px !important;
    font-weight:700 !important;
    line-height:1.4 !important;
}

#progressModal.y2-progress-modal .y2-live-stage-detail{
    display:block !important;
    margin-top:4px !important;
    color:#64748b !important;
    font-size:12px !important;
}

#progressModal.y2-progress-modal .y2-progress-percent{
    display:block !important;
    width:100% !important;
    text-align:center !important;
    margin:0 0 12px !important;
    color:#111827 !important;
    font-size:30px !important;
    font-weight:800 !important;
    line-height:1 !important;
}

#progressModal.y2-progress-modal .y2-progress-track{
    display:block !important;
    width:100% !important;
    height:8px !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    background:#edf1f5 !important;
    border-radius:999px !important;
}

#progressModal.y2-progress-modal .y2-progress-fill{
    display:block !important;
    height:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    background:#e11d48 !important;
    border-radius:999px !important;
    transition:width .35s ease !important;
}

#progressModal.y2-progress-modal .y2-progress-stats{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
    width:100% !important;
    margin:18px 0 0 !important;
}

#progressModal.y2-progress-modal .y2-progress-stat{
    display:block !important;
    width:auto !important;
    padding:12px 13px !important;
    box-sizing:border-box !important;
    background:#f8fafc !important;
    border:1px solid #e8edf3 !important;
    border-radius:12px !important;
}

#progressModal.y2-progress-modal .y2-progress-stat span{
    display:block !important;
    margin:0 0 5px !important;
    color:#64748b !important;
    font-size:10px !important;
    font-weight:600 !important;
    line-height:1.3 !important;
    text-transform:uppercase !important;
    letter-spacing:.04em !important;
}

#progressModal.y2-progress-modal .y2-progress-stat strong{
    display:block !important;
    margin:0 !important;
    color:#111827 !important;
    font-size:14px !important;
    font-weight:700 !important;
}

#progressModal.y2-progress-modal .y2-progress-notice{
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    width:100% !important;
    box-sizing:border-box !important;
    margin:14px 0 0 !important;
    padding:11px 12px !important;
    background:#f8fafc !important;
    border:1px solid #e8edf3 !important;
    border-radius:11px !important;
    color:#64748b !important;
    font-size:11px !important;
    line-height:1.4 !important;
}

#progressModal.y2-progress-modal .y2-progress-notice i{
    flex:0 0 auto !important;
    color:#64748b !important;
}

#progressModal.y2-progress-modal #process-result,
#progressModal.y2-progress-modal .y2-progress-complete,
#progressModal.y2-progress-modal #share-place-download,
#progressModal.y2-progress-modal #share-container,
#progressModal.y2-progress-modal .y2-progress-ad-wrap,
#progressModal.y2-progress-modal #download-progress-ad,
#progressModal.y2-progress-modal .y2-progress-ad-label{
    display:none !important;
}

@keyframes y2FinalDots{
    0%,80%,100%{transform:scale(.65);opacity:.35}
    40%{transform:scale(1);opacity:1}
}

@media(max-width:600px){
    #progressModal.y2-progress-modal{
        padding:10px !important;
    }

    #progressModal.y2-progress-modal .y2-progress-shell{
        max-width:none !important;
        border-radius:19px !important;
    }

    #progressModal.y2-progress-modal .y2-progress-body{
        padding:20px !important;
    }
}
