.AudioPlayerBottomCollapsed{position:fixed;left:0;right:0;bottom:48px;width:100%;height:36px;padding:0 4px;box-sizing:border-box;z-index:16;background:var(--vkui--color_background_content);border-top:var(--vkui--size_border--regular) solid var(--vkui--vkontakte_color_modal_card_border_alpha);display:flex;align-items:center}.AudioPlayerBottomCollapsed__controls{width:36px}.AudioPlayerBottomCollapsed__info{text-align:center;width:100%;max-width:calc(100% - 72px)}.AudioPlayerBottomCollapsed__info1,.AudioPlayerBottomCollapsed__info2{display:flex;justify-content:center}.AudioPlayerBottomCollapsed__info1{font-size:13px;font-weight:600;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;line-height:1.23}.AudioPlayerBottomCollapsed__info2{font-size:11px;line-height:1.45}.AudioPlayerBottomCollapsed__explicit{display:inline-block;flex-shrink:0;margin:-2px 0 0 3px}.AudioPlayerBottomCollapsed__legalNotice{display:inline-block;flex-shrink:0;align-self:center;margin-left:3px}.AudioPlayerBottomCollapsed__title,.AudioPlayerBottomCollapsed__subtitle,.AudioPlayerBottomCollapsed__performer{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.AudioPlayerBottomCollapsed__title{flex-shrink:1;color:var(--vkui--color_text_primary)}.AudioPlayerBottomCollapsed__subtitle{flex-shrink:999999;color:var(--vkui--color_text_secondary)}.AudioPlayerBottomCollapsed__subtitle::before{flex-shrink:0;content:" "}.AudioPlayerBottomCollapsed__performer{flex-shrink:1;color:var(--vkui--color_text_secondary)}.AudioPlayerBottomCollapsed__play,.AudioPlayerBottomCollapsed__pause,.AudioPlayerBottomCollapsed__close,.AudioPlayerBottomCollapsed__next{display:flex;width:24px;height:24px;margin:6px;padding:0;background-color:transparent;border:0;align-items:center;justify-content:center;cursor:pointer}.AudioPlayerBottomCollapsed__play:hover,.AudioPlayerBottomCollapsed__pause:hover,.AudioPlayerBottomCollapsed__close:hover,.AudioPlayerBottomCollapsed__next:hover{opacity:.9}.AudioPlayerBottomCollapsed__play:active,.AudioPlayerBottomCollapsed__pause:active,.AudioPlayerBottomCollapsed__close:active,.AudioPlayerBottomCollapsed__next:active{opacity:.8;transform:scale(.95)}.AudioPlayerBottomCollapsed__play:disabled,.AudioPlayerBottomCollapsed__pause:disabled,.AudioPlayerBottomCollapsed__close:disabled,.AudioPlayerBottomCollapsed__next:disabled{opacity:.4;cursor:default}.AudioPlayerBottomCollapsed__next{height:100%;margin:0 6px}.AudioPlayerBottomCollapsed__controls--playing .AudioPlayerBottomCollapsed__play{display:none}.AudioPlayerBottomCollapsed__controls--playing .AudioPlayerBottomCollapsed__pause{display:block}body.vk_tabbar_bottom .AudioPlayerBottomCollapsed{margin-bottom:0;margin-bottom:constant(safe-area-inset-bottom);margin-bottom:env(safe-area-inset-bottom)}body.vk_tabbar_hidden .AudioPlayerBottomCollapsed,body.vk__page_posting .AudioPlayerBottomCollapsed{bottom:0}.AudioPlayerBottomCollapsed__explicit .svgIcon{color:var(--vkui--vkontakte_color_icon_outline_secondary)}.AudioPlayerBottomCollapsed__next .svgIcon,.AudioPlayerBottomCollapsed__pause .svgIcon,.AudioPlayerBottomCollapsed__play .svgIcon{color:var(--vkui--color_icon_accent)}@media screen and (min-width:620px){.AudioPlayerBottomCollapsed{height:48px}}@media (min-width:882px){.AudioPlayerBottomCollapsed{display:none}}.AudioPlayerBottomExpanded{position:fixed;left:0;right:0;bottom:48px;width:100%;height:100%;z-index:16;background:var(--black_alpha60);touch-action:none}.AudioPlayerBottomExpanded__handle{position:absolute;bottom:263px;display:block;width:100%;height:100%;background:0 0;border:0;outline:0}.AudioPlayerBottomExpanded__handle::before{content:"";display:block;width:20px;height:4px;background:var(--white_alpha60);border-radius:4px;position:absolute;left:50%;bottom:15px;transform:translate(-50%,0);transition:width .2s}body.tabbing .AudioPlayerBottomExpanded__handle:focus::before{outline:2px solid var(--vkui--color_stroke_accent);outline-offset:4px}.AudioPlayerBottomExpanded__handle--touch::before{width:40px}.AudioPlayerBottomExpanded__container{position:fixed;flex-direction:column;left:0;right:0;bottom:48px;width:100%;height:267px;z-index:16;background:var(--vkui--vkontakte_color_tabbar_background);box-shadow:0-2px 6px 2px var(--black_alpha05);border-bottom:var(--vkui--size_border--regular) solid var(--vkui--vkontakte_color_modal_card_border_alpha);border-top-left-radius:10px;border-top-right-radius:10px;display:flex;align-items:center;padding:12px;box-sizing:border-box}.AudioPlayerBottomExpanded__header{display:flex;align-items:center;width:100%}.AudioPlayerBottomExpanded__photo{width:48px;height:48px;border-radius:4px;box-sizing:border-box;border:solid var(--vkui--size_border--regular) var(--vkui--color_image_border_alpha);flex-shrink:0}.AudioPlayerBottomExpanded__photoImage{display:block;width:100%;height:100%;border-radius:6px;background-color:var(--vkui--color_image_placeholder);background-repeat:no-repeat;background-position:center center;background-size:cover}.AudioPlayerBottomExpanded__controls{flex-shrink:0}.AudioPlayerBottomExpanded__info{text-align:left;width:100%;max-width:calc(100% - 88px);padding:0 12px;box-sizing:border-box}.AudioPlayerBottomExpanded__info1,.AudioPlayerBottomExpanded__info2{display:flex;justify-content:left}.AudioPlayerBottomExpanded__info1{font-size:16px;line-height:24px}.AudioPlayerBottomExpanded__info2{font-size:13px;line-height:15px}.AudioPlayerBottomExpanded__explicit{display:inline-block;flex-shrink:0;margin:4px 0 0 3px}.AudioPlayerBottomExpanded__legalNotice{display:inline-block;flex-shrink:0;align-self:center;margin-left:3px}.AudioPlayerBottomExpanded__title,.AudioPlayerBottomExpanded__subtitle,.AudioPlayerBottomExpanded__performer{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.AudioPlayerBottomExpanded__title{flex-shrink:1;color:var(--vkui--color_text_primary)}.AudioPlayerBottomExpanded__subtitle{flex-shrink:999999;color:var(--vkui--color_text_secondary)}.AudioPlayerBottomExpanded__subtitle::before{flex-shrink:0;content:" "}.AudioPlayerBottomExpanded__performer{flex-shrink:1;color:var(--vkui--color_text_secondary)}.AudioPlayerBottomExpanded__progress{width:100%;margin:33px 0 24px 0;padding:0 24px;box-sizing:border-box}.AudioPlayerBottomExpanded__progress::after{content:"";display:block;clear:both;width:100%;height:0}.AudioPlayerBottomExpanded__progressBar{width:100%;height:2px;border-radius:100px;background-color:var(--vkui--color_image_placeholder);position:relative;margin:0 0 13px 0}.AudioPlayerBottomExpanded__progressLoaded{display:block;height:2px;opacity:.2;border-radius:100px;background-color:var(--vkui--color_background_accent);position:absolute;top:0;left:0}.AudioPlayerBottomExpanded__progressCurrent{display:block;height:2px;border-radius:100px;background-color:var(--vkui--color_background_accent);position:absolute;top:0;left:0}.AudioPlayerBottomExpanded__progressControl{display:block;width:20px;height:20px;border-radius:50%;background-color:var(--vkui--color_background_accent);position:absolute;top:0;margin:-9px;cursor:pointer}.AudioPlayerBottomExpanded__progressControl:hover{opacity:.9}.AudioPlayerBottomExpanded__progressControl:active{opacity:.8;transform:scale(.95)}.AudioPlayerBottomExpanded__progressTimeListened,.AudioPlayerBottomExpanded__progressTimeRemained{font-size:13px;color:var(--vkui--color_text_secondary)}.AudioPlayerBottomExpanded__progressTimeListened{float:left}.AudioPlayerBottomExpanded__progressTimeRemained{float:right}.AudioPlayerBottomExpanded__playerControls{display:flex;width:250px;justify-content:space-between}.AudioPlayerBottomExpanded__footer{width:100%;margin:23px 0 0 0;display:flex;justify-content:space-between;box-sizing:border-box}.AudioPlayerBottomExpanded__close,.AudioPlayerBottomExpanded__more,.AudioPlayerBottomExpanded__play,.AudioPlayerBottomExpanded__pause,.AudioPlayerBottomExpanded__next,.AudioPlayerBottomExpanded__prev,.AudioPlayerBottomExpanded__shuffle,.AudioPlayerBottomExpanded__repeat,.AudioPlayerBottomExpanded__disableAds{border:0;padding:0;background-color:transparent;cursor:pointer}.AudioPlayerBottomExpanded__close:hover,.AudioPlayerBottomExpanded__more:hover,.AudioPlayerBottomExpanded__play:hover,.AudioPlayerBottomExpanded__pause:hover,.AudioPlayerBottomExpanded__next:hover,.AudioPlayerBottomExpanded__prev:hover,.AudioPlayerBottomExpanded__shuffle:hover,.AudioPlayerBottomExpanded__repeat:hover,.AudioPlayerBottomExpanded__disableAds:hover{opacity:.9}.AudioPlayerBottomExpanded__close:active,.AudioPlayerBottomExpanded__more:active,.AudioPlayerBottomExpanded__play:active,.AudioPlayerBottomExpanded__pause:active,.AudioPlayerBottomExpanded__next:active,.AudioPlayerBottomExpanded__prev:active,.AudioPlayerBottomExpanded__shuffle:active,.AudioPlayerBottomExpanded__repeat:active,.AudioPlayerBottomExpanded__disableAds:active{opacity:.8;transform:scale(.95)}.AudioPlayerBottomExpanded__close:disabled,.AudioPlayerBottomExpanded__more:disabled,.AudioPlayerBottomExpanded__play:disabled,.AudioPlayerBottomExpanded__pause:disabled,.AudioPlayerBottomExpanded__next:disabled,.AudioPlayerBottomExpanded__prev:disabled,.AudioPlayerBottomExpanded__shuffle:disabled,.AudioPlayerBottomExpanded__repeat:disabled,.AudioPlayerBottomExpanded__disableAds:disabled{opacity:.4;cursor:default}.AudioPlayerBottomExpanded__close{position:absolute;display:none;width:32px;height:32px;left:50%;top:50%;margin:-136px 0 0 204px;justify-content:center;align-items:center;background:0 0}.AudioPlayerBottomExpanded__more{display:block;width:24px;height:24px;margin:6px;color:var(--vkui--color_icon_secondary)}.AudioPlayerBottomExpanded__more:disabled{display:none}.AudioPlayerBottomExpanded__moreButton{display:block}.AudioPlayerBottomExpanded__moreButton+.AudioPlayerBottomExpanded__moreButton{margin:8px 0 0 0}.AudioPlayerBottomExpanded__play,.AudioPlayerBottomExpanded__pause{display:block;width:48px;height:48px;color:var(--vkui--vkontakte_color_music_playback_icon)}.AudioPlayerBottomExpanded__play{display:block}.AudioPlayerBottomExpanded__pause{display:none}.AudioPlayerBottomExpanded__playerControls--playing .AudioPlayerBottomExpanded__play{display:none}.AudioPlayerBottomExpanded__playerControls--playing .AudioPlayerBottomExpanded__pause{display:block}.AudioPlayerBottomExpanded__next,.AudioPlayerBottomExpanded__prev{display:block;width:48px;height:48px}.AudioPlayerBottomExpanded__shuffle,.AudioPlayerBottomExpanded__repeat{display:flex;width:48px;height:36px;border-radius:8px;align-items:center;justify-content:center;color:var(--vkui--color_icon_secondary)}.AudioPlayerBottomExpanded__shuffle--active{color:var(--vkui--color_icon_accent_themed);background-color:var(--vkui--color_background_secondary_alpha)}.AudioPlayerBottomExpanded__repeat--active{color:var(--vkui--color_icon_accent_themed);background-color:var(--vkui--color_background_secondary_alpha)}.AudioPlayerBottomExpanded__disableAds{display:block;font-size:15px;line-height:1.33;color:var(--vkui--color_text_accent);border-radius:10px;background-color:var(--vkui--vkontakte_button_muted_background);padding:8px 16px}.AudioPlayerBottomExpanded__disableAds:disabled{display:none}.AudioPlayerBottomExpanded__progressBar--disabled .AudioPlayerBottomExpanded__progressLoaded{opacity:.4;background-color:var(--vkui--color_accent_orange)}.AudioPlayerBottomExpanded__progressBar--disabled .AudioPlayerBottomExpanded__progressCurrent{background-color:var(--vkui--color_accent_orange)}.AudioPlayerBottomExpanded__progressBar--disabled .AudioPlayerBottomExpanded__progressControl{width:12px;height:12px;margin:-5px;background-color:var(--vkui--color_accent_orange)}.AudioPlayerBottomExpanded__progressBar--disabled .AudioPlayerBottomExpanded__progressControl:hover,.AudioPlayerBottomExpanded__progressBar--disabled .AudioPlayerBottomExpanded__progressControl:active,.AudioPlayerBottomExpanded__progressBar--disabled .AudioPlayerBottomExpanded__progressControl:disabled{cursor:default;opacity:1;transform:scale(1)}body.vk_tabbar_bottom .AudioPlayerBottomExpanded__handle,body.vk_tabbar_bottom .AudioPlayerBottomExpanded__container{margin-bottom:0;margin-bottom:constant(safe-area-inset-bottom);margin-bottom:env(safe-area-inset-bottom)}body.vk_tabbar_hidden .AudioPlayerBottomExpanded__container{bottom:0}body.vk_tabbar_hidden .AudioPlayerBottomExpanded__handle{bottom:215px}.AudioPlayerBottomExpanded__photoImage .svgIcon{height:100%}.AudioPlayerBottomExpanded__explicit .svgIcon{color:var(--vkui--vkontakte_color_icon_outline_secondary)}.AudioPlayerBottomExpanded__next .svgIcon,.AudioPlayerBottomExpanded__prev .svgIcon,.AudioPlayerBottomExpanded__pause .svgIcon,.AudioPlayerBottomExpanded__photoImage .svgIcon{color:var(--vkui--vkontakte_color_music_playback_icon)}@media screen and (min-width:620px){.AudioPlayerBottomExpanded{bottom:0;z-index:101}.AudioPlayerBottomExpanded__handle{bottom:0}.AudioPlayerBottomExpanded__handle::before{display:none}.AudioPlayerBottomExpanded__close{display:flex}.AudioPlayerBottomExpanded__close .svgIcon{color:var(--vkui--color_icon_contrast)}.AudioPlayerBottomExpanded__container{left:50%;top:50%;bottom:auto;right:auto;transform:translate(-50%,-50%);width:383px;height:271px;border-radius:10px;background:var(--vkui--color_background_modal)}}.AudioPlayerBottom--collapsed .AudioPlayerBottomExpanded{display:none}body.messenger_noPullToRefresh .AudioPlayerBottomCollapsed,body.vk__page_singlePost .AudioPlayerBottomCollapsed{display:none}.AudioPlayerBottom--pwa .AudioPlayerBottomCollapsed,.AudioPlayerBottom--pwa .AudioPlayerBottomExpanded,.AudioPlayerBottom--pwa .AudioPlayerBottomExpanded__container{bottom:0}.AudioPlayerBottom--pwa .AudioPlayerBottomCollapsed{height:70px}@media (min-width:882px){.AudioPlayerBottom.AudioPlayerBottom--expanded{display:block}}