/* {{pp|small=y}} */

.tracklist {

	border-spacing: 0;

}



.tracklist tbody {

    color: #333; /* [[mw:Recommendations_for_night_mode_compatibility_on_Wikimedia_wikis#Always_define_color_when_defining_background]] */

}



/* set on all rows we can set the total length row to transparent */

.tracklist tr {

	background-color: #fff;

}



.tracklist tr:nth-child(2n-1) {

	background-color: #f7f7f7;

}



.tracklist caption {

	text-align: left;

	font-weight: bold;

}



.tracklist td,

.tracklist thscope="row" {

	vertical-align: top;

}



.tracklist thscope="col" {

	text-align: left;

	background-color: #eee;

}



.tracklist th.tracklist-length-header,

.tracklist th.tracklist-number-header,

.tracklist thscope="row"],

.tracklist-length,

.tracklist-total-length td {

	padding-right: 10px;

	text-align: right;

}



.tracklist thscope="row" {

	font-weight: normal;

}



.tracklist-number-header {

	width: 2em;

	padding-left: 10px;

}



.tracklist-length-header {

	width: 4em;

}



.tracklist tr.tracklist-total-length {

	background-color: transparent;

}



.tracklist .tracklist-total-length th {

	padding: 0;

	font-weight: bold;

}



.tracklist-total-length th > span {

	float: right;

	padding: 0 10px;

	background-color: #eee;

}



.tracklist-total-length td {

	background-color: #eee;

	font-weight: bold;

	padding: 0 10px 0 0;

}



/* Night theme */

html.skin-theme-clientpref-night .tracklist tr {

	background-color: #000;

}



html.skin-theme-clientpref-night .tracklist tr:nth-child(2n-1) {

	background-color: #361c02;

}



html.skin-theme-clientpref-night .tracklist thscope="col"],

html.skin-theme-clientpref-night .tracklist-total-length td,

html.skin-theme-clientpref-night .tracklist-total-length th > span {

	background-color: #111111



}



html.skin-theme-clientpref-night .tracklist tbody {

    color: #ccc;

}



@media (prefers-color-scheme: dark) {

	/* {{pp|small=y}} */

	html.skin-theme-clientpref-night .tracklist tr {

		background-color: #000;

	}



	html.skin-theme-clientpref-night .tracklist tr:nth-child(2n-1) {

		background-color: #361c02;

	}



	html.skin-theme-clientpref-night .tracklist thscope="col"],

	html.skin-theme-clientpref-night .tracklist-total-length td,

	html.skin-theme-clientpref-night .tracklist-total-length th > span {

		background-color: #111111



	}



	html.skin-theme-clientpref-night .tracklist tbody {

		color: #ccc;

	}



}