@import"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap";.playlist *,.playlist :after,.playlist :before{box-sizing:border-box}.playlist .btn:not(:disabled){cursor:pointer}.playlist .btn{display:inline-block;text-align:center;vertical-align:middle;text-transform:lowercase;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.playlist .btn-outline-dark{color:var(--pink);border-color:var(--pink)}.playlist .playlist-overlay{border:1px solid var(--white);border-left:none}.playlist .btn.active{background-color:var(--pink);color:var(--white)}.playlist .btn-danger{display:none!important}.playlist .btn-info{color:var(--cream);background-color:var(--wp-btn-info-background-color);border-color:var(--wp-btn-info-border-color)}.playlist .btn-xs{padding:2px 5px;font-size:9px;border-radius:5px}.playlist .btn-group{flex-grow:1;display:flex;margin:0 4px 10px}.playlist .btn-group>.btn{flex-grow:1}.playlist .btn-group>.btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.playlist .btn-group>.btn:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.playlist .time{font-size:9px;margin-top:10px;color:var(--purple);opacity:.5}.playlist .playlist-time-scale{height:30px}.playlist .playlist-time-scale canvas{opacity:.5}.playlist .playlist-tracks{background:var(--bg)}.playlist .channel,.playlist .channel-progress{background:var(--green)}.playlist .cursor{background:var(--red)}.playlist .wp-fade{background-color:var(--bg)}.playlist .state-cursor,.playlist .state-select{cursor:text}.playlist .state-fadein{cursor:w-resize}.playlist .state-fadeout{cursor:e-resize}.playlist .state-shift{cursor:ew-resize}.playlist .selection.point{background:red}.playlist .selection.segment{background:var(--purple);opacity:.5;z-index:9999;height:200px}.playlist .channel-wrapper.silent .channel{opacity:.3}.playlist .controls{background:var(--bg);text-align:center;border:1px solid var(--white);border-radius:.2rem}.playlist .controls .track-header{overflow:hidden;height:26px;display:flex;align-items:center;justify-content:space-between;padding:0 .2rem;font-size:9px;text-transform:uppercase;font-weight:700}.playlist .controls .track-header span{opacity:.5;color:var(--black)}.playlist .controls .track-header button{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.playlist .controls label{width:100%;display:flex;justify-content:space-between;font: 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0);padding:0 1rem;margin-bottom:.2rem}.playlist .controls label:before{color:var(--wp-range-slider-label-color);font-size:18px;padding-right:5px;-moz-osx-font-smoothing:grayscale}.playlist .controls label:after{color:var(--wp-range-slider-label-color);font-size:18px;padding-left:5px}.playlist .controls label.volume:before{content:""}.playlist .controls label.volume:after{content:""}.playlist .controls label.stereopan:before{content:"L"}.playlist .controls label.stereopan:after{content:"R"}.playlist .controls input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;width:75%}.playlist .controls input[type=range]::-webkit-slider-runnable-track{height:5px;background:var(--grey);border:none;border-radius:3px}.playlist .controls input[type=range]::-moz-range-track{height:5px;background:var(--grey);border:none;border-radius:3px}.playlist .controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;height:12px;width:12px;border-radius:50%;background:var(--purple);margin-top:-5px;cursor:ew-resize}.playlist .controls input[type=range]::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;height:12px;width:12px;border-radius:50%;background:var(--purple);margin-top:-5px;cursor:ew-resize}.playlist .controls input[type=range]:focus{outline:none}.playlist .controls input[type=range]:focus::-webkit-slider-runnable-track{background:var(--wp-range-slider-background-focus-color)}.playlist .controls input[type=range]:focus::-moz-range-track{background:var(--wp-range-slider-background-focus-color)}.playlist .controls input[type=range]:focus::-webkit-slider-thumb{border:2px solid var(--wp-range-slider-focus-color)}.playlist .controls input[type=range]:focus::-moz-range-thumb{border:2px solid var(--wp-range-slider-focus-color)}.playlist .annotations .annotations-boxes{text-align:center}.playlist .annotations .annotation-box{border:2px dashed var(--red);padding:0 10px;line-height:1.5}.playlist .annotations .annotation-box .resize-handle{background:var(--red);opacity:.3;cursor:ew-resize}.playlist .annotations .annotation-box .id{cursor:pointer;display:inline-block;width:100%;height:100%}.playlist .annotations .annotations-text{font-size:19px;font-weight:300;margin-top:1em;height:160px;overflow-x:hidden;overflow-y:auto}.playlist .annotations .annotations-text .annotation{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch}.playlist .annotations .annotations-text .annotation span{margin:.3rem .6rem}.playlist .annotations .annotations-text .annotation span:last-of-type{margin-right:1.2rem}.playlist .annotations .annotations-text .annotation .annotation-id,.playlist .annotations .annotations-text .annotation .annotation-start,.playlist .annotations .annotations-text .annotation .annotation-end{font-size:16px;line-height:27px}.playlist .annotations .annotations-text .annotation .annotation-lines{flex-grow:10}.playlist .annotations .annotations-text .annotation .annotation-actions{flex-basis:auto;width:85px;text-align:right;font-size:16px}.playlist .annotations .annotations-text .annotation .annotation-actions i{margin-right:.6rem}.playlist .annotations .annotations-text .annotation .annotation-actions i:last-of-type{margin-right:0}.playlist .annotations .annotations-text .annotation .annotation-actions i:hover{color:var(--wp-annotation-icon-hover-color);cursor:pointer}.playlist .annotations .current{background-color:var(--wp-annotation-current-background-color)}*{transition-duration:.3s}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter,.fade-leave-to{opacity:0}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--bg: #E3E8FE;--green: #9EB25F;--green-light: #E2E0B7;--blue: #81DAEC;--slate: #8F9184;--cream: #E6CEC4;--red: #FF8089;--pink: #EE70AD;--white: #F9FAFC;--purple: #896B8D;--grey: #E8D0CB;--black: #130E0C}html,body,#app{font-family:Rubik,sans-serif;font-optical-sizing:auto;font-style:normal;width:100vw;height:100vh;overflow:hidden;background-color:var(--bg);color:var(--black)}#app{display:flex;flex-direction:column;justify-content:space-between}.loader{width:48px;height:48px;border:5px solid #FFF;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fretboard[data-v-12b674c4]{display:flex;width:100%;max-width:90vw;margin:-40px auto 0;padding-left:15px;flex-direction:column;position:relative}.string[data-v-12b674c4]{flex:1;border-bottom:1px solid var(--white);display:flex;flex-direction:row;align-items:center;justify-content:space-between;position:relative;pointer-events:none}.string[data-v-12b674c4]:first-of-type{font-size:9px;position:relative}.string:first-of-type .scale-marker[data-v-12b674c4]{border:1px solid var(--bg);border-radius:50%;height:20px;width:20px;display:flex;align-items:center;justify-content:center;border-color:transparent;font-size:8px;color:var(--purple);position:absolute;left:-10px;top:20px}.inlay[data-v-12b674c4]{width:15px;height:15px;background-color:var(--purple);border-radius:50%;z-index:1;position:absolute;opacity:.3;left:-40px;pointer-events:none}.inlay.doubled[data-v-12b674c4]{margin-top:-20px}.inlay.double[data-v-12b674c4]{margin-top:20px}.string:first-of-type .fret[data-v-12b674c4]{border:none}.fret[data-v-12b674c4]{display:flex;height:37.5px;border-right:1px solid #ced3e4;position:relative;pointer-events:none}.ols[data-v-12b674c4]{border:2px solid var(--green)!important}.note[data-v-12b674c4]{width:30px;height:30px;border-radius:50%;background-color:var(--bg);box-shadow:7px 9px 19px #c1c5d8,-4px -5px 40px #fff;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;position:absolute;left:-40px;bottom:-15px;z-index:9;opacity:0;font-weight:700;pointer-events:none}.note.ols[data-v-12b674c4]{opacity:.5}.note.active[data-v-12b674c4]{opacity:.2}.root[data-v-12b674c4]{background-color:var(--cream)}.highlight.active[data-v-12b674c4]{opacity:1}.controls[data-v-12b674c4]{text-align:center;display:flex;justify-content:space-between;flex-direction:row;width:100%;top:20px;left:0;position:absolute;z-index:5}.controls button[data-v-12b674c4]{margin:0 5px;padding:10px 0;background-color:transparent;color:#fff;border:none;cursor:pointer;border-radius:5px;flex-grow:1}.keyboard[data-v-2251d683]{display:flex;justify-content:center}.octave[data-v-2251d683]{display:flex;position:relative}.key[data-v-2251d683]{position:relative;color:var(--grey)}.white-key[data-v-2251d683]{width:40px;height:200px;border:1px solid transparent;margin-right:2px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;box-shadow:7px 9px 19px #c1c5d8,-4px -5px 40px #fff;background-color:var(--white);position:relative;z-index:1}.black-key[data-v-2251d683]{width:30px;height:150px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;border:1px solid transparent;box-shadow:1px 0 9px #c1c5d8,-1px -2px 20px #fff;background-color:#d2d7ea;position:absolute;right:-15px;top:0;z-index:2}.active[data-v-2251d683]{background-color:var(--blue)}.ols[data-v-2251d683]{border:2px solid var(--green)!important}.note[data-v-2251d683]{width:30px;height:30px;font-size:11px;text-align:center;line-height:30px;box-shadow:7px 9px 19px #c1c5d8,-4px -5px 40px #fff;color:#fff;bottom:10px;left:50%;transform:translate(-50%);z-index:9;border-radius:50%;background-color:var(--bg);position:absolute;opacity:0}.note.active[data-v-2251d683],.note.ols[data-v-2251d683]{opacity:.5}.note.active.hilight[data-v-2251d683]{opacity:1}.root[data-v-2251d683]{background-color:var(--cream)}.tuner[data-v-9b8b118b]{height:100vh;width:100vw;position:fixed;left:0;top:0;z-index:9999;background-color:var(--bg)}.tuner .marker[data-v-9b8b118b]{position:absolute;width:0;height:0;border-style:solid;border-width:10px 10px 0 10px;border-color:var(--green) transparent transparent transparent;border-radius:5px;top:80px;left:calc(50vw - 14px)}.tuner .scale[data-v-9b8b118b]{display:flex;width:100vw;top:30vh;position:relative;justify-content:space-between}.tuner .scale .tick[data-v-9b8b118b]{background-color:var(--purple);opacity:.5;width:1px;height:75px}.tuner .scale .tick.short[data-v-9b8b118b]{height:100px;margin-top:-7.5px}.tuner .scale .tick.center[data-v-9b8b118b]{opacity:1;background-color:var(--pink);height:150px}.tuner .note[data-v-9b8b118b]{text-align:center;font-size:24px;line-height:100px;transition:transform .3s ease}.tuner .note.active[data-v-9b8b118b]{color:red}.tuner .current-note[data-v-9b8b118b]{position:absolute;bottom:20px;left:20px;font-size:60px;color:var(--cream)}.stems[data-v-2f660c4f]{padding:10px 8px;background:var(--bg);top:0;left:0;width:100vw;height:100vh;overflow:hidden;position:fixed;z-index:9999}@keyframes spin-2f660c4f{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading[data-v-2f660c4f]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--blue);display:flex;flex-direction:column;align-items:center;justify-content:center}.loading button[data-v-2f660c4f]{border:1px solid var(--blue);background-color:transparent;color:var(--blue);margin-top:20px;padding:5px 10px;border-radius:5px}.loading .spin[data-v-2f660c4f]{animation:spin-2f660c4f 1s infinite linear}.play-bar[data-v-2f660c4f]{position:absolute;align-items:center;margin-bottom:10px;border-radius:5px;display:flex;border:1px solid var(--white);justify-content:space-between;background-color:#f9fafc7f;box-shadow:2px 2px 14px #c1c5d8,-2px -2px 40px #fff;top:40px;left:100px}.play-bar button[data-v-2f660c4f]{border:none;color:var(--white);flex-grow:1;padding:5px 10px;cursor:pointer;border-radius:5px;margin:5px;opacity:.7}.play-bar button.play[data-v-2f660c4f]{background-color:var(--slate)}.play-bar button.pause[data-v-2f660c4f]{background-color:var(--purple)}.play-bar button.stop[data-v-2f660c4f]{background-color:var(--red)}.play-bar button.fx-btn[data-v-2f660c4f]{background-color:var(--pink)}.play-bar button.loop-btn[data-v-2f660c4f]{color:var(--blue);background-color:var(--transparent);border:1px solid var(--blue)}.play-bar button.loop-btn.active[data-v-2f660c4f]{background-color:var(--blue);color:var(--white)}.play-bar button.zoom[data-v-2f660c4f]{background-color:var(--green-light)}.head[data-v-2f660c4f]{display:flex;align-items:center;margin-bottom:0;background-color:var(--bg)}.head>button[data-v-2f660c4f]{position:absolute;background-color:transparent;border:none;color:var(--white);left:20px;border-radius:5px;opacity:.5}.head a[data-v-2f660c4f]{background-color:var(--green);border-radius:5px;color:var(--white);text-decoration:none;display:flex;align-items:center;justify-content:center;padding:2px 5px;text-transform:uppercase;font-size:9px;position:absolute;right:30px;top:10px}.head a[data-v-2f660c4f]:hover{text-decoration:underline}.head>div[data-v-2f660c4f]{display:flex;flex-direction:column;max-width:50%;text-overflow:ellipsis;text-wrap:nowrap;align-self:start;padding-right:30px;padding-top:2px;background-color:var(--bg);z-index:2}.head>div .floatc[data-v-2f660c4f]{position:absolute;right:-20px;top:-2px;width:12px;color:var(--pink)}.head>div p[data-v-2f660c4f]{color:var(--black);font-size:11px;opacity:.8;position:relative;overflow:hidden}.head>div b[data-v-2f660c4f]{color:var(--purple);opacity:.5;font-size:9px;font-weight:700}.head>div [data-v-2f660c4f]{display:block}.head img[data-v-2f660c4f]{width:80px;height:80px;border-radius:5px;margin-right:10px}@keyframes scroll-2f660c4f{0%{transform:translate(0)}to{transform:translate(-100%)}}.te-drawer[data-v-2f660c4f]{width:30vw;height:100vh;position:absolute;z-index:999;top:0;right:0;background-color:#f9fafc7f;box-shadow:2px 2px 24px #c1c5d8,-2px -2px 40px #fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transform:translate(calc(100% - 10px))}.te-drawer.open[data-v-2f660c4f]{transform:translate(0)}.te-drawer.open .tag[data-v-2f660c4f]{background-color:#f9fafc7f}.te-drawer .tag[data-v-2f660c4f]{position:absolute;width:100%;height:40px;background-color:#f9fafc7f;box-shadow:-4px -4px 24px #c1c5d8,-3px -2px 40px #fff;border-radius:5px;width:40px;left:-40px;z-index:9889;top:50px}.te-drawer .tag img[data-v-2f660c4f]{width:100%;padding:7.5px;box-sizing:border-box}.te-drawer .actions[data-v-2f660c4f]{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.te-drawer .actions button[data-v-2f660c4f]{width:100%;height:100px;padding-top:10px;border:none;cursor:pointer;border-bottom:1px solid var(--white);background-color:transparent;color:var(--black);opacity:.4;font-weight:700;display:flex;flex-direction:column;align-items:center;justify-content:center}.te-drawer .actions button.active[data-v-2f660c4f]{color:var(--white);opacity:1;background-color:var(--cream)}.te-drawer .actions button[data-v-2f660c4f]:last-child{border-bottom:none}.warp-modal[data-v-2f660c4f]{color:var(--red);position:absolute;z-index:899;font-size:12px;background-color:#f9fafc7f;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:-4px -4px 24px #c1c5d8,-3px -2px 40px #fff;border-radius:5px;padding:10px 25px 15px 20px;display:flex;flex-direction:column;top:40px;right:80px}.warp-modal .temp[data-v-2f660c4f]{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:10px}.warp-modal .temp button[data-v-2f660c4f]{border:1px solid var(--green);background-color:transparent;color:var(--green);padding:7px 10px;margin:0;border-radius:5px}.warp-modal .temp button.active[data-v-2f660c4f]{background-color:var(--green);color:var(--bg)}.warp-modal .temp input[data-v-2f660c4f]{width:70px;flex-grow:1;border:none;border-radius:5px;margin-right:5px;background-color:var(--bg);padding:10px 5px;color:var(--slate)}.warp-modal label[data-v-2f660c4f]{font-size:9px;font-weight:700;color:var(--green)}.warp-modal input[data-v-2f660c4f]{width:100%;border:none;border-radius:5px;background-color:var(--bg);padding:10px 5px;color:var(--slate)}.quantize[data-v-2f660c4f]{background-color:var(--bg);border:1px solid var(--blue);color:var(--blue);padding:5px 10px;border-radius:5px;font-size:9px;position:absolute;top:10px;right:100px;font-style:italic}.quantize.active[data-v-2f660c4f]{background-color:var(--blue);color:var(--bg)}.fx[data-v-2f660c4f]{display:flex;flex-direction:row;flex-wrap:nowrap;overflow-x:scroll;position:fixed;width:100vw;bottom:0;left:0;background-color:var(--pink);z-index:999;box-shadow:2px 2px 14px #c1c5d8,-2px -2px 40px #fff}.fx .fx-item[data-v-2f660c4f]{border:1px solid var(--purple);margin:10px;border-radius:5px;padding:10px;color:var(--purple);display:flex;align-items:center;font-weight:700;font-size:11px}.fx .fx-item img[data-v-2f660c4f]{width:100px}.fx .fx-item.active[data-v-2f660c4f]{background-color:var(--pink)}.fx button[data-v-2f660c4f]{margin:5px;padding:5px 10px}.sample-modal[data-v-2f660c4f]{position:absolute;z-index:99;bottom:100px;display:flex;flex-direction:column;color:var(--white);background-color:var(--bg);box-shadow:2px 2px 14px #c1c5d8,-2px -2px 40px #fff;padding:5px;border-radius:5px;transform:translate(-150%)}.sample-modal button[data-v-2f660c4f]{color:var(--slate);border:none;border-radius:5px;padding:5px 10px;font-weight:700;font-size:11px;background-color:var(--bg);margin-bottom:8px;border:1px solid var(--slate)}.sample-modal span[data-v-2f660c4f]{color:var(--slate);font-weight:700;font-size:11px;padding:10px}.cue[data-v-2f660c4f]{position:absolute;top:50px;right:150px;color:var(--slate);border:none;border-radius:5px;padding:5px 10px;font-weight:700;font-size:9px;background-color:var(--bg);border:1px solid var(--slate)}.cue.active[data-v-2f660c4f]{background-color:var(--slate);color:var(--white)}.sample[data-v-2f660c4f]{position:absolute;top:50px;right:60px;color:var(--slate);border:none;border-radius:5px;padding:5px 10px;font-weight:700;font-size:9px;background-color:var(--bg);border:1px solid var(--slate)}.sample.active[data-v-2f660c4f]{background-color:var(--slate);color:var(--white)}#playlist[data-v-2f660c4f]{position:relative}.top[data-v-45ab6a83]{display:flex;flex-direction:row;justify-content:space-between;padding:10px 8px;background:linear-gradient(145deg,#ccd1e5,#f3f8ff);box-shadow:12px 12px 24px #c1c5d8,-12px -12px 24px #fff}.top .search[data-v-45ab6a83]{background-color:#896b8d78;display:flex;flex-direction:row;height:calc(100% - 10px);border-radius:5px;padding:4px 8px}.top .search.open[data-v-45ab6a83]{background-color:var(--purple)}.top .selected-group[data-v-45ab6a83]{display:flex;flex-direction:row}.top .selected-group .progression-pills[data-v-45ab6a83]{display:flex;flex-direction:row;margin-right:10px}.top .selected-group .progression-pills .pill[data-v-45ab6a83]{margin-right:5px;border-radius:5px;padding:2px 5px;min-width:25px;font-size:9px;background-color:transparent;color:var(--slate);border:1px solid var(--slate)}.top .selected-group .progression-pills .pill.selected[data-v-45ab6a83]{background-color:var(--green);border-color:var(--green);color:var(--white)}.top .selected-group button[data-v-45ab6a83]{font-size:9px}.top .selected-group button.select[data-v-45ab6a83]{margin-right:10px;background-color:transparent;color:var(--slate);border:1px solid var(--slate)}.top .search-selected[data-v-45ab6a83]{display:flex;flex-direction:row;max-width:180px;justify-content:flex-end;border:1px solid var(--green);padding:1px 0;align-items:center;overflow:hidden;border-radius:5px}.top .search-selected .close[data-v-45ab6a83]{background-color:var(--green);color:var(--white);height:120%;width:15px;min-width:15px;max-width:15px;margin-left:0;padding-left:2px;text-align:center;display:flex;align-items:center;justify-content:center}.top .search-selected div[data-v-45ab6a83]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:9px;padding-right:5px}.top .search-selected div b[data-v-45ab6a83]{font-weight:700;font-size:7px}.top .search-selected div a[data-v-45ab6a83]{display:flex;flex-direction:row;width:100%;justify-content:space-between;align-items:center;color:var(--purple)}.top .search-selected img[data-v-45ab6a83]{height:25px;border-radius:5px;margin:0 5px 0 3px;width:auto}.top input[data-v-45ab6a83]{outline:none;border-style:none;box-shadow:none;color:var(--white);background-color:transparent}.top input[data-v-45ab6a83]::placeholder{color:var(--white)}.top input[data-v-45ab6a83]:focus{opacity:.8}.top .toggles[data-v-45ab6a83]{display:flex;flex-direction:row}.top .toggles .tuner[data-v-45ab6a83]{background-color:var(--red)}.top .toggles .string-selector[data-v-45ab6a83]{display:flex;align-items:center;margin-left:12px}.top .toggles .string-selector button[data-v-45ab6a83]{height:100%;border-radius:0 5px 5px 0;background-color:transparent;border:1px solid var(--green);color:var(--green)}.top .toggles .string-selector button.minus[data-v-45ab6a83]{border-radius:5px 0 0 5px/5px 0px 0px 5px}.top .toggles .string-selector span[data-v-45ab6a83]{height:100%;display:flex;align-items:center;color:var(--white);background-color:var(--green);font-size:12px;padding:0 10px}.top .toggles .toggle[data-v-45ab6a83]{margin-right:12px;border-radius:5px;overflow:hidden}.top .toggles .toggle button[data-v-45ab6a83]{min-height:100%;border-radius:0}.top .toggles .toggle button.selected[data-v-45ab6a83]{background-color:var(--green-light)}.key-selector[data-v-45ab6a83]{display:flex;flex-direction:row;justify-content:space-between;padding:10px 0;position:relative}.key-selector button[data-v-45ab6a83]{background-color:var(--bg);box-shadow:12px 12px 24px #c1c5d8,-12px -12px 24px #fff;color:var(--black);font-size:11px}.key-selector[data-v-45ab6a83]::-webkit-scrollbar{display:none}.key-selector .ols-mode[data-v-45ab6a83]{position:absolute;top:-10px;border:1px solid var(--pink);font-size:9px;display:flex;align-items:center;color:var(--pink);padding:2px;border-radius:5px;margin-left:30px}.key-selector .ols-mode.selected[data-v-45ab6a83]{background-color:var(--pink);color:var(--white)}.key-selector .key-select[data-v-45ab6a83]{width:30%;display:flex;flex-direction:row;overflow-x:scroll;min-height:100%}.key-selector .key-select[data-v-45ab6a83]::-webkit-scrollbar{display:none}.key-selector .key-select.oc[data-v-45ab6a83]{font-size:10px}.key-selector .key-select div[data-v-45ab6a83]{border:1px solid var(--slate);font-size:10px;padding:2px 4px;text-wrap:nowrap;display:flex;align-items:center;scroll-snap-type:x mandatory;margin:0 4px;border-radius:5px}.key-selector .key-select div.selected[data-v-45ab6a83]{background-color:var(--slate);color:var(--white)}.visualizations[data-v-45ab6a83]{position:relative}button[data-v-45ab6a83]{background-color:#fff;color:#000;border-radius:5px;outline:none;box-shadow:none;border:none;padding:5px 10px;cursor:pointer}.chord-drawer[data-v-45ab6a83]{position:absolute;background-color:var(--bg);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:999;bottom:40px;color:var(--white)}.search-results[data-v-45ab6a83]{position:absolute;top:45px;right:15px;width:auto;z-index:999;padding:10px 10px 10px 30px;font-size:12px;border-radius:5px;background-color:#f9fafc0d;box-shadow:2px 2px 24px #c1c5d8,-2px -2px 40px #fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);max-width:50vw}.search-results b[data-v-45ab6a83],.search-results p[data-v-45ab6a83]{display:block}.search-results b[data-v-45ab6a83]{font-weight:700;padding-top:5px;font-size:9px;color:var(--slate)}.search-results .libtoggle[data-v-45ab6a83]{display:flex;flex-direction:row;align-items:center;justify-content:center;margin:5px 0}.search-results .libtoggle button[data-v-45ab6a83]{background-color:var(--bg);box-shadow:12px 12px 24px #c1c5d8,-12px -12px 24px #fff;color:var(--slate)}.search-results.full[data-v-45ab6a83]{top:0;right:0;width:calc(100vw - 20px);max-width:calc(100vw - 20px);align-items:center;height:90vh;padding-bottom:10vh;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;overflow-y:hidden;overflow-x:scroll;background-color:#f9fafcb3}.search-results.full .libtoggle[data-v-45ab6a83]{position:fixed;z-index:999;bottom:20px}.search-results.full .result[data-v-45ab6a83]{min-width:250px;max-width:250px;margin:0 20px 10px;padding-bottom:0!important;border-radius:5px;border:1px solid var(--white)}.search-results .catch[data-v-45ab6a83]{position:absolute;z-index:-3;width:200vw;height:200vh;top:-50vh;left:-100vw}.search-results .result[data-v-45ab6a83]{display:flex;flex-direction:row;align-items:center;text-align:right;justify-content:end;padding-bottom:7.55px;color:var(--purple)}.search-results .result small[data-v-45ab6a83]{font-size:9px;color:var(--purple);opacity:.4;font-weight:700}.search-results .result img[data-v-45ab6a83]{width:70px;border-radius:5px;margin-left:20px;height:70px}.toast[data-v-45ab6a83]{position:fixed;bottom:40px;left:5px;font-size:9px;padding:10px 20px;color:var(--white);z-index:999;background-color:var(--black);text-align:center;border-radius:5px}.piano-visualization[data-v-45ab6a83],.piano-keys[data-v-45ab6a83]{max-width:100vw;overflow-x:hidden;overflow-y:visible}