.audio-player{min-height:30px;transition:width .11s ease;position:relative;overflow:hidden}.audio-player__play{position:absolute}.audio-player__button{box-sizing:border-box;width:30px;height:30px;border-radius:8px;transition:background-color .18s ease;display:flex;align-items:center;justify-content:center;cursor:pointer;max-width:30px}.audio-player__button .humy-icon{margin-left:-11px;margin-top:-5px;display:inline-flex;font-size:30px}.audio-player__button:hover{background-color:var(--backgroundSecondary,#f4f3ef)}.audio-player__button_no-hover:hover{background-color:rgba(0,0,0,0)}.audio-player__button img{max-width:30px}.audio-player__track{display:flex;align-items:center;width:-moz-fit-content;width:fit-content}.audio-player__track_visible{opacity:1;pointer-events:all}.audio-player__track-timer{display:flex;align-items:center;color:var(--content3,#697586);font-size:12px;font-weight:500;line-height:120%;padding-right:8px;min-width:80px;text-align:center}.audio-player__track-timer span{text-align:center;min-width:39px}.audio-player__loading{width:6px;height:6px;background-color:var(--content3,#697586);border:3px solid var(--neutral200,#e2dfd9);border-radius:100px;animation-name:loadingPlayer;animation-duration:.52s;animation-iteration-count:infinite;animation-fill-mode:both;animation-direction:alternate}@keyframes loadingPlayer{0%{transform:scale(1)}to{transform:scale(1.3)}}@keyframes opacityFadeIn{0%{opacity:0}to{opacity:1}}