/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

.audio-player {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	margin-top: 20px;
}
.audio-controls {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	margin-top: 10px;
}
button.play-btn {
	padding: 0;
	background-color: transparent;
	width: 60px;
	height: 60px;
	border: none;
	background: transparent url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2260%22%20height%3D%2260%22%20viewBox%3D%220%200%2060%2060%22%3E%0D%0A%20%20%3Cg%20id%3D%22Group_6368%22%20data-name%3D%22Group%206368%22%20transform%3D%22translate(-820%20-4601.5)%22%3E%0D%0A%20%20%20%20%3Ccircle%20id%3D%22Ellipse_1183%22%20data-name%3D%22Ellipse%201183%22%20cx%3D%2230%22%20cy%3D%2230%22%20r%3D%2230%22%20transform%3D%22translate(820%204601.5)%22%20fill%3D%22%230070c7%22%2F%3E%0D%0A%20%20%20%20%3Cpath%20id%3D%22Path_8393%22%20data-name%3D%22Path%208393%22%20d%3D%22M218.3%2C189.23l-20.025-11.56a1.2%2C1.2%2C0%2C0%2C0-1.8%2C1.042v23.122a1.2%2C1.2%2C0%2C0%2C0%2C1.8%2C1.042L218.3%2C191.314A1.2%2C1.2%2C0%2C0%2C0%2C218.3%2C189.23Z%22%20transform%3D%22translate(644.836%204441.099)%22%20fill%3D%22%23fff%22%2F%3E%0D%0A%20%20%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E%0D%0A') no-repeat 50%;
	text-indent: -9999px;
}
button.play-btn.pause {
	background: transparent url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2260%22%20height%3D%2260%22%20viewBox%3D%220%200%2060%2060%22%3E%0D%0A%20%20%3Cg%20id%3D%22Group_6680%22%20data-name%3D%22Group%206680%22%20transform%3D%22translate(-980%20-2383.979)%22%3E%0D%0A%20%20%20%20%3Cg%20id%3D%22Group_6368%22%20data-name%3D%22Group%206368%22%20transform%3D%22translate(160%20-2217.521)%22%3E%0D%0A%20%20%20%20%20%20%3Ccircle%20id%3D%22Ellipse_1183%22%20data-name%3D%22Ellipse%201183%22%20cx%3D%2230%22%20cy%3D%2230%22%20r%3D%2230%22%20transform%3D%22translate(820%204601.5)%22%20fill%3D%22%230070c7%22%2F%3E%0D%0A%20%20%20%20%3C%2Fg%3E%0D%0A%20%20%20%20%3Cg%20id%3D%22Group_6679%22%20data-name%3D%22Group%206679%22%20transform%3D%22translate(-0.952%203.229)%22%3E%0D%0A%20%20%20%20%20%20%3Cline%20id%3D%22Line_1244%22%20data-name%3D%22Line%201244%22%20x1%3D%220.096%22%20y2%3D%2220.288%22%20transform%3D%22translate(1003.404%202400.842)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%227%22%2F%3E%0D%0A%20%20%20%20%20%20%3Cline%20id%3D%22Line_1245%22%20data-name%3D%22Line%201245%22%20x1%3D%220.096%22%20y2%3D%2220.288%22%20transform%3D%22translate(1018.404%202400.842)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%227%22%2F%3E%0D%0A%20%20%20%20%3C%2Fg%3E%0D%0A%20%20%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E%0D%0A') no-repeat 50%;
}
.audio-scrubber {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 73px;
	width: 265px;
	max-width:calc(100% - 80px);
	position: relative;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin-left: 1rem
}
.wide .audio-scrubber{
	width: 450px;
}
.audio-bar {
	width: 2px;
	background-color: #fff;
	border-radius: 1px;
}
@media (min-resolution: 2dppx) {
	.audio-bar {
		width: 3px;
	}
}
.audio-bar.active {
	background-color: #0070C7;
}