/**
 * prevent weird styles before element is loaded
 */
fl-video-playlist:not(:defined) {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    > * {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    > *:nth-child(n+2) {
        display: none;
    }
}

/* scuffed size adjustments */
@media (max-width: 1050px) {
    fl-video-playlist {
        --_playlist-rows: 3fr 1fr;
    }
}

@media (max-width: 768px) {
    fl-video-playlist {
        --_playlist-rows: 5fr 2fr;
    }
}