.oply-front{width:100%;margin:30px 0}
.oply-front__box{width:min(1260px,96%);margin:0 auto;color:#fff;padding:clamp(20px,4vw,54px)}
.oply-front__intro-row--has-cover {
	display: grid;
	grid-template-columns: var(--oply-album-width, 50%) minmax(0, 1fr);
	gap: 30px;
	align-items: start;
	margin-bottom: 24px;
}
.oply-front__album-cover {
	display: block;
	width: 100%;
	max-width: none;
	height: auto;
	aspect-ratio: 1 / 1;
	object-fit: cover;
}
.oply-front__intro,.oply-front__outro{margin:0 0 24px}
.oply-front__intro-row--has-cover .oply-front__intro {
	margin-bottom: 0;
}
.oply-front__intro h2 {
	color: #ffffff !important;
}
.oply-front__outro{margin-top:24px;margin-bottom:0}
.oply-front__intro h1,.oply-front__intro h2,.oply-front__intro h3,.oply-front__intro h4,.oply-front__outro h1,.oply-front__outro h2,.oply-front__outro h3,.oply-front__outro h4{color:#fff}
.oply-front__intro p,.oply-front__outro p{color:#fff}
.oply-front__list{display:grid;gap:30px}
.oply-track--has-cover {
	display: grid;
	grid-template-columns: 75px minmax(0, 1fr);
	gap: 30px;
	align-items: start;
}
.oply-track__content {
	min-width: 0;
}
.oply-track__cover {
	display: block;
	width: 75px;
	height: 75px !important;
	object-fit: cover;
}
.oply-track__title{margin:0 0 6px;color:#fff}
.oply-track__desc{margin:0 0 10px;color:#fff}
.oply-track__desc p{margin:0 0 8px}
.oply-track__audio {
	width: 100%;
	accent-color: var(--oply-player-slider,#9e1328);
	background: var(--oply-player-slider,#9e1328);
}

/* Chromium/WebKit best-effort styling */
.oply-track__audio::-webkit-media-controls-play-button{background-color:var(--oply-player-play,#9e1328);border-radius:999px}
.oply-track__audio::-webkit-media-controls-timeline,
.oply-track__audio::-webkit-media-controls-volume-slider{accent-color:var(--oply-player-slider,#9e1328)}
.oply-track__audio::-webkit-media-controls-panel{transition:filter .2s ease}
.oply-track__audio:hover::-webkit-media-controls-panel{filter:drop-shadow(0 0 0 var(--oply-player-hover,#9e1328))}

@media (max-width:768px){
	.oply-front{margin:20px 0}
	.oply-front__box{padding:20px}
	.oply-front__intro-row--has-cover{grid-template-columns:1fr}
	.oply-front__album-cover{width:var(--oply-album-width,50%);max-width:100%}
}