.live-show__container {
    position: relative;
    padding: var(--pad-xl) var(--pad-xl);
    background: center/cover no-repeat;
}

.live-show__container:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(90deg, var(--dark-text-color) 18%, #14143273 50%, var(--dark-text-color) 82%);
}

.live-show__container>* {
    position: relative;
    z-index: 1;
}

.live-show__container>div * {
    color: var(--light-text-color);
}

.live-show__container .live-show-message {
    margin-bottom: var(--pad-s);
    display: flex;
    align-items: center;
    gap: var(--gap-xs);
}

.live-show-message .play-pause {
    all: unset;
    cursor: pointer;
}

.live-show-message .play-pause:before {
    content: "";
    height: var(--text-fs-l);
    aspect-ratio: 1;
    display: flex;
    border-radius: 100px;
    border: 2px solid var(--light-text-color);
    background-position: 7px center;
    background-size: 70%;
    background-repeat: no-repeat;
}

.live-show__container .live-show-message p:first-child {
    font-size: var(--text-fs-m);
    line-height: var(--text-fs-m);
    font-weight: 600;
}

.live-show__container .live-show-message p:not(:first-child, :only-child) {
    font-size: var(--text-fs-s);
    line-height: var(--text-fs-s);
    font-weight: 300;
}

.live-show-block h3 {
    font-size: var(--text-fs-xl);
    line-height: var(--text-fs-xl);
}

.live-show-block .animateurs {
    margin-bottom: var(--pad-s);
    font-size: var(--text-fs-l);
    line-height: var(--text-fs-l);
    font-weight: 100;
}

@media (max-width: 768px) {
	.live-show-block h3 { font-size: var(--text-fs-l); line-height: var(--text-fs-l); }
}