.csi{overflow:visible}.csi :is(.csi-note-hv,.csi-note-loop,.csi-spark-hv,.csi-spark-loop){transform-box:view-box}.csi .csi-note-hv,.csi .csi-note-loop{transform-origin:6.8px 20.75px}.csi .csi-spark-hv,.csi .csi-spark-loop{transform-origin:18.75px 5.25px}@keyframes csi-note-hv{0%{animation-timing-function:cubic-bezier(.33,1,.68,1);transform:translateY(0)rotate(0)}34%{animation-timing-function:cubic-bezier(.32,0,.67,0);transform:translateY(-2.25px)rotate(-8deg)}62%{animation-timing-function:cubic-bezier(.32,.72,0,1);transform:translateY(0)rotate(3deg)}to{transform:translateY(0)rotate(0)}}@keyframes csi-spark-hv{0%{transform:scale(1)rotate(0)}40%{transform:scale(.55)rotate(45deg)}76%{transform:scale(1.2)rotate(90deg)}to{transform:scale(1)rotate(90deg)}}@media (hover:hover){:is(a:hover,a:focus-visible,button:not(:disabled):hover,button:focus-visible) .csi:not([data-pending]) .csi-note-hv{animation:.64s linear csi-note-hv}:is(a:hover,a:focus-visible,button:not(:disabled):hover,button:focus-visible) .csi:not([data-pending]) .csi-spark-hv{animation:.56s cubic-bezier(.32,.72,0,1) .14s csi-spark-hv}}@keyframes csi-note-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-1.5px)}}@keyframes csi-spark-spin{0%{opacity:1;transform:scale(1)rotate(0)}45%{opacity:.5;transform:scale(.6)rotate(45deg)}75%{opacity:1;transform:scale(1.15)rotate(80deg)}to{opacity:1;transform:scale(1)rotate(90deg)}}.csi[data-pending] .csi-note-loop{animation:.8s ease-in-out infinite csi-note-bob}.csi[data-pending] .csi-spark-loop{animation:1.6s ease-in-out infinite csi-spark-spin}@keyframes csi-pending-fade{0%,to{opacity:1}50%{opacity:.4}}@media (prefers-reduced-motion:reduce){.csi :is([class^=csi-],[class*=\ csi-]){animation:none!important}.csi[data-pending] .csi-note-loop{animation:1.6s ease-in-out infinite csi-pending-fade!important}}