/* Module audio
======================================== */
.module-audio{
	padding: var(--m-top) var(--page-sides) var(--page-bottom);
	display: flex;
	flex-wrap: wrap;
}

/* Content */
.module-audio--content{
	width: 100%;
	margin: auto;
	text-wrap: balance;
	text-align: center;
}
@media (min-width: 601px){
	.module-audio--content{
		width: calc((100% - var(--page-sides)*2 - var(--cols-gap))/2);
		min-width: calc(600px - var(--page-sides)*2);
	}
}

/* Play pause */
.module-audio--trigger{
	position: relative;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	margin: 0 auto;
	cursor: pointer;
	z-index: 2;
}
.module-audio--trigger::before{
	content: '(sound on)';
}
.module-audio--trigger.active::before{
	content: '(sound off)';
}
.desktop .module-audio--trigger:hover{
	color: var(--color-txt--highlight);
}

/* Audio */
.module-audio audio{
	display: none;
}