"use strict";(self.webpackChunk=self.webpackChunk||[]).push([[4316],{44316:function(e,n,s){s.r(n);var i,o,t,r,a,d,c=s(47005),u=s(53218),l=s(83094),m=s(47518);function f(){this.classList.add("hide")}function h(){d&&(clearTimeout(d),d=null)}function v(){h();var e=o;e&&(a?(e.offsetWidth,requestAnimationFrame((function(){e.classList.add("iconOsd-hidden"),l.ZP.addEventListener(e,l.ZP.whichTransitionEvent(),f,{once:!0})}))):f.call(e))}function p(){var e,n,s;(e=o)||(a=m.Z.supportsCssAnimation(),(e=document.createElement("div")).classList.add("hide"),e.classList.add("iconOsd"),e.classList.add("iconOsd-hidden"),e.classList.add("volumeOsd"),e.innerHTML='<span class="material-icons iconOsdIcon volume_up" aria-hidden="true"></span><div class="iconOsdProgressOuter"><div class="iconOsdProgressInner"></div></div>',t=e.querySelector(".material-icons"),r=e.querySelector(".iconOsdProgressInner"),document.body.appendChild(e),o=e),n=this.isMuted(),s=this.getVolume(),t&&(t.classList.remove("volume_off","volume_up"),t.classList.add(n?"volume_off":"volume_up")),r&&(r.style.width=(s||0)+"%"),function(){h();var e=o;l.ZP.removeEventListener(e,l.ZP.whichTransitionEvent(),f,{once:!0}),e.classList.remove("hide"),e.offsetWidth,requestAnimationFrame((function(){e.classList.remove("iconOsd-hidden"),d=setTimeout(v,3e3)}))}()}function g(e){e!==i&&(function(){var e=i;e&&(c.Events.off(e,"volumechange",p),c.Events.off(e,"playbackstop",v),i=null)}(),i=e,e&&(v(),c.Events.on(e,"volumechange",p),c.Events.on(e,"playbackstop",v)))}s(36079),s(85427),c.Events.on(u.O,"playerchange",(function(){g(u.O.getCurrentPlayer())})),g(u.O.getCurrentPlayer())},9668:function(e,n,s){var i=s(54933),o=s.n(i),t=s(93476),r=s.n(t)()(o());r.push([e.id,".iconOsd{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#222;background:rgba(0,0,0,.8);border-radius:.25em;color:#fff;padding:1em;position:fixed;right:3%;top:7%;transition:opacity .2s ease-out;z-index:100000}.iconOsd-hidden{opacity:0}.iconOsdIcon{display:block;font-size:320%;margin:.25em .7em}.iconOsdProgressOuter{background:#222;border-radius:.25em;height:.35em;margin:1.5em .25em 1em}.iconOsdProgressInner{background:#00a4dc;border-radius:.25em;height:100%}.brightnessOsdProgressInner{background:#ff9800}",""]),n.Z=r},36079:function(e,n,s){var i=s(1892),o=s.n(i),t=s(95760),r=s.n(t),a=s(38311),d=s.n(a),c=s(58192),u=s.n(c),l=s(38060),m=s.n(l),f=s(54865),h=s.n(f),v=s(9668),p={};p.styleTagTransform=h(),p.setAttributes=u(),p.insert=d().bind(null,"head"),p.domAPI=r(),p.insertStyleElement=m(),o()(v.Z,p),v.Z&&v.Z.locals&&v.Z.locals}}]);