.audio-popup{background-color:white;position:fixed;bottom:0;left:0;right:0;z-index:999;padding-bottom:12px}.audio-popup__wrapper{background-color:#ECECEC;border-radius:20px;display:flex;justify-content:space-between;align-items:center;height:50px;padding:8px 12px;margin:0 7%}.audio-popup__icon{cursor:pointer;height:35px;width:35px;border-radius:8px;display:flex;justify-content:center;align-items:center}.audio-popup__icon>*{width:100%;height:100%}.audio-popup__progress-bar{flex:1 1;margin:0 10px;display:flex;align-items:center}.progress-track{position:relative;width:100%;height:8px;background-color:#666;border-radius:4px}.progress-fill{position:absolute;top:0;left:0;height:100%;width:0;background-color:var(--color--primary);border-radius:4px 0 0 4px}.progress-thumb{position:absolute;top:50%;left:0;transform:translate(-50%,-50%);width:16px;height:16px;background-color:#000;border-radius:50%;cursor:pointer}