.audio-widget-modal{position:fixed;left:var(--padding-horizontal);bottom:10px;z-index:10;width:calc(100vw - 2*var(--padding-horizontal));border-radius:var(--border-radius);background:var(--background-primary-color);transition:height .5s ease}.audio-widget-modal .audio-widget{height:100%;border:none}.audio-widget-modal:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;margin:-1px;border-radius:var(--border-radius);background:linear-gradient(0deg,var(--second-gradient-color) 0,var(--first-gradient-color) 100%)}.audio-widget-modal__close{position:absolute;right:10px;top:10px;color:#fff}@media(min-width:768px){.audio-widget-modal{max-width:600px}.audio-widget-modal_desktop{left:50%;max-height:850px;transform:translateX(-50%)}.audio-widget-modal_desktop .audio-widget{width:100%;max-width:none}}.audio-widget-collapsed{display:flex;flex-direction:column;overflow:hidden;gap:5px;width:100%;height:100%;padding:8px 12px;border-radius:var(--border-radius);background:var(--background-primary-color)}.audio-widget-collapsed__media{display:flex;align-items:center;gap:10px}.audio-widget-collapsed__name{display:flex;flex-direction:column;flex-grow:1;font-size:12px;font-weight:400;line-height:16px;color:#e7e7e7}.audio-widget-collapsed__name h6{font-size:12px;font-weight:700}.audio-widget-collapsed__image{width:auto;height:100%;object-fit:contain}.audio-widget-collapsed__progress{display:flex;flex-direction:column;gap:5px}.audio-widget-collapsed__progress .progress-bar{height:2px}.audio-widget-collapsed .audio-widget__time{font-size:12px}.audio-widget-collapsed .image-default{flex-shrink:0;width:90px;border-radius:var(--border-radius) 0 0 var(--border-radius)}