#ee {
	--container-gutter: 0;
	--content-gutter: 1.5rem;

	margin-inline: auto;
	padding-inline: var(--container-gutter);
}

#ee .ee-week {
	margin-bottom: 4rem;
}

#ee .ee-week--current {
	padding-bottom: 4rem;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D9D9D9;
}

#ee .ee-week__header {
	display: flex;
	gap: 1.5rem;
	align-items: center;
	margin-bottom: 1rem;
	padding-inline: var(--content-gutter);
}

#ee .ee-week__label {
	font-size: 1.375rem !important;
	line-height: 1.1 !important;
}

#ee .ee-week__arrow {
	transform: translateY(-0.5rem);
}

#ee .ee-week__controls {
	margin-left: auto;
}

#ee .ee-week__controls .splide__arrows {
	display: flex;
	gap: 0.5rem;
	flex-wrap: nowrap;
}

#ee .ee-week__controls button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2.5rem;
	height: 2.5rem;
	padding: 0.5rem;
	border-radius: 100%;
	background-color: #F5F5F5;
}

#ee .ee-week__controls .splide__arrow--next svg {
	rotate: 180deg;
}

#ee .splide__track {
	padding-inline: var(--content-gutter) !important;
}

#ee .ee-event__link {
	display: block;
	text-decoration: none;
	color: inherit;
}

#ee .ee-event--past {
	opacity: 0.45;
	pointer-events: none;
}

#ee .ee-event__image {
	aspect-ratio: 0.8;
	object-fit: cover;
	object-position: center;
	background-color: #eee;
	border-radius: 1rem;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	overflow: hidden;
}

#ee .ee-event__image--placeholder {
	position: relative;
	z-index: 0;
}

#ee .ee-event__image--placeholder::after {
	content: 'Image missing';
	opacity: 0.6;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 80%;
	text-align: center;
}

#ee .ee-event__content {
	margin-top: 1.5rem;
}

#ee .ee-event__title {
	margin-bottom: 0.5rem;
	font-size: 0.875rem !important;
	line-height: 1.1 !important;
}

#ee .ee-event__meta {
	display: flex;
	gap: 0.25rem;
	align-items: baseline;
	flex-wrap: wrap;
}

#ee .ee-event__date {
	display: inline-block;
	background-color: #F5F5F5;
	font-size: 0.6125rem;
	padding: 0.25rem 0.75rem;
	border-radius: 10rem;
}

#ee .ee-event__price {
	display: inline-block;
	font-size: 0.75rem;
	color: #5A5A5A;
}

@media (width <= 88rem) {
	body:has(#ee) .floating-icons {
		display: none;
	}
}

@media (width < 48rem) {
	#ee .ee-week__arrow {
		display: none;
	}
}

@media (width >= 48rem) {
	#ee {
		--container-gutter: 1.5rem;
		--content-gutter: 0;
	}

	#ee .ee-week__label {
		font-size: 1.875rem !important;
	}

	#ee .ee-week__controls .splide__arrows {
		gap: 1rem;
	}

	#ee .ee-week {
		margin-bottom: 6rem;
	}

	#ee .ee-week--current {
		padding-bottom: 6rem;
	}

	#ee .ee-week__br {
		display: none;
	}

	#ee .ee-event__title {
		font-size: 1.125rem !important;
	}

	#ee .ee-event__meta {
		gap: 1rem;
	}

	#ee .ee-event__date {
		font-size: 0.875rem;
		padding: 0.5rem 1rem;
	}

	#ee .ee-event__price {
		font-size: 0.875rem;
	}
}