.audio-player{height:50px;width:210px;background-color:#f0f0f0;border-radius:25px;padding:10px;font-family:Arial,sans-serif;transition:width 0.3s ease;overflow:hidden;z-index:1000}.audio-player.expanded{width:300px}.audio-player__controls{display:flex;align-items:center;justify-content:space-between}.audio-player__button{background:none;border:none;cursor:pointer;padding:0;width:30px;height:30px}.audio-player__button:hover{background:none}.audio-player__icon{width:24px;height:24px}.audio-player__icon--pause,.audio-player__icon--replay{display:none}.audio-player__progress{flex-grow:1;height:4px;background-color:#ddd;margin:0 10px;position:relative;display:none;transition:height 0.3s ease,opacity 0.3s ease}.audio-player.expanded .audio-player__progress,.audio-player.paused .audio-player__progress{display:block;height:2px}.audio-player.expanded .audio-player__progress{height:6px}.audio-player__progress-bar{height:100%;background-color:var(--trademark);width:0;position:absolute;left:0;transition:width 0.1s linear}.audio-player__scrubber{position:absolute;top:50%;width:12px;height:12px;background-color:var(--trademark);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;display:none}.audio-player.expanded .audio-player__scrubber{display:block}.audio-player__duration{font-weight:700;font-size:12px;color:#666;width:40px;text-align:right;padding-right:10px}.audio-player__listen-text{margin-left:8px;font-size:14px;color:#333;display:inline-block;transition:opacity 0.3s ease}.audio-player.playing .audio-player__listen-text,.audio-player.paused .audio-player__listen-text{display:none}