.fraudio-container{width:100%;margin:15px 0 15px 0;position:relative;font-size:18px;background-color:#222;z-index:0;display:flex}.fraudio-container .fraudio-play-container{font-size:22px;min-width:50px;display:flex;align-items:center;justify-content:center;vertical-align:middle}.fraudio-container .fraudio-play{cursor:pointer;z-index:10;color:#aaa;display:flex;align-items:center}.fraudio-container .fraudio-progress{position:absolute;bottom:0;border-right:1px solid #bbb;background-color:#3c003c;height:100%;z-index:-1}.fraudio-container .fraudio-text{z-index:2;font-size:14px;padding:7px 10px 7px 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fraudio-container .fraudio-title{color:#aaa}.fraudio-container .fraudio-artist{color:#bbb}.fraudio-container .fraudio-progress-click{z-index:5;position:absolute;height:100%;width:100%;top:0}
/*# sourceMappingURL=fraudio.min.css.map */

.audioWrapper{
	display:inline-block;
	width:300px;
	width:100%;
	height:90px;
	z-index: 99999;
}

.audioWrapper .fraudio-container{
	position:relative;
	top:auto;
	bottom:auto;
	right:auto;
	left:auto;
	width:70%;
	max-width:760px;
	margin:auto;
	z-index:9999;
	transition: all .5s;
	border: 1px solid #ccc;
	text-align:left;
}

@keyframes transitionIn {
	from {bottom: Calc(60vw - 84px); right: Calc(50vw - 150px);}
	to {bottom:20px; right:20px;}
}
@keyframes transitionIn2 {
	from {bottom: 0px; right: Calc(50vw - 150px);}
	to {bottom:20px; right:20px;}
}

.audioWrapper .sticky{
	position:fixed;
	bottom:20px;
	right:20px;
	
	width:60%;
	max-width:300px;
	animation-name: transitionIn;
	animation-duration: 0.5s;
	animation-fill-mode: both;
}
.audioWrapper .sticky2{
	position:fixed;
	bottom:20px;
	right:20px;
	
	animation-name: transitionIn2;
	animation-duration: 0.5s;
	animation-fill-mode: both;
}

.fraudio-container .fraudio-progress {
    background-color: #1c4e68;
}