https://www.founditsoftware.com/_next/static/chunks/9638.98620dd343319fae.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9638],{39638:function(e,t,n){n.r(t),n.d(t,{GlockMode:function(){return a}});var s=n(57437),o=n(2265);function a(){let[e,t]=(0,o.useState)("closed"),[n,a]=(0,o.useState)(!1),r=(0,o.useRef)(null);(0,o.useEffect)(()=>{let e=()=>a(document.body.classList.contains("voice-live"));e();let t=new MutationObserver(e);return t.observe(document.body,{attributes:!0,attributeFilter:["class"]}),()=>t.disconnect()},[]),(0,o.useEffect)(()=>{let e=()=>{document.body.classList.contains("voice-live")||t(e=>"open"===e?"closing":"open")};return window.addEventListener("glockmode:open",e),()=>window.removeEventListener("glockmode:open",e)},[]);let l=()=>t(e=>"open"===e?"closing":e);return((0,o.useEffect)(()=>{if("closing"!==e)return;let n=setTimeout(()=>t("closed"),240);return()=>clearTimeout(n)},[e]),(0,o.useEffect)(()=>{if("open"!==e)return;let t=e=>{var t;null!==(t=r.current)&&void 0!==t&&t.contains(e.target)||l()},n=e=>{"Escape"===e.key&&l()};return document.addEventListener("mousedown",t),document.addEventListener("touchstart",t),document.addEventListener("keydown",n),()=>{document.removeEventListener("mousedown",t),document.removeEventListener("touchstart",t),document.removeEventListener("keydown",n)}},[e]),n&&"closed"===e||!("open"===e||"closing"===e))?null:(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("div",{ref:r,className:"fixed top-20 lg:top-24 left-4 z-[55] w-[min(92vw,360px)]",children:(0,s.jsxs)("div",{style:{transformOrigin:"top left",animation:"".concat("closing"===e?"glockcollapse":"glockdrop"," ").concat(240,"ms cubic-bezier(0.22, 1, 0.36, 1) forwards")},className:"rounded-2xl overflow-hidden border border-primary/40 shadow-2xl shadow-primary/20 bg-background",children:[(0,s.jsxs)("div",{className:"flex items-center justify-between px-4 py-2.5 bg-primary",children:[(0,s.jsxs)("p",{className:"text-[11px] font-black uppercase tracking-[0.25em] text-black flex items-center gap-2",children:[(0,s.jsxs)("span",{className:"flex items-end gap-[2px] h-3","aria-hidden":"true",children:[(0,s.jsx)("span",{className:"w-[2.5px] rounded-full bg-black animate-[glockbar_0.8s_ease-in-out_infinite]",style:{height:"60%"}}),(0,s.jsx)("span",{className:"w-[2.5px] rounded-full bg-black animate-[glockbar_0.6s_ease-in-out_infinite_0.1s]",style:{height:"100%"}}),(0,s.jsx)("span",{className:"w-[2.5px] rounded-full bg-black animate-[glockbar_0.5s_ease-in-out_infinite_0.05s]",style:{height:"75%"}})]}),"Glock Mode"]}),(0,s.jsx)("button",{type:"button",onClick:l,"aria-label":"Collapse Glock Mode",className:"w-6 h-6 rounded-full text-black font-black text-sm leading-none hover:bg-black/10 transition-colors",children:"✕"})]}),(0,s.jsx)("iframe",{title:"Glock Mode on Spotify",src:"https://open.spotify.com/embed/artist/0RESbWvOMyua0yuyVrztJ5?utm_source=generator&theme=0",width:"100%",height:"352",frameBorder:"0",allow:"autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture",loading:"lazy"})]})}),(0,s.jsx)("style",{children:"\n        @keyframes glockbar {\n          0%, 100% { transform: scaleY(0.4); }\n          50% { transform: scaleY(1); }\n        }\n        @keyframes glockdrop {\n          from { opacity: 0; transform: translateY(-24px) scale(0.15); }\n          to { opacity: 1; transform: translateY(0) scale(1); }\n        }\n        @keyframes glockcollapse {\n          from { opacity: 1; transform: translateY(0) scale(1); }\n          to { opacity: 0; transform: translateY(-24px) scale(0.15); }\n        }\n      "})]})}}}]);