.player .playback-control,.player .playback-info{display:flex;padding:0 7px;align-items:center}.player-container{position:fixed;z-index:9999;transition:all .4s cubic-bezier(.25,1,.5,1);text-align:center;padding:15px;box-sizing:border-box;background:#fff;border-radius:6px;box-shadow:0 10px 30px #0003}.player-container:not(.is-minimized){top:50%;left:50%;transform:translate(-50%,-50%);width:80vw;max-width:700px}.player-container:not(.is-minimized) .minimized{display:none!important}.player-container.is-minimized{bottom:20px;right:20px;width:400px;height:150px;transform:translate(0);padding:7px}.player-container.is-minimized .maximized{display:none!important}.player-container.is-minimized .playback-control{gap:5px}.player-container.is-minimized .header{margin-bottom:5px}.player-container.is-minimized .performers{display:none!important}.player-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:9998}body.player-open .player-overlay{display:block}.player-container .header{width:100%;display:flex;align-items:start;justify-content:space-between;margin-bottom:10px}.player-container .header:before{content:"";flex:1}.player-container .header .buttons{flex:1;display:flex;justify-content:flex-end}.player-container .header .buttons .icon,.player-container .header .buttons [class^=icon-],.player-container .header .buttons [class*=" icon-"]{width:16px;height:16px}.player-container .header .title{flex:0 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 10px;margin:0}.player-container .header .title .track-title,.player-container .header .title .performers{overflow:hidden;text-overflow:ellipsis}.player-content{display:flex;gap:20px;text-align:left;align-items:center}.audio-player-image{height:180px;width:180px;flex:0 0 180px;border-radius:4px;overflow:hidden}.audio-player-image img{width:100%;height:100%;object-fit:cover}.player{flex:1;min-width:0}.player .track-title{margin-bottom:5px;font-size:1.2em;font-weight:700}.player .performers{font-style:italic;margin-bottom:15px}.player .playback-info{height:32px;margin-bottom:12px;gap:10px;border:1px solid #ccc;background-color:#70a6d626;border-radius:4px}.player .playback-info .time{flex:0 0 50px;font-weight:700;font-size:.85em;text-align:center}.player .playback-info .progress{flex-grow:1;height:8px;border-radius:4px;border:1px solid #2894c9;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.player .playback-info .progress::-webkit-progress-bar{background-color:#0000000d;border-radius:4px}.player .playback-info .progress::-webkit-progress-value{border-radius:4px}.player .playback-info .progress::-moz-progress-bar{border-radius:4px}.player .playback-control{margin:0 auto;gap:15px;border:1px solid #ccc;background-color:#70a6d626;border-radius:4px;height:44px}.player .playback-control .volume-control{border:1px solid #aaa;padding:4px 8px;border-radius:20px;background-color:#fff;display:flex;align-items:center;min-width:0;max-width:120px}.player .playback-control .volume-control input[type=range]{min-width:0;width:100%;cursor:pointer}.player .playback-control .settings{display:flex;flex:1;justify-content:flex-end}.player-container .icon,.player-container [class^=icon-],.player-container [class*=" icon-"],.player-container .play-pause{cursor:pointer;display:inline-block;width:24px;height:24px;flex:0 0 24px;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;transition:color .2s ease,background-color .2s ease}.player-container .header .buttons .icon{width:16px;height:16px;flex:0 0 16px}.player-container .icon-play{-webkit-mask-image:var(--icon-play, url(../images/play-btn.svg));mask-image:var(--icon-play, url(../images/play-btn.svg))}.player-container .icon-stop{-webkit-mask-image:var(--icon-stop, url(../images/pause-btn.svg));mask-image:var(--icon-stop, url(../images/pause-btn.svg))}.player-container .icon-ff{-webkit-mask-image:var(--icon-ff, url(../images/fast-forward-btn.svg));mask-image:var(--icon-ff, url(../images/fast-forward-btn.svg))}.player-container .icon-next{-webkit-mask-image:var(--icon-next, url(../images/skip-forward-btn.svg));mask-image:var(--icon-next, url(../images/skip-forward-btn.svg))}.player-container .icon-prev{-webkit-mask-image:var(--icon-prev, url(../images/skip-backward-btn.svg));mask-image:var(--icon-prev, url(../images/skip-backward-btn.svg))}.player-container .icon-single-track{-webkit-mask-image:var(--icon-single-track, url(../images/music-note.svg));mask-image:var(--icon-single-track, url(../images/music-note.svg))}.player-container .icon-album{-webkit-mask-image:var(--icon-album, url(../images/music-note-list.svg));mask-image:var(--icon-album, url(../images/music-note-list.svg))}.player-container .icon-mute{-webkit-mask-image:var(--icon-mute, url(../images/volume-up-fill.svg));mask-image:var(--icon-mute, url(../images/volume-up-fill.svg))}.player-container .icon-unmute{-webkit-mask-image:var(--icon-unmute, url(../images/volume-mute-fill.svg));mask-image:var(--icon-unmute, url(../images/volume-mute-fill.svg))}.player-container .icon-minimize{-webkit-mask-image:var(--icon-minimize, url(../images/box-arrow-down-right.svg));mask-image:var(--icon-minimize, url(../images/box-arrow-down-right.svg))}.player-container .icon-maximize{-webkit-mask-image:var(--icon-maximize, url(../images/box-arrow-up-left.svg));mask-image:var(--icon-maximize, url(../images/box-arrow-up-left.svg))}.player-container .icon-close{-webkit-mask-image:var(--icon-close, url(../images/x.svg));mask-image:var(--icon-close, url(../images/x.svg))}@media (max-width: 700px){.player-container:not(.is-minimized){width:90vw}}@media (max-width: 625px){body.player-maximized{overflow:hidden!important;position:fixed;width:100%}.player-container:not(.is-minimized){top:auto;bottom:0;left:0;transform:none;width:100vw;height:100%;max-height:100vh;border-radius:0;display:flex;flex-direction:column;overflow-y:auto;padding:20px}.player-container:not(.is-minimized) .player-content{flex-direction:column;align-items:center;justify-content:center;flex:1;gap:25px;width:100%}.player-container:not(.is-minimized) .audio-player-image{height:45vw;width:45vw;max-height:220px;max-width:220px;flex:0 0 auto;box-shadow:0 4px 15px #00000026}.player-container:not(.is-minimized) .player{width:100%;text-align:center}.player-container:not(.is-minimized) .player .performers{margin-bottom:25px}.player-container:not(.is-minimized) .player .playback-control{padding:0 15px}.player-container.is-minimized{bottom:0;right:0;left:0;width:100vw;height:70px;border-radius:0;transform:none;padding:8px 12px;box-shadow:0 -4px 15px #0000001a}.player-container.is-minimized .player-content{gap:10px;height:100%}.player-container.is-minimized .audio-player-image.maximized{display:block!important;height:50px;width:50px;flex:0 0 50px}.player-container.is-minimized .player{display:flex;align-items:center;justify-content:space-between;height:100%}.player-container.is-minimized .player .header{flex:1;margin-bottom:0;align-items:center;min-width:0;padding-right:10px}.player-container.is-minimized .player .header:before{display:none}.player-container.is-minimized .player .header .title{text-align:left;padding:0}.player-container.is-minimized .player .header .buttons{display:none}.player-container.is-minimized .player .track-title{font-size:.95rem;margin-bottom:0}.player-container.is-minimized .player .playback-info{display:none}.player-container.is-minimized .player .playback-control{border:none;background:transparent;height:auto;padding:0;gap:12px}.player-container.is-minimized .player .playback-control .volume-control,.player-container.is-minimized .player .playback-control .settings,.player-container.is-minimized .player .playback-control .icon-prev,.player-container.is-minimized .player .playback-control .icon-next,.player-container.is-minimized .player .playback-control .icon-ff,.player-container.is-minimized .player .playback-control .icon-single-track,.player-container.is-minimized .player .playback-control .icon-album{display:none!important}.player-container.is-minimized .player .title-tap-target{background:transparent;border:none;padding:0;margin:0;text-align:left;width:100%;cursor:pointer;display:block;color:inherit;font-family:inherit}.player-container.is-minimized .player .title-tap-target:focus{outline:none}}