.hide{display:none}button{background:#fff0}.material-icons{color:rgba(var(--um-base-color),var(--um-opacity-full));font-size:16px}#player-container{position:fixed;right:0;bottom:16px;left:0;width:96%;max-width:704px;border-radius:50px;margin:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:4}.ap{position:relative;height:50px;font-family:var(--um-font-family);font-size:14px;color:rgba(var(--um-base-color),var(--um-opacity-full));backdrop-filter:blur(50px);border-top:1px solid rgba(var(--um-base-color),var(--um-opacity-low));border-radius:50px;margin:0 auto;z-index:1}.ap::after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;border-radius:50px;animation:flash .5s}@keyframes flash{from{background-color:rgba(var(--um-base-color),var(--um-opacity-half));z-index:9999}to{background:#fff0;z-index:-1}}.ap:not(.ap-show){-webkit-transition:0.6s;-o-transition:0.6s;-ms-transition:0.6s;transition:0.6s;opacity:0;visibility:hidden}.ap-inner{max-width:1440px;margin:0 auto}.ap-panel{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.ap-item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.ap--track{-webkit-box-flex:1;-webkit-flex:1 30%;-ms-flex:1 30%;flex:1 30%;padding:0 20px}.ap-info{width:100%;position:relative;-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start;padding:5px 0 0;color:rgba(var(--um-base-color),var(--um-opacity-full))}.ap-title{position:relative;overflow:hidden;padding-right:80px;text-align:left;white-space:nowrap;text-overflow:ellipsis}.ap-time{position:absolute;top:5px;right:0}.ap-progress-container{padding:5px 0 10px}.ap-progress{position:relative;height:3px;border-radius:5px;background:rgba(var(--um-base-color),var(--um-opacity-weak))}.ap-preload-bar,.ap-bar{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:5px 0 0 5px;background:rgb(0 0 0 / .3);z-index:9}.ap-bar{background:var(--um-primary-color);z-index:9}.ap-bar:after{position:absolute;top:0;right:-5px;width:12px;height:12px;margin-top:-4px;content:"";border-radius:6px;background:var(--um-primary-color);opacity:0;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease}.ap-progress-container:hover .ap-bar:after{opacity:1}.ap-controls{position:relative;z-index:10;display:block;height:50px;-webkit-transition:background 0.2s ease;transition:background 0.2s ease;text-align:center}.ap-controls:active{background:rgb(0 0 0 / .1)}body.rtl .ap--playback{flex-direction:row-reverse}.ap--playback>.ap-controls,.ap--settings>.ap-controls{-webkit-box-flex:0;-webkit-flex:0 25%;-ms-flex:0 25%;flex:0 25%}.ap--pause,.playing>.ap--play{display:none}.playing>.ap--pause{display:inline}.ap-volume-container{z-index:9999}.ap-volume{position:absolute;right:0;bottom:50px;overflow:hidden;width:100%;height:0;visibility:hidden;-webkit-transition:height 0.2s cubic-bezier(.17,.72,.26,1.23);transition:height 0.2s cubic-bezier(.17,.72,.26,1.23);backdrop-filter:blur(50px);border:1px solid rgba(var(--um-base-color),var(--um-opacity-low));border-bottom:0;z-index:30}.ap-volume-btn{display:block;text-align:center;width:100%}.ap-volume-btn>.ap--volume-off,.muted>.ap--volume-on{display:none}.muted>.ap--volume-off{display:inline}.ap-volume-container:hover{background:rgba(var(--um-base-color),var(--um-opacity-so-weak))}.ap-volume-container:hover .ap-volume{height:120px;visibility:visible}.ap-volume-progress{display:block;width:4px;height:100px;margin:10px auto;background:rgba(var(--um-base-color),var(--um-opacity-weak));position:relative;border-radius:3px}.ap-volume-bar{position:absolute;left:0;right:0;bottom:0;background:var(--um-primary-color);height:50%;border-radius:3px}.ap-active{background:rgba(var(--um-base-color),var(--um-opacity-so-weak));opacity:1}@-webkit-keyframes blink{from{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes blink{from{opacity:0}50%{opacity:1}to{opacity:0}}.playing>.ap--pause{-webkit-animation:blink 1.5s linear infinite;animation:blink 1.5s linear infinite}.pl-container{display:flex;position:absolute;right:0;bottom:49px;left:0;width:calc(100% - 42px);margin:auto;overflow:hidden;max-height:0;font-family:var(--um-font-family);font-size:14px;color:rgba(var(--um-base-color),var(--um-opacity-full));backdrop-filter:blur(50px);border-top-left-radius:16px;border-top-right-radius:16px;border:0 solid rgba(var(--um-base-color),var(--um-opacity-low));border-bottom:0;}.pl-lead{font-size:24px;font-weight:400;text-align:center;color:#333}.pl-list{flex:1;overflow:auto;padding:30px 10px;overflow:hidden;scrollbar-color:var(--um-primary-color) #fff0;scrollbar-width:thin}.pl-list::-webkit-scrollbar{width:1px}.pl-list::-webkit-scrollbar-thumb{background:var(--um-primary-color);border-radius:22px}.pl-list>li{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid rgba(var(--um-base-color),var(--um-opacity-so-weak))}body.rtl .pl-list>li{flex-direction:row-reverse}.pl-number,.pl-title,.pl-remove{margin:0 5px;padding:10px 0}.pl-number{-webkit-box-flex:0;-webkit-flex:0 10%;-ms-flex:0 10%;flex:0 10%;text-align:center}.pl-playing{display:none}.pl-current .pl-count{display:none}.pl-current .pl-playing{display:block}.pl-current .pl-title{font-weight:700}.pl-title{overflow:hidden;text-align:left;white-space:nowrap;text-overflow:ellipsis;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.pl-title:hover{text-decoration:underline}.pl-remove{opacity:0;margin-right:0;text-align:center;-webkit-box-flex:0;-webkit-flex:0 50px;-ms-flex:0 50px;flex:0 50px}.pl-remove:hover{background:rgba(var(--um-base-color),var(--um-opacity-so-weak))}.pl-list>li:hover .pl-remove{opacity:1}.pl-empty{display:flex;align-items:center;justify-content:center;font-size:24px;color:rgba(var(--um-base-color),var(--um-opacity-full));width:100%;min-height:6rem}@-webkit-keyframes eq{0%{height:3px}50%{height:20px}100%{height:3px}}@keyframes eq{0%{height:3px}50%{height:20px}100%{height:3px}}.eq{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:20px;height:20px;margin:0 auto;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}.eq-bar{width:4px;background:var(--um-primary-color)}.eq-bar:nth-child(1){-webkit-animation:eq 0.8s ease-in-out infinite 0s;animation:eq 0.8s ease-in-out infinite 0s}.eq-bar:nth-child(2){-webkit-animation:eq 0.8s ease-in-out infinite 0.2s;animation:eq 0.8s ease-in-out infinite 0.2s}.eq-bar:nth-child(3){-webkit-animation:eq 0.8s ease-in-out infinite 0.4s;animation:eq 0.8s ease-in-out infinite 0.4s}.ap-collapse-btn{display:none;position:fixed;align-items:center;left:50%;width:56px;height:56px;padding-right:.16px;border-radius:50%;bottom:77px;overflow:hidden;background:#fff;transform:translateX(-50%);box-shadow:rgb(0 0 0 / .17) 0 -23px 25px 0 inset,0 0 3px 0 rgb(0 0 0 / .1);z-index:4;user-select:none}.ap-collapse-btn.heartbeat-animation{animation:heartbeat 2s infinite}@keyframes heartbeat{0%{box-shadow:0 0 6px 2px var(--um-primary-color),rgb(0 0 0 / .17) 0 -23px 25px 0 inset}15%{box-shadow:0 0 3px 2px var(--um-primary-color),rgb(0 0 0 / .17) 0 -23px 25px 0 inset}50%{box-shadow:0 0 3px 2px var(--um-primary-color),rgb(0 0 0 / .17) 0 -23px 25px 0 inset}100%{box-shadow:0 0 6px 2px var(--um-primary-color),rgb(0 0 0 / .17) 0 -23px 25px 0 inset}}@media (max-width:1023px){#player-container{--width:0;--overflow:hidden;width:var(--width);overflow:var(--overflow);bottom:80px}.ap-show~.ap-collapse-btn{display:flex}.ap--settings{padding-right:10.4px}.ap--track{display:none}.pl-remove{opacity:1}.pl-empty{font-size:20px}}@media (max-width:576px){.ap-panel{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.ap--track{margin-bottom:10px;padding:0 20px;-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1;-webkit-box-flex:1;-webkit-flex:1 1 100%;-ms-flex:1 1 100%;flex:1 1 100%}.ap--playback,.ap--settings{-webkit-box-flex:1;-webkit-flex:1 1 50%;-ms-flex:1 1 50%;flex:1 1 50%;-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2;padding-right:0}}@media (max-width:440px){.ap-panel{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.ap--settings,.ap--playback{max-width:44%}}