@keyframes spin {
from {
transform: rotateZ(0); }
to {
transform: rotateZ(1turn); } }
.ready-player-1 {margin: 20px 0; }
.audio-player { 
border: 0 !important;
width: 100%;
min-width: 300px;
height: 60px;
display: flex;
justify-content: space-between;
align-items: center;
padding-left: 24px;
padding-right: 24px;
border-radius: 4px;
user-select: none;


    background: #ffb414; }
.audio-player svg,
.audio-player img {
display: block; }
.audio-player .play-pause-btn {
display: none;
cursor: pointer; }
.audio-player .loading .loading__spinner {
width: 16px;
height: 16px;
border: 2px solid #fff;
border-right-color: transparent;
border-radius: 50%;
animation: spin 0.4s linear infinite; }
.audio-player .slider {
flex-grow: 1;
background-color: #fff;
cursor: pointer;
position: relative; }
.audio-player .slider .gap-progress {
background-color: #000;
border-radius: inherit;
position: absolute;
border: none;
pointer-events: none; }
.audio-player .slider .gap-progress .pin {
height: 16px;
width: 16px;
border-radius: 8px;
background-color: #fff;
position: absolute;
pointer-events: all;
 }
.audio-player .slider .gap-progress .pin::after {
content: "";
display: block;
width: 200%;
height: 200%;
margin-left: -50%;
margin-top: -50%;
border-radius: 50%; }
.audio-player .controls {
font-family: "Roboto", sans-serif;
font-size: 16px;
line-height: 18px;
color: #fff;
display: flex;
flex-grow: 1;
justify-content: space-between;
align-items: center;
margin-left: 24px;
margin-right: 24px; }
.audio-player .controls .controls__slider {
margin-left: 16px;
margin-right: 16px;
border-radius: 2px;
height: 4px; }
.audio-player .controls .controls__slider .controls__progress {
width: 0;
height: 100%; }
.audio-player .controls .controls__slider .controls__progress .progress__pin {
right: -8px;
top: -6px; }
.audio-player .controls span {
    color: #fff !important;
cursor: default; }
.audio-player .volume {
position: relative; }
.audio-player .volume .volume__button {
cursor: pointer; }
.audio-player .volume .volume__button.open path {
fill: #fff; }
.audio-player .volume .volume__controls {
width: 30px;
height: 135px;
background-color: #ffb414;
border-radius: 5px;
position: absolute;
left: -3px;
bottom: 52px;
flex-direction: column;
align-items: center;
display: flex;
z-index: 2; }
.audio-player .volume .volume__controls.hidden {
display: none; }
.audio-player .volume .volume__controls.top {
bottom: 52px;
left: -3px; }
.audio-player .volume .volume__controls.middle {
bottom: -54px;
left: 54px; }
.audio-player .volume .volume__controls.bottom {
bottom: -164px;
left: -3px; }
.audio-player .volume .volume__controls .volume__slider {
margin-top: 12px;
margin-bottom: 12px;
width: 6px;
border-radius: 3px; }
.audio-player .volume .volume__controls .volume__slider .volume__progress {
bottom: 0;
height: 100%;
width: 6px; }
.audio-player .volume .volume__controls .volume__slider .volume__progress .volume__pin {
left: -5px;
top: -8px; }