.audio-player-section{padding-block:32px;padding-inline:16px}
.audio-player-container{margin-inline:auto;width:100%;background-color:#fff}
.heading-audio-player{margin-bottom:16px;font-weight:800;font-size:25px;text-align:left}
.audio-player-content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px}
.audio-player-tag{width:100%}
.autio-player-playback{position:relative;width:176px;flex-shrink:0}
.playback-selection{height:48px;background-color:#fff;z-index:10;border-radius:12px;border-top:2px solid #fb0;display:flex;justify-content:center;align-items:center;box-shadow:0 4px 20px rgba(227,230,236,.8);cursor:pointer}
.playback-options{width:100%;z-index:10;background-color:#fff;position:absolute;left:0;top:68px;border-radius:12px;border-top:2px solid #fb0}
.hidden-old{display:none}
.playback-lists{padding:12px 16px;border-bottom:.5px solid #ddd;cursor:pointer}
.playback-lists:hover{background-color:rgba(255,187,0,.1)}
.playback-lists:last-child{border:0;border-radius:0 0 12px 12px}
.playback-lists:first-child{border-radius:12px 12px 0 0}
@media(min-width:768px){.audio-player-section{padding-top:64px;padding-inline:32px}
.audio-player-container{max-width:976px}
.heading-audio-player{margin-left:28px;margin-inline:auto;font-size:25px;margin-bottom:30px;text-align:center}
.audio-player-content{flex-direction:row;gap:12px}
}