.home{height:100%;justify-content:space-between;overflow-y:auto;position:fixed;width:100%;background-color:var(--background);color:var(--background-text);z-index:100;transition:all .2s ease-out;animation:.15s home-appear ease-out;opacity:0;transform:scale(.98);will-change:opacity,transform,backdrop-filter}.home-visible{opacity:1;--backdrop-amount: 4px;animation:forwards delayBackdrop .2s,.15s home-appear ease-out;transform:scale(1)}.home-padded{padding:1rem 25vw}@keyframes home-appear{0%{opacity:.5;backdrop-filter:none;transform:scale(.98)}to{opacity:1;backdrop-filter:none;transform:scale(1)}}.logger-wrapper{display:grid;grid-template-columns:1fr;gap:.4rem;position:fixed;max-height:100vh;overflow-y:scroll;right:0;top:0rem;padding:.8rem 0;z-index:999}.logger-toast{border-radius:.4rem;border:solid 2px var(--secondary);min-width:15rem;background-color:var(--primary);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;color:var(--primary-text);padding:.5rem;transition:all .3s;display:flex;flex-direction:column;opacity:1;margin:0 .8rem;transform:scale(1) translateY(0);animation:toastAppear .3s}@keyframes toastAppear{0%{opacity:.3;transform:scale(.8) translateY(calc(-120% - .8rem))}to{opacity:1;transform:scale(1) translateY(0)}}.logger-toast-hidden{opacity:0;pointer-events:none;transform:scale(.8) translateY(calc(-120% - .8rem))}.pill{position:fixed;border-radius:1.5rem;padding:.5rem 1.5rem;transition:all .3s;min-height:2.4rem;background-color:rgba(var(--secondary-rgb),.9);top:.8rem;font-size:.8rem;margin-left:auto;z-index:999;pointer-events:none;margin-right:auto;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;color:var(--secondary-text);opacity:0;transform:translateY(calc(-120% - .8rem))}.pill-visible{opacity:1;transform:translateY(0);animation:delayBackdrop .2s forwards}.logger-content{display:flex;flex-direction:row;flex:1;padding:.1rem;font-size:.9rem}.logger-progress-outer{overflow:hidden;height:5px;margin-top:.6rem;border-radius:.5rem}.logger-progress-bar{height:100%;width:100%;background-color:var(--accent);animation:logger-animation linear 1s forwards}@keyframes logger-animation{0%{transform:translate(0)}to{transform:translate(-100%)}}.logger-status{display:flex;align-items:center;margin-right:.6rem;max-height:1.4rem}.logger-text{flex:1;display:flex;align-items:center;white-space:pre-line;font-size:.9rem}.home-spacing{margin-bottom:.3rem}.close-home{position:absolute;top:.5rem;left:.5rem;padding:.5rem;border-radius:.5rem;cursor:pointer}.home-bottom{width:100%;padding:.5rem .4rem .4rem;color:var(--background-text);display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-size:.8rem}.home-content{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:1rem;justify-items:center;width:100%;margin-top:2rem}.home-content-element{width:100%;min-height:10rem;color:var(--primary-text);border-radius:.5rem;position:relative;overflow:hidden;transition:all .15s ease-out;max-width:20rem;cursor:pointer}.home-content-element:hover{transform:scale(1.02);filter:brightness(1.1)}.home-welcome{font-size:.9rem;background-color:var(--primary-darken-10);padding:.5rem;border-radius:.5rem;outline:2px dashed var(--secondary);outline-offset:2px}.home-accept-storage{border:none;padding:.4rem 1rem;border-radius:.2rem;background-color:#32cd32;color:#fff;margin-top:.5rem;cursor:pointer}.home-content-main{padding:.5rem;display:flex;position:absolute;flex-direction:column;align-items:center;background-color:var(--primary);color:var(--primary-text);width:100%;height:100%;transition:all .2s ease-out}.home-content-element:active{transform:scale(.97);transition:all .1s ease-out}.home-content-element>.home-content-main{background-color:#353a46e6}.home-content-background{position:absolute;height:100%;width:100%;background-size:cover;overflow:hidden}.home-content-title{display:flex;align-items:center;justify-content:center;border-bottom:solid 1px var(--secondary);width:94%;padding-bottom:.3rem;font-size:1.2rem}.home-content-title svg{margin-right:.5rem}.home-content-text{font-size:.8rem;margin-top:.25rem;padding:.25rem;text-align:center;line-height:1rem}.home-content-open{display:flex;justify-content:center;margin-top:auto;padding-top:.3rem}.home-app-scaling *,.home-dont-show-again *{white-space:nowrap}.home-app-scaling button{margin-left:.2rem;min-width:unset;padding:0rem;width:1.5rem;font-size:.6rem;font-weight:700;height:1.5rem}.page-redirect-wrapper{margin-top:.8rem;display:flex;flex-wrap:wrap;width:100%}.page-redirect-wrapper a{background-color:var(--primary);margin:.2rem;color:var(--primary-text);border-radius:.5rem;border:none;padding:.4rem 1rem;font-size:.9rem;cursor:pointer;transition:all .1s linear}.page-redirect-wrapper a:hover{filter:brightness(1.1)}.middle-size-pages-wrapper{margin-top:1rem;gap:1rem}.middle-size-page{border-radius:.5rem;display:grid;align-items:center;flex:1;max-width:20rem;grid-template-columns:1fr 1fr;gap:1rem;padding:.6rem 1rem;color:var(--primary-text);text-decoration:unset;background-color:var(--primary);transition:all .2s}.middle-size-page:hover{filter:brightness(1.1);transform:scale(1.02)}.middle-size-page-icon{color:var(--primary-text);font-size:1.6rem}.current-page{outline:var(--accent) solid 2px;filter:none}.home-content-open button{padding:.4rem 1.5rem;background-color:var(--accent);border-radius:.5rem;font-size:.8rem;color:var(--accent-text);border:none;cursor:pointer}.home-top{text-align:center;margin-bottom:1rem}.home-title{font-size:2rem}.home-top-text{font-size:.8rem;color:#b0ada8}.redirect-wrapper{display:flex;flex-wrap:wrap;justify-content:center}.home-separator{border-top:1px solid var(--secondary);margin-top:1rem;font-size:1.1rem;width:100%}.redirect-button{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:1rem 2rem;cursor:pointer}.redirect-icon{width:5rem!important;height:5rem!important;padding:1rem;border-radius:1rem;background-color:#515c6f;margin-bottom:.5rem}@media only screen and (max-width: 920px){.home-padded{padding:.6rem 15vw}.home-dont-show-again,.home-app-scaling{font-size:.8rem}.home-separator{margin-top:.8rem}.home-content-element{min-height:9rem}.page-redirect-wrapper{margin-top:.6rem}.middle-size-pages-wrapper{margin-top:.8rem;gap:.8rem}.home-content{gap:.8rem}.home-content{margin-top:.8rem}.close-home{left:.4rem}.home-top{margin-bottom:0}.home-bottom{font-size:.6rem}}:root{--primary: #495466;--primary-text: #ede5d8;--secondary: #8c7063;--secondary-text: #ede5d8;--background: #394248;--background-text: #ede5d8;--accent: #63aea7;--accent-text: #151414;--menu-background: rgba(237, 229, 216, .95);--menu-background-text: ;--icon-color: #d3bd8e;--icon-color-text: #151414;--note-background: #fff9ef;--note-background-text: #aaaa82;--clicked-note: #8fedd9;--whitish: #ede5d8;--hint-main: #949494;--red: rgb(242 75 91);--red-color: #ede5d8;--red-bg: rgb(193 81 92);--green: #358a55;--orange: #dd8d46;--text-dark: #151414;--text-light: #edeae5}@font-face{font-family:Bonobo;src:url(./BonoboBold.84a60a65.ttf);font-display:swap}.loading{color:var(--background-text);font-size:2rem;grid-row:1;grid-column:2/-1}html,body{width:100%;height:100%;min-height:100vh;margin:0;padding:0;overscroll-behavior-y:contain;touch-action:pan-x pan-y}body{position:absolute;-webkit-text-size-adjust:none;background-color:var(--background);color:var(--background-text)}.keyboard-key{padding:.2rem .4rem;border-radius:.2rem;min-width:2rem;text-align:center;margin-bottom:.1rem;background-color:var(--primary);color:var(--primary-text);width:10rem;display:inline-block}.keys-table :nth-child(2){width:100%}input{accent-color:var(--accent);cursor:pointer}input[type=text],input[type=number]{cursor:text}*:not(input){-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;box-sizing:border-box;font-family:Bonobo,Arial;outline:none;-webkit-tap-highlight-color:transparent}body{background-color:var(--background)}.disabled{filter:brightness(.7)}.keyboard-wrapper{display:flex;flex-direction:column;align-items:center;flex:1}#root{height:100%;width:100%;display:flex;justify-content:center}.app,.app-content{display:flex;flex-direction:row;justify-content:center;width:100%;height:100%;overflow:hidden}.app-content{z-index:2}.app-button{background-color:var(--primary);color:var(--primary-text);border-radius:.2rem;padding:.5rem 1rem;border:none;height:fit-content;cursor:pointer;min-width:5rem;transition:background-color .2s,color .2s,filter .2s}.icon-app-button{width:unset;min-width:unset;padding:0}.link{color:var(--background-text)}.app-button::placeholder{color:var(--primary-text)}.app-button:hover{filter:brightness(1.1)}.app-button.active{background-color:var(--accent)!important;color:var(--accent-text)!important}.app-button:disabled{opacity:.8;cursor:not-allowed}.selected{transition:all .3s;background-color:var(--accent);color:var(--accent-text)}.right-panel{flex:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.hidden{display:none!important}.hidden-opacity{opacity:0;pointer-events:none}.red{background-color:red}.floating-prompt{position:absolute;margin-right:auto;margin-left:auto;top:1rem;display:flex;flex-direction:column;left:0;right:0;width:30vw;max-width:24rem;padding:.6rem;background-color:var(--primary);color:var(--primary-text);border:2px solid var(--secondary);border-radius:.5rem;z-index:1000;word-break:break-word;transition:.3s all;opacity:1;transform:translateY(0);animation:prompt-show .3s}@keyframes prompt-show{0%{opacity:0;transform:translateY(-20%)}to{opacity:1;transform:translateY(0)}}.floating-prompt-hidden{opacity:0;transform:translateY(-20%);pointer-events:none}.prompt-button{background-color:var(--primary);color:var(--primary-text);border:none;padding:.5rem 2rem;border-radius:.3rem;cursor:pointer}.prompt-input{margin-top:.5rem;border-radius:.3rem;border:none;cursor:text;padding:.3rem}.prompt-overlay{width:100%;height:100%;background-color:#3c4453b3;position:absolute;top:0;left:0;z-index:1000;transition:all .2s;animation:overlay-show .2s linear}@keyframes overlay-show{0%{opacity:.5}to{opacity:1}}.prompt-overlay-hidden{opacity:0}a{text-decoration:none}.welcome-message{position:absolute;width:60vw;min-height:60vh;max-height:90vh;background-color:var(--primary);z-index:500;border:solid 1px var(--secondary);align-self:center;border-radius:.8rem;padding:.8rem;color:var(--primary-text);display:flex;flex-direction:column}.welcome-overflow{overflow-y:auto}.welcome-message-title{font-size:1.5rem;text-align:center;margin-bottom:2rem}.welcome-message-button-wrapper{display:flex;margin-top:auto;justify-content:flex-end}.welcome-message-button{border:none;padding:.4rem 1rem;border-radius:.2rem;background-color:#32cd32;color:#fff;margin-top:.5rem;cursor:pointer}.red-text{color:#ff334a;display:inline-block}.donate-button{margin-top:auto;width:100%;background-color:var(--accent);padding:.8rem;color:var(--accent-text);border-radius:.5rem;text-align:center;text-decoration:none;font-size:1.2rem;cursor:pointer}.drag-n-drop{background-color:var(--accent);filter:contrast(.7) brightness(.7);color:var(--accent-text);width:100vw;height:100vh;position:absolute;z-index:-1;justify-content:center;align-items:center;display:flex;font-size:1.5rem;animation:infinite drop-pulse 3s}@keyframes drop-pulse{0%{filter:contrast(.7) brightness(.7)}25%{filter:contrast(.7) brightness(.9)}50%{filter:contrast(.7) brightness(.7)}}.prompt-row{display:flex;width:100%;margin-top:.5rem;justify-content:space-between}.settings-row-wrap{display:flex;flex-wrap:wrap;gap:.2rem;justify-content:space-between;margin:.4rem 0 .7rem}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:none}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#555}.resume-audio-context{position:fixed;z-index:10;color:var(--red-color);background-color:var(--red);bottom:.8rem;right:.8rem}.approaching-accuracy{position:absolute;top:.5rem;margin:0 auto;color:var(--primary-text);padding:.4rem;background-color:var(--primary);font-weight:700;border-radius:.4rem}.approaching-accuracy table{font-size:.8rem;border-collapse:collapse}.bg-image{background-size:cover;background-position:center;background-repeat:no-repeat}.sc-2{padding-right:.5rem}.sc-1{padding-left:.5rem;min-width:3.5rem;border-left:solid 2px var(--secondary)}.default-page{display:flex;overflow-y:auto;max-height:100%;width:100%;padding:2rem 20vw;flex-direction:column;color:var(--background-text)}.default-content{width:100%;display:flex;flex-direction:column;flex:1}.has-tooltip{position:relative}@media (hover:hover){.has-tooltip:hover:not(:focus){z-index:2}.has-tooltip:hover:not(:focus) .tooltip{display:block;animation:fadeIn .2s forwards;animation-delay:.5s}}@media (hover:none){.has-tooltip:active{z-index:2}.has-tooltip:active .tooltip{display:block;animation:fadeIn .2s forwards;animation-delay:.5s}}.tooltip{display:none;opacity:0;position:absolute;background-color:var(--secondary);color:var(--secondary-text);padding:.3rem .6rem;border-radius:.2rem;max-width:10rem;width:fit-content;z-index:20;box-shadow:0 4px 6px -1px #00000026,0 2px 4px -2px #00000026;font-size:.8rem;pointer-events:none;z-index:2}.tooltip-bottom{transform:translateY(100%);--existing-transform: translateY(100%);bottom:-.4rem}.tooltip-top{transform:translateY(-100%);--existing-transform: translateY(-100%);top:-.4rem}.tooltip-right{transform:translate(calc(100% + .4rem));top:0;--existing-transform: translateX(calc(100% + .4rem))}.tooltip-left{transform:translate(calc(-100% - .4rem));top:0;--existing-transform: translateX(calc(-100% - .4rem))}.tooltip:before{content:"";transform:translateY(-50%) rotate(45deg);position:absolute;width:.5rem;height:.5rem;background-color:var(--secondary)}.tooltip-bottom:before{right:calc(50% - .25rem);top:0;border-top-right-radius:2px}.tooltip-top:before{bottom:0;right:calc(50% - .25rem);border-bottom-right-radius:2px;transform:translateY(50%) rotate(45deg)}.tooltip-left:before{right:-.25rem;top:50%;border-bottom-left-radius:2px}.tooltip-right:before{left:-.25rem;top:50%;border-bottom-right-radius:2px;transform:translateY(50%) rotate(45deg)}.help-tooltip ul{margin:.2rem;padding-left:.6rem}.help-tooltip li{margin-bottom:.2rem}.help-tooltip-button{display:flex;justify-content:center;align-items:center;background-color:var(--primary);color:var(--primary-text);padding:0;width:1.8rem;height:1.8rem;cursor:pointer;border-radius:50%;border:0;transition:all .2s}.help-tooltip-button:hover{transform:rotate(30deg);filter:brightness(1.1)}.help-tooltip-content{position:absolute;transform:translateY(.4rem);--existing-transform: translateY(.4rem);display:none;box-shadow:0 10px 15px -3px #00000026,0 4px 6px -4px #00000026;border:solid 2px var(--secondary);padding:.3rem .6rem;border-radius:.4rem;font-size:.8rem;z-index:2;pointer-events:none}.help-tooltip-button:focus+.help-tooltip-content{display:flex;background-color:var(--primary);color:var(--primary-text);animation:fadeIn .3s;animation-fill-mode:forwards}.help-tooltip-button:focus{background-color:var(--accent);color:var(--accent-text)}.folder{display:flex;flex-direction:column;border-radius:.4rem;margin:.4rem 0}.folder-header{padding:.5rem;border-radius:.4rem .4rem 0 0;display:flex;align-items:center;justify-content:space-between}.folder-header-button{display:flex;align-items:center;flex:1;cursor:pointer;padding:.25rem}.folder-header-button input{background-color:transparent;color:var(--menu-background-text);border:none;outline:solid 2px var(--secondary);font-family:Bonobo;border-radius:.2rem}.folder-content{padding:.5rem;padding-top:0;flex-direction:column;opacity:1;transition:all .2s}.folder-songs-wrapper{display:grid;grid-template-columns:1fr;gap:.3rem}.folder-overflow{overflow:hidden;transition:all .2s}.folder-overflow-expandible{transition:all .2s}.folder-expanded .folder-overflow{animation:show-folder .2s;animation-fill-mode:forwards}@keyframes show-folder{99%{overflow:hidden}to{overflow:unset}}.folder-title{margin:0 0 .4rem 0rem;font-size:1.1rem}.folder-name{font-size:1.2rem;padding:0;max-width:20rem;padding-left:.3rem}@media only screen and (max-width: 920px){.folder-header,.folder-content{padding:.4rem}.floating-prompt{width:45vw;padding:.5rem}.default-page{padding:1rem 1.4rem 1rem 5rem}}.row{display:flex;flex-direction:row}.row-centered{display:flex;align-items:center}.flex-grow{display:flex;flex:1}.space-between{justify-content:space-between}.space-around{justify-content:space-around}.flex-centered{display:flex;align-items:center;justify-content:center}.column{display:flex;flex-direction:column}.text-ellipsis{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.box-shadow{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.input{font-family:Bonobo;background-color:var(--primary);color:var(--primary-text);border:none;border-radius:.2rem;padding:.3rem}.input::placeholder{color:#b9b9b9}@keyframes fadeIn{0%{opacity:0;transform:scale(.95) var(--existing-transform, )}to{opacity:1;transform:scale(1) var(--existing-transform, )}}@keyframes appearLeft{0%{transform:translate(-.5rem) var(--existing-transform, );opacity:.6}to{transform:translate(0) var(--existing-transform, );opacity:1}}@keyframes disappearAbove{0%{transform:translateY(0) var(--existing-transform, );opacity:1}to{transform:translateY(-1rem) var(--existing-transform, );opacity:0}}@keyframes delayBackdrop{0%{backdrop-filter:unset}99%{backdrop-filter:unset}to{backdrop-filter:blur(var(--backdrop-amount, 2px))}}.keyboard{display:grid;width:fit-content;margin-top:auto;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(3,1fr);justify-items:center;align-items:center;margin-bottom:2vh}.keyboard-5{grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(3,1fr)}.keyboard-7-2{grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(2,1fr)}.keyboard-4{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr)}.keyboard-3{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}.note,.note-composer,.note-sky,.note-composer-sky{background-color:var(--note-background);color:var(--note-background-text);border-radius:50%;width:6vw;height:6vw;border:.5vw solid var(--note-border);color:var(--accent);font-size:1.5rem;font-weight:700;position:relative;display:flex;justify-content:center;align-items:center;transition:transform .1s;cursor:pointer;z-index:10;touch-action:none;will-change:background-color,border-color,transform}.note-sky,.note-composer-sky{border-radius:1.3vw;border:.4vw solid var(--note-background);transform-origin:50% 50%;transition:all .1s;user-select:none}.note,.note-composer{border:none}.note-composer,.note-composer-sky{transition:none}.note img,.note-composer img,.note-sky img,.note-composer-sky img,.note svg,.note-composer svg,.note-sky svg,.note-composer-sky svg{width:100%;height:100%;pointer-events:none;fill:var(--accent)}.note img,.note-composer img,.note svg,.note-composer svg{position:absolute;width:80%;height:80%;top:5%}.svg-note{overflow:visible}.note-sky .svg-note,.note-composer-sky .svg-note{width:80%;height:80%}.note-composer .note-name{bottom:14%!important;font-size:.7rem}.genshin-border{top:unset!important;width:100%!important;height:100%!important}.click-event{transform:scale(.9);background-color:var(--clicked-note);border-color:var(--accent)}.click-event .svg-note{fill:#fff!important;stroke:#fff!important}.note-red{background-color:#f06565;border-color:#d75c5c;color:#fff}.note-red .svg-b{stroke:#f06565!important}.note-red .svg-note{fill:#fff!important;stroke:#fff!important}.note-border-click{border-color:var(--accent)}.note-name{font-size:.8rem;position:absolute;bottom:15%;color:var(--note-background-text);margin-left:auto;margin-right:auto;left:0;right:0}.note-name-sky{position:absolute;font-size:1rem;color:var(--note-background-text)}.button-hitbox,.button-hitbox-bigger{background-color:transparent;border:none;padding:.25rem;display:flex;justify-content:center;align-items:center;position:relative}.button-hitbox-bigger{padding:.35rem}.approach-circle,.approach-circle-sky{position:absolute;left:0;right:0;top:0;bottom:0;border:3px solid var(--accent);border-radius:50%;animation:approach 1s linear;transform-origin:50% 50%;pointer-events:none;opacity:0;transform:scale(2.3)}.approach-circle-sky{transform:scale(1.8);border-radius:2vw}@keyframes approach{0%{opacity:0}50%{opacity:.3}99%{transform:scale(.8);opacity:.8}to{opacity:0;transform:scale(.8)}}.note-animation,.note-animation-sky{position:absolute;left:0;right:0;top:0;bottom:0;border:2px solid var(--accent);border-radius:50%;animation:note-animation .5s cubic-bezier(.25,.46,.45,.94);animation-delay:.1s;transform-origin:50% 50%;pointer-events:none;opacity:1;z-index:1;transform:scale(.8)}.note-animation-sky{border-radius:1.7vw;animation:note-animation-sky .75s cubic-bezier(.25,.46,.45,.94);animation-delay:.15s}@keyframes note-animation{0%{transform:scale(.8);opacity:1}70%{transform:scale(1.45);opacity:.2}to{transform:scale(1.5);opacity:0}}@keyframes note-animation-sky{0%{transform:scale(.8);opacity:1}70%{transform:scale(1.25);opacity:.1}to{transform:scale(1.3);opacity:0}}.record-btn{width:fit-content}@media only screen and (max-width: 920px){.keyboard-playback .click-event{transform:unset}.note{width:6.7vw;height:6.7vw;font-size:1rem;border-width:4px}.note-animation-sky{border-radius:2.5vw}.keyboard{margin-bottom:1vh}.note-sky{width:8.5vw;height:8.5vw;border-radius:1.8vw}.note-name-sky{font-size:.8rem}.note-composer .note-name{bottom:10%!important}.note-name{font-size:.6rem;bottom:10%}@keyframes note-animation{0%{transform:scale(.8);opacity:1;border-width:2px}70%{transform:scale(1.45);opacity:.2}to{transform:scale(1.5);opacity:0;border-width:2px}}}.approach-wrong{background-color:#d66969;border-color:#b35555}.approach-correct{background-color:#60ad7e;border-color:#358a55}.approach-correct .svg-note,.approach-wrong .svg-note{fill:#fff!important;stroke:#fff!important}@media only screen and (max-width: 800px){.note-animation{border:2px solid var(--accent)}}.help-icon{width:3rem;height:3rem;color:var(--primary);filter:brightness(1.1)}.help-icon-wrapper{display:flex;flex-direction:row;width:100%;margin-top:1vh;justify-content:space-around}.help-title{width:100%;margin-top:3vh;padding:1rem;padding-left:0;font-size:1.4rem;border-top:2px solid var(--primary)}.help-margin-left{margin-left:1rem;display:flex;flex-direction:column}.help-img{width:95%;border-radius:.4rem;margin-left:2.5%;box-shadow:0 0 0 2px var(--primary)}:root{--menu-size: 4rem;--panel-size: 40vw}.menu{width:var(--menu-size);background-color:var(--primary);height:100%;border-right:solid 2px var(--secondary);border-left:solid 2px var(--secondary);align-items:center;flex-direction:column;padding-top:.5rem;max-height:100%;overflow-y:auto;z-index:15;display:flex;margin-left:-4rem;transition:all .3s}.menu-visible{margin-left:0}.margin-top-auto{margin-top:auto}.menu-main-page{opacity:.9}.hamburger,.hamburger-top{position:absolute;bottom:.5rem;left:.5rem;font-size:1.5rem;width:2.5rem;height:2.5rem;max-width:6vw;max-height:6vw;color:var(--icon-color);background-color:var(--primary);border-radius:.3rem;display:flex;justify-content:center;align-items:center;cursor:pointer}.hamburger-top{top:.5rem;bottom:unset}.icon{font-size:1.5rem}.rotate-screen{width:100%;height:100%;z-index:1000;position:absolute;display:none;justify-content:center;align-items:center;padding:2rem;flex-direction:column;background-color:var(--primary);font-size:1.5rem}.rotate-screen p{text-align:center}.rotate-screen img,.rotate-screen svg{width:60vw;height:60vw;margin-bottom:1rem;background-color:var(--primary);color:var(--icon-color);filter:brightness(1.1);padding:1.5rem;border-radius:1rem}.menu-wrapper{position:absolute;left:0;top:0;height:100%;min-height:100%;display:flex;flex-direction:row;z-index:11}.library-search-result-text{width:100%;height:100%;justify-content:center;align-items:center;display:flex}.side-menu{width:var(--panel-size);border-radius:.3rem;border-top-left-radius:unset;border-bottom-left-radius:unset;height:100%;background-color:var(--menu-background);color:var(--menu-background-text);transform:scale(.9) translate(0);transition:all .3s;opacity:0;padding:1rem;display:flex;left:calc(var(--panel-size) * -1);position:fixed}.menu-open{transform:scale(1) translate(calc(var(--panel-size) + var(--menu-size)));opacity:1;--backdrop-amount: 2px;animation:delayBackdrop .3s;animation-fill-mode:forwards}.menu-panel{width:100%;display:none;flex:1;flex-direction:column}.menu-panel-visible{display:flex;animation:appearLeft .3s}.songs-buttons-wrapper{display:flex;width:100%;align-items:center;flex-wrap:wrap;gap:.2rem}.library-search-row{display:flex;width:100%;margin:1rem 0 .2rem}.library-search-input{box-sizing:border-box;padding:0 1rem;outline:none;color:var(--menu-background-text);background-color:#d3bd8e;display:flex;flex:1;height:2.2rem;border:none;border-radius:.3rem;cursor:text}.library-search-input::placeholder{color:var(--menu-background-text)}.library-search-btn{background-color:#d3bd8e;color:var(--menu-background-text);height:2.2rem;width:2.2rem;border:none;cursor:pointer;margin-left:.2rem;border-radius:.3rem;font-size:1rem;transition:all .2s;padding:0;display:flex;align-items:center;justify-content:center}.library-search-btn:hover{filter:brightness(1.1)}.songs-wrapper,.library-search-songs-wrapper{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem;padding:1rem .5rem .5rem;background-color:#ad9c85;margin:0;display:grid;flex-direction:column;gap:.3rem}.library-search-songs-wrapper{border-radius:.3rem;padding-top:.5rem}.tab-selector-wrapper{display:flex;margin-top:1rem;gap:.2rem}.tab-selector{flex:1;white-space:nowrap;border:none;border-top-left-radius:.3rem;border-top-right-radius:.3rem;background-color:#d3bd8e;color:var(--menu-background-text);font-size:1rem;padding:.4rem;cursor:pointer;margin:0;transition:all .2s}.tab-selected{background-color:#ad9c85}.inverted{filter:invert(1)}.song-row{display:flex;flex:1;background-color:var(--primary);border-radius:.3rem;color:var(--primary-text);justify-content:space-between;align-items:flex-start;padding:.4rem;transition:all .2s}.panel-content-wrapper{display:flex;flex-direction:column;flex:1;overflow-y:scroll;overflow-x:hidden;margin-right:-.5rem;padding-right:.5rem}.song-button{display:flex;justify-content:center;align-items:center;background-color:var(--primary);color:var(--primary-text);border-radius:.3rem;height:2rem;width:2rem;font-size:1rem;border:none;margin-right:.4rem;cursor:pointer;padding:0}.floating-dropdown-children{flex-direction:column;box-shadow:0 20px 25px -5px #0003,0 8px 10px -6px #0003;display:none;position:absolute;transform:translate(calc(-100% + 3rem));transform-origin:top;--existing-transform: translateX(calc(-100% + 3rem));z-index:100;padding:.2rem;background-color:var(--primary);color:var(--primary-text);border:solid 1px var(--secondary);border-radius:.4rem}.floating-dropdown{position:relative}.dropdown-select{background-color:var(--primary);padding:.4rem 0;height:100%;flex:1;color:var(--primary-text);border:none}.floating-dropdown-text{display:flex;font-size:.8rem;white-space:nowrap}.floating-dropdown-active .floating-dropdown-children{display:flex;animation:fadeIn .2s;animation-fill-mode:forwards}.song-name{flex:1;cursor:pointer;word-break:break-word;display:flex;height:100%;align-items:center;font-size:1rem;margin-right:.45rem}.song-name-input{background-color:transparent;font-size:1rem;font-family:Bonobo;padding:0;margin:0;height:100%;border:none;padding-left:.3rem;cursor:pointer}.song-rename{outline:solid 2px var(--secondary);border-radius:.2rem;cursor:text}.song-buttons-wrapper{display:flex;justify-content:center;align-items:center}.menu-title{font-size:2rem;width:100%;display:flex;justify-content:center;margin-bottom:1rem}.menu::-webkit-scrollbar-thumb{background:var(--icon-color);border-radius:2px}.menu::-webkit-scrollbar{width:3px}.menu-item{background-color:var(--primary);border:none;width:2.8rem;height:2.8rem;min-height:2.8rem;margin-bottom:.6rem;border-radius:.5rem;display:flex;justify-content:center;align-items:center;color:var(--icon-color);cursor:pointer;transition:all .3s}.menu-item a{color:var(--icon-color);display:flex;width:100%;height:100%;justify-content:center;align-items:center}.menu-item:hover{filter:brightness(1.2)}@media only screen and (max-width: 920px){:root{--menu-size: 3.6rem}.side-menu{padding:.5rem;--panel-size: 60vw}.menu-title{display:none;font-size:1rem;margin-bottom:.5rem;justify-content:flex-start}.menu{width:var(--menu-size);padding-top:.3rem}.menu-item{width:2.8rem;height:2.8rem;margin-bottom:.4rem}.tab-selector-wrapper{margin-top:.5rem}.panel-content-wrapper{margin-right:-.3rem;padding-right:.2rem}}@media screen and (orientation:portrait){.rotate-screen{display:flex}}.switch-wrapper{border-radius:10rem;width:2.4rem;height:1.4rem;padding:.15rem;cursor:pointer;border:0;background:var(--primary);color:var(--primary-text)}.switch-inner{background-color:var(--hint-main);border:.1rem solid var(--accent);width:1.1rem;height:1.1rem;border-radius:100%;transition:all .2s cubic-bezier(0,0,.14,.88)}.switch-inner-on{background-color:var(--accent);margin-left:calc(100% - 1.1rem)}.instrument-picker{display:flex;flex-direction:column;width:8rem}.select{background-color:var(--primary);border-radius:.2rem;border:none;color:var(--primary-text);padding:.5rem}.select:focus{outline:none}.select option:checked{color:var(--accent)}.instrument-picker input[type=range]{margin-top:.2rem}.settings-group-title{font-size:1.3rem;margin:.5rem 0}.settings-row{display:flex;justify-content:space-between;padding:.4rem;border-radius:.2rem;color:var(--menu-background-text);align-items:center;margin-bottom:.3rem}.settings-row div{display:flex;align-items:center}.settings-row :is(input,select){background-color:var(--primary);color:var(--primary-text);border:none;text-align:center;width:8rem;padding:.2rem;border-radius:.2rem}.settings-row input[type=range]{padding:0;margin:0}.settings-row .invalid{background-color:var(--red)!important}.settings-input{display:flex;width:8rem}.settings-input input{width:unset;min-width:0;display:flex;text-align:center;height:1rem;flex:1}.settings-input input::-webkit-outer-spin-button,.settings-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.settings-input input[type=number]{-moz-appearance:textfield}.settings-input-button{width:1.4rem;height:1.4rem;font-weight:700;font-family:Arial;display:flex;padding:0;justify-content:center;align-items:center;border:none;background-color:var(--primary);color:var(--primary-text);border-radius:.2rem;cursor:pointer;font-size:.7rem}.player-chunks-page{position:absolute;width:50vw;max-width:40rem;margin-left:auto;margin-right:auto;top:.8rem;display:grid;grid-template-columns:repeat(5,1fr);gap:.2rem}.player-right-controls{position:absolute;align-items:flex-end;padding:.8rem;right:.2rem;height:100%;margin-left:3.5rem;justify-content:space-between;gap:.4rem}.slider-wrapper{height:100%;align-self:center;width:100%;align-items:center;gap:.6rem;max-height:25rem}.slider-wrapper button{margin:0}.slider-select{font-size:.8rem;flex:1;height:2rem;text-align:center;font-weight:700;border:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:none;border-radius:.3rem;background-color:var(--primary);color:var(--primary-text)}@media only screen and (max-width: 920px){.player-chunks-page{width:45vw}}.two-way-slider{position:absolute;width:100%;height:100%;top:0}.two-way-slider-thumb{display:flex;transform:translate(-100%,-50%);color:var(--accent);position:absolute;text-shadow:rgba(0,0,0,.4) 0px 2px 4px}.two-way-slider-thumb svg{transform:rotate(90deg);margin-left:.2rem}.slider-outer{width:1rem;position:relative;margin-top:0;touch-action:none;height:100%;cursor:pointer}.slider-full{height:100%;width:100%;background-color:var(--primary-darken-10);border-radius:.2rem;overflow:hidden}.slider-current{height:100%;width:100%;transform:translateY(100%);transition:all .1s linear;background-color:var(--accent);left:0;top:0}.hidden-slider{width:100%;margin:0;height:100%;cursor:pointer}.canvas-wrapper{background-color:var(--primary);gap:.2rem;justify-content:center;display:flex;border-radius:.4rem;align-items:center;flex-direction:column}.canvas-relative{position:relative;display:flex;z-index:0;width:100%;border-top-left-radius:.4rem;border-top-right-radius:.4rem;overflow:hidden}.canvas-relative canvas{cursor:pointer!important}select{-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='gray'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:100%}.right-panel-composer{flex:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding-top:.2rem}.note-composer{width:5vw;height:5vw;border-width:.4vw;z-index:2}.note-composer-sky{z-index:2}.composer-grid{display:grid;padding:.2rem;grid-template-columns:min-content;gap:.2rem;grid-template-areas:"a b b" "a c c"}.song-info{position:absolute;bottom:.5vw;left:calc(4rem + .5vw);color:var(--background-text);display:flex;flex-direction:column;gap:.2rem}.composer-keyboard-wrapper{grid-area:c;display:flex;justify-content:center;padding-bottom:1vh;position:absolute;bottom:0;gap:1.5rem;left:0;width:100%}.composer-keyboard-wrapper .keyboard{margin:unset;z-index:1}.song-info div{max-width:23vw;text-shadow:rgb(51 51 51) 0px 1px 5px}.top-panel-composer{display:flex;flex-direction:row}.tool-slim,.tool{flex:1;display:flex;justify-content:center;align-items:center;border:none;border-radius:.3rem;color:var(--icon-color);background-color:var(--primary-darken-10);cursor:pointer;margin:0}.tool{width:4vw}.tool-icon{width:1rem;height:100%}.tool:hover,.tool-slim:hover{filter:brightness(1.1)}select{cursor:pointer}.not-saved{background-color:var(--accent)!important;color:var(--accent-text)!important}.timeline-wrapper{display:flex;flex-direction:row;justify-content:space-between;height:100%;margin:.2rem 0;margin-top:0;align-items:center}.timeline-button{height:100%;padding:0;width:2.2rem;margin:.2rem;background-color:var(--primary);border:none;color:var(--icon-color);display:flex;justify-content:center;align-items:center;border-radius:.3rem;cursor:pointer}.timeline-scroll{display:flex;width:100%;overflow:hidden;cursor:pointer;border-radius:.3rem}.timeline-scroll canvas{width:100%!important}.buttons-composer-wrapper,.buttons-composer-wrapper-right{display:grid;grid-template-rows:repeat(3,1fr);grid-template-columns:1fr;gap:.2rem;margin-left:.2rem}.buttons-composer-wrapper-right{grid-template-rows:repeat(4,1fr)}.tools-icon{font-size:1.2rem}.tools-button{background-color:var(--primary);color:var(--primary-text);border-radius:.3rem;padding:1.1rem;border:none;font-size:1rem;gap:.5rem;justify-content:flex-start;cursor:pointer}.tools-row{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.tools-button:hover{filter:brightness(1.1)}.tools-button:disabled,.tools-right button:disabled{cursor:not-allowed;opacity:.6;filter:unset}.tools-button-highlighted{background-color:var(--accent)!important;color:var(--accent-text)}.tools-buttons-grid{display:grid;grid-template-areas:"a a b b" "a a c c" "d d e e" "f f g g";flex:1;gap:.6rem}.floating-tools{position:fixed;bottom:-50vh;max-height:45vh;min-width:36vw;display:flex;margin-right:auto;margin-left:auto;overflow-y:auto;overflow-x:hidden;border-radius:.5rem;box-shadow:-2px -1px 27px 4px #00000040;background-color:var(--menu-background);z-index:10;opacity:0;border:solid 2px var(--secondary);transition:all .4s;transform:scale(.7);padding:.6rem;color:#fff}.tools-right{margin-left:1rem;padding-left:1rem;border-left:solid 2px var(--secondary)}.tools-right .app-button{min-width:unset;display:flex;align-items:center;padding:.5rem .7rem}.tools-visible{bottom:1.4rem;transform:scale(1);opacity:1;--backdrop-amount: 2px animation: delayBackdrop .4s;animation-fill-mode:forwards}.tempo-changers-wrapper{position:absolute;color:#fff;right:.2rem;bottom:.2rem;flex-direction:column;width:4rem;gap:.2rem;display:flex}.tempo-changers-wrapper-hidden{display:none}.bottom-right-text{text-align:center;width:100%;color:var(--background-text);text-shadow:rgb(51,51,51) 0px 1px 5px;font-size:.8rem}.note-composer svg{z-index:2}.layer-1{background-color:#d3bd8e!important;border-color:#ab9361!important}.layer-2 .svg-b{stroke:#d75c5c!important}.layer-1 .svg-b{stroke:#d3bd8e!important}.layer-1 .svg-note,.layer-1 .genshin-border{fill:#f2ecec!important;stroke:#f2ecec!important}.layer-1 .note-name{color:#fff!important}.layer-2,.layer-2 .genshin-border{border-color:#d75c5c!important;fill:#d75c5c!important;stroke:#d75c5c!important}.layer-3-ball,.layer-3-ball-bigger{position:absolute;background-color:#d75c5c;width:1.5vw;height:1.5vw;border-radius:50%;visibility:hidden}.layer-4-line{height:20%;width:100%;position:absolute;background-color:#d75c5c;border-radius:.2vw;visibility:hidden}.note-composer.layer-3 .svg-note{fill:#f2ecec!important;stroke:#f2ecec!important}.layer-3 .layer-3-ball,.layer-3 .layer-3-ball-bigger,.layer-4 .layer-4-line{visibility:visible}.layer-3-ball-bigger{width:2.6vw;height:2.6vw}.note-composer .layer-3-ball-bigger{width:3vw;height:3vw}.tempo-changers-wrapper button{flex:1;border-radius:.2rem;border:none;font-size:1rem;color:#fff;padding:.4rem 0;margin:0;filter:brightness(1.1);cursor:pointer}.tempo-changers-wrapper button:hover,.layer-button:hover{filter:brightness(1.1)}.tempo-changers-wrapper button:focus{filter:brightness(1.3)}.layer-buttons-wrapper{display:flex;flex-direction:column;gap:.2rem;margin-right:2vw;justify-content:center}.composer-left-control{grid-area:a;width:6.2rem;height:calc(100vh - 5rem)}.instrument-name-button{padding:0;font-size:.8rem}.instruments-button-wrapper{overflow-y:auto;overflow-x:hidden;background-color:var(--primary-darken-10);border-radius:.3rem;margin-top:.2rem;z-index:2}.new-instrument-button{padding:.4rem;background-color:var(--primary-darken-10);margin-top:auto;align-items:center}.instruments-button-wrapper::-webkit-scrollbar-thumb{background:var(--secondary)}.instrument-button{height:3rem;min-height:3rem;position:relative;flex-direction:column;border-radius:.3rem;border-bottom:solid 2px var(--secondary);border-radius:0}.instrument-button-selected{height:4.2rem;min-height:4.2rem}.instrument-settings{font-size:.8rem;display:grid;width:100%;grid-template-columns:1fr 1fr}.instrument-settings .app-button{padding:.1rem;background-color:transparent;min-width:unset;flex:1}.floating-instrument-settings{position:absolute;width:17rem;background-color:var(--menu-background);color:var(--menu-background-text);display:flex;flex-direction:column;padding:.6rem;border-radius:.4rem;border:solid 2px var(--secondary);top:3.4rem;margin-left:6.6rem;z-index:10;animation:fadeIn .2s}.instrument-settings-button{flex:1;margin:.2rem}.floating-midi{position:absolute;margin-left:auto;margin-right:auto;bottom:2rem;max-height:48vh;border-radius:.5rem;background-color:var(--menu-background);border:solid 2px var(--secondary);color:var(--menu-background-text);max-width:60vw;min-width:45vw;z-index:10;display:flex;flex-direction:column;align-items:flex-start;animation:fadeIn .2s}.floating-midi-content{padding:.8rem;width:100%;height:100%;overflow-y:auto}.floating-midi *{font-size:.9rem}.midi-table{margin-bottom:.1rem}.midi-table-row{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:.3rem}.midi-btn,.midi-btn-small,.midi-btn-green{background-color:#576377;color:#fff;border-radius:.2rem;padding:.5rem 1rem;border:none;height:-moz-fit-content;height:fit-content;cursor:pointer;min-width:5rem}.midi-btn-green:active{filter:brightness(1.1)}.midi-btn-small{min-width:unset;display:flex;align-items:center;justify-content:center;padding:0;font-weight:700;height:2rem;width:2rem;font-size:1.2rem}.midi-btn-green{background-color:#628c83}.midi-btn-green:disabled{opacity:.8;filter:brightness(.8);cursor:not-allowed}.midi-track-data{display:flex;flex-direction:column;margin-top:.5rem;padding:.4rem;border-top:solid .1rem var(--secondary)}.midi-track-data-row{display:flex;flex-direction:row;margin-top:.2rem;align-items:center;justify-content:space-between}.midi-track-wrapper{display:flex;justify-content:space-between;width:100%;align-items:center}.midi-track-column{background:var(--primary);padding:.3rem .5rem;border-radius:.2rem;display:flex;flex-direction:column;margin-top:.3rem;width:100%}.midi-track-center{display:flex;align-items:center}.midi-track-center *:not(:last-child){margin-right:.5rem}.midi-row,.midi-column{display:flex;flex-direction:row;align-items:center}.separator-border{margin-bottom:.25rem;padding-bottom:.25rem;border-bottom:solid 2px var(--secondary)}.midi-column{flex-direction:column}.midi-input,.midi-select{width:4rem;border:none;background-color:var(--primary);height:1.9rem;border-radius:.2rem;color:var(--primary-text);text-align:center;outline:none}.midi-select{width:10rem;text-align:left;padding:.5rem;padding:.2rem .2rem .2rem .5rem}.midi-track-offset::placeholder{font-size:.7rem;color:var(--primary-text)}.canvas-buttons{height:100%;position:absolute;min-width:2.8rem;top:0;background-color:var(--primary);color:var(--icon-color);align-items:center;cursor:pointer;border:none;padding:0;display:none;font-size:2rem;opacity:0;transition:opacity .1s}.keyboard-column-selection-buttons{display:flex;background:transparent;border:none;align-items:center;justify-content:center;font-size:2rem;color:var(--icon-color);border-radius:.4rem;cursor:pointer;width:4rem}@media (hover: none) and (pointer: coarse){.canvas-buttons{display:flex}.canvas-buttons-visible{display:flex;opacity:1}}@media only screen and (max-width: 920px){.canvas-buttons{display:flex}.canvas-buttons-visible{display:flex;opacity:1}.floating-instrument-settings{top:1.2rem;padding:.5rem}.buttons-composer-wrapper,.buttons-composer-wrapper-right{flex:1}.tools-right{padding-left:.6rem;margin-left:.6rem}.floating-tools{max-height:50vh;padding:.4rem}.tools-visible{bottom:.2rem}.tools-icon{font-size:1.1rem}.tools-buttons-grid{gap:.3rem}.tools-button{font-size:.9rem;padding:.55rem .8rem;gap:.4rem}.song-info div{max-width:20vw}.floating-midi{bottom:.2rem;height:50vh;max-width:70vw;width:70vw}.floating-midi-content{padding:.4rem}.song-info{font-size:.9rem}.tool{flex:1;width:100%;max-width:unset}.button-hitbox{padding:.7vh}.layer-button{font-size:.7rem}.tempo-changers-wrapper button{font-size:.7rem;padding:.5rem}.note-composer{width:5.5vw;height:5.5vw}.keyboard{gap:0rem;grid-gap:0rem}.composer-grid{width:100%}.composer-left-control{width:5.4rem}.instrument-button{height:2.6rem;min-height:2.6rem}.instrument-button-selected{height:3.5rem;min-height:3.5rem}.instrument-name-button{align-items:flex-end;padding-bottom:.4rem}.new-instrument-button{padding:0;padding-bottom:.3rem}.layer-3-ball{width:1.5vw;height:1.5vw}}@media only screen and (max-width: 600px){.song-info{font-size:.8rem}.layer-button{font-size:.8rem;padding:unset}.tempo-changers-wrapper{gap:.6vh}.tempo-changers-wrapper button{font-size:.6rem}}.error-page{background-color:#863545;color:#fff;flex-direction:column;justify-content:center;padding-top:10vh;overflow-y:auto}.error-buttons-wrapper{display:flex;flex-direction:row;justify-content:space-between;margin-top:4vh}.error-logs{display:flex;flex-direction:column-reverse;padding:.5rem;background-color:var(--primary);color:var(--primary-text);border-radius:.5rem}.error-logs .error-log-row{word-break:break-word;border-top:solid 1px var(--secondary);padding:.5rem}.error-logs :last-child{border-top:unset}.error-songs-wrapper{padding:.4rem;margin-top:4vh;border-radius:.5rem;display:grid;gap:.4rem;min-height:3.6rem}.error-go-back{position:absolute;left:1rem;top:1rem}.changelog-page-title{font-size:2.5rem;color:var(--background-text)}.changelog-title{display:flex;width:100%;align-items:center;margin:.4rem;margin-left:0}.clt-1{background-color:var(--accent);color:var(--accent-text);padding:.2rem;border-radius:.2rem;width:5rem;text-align:center}.clt-2{margin-left:1rem;color:var(--background-text)}.cll-1{font-size:1.5rem;color:var(--accent)}.changelog-list{margin:0;margin-left:2.5rem;border-left:solid 2px var(--secondary);padding:1rem 1rem 1rem 2rem}.changelog-list ul li{margin-top:.4rem}.absolute-changelog-btn{position:fixed;top:.5rem;left:.5rem;background-color:#576377;border-radius:.3rem;width:4rem;height:3rem;display:flex;justify-content:center;color:var(--whitish);cursor:pointer;align-items:center}.cll-new-line{margin:0;margin-top:.2rem;margin-left:1rem}.go-to-changelog{margin-top:1rem;text-align:center;height:3rem;width:100%}.changelog-ending{height:2.5rem;min-height:2.5rem;width:1rem;border-left:dashed 2px var(--secondary);margin-left:2.5rem}.partners-page{padding:1rem 1rem 1rem 4rem}.partner-wrapper{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;padding:1rem}.partner{width:100%;min-height:11rem;height:fit-content;border-radius:.5rem;background-color:var(--primary);color:var(--primary-text);overflow:hidden;transition:all .2s ease-out;width:20rem;display:flex;flex-direction:column;align-items:center;padding:.6rem;margin:.5rem}.partner iframe{border-radius:.3rem;width:18.8rem;height:10.5rem}.partner-description{width:100%;margin-top:.4rem;border-top:1px solid var(--icon-color);font-size:.9rem;padding:.4rem}.partner-title{font-size:1.2rem;color:var(--primary-text)}.displayer-page{display:flex;flex-direction:column;padding:1rem;width:100%;margin-left:3.6rem;overflow-y:scroll;height:100%}.displayer-songs-wrapper{margin-top:1rem;border-radius:.5rem;display:flex;flex-direction:column;width:50vw;height:40vh;overflow-y:auto;min-height:3.6rem}.displayer-plus-minus{width:2rem;margin-left:.5rem;height:2rem;padding:0;font-size:1.4rem;background-color:var(--primary);color:var(--primary-text);border:none;border-radius:.2rem;cursor:pointer}.displayer-plus-minus:hover{filter:brightness(1.1)}.displayer-frame{width:94%;height:90%;position:absolute;top:5%;left:3%;display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(3,1fr);justify-items:center;align-items:center}.displayer-buttons-wrapper{display:flex;justify-content:space-between;width:100%;margin-top:.5rem;align-items:center}.frame-outer{border-radius:.4rem;background-color:var(--primary);width:100%;height:100%;border:solid var(--primary) .18rem;padding-bottom:50%;position:relative}.frame-note-s{border-radius:.2rem;width:80%;height:80%;font-size:.6rem;display:flex;justify-content:center;align-items:center;background-color:var(--accent);color:var(--accent-text)}.frame-note-ns{border-radius:50%;width:25%;padding-bottom:25%;background-color:var(--primary)}.displayer-frame-wrapper{width:100%;margin-top:1rem;display:grid;justify-items:center;gap:.5rem;border-top:solid 1px var(--secondary);padding-top:1rem;grid-template-columns:repeat(5,1fr);justify-content:center}.onprint{display:none}.text-notation-wrapper{background-color:var(--primary);color:var(--primary-text);border-radius:.5rem;border:solid 1px var(--secondary);padding:1rem;width:100%;white-space:pre-wrap;-webkit-user-select:text;user-select:text;cursor:text;margin-top:2rem}.displayer-ball{display:flex;justify-content:center;align-items:center;height:100%;border-color:transparent;background-color:transparent}.displayer-ball div{width:.5rem;height:.5rem;background-color:#606876;border-radius:50%;opacity:.5}@media only screen and (max-width: 920px){.displayer-page{padding:1rem 5vw}}@media print{.frame-note-s{border:solid 4px black;border-style:inset}.displayer-page{overflow:unset}.frame-outer{border:solid 1px black}.noprint{display:none}.onprint{display:flex}}.midi-inputs{display:flex;flex-direction:column;flex-wrap:wrap;align-items:center}.midi-inputs button{width:100%;background-color:var(--primary);color:var(--primary-text)}.midi-setup-content{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;margin-top:auto}.midi-shortcuts-wrapper{display:flex;flex-direction:column;align-items:flex-start;flex:1}.midi-shortcuts{display:flex;gap:.2rem;flex-wrap:wrap;width:100%}.midi-shortcut{margin:.2rem;transition:all .1s;padding:.2rem .5rem;font-size:1rem}.midi-shortcut.wrong{background-color:var(--red)}.midi-shortcut.right{background-color:#358a55}.midi-shortcut.clicked{transform:scale(.95);background-color:var(--secondary)}.midi-shortcut.selected{background-color:var(--accent)}@media screen and (max-width:920px){.midi-setup-column{width:100%}}.donate-text{margin:0 1rem;line-height:1.3rem}.donation-wrapper{display:flex;flex-direction:row;flex-wrap:wrap;width:100%;justify-content:space-around;margin-top:2rem}.donation-wrapper a{margin-top:.5rem}.paypal,.kofi{background-color:#efefef;padding-left:1rem;height:3rem;border-radius:.8rem}.kofi{background-color:#fff;padding:.5rem 1rem}.theme-row{margin-top:.5rem;display:flex;width:100%;justify-content:space-between;align-items:center;font-size:1.1rem;min-height:3rem;border-radius:.4rem;padding:0 .6rem;transition:all .1s}.color-preview{border:solid 3px;border-radius:.5rem;overflow:hidden;width:5rem;height:3rem;-webkit-appearance:none}.color-preview{display:flex;align-items:center;justify-content:center;font-size:1rem;cursor:pointer}.color-input-wrapper{margin-left:2rem;display:flex;align-items:center;position:relative}.color-input::-webkit-color-swatch-wrapper{padding:0}.color-input::-webkit-color-swatch{border:none}.theme-reset,.theme-save{padding:.4rem .6rem;font-size:.8rem;margin:0;width:5rem;margin-right:1rem}.theme-save{animation:pulse infinite 2s}.theme-reset.active{background-color:var(--accent);color:var(--accent-text)}.theme-app-preview{position:relative;margin-top:1.25rem;border:dashed 4px var(--accent);border-radius:.4rem;overflow:hidden;height:70vh}.theme-app-preview .side-menu{position:absolute}.theme-app-preview .keyboard{transform:scale(.8)!important}.color-picker{position:absolute;padding:.3rem;border-radius:.6rem;background-color:#efeff0;z-index:2;right:0;display:flex;justify-content:center;align-items:center;flex-direction:column;box-shadow:1px 1px 5px #45455994;animation:show .2s;width:13.6rem}.color-picker-input{display:flex;align-items:center;margin:0;width:calc(100% - 4.6rem);box-sizing:border-box;border:none;border-radius:.4rem;font-size:1rem;box-shadow:-1px -1px 5px #0003}.color-picker-input *{transform:translateY(.05rem)}.color-picker-input input{padding:.4rem;display:flex;margin:0;width:100%;background-color:transparent;box-sizing:border-box;outline:none;border:none}.color-picker-row{display:flex;height:2rem;margin-top:.3rem}.color-picker-check{width:2rem;height:2rem;border-radius:.4rem;border:none;display:flex;justify-content:center;align-items:center;margin:0;margin-left:.3rem;padding:0;cursor:pointer;box-shadow:-1px -1px 5px #0003}.new-theme{width:100%;height:100%;border-radius:.6rem;display:flex;flex-direction:column;font-size:1.1rem;align-items:center;justify-content:center;border:solid 3px var(--accent);cursor:pointer;background-color:transparent;color:var(--accent);min-height:6rem}.react-colorful{border-radius:.5rem!important;width:13rem!important;height:13rem!important;box-shadow:-1px -1px 5px #0003}.react-colorful__pointer{display:flex!important;justify-content:center!important;align-items:center!important}.react-colorful__pointer-fill{position:unset!important;width:90%;height:90%}.theme-preview-wrapper{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin-top:1rem}.theme-preview{display:flex;position:relative;flex-direction:column;width:100%;height:fit-content;border-radius:.6rem;transition:filter .2s;cursor:pointer;overflow:hidden;min-height:7rem}.theme-preview-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;background-repeat:no-repeat;background-size:cover}.theme-preview:hover{filter:brightness(1.1)}.theme-input{background-color:var(--primary);color:var(--primary-text);border-radius:.2rem;padding:.5rem 1rem;border:none;height:fit-content;cursor:text;min-width:5rem}.theme-input:disabled{filter:brightness(.8);cursor:not-allowed}.theme-input::placeholder{color:var(--primary-text)}.theme-preview-row{display:flex;justify-content:space-between;padding:0 .4rem}.theme-preview-colors{width:100%;display:flex;flex-wrap:wrap;justify-content:center;flex:1}.theme-preview-colors div{flex:1;font-size:.6rem;display:flex;align-items:center;justify-content:center}@keyframes show{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%{background-color:var(--primary)}50%{background-color:var(--red)}to{background-color:var(--primary)}}@media (max-width:920px){.theme-row{margin-top:.5rem}.theme-app-preview{height:calc(100vh - 3rem)}}.vsrg-player-page{display:flex;flex-direction:column;width:100%;height:100%;align-items:center}.vsrg-player-grid{opacity:.96;width:100%;height:100%;display:grid;justify-items:center;align-items:flex-end;grid-template-areas:"a" "b";perspective:100vh;grid-template-rows:1fr min-content}.vsrg-player-canvas{position:absolute;bottom:0;width:50vw;height:100vh;max-width:35rem;background-color:var(--background-darken-10);border-left:solid 2px var(--secondary);border-right:solid 2px var(--secondary);display:flex}.vsrg-player-countdown{position:absolute;top:50%;left:calc(50% - 2.5rem);font-size:5rem;width:5rem;font-weight:700;text-shadow:0 0 .5rem #252525;transition:all .1s}.vsrg-player-canvas canvas{position:absolute;border-radius:.6rem}.vsrg-player-right{position:absolute;padding:.5rem;right:0;top:0;display:flex;flex-direction:column}.vsrg-player-keyboard-circles,.vsrg-player-keyboard-line{position:absolute;bottom:0;display:flex;z-index:2;width:50vw;max-width:35rem}.vsrg-player-keyboard-control-left,.vsrg-player-keyboard-control-right{display:flex;flex-direction:column;position:absolute;bottom:var(--vertical-offset)}.vsrg-player-keyboard-control-left{left:var(--horizontal-offset);transform-origin:top left;transform:rotate(-35deg)}.vsrg-player-keyboard-control-left .vsrg-player-key-circle,.vsrg-player-keyboard-control-right .vsrg-player-key-circle{width:8vw!important;max-width:5rem;height:8vw!important;max-height:5rem}.vsrg-player-keyboard-control-left .vsrg-player-key-circle{transform:rotate(35deg)}.vsrg-player-keyboard-control-right .vsrg-player-key-circle{transform:rotate(-35deg)}.vsrg-player-keyboard-control-right{flex-direction:column-reverse;right:var(--horizontal-offset);transform-origin:top right;transform:rotate(35deg)}.vsrg-player-key-hitbox-circle,.vsrg-player-key-hitbox-line{cursor:pointer;border:none;background:none;padding:0;margin:0;flex:1}.vsrg-player-key-hitbox-line{height:50vh;display:flex;align-items:flex-end}.vsrg-player-key-hitbox-line:nth-child(odd){filter:brightness(.8)}.vsrg-player-key-circle{display:flex;justify-content:center;align-items:center;font-size:1.4rem;color:var(--background-text);width:100%;height:100%;border-radius:50rem;margin:-.15rem;border:solid .15rem var(--secondary)}.vsrg-player-key-line{width:100%;height:100%;background-color:var(--secondary)}.vsrg-key-pressed{background-color:var(--accent);color:var(--accent-text)}.vsrg-player-loading-instruments{position:absolute;bottom:calc(5vw + 2rem);width:100%;left:0;text-align:center;font-size:1.6rem;color:var(--background-text);text-shadow:0 0 .5rem #252525}.vsrg-player-score{position:absolute;top:2.4rem;right:.5rem;min-width:5rem;margin-top:1rem;text-shadow:0 0 .5rem #252525;font-size:1.4rem;color:var(--background-text)}.vsrg-final-score{position:absolute;top:20%;display:grid;grid-template-areas:"a b" "c d" "e e" "f f";gap:2rem;background-color:var(--primary);border-radius:.5rem;border:solid 2px var(--secondary);padding:1rem;z-index:10;margin-left:auto;margin-right:auto;animation:fadeIn .4s}.floating-score-element{display:grid;align-items:center;gap:1rem;grid-template-columns:1fr min-content;font-size:1.4rem}.vsrg-floating-score,.vsrg-floating-combo{position:absolute;top:70%;width:12rem;left:calc(50% - 6rem);pointer-events:none;text-align:center;font-size:2.4rem;font-weight:700;text-shadow:0 0 .5rem #252525}.vsrg-floating-combo{top:30%;font-size:3rem;opacity:.8}@media only screen and (max-width: 920px){.vsrg-floating-score{font-size:1.8rem;top:65%}.vsrg-floating-combo{top:20%;font-size:2.4rem;opacity:.8}}.vsrg-page{width:100%;height:100%;display:grid;grid-template-areas:"a b" "c c";flex:1;grid-template-rows:calc(100% - 2.9rem) min-content;grid-template-columns:1fr min-content;gap:.4rem;padding:.5rem}.vsrg-top{display:flex;flex:1;height:100%;max-height:100%;margin-bottom:.6rem}.vsrg-top-canvas-wrapper{grid-area:a;display:flex;flex:1;justify-content:center;position:relative;cursor:pointer}.vsrg-top-canvas-wrapper canvas{position:absolute;opacity:.96;border-radius:.6rem}.vsrg-top-right{display:flex;grid-area:b;flex-direction:column;width:13.6rem}.vsrg-top-right-disabled .vsrg-track-wrapper{pointer-events:none;opacity:.5}.vsrg-select-song-wrapper{margin-top:.5rem;border:dotted 4px var(--accent);padding:0 .4rem;border-radius:.4rem}.vsrg-track{height:3rem;min-height:3rem;transition:background-color .15s;cursor:pointer;overflow:hidden;border-bottom:solid 2px var(--secondary)}.vsrg-track-left{width:2rem;font-size:1rem;height:100%;min-width:2rem;padding:0;border-radius:0}.vsrg-floating-settings{position:absolute;right:14.4rem;width:18rem;background-color:var(--menu-background);color:var(--menu-background-text);border-radius:.6rem;border:solid 2px var(--secondary);top:.5rem;padding:.4rem;animation:fadeIn .15s ease-in-out forwards}.vsrg-track-settings{position:absolute;bottom:.1rem;left:.1rem;padding:0;width:1.2rem;height:1.2rem;background-color:transparent;min-width:unset}.vsrg-track-wrapper{min-height:5rem;background-color:var(--primary);margin-bottom:.4rem;border-radius:.6rem;overflow-y:auto}.vsrg-track-wrapper::-webkit-scrollbar-thumb{background:var(--secondary)}.vsrg-keyboard{margin-top:auto;display:grid;gap:.15rem}.vsrg-keyboard button{width:100%;transition:all .2s;cursor:pointer;border-radius:.2rem;aspect-ratio:1;min-height:1.4rem;background-color:var(--icon-color);border:none}.vsrg-bottom{grid-area:c;display:flex;justify-content:space-between;align-items:center;margin-left:3.2rem;height:2.5rem}.vsrg-bottom input[type=range]{max-width:30rem}.vsrg-name{text-align:center;margin-left:1rem;max-width:18vw}.multiple-option-slider{display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;height:100%;padding:.2rem;width:fit-content;border-radius:3rem;position:relative;background-color:var(--primary)}.multiple-option-slider button{height:100%;padding:0 1.4rem;color:var(--primary-text);transition:color .2s;z-index:2;cursor:pointer;background-color:transparent;border:none}.multiple-options-selected{color:var(--accent-text)!important}.multiple-option-slider-overlay{transition:all .15s ease-out;position:absolute;height:calc(100% - .4rem);top:.2rem;border-radius:3rem;background-color:var(--accent)}.vsrg-play-button{color:var(--icon-color);border-radius:.4rem;height:100%;margin-left:.6rem}.track-modifier{padding:.4rem;background-color:var(--menu-background);color:var(--menu-background-text);border-radius:.3rem}.vsrg-track-modifier-button{min-width:unset;padding:.2rem;height:1.6rem;width:2rem;font-size:1rem}.vsrg-composer-selected-song{gap:.4rem;padding:.6rem;border-radius:.4rem;margin-top:.4rem;background-color:var(--primary);color:var(--primary-text)}.vsrg-breakpoints-buttons button{display:flex;min-width:unset;height:2rem;justify-content:center;border-radius:.4rem;align-items:center;flex:1;padding:.2rem;margin-left:.2rem}@media only screen and (max-width: 1000px){.vsrg-name{display:none}.vsrg-top-right{width:12.6rem}.vsrg-page{grid-template-rows:calc(100% - 2.5rem) min-content}.vsrg-bottom{height:2.2rem;margin-left:2.9rem}.vsrg-keyboard button{aspect-ratio:unset;min-height:1.5rem}.vsrg-hamburger{width:2.2rem;height:2.2rem}.vsrg-track{height:2.4rem;min-height:2.4rem}.multiple-option-slider button{padding:0 1rem}}.zen-keyboard{margin:auto 0}.sky-zen-note{opacity:.8}.sky-zen-click{animation:click-rotate-animation .5s forwards}@keyframes click-rotate-animation{}