.audio_item{align-items:center;backdrop-filter:blur(27px);background:rgba(0,0,0,.2);border-radius:16px;cursor:pointer;display:flex;height:22px;width:42px}.audio_item .icon_play{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAANlBMVEUAAAD////////////////////////////////////////////////////////////////////xY8b8AAAAEXRSTlMAoN8gQBCQ779/cFAwz6+fYJtN0P4AAABzSURBVEjH7dS3EcQwDAVRHAx5Mmd+/81KGjagDZRx8xdwCMBms9tVhpGiyzcCms4aAC9deQAwWijQOyCQ/wEY/QICeQIwWiiQBwTygkAbBQmBwzd8goFWj37ct4yAvj473itc0R0egbLb7V2eRoosm81wB2oSERnVTYaaAAAAAElFTkSuQmCC) no-repeat 50% transparent;background-size:contain;height:16px;width:16px}.audio_item .icon_play.playing{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAAFVBMVEUAAAD///////////////////////9Iz20EAAAABnRSTlMAIL/P3xBrkm6QAAAARUlEQVQ4y2MYBSQDoWQBEMWopogmoZZmAKJY0pLQJNLSEkBUWFoadgmxUYkhLoEZtWppDiCKGSMxCCVBko+ZIsMoIBUAAKkcLmGQDTEAAAAAAElFTkSuQmCC) no-repeat 50% transparent;background-size:contain}@keyframes loop-animation{0%{width:0}to{width:100%}}.audio_item .audio_progress{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='155' height='16' fill='none' viewBox='0 0 151 16'%3E%3Cg fill='%23fff' opacity='.4'%3E%3Cpath d='M12 1a1 1 0 1 1 2 0v14a1 1 0 1 1-2 0zM43 1a1 1 0 1 1 2 0v14a1 1 0 1 1-2 0zM136 1a1 1 0 0 1 2 0v14a1 1 0 0 1-2 0zM6 4a1 1 0 0 1 2 0v8a1 1 0 1 1-2 0zM37 4a1 1 0 1 1 2 0v8a1 1 0 1 1-2 0zM130 4a1 1 0 0 1 2 0v8a1 1 0 0 1-2 0zM19 4a1 1 0 1 1 2 0v8a1 1 0 1 1-2 0zM50 4a1 1 0 1 1 2 0v8a1 1 0 1 1-2 0zM143 4a1 1 0 0 1 2 0v8a1 1 0 0 1-2 0zM0 6a1 1 0 0 1 2 0v4a1 1 0 1 1-2 0zM31 6a1 1 0 1 1 2 0v4a1 1 0 1 1-2 0zM124 6a1 1 0 0 1 2 0v4a1 1 0 0 1-2 0zM25 6a1 1 0 1 1 2 0v4a1 1 0 1 1-2 0zM56 6a1 1 0 1 1 2 0v4a1 1 0 1 1-2 0zM149 6a1 1 0 0 1 2 0v4a1 1 0 0 1-2 0zM74 1a1 1 0 1 1 2 0v14a1 1 0 1 1-2 0zM105 1a1 1 0 0 1 2 0v14a1 1 0 0 1-2 0zM68 4a1 1 0 1 1 2 0v8a1 1 0 1 1-2 0zM99 4a1 1 0 1 1 2 0v8a1 1 0 0 1-2 0zM81 4a1 1 0 1 1 2 0v8a1 1 0 1 1-2 0zM112 4a1 1 0 0 1 2 0v8a1 1 0 0 1-2 0zM62 6a1 1 0 1 1 2 0v4a1 1 0 1 1-2 0zM93 6a1 1 0 1 1 2 0v4a1 1 0 1 1-2 0zM87 6a1 1 0 1 1 2 0v4a1 1 0 1 1-2 0zM118 6a1 1 0 0 1 2 0v4a1 1 0 0 1-2 0z'/%3E%3C/g%3E%3C/svg%3E");flex:1;overflow:hidden;position:relative}.audio_item .audio_progress,.audio_item .audio_progress .audio_progress-bar{background-position:0;background-repeat:no-repeat;background-size:auto 100%;height:11px}.audio_item .audio_progress .audio_progress-bar{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='155' height='16' fill='none' viewBox='0 0 151 16'%3E%3Cg fill='%23fff'%3E%3Cpath d='M12 1a1 1 0 1 1 2 0v14a1 1 0 1 1-2 0zM43 1a1 1 0 1 1 2 0v14a1 1 0 1 1-2 0zM136 1a1 1 0 0 1 2 0v14a1 1 0 0 1-2 0zM6 4a1 1 0 0 1 2 0v8a1 1 0 1 1-2 0zM37 4a1 1 0 1 1 2 0v8a1 1 0 1 1-2 0zM130 4a1 1 0 0 1 2 0v8a1 1 0 0 1-2 0zM19 4a1 1 0 1 1 2 0v8a1 1 0 1 1-2 0zM50 4a1 1 0 1 1 2 0v8a1 1 0 1 1-2 0zM143 4a1 1 0 0 1 2 0v8a1 1 0 0 1-2 0zM0 6a1 1 0 0 1 2 0v4a1 1 0 1 1-2 0zM31 6a1 1 0 1 1 2 0v4a1 1 0 1 1-2 0zM124 6a1 1 0 0 1 2 0v4a1 1 0 0 1-2 0zM25 6a1 1 0 1 1 2 0v4a1 1 0 1 1-2 0zM56 6a1 1 0 1 1 2 0v4a1 1 0 1 1-2 0zM149 6a1 1 0 0 1 2 0v4a1 1 0 0 1-2 0zM74 1a1 1 0 1 1 2 0v14a1 1 0 1 1-2 0zM105 1a1 1 0 0 1 2 0v14a1 1 0 0 1-2 0zM68 4a1 1 0 1 1 2 0v8a1 1 0 1 1-2 0zM99 4a1 1 0 1 1 2 0v8a1 1 0 0 1-2 0zM81 4a1 1 0 1 1 2 0v8a1 1 0 1 1-2 0zM112 4a1 1 0 0 1 2 0v8a1 1 0 0 1-2 0zM62 6a1 1 0 1 1 2 0v4a1 1 0 1 1-2 0zM93 6a1 1 0 1 1 2 0v4a1 1 0 1 1-2 0zM87 6a1 1 0 1 1 2 0v4a1 1 0 1 1-2 0zM118 6a1 1 0 0 1 2 0v4a1 1 0 0 1-2 0z'/%3E%3C/g%3E%3C/svg%3E");left:0;position:absolute;top:0;width:0}.audio_item .audio_progress .audio_progress-bar.playing{animation:loop-animation 2s linear infinite}