.web-music{--music-energy:0;--music-bass:0;--party-hue:285;transition:box-shadow .14s ease,background-color .2s ease}
.web-music::after{content:"";position:absolute;inset:-3px;z-index:3;padding:3px;border-radius:21px;background:linear-gradient(115deg,#ff4d9d,#b17bff,#4cdbff,#4effad,#ffe18c,#ff5f98);background-size:320% 320%;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;opacity:.65;pointer-events:none;animation:music-neon-travel 14s ease-in-out infinite;transition:opacity .2s}
.web-music>:not(.music-lightshow){position:relative;z-index:1}.web-music[data-party="true"]{box-shadow:0 0 0 1px #fce6ae55,0 0 calc(15px + var(--music-energy)*27px) hsl(var(--party-hue) 92% 62%/.45),0 0 calc(30px + var(--music-bass)*35px) hsl(calc(var(--party-hue) + 95) 92% 62%/.22),0 20px 60px #0007}.web-music[data-party="true"]::after{opacity:1;animation-duration:6s}.web-music[data-party="true"] .web-music-heading{text-shadow:0 0 calc(3px + var(--music-energy)*13px) hsl(var(--party-hue) 85% 70%/.55)}.web-music[data-party="true"] .web-cover-wrap{box-shadow:0 0 calc(8px + var(--music-bass)*22px) hsl(calc(var(--party-hue) + 35) 85% 64%/.5);border-color:hsl(var(--party-hue) 85% 77%)}.web-music[data-party="true"] .web-main-play{filter:drop-shadow(0 0 calc(5px + var(--music-bass)*12px) #f7d38caa)}
.music-lightshow{position:absolute;inset:0;z-index:0;border-radius:inherit;overflow:hidden;pointer-events:none;opacity:0;transition:opacity .25s ease}.web-music[data-party="true"] .music-lightshow{opacity:1}.music-discolights{position:absolute;inset:0;opacity:calc(.12 + var(--music-energy)*.26)}.music-discolights i{position:absolute;top:-7%;left:0;width:70%;height:100%;background:linear-gradient(hsl(var(--party-hue) 95% 65%/.95),transparent 90%);clip-path:polygon(46% 0,54% 0,100% 100%,0 100%);transform-origin:50% 0;filter:blur(5px);animation:music-beam-sweep 6.3s ease-in-out infinite alternate;animation-play-state:paused}.music-discolights i:nth-child(2){left:38%;background:linear-gradient(hsl(calc(var(--party-hue) + 100) 95% 68%/.9),transparent 86%);animation-delay:-3.2s;animation-duration:7.7s}.music-discolights i:nth-child(3){left:15%;background:linear-gradient(hsl(calc(var(--party-hue) + 220) 95% 67%/.8),transparent 78%);animation-delay:-5.4s;animation-duration:8.3s}
.music-disco-floor{position:absolute;left:-30%;right:-30%;bottom:-8%;height:43%;background:repeating-linear-gradient(90deg,transparent 0 42px,hsl(var(--party-hue) 90% 72%/.25) 43px 44px),repeating-linear-gradient(0deg,transparent 0 28px,hsl(calc(var(--party-hue) + 100) 90% 72%/.2) 29px 30px);transform:perspective(180px) rotateX(42deg);transform-origin:50% 100%;opacity:calc(.06 + var(--music-bass)*.3);mask-image:linear-gradient(transparent,#000 70%)}
.music-party-icons{position:absolute;inset:0}.music-party-icon{position:absolute;left:var(--px);bottom:10%;width:34px;height:34px;opacity:0;animation:music-party-rise 5.6s linear var(--pd) infinite;animation-play-state:paused;font-style:normal}.music-party-icon>span{display:block;width:34px;height:34px;transform:scale(calc(.62 + var(--music-bass)*.35));filter:drop-shadow(0 0 calc(3px + var(--music-energy)*5px) hsl(var(--party-hue) 95% 65%/.6))}.party-sticker{background-image:url('https://static.wixstatic.com/media/0c0080_3e2f28ce4c5149efb7a8bb1b436f3a43~mv2.png');background-size:200% 100%;background-repeat:no-repeat}.party-sticker-devil{background-position:0 50%}.party-sticker-angel{background-position:100% 50%}.party-note{font:30px/34px Georgia,serif;color:hsl(calc(var(--party-hue) + 70) 95% 78%);text-align:center}.web-music[data-party="true"] .music-party-icon,.web-music[data-party="true"] .music-discolights i{animation-play-state:running}
.music-reactive-bars{display:flex;justify-content:center;align-items:center;gap:4px;height:26px;margin:7px 0 -6px;opacity:.25;overflow:hidden}.music-reactive-bars i{display:block;flex:0 1 5px;height:23px;border-radius:3px;background:linear-gradient(#ffe4a1,#df6ab8,#6fd8e9);transform:scaleY(.15);transform-origin:50% 50%;transition:transform .07s ease,opacity .1s}.web-music[data-party="true"] .music-reactive-bars{opacity:.9}.web-music[data-party="true"] .music-reactive-bars i{transform:scaleY(clamp(.13,calc(.13 + var(--music-bass)*var(--lift)),1))}.web-music[data-party="true"] .music-reactive-bars i:nth-child(2n){transform:scaleY(clamp(.13,calc(.13 + var(--music-energy)*var(--lift)),1))}
@keyframes music-neon-travel{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
@keyframes music-beam-sweep{from{transform:rotate(-27deg)}to{transform:rotate(25deg)}}
@keyframes music-party-rise{0%{opacity:0;transform:translate(0,5px) rotate(-9deg)}12%{opacity:.8}75%{opacity:.6}100%{opacity:0;transform:translate(var(--drift),-580px) rotate(20deg)}}
@media(max-width:650px){.music-reactive-bars{gap:3px}.music-party-icon,.music-party-icon>span{width:29px;height:29px}.party-note{font-size:26px;line-height:29px}}
@media(prefers-reduced-motion:reduce){.web-music::after{animation:none}.music-lightshow{display:none}.music-reactive-bars i{transition:none}.web-music{transition:none}.web-music::after{opacity:.6}}

/* Concert mode: strong beat accents, a stable control surface and dancing type. */
.web-music{--music-hit:0}
.web-music-heading span{display:inline-block;transform-origin:50% 90%;transition:transform .13s ease,color .15s ease,text-shadow .15s ease}
.web-music[data-party="true"]{box-shadow:0 0 0 2px hsl(var(--party-hue) 98% 78%/.8),0 0 calc(20px + var(--music-hit)*38px) hsl(var(--party-hue) 98% 62%/calc(.3 + var(--music-hit)*.45)),0 0 calc(42px + var(--music-bass)*48px) hsl(calc(var(--party-hue) + 115) 98% 60%/.4),inset 0 0 calc(12px + var(--music-hit)*23px) hsl(var(--party-hue) 95% 68%/.16),0 20px 60px #0007}
.web-music[data-party="true"]::after{animation-duration:2.8s;filter:brightness(calc(1.05 + var(--music-hit)*1.5));opacity:calc(.65 + var(--music-hit)*.35)}
.web-music[data-party="true"] .web-music-heading span{transform:translateY(calc(var(--music-hit)*(-3px - var(--step)*1.2px))) rotate(calc(var(--side)*var(--music-hit)*5deg)) scale(calc(1 + var(--music-hit)*.055));color:hsl(calc(var(--party-hue) + var(--step)*22) 95% 85%);text-shadow:0 0 calc(5px + var(--music-hit)*15px) hsl(var(--party-hue) 100% 65%/.85)}
.web-now-title{transition:transform .16s ease,text-shadow .16s ease;transform-origin:10% 70%}
.web-music[data-party="true"] .web-now-title{transform:translateY(calc(var(--music-hit)*-4px)) rotate(calc(var(--music-hit)*-1.5deg));text-shadow:0 0 calc(3px + var(--music-hit)*12px) hsl(calc(var(--party-hue) + 80) 100% 75%/.75)}
.web-music[data-party="true"] .web-cover-wrap{transform:rotate(calc(-2deg + var(--music-hit)*3deg)) scale(calc(1 + var(--music-hit)*.025));transition:transform .17s ease,box-shadow .12s ease;box-shadow:0 0 calc(12px + var(--music-hit)*30px) hsl(var(--party-hue) 95% 65%/.7)}
.web-music[data-party="true"] .music-discolights{opacity:calc(.3 + var(--music-energy)*.2 + var(--music-hit)*.2)}
.music-discolights i{filter:blur(2px);animation-duration:3.1s}
.music-discolights i:nth-child(2){animation-duration:3.7s}.music-discolights i:nth-child(3){animation-duration:4.3s}
.music-lightshow::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 0 35%,hsl(var(--party-hue) 100% 60%/.6),transparent 48%),radial-gradient(ellipse at 100% 70%,hsl(calc(var(--party-hue) + 150) 100% 65%/.5),transparent 48%);opacity:calc(.15 + var(--music-hit)*.55);transition:opacity .14s ease}
.music-lightshow::after{content:"";position:absolute;left:50%;top:33%;width:180px;height:180px;margin:-90px;border:2px solid hsl(var(--party-hue) 100% 78%/.6);border-radius:50%;box-shadow:0 0 15px hsl(var(--party-hue) 100% 65%/.4),inset 0 0 15px hsl(var(--party-hue) 100% 65%/.25);transform:scale(calc(1.8 - var(--music-hit)*1.4));opacity:calc(var(--music-hit)*.7);transition:transform .2s ease,opacity .16s ease}
.web-music[data-party="true"] .music-disco-floor{opacity:calc(.18 + var(--music-bass)*.5);filter:brightness(calc(1 + var(--music-hit)*1.5))}
.music-party-icon{animation-duration:4.2s}.music-party-icon>span{transform:scale(calc(.85 + var(--music-bass)*.4 + var(--music-hit)*.25));transition:transform .15s ease}
.web-music[data-party="true"] .music-reactive-bars{filter:drop-shadow(0 0 5px hsl(var(--party-hue) 100% 70%/.7))}
@media(prefers-reduced-motion:reduce){.web-music[data-party="true"] .web-music-heading span,.web-music[data-party="true"] .web-now-title,.web-music[data-party="true"] .web-cover-wrap{transform:none;transition:none}.web-music-heading span,.web-now-title{transition:none}}