#toc-list {
	padding:0;
	margin-top: var(--space-s);
}
@keyframes fadeInToc {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
section.toc-cta {
	animation: fadeInToc 0.2s ease-out 0.5s forwards;
}
#toc-list li {
	margin-bottom: 0.7em;
}

.toc-cta #fixed-wrapper {
	background: var(--secondary);
	position: fixed;
	bottom: 30px;
	left: 30px;
	width: 45px;
	height: 45px;
	z-index: 99;
	border-radius: var(--radius-s);
	display: flex;
	justify-content: center;
	padding: 5px;
	opacity: 0;
	transition: 0.2s ease-out;
}
body.past-toc #fixed-wrapper {
	opacity: 1;
}

#fixed-modal {
	position: fixed;
	bottom: 0;
	left: 0;
	background: var(--secondary);
	z-index: 90;
	padding: 5rem 10rem 8rem 10rem;
	border-top-right-radius: var(--radius-m);
	width: fit-content;
}
@media screen and (max-width: 1025px) {
	#fixed-modal {
		padding: 16rem 6rem 5rem 6rem;
		height: 100%;
	}
	#fixed-modal#fixed-modal a {
		display: block;
		margin-bottom: 0.9em;
		font-size: var(--text-s);
	}
}

#fixed-modal a {
	color: white;
	margin-bottom: 0.5em;
	display: inline-block;
}
#fixed-modal li::marker {
	color: white;
}

.toc-cta__nav-img {
	width: 20px;
	float: left;
	margin-right: 10px;
}
.toc-cta__nav-button-img {
	width: 15px;
	filter: var(--filter-plus) var(--filter-white);
	transform: rotate(180deg);
	transition: 0.15s ease-out;
}
#fixed-wrapper.active .toc-cta__nav-button-img {
	transform: rotate(0deg);
}

#toc h4 {
	line-height: 1.6;
}