/* ========================================= */
/* ================= Twitch ================ */
/* ========================================= */
.twitch-player {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 350px;
    width: 100%;
    height: 600px;
    overflow: hidden;
}

.twitch-video,
.twitch-chat {
    width: 100%;
    height: 100%;
}

    .twitch-video iframe,
    .twitch-chat iframe {
        display: block;
        width: 100%;
        height: 100%;
        border: 0;
    }

/* Tablette */
@media (max-width: 900px) {
    .twitch-player {
        grid-template-columns: minmax(0, 1fr) 300px;
    }
}

/* Mobile */
@media (max-width: 700px) {
    .twitch-player {
        display: flex;
        flex-direction: column;
        height: auto;
    }

    .twitch-video {
        width: 100%;
        aspect-ratio: 16 / 9;
        height: auto;
    }

    .twitch-chat {
        width: 100%;
        height: 500px;
    }
}