Template:CR Funds Collapsed Section/styles.css

.collapse-mobile > .mw-collapsible-toggle {
	background: none;
	border: none;
	background-size: 1.27em;
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 2em;
	color: var(--color-base, #202122);	
	float: none;
	user-select: unset;
}

.collapse-mobile > .mw-collapsible-toggle h1 {
	border-bottom: none;
}

html.client-js div.collapse-mobile::before {
	/* No flash of default [show] button */
	content: none;
}

.collapse-mobile > .mw-collapsible-content > div {
	clear: right; /* in case the float goes next line */
}

.collapse-mobile-content {
	padding-top: 10px;
}

/* increase specificity */

.collapse-mobile > .mw-collapsible-toggle-collapsed {
	background-image: url(https://upload.wikimedia.org/wikipedia/commons/a/a1/OOjs_UI_icon_caretDown.svg); /* [[File:OOjs_UI_icon_caretDown.svg]] */
}
.collapse-mobile > .mw-collapsible-toggle-expanded {
	background-image: url(https://upload.wikimedia.org/wikipedia/commons/1/1b/OOjs_UI_icon_caretUp.svg); /* [[File:OOjs_UI_icon_caretUp.svg]] */
}

.collapse-mobile-borders {
	border-bottom: 1px solid var(--border-color-muted, #dadde3);
	padding-top: 12px;
	padding-bottom: 12px;
}

.collapse-mobile-title {
	font-weight: bold;
}

@media (max-width:800px) {
	.collapse-mobile > .mw-collapsible-toggle {
		padding-left: 0;
		background-position: right center;
	}
	
}

@media screen {
	html.skin-theme-clientpref-night .collapse-mobile > .mw-collapsible-toggle-expanded {
      background-image: url(https://upload.wikimedia.org/wikipedia/commons/7/7c/OOjs_UI_icon_collapse-invert.svg)
	}
	html.skin-theme-clientpref-night .collapse-mobile > .mw-collapsible-toggle-collapsed {
      background-image: url(https://upload.wikimedia.org/wikipedia/commons/a/a4/OOjs_UI_icon_expand-invert.svg)
	}
}

@media screen and (prefers-color-scheme: dark)  {
	html.skin-theme-clientpref-os .collapse-mobile > .mw-collapsible-toggle-expanded {
      background-image: url(https://upload.wikimedia.org/wikipedia/commons/7/7c/OOjs_UI_icon_collapse-invert.svg)
	}
	html.skin-theme-clientpref-os .collapse-mobile > .mw-collapsible-toggle-collapsed {
      background-image: url(https://upload.wikimedia.org/wikipedia/commons/a/a4/OOjs_UI_icon_expand-invert.svg)
	}
}