Template:MusicEmbed/styles.css

.mtrack, .bctrack { /* Container */
	height: 120px;
	max-width: 700px; }

.mcover { /* Cover */
	float: left; }

.yttrack iframe { /* YT embed default size */
	height: 120px;
	width: 580px; }

.filetrack { /* File */
	background: #6C5C7B;
	padding: 42px 0 42px 135px; }
.filetrack .mw-tmh-player {
	width: 95% !important; }
.filetrack #mwe_player_0 {
	width: 100% !important; }

@media screen and (max-width: 712px) {
	.mtrack iframe { /* SC + YT */
    	width: calc(100% - 120px); }
    .bctrack iframe { /* BC with local cover */
    	width: calc(100% - 120px) !important; }
    .filetrack button { /* File */
		width: 3em !important; }
}

@media screen and (max-width: 500px) {
	.filetrack { /* File */
		background: #6C5C7B;
		padding: 42px 0 42px 125px !important; }
}

@media screen and (max-width: 431px) {
	.mcover { /* Hides cover like BC does */
		display: none; }
	.mtrack iframe { /* SC + YT */
    	width: 100%; }
    .bctrack iframe { /* BC with local cover */
    	width: 100% !important; } 
    .filetrack { /* File */
		padding: 10px 0 3px 15px !important; }
}

/* [[Category:Template styles]] */