.hvl-day {
	--hvl-day-surface: var(--e-global-color-blanc, #fff);
	--hvl-day-line: rgba(20, 22, 29, 0.08);
	--hvl-day-ink: var(--e-global-color-text, #14161d);
	--hvl-day-mute: var(--e-global-color-gris, #6a6f7d);
	--hvl-day-tint-a: var(--e-global-color-brume_100, #eef4f8);
	--hvl-day-tint-b: var(--e-global-color-azur_50, #eef8fd);
	--hvl-day-pill: var(--e-global-color-text, #14161d);
	--hvl-day-pill-ink: var(--e-global-color-blanc, #fff);
	--hvl-day-chair: var(--e-global-color-primary, #08739f);
	--hvl-day-chair-alt: var(--e-global-color-azur_300, #6ec8e8);
	--hvl-day-radius: 28px;
	--hvl-day-gap: 12px;
	--hvl-day-min: var(--hvl-day-min-narrow, 220px);
	box-sizing: border-box;
	border-radius: var(--hvl-day-radius);
	padding: 28px 20px 22px;
	background: var(--hvl-day-surface);
	border: 1px solid var(--hvl-day-line);
	font-family: var(--e-global-typography-text-font-family), sans-serif;
	font-size: 16px;
	line-height: 1.5;
}

.hvl-day *,
.hvl-day *::before,
.hvl-day *::after {
	box-sizing: border-box;
}

@media (min-width: 810px) {
	.hvl-day {
		padding: 36px 36px 30px;
	}
}

@media (min-width: 1000px) {
	.hvl-day {
		--hvl-day-min: var(--hvl-day-min-wide, 170px);
	}
}

.hvl-day__head {
	display: grid;
	gap: 8px;
	margin-bottom: 22px;
}

.hvl-day__deco {
	display: flex;
	gap: 10px;
	margin-bottom: 10px;
}

.hvl-day__chair {
	display: block;
	flex: none;
	width: 30px;
	height: 33px;
	fill: var(--hvl-day-chair);
}

.hvl-day__chair:nth-child(2n) {
	fill: var(--hvl-day-chair-alt);
}

.hvl-day .hvl-day__title {
	margin: 0;
	font-family: var(--e-global-typography-display-font-family, "Rubik"), sans-serif;
	font-size: clamp(22px, 2.6vw, 28px);
	font-weight: 600;
	letter-spacing: -0.03em;
	line-height: 1.15;
	color: var(--hvl-day-ink);
}

.hvl-day .hvl-day__sub {
	margin: 0;
	max-width: 60ch;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.5;
	color: var(--hvl-day-mute);
}

.hvl-day .hvl-day__list {
	display: grid;
	min-width: 0;
	max-width: 100%;
	grid-auto-flow: column;
	grid-auto-columns: minmax(var(--hvl-day-min), 1fr);
	gap: var(--hvl-day-gap);
	margin: 0;
	padding: 0 0 6px;
	list-style: none;
	overflow-x: auto;
	overscroll-behavior-x: contain;
	scroll-snap-type: x mandatory;
	scrollbar-width: thin;
}

.hvl-day .hvl-day__list > li {
	position: relative;
	scroll-snap-align: start;
	margin: 0;
	padding: 18px 18px 20px;
	border: 1px solid transparent;
	border-radius: 18px;
	background: var(--hvl-day-tint-a);
	list-style: none;
}

.hvl-day .hvl-day__list > li:nth-child(2n) {
	background: var(--hvl-day-tint-b);
}

.hvl-day .hvl-day__when {
	display: inline-block;
	margin-bottom: 10px;
	border-radius: 99px;
	padding: 3px 10px;
	font-family: var(--e-global-typography-display-font-family, "Rubik"), sans-serif;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.5;
	color: var(--hvl-day-pill-ink);
	background: var(--hvl-day-pill);
}

.hvl-day .hvl-day__list > li b {
	display: block;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: -0.01em;
	color: var(--hvl-day-ink);
}

.hvl-day .hvl-day__list > li > span:not(.hvl-day__when) {
	display: block;
	margin-top: 6px;
	font-size: 14.5px;
	line-height: 1.5;
	color: var(--hvl-day-mute);
}