BODY {margin: 0; padding: 0;}
.wrapper {max-width:100%;text-align: center;}
.cover { max-width: 100%; }
.cover img {width:auto; height: auto;max-height: 288px;}
.cover.full {min-height: 288px;max-width: 100%;border-radius: 4px;margin-bottom: 5px;background-position: center 80%;background-size: cover;}
audio::-webkit-media-controls-play-button {}
audio::-webkit-media-controls-panel {background-color: #96b807; }
audio {min-width: 200px}
@media (max-width: 320px) {
    input[type="range"] {display: none; -webkit-appearance: none;}
}

@keyframes spin {
from{transform:rotateZ(0)}
to{transform:rotateZ(1turn)}
}
.green-audio-player{width:auto;min-width:150px;max-width:100%;height:56px;box-shadow:0 4px 16px 0 rgba(0,0,0,0.07);display:flex;justify-content:space-between;align-items:center;padding-left:24px;padding-right:24px;border-radius:4px;user-select:none;background-color:#c8d400;color: #fff}
.green-audio-player svg,.green-audio-player img{display:block}
.green-audio-player .play-pause-btn{display:none;cursor:pointer}
.green-audio-player .loading .loading__spinner{width:16px;height:16px;border:2px solid #fffff;border-right-color:transparent;border-radius:50%;animation:spin .4s linear infinite}
.green-audio-player .slider{flex-grow:1;background-color:#d8d8d8;cursor:pointer;position:relative}
.green-audio-player .slider .gap-progress{background-color:#44bfa3;border-radius:inherit;position:absolute;pointer-events:none}
.green-audio-player .slider .gap-progress .pin{height:16px;width:16px;border-radius:8px;background-color:#fff;position:absolute;pointer-events:all;box-shadow:0 1px 1px 0 rgba(0,0,0,0.32)}
.green-audio-player .controls{font-family:"Roboto",sans-serif;font-size:16px;line-height:18px;color:#55606e;display:flex;flex-grow:1;justify-content:space-between;align-items:center;margin-left:24px;margin-right:24px}
.green-audio-player .controls .controls__slider{margin-left:16px;margin-right:16px;border-radius:2px;height:4px}
.green-audio-player .controls .controls__slider .controls__progress{width:0;height:100%}
.green-audio-player .controls .controls__slider .controls__progress .progress__pin{right:-8px;top:-6px}
.green-audio-player .controls span{cursor:default}
.green-audio-player .volume{position:relative}
.green-audio-player .volume .volume__button{cursor:pointer}
.green-audio-player .volume .volume__button.open path{fill:#fafafa}
.green-audio-player .volume .volume__controls{width:30px;height:56px;background-color:rgba(0,0,0,0.62);border-radius:7px;position:absolute;left:-3px;bottom:52px;flex-direction:column;align-items:center;display:flex;z-index:2}
.green-audio-player .volume .volume__controls.hidden{display:none}
.green-audio-player .volume .volume__controls.top{bottom:52px;left:-3px}
.green-audio-player .volume .volume__controls.middle{bottom:-16px;left:54px}
.green-audio-player .volume .volume__controls.bottom{bottom:-164px;left:-3px}
.green-audio-player .volume .volume__controls .volume__slider{margin-top:12px;margin-bottom:12px;width:6px;border-radius:3px}
.green-audio-player .volume .volume__controls .volume__slider .volume__progress{bottom:0;height:100%;width:6px}
.green-audio-player .volume .volume__controls .volume__slider .volume__progress .volume__pin{left:-5px;top:-8px}

.green-audio-player .download {}
.green-audio-player .download__button {cursor: pointer;}
.green-audio-player .download__button img {width: 24px; height: auto;margin-right:16px;}


@media (max-width: 300px) {
.controls__total-time {display:none}
}
@media (min-width: 1000px) {

}