.stem-icon .si-mic-wave,.stem-icon .si-note-beam,.stem-icon .si-drum-head,.stem-icon .si-drum-stick,.stem-icon .si-bass-body,.stem-icon .si-bass-blur,.stem-icon .si-guitar-blur,.stem-icon .si-guitar-hole,.stem-icon .si-eq,.stem-icon .si-disc-sheen{transform-box:fill-box;transform-origin:50%}.stem-icon .si-drum-stick-l{transform-origin:0 0}.stem-icon .si-drum-stick-r{transform-origin:100% 0}@keyframes stem-vocals-wave-l{0%{opacity:0;transform:translate(1.6px)scale(.6)}55%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(-.35px)scale(1.04)}}@keyframes stem-vocals-wave-l-loop{0%{opacity:0;transform:translate(1.2px)scale(.72)}50%{opacity:.9;transform:translate(0)scale(1)}72%{opacity:.9;transform:translate(0)scale(1)}to{opacity:0;transform:translate(-.35px)scale(1.04)}}:is(.stem-icon[data-motion=hover]:hover,:is([data-stem-motion-trigger]:hover,[data-stem-motion-trigger]:focus-visible,[data-stem-motion-trigger]:has(:focus-visible)) .stem-icon[data-motion=hover]) .si-mic-wave-l{animation:.43s cubic-bezier(.32,.72,0,1) 2 stem-vocals-wave-l}.stem-icon[data-motion=playing] .si-mic-wave-l{animation:1.5s cubic-bezier(.32,.72,0,1) infinite stem-vocals-wave-l-loop}@keyframes stem-vocals-wave-r{0%{opacity:0;transform:translate(-1.6px)scale(.6)}55%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(.35px)scale(1.04)}}@keyframes stem-vocals-wave-r-loop{0%{opacity:0;transform:translate(-1.2px)scale(.72)}50%{opacity:.9;transform:translate(0)scale(1)}72%{opacity:.9;transform:translate(0)scale(1)}to{opacity:0;transform:translate(.35px)scale(1.04)}}:is(.stem-icon[data-motion=hover]:hover,:is([data-stem-motion-trigger]:hover,[data-stem-motion-trigger]:focus-visible,[data-stem-motion-trigger]:has(:focus-visible)) .stem-icon[data-motion=hover]) .si-mic-wave-r{animation:.43s cubic-bezier(.32,.72,0,1) 2 stem-vocals-wave-r}.stem-icon[data-motion=playing] .si-mic-wave-r{animation:1.5s cubic-bezier(.32,.72,0,1) infinite stem-vocals-wave-r-loop}@keyframes stem-inst-note-l{0%{transform:translateY(0)}24%{transform:translateY(-1.2px)}52%{transform:translateY(.7px)}78%{transform:translateY(-.35px)}to{transform:translateY(0)}}@keyframes stem-inst-note-r{0%{transform:translateY(0)}24%{transform:translateY(1.2px)}52%{transform:translateY(-.7px)}78%{transform:translateY(.35px)}to{transform:translateY(0)}}@keyframes stem-inst-beam{0%{transform:skewY(0)}24%{transform:skewY(11.31deg)}52%{transform:skewY(-6.65deg)}78%{transform:skewY(3.34deg)}to{transform:skewY(0)}}@keyframes stem-inst-note-l-loop{0%{transform:translateY(-.6px)}to{transform:translateY(.6px)}}@keyframes stem-inst-note-r-loop{0%{transform:translateY(.6px)}to{transform:translateY(-.6px)}}@keyframes stem-inst-beam-loop{0%{transform:skewY(5.71deg)}to{transform:skewY(-5.71deg)}}:is(.stem-icon[data-motion=hover]:hover,:is([data-stem-motion-trigger]:hover,[data-stem-motion-trigger]:focus-visible,[data-stem-motion-trigger]:has(:focus-visible)) .stem-icon[data-motion=hover]) .si-note-l{animation:.76s cubic-bezier(.32,.72,0,1) stem-inst-note-l}.stem-icon[data-motion=playing] .si-note-l{animation:.7s cubic-bezier(.32,.72,0,1) -112ms infinite alternate stem-inst-note-l-loop}:is(.stem-icon[data-motion=hover]:hover,:is([data-stem-motion-trigger]:hover,[data-stem-motion-trigger]:focus-visible,[data-stem-motion-trigger]:has(:focus-visible)) .stem-icon[data-motion=hover]) .si-note-r{animation:.76s cubic-bezier(.32,.72,0,1) stem-inst-note-r}.stem-icon[data-motion=playing] .si-note-r{animation:.7s cubic-bezier(.32,.72,0,1) -112ms infinite alternate stem-inst-note-r-loop}:is(.stem-icon[data-motion=hover]:hover,:is([data-stem-motion-trigger]:hover,[data-stem-motion-trigger]:focus-visible,[data-stem-motion-trigger]:has(:focus-visible)) .stem-icon[data-motion=hover]) .si-note-beam{animation:.76s cubic-bezier(.32,.72,0,1) stem-inst-beam}.stem-icon[data-motion=playing] .si-note-beam{animation:.7s cubic-bezier(.32,.72,0,1) -112ms infinite alternate stem-inst-beam-loop}@keyframes stem-drums-stick-r{0%{transform:translateY(0)rotate(0)}14%{transform:translateY(0)rotate(14deg)}22%{transform:translateY(1.5px)rotate(-2deg)}33%{animation-timing-function:cubic-bezier(.34,1.56,.64,1);transform:translateY(0)rotate(5deg)}52%,to{transform:translateY(0)rotate(0)}}@keyframes stem-drums-stick-l{0%,38%{transform:translateY(0)rotate(0)}52%{transform:translateY(0)rotate(-14deg)}60%{transform:translateY(1.5px)rotate(2deg)}71%{animation-timing-function:cubic-bezier(.34,1.56,.64,1);transform:translateY(0)rotate(-5deg)}90%,to{transform:translateY(0)rotate(0)}}@keyframes stem-drums-head{0%,20%{transform:scale(1)}23%{transform:scaleY(.84)}34%{transform:scaleY(1.05)}48%,58%{transform:scale(1)}61%{transform:scaleY(.86)}72%{transform:scaleY(1.04)}86%,to{transform:scale(1)}}@keyframes stem-drums-stick-r-loop{0%{transform:translateY(0)rotate(0)}9%{transform:translateY(0)rotate(10deg)}15%{transform:translateY(1.5px)rotate(-2deg)}23%{animation-timing-function:cubic-bezier(.34,1.56,.64,1);transform:translateY(0)rotate(3deg)}36%,to{transform:translateY(0)rotate(0)}}@keyframes stem-drums-stick-l-loop{0%,50%{transform:translateY(0)rotate(0)}59%{transform:translateY(0)rotate(-10deg)}65%{transform:translateY(1.5px)rotate(2deg)}73%{animation-timing-function:cubic-bezier(.34,1.56,.64,1);transform:translateY(0)rotate(-3deg)}86%,to{transform:translateY(0)rotate(0)}}@keyframes stem-drums-head-loop{0%,13%{transform:scale(1)}16%{transform:scaleY(.88)}26%{transform:scaleY(1.03)}38%,63%{transform:scale(1)}66%{transform:scaleY(.9)}76%{transform:scaleY(1.03)}88%,to{transform:scale(1)}}:is(.stem-icon[data-motion=hover]:hover,:is([data-stem-motion-trigger]:hover,[data-stem-motion-trigger]:focus-visible,[data-stem-motion-trigger]:has(:focus-visible)) .stem-icon[data-motion=hover]) .si-drum-stick-r{animation:.78s cubic-bezier(.32,.72,0,1) stem-drums-stick-r}.stem-icon[data-motion=playing] .si-drum-stick-r{animation:1s cubic-bezier(.32,.72,0,1) infinite stem-drums-stick-r-loop}:is(.stem-icon[data-motion=hover]:hover,:is([data-stem-motion-trigger]:hover,[data-stem-motion-trigger]:focus-visible,[data-stem-motion-trigger]:has(:focus-visible)) .stem-icon[data-motion=hover]) .si-drum-stick-l{animation:.78s cubic-bezier(.32,.72,0,1) stem-drums-stick-l}.stem-icon[data-motion=playing] .si-drum-stick-l{animation:1s cubic-bezier(.32,.72,0,1) infinite stem-drums-stick-l-loop}:is(.stem-icon[data-motion=hover]:hover,:is([data-stem-motion-trigger]:hover,[data-stem-motion-trigger]:focus-visible,[data-stem-motion-trigger]:has(:focus-visible)) .stem-icon[data-motion=hover]) .si-drum-head{animation:.78s cubic-bezier(.32,.72,0,1) stem-drums-head}.stem-icon[data-motion=playing] .si-drum-head{animation:1s cubic-bezier(.32,.72,0,1) infinite stem-drums-head-loop}@keyframes stem-bass-blur{0%{opacity:0;transform:rotate(-45deg)scaleX(.15)rotate(45deg)}9%{opacity:.5;transform:rotate(-45deg)scaleX(1)rotate(45deg)}24%{opacity:.44;transform:rotate(-45deg)scaleX(.52)rotate(45deg)}38%{opacity:.38;transform:rotate(-45deg)scaleX(.8)rotate(45deg)}52%{opacity:.3;transform:rotate(-45deg)scaleX(.4)rotate(45deg)}66%{opacity:.2;transform:rotate(-45deg)scaleX(.56)rotate(45deg)}80%{opacity:.1;transform:rotate(-45deg)scaleX(.26)rotate(45deg)}to{opacity:0;transform:rotate(-45deg)scaleX(.15)rotate(45deg)}}@keyframes stem-bass-blur-loop{0%{opacity:0;transform:rotate(-45deg)scaleX(.25)rotate(45deg)}10%{opacity:.42;transform:rotate(-45deg)scaleX(.72)rotate(45deg)}to{opacity:0;transform:rotate(-45deg)scaleX(.25)rotate(45deg)}}:is(.stem-icon[data-motion=hover]:hover,:is([data-stem-motion-trigger]:hover,[data-stem-motion-trigger]:focus-visible,[data-stem-motion-trigger]:has(:focus-visible)) .stem-icon[data-motion=hover]) .si-bass-blur{animation:.88s cubic-bezier(.32,.72,0,1) stem-bass-blur}.stem-icon[data-motion=playing] .si-bass-blur{animation:.96s cubic-bezier(.32,.72,0,1) infinite stem-bass-blur-loop}@keyframes stem-bass-body{0%{transform:scale(1)}10%{transform:scale(1.04)}55%,to{transform:scale(1)}}@keyframes stem-bass-body-loop{0%{transform:scale(1)}11%{transform:scale(1.025)}60%,to{transform:scale(1)}}:is(.stem-icon[data-motion=hover]:hover,:is([data-stem-motion-trigger]:hover,[data-stem-motion-trigger]:focus-visible,[data-stem-motion-trigger]:has(:focus-visible)) .stem-icon[data-motion=hover]) .si-bass-body{animation:.88s cubic-bezier(.32,.72,0,1) stem-bass-body}.stem-icon[data-motion=playing] .si-bass-body{animation:.96s cubic-bezier(.32,.72,0,1) infinite stem-bass-body-loop}@keyframes stem-guitar-blur{0%{opacity:0;transform:rotate(45deg)scaleX(.15)rotate(-45deg)}9%{opacity:.5;transform:rotate(45deg)scaleX(1)rotate(-45deg)}24%{opacity:.44;transform:rotate(45deg)scaleX(.52)rotate(-45deg)}38%{opacity:.38;transform:rotate(45deg)scaleX(.8)rotate(-45deg)}52%{opacity:.3;transform:rotate(45deg)scaleX(.4)rotate(-45deg)}66%{opacity:.2;transform:rotate(45deg)scaleX(.56)rotate(-45deg)}80%{opacity:.1;transform:rotate(45deg)scaleX(.26)rotate(-45deg)}to{opacity:0;transform:rotate(45deg)scaleX(.15)rotate(-45deg)}}@keyframes stem-guitar-blur-loop{0%{opacity:0;transform:rotate(45deg)scaleX(.25)rotate(-45deg)}10%{opacity:.42;transform:rotate(45deg)scaleX(.68)rotate(-45deg)}to{opacity:0;transform:rotate(45deg)scaleX(.25)rotate(-45deg)}}:is(.stem-icon[data-motion=hover]:hover,:is([data-stem-motion-trigger]:hover,[data-stem-motion-trigger]:focus-visible,[data-stem-motion-trigger]:has(:focus-visible)) .stem-icon[data-motion=hover]) .si-guitar-blur{animation:.64s cubic-bezier(.32,.72,0,1) stem-guitar-blur}.stem-icon[data-motion=playing] .si-guitar-blur{animation:.6s cubic-bezier(.32,.72,0,1) infinite stem-guitar-blur-loop}@keyframes stem-guitar-hole{0%{transform:scale(1)}14%{transform:scale(1.4)}70%,to{transform:scale(1)}}@keyframes stem-guitar-hole-loop{0%{transform:scale(1)}16%{transform:scale(1.2)}70%,to{transform:scale(1)}}:is(.stem-icon[data-motion=hover]:hover,:is([data-stem-motion-trigger]:hover,[data-stem-motion-trigger]:focus-visible,[data-stem-motion-trigger]:has(:focus-visible)) .stem-icon[data-motion=hover]) .si-guitar-hole{animation:.64s cubic-bezier(.34,1.56,.64,1) stem-guitar-hole}.stem-icon[data-motion=playing] .si-guitar-hole{animation:.6s cubic-bezier(.32,.72,0,1) infinite stem-guitar-hole-loop}@keyframes stem-piano-glow{0%{opacity:0}30%{opacity:.42}to{opacity:0}}@keyframes stem-piano-black{0%{opacity:1}30%{opacity:.4}to{opacity:1}}@keyframes stem-piano-glow-loop{0%{opacity:0}7%{opacity:.34}24%,to{opacity:0}}@keyframes stem-piano-black-loop{0%{opacity:1}7%{opacity:.48}24%,to{opacity:1}}:is(.stem-icon[data-motion=hover]:hover,:is([data-stem-motion-trigger]:hover,[data-stem-motion-trigger]:focus-visible,[data-stem-motion-trigger]:has(:focus-visible)) .stem-icon[data-motion=hover]) .si-key-glow-1{animation:.42s cubic-bezier(.32,.72,0,1) stem-piano-glow}.stem-icon[data-motion=playing] .si-key-glow-1{animation:1.8s cubic-bezier(.32,.72,0,1) infinite stem-piano-glow-loop}:is(.stem-icon[data-motion=hover]:hover,:is([data-stem-motion-trigger]:hover,[data-stem-motion-trigger]:focus-visible,[data-stem-motion-trigger]:has(:focus-visible)) .stem-icon[data-motion=hover]) .si-key-black-1{animation:.42s cubic-bezier(.32,.72,0,1) 80ms stem-piano-black}.stem-icon[data-motion=playing] .si-key-black-1{animation:1.8s cubic-bezier(.32,.72,0,1) .18s infinite stem-piano-black-loop}:is(.stem-icon[data-motion=hover]:hover,:is([data-stem-motion-trigger]:hover,[data-stem-motion-trigger]:focus-visible,[data-stem-motion-trigger]:has(:focus-visible)) .stem-icon[data-motion=hover]) .si-key-glow-2{animation:.42s cubic-bezier(.32,.72,0,1) .16s stem-piano-glow}.stem-icon[data-motion=playing] .si-key-glow-2{animation:1.8s cubic-bezier(.32,.72,0,1) .36s infinite stem-piano-glow-loop}:is(.stem-icon[data-motion=hover]:hover,:is([data-stem-motion-trigger]:hover,[data-stem-motion-trigger]:focus-visible,[data-stem-motion-trigger]:has(:focus-visible)) .stem-icon[data-motion=hover]) .si-key-black-2{animation:.42s cubic-bezier(.32,.72,0,1) .24s stem-piano-black}.stem-icon[data-motion=playing] .si-key-black-2{animation:1.8s cubic-bezier(.32,.72,0,1) .54s infinite stem-piano-black-loop}:is(.stem-icon[data-motion=hover]:hover,:is([data-stem-motion-trigger]:hover,[data-stem-motion-trigger]:focus-visible,[data-stem-motion-trigger]:has(:focus-visible)) .stem-icon[data-motion=hover]) .si-key-glow-3{animation:.42s cubic-bezier(.32,.72,0,1) .32s stem-piano-glow}.stem-icon[data-motion=playing] .si-key-glow-3{animation:1.8s cubic-bezier(.32,.72,0,1) .72s infinite stem-piano-glow-loop}@keyframes stem-other-eq-1{0%{transform:scaleY(1)}30%{transform:scaleY(1.45)}62%{transform:scaleY(.8)}to{transform:scaleY(1)}}@keyframes stem-other-eq-1-loop{0%{transform:scaleY(.7)}to{transform:scaleY(1.4)}}:is(.stem-icon[data-motion=hover]:hover,:is([data-stem-motion-trigger]:hover,[data-stem-motion-trigger]:focus-visible,[data-stem-motion-trigger]:has(:focus-visible)) .stem-icon[data-motion=hover]) .si-eq-1{animation:.64s cubic-bezier(.32,.72,0,1) stem-other-eq-1}.stem-icon[data-motion=playing] .si-eq-1{animation:.56s cubic-bezier(.32,.72,0,1) -80ms infinite alternate stem-other-eq-1-loop}@keyframes stem-other-eq-2{0%{transform:scaleY(1)}30%{transform:scaleY(.62)}62%{transform:scaleY(1.1)}to{transform:scaleY(1)}}@keyframes stem-other-eq-2-loop{0%{transform:scaleY(.62)}to{transform:scaleY(1.1)}}:is(.stem-icon[data-motion=hover]:hover,:is([data-stem-motion-trigger]:hover,[data-stem-motion-trigger]:focus-visible,[data-stem-motion-trigger]:has(:focus-visible)) .stem-icon[data-motion=hover]) .si-eq-2{animation:.64s cubic-bezier(.32,.72,0,1) 40ms stem-other-eq-2}.stem-icon[data-motion=playing] .si-eq-2{animation:.72s cubic-bezier(.32,.72,0,1) -185ms infinite alternate stem-other-eq-2-loop}@keyframes stem-other-eq-3{0%{transform:scaleY(1)}30%{transform:scaleY(1.5)}62%{transform:scaleY(1.2)}to{transform:scaleY(1)}}@keyframes stem-other-eq-3-loop{0%{transform:scaleY(.8)}to{transform:scaleY(1.5)}}:is(.stem-icon[data-motion=hover]:hover,:is([data-stem-motion-trigger]:hover,[data-stem-motion-trigger]:focus-visible,[data-stem-motion-trigger]:has(:focus-visible)) .stem-icon[data-motion=hover]) .si-eq-3{animation:.64s cubic-bezier(.32,.72,0,1) 80ms stem-other-eq-3}.stem-icon[data-motion=playing] .si-eq-3{animation:.48s cubic-bezier(.32,.72,0,1) -50ms infinite alternate stem-other-eq-3-loop}@keyframes stem-other-eq-4{0%{transform:scaleY(1)}30%{transform:scaleY(.6)}62%{transform:scaleY(.86)}to{transform:scaleY(1)}}@keyframes stem-other-eq-4-loop{0%{transform:scaleY(.6)}to{transform:scaleY(1)}}:is(.stem-icon[data-motion=hover]:hover,:is([data-stem-motion-trigger]:hover,[data-stem-motion-trigger]:focus-visible,[data-stem-motion-trigger]:has(:focus-visible)) .stem-icon[data-motion=hover]) .si-eq-4{animation:.64s cubic-bezier(.32,.72,0,1) .12s stem-other-eq-4}.stem-icon[data-motion=playing] .si-eq-4{animation:.64s cubic-bezier(.32,.72,0,1) -640ms infinite alternate stem-other-eq-4-loop}@keyframes stem-other-eq-5{0%{transform:scaleY(1)}30%{transform:scaleY(1.35)}62%{transform:scaleY(.75)}to{transform:scaleY(1)}}@keyframes stem-other-eq-5-loop{0%{transform:scaleY(.68)}to{transform:scaleY(1.3)}}:is(.stem-icon[data-motion=hover]:hover,:is([data-stem-motion-trigger]:hover,[data-stem-motion-trigger]:focus-visible,[data-stem-motion-trigger]:has(:focus-visible)) .stem-icon[data-motion=hover]) .si-eq-5{animation:.64s cubic-bezier(.32,.72,0,1) .16s stem-other-eq-5}.stem-icon[data-motion=playing] .si-eq-5{animation:.8s cubic-bezier(.32,.72,0,1) -131ms infinite alternate stem-other-eq-5-loop}@keyframes stem-original-spin{0%{transform:rotate(0)}to{transform:rotate(180deg)}}:is(.stem-icon[data-motion=hover]:hover,:is([data-stem-motion-trigger]:hover,[data-stem-motion-trigger]:focus-visible,[data-stem-motion-trigger]:has(:focus-visible)) .stem-icon[data-motion=hover]) .si-disc-sheen{animation:.9s cubic-bezier(.32,.72,0,1) stem-original-spin}.stem-icon[data-motion=playing] .si-disc-sheen{animation:1.3s linear infinite stem-original-spin}@media (prefers-reduced-motion:reduce){.stem-icon :is([class^=si-],[class*=\ si-]){animation:none!important}}