.audio-orb-visualizer{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;min-height:300px}.audio-orb-visualizer.small{min-height:200px}.audio-orb-visualizer.large{min-height:400px}.audio-orb-placeholder{width:380px;height:380px;opacity:.7;transition:opacity .3s ease;animation:subtle-pulse 4s infinite cubic-bezier(.4,0,.6,1);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;pointer-events:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;outline:none}.active-orbs,.inactive-orb{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .6s ease-in-out;pointer-events:none}.active-orbs.visible,.inactive-orb.visible{opacity:1}.audio-controls{display:flex;justify-content:center;align-items:center;gap:34px;margin-top:30px;z-index:10}.control-button{background:transparent;border:none;color:#fff;cursor:pointer;transition:color var(--transition-fast);display:flex;flex-direction:column;align-items:center;gap:4px}.control-button span{font-family:Poppins,sans-serif;font-size:10px;font-weight:500;color:#fff;letter-spacing:.5px}.control-button:hover{color:#fff}.play-button{width:72px;height:72px;background:radial-gradient(ellipse 140% 80% at 0% 0%,rgba(2,109,255,.35) 0%,rgba(16,67,146,.25) 25%,rgba(26,39,73,.15) 60%,transparent 100%),#141e3c99;backdrop-filter:blur(20px);border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base);position:relative;overflow:visible}.play-button:hover{transform:scale(1.05)}.play-button.active{background:var(--color-Jordy-Blue-Secundary)}.play-button.active:before,.play-button.active:after{content:"";position:absolute;top:50%;left:50%;border-radius:50%;border:1.5px solid var(--color-Jordy-Blue-Secundary);animation:orbit 4s ease-in-out infinite}.play-button.active:before{width:120%;height:120%;opacity:.25;transform:translate(-50%,-50%)}.play-button.active:after{width:140%;height:140%;opacity:.15;animation-delay:-1.5s;transform:translate(-50%,-50%)}.play-button svg{color:#fff;margin-left:1px}.orb-container{position:absolute;width:690px;height:690px;display:flex;align-items:center;justify-content:center;pointer-events:none;filter:drop-shadow(0 0 40px rgba(120,133,255,.4))}.orb{position:absolute;opacity:0;transition:opacity .3s ease-in-out}.orb-1{width:400px;height:400px;filter:blur(16px);animation:orbFloat1 3s ease-in-out infinite}.orb-2{width:300px;height:300px;filter:blur(16px);animation:orbFloat2 3.6s ease-in-out infinite}.orb-3{width:380px;height:380px;filter:blur(16px);animation:orbFloat3 4s ease-in-out infinite}.orb-4{width:390px;height:390px;filter:blur(16px);animation:orbFloat4 3.3s ease-in-out infinite}.orb-5{width:390px;height:390px;filter:blur(16px);animation:orbFloat5 4.4s ease-in-out infinite}.orb-6{width:400px;height:400px;filter:blur(16px);animation:orbFloat6 3.8s ease-in-out infinite}.orb-7{width:360px;height:360px;filter:blur(16px);animation:orbFloat7 4.1s ease-in-out infinite}.orb-8{width:380px;height:380px;filter:blur(16px);animation:orbFloat8 4.1s ease-in-out infinite}.orb-9{width:400px;height:400px;filter:blur(16px);animation:orbFloat1 3.4s ease-in-out infinite}.orb-10{width:390px;height:390px;filter:blur(16px);animation:orbFloat2 3.8s ease-in-out infinite}.orb-11{width:390px;height:390px;filter:blur(16px);animation:orbFloat3 4.2s ease-in-out infinite}@keyframes orbFloat1{0%,to{transform:translate(0) scale(1);opacity:.6}25%{transform:translate(-17px,-14px) scale(1.085);opacity:1}50%{transform:translate(12px,17px) scale(.915);opacity:.7}75%{transform:translate(13px,-9px) scale(1.03);opacity:.8}}@keyframes orbit{0%{transform:translate(-50%,-50%) rotate(0) scale(1)}50%{transform:translate(-50%,-50%) rotate(20deg) scale(1.03)}to{transform:translate(-50%,-50%) rotate(0) scale(1)}}@keyframes subtle-pulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.1);opacity:.9}}@keyframes slowRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes orbFloat2{0%,to{transform:translateY(9px) scale(1);opacity:.5}25%{transform:translate(6px,14px) scale(1);opacity:.8}50%{transform:translate(-9px,6px) scale(.97);opacity:.6}75%{transform:translate(-11px,10px) scale(1.02);opacity:.7}}@keyframes orbFloat3{0%,to{transform:translate(0) scale(1);opacity:.55}25%{transform:translate(-10px,8px) scale(1.02);opacity:.75}50%{transform:translate(8px,-7px) scale(.98);opacity:.6}75%{transform:translate(5px,10px) scale(1.01);opacity:.7}}@keyframes orbFloat7{0%,to{transform:translate(0) scale(1);opacity:.45}25%{transform:translate(25px,25px) scale(1.05);opacity:.65}50%{transform:translate(-22px,-22px) scale(.95);opacity:.5}75%{transform:translate(18px,-25px) scale(1.02);opacity:.6}}@keyframes orbFloat4{0%,to{transform:translate(0) scale(1);opacity:.65}25%{transform:translate(19px,-15px) scale(1.04);opacity:.8}50%{transform:translate(-20px,13px) scale(.96);opacity:.7}75%{transform:translate(14px,-19px) scale(1.02);opacity:.75}}@keyframes orbFloat5{0%,to{transform:translate(0) scale(1);opacity:.5}25%{transform:translate(12px,-22px) scale(1.04);opacity:.7}50%{transform:translate(-18px,18px) scale(.96);opacity:.55}75%{transform:translate(20px,20px) scale(1.03);opacity:.65}}@keyframes orbFloat6{0%,to{transform:translate(0) scale(1);opacity:.6}25%{transform:translate(-22px,12px) scale(1.03);opacity:.75}50%{transform:translate(18px,-15px) scale(.97);opacity:.65}75%{transform:translate(-9px,-17px) scale(1.01);opacity:.7}}@keyframes orbFloat8{0%,to{transform:translate(0) scale(1);opacity:.45}25%{transform:translate(27px,27px) scale(1.085);opacity:.65}50%{transform:translate(-24px,-24px) scale(.915);opacity:.5}75%{transform:translate(19px,-27px) scale(1.04);opacity:.6}}@media (max-width: 568px){.audio-orb-visualizer{min-height:200px}.audio-orb-placeholder{width:220px;height:220px}.play-button{width:60px;height:60px}.orb-container{width:350px;height:350px}.orb-1{width:260px;height:260px}.orb-2{width:200px;height:200px}.orb-3{width:250px;height:250px}.orb-4{width:240px;height:240px}.orb-5{width:250px;height:250px}.orb-6{width:260px;height:260px}.orb-7{width:230px;height:230px}.orb-8{width:240px;height:240px}.orb-9{width:260px;height:260px}.orb-10{width:240px;height:240px}.orb-11{width:250px;height:250px}}@media (max-width: 940px) and (max-height: 480px) and (orientation: landscape){.audio-orb-visualizer{min-height:180px}.audio-orb-placeholder{width:150px;height:150px}.orb-3{width:250px;height:250px}.orb-4{width:240px;height:240px}.orb-5{width:250px;height:250px}.orb-6{width:260px;height:260px}.orb-7{width:230px;height:230px}.orb-8{width:240px;height:240px}.orb-9{width:260px;height:260px}.orb-10{width:240px;height:240px}.orb-11{width:250px;height:250px}}.audio-orb-visualizer.iphone-12-pro-styles .audio-orb-placeholder{width:220px;height:220px}.audio-orb-visualizer.iphone-12-pro-styles .orb-container{width:300px;height:300px}.audio-orb-visualizer.iphone-12-pro-styles .orb-1{width:200px;height:200px}.audio-orb-visualizer.iphone-12-pro-styles .orb-2{width:160px;height:160px}.audio-orb-visualizer.iphone-12-pro-styles .orb-3{width:190px;height:190px}.audio-orb-visualizer.iphone-12-pro-styles .orb-4{width:180px;height:180px}.audio-orb-visualizer.iphone-12-pro-styles .orb-5{width:190px;height:190px}.audio-orb-visualizer.iphone-12-pro-styles .orb-6{width:200px;height:200px}.audio-orb-visualizer.iphone-12-pro-styles .orb-7{width:170px;height:170px}.audio-orb-visualizer.iphone-12-pro-styles .orb-8{width:180px;height:180px}.audio-orb-visualizer.iphone-12-pro-styles .orb-9{width:200px;height:200px}.audio-orb-visualizer.iphone-12-pro-styles .orb-10{width:180px;height:180px}.audio-orb-visualizer.iphone-12-pro-styles .orb-11{width:190px;height:190px}.audio-orb-visualizer.iphone-14-pro-max-styles .audio-controls{margin-top:28px}.audio-orb-visualizer.iphone-14-pro-max-styles .audio-orb-placeholder{width:240px;height:240px}.audio-orb-visualizer.iphone-14-pro-max-styles .orb-container{width:380px;height:380px}.audio-orb-visualizer.iphone-14-pro-max-styles .orb-1{width:250px;height:250px}.audio-orb-visualizer.iphone-14-pro-max-styles .orb-2{width:200px;height:200px}.audio-orb-visualizer.iphone-14-pro-max-styles .orb-3{width:240px;height:240px}.audio-orb-visualizer.iphone-14-pro-max-styles .orb-4{width:230px;height:230px}.audio-orb-visualizer.iphone-14-pro-max-styles .orb-5{width:240px;height:240px}.audio-orb-visualizer.iphone-14-pro-max-styles .orb-6{width:250px;height:250px}.audio-orb-visualizer.iphone-14-pro-max-styles .orb-7{width:220px;height:220px}.audio-orb-visualizer.iphone-14-pro-max-styles .orb-8{width:230px;height:230px}.audio-orb-visualizer.iphone-14-pro-max-styles .orb-9{width:250px;height:250px}.audio-orb-visualizer.iphone-14-pro-max-styles .orb-10{width:230px;height:230px}.audio-orb-visualizer.iphone-14-pro-max-styles .orb-11{width:240px;height:240px}@media (max-width: 940px) and (max-height: 480px) and (orientation: landscape){.audio-orb-visualizer{min-height:180px}.audio-orb-placeholder{width:150px;height:150px}.play-button{width:50px;height:50px}}@media (max-width: 1366px) and (max-height: 1024px) and (orientation: landscape){.audio-orb-visualizer{min-height:300px}.audio-orb-placeholder{width:315px;height:315px}.play-button{width:80px;height:80px}.orb-container{width:548px;height:548px}.orb-1{width:340px;height:340px}.orb-2{width:270px;height:270px}.orb-3,.orb-4{width:330px;height:330px}.orb-5{width:330px;height:340px}.orb-6{width:340px;height:340px}.orb-7,.orb-8{width:310px;height:310px}.orb-9{width:340px;height:340px}.orb-10,.orb-11{width:320px;height:320px}}@media (max-width: 1180px) and (max-height: 820px) and (orientation: landscape){.audio-orb-visualizer{min-height:280px}.audio-orb-placeholder{width:255px;height:255px}.play-button{width:75px;height:75px}}@media (min-width: 768px) and (max-width: 1024px){.audio-orb-placeholder{width:255px;height:255px}.orb-container{width:400px;height:400px}}