.stem-icon .amsi-key,.stem-icon .amsi-key-glow,.stem-icon .amsi-notes,.stem-icon .amsi-wave-in,.stem-icon .amsi-wave-out,.stem-icon .amsi-wave-side,.stem-icon .amsi-guitar,.stem-icon .amsi-hole,.stem-icon .amsi-strum{transform-box:fill-box;transform-origin:50%}.stem-icon .amsi-key{transform-origin:50% 0}.stem-icon .amsi-guitar{transform-origin:30% 72%}.stem-icon .amsi-notes{transform-origin:50% 100%}@keyframes amsi-key{0%{transform:scaleY(1)}30%{transform:scaleY(.82)}70%,to{transform:scaleY(1)}}@keyframes amsi-key-loop{0%{transform:scaleY(1)}10%{transform:scaleY(.84)}28%,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]) .amsi-key-1{animation:.32s cubic-bezier(.32,.72,0,1) amsi-key}: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]) .amsi-key-2{animation:.32s cubic-bezier(.32,.72,0,1) .24s amsi-key}.stem-icon[data-motion=playing] .amsi-key-1{animation:1.4s cubic-bezier(.32,.72,0,1) infinite amsi-key-loop}.stem-icon[data-motion=playing] .amsi-key-2{animation:1.4s cubic-bezier(.32,.72,0,1) .35s infinite amsi-key-loop}@keyframes amsi-key-glow{0%{opacity:0}35%{opacity:.4}to{opacity:0}}@keyframes amsi-key-glow-loop{0%,12%{opacity:0}22%{opacity:.35}45%,to{opacity:0}}: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]) .amsi-key-glow{animation:.42s cubic-bezier(.32,.72,0,1) .12s amsi-key-glow}.stem-icon[data-motion=playing] .amsi-key-glow{animation:1.4s cubic-bezier(.32,.72,0,1) infinite amsi-key-glow-loop}@keyframes amsi-wave-in{0%{transform:scale(1)}30%{transform:scale(1.18)}70%,to{transform:scale(1)}}@keyframes amsi-wave-in-loop{0%{transform:scale(1)}14%{transform:scale(1.14)}36%,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]) .amsi-wave-in{animation:.36s cubic-bezier(.34,1.56,.64,1) amsi-wave-in}.stem-icon[data-motion=playing] .amsi-wave-in{animation:1.4s cubic-bezier(.32,.72,0,1) infinite amsi-wave-in-loop}@keyframes amsi-wave-out-l{0%{opacity:0;transform:translate(1.2px)scale(.7)}50%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(-.6px)scale(1.05)}}@keyframes amsi-wave-out-r{0%{opacity:0;transform:translate(-1.2px)scale(.7)}50%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(.6px)scale(1.05)}}: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]) .amsi-wave-out-l{animation:.42s cubic-bezier(.32,.72,0,1) 2 amsi-wave-out-l}: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]) .amsi-wave-out-r{animation:.42s cubic-bezier(.32,.72,0,1) 2 amsi-wave-out-r}.stem-icon[data-motion=playing] .amsi-wave-out-l{animation:1.4s cubic-bezier(.32,.72,0,1) infinite amsi-wave-out-l}.stem-icon[data-motion=playing] .amsi-wave-out-r{animation:1.4s cubic-bezier(.32,.72,0,1) infinite amsi-wave-out-r}@keyframes amsi-wave-side{0%{opacity:0;transform:translate(-1.4px)scale(.6)}55%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(.35px)scale(1.04)}}@keyframes amsi-wave-side-loop{0%{opacity:0;transform:translate(-1.2px)scale(.72)}24%{opacity:.9;transform:translate(0)scale(1)}36%{opacity:.9;transform:translate(0)scale(1)}52%,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]) .amsi-wave-side{animation:.43s cubic-bezier(.32,.72,0,1) 2 amsi-wave-side}.stem-icon[data-motion=playing] .amsi-wave-side{animation:1.4s cubic-bezier(.32,.72,0,1) infinite amsi-wave-side-loop}@keyframes amsi-hole{0%{transform:scale(1)}16%{transform:scale(1.4)}70%,to{transform:scale(1)}}@keyframes amsi-hole-loop{0%{transform:scale(1)}8%{transform:scale(1.22)}32%,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]) .amsi-hole{animation:.6s cubic-bezier(.34,1.56,.64,1) amsi-hole}.stem-icon[data-motion=playing] .amsi-hole{animation:1.4s cubic-bezier(.32,.72,0,1) infinite amsi-hole-loop}@keyframes amsi-guitar{0%{transform:rotate(0)}28%{transform:rotate(-4deg)}60%{transform:rotate(2.5deg)}to{transform:rotate(0)}}@keyframes amsi-guitar-loop{0%{transform:rotate(0)}10%{transform:rotate(-3deg)}24%{transform:rotate(1.5deg)}38%,to{transform:rotate(0)}}: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]) .amsi-guitar{animation:.56s cubic-bezier(.32,.72,0,1) amsi-guitar}.stem-icon[data-motion=playing] .amsi-guitar{animation:1.4s cubic-bezier(.32,.72,0,1) infinite amsi-guitar-loop}@keyframes amsi-strum{0%{opacity:0}20%{opacity:.32}to{opacity:0}}: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]) .amsi-strum{animation:.48s cubic-bezier(.32,.72,0,1) amsi-strum}.stem-icon[data-motion=playing] .amsi-strum{animation:1.4s cubic-bezier(.32,.72,0,1) infinite amsi-strum}@keyframes amsi-notes{0%{transform:translateY(0)rotate(0)}32%{transform:translateY(-1px)rotate(-8deg)}64%{transform:translateY(.2px)rotate(3deg)}to{transform:translateY(0)rotate(0)}}@keyframes amsi-notes-loop{0%,40%{transform:translateY(0)rotate(0)}50%{transform:translateY(-.9px)rotate(-6deg)}62%{transform:translateY(.15px)rotate(2deg)}72%,to{transform:translateY(0)rotate(0)}}: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]) .amsi-notes{animation:.46s cubic-bezier(.34,1.56,.64,1) .32s amsi-notes}.stem-icon[data-motion=playing] .amsi-notes{animation:1.4s cubic-bezier(.32,.72,0,1) infinite amsi-notes-loop}@media (prefers-reduced-motion:reduce){.stem-icon :is([class^=amsi-],[class*=\ amsi-]){animation:none!important}}