:root {
/* colors */
	--pc-player-backcolor:					#373737;
	--pc-player-btn-color:					#ffc266;
	--pc-player-btn-muted-color:			red;
	--pc-player-timer-color:				#ffc266;
	--pc-player-progress-color:				#ffc266;
	--pc-player-progress-backcolor:			#d9d9f2;
	--pc-player-track-color:				#e9cc95;
	--pc-player-track-backcolor:			#464646;
	--pc-player-track-active-color:			lightgray;
	--pc-player-track-active-backcolor:		gray;
}
/* .pc-player */
.pc-player {
	display: flex;
	flex-direction: column;
	row-gap: 20px;
	background-color: var(--pc-player-backcolor);
	padding: 20px;
	border-radius: 8px;
}
/* .pc-player > .pc-player-panel */
.pc-player-panel {
	display: flex;
	flex-direction: row;
	column-gap: 30px;
	justify-content: space-between;
	align-items: center;
}
@media (max-width: 480px) {
	.pc-player-panel {
		flex-direction: column;
		row-gap: 15px;
	}
}
/* .pc-player > .pc-player-panel > .pc-player-control */
.pc-player-control {
	display: flex;
	flex-direction: row;
	column-gap: 20px;
	justify-content: space-between;
	align-items: center;
}
@media (max-width: 480px) {
	.pc-player-control {
		column-gap: 30px;
	}
}
/* .pc-player > .pc-player-panel > .pc-player-control > .pc-player-buttons */
/* .pc-player > .pc-player-track > .pc-player-buttons */
.pc-player-buttons {
	display: flex;
	flex-direction: row;
	column-gap: 10px;
	justify-content: space-between;
	align-items: center;
}
@media (max-width: 480px) {
	.pc-player-buttons {
		column-gap: 20px;
	}
}
/* .pc-player > .pc-player-panel > .pc-player-control > .pc-player-buttons > .pc-player-btn */
/* .pc-player > .pc-player-track > .pc-player-buttons > .pc-player-btn */
.pc-player-btn {
	cursor: pointer;
	color: var(--pc-player-btn-color);
	width: 30px;
	text-align: center;
}
.pc-player-btn.pc-hidden {
	display: none;
}
/* .pc-player > .pc-player-panel > .pc-player-control > .pc-player-buttons > .pc-player-btn > i.dashicons */
/* .pc-player > .pc-player-track > .pc-player-buttons > .pc-player-btn > i.dashicons */
.pc-player-btn > i.dashicons {
	font-size: 24px;
	line-height: 24px;
	height: 24px;
	width: 24px;
}
/* .pc-player > .pc-player-panel > .pc-player-control > .pc-player-buttons > .pc-player-btn > .pc-player-btn-mute */
.pc-player-btn-unmute {
	color: var(--pc-player-btn-muted-color);
}
/* .pc-player > .pc-player-panel > .pc-player-timer */
.pc-player-timer {
	display: flex;
	flex-direction: column;
	row-gap: 5px;
	align-self: stretch;
	flex-grow: 1;
}
/* .pc-player > .pc-player-panel > .pc-player-timer > .pc-player-info */
.pc-player-info {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	color: var(--pc-player-timer-color);
	font-size: 13px;
	line-height: 13px;
	min-height: 13px;
	padding: 0px 5px;
}
/* .pc-player > .pc-player-panel > .pc-player-timer > .pc-player-info > .pc-player-info-title */
.pc-player-info-title {
 	text-align: center;
}
/* .pc-player > .pc-player-panel > .pc-player-timer > .pc-player-progress */
.pc-player-progress {
	border-radius: 4px;
	background-color: var(--pc-player-progress-backcolor); 
 	cursor: pointer;
}
/* .pc-player > .pc-player-panel > .pc-player-timer > .pc-player-progress > .pc-player-progress-bar */
.pc-player-progress-bar {
	width: 0%;
	height: 8px;
	background-color: var(--pc-player-progress-color);
	border-radius: 4px;
}
/* .pc-player > .pc-player-playlist */
.pc-player-playlist {
	display: flex;
	flex-direction: column;	
	row-gap: 6px;
}
/* .pc-player > .pc-player-playlist > .pc-player-track */
.pc-player-track {
	display: flex;
	flex-direction: row;
	column-gap: 20px;
	justify-content: space-between;
	align-items: center;
	background-color: var(--pc-player-track-backcolor);
	cursor: pointer;
	padding: 12px 10px;
}
.pc-player-track.pc-active {
	background: var(--pc-player-track-active-backcolor);
}
/* .pc-player > .pc-player-playlist > .pc-player-track > .pc-player-buttons */
.pc-player-track > .pc-player-buttons {
	pointer-events: none;
}
/* .pc-player > .pc-player-playlist > .pc-player-track > .pc-player-track-info */
.pc-player-track-info {
	flex-grow: 1;
	color: var(--pc-player-track-color);
	font-size: 14px;
	line-height: 14px;
}
.pc-player-track.pc-active > .pc-player-track-info {
	color: var(--pc-player-track-active-color);
}
/* .pc-player-blind-test */
.pc-player-blind-test {
	display: flex;
	flex-direction: column;
	row-gap: 30px;
}
/* .pc-player-blind-test > .pc-player-blind-question */
.pc-player-blind-question {
	display: flex;
	flex-direction: column;
	align-items: center;
	row-gap: 30px;
}
.pc-player-blind-question.pc-hidden {
 	display: none;
}
/* .pc-player-blind-test > .pc-player-blind-question > .pc-albums-player */
.pc-player-blind-question .pc-albums-player {
	width: 80%;
}
/* .pc-player-blind-test > .pc-player-blind-response */
.pc-player-blind-response {
	display: flex;
	flex-direction: column;
	row-gap: 30px;
}
.pc-player-blind-response.pc-hidden {
 	display: none;
}
/* .pc-player-blind-test > .pc-player-blind-question > .pc-player-blind-button */
/* .pc-player-blind-test > .pc-player-blind-response > .pc-player-blind-button */
.pc-player-blind-button {
	cursor: pointer;
	align-self: center;
	color: var(--pc-player-btn-color);
	background-color: var(--pc-player-backcolor);
	border-radius: 8px;
	padding: 10px 20px;
}