#youtube-player-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.9);
    /* display: none; */
    opacity: 0;
    pointer-events: none;
    transition: all 400ms ease;
}

#youtube-player-overlay.active {
    /* display: initial; */
    opacity: 1;
    pointer-events: auto;
}

#youtube-player-popup {
    position: fixed;
    width: 60%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -100%);
    transition: all 400ms ease;
}

#youtube-player-overlay.active #youtube-player-popup {
    transform: translate(-50%, -50%);
}

#youtube-player-popup iframe {
    width: 100%;
    aspect-ratio: 16/9;
}