.chord-block[data-v-9e31eefd]{border-radius:.5rem;cursor:move;--tw-bg-opacity:1;background-color:rgb(236 72 153/var(--tw-bg-opacity,1));padding:.75rem 1rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.chord-block[data-v-9e31eefd]:hover{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.chord-block[data-v-9e31eefd]{position:relative}.chord-block[data-v-9e31eefd]:active{--tw-scale-x:.95;--tw-scale-y:.95;opacity:.7;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition:transform .2s ease,opacity .2s ease}.chord-block[draggable=true][data-v-9e31eefd]{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.chord-timeline[data-v-9e31eefd]{transition:all .3s ease}.chord-block.playing[data-v-9e31eefd]{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);animation:pulse-glow-9e31eefd .5s ease-in-out infinite alternate;background:linear-gradient(135deg,#a855f7,#9333ea);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}@keyframes pulse-glow-9e31eefd{0%{box-shadow:0 0 10px #a855f780}to{box-shadow:0 0 20px #a855f7cc,0 0 30px #a855f766}}.playback-pulse[data-v-9e31eefd]{animation:pulse-border-9e31eefd .8s ease-in-out infinite;border:3px solid #a855f7;border-radius:.5rem;inset:-4px;pointer-events:none;position:absolute}@keyframes pulse-border-9e31eefd{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.05)}}.chord-content[data-v-9e31eefd]{text-align:center}.chord-option-btn[data-v-9e31eefd]{border-radius:.25rem;border-width:1px;cursor:pointer;--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:.75rem 1rem;transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.chord-option-btn[data-v-9e31eefd]:hover{--tw-bg-opacity:1;background-color:rgb(236 72 153/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.mini-keyboard[data-v-9e31eefd]{border-radius:.25rem;border-width:1px;display:flex;gap:.25rem;--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:.5rem}.mini-key[data-v-9e31eefd]{align-items:flex-end;border-radius:.125rem;border-width:1px;display:flex;height:4rem;justify-content:center;width:2rem;--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1));padding-bottom:.25rem;transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.mini-key.white[data-v-9e31eefd]{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.mini-key.black[data-v-9e31eefd]{height:2.5rem;margin-left:-.75rem;margin-right:-.75rem;width:1.5rem;z-index:10;--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.mini-key.highlighted[data-v-9e31eefd]{--tw-border-opacity:1;border-color:rgb(37 99 235/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(96 165 250/var(--tw-bg-opacity,1))}.mini-key.black.highlighted[data-v-9e31eefd]{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.key-label[data-v-9e31eefd]{font-size:.75rem;line-height:1rem}@media(max-width:768px){.mini-key[data-v-9e31eefd]{height:3rem;width:1.5rem}.mini-key.black[data-v-9e31eefd]{height:2rem;width:1rem}}.guitar-fretboard[data-v-9e31eefd]{border-radius:.25rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:.75rem}