.ppq-audio-player
{
	display: flex;
	align-items: center;
	position: relative;
	flex-wrap: wrap;
}

.play-pause-btn
{
	width: 40px;
	height: 40px;
	background-color: #129CC3;
	cursor: pointer;
	border-radius: 100px;
	background-image: url(play.svg);
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
}

.player-playing .play-pause-btn
{
	background-image: url(pause.svg);
}

.player-bar
{
	width: calc(100% - 138px);
	margin-left: 55px;
	height: 4px;
	background-color: #c2c2c2;
	position: relative;
	border-radius: 100px;
}

.player-bar-played
{
	position: absolute;
	height: 100%;
	background-color: #129CC3;
	border-radius: 100px;
}

.player-time
{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	font-size: 0.8em;
}

.player-time-current
{
	left: 50px;
}

.player-time-duration
{
	right: 0px;
}

@media all and (max-width: 600px){
	.play-pause-btn
	{
		width: 32px;
		height: 32px;
	}

	.player-time-current
	{
		left: 40px;
	}

	.player-bar
	{
		width: calc(100% - 112px);
		margin-left: 46px;
		height: 4px;
	}

	.player-time
	{
		font-size: 0.7em;
	}
}