Template:CollapsibleCode/styles.css

#collapsible-container{
	position: relative;
	max-width: 100%;
	width: 100%;
	background: var(--color-surface-2);
	border: 4px solid var(--color-surface-2);
	border-radius: 10px;
}

#collapsible-container-header{
	text-align: left;
	line-height: 2;
	font-size: large;
	font-weight: bold;
	color: var(--color-base);
	background: var(--color-surface-2);
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

#collapsible-container-header .fa-chevron-down{
	display: none;
}

.mw-collapsed #collapsible-container-header .fa-chevron-up{
	display: none;
}

.mw-collapsed #collapsible-container-header .fa-chevron-down{
	display: inline;
}

.mw-collapsed #collapsible-container-header{
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.mw-collapsible-toggle{
	width: 100%;
	line-height: 2;
	position: absolute;
	font-size: large;
	opacity: 0;
	left: 0;
}