Template:Hidden/styles.css

@media screen {
	.template-hidden {
		width: 100%;
		margin: 0;
		border: 1px solid var(--border-color-subtle, #c8ccd1);
		border-collapse: collapse;
		background: var(--background-color-base, #fff);
		border-spacing: 0;
		padding: 1px;
		clear: both;
	}
	html.skin-theme-clientpref-night .template-hidden,
	html.skin-theme-clientpref-night .template-hidden-header {
	    background-color: inherit !important;
	    color: inherit !important;
	}
	.template-hidden-header {
		margin: 2px;
		padding: 0 0.5em;
		border-collapse: collapse;
		background-color: var(--background-color-subtle--active, #d9e2ff);
	}
}

.mw-collapsible-toggle {
	padding: 0 0.5em;
	float: inline-end;
}

.template-hidden-content {
	padding: 0.5em;	
}

@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .template-hidden,
	html.skin-theme-clientpref-os .template-hidden-header {
	    background-color: inherit !important;
	    color: inherit !important;
	}
}

@media (max-width: 639px) {
	.template-hidden > tbody,
	.template-hidden > tbody > tr,
	.template-hidden > tbody > tr > th,
	.template-hidden > tbody > tr > td {
		display: block;
	}
}