/* {{Protetta}}
 * Questi stili sono utilizzati dai template ] e ]
 */

.cassetto {
	background: #FFFFFF;
	border: 1px solid var(--border-color-subtle, #AAAAAA);
	font-size: 95%;
	margin-left: auto;
	margin-right: auto;
	padding: 2px;
	text-align: left;
}


@media screen {
	html.skin-theme-clientpref-night .cassetto > div:first-of-type  {
		background-color: var(--background-color-neutral, #27292d);
	}
	
	html.skin-theme-clientpref-night .cassetto, html.skin-theme-clientpref-night .cassetto .mw-collapsible-content{
		background-color: var(--background-color-neutral-subtle, #202122);
	}
}

@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .cassetto > div:first-of-type  {
		background-color: var(--background-color-neutral, #27292d);
	}
	
	html.skin-theme-clientpref-os .cassetto, html.skin-theme-clientpref-os .cassetto .mw-collapsible-content{
		background-color: var(--background-color-neutral-subtle, #202122);
	}
}

.cassetto-left {
	float: left;
}

.cassetto-right {
	float: right;
}

.cassetto > div:first-of-type {
	background: #EFEFEF;
	font-weight: bold;
	padding-left: 1em;
	text-align: center;
}

.cassetto > div:first-of-type h1,
.cassetto > div:first-of-type h2,
.cassetto > div:first-of-type h3,
.cassetto > div:first-of-type h4,
.cassetto > div:first-of-type h5,
.cassetto > div:first-of-type h6 {
	color: inherit;
	font-size: 100%;
	margin: 0;
	padding: 0;
}

.cassetto .mw-collapsible-content {
	background-color: #FFFFFF;
	margin-bottom: .5em;
	overflow: hidden; /* per i file */
	padding: .2em;
}

div.cassetto .mw-collapsible-toggle {
	text-align: right;
	margin-left: 3.5em;
}