.el-card{--el-card-border-color:var(--el-border-color-light);--el-card-border-radius:4px;--el-card-padding:20px;--el-card-bg-color:var(--el-fill-color-blank);background-color:var(--el-card-bg-color);border:1px solid var(--el-card-border-color);border-radius:var(--el-card-border-radius);color:var(--el-text-color-primary);overflow:hidden;transition:var(--el-transition-duration)}.el-card.is-always-shadow,.el-card.is-hover-shadow:focus,.el-card.is-hover-shadow:hover{box-shadow:var(--el-box-shadow-light)}.el-card__header{border-bottom:1px solid var(--el-card-border-color);box-sizing:border-box;padding:calc(var(--el-card-padding) - 2px) var(--el-card-padding)}.el-card__body{padding:var(--el-card-padding)}.el-card__footer{border-top:1px solid var(--el-card-border-color);box-sizing:border-box;padding:calc(var(--el-card-padding) - 2px) var(--el-card-padding)}.action-button{margin-right:.5rem;margin-bottom:.5rem;cursor:pointer;border-radius:.5rem;padding:.625rem 1.25rem;font-size:.875rem;line-height:1.25rem;--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity));font-weight:500}.action-button:focus{outline:2px solid transparent;outline-offset:2px}.play-button{--un-bg-opacity:1;background-color:rgb(29 78 216 / var(--un-bg-opacity))}.play-button:hover{--un-bg-opacity:1;background-color:rgb(30 64 175 / var(--un-bg-opacity))}.play-button:focus{--un-ring-width:4px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);--un-ring-opacity:1;--un-ring-color:rgb(147 197 253 / var(--un-ring-opacity))}.stop-button{--un-bg-opacity:1;background-color:rgb(185 28 28 / var(--un-bg-opacity))}.stop-button:hover{--un-bg-opacity:1;background-color:rgb(153 27 27 / var(--un-bg-opacity))}.stop-button:focus{--un-ring-width:4px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);--un-ring-opacity:1;--un-ring-color:rgb(252 165 165 / var(--un-ring-opacity))}.clear-button{--un-bg-opacity:1;background-color:rgb(55 65 81 / var(--un-bg-opacity))}.clear-button:hover{--un-bg-opacity:1;background-color:rgb(31 41 55 / var(--un-bg-opacity))}.clear-button:focus{--un-ring-width:4px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);--un-ring-opacity:1;--un-ring-color:rgb(209 213 219 / var(--un-ring-opacity))}.loop-button{--un-bg-opacity:1;background-color:rgb(21 128 61 / var(--un-bg-opacity))}.loop-button:hover{--un-bg-opacity:1;background-color:rgb(22 101 52 / var(--un-bg-opacity))}.loop-button:focus{--un-ring-width:4px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);--un-ring-opacity:1;--un-ring-color:rgb(134 239 172 / var(--un-ring-opacity))}.compress-button{--un-bg-opacity:1;background-color:rgb(55 65 81 / var(--un-bg-opacity))}.compress-button:hover{--un-bg-opacity:1;background-color:rgb(31 41 55 / var(--un-bg-opacity))}.compress-button:focus{--un-ring-width:4px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);--un-ring-opacity:1;--un-ring-color:rgb(209 213 219 / var(--un-ring-opacity))}.export-button{--un-bg-opacity:1;background-color:rgb(55 65 81 / var(--un-bg-opacity))}.export-button:hover{--un-bg-opacity:1;background-color:rgb(31 41 55 / var(--un-bg-opacity))}.export-button:focus{--un-ring-width:4px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);--un-ring-opacity:1;--un-ring-color:rgb(209 213 219 / var(--un-ring-opacity))}.show-editor-button{--un-bg-opacity:1;background-color:rgb(55 65 81 / var(--un-bg-opacity))}.show-editor-button:hover{--un-bg-opacity:1;background-color:rgb(31 41 55 / var(--un-bg-opacity))}.show-editor-button:focus{--un-ring-width:4px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);--un-ring-opacity:1;--un-ring-color:rgb(209 213 219 / var(--un-ring-opacity))}canvas[data-v-c2f4f695]{width:100%;height:auto;image-rendering:crisp-edges}.relative[data-v-c2f4f695]:hover{box-shadow:0 4px 8px #00000026}.action-button[data-v-f36aa7e5]{margin-right:.5rem;margin-bottom:.5rem;cursor:pointer;border-radius:.5rem;padding:.625rem 1.25rem;font-size:.875rem;line-height:1.25rem;--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity));font-weight:500}.action-button[data-v-f36aa7e5]:focus{outline:2px solid transparent;outline-offset:2px}.example-button[data-v-f36aa7e5]{margin-right:.5rem;margin-bottom:.5rem;cursor:pointer;border-radius:.5rem;padding:.625rem 1.25rem;font-size:.875rem;line-height:1.25rem;--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity));font-weight:500}.example-button[data-v-f36aa7e5]:focus{outline:2px solid transparent;outline-offset:2px}.select-instrument[data-v-f36aa7e5]{margin-right:.5rem;margin-bottom:.5rem;cursor:pointer;border-radius:.5rem;padding:.625rem 1.25rem;font-size:.875rem;line-height:1.25rem;--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity));font-weight:500}.select-instrument[data-v-f36aa7e5]:focus{outline:2px solid transparent;outline-offset:2px}.selected-song[data-v-f36aa7e5]{cursor:default;--un-bg-opacity:1;background-color:rgb(34 197 94 / var(--un-bg-opacity))}.selected-song[data-v-f36aa7e5]:hover{--un-bg-opacity:1;background-color:rgb(22 163 74 / var(--un-bg-opacity))}.not-selected-song[data-v-f36aa7e5]{cursor:pointer;--un-bg-opacity:1;background-color:rgb(29 78 216 / var(--un-bg-opacity))}.not-selected-song[data-v-f36aa7e5]:hover{--un-bg-opacity:1;background-color:rgb(30 64 175 / var(--un-bg-opacity))}.fade-enter-active[data-v-f36aa7e5],.fade-leave-active[data-v-f36aa7e5]{transition:opacity .5s ease}.fade-enter-from[data-v-f36aa7e5],.fade-leave-to[data-v-f36aa7e5]{opacity:0}