.year_wrapper {
	position: relative;
}

.tab--empty {
	pointer-events: none;
}

.tab--month:not[open] + .tab--month {
	margin-top: 0 !important;
}

.tab--month[open] + .tab--month {
	margin-top: calc((var(--m) + 0.8em) * -1);
}

.tab--month.tab--big[open] + .tab--month.tab--big {
	margin-top: calc((var(--l) + 0.8em) * -1);
}

.tab--month[open] + .tab--month > .tab_opener {
	background-color: transparent;
}

.tab--month > .tab_wrapper {
	padding: 0;
}

.tab--month[open] > .tab_wrapper {
	background-color: transparent;
}

.tab--empty .tab_title > span {
	opacity: 0.1;
}

.tab--month .day {
	background-color: var(--background);
}

.tab--month .day::after {
	background-color: var(--color);
}

.tab--month .day_date {
	background-color: var(--color);
}

.tab--month .day_date > time {
	background-color: var(--background);
	border-left-color: var(--background);
	color: var(--color);
}

.day {
	display: grid;
	grid-template-columns: 4.7rem repeat(auto-fill, minmax(280px, 1fr));
	align-items: stretch;
	position: relative;
	background-color: var(--color);
}

.day::after {
	content: "";
	width: 100%;
	height: 1px;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: var(--background);
}

.day_date {
	grid-row: 1 / -100;
	margin-right: -1px;
	background-color: var(--background);
	font-size: var(--s);
	line-height: var(--ls);
	text-transform: uppercase;
	font-feature-settings:
		"liga" 0,
		"case" 1;
}

.day_date > time {
	display: block;
	margin-bottom: 1px;
	padding: var(--xs) 0 var(--xs) var(--xs);
	position: sticky;
	top: calc(var(--gap) + var(--xs));
	z-index: 5;
	background-color: var(--color);
	border-left: 1px solid var(--color);
	color: var(--background);
	font-feature-settings:
		"liga" 0,
		"tnum" 1;
}

.day_date > time + time {
	top: calc(var(--gap) + var(--xs) * 3 + var(--s) * var(--ls) + 1px);
}

.day > .preview--event,
.day > .preview--external {
	aspect-ratio: 3/2;
	margin: 0 -1px 0 1px;
	border-right: 1px solid;
	border-bottom: 1px solid;
}

.event_premier {
	display: block;
	padding: var(--xs) 1rem;
	position: absolute;
	background-color: var(--background);
	border: 1px solid;
	border-radius: 100%;
	color: var(--color);
	font-feature-settings:
		"liga" 0,
		"case" 1,
		"tnum" 1;
	font-size: var(--s);
	font-style: normal;
	line-height: var(--ls);
	text-decoration: none;
	text-transform: uppercase;
}

.preview > .event_premier {
	border: none;
}

@media (max-width: 480px) {
	.day {
		grid-template-columns: 4rem 1fr;
	}
}