.music-notes-wrapper[data-v-f4971c4a]{overflow:hidden;pointer-events:none;z-index:0}.music-notes[data-v-f4971c4a],.music-notes-wrapper[data-v-f4971c4a]{height:100%;inset:0;position:absolute;width:100%}.click-sparkle-overlay[data-v-f4971c4a]{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:45}.note[data-v-f4971c4a]{animation-fill-mode:both;animation-iteration-count:infinite;animation-name:float-f4971c4a;animation-timing-function:ease-in-out;filter:drop-shadow(0 0 var(--note-shadow-blur,8px) currentColor);font-size:1.8rem}.click-note[data-v-f4971c4a],.note[data-v-f4971c4a]{position:absolute;will-change:transform,opacity}.click-note[data-v-f4971c4a]{animation-fill-mode:forwards;animation-name:sparkle-pop-f4971c4a;animation-timing-function:cubic-bezier(.22,.8,.31,1);filter:drop-shadow(0 0 10px currentColor);font-weight:600;opacity:0}@keyframes float-f4971c4a{0%{opacity:0;transform:translate(0) rotate(0)}6%{opacity:1}50%{opacity:1;transform:translate(var(--translate-x),var(--translate-y)) rotate(var(--rotate))}90%{opacity:1}to{opacity:0;transform:translate(calc(var(--translate-x)*.5),calc(var(--translate-y)*.5)) rotate(calc(var(--rotate)*.5))}}@keyframes sparkle-pop-f4971c4a{0%{opacity:0;transform:translate(-50%,-50%) scale(.5) rotate(0)}18%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--sparkle-x)),calc(-50% + var(--sparkle-y))) scale(.25) rotate(var(--sparkle-rotate))}}
