.cpi{overflow:visible}.cpi [class*=cpi-]{transform-box:view-box}.cpi .cpi-plus-turn,.cpi .cpi-plus-h,.cpi .cpi-plus-v{transform-origin:12px 12px}.cpi .cpi-plus-turn{transition:transform .32s var(--ease-spring,cubic-bezier(.34, 1.56, .64, 1))}button[aria-expanded=true]>.cpi[data-glyph=plus] .cpi-plus-turn{transform:rotate(45deg)}@keyframes cpi-plus-h{0%{transform:scaleX(1)}35%{transform:scaleX(.72)}70%{transform:scaleX(1.12)}to{transform:scaleX(1)}}@keyframes cpi-plus-v{0%{transform:scaleY(1)}35%{transform:scaleY(.72)}70%{transform:scaleY(1.12)}to{transform:scaleY(1)}}@media (hover:hover){button:is(:hover,:focus-visible)>.cpi[data-glyph=plus] .cpi-plus-h{animation:cpi-plus-h .46s var(--ease-standard,cubic-bezier(.32, .72, 0, 1)) 1}button:is(:hover,:focus-visible)>.cpi[data-glyph=plus] .cpi-plus-v{animation:cpi-plus-v .46s var(--ease-standard,cubic-bezier(.32, .72, 0, 1)) 70ms 1}}.cpi .cpi-dice-roll{transform-origin:12px 12px}.cpi .cpi-dice-hv{transform-origin:12px 13px}@keyframes cpi-dice-roll{0%{transform:translateY(0)scale(1)rotate(0)}20%{transform:translateY(-4px)scale(.9)rotate(-100deg)}50%{transform:translateY(-2.5px)scale(.9)rotate(-250deg)}72%{transform:translateY(.5px)scale(1.08,.92)rotate(-352deg)}86%{transform:translateY(-.6px)scale(.98,1.02)rotate(-363deg)}to{transform:translateY(0)scale(1)rotate(-360deg)}}@keyframes cpi-dice-five{0%,11%{opacity:1}12%,61%{opacity:0}62%,to{opacity:1}}@keyframes cpi-dice-two{0%,11%{opacity:0}12%,29%{opacity:1}30%,to{opacity:0}}@keyframes cpi-dice-six{0%,29%{opacity:0}30%,45%{opacity:1}46%,to{opacity:0}}@keyframes cpi-dice-three{0%,45%{opacity:0}46%,61%{opacity:1}62%,to{opacity:0}}.cpi .cpi-dice-roll[data-rolling]{animation:.68s cubic-bezier(.25,.6,.4,1) cpi-dice-roll}.cpi .cpi-dice-roll[data-rolling] .cpi-dice-five{animation:.68s linear cpi-dice-five}.cpi .cpi-dice-roll[data-rolling] .cpi-dice-two{animation:.68s linear cpi-dice-two}.cpi .cpi-dice-roll[data-rolling] .cpi-dice-six{animation:.68s linear cpi-dice-six}.cpi .cpi-dice-roll[data-rolling] .cpi-dice-three{animation:.68s linear cpi-dice-three}@keyframes cpi-dice-hv{0%{transform:rotate(0)}25%{transform:rotate(-14deg)}55%{transform:rotate(9deg)}80%{transform:rotate(-3deg)}to{transform:rotate(0)}}@media (hover:hover){button:is(:hover,:focus-visible)>.cpi[data-glyph=dice] .cpi-dice-hv{animation:.52s ease-in-out cpi-dice-hv}}.cpi .cpi-lyr-note-hv,.cpi .cpi-lyr-note-in{transform-origin:15.5px 18.75px}@keyframes cpi-lyr-draw{0%{stroke-dashoffset:1px;opacity:0}1%{stroke-dashoffset:1px;opacity:1}to{stroke-dashoffset:0;opacity:1}}@keyframes cpi-lyr-note-in{0%{transform:scale(0)rotate(-20deg)}65%{transform:scale(1.15)rotate(6deg)}to{transform:scale(1)rotate(0)}}button[aria-pressed=true]>.cpi[data-glyph=lyrics] .cpi-lyr-line{stroke-dasharray:1 1}button[aria-pressed=true]>.cpi[data-glyph=lyrics] .cpi-lyr-l1{animation:cpi-lyr-draw .3s var(--ease-standard,cubic-bezier(.32, .72, 0, 1)) 1 backwards}button[aria-pressed=true]>.cpi[data-glyph=lyrics] .cpi-lyr-l2{animation:cpi-lyr-draw .26s var(--ease-standard,cubic-bezier(.32, .72, 0, 1)) 90ms 1 backwards}button[aria-pressed=true]>.cpi[data-glyph=lyrics] .cpi-lyr-l3{animation:cpi-lyr-draw .22s var(--ease-standard,cubic-bezier(.32, .72, 0, 1)) .17s 1 backwards}button[aria-pressed=true]>.cpi[data-glyph=lyrics] .cpi-lyr-note-in{animation:cpi-lyr-note-in .42s var(--ease-standard,cubic-bezier(.32, .72, 0, 1)) .25s 1 backwards}@keyframes cpi-lyr-note-hv{0%{transform:translateY(0)rotate(0)}35%{transform:translateY(-2.5px)rotate(-8deg)}70%{transform:translateY(.4px)rotate(2deg)}to{transform:translateY(0)rotate(0)}}@media (hover:hover){button:is(:hover,:focus-visible)>.cpi[data-glyph=lyrics] .cpi-lyr-note-hv{animation:cpi-lyr-note-hv .48s var(--ease-standard,cubic-bezier(.32, .72, 0, 1)) 1}}.cpi .cpi-mic-hv{transform-origin:12px 21.25px}.cpi .cpi-mic-in{transform-origin:12px 8px}.cpi .cpi-mic-wave{transform-origin:12px 6px}@keyframes cpi-mic-in{0%{opacity:0;transform:translateY(-5px)}55%{opacity:1;transform:translateY(.8px)}78%{opacity:1;transform:translateY(-.4px)}to{opacity:1;transform:translateY(0)}}[aria-checked=true] .cpi[data-glyph=vocals] .cpi-mic-in{animation:cpi-mic-in .48s var(--ease-standard,cubic-bezier(.32, .72, 0, 1)) 1}@keyframes cpi-mic-hv{0%{transform:rotate(0)}25%{transform:rotate(-9deg)}55%{transform:rotate(7deg)}80%{transform:rotate(-2deg)}to{transform:rotate(0)}}@keyframes cpi-mic-wave{0%{opacity:0;transform:scale(.6)}40%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.15)}}@media (hover:hover){[role=radio]:is(:hover,:focus-visible) .cpi[data-glyph=vocals] .cpi-mic-hv{animation:.6s ease-in-out cpi-mic-hv}[role=radio]:is(:hover,:focus-visible) .cpi[data-glyph=vocals] .cpi-mic-wave{animation:.56s ease-out 80ms cpi-mic-wave}}.cpi .cpi-gtr-hv,.cpi .cpi-gtr-in{transform-origin:8px 16px}.cpi .cpi-gtr-ring{transform-origin:9.5px 14.5px}@keyframes cpi-gtr-in{0%{opacity:0;transform:rotate(-35deg)scale(.7)}60%{opacity:1;transform:rotate(6deg)scale(1.04)}to{opacity:1;transform:rotate(0)scale(1)}}[aria-checked=true] .cpi[data-glyph=instrumental] .cpi-gtr-in{animation:cpi-gtr-in .52s var(--ease-standard,cubic-bezier(.32, .72, 0, 1)) 1}@keyframes cpi-gtr-hv{0%{transform:rotate(0)}20%{transform:rotate(5deg)}40%{transform:rotate(-3.5deg)}60%{transform:rotate(2deg)}80%{transform:rotate(-1deg)}to{transform:rotate(0)}}@keyframes cpi-gtr-ring{0%{opacity:.9;transform:scale(.55)}to{opacity:0;transform:scale(1.5)}}@media (hover:hover){[role=radio]:is(:hover,:focus-visible) .cpi[data-glyph=instrumental] .cpi-gtr-hv{animation:.56s ease-out cpi-gtr-hv}[role=radio]:is(:hover,:focus-visible) .cpi[data-glyph=instrumental] .cpi-gtr-ring{animation:.52s ease-out 40ms cpi-gtr-ring}}.cpi .cpi-hum-bubble{transform-origin:7.75px 20.25px}.cpi .cpi-hum-note{transform-origin:11.5px 12.5px}.cpi .cpi-voice-head{transform-origin:9px 7.75px}.cpi .cpi-voice-wave{transform-origin:12px 7.75px}.cpi .cpi-disc-spin{transform-origin:12px 12px}.cpi .cpi-img-sun{transform-origin:15.75px 9px}.cpi .cpi-img-hill{transform-origin:12px 17.5px}@keyframes cpi-hum-bubble{0%{transform:scale(1)}35%{transform:scale(.9)}70%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes cpi-hum-note{0%{transform:translateY(0)rotate(0)}40%{transform:translateY(-1.75px)rotate(-10deg)}75%{transform:translateY(.3px)rotate(3deg)}to{transform:translateY(0)rotate(0)}}@keyframes cpi-voice-wave{0%{opacity:1;transform:scale(1)}22%{opacity:0;transform:scale(.55)}70%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes cpi-voice-head{0%{transform:translate(0)}40%{transform:translate(.4px,-.8px)}to{transform:translate(0)}}@keyframes cpi-disc-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes cpi-img-sun{0%{opacity:0;transform:translateY(2.25px)scale(.6)}60%{opacity:1;transform:translateY(-.5px)scale(1.1)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes cpi-img-hill{0%{transform:scaleY(1)}40%{transform:scaleY(.8)}75%{transform:scaleY(1.06)}to{transform:scaleY(1)}}@keyframes cpi-midi-note{0%{opacity:0;transform:translate(-2.5px)}60%{opacity:1;transform:translate(.4px)}to{opacity:1;transform:translate(0)}}@keyframes cpi-midi-key{0%{transform:translateY(0)}40%{transform:translateY(.75px)}to{transform:translateY(0)}}@media (hover:hover){:is([role=menuitem][data-highlighted],button:hover,button:focus-visible)>.cpi[data-glyph=hum] .cpi-hum-bubble{animation:cpi-hum-bubble .46s var(--ease-standard,cubic-bezier(.32, .72, 0, 1)) 1}:is([role=menuitem][data-highlighted],button:hover,button:focus-visible)>.cpi[data-glyph=hum] .cpi-hum-note{animation:cpi-hum-note .52s var(--ease-standard,cubic-bezier(.32, .72, 0, 1)) 60ms 1}:is([role=menuitem][data-highlighted],button:hover,button:focus-visible)>.cpi[data-glyph=voice] .cpi-voice-head{animation:.5s ease-in-out cpi-voice-head}:is([role=menuitem][data-highlighted],button:hover,button:focus-visible)>.cpi[data-glyph=voice] .cpi-voice-wave-1{animation:cpi-voice-wave .52s var(--ease-standard,cubic-bezier(.32, .72, 0, 1)) 1}:is([role=menuitem][data-highlighted],button:hover,button:focus-visible)>.cpi[data-glyph=voice] .cpi-voice-wave-2{animation:cpi-voice-wave .52s var(--ease-standard,cubic-bezier(.32, .72, 0, 1)) .11s 1}:is([role=menuitem][data-highlighted],button:hover,button:focus-visible)>.cpi[data-glyph=audio] .cpi-disc-spin{animation:cpi-disc-spin .72s var(--ease-standard,cubic-bezier(.32, .72, 0, 1)) 1}:is([role=menuitem][data-highlighted],button:hover,button:focus-visible)>.cpi[data-glyph=image] .cpi-img-sun{animation:cpi-img-sun .48s var(--ease-standard,cubic-bezier(.32, .72, 0, 1)) 1}:is([role=menuitem][data-highlighted],button:hover,button:focus-visible)>.cpi[data-glyph=image] .cpi-img-hill{animation:cpi-img-hill .46s var(--ease-standard,cubic-bezier(.32, .72, 0, 1)) 40ms 1}:is([role=menuitem][data-highlighted],button:hover,button:focus-visible)>.cpi[data-glyph=midi] .cpi-midi-note-1{animation:cpi-midi-note .36s var(--ease-standard,cubic-bezier(.32, .72, 0, 1)) 1 backwards}:is([role=menuitem][data-highlighted],button:hover,button:focus-visible)>.cpi[data-glyph=midi] .cpi-midi-note-2{animation:cpi-midi-note .36s var(--ease-standard,cubic-bezier(.32, .72, 0, 1)) 80ms 1 backwards}:is([role=menuitem][data-highlighted],button:hover,button:focus-visible)>.cpi[data-glyph=midi] .cpi-midi-key-1{animation:.22s ease-out .2s cpi-midi-key}:is([role=menuitem][data-highlighted],button:hover,button:focus-visible)>.cpi[data-glyph=midi] .cpi-midi-key-2{animation:.22s ease-out .32s cpi-midi-key}}@keyframes cpi-send-flow{0%{opacity:0;transform:translateY(6px)}30%{opacity:1;transform:translateY(2.4px)}70%{opacity:1;transform:translateY(-2.4px)}to{opacity:0;transform:translateY(-6px)}}.cpi .cpi-send-chev-a{animation:1.1s linear infinite cpi-send-flow}.cpi .cpi-send-chev-b{animation:1.1s linear -550ms infinite cpi-send-flow}@keyframes cpi-send-hv{0%{transform:translateY(0)}35%{transform:translateY(-2.75px)}65%{transform:translateY(.6px)}to{transform:translateY(0)}}@media (hover:hover){button:is(:hover,:focus-visible)>.cpi[data-glyph=send] .cpi-send-hv{animation:cpi-send-hv .46s var(--ease-standard,cubic-bezier(.32, .72, 0, 1)) 1}}@keyframes cpi-mm-in{0%{opacity:0;transform:translate(-3px)}to{opacity:1;transform:translate(0)}}@keyframes cpi-mm-hv{0%{transform:translateY(0)}40%{transform:translateY(-1.5px)}to{transform:translateY(0)}}@keyframes cpi-mm-arrow{0%{transform:translate(0)}40%{transform:translate(1.5px)}to{transform:translate(0)}}[aria-checked=true] .cpi:is([data-glyph=midi-standard],[data-glyph=midi-long]) .cpi-mm-in-1{animation:cpi-mm-in .36s var(--ease-standard,cubic-bezier(.32, .72, 0, 1)) 0s 1 backwards}[aria-checked=true] .cpi:is([data-glyph=midi-standard],[data-glyph=midi-long]) .cpi-mm-in-2{animation:cpi-mm-in .36s var(--ease-standard,cubic-bezier(.32, .72, 0, 1)) 70ms 1 backwards}[aria-checked=true] .cpi:is([data-glyph=midi-standard],[data-glyph=midi-long]) .cpi-mm-in-3{animation:cpi-mm-in .36s var(--ease-standard,cubic-bezier(.32, .72, 0, 1)) .14s 1 backwards}[aria-checked=true] .cpi:is([data-glyph=midi-standard],[data-glyph=midi-long]) .cpi-mm-in-4{animation:cpi-mm-in .36s var(--ease-standard,cubic-bezier(.32, .72, 0, 1)) .21s 1 backwards}[aria-checked=true] .cpi:is([data-glyph=midi-standard],[data-glyph=midi-long]) .cpi-mm-in-5{animation:cpi-mm-in .36s var(--ease-standard,cubic-bezier(.32, .72, 0, 1)) .28s 1 backwards}@media (hover:hover){[role=radio]:is(:hover,:focus-visible) .cpi:is([data-glyph=midi-standard],[data-glyph=midi-long]) .cpi-mm-hv-1{animation:.38s ease-out cpi-mm-hv}[role=radio]:is(:hover,:focus-visible) .cpi:is([data-glyph=midi-standard],[data-glyph=midi-long]) .cpi-mm-hv-2{animation:.38s ease-out 50ms cpi-mm-hv}[role=radio]:is(:hover,:focus-visible) .cpi:is([data-glyph=midi-standard],[data-glyph=midi-long]) .cpi-mm-hv-3{animation:.38s ease-out .1s cpi-mm-hv}[role=radio]:is(:hover,:focus-visible) .cpi:is([data-glyph=midi-standard],[data-glyph=midi-long]) .cpi-mm-hv-4{animation:.38s ease-out .15s cpi-mm-hv}[role=radio]:is(:hover,:focus-visible) .cpi:is([data-glyph=midi-standard],[data-glyph=midi-long]) .cpi-mm-arrow{animation:.42s ease-out .12s cpi-mm-arrow}}@keyframes cpi-send-pulse{0%,to{opacity:1}50%{opacity:.4}}@media (prefers-reduced-motion:reduce){.cpi [class*=cpi-]{transition:none!important;animation:none!important}.cpi .cpi-send-busy{animation:1.6s ease-in-out infinite cpi-send-pulse!important}}