/**
 * MixerJS
 *
 * @version 0.2
 */

audio-mixer {
	display: flex;
	flex-direction: column;
}

/* ---- Transport ---- */

.mixer-transport {
	display: flex;
	align-items: stretch;
}

/* Show only the contextually relevant control */
audio-mixer:not(.is-playing) [data-trigger="pause"] { display: none; }
audio-mixer.is-playing      [data-trigger="play"]   { display: none; }