.lza-elp-planning,
.lza-elp-replay {
	--lza-elp-navy: #070e46;
	--lza-elp-blue: #072ea0;
	--lza-elp-electric: #0d69f1;
	--lza-elp-red: #f42329;
	--lza-elp-ice: #ebeffa;
	--lza-elp-focus: #70b7ff;
	box-sizing: border-box;
	font-family: inherit;
}

html body .lza-elp-planning { margin-top: 32px; }
html body .lza-elp-follow .event-card__date { color: #91c9ff; }
html body .lza-elp-follow .event-card__title { color: #fff; }
@media (max-width: 32rem) { html body .lza-elp-planning { margin-top: 24px; } }

.lza-elp-follow {
	background: var(--lza-surface, #09122f);
	border: 0;
	color: var(--lza-text, #f4f7ff);
	margin: 1rem 0 0;
	min-width: 0;
	padding: 0 10px 10px;
}
.lza-elp-follow__heading { align-items: center; display: flex; justify-content: space-between; margin-bottom: .65rem; min-height: 1.75rem; }
.lza-elp-follow h2 { color: var(--lza-accent, #70b7ff); font-family: Dosis, sans-serif; font-size: 1rem; letter-spacing: .12em; margin: 0 0 0 50px; }
.lza-elp-follow__controls { display: flex; gap: .35rem; }
.lza-elp-follow__controls button { align-items: center; background: transparent; border: 1px solid rgb(112 183 255 / 50%); color: #fff; cursor: pointer; display: flex; height: 1.75rem; justify-content: center; line-height: 1; padding: 0; width: 1.75rem; }
.lza-elp-follow__controls button:disabled { cursor: default; opacity: .35; }
.lza-elp-follow__viewport { overflow: hidden; touch-action: pan-y; }
.lza-elp-follow__list { align-items: stretch; display: grid; gap: 14px; grid-auto-columns: calc((100% - 28px) / 3); grid-auto-flow: column; transition: transform 180ms ease-out; }
.event-card { align-items: center; background: rgb(24 43 91 / 82%); border: 1px solid rgb(112 183 255 / 22%); border-radius: 4px; display: grid; gap: 14px; grid-template-columns: 160px minmax(0, 1fr); height: 100%; min-height: 110px; min-width: 0; padding: .6rem; }
.event-card__visual { align-items: center; aspect-ratio: 1 / 1; background: #fff; border-radius: 4px; display: flex; height: 160px; justify-content: center; overflow: hidden; padding: 5px; width: 160px; }
.event-card__visual .lza-elp-follow__visual { align-items: center; display: flex; height: 100%; justify-content: center; width: 100%; }
.event-card__visual img { height: auto; max-height: 100%; max-width: 100%; object-fit: contain; width: auto; }
.event-card__visual .lza-elp-follow__visual--empty { opacity: .35; }
.event-card__body { align-items: flex-start; align-self: center; display: flex; flex-direction: column; gap: 6px; justify-content: center; min-height: 0; min-width: 0; padding: 0; }
.lza-elp-follow .event-card__date, .lza-elp-follow .event-card__title { height: auto; margin: 0; min-height: 0; padding: 0; text-align: left; width: auto; }
.lza-elp-follow .event-card__date { color: var(--lza-accent, #70b7ff); font-family: Dosis, sans-serif; font-size: .72rem; line-height: 1.15; }
.lza-elp-follow .event-card__title { font-family: Raleway, sans-serif; font-size: .88rem; line-height: 1.25; overflow-wrap: anywhere; }

.lza-elp-countdown {
	background: #ffb800;
	border-bottom: 1px solid #c73540;
	color: #091827;
	display: flex;
	align-items: baseline;
	gap: .75rem;
	justify-content: center;
	margin-bottom: 12px;
	padding: .4rem .75rem;
	text-align: center;
	grid-row: 1;
}
html body .lza-elp-planning .lza-elp-countdown,
html body .lza-elp-planning .lza-elp-countdown * { color: #091827; }
html body .lza-elp-planning > .lza-elp-countdown .lza-elp-planning__countdown-label { color: #091827 !important; font-size: .75rem; margin: 0; }
html body .lza-elp-planning .lza-elp-countdown .lza-elp-planning__countdown { color: #091827; font-size: clamp(1.1rem, 2.2vw, 1.55rem); letter-spacing: .04em; margin: 0; }
.lza-elp-planning__featured { align-items: center; display: grid; gap: clamp(.75rem, 1.5vw, 1.25rem); grid-template-columns: minmax(0, 40fr) minmax(0, 60fr); min-width: 0; }
.lza-elp-planning__featured > .lza-elp-planning__visual { align-self: start; aspect-ratio: 16 / 9; width: 100%; }
.lza-elp-planning__featured .lza-elp-planning__content { align-self: center; min-width: 0; padding: 0; }
.lza-elp-planning__featured .lza-elp-planning__content h2 { font-size: clamp(1.2rem, 2.1vw, 1.7rem); margin-bottom: .65rem; }
.lza-elp-planning__featured .lza-elp-planning__content > p:not(.lza-elp-planning__eyebrow, .screen-reader-text) { font-size: .82rem; line-height: 1.35; margin: .2rem 0; }
.lza-elp-planning__featured .lza-elp-planning__content .lza-elp-planning__meta { font-size: 1.45rem; line-height: 1.2; margin: .35rem 0; }
.lza-elp-planning__featured .lza-elp-planning__content .lza-elp-planning__meta time { display: block; font-size: inherit; font-weight: 700; }
.lza-elp-planning__featured .lza-elp-planning__content .lza-elp-planning__meta > span[aria-hidden="true"] { display: none; }
.lza-elp-planning__featured .lza-elp-planning__content .lza-elp-planning__meta > span:last-child { display: block; font-size: .78rem; font-weight: 400; }
.lza-elp-planning__featured .lza-elp-planning__eyebrow { font-size: .68rem; margin-bottom: .45rem; }
.lza-elp-planning > .lza-elp-replay { align-items: center; display: grid; gap: .9rem; grid-template-columns: 10rem minmax(0, 1fr); margin: 1rem 0 0; padding: .7rem .85rem; }
.lza-elp-planning > .lza-elp-replay__eyebrow { margin: 0; }
.lza-elp-planning > .lza-elp-replay h2 { font-size: 1.1rem; margin: 0; }
.lza-elp-planning > .lza-elp-replay__thumbnail { grid-row: span 2; }
.lza-elp-planning > .lza-elp-replay__player { grid-row: span 2; }
.lza-elp-replay--empty { background: #07133f; border-color: rgb(112 183 255 / 20%); display: block; padding: .75rem .85rem; }

.lza-elp-planning {
	background: radial-gradient(circle at 12% 10%, rgb(13 105 241 / 24%), transparent 35%), linear-gradient(135deg, #050a32 0%, #071650 100%);
	border: 1px solid rgb(13 105 241 / 35%);
	border-radius: .75rem;
	box-shadow: 0 .75rem 2rem rgb(7 14 70 / 18%);
	color: var(--lza-elp-ice);
	display: grid;
	gap: 0;
	grid-template-columns: minmax(0, 1fr);
	margin-inline: auto;
	max-width: 72rem;
	min-width: 0;
	overflow: hidden;
	padding: clamp(.75rem, 1.8vw, 1.25rem);
	width: 100%;
}

.lza-elp-planning *,
.lza-elp-replay * {
	box-sizing: border-box;
}

.lza-elp-planning__visual,
.lza-elp-planning__player {
	align-self: center;
	background: #050a32;
	border: 1px solid rgb(112 183 255 / 24%);
	border-radius: .65rem;
	box-shadow: 0 .75rem 2rem rgb(0 0 0 / 28%);
	overflow: hidden;
}

.lza-elp-planning__visual {
	aspect-ratio: 16 / 9;
	position: relative;
}

.lza-elp-planning__visual img {
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.lza-elp-trailer-preview {
	display: block;
	height: 100%;
	inset: 0;
	object-fit: cover;
	opacity: 0;
	position: absolute;
	width: 100%;
}

.lza-elp-trailer-preview[hidden] {
	display: none;
}

@media (hover: hover) and (pointer: fine) {
	.lza-elp-trailer-preview.is-active {
		opacity: 1;
		transition: opacity 120ms ease-out;
	}
}

.lza-elp-planning__content {
	align-self: center;
	min-width: 0;
	padding: clamp(.25rem, 1vw, .75rem);
}

.lza-elp-planning__content > :first-child,
.lza-elp-replay > :first-child {
	margin-top: 0;
}

.lza-elp-planning__eyebrow,
.lza-elp-replay__eyebrow {
	color: #b9ccff;
	font-size: .75rem;
	font-weight: 800;
	letter-spacing: .09em;
	line-height: 1.4;
	margin-bottom: .75rem;
	text-transform: uppercase;
}

.lza-elp-planning__countdown {
	color: #fff;
	font-size: clamp(1.25rem, 2.4vw, 1.85rem);
	font-variant-numeric: tabular-nums;
	font-weight: 800;
	letter-spacing: .025em;
	line-height: 1.15;
	margin: .15rem 0 0;
}

.lza-elp-planning__countdown-block {
	background: linear-gradient(90deg, rgb(13 105 241 / 20%), rgb(13 105 241 / 5%));
	border-left: .2rem solid var(--lza-elp-electric);
	border-radius: .25rem;
	margin-top: 1.15rem;
	padding: .65rem .8rem;
}

.lza-elp-planning__countdown-label {
	color: #091827;
	font-size: .68rem;
	font-weight: 800;
	letter-spacing: .1em;
	margin: 0;
	text-transform: uppercase;
}

.lza-elp-planning__content h2 {
	color: #fff;
	font-size: clamp(1.45rem, 2.7vw, 2.15rem);
	font-weight: 800;
	letter-spacing: -.02em;
	line-height: 1.12;
	margin: 0 0 1rem;
	overflow-wrap: anywhere;
}

.lza-elp-planning__content > p:not(.lza-elp-planning__eyebrow, .screen-reader-text) {
	color: #d9e2fa;
	font-size: .95rem;
	line-height: 1.55;
	margin: .35rem 0;
}

.lza-elp-planning__meta time {
	color: #fff;
	font-weight: 700;
}

.lza-elp-planning__trailer-button {
	background: #fff;
	border: 2px solid #fff;
	border-radius: .3rem;
	color: var(--lza-elp-navy);
	cursor: pointer;
	font: inherit;
	font-size: .86rem;
	font-weight: 800;
	margin-top: 1rem;
	padding: .65rem .9rem;
}

.lza-elp-planning--live,
.lza-elp-planning--live_reconnecting {
	grid-template-columns: minmax(0, 1.45fr) minmax(17rem, .75fr);
}

.lza-elp-planning--live .lza-elp-planning__eyebrow {
	color: #fff;
}

.lza-elp-planning--live {
	border-color: rgb(244 35 41 / 55%);
	box-shadow: 0 .75rem 2rem rgb(244 35 41 / 12%);
}

.lza-elp-planning--live .lza-elp-planning__eyebrow::before {
	background: var(--lza-elp-red);
	border-radius: 50%;
	box-shadow: 0 0 0 .2rem rgb(244 35 41 / 20%);
	content: "";
	display: inline-block;
	height: .55rem;
	margin-right: .55rem;
	width: .55rem;
}

.lza-elp-planning--live_reconnecting .lza-elp-planning__eyebrow,
.lza-elp-planning--presumed_live .lza-elp-planning__eyebrow {
	background: rgb(13 105 241 / 16%);
	border-left: .2rem solid var(--lza-elp-electric);
	color: #dce7ff;
	padding: .55rem .7rem;
}

.lza-elp-planning__player iframe {
	aspect-ratio: 16 / 9;
	border: 0;
	display: block;
	height: auto;
	width: 100%;
}

.lza-elp-planning__player p {
	margin: 0;
	padding: .75rem 1rem;
}

.lza-elp-planning__player a,
.lza-elp-replay a {
	color: var(--lza-elp-electric);
	font-weight: 700;
}

.lza-elp-planning__player a {
	color: #fff;
}

@media (min-width: 52.0625rem) {
	.lza-elp-planning--live {
		grid-template-columns: minmax(0, 1fr);
	}

	.lza-elp-planning--live .lza-elp-planning__player {
		width: 100%;
	}
}

.lza-elp-planning a:focus-visible,
.lza-elp-planning button:focus-visible,
.lza-elp-replay a:focus-visible,
.lza-elp-replay__thumbnail-button:focus-visible {
	outline: .2rem solid var(--lza-elp-focus);
	outline-offset: .2rem;
}

.lza-elp-trailer-dialog[hidden] {
	display: none;
}

.lza-elp-trailer-dialog {
	display: grid;
	inset: 0;
	place-items: center;
	position: fixed;
	z-index: 99999;
}

.lza-elp-trailer-dialog__backdrop {
	background: rgb(2 5 24 / 88%);
	inset: 0;
	position: absolute;
}

.lza-elp-trailer-dialog__window {
	background: #07133f;
	border: 1px solid rgb(112 183 255 / 45%);
	border-radius: .65rem;
	box-shadow: 0 1.5rem 4rem rgb(0 0 0 / 55%);
	max-height: calc(100vh - 2rem);
	max-width: 62rem;
	overflow: auto;
	padding: clamp(1rem, 3vw, 1.5rem);
	position: relative;
	width: calc(100% - 2rem);
	z-index: 1;
}

.lza-elp-trailer-dialog__window h3 {
	color: #fff;
	font-size: clamp(1rem, 2vw, 1.35rem);
	line-height: 1.3;
	margin: 0 2.5rem 1rem 0;
}

.lza-elp-trailer-dialog__close {
	background: transparent;
	border: 1px solid rgb(255 255 255 / 45%);
	border-radius: 50%;
	color: #fff;
	cursor: pointer;
	font: inherit;
	font-size: 1.5rem;
	height: 2.25rem;
	line-height: 1;
	position: absolute;
	right: 1rem;
	top: 1rem;
	width: 2.25rem;
}

.lza-elp-trailer-dialog__player video {
	aspect-ratio: 16 / 9;
	background: #000;
	display: block;
	height: auto;
	max-width: 100%;
	width: 100%;
}

.lza-elp-planning--empty,
.lza-elp-replay--empty {
	display: block;
	min-height: auto;
	padding: clamp(1.25rem, 3vw, 2rem);
	text-align: center;
}

.lza-elp-planning--empty p,
.lza-elp-replay--empty p {
	margin: 0;
}

.lza-elp-replay {
	background: #f6f8fd;
	border: 1px solid #d8e0f2;
	border-radius: .75rem;
	box-shadow: 0 .5rem 1.5rem rgb(7 14 70 / 10%);
	color: var(--lza-elp-navy);
	margin: 2rem auto 0;
	max-width: 72rem;
	padding: clamp(1rem, 2.5vw, 2rem);
}

.lza-elp-replay h2 {
	color: var(--lza-elp-navy);
	font-size: clamp(1.3rem, 2.5vw, 1.8rem);
	line-height: 1.2;
	margin: 0 0 .5rem;
}

.lza-elp-replay > p:not(.lza-elp-replay__eyebrow) {
	color: #485373;
}

.lza-elp-replay__thumbnail,
.lza-elp-replay__player {
	aspect-ratio: 16 / 9;
	background: var(--lza-elp-navy);
	border-radius: .5rem;
	overflow: hidden;
}

.lza-elp-replay__thumbnail img {
	display: block;
	height: auto;
	width: 100%;
}

.lza-elp-replay__player {
	display: none;
	height: auto;
	width: 100%;
}

.lza-elp-replay__thumbnail img {
	height: 100%;
	object-fit: cover;
}

.lza-elp-replay__thumbnail-button {
	background: transparent;
	border: 0;
	color: inherit;
	cursor: pointer;
	display: block;
	font: inherit;
	padding: 0;
	position: relative;
	width: 100%;
}

.lza-elp-replay__thumbnail-button::after {
	align-items: center;
	background: rgb(7 14 70 / 88%);
	border: 2px solid rgb(255 255 255 / 80%);
	border-radius: 50%;
	color: #fff;
	content: none;
	display: flex;
	font-size: 1.15rem;
	height: 3.5rem;
	justify-content: center;
	left: 50%;
	padding-left: .2rem;
	pointer-events: none;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 3.5rem;
}

.lza-elp-replay--playing .lza-elp-replay__thumbnail {
	display: none;
}

.lza-elp-replay--playing .lza-elp-replay__player {
	display: block;
	margin-top: 0;
}

.lza-elp-replay--previewing .lza-elp-replay__thumbnail {
	display: none;
}

.lza-elp-replay--previewing .lza-elp-replay__player {
	display: block;
	margin-top: 0;
}

@media (max-width: 52rem) {
	.lza-elp-planning__visual,
	.lza-elp-planning__player {
		width: 100%;
	}
}

@media (max-width: 52rem) {
	.lza-elp-planning__featured { grid-template-columns: minmax(0, 1fr); }
	.lza-elp-follow__list { grid-auto-columns: calc((100% - 14px) / 2); }
	.event-card { grid-template-columns: 120px minmax(0, 1fr); }
	.event-card__visual { height: 120px; width: 120px; }
}

@media (max-width: 32rem) {
	.lza-elp-follow h2 { margin-left: 0; }
	.lza-elp-countdown { align-items: center; display: block; }
	.lza-elp-countdown .lza-elp-planning__countdown-label { font-size: .68rem; }
	.lza-elp-follow__list { grid-auto-columns: 100%; }
	.event-card { grid-template-columns: 96px minmax(0, 1fr); }
	.event-card__visual { height: 96px; width: 96px; }
	.lza-elp-replay { display: block; }
	.lza-elp-replay__thumbnail, .lza-elp-replay__player { margin-top: .6rem; }
	.lza-elp-replay h2 { margin-top: .25rem; }
}

@media (max-width: 32rem) {
	.lza-elp-planning,
	.lza-elp-replay {
		border-radius: .5rem;
		padding: 1rem;
	}

	.lza-elp-planning__countdown {
		font-size: 1.3rem;
	}

	.lza-elp-planning__meta span[aria-hidden="true"] {
		display: none;
	}

	.lza-elp-planning__meta > span:last-child {
		display: block;
	}
}

@media (prefers-reduced-motion: reduce) {
	.lza-elp-planning *,
	.lza-elp-replay * {
		scroll-behavior: auto;
	}
	.lza-elp-follow__list {
		transition: none;
	}
}

