/* -- Variables -- */

body {
	--page-soundtrack-bg-color: #f2f3f2;
	--page-soundtrack-fg-color: #020103;
}

/* -- Block styles - front end and editor -- */

.wp-block-soundtrack-playbutton,
.wp-block-soundtrack-loop {
	margin: 1em 0;
}

.wp-block-soundtrack-playbutton button[disabled] {
	background-color: lightgray;
	font-size: 50%;
	cursor: default;
}

.wp-block-soundtrack-playbutton button[disabled]:hover {
	text-decoration: none;
}

.wp-block-soundtrack-loop .audioLoopCard {
	background: var(--page-soundtrack-bg-color);
	color: var(--page-soundtrack-fg-color);
	font-size: 14px;
	padding: 10px;
	min-height: 24px;
}


.wp-block-soundtrack-loop .audioLoopCard.hidden {
	display: none;
}

.wp-block-soundtrack-loop .audioLoopCard-artist {
	font-weight: bold;
}

.wp-block-soundtrack-loop .audioLoopCard-title {
	font-style: italic;
}

/* -- Editor styles -- */

.wp-block-soundtrack-loop .components-placeholder {
	min-height: 80px;
}

.wp-block-soundtrack-loop .components-placeholder__instructions {
	margin-bottom: 0;
}