#video-modal {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;

    width: 100vw !important;
    height: 100vh !important;

    z-index: 9999999 !important;

    display: none !important;
}

#video-modal.active {
    display: block !important;
}

#video-modal .overlay {
    position: fixed !important;
    inset: 0 !important;
    background: rgba(255, 255, 255, 0.08);

    backdrop-filter: blur(14px) saturate(140%);
    -webkit-backdrop-filter: blur(14px) saturate(140%);

    background: rgba(220, 220, 230, 0.10);

    z-index: 1;
}

#video-modal .center-box {
    position: fixed !important;

    top: 50vh !important;
    left: 50vw !important;

    transform: translate(-50%, -50%) !important;

    width: 90%;
    max-width: 1200px;

    z-index: 10000000 !important;
}

#video-modal iframe {
    height: 80vh;
    width: 100%;
    aspect-ratio: 16 / 9;
}