Module:Listen/sandbox/styles.css

.listen .side-box-text {
	line-height: 1.1em;
}

.listen-plain {
	border: none;
	background: transparent;
}

.listen-embedded {
	width: 100%;
	margin: 0;
	border-width: 1px 0 0 0;
	background: transparent;
	font-size: 95%;
}

.listen-header {
	padding: 2px;
}

.listen-embedded .listen-header {
	padding: 2px 0;
}

.listen-file-header {
	padding: 4px 0;
}

.listen .description {
	padding-top: 2px;
}

.listen .mw-tmh-player {
	max-width: 100%;
}

/* have to deal with Vector suboptimal */
@media (max-width: 719px) {
	.listen {
		clear: both;
	}
}

@media (min-width: 720px) {
	.listen:not(.listen-noimage) {
		width: 320px;
	}
	
	/* left/right (core template takes care of right)/center mutually exclusive */
	.listen-left {
		/* TODO: Understand why this overflow is here. */
		overflow: visible;
		float: left;
	}
	
	.listen-center {
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
}