:root{--whitish:#ede5d8;--hint-main:#949494;--red:#f24b5b;--red-color:#ede5d8;--red-bg:#c1515c;--green:#358a55;--orange:#dd8d46;--text-dark:#151414;--text-light:#d7d5d1}@font-face{font-family:Bonobo;src:url(/_app/immutable/assets/BonoboBold.YNoiYEkL.ttf);font-display:swap}@font-face{font-family:RobotoSerif;src:url(/_app/immutable/assets/RobotoSerif-Medium.DJxbCDVZ.ttf);font-display:swap}p{opacity:.9;font-family:RobotoSerif,serif}.loading{color:var(--background-text);grid-area:1/2/auto/-1;font-size:2rem}html,body{overscroll-behavior-y:contain;touch-action:pan-x pan-y;width:100%;height:100%;min-height:100vh;margin:0;padding:0}body{-webkit-text-size-adjust:none;background-color:var(--html-background);color:var(--background-text);position:absolute}.keyboard-key{text-align:center;border:solid .1rem var(--primary);background:var(--secondary);min-width:2rem;color:var(--secondary-text);border-radius:.2rem;width:10rem;margin-bottom:.1rem;padding:.2rem .4rem;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;user-select:none;-khtml-user-select:none;box-sizing:border-box;-webkit-tap-highlight-color:transparent;outline:none;font-family:Bonobo,Arial}.disabled{filter:brightness(.7)}.keyboard-wrapper{flex-direction:column;flex:1;align-items:center;display:flex}#__next{justify-content:center;width:100%;min-height:100%;display:flex}.app,.app-content{flex-direction:row;justify-content:center;width:100%;display:flex;overflow:hidden}.app-content{z-index:2}.app-button{background-color:var(--primary);color:var(--primary-text);cursor:pointer;border:none;border-radius:.2rem;min-width:5rem;height:fit-content;padding:.5rem 1rem;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{background-color:var(--accent);color:var(--accent-text);transition:all .3s}.right-panel{flex-direction:column;flex:1;justify-content:space-between;align-items:center;height:100%;display:flex}.hidden{display:none!important}.hidden-opacity{opacity:0;pointer-events:none}.red{background-color:red}.logger-wrapper{z-index:999;grid-template-columns:1fr;gap:.4rem;max-height:100vh;padding:.8rem 0;display:grid;position:fixed;top:0;right:0;overflow-y:scroll}.logger-toast{border:solid 2px var(--secondary);background-color:var(--primary);min-width:15rem;color:var(--primary-text);opacity:1;border-radius:.4rem;flex-direction:column;margin:0 .8rem;padding:.5rem;transition:all .3s;animation:.3s toastAppear;display:flex;transform:scale(1)translateY(0);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}@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{background-color:rgba(var(--secondary-rgb), .9);z-index:998;pointer-events:none;min-height:2.4rem;color:var(--secondary-text);opacity:0;border-radius:1.5rem;padding:.5rem 1.5rem;font-size:.8rem;transition:all .3s;position:fixed;top:.8rem;right:50vw;transform:translate(50%)translateY(calc(-120% - .8rem));box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.pill-visible{opacity:1;animation:.24s forwards delayBackdrop;transform:translateY(0)translate(50%)}.logger-content{flex-direction:row;flex:1;padding:.1rem;font-size:.9rem;display:flex}.logger-progress-outer{border-radius:.5rem;height:5px;margin-top:.6rem;overflow:hidden}.logger-progress-bar{background-color:var(--accent);width:100%;height:100%;animation:1s linear forwards logger-animation}@keyframes logger-animation{0%{transform:translate(0)}to{transform:translate(-100%)}}.logger-status{align-items:center;max-height:1.4rem;margin-right:.6rem;display:flex}.logger-text{white-space:pre-line;flex:1;align-items:center;font-size:.9rem;display:flex}.floating-prompt{background-color:var(--primary);width:30vw;max-width:24rem;color:var(--primary-text);border:2px solid var(--secondary);opacity:1;z-index:1000;word-break:break-word;opacity:1;border-radius:.5rem;flex-direction:column;margin-left:auto;margin-right:auto;padding:.6rem;transition:all .3s;animation:.3s prompt-show,.3s forwards delayBackdrop;display:flex;position:absolute;top:1rem;left:0;right:0;transform:translateY(0%)}@keyframes prompt-show{0%{opacity:0;transform:translateY(-20%)}to{opacity:1;transform:translateY(0%)}}.floating-prompt-hidden{opacity:0;pointer-events:none;transform:translateY(-20%)}.prompt-button{background-color:var(--primary);color:var(--primary-text);cursor:pointer;border:none;border-radius:.3rem;padding:.5rem 2rem}.prompt-input{cursor:text;border:none;border-radius:.3rem;margin-top:.5rem;padding:.3rem}.prompt-overlay{background-color:rgba(var(--primary-rgb), .7);z-index:1000;width:100%;height:100%;transition:all .2s;animation:.2s linear overlay-show;position:fixed;top:0;left:0}@keyframes overlay-show{0%{opacity:.5}to{opacity:1}}.prompt-overlay-hidden{opacity:0}a{text-decoration:none}.welcome-message{background-color:var(--primary);z-index:500;border:solid 1px var(--secondary);width:60vw;min-height:60vh;max-height:90vh;color:var(--primary-text);border-radius:.8rem;flex-direction:column;align-self:center;padding:.8rem;display:flex;position:absolute}.welcome-overflow{overflow-y:auto}.welcome-message-title{text-align:center;margin-bottom:2rem;font-size:1.5rem}.welcome-message-button-wrapper{justify-content:flex-end;margin-top:auto;display:flex}.welcome-message-button{color:#fff;cursor:pointer;background-color:#32cd32;border:none;border-radius:.2rem;margin-top:.5rem;padding:.4rem 1rem}.red-text{color:#ff334a;display:inline-block}.drag-n-drop{background-color:rgba(var(--accent-rgb), .7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);filter:saturate(.7);color:var(--accent-text);z-index:5;justify-content:center;align-items:center;width:100vw;height:100vh;font-size:2rem;animation:3s infinite drop-pulse,.3s fadeInOpacity;display:flex;position:fixed;top:0;left:0}@keyframes drop-pulse{0%{background-color:rgba(var(--accent-rgb), .7)}25%{background-color:rgba(var(--primary-rgb), .7)}50%{background-color:rgba(var(--accent-rgb), .7)}}.prompt-row{justify-content:space-between;width:100%;margin-top:.5rem;display:flex}.settings-row-wrap{flex-wrap:wrap;justify-content:space-between;gap:.2rem;margin:.4rem 0 .7rem;display:flex}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#555}.resume-audio-context{z-index:10;color:var(--red-color);background-color:var(--red);position:fixed;bottom:.8rem;right:.8rem}.approaching-accuracy{color:var(--primary-text);background-color:var(--primary);border-radius:.4rem;margin:0 auto;padding:.4rem;font-weight:700;position:absolute;top:.5rem}.approaching-accuracy table{border-collapse:collapse;font-size:.8rem}.bg-image{background-position:50%;background-repeat:no-repeat;background-size:cover}.sc-2{padding-right:.5rem}.sc-1{border-left:solid 2px var(--secondary);min-width:3.5rem;padding-left:.5rem}.default-page{width:100%;max-height:100%;color:var(--background-text);flex-direction:column;padding:2rem 20vw;display:flex}.default-content{flex-direction:column;flex:1;width:100%;display:flex}.appear-on-mount{animation:.6s appear-default-page}@keyframes appear-default-page{0%{opacity:0}to{opacity:1}}.has-tooltip{position:relative}@media (hover:hover){.has-tooltip:hover:not(:focus){z-index:2}.has-tooltip:hover:not(:focus) .tooltip{animation:.2s .5s forwards fadeIn;display:block}}@media (hover:none){.has-tooltip:active{z-index:2}.has-tooltip:active .tooltip{animation:.2s .5s forwards fadeIn;display:block}}.tooltip{opacity:0;background-color:var(--secondary);color:var(--secondary-text);z-index:20;pointer-events:none;z-index:2;border-radius:.2rem;width:fit-content;max-width:10rem;padding:.3rem .6rem;font-size:.8rem;display:none;position:absolute;box-shadow:0 4px 6px -1px #00000026,0 2px 4px -2px #00000026}.tooltip-bottom{--existing-transform:translateY(100%);bottom:-.4rem;transform:translateY(100%)}.tooltip-top{--existing-transform:translateY(-100%);top:-.4rem;transform:translateY(-100%)}.tooltip-right{--existing-transform:translateX(calc(100% + .4rem));top:0;transform:translate(calc(100% + .4rem))}.tooltip-left{--existing-transform:translateX(calc(-100% - .4rem));top:0;transform:translate(calc(-100% - .4rem))}.tooltip:before{content:"";background-color:var(--secondary);width:.5rem;height:.5rem;position:absolute;transform:translateY(-50%)rotate(45deg)}.tooltip-bottom:before{border-top-right-radius:2px;top:0;right:calc(50% - .25rem)}.tooltip-top:before{border-bottom-right-radius:2px;bottom:0;right:calc(50% - .25rem);transform:translateY(50%)rotate(45deg)}.tooltip-left:before{border-bottom-left-radius:2px;top:50%;right:-.25rem}.tooltip-right:before{border-bottom-right-radius:2px;top:50%;left:-.25rem;transform:translateY(50%)rotate(45deg)}.help-tooltip ul{margin:.2rem;padding-left:.6rem}.help-tooltip li{margin-bottom:.2rem}.help-tooltip-button{background-color:var(--primary);color:var(--primary-text);cursor:pointer;border:0;border-radius:50%;justify-content:center;align-items:center;width:1.8rem;height:1.8rem;padding:0;transition:all .2s;display:flex}.help-tooltip-button:hover{filter:brightness(1.1);transform:rotate(30deg)}.help-tooltip-content{--existing-transform:translateY(.4rem);border:solid 2px var(--secondary);z-index:2;pointer-events:none;border-radius:.4rem;padding:.3rem .6rem;font-size:.8rem;display:none;position:absolute;transform:translateY(.4rem);box-shadow:0 10px 15px -3px #00000026,0 4px 6px -4px #00000026}.help-tooltip-button:focus+.help-tooltip-content{background-color:var(--primary);color:var(--primary-text);animation:.3s forwards fadeIn;display:flex}.help-tooltip-button:focus{background-color:var(--accent);color:var(--accent-text)}.folder{border-radius:.4rem;flex-direction:column;margin:.4rem 0;display:flex}.folder-header{border-radius:.4rem .4rem 0 0;justify-content:space-between;align-items:center;padding-right:.5rem;display:flex}.folder-header-button{cursor:pointer;flex:1;align-items:center;padding:.75rem;display:flex}.folder-header-button input{color:var(--menu-background-text);outline:solid 2px var(--secondary);background-color:#0000;border:none;border-radius:.2rem;font-family:Bonobo}.folder-content{opacity:1;flex-direction:column;padding:0 .5rem .5rem;transition:all .2s}.folder-songs-wrapper{grid-template-columns:1fr;gap:.3rem;display:grid}.folder-overflow{transition:all .2s;overflow:hidden}.folder-overflow-expandible{transition:all .2s}.folder-expanded .folder-overflow{animation:.2s forwards show-folder}@keyframes show-folder{99%{overflow:hidden}to{overflow:unset}}.folder-title{margin:0 0 .4rem 0;font-size:1.1rem}.folder-name{max-width:20rem;padding:0 0 0 .3rem;font-size:1.2rem}@media only screen and (width<=920px){.folder-content{padding:.4rem}.floating-prompt{width:45vw;padding:.5rem}.default-page{padding:1rem var(--right-mobile-padding,1.4rem) 1rem var(--left-mobile-padding,5rem)}}.menu{width:var(--menu-size);background-color:var(--primary);border-right:solid 2px var(--secondary);border-left:solid 2px var(--secondary);z-index:15;flex-direction:column;align-items:center;gap:.5rem;height:100%;max-height:100%;margin-left:-4rem;padding:.4rem 0;transition:all .3s;display:flex;overflow-y:auto}.menu-visible{margin-left:0}.menu::-webkit-scrollbar-thumb{background:var(--icon-color);border-radius:2px}.menu::-webkit-scrollbar{width:3px}.side-menu{width:var(--panel-size);border-radius:.3rem;border-top-left-radius:unset;border-bottom-left-radius:unset;background-color:var(--menu-background);height:100%;color:var(--menu-background-text);opacity:0;left:calc(var(--panel-size) * -1);padding:1rem;transition:all .3s;display:flex;position:fixed;transform:scale(.9)translate(0)}.side-menu-open{transform:scale(1) translateX(calc(var(--panel-size) + var(--menu-size)));opacity:1;--backdrop-amount:4px;animation:.36s forwards delayBackdrop}.menu-item{background-color:var(--primary);width:2.8rem;height:2.8rem;min-height:2.8rem;color:var(--icon-color);cursor:pointer;border:none;border-radius:.5rem;justify-content:center;align-items:center;transition:all .3s;display:flex}.menu-item a{color:var(--icon-color);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.menu-item:hover{background-color:var(--primary-layer-15)}.menu-item-active{background-color:var(--primary-layer-20)}.menu-panel{flex-direction:column;flex:1;width:100%;display:none}.menu-panel-visible{animation:.3s appearLeft;display:flex}.menu-title{justify-content:center;width:100%;margin-bottom:1rem;font-size:2rem;display:flex}.panel-content-wrapper{flex-direction:column;flex:1;margin-right:-.5rem;padding-right:.5rem;display:flex;overflow:hidden scroll}.menu-wrapper{z-index:11;flex-direction:row;height:100%;min-height:100%;display:flex;position:fixed;top:0;left:0}@keyframes appearLeft{0%{transform:translateX(-.5rem) var(--existing-transform, );opacity:.6}to{transform:translateX(0) var(--existing-transform, );opacity:1}}:root{--menu-size:4rem;--panel-size:40vw}.icon{font-size:1.5rem}.home{background-color:var(--background);width:100%;height:100%;color:var(--background-text);z-index:100;opacity:0;will-change:opacity, transform, backdrop-filter;justify-content:space-between;transition:all .2s ease-out;animation:.15s ease-out home-appear;position:fixed;overflow-y:auto;transform:scale(.98)}.home-visible{opacity:1;--backdrop-amount:4px;animation:.24s forwards delayBackdrop,.15s ease-out home-appear;transform:scale(1)}.home-padded{padding:1rem 25vw}@keyframes home-appear{0%{opacity:.5;-webkit-backdrop-filter:none;backdrop-filter:none;transform:scale(.98)}to{opacity:1;-webkit-backdrop-filter:none;backdrop-filter:none;transform:scale(1)}}.home-spacing{margin-bottom:.3rem}.close-home{cursor:pointer;border-radius:.5rem;padding:.5rem;position:absolute;top:.5rem;left:.5rem}.home-bottom{width:100%;color:var(--background-text);flex-direction:row;justify-content:space-between;align-items:center;padding:0 .4rem .4rem;font-size:.8rem;display:flex}.home-content{grid-template-rows:1fr;grid-template-columns:1fr 1fr;justify-items:center;gap:1rem;width:100%;display:grid}.home-content-element{width:100%;min-height:10rem;color:var(--primary-text);cursor:pointer;border-radius:.5rem;max-width:20rem;transition:all .15s ease-out;position:relative}.home-content-element:hover{filter:brightness(1.1);transform:scale(1.02)}.home-welcome{background-color:var(--primary-darken-10);outline:2px dashed var(--secondary);outline-offset:2px;border-radius:.5rem;margin:.8rem;padding:.5rem;font-size:.9rem}.home-accept-storage{color:#fff;cursor:pointer;background-color:#32cd32;border:none;border-radius:.2rem;margin-top:.5rem;padding:.4rem 1rem}.home-content-main{background-color:var(--primary);color:var(--primary-text);border-radius:.5rem;flex-direction:column;align-items:center;width:100%;height:100%;padding:.5rem;transition:all .2s ease-out;display:flex;position:absolute}.home-content-element:active{transition:all .1s ease-out;transform:scale(.97)}.home-content-element>.home-content-main{background-color:#353a46e6}.home-content-background{background-size:cover;border-radius:.5rem;width:100%;height:100%;position:absolute;overflow:hidden}.home-content-title{border-bottom:solid 1px var(--secondary);justify-content:center;align-items:center;width:94%;padding-bottom:.3rem;font-size:1.2rem;display:flex}.home-content-title svg{margin-right:.5rem}.home-content-text{text-align:center;margin-top:.25rem;padding:.25rem;font-size:.8rem;line-height:1rem}.home-content-open{justify-content:center;margin-top:auto;display:flex}.home-app-scaling *,.home-dont-show-again *{white-space:nowrap}.top-right-home-label{background-color:var(--accent);color:var(--accent-text);justify-content:center;align-items:flex-end;height:4rem;padding:0 3rem;font-size:1.5rem;display:flex;position:fixed;top:0;right:0;transform:rotate(45deg)translate(20%,-70%)}.home-app-scaling button{min-width:unset;width:1.5rem;height:1.5rem;margin-left:.2rem;padding:0;font-size:.6rem;font-weight:700}.page-redirect-wrapper{flex-wrap:wrap;width:100%;margin-top:.8rem;display:flex}.page-redirect-wrapper a,.page-redirect-wrapper button{background-color:var(--primary);color:var(--primary-text);cursor:pointer;border:none;border-radius:.5rem;margin:.2rem;padding:.4rem 1rem;font-size:.9rem;transition:all .1s linear}.page-redirect-wrapper a:hover,.page-redirect-wrapper button:hover{filter:brightness(1.1)}.middle-size-pages-wrapper{gap:1rem;margin-top:1rem}.middle-size-page{max-width:20rem;color:var(--primary-text);-webkit-text-decoration:unset;text-decoration:unset;background-color:var(--primary);border-radius:.5rem;flex:1;grid-template-columns:1fr 1fr;align-items:center;gap:1rem;padding:.6rem 1rem;transition:all .2s;display:grid}.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{background-color:var(--accent);color:var(--accent-text);cursor:pointer;border:none;border-radius:.5rem;padding:.4rem 1.5rem;font-size:.8rem}.home-top{text-align:center;margin-bottom:1rem}.home-title{font-size:2rem}.home-top-text{color:#b0ada8;font-size:.8rem}.redirect-wrapper{flex-wrap:wrap;justify-content:center;display:flex}.home-separator{border-top:1px solid var(--secondary);width:100%;margin-top:1rem;font-size:1.1rem}.redirect-button{cursor:pointer;flex-direction:column;justify-content:center;align-items:center;margin:1rem 2rem;display:flex}.redirect-icon{background-color:#515c6f;border-radius:1rem;margin-bottom:.5rem;padding:1rem;width:5rem!important;height:5rem!important}.non-visited{position:relative}.non-visited:after{content:var(--new-text);background-color:var(--accent);color:var(--accent-text);z-index:4;border-radius:.2rem;padding:.1rem .3rem;font-size:.7rem;position:absolute;top:0;right:0;transform:rotate(45deg)translate(20%,-80%)}@media only screen and (width<=920px){.menu{width:var(--menu-size);gap:.4rem;padding:.3rem 0}.side-menu{--panel-size:60vw;padding:.5rem}.menu-item{width:2.8rem;height:2.8rem}.menu-title{justify-content:flex-start;margin-bottom:.5rem;font-size:1rem;display:none}.panel-content-wrapper{margin-right:-.3rem;padding-right:.2rem}:root{--menu-size:3.6rem}.home-padded{padding:.6rem 8vw}.home-dont-show-again,.home-app-scaling{font-size:.8rem}.home-separator{margin-top:.6rem}.home-content-element{min-height:8.5rem}.home-content-title{font-size:1.1rem}.page-redirect-wrapper{margin-top:.4rem}.middle-size-pages-wrapper{gap:.8rem;margin-top:.8rem}.home-content{gap:.8rem}.close-home{left:.4rem}.home-top{margin-bottom:0}.home-bottom{font-size:.6rem}.page-redirect-wrapper a,.page-redirect-wrapper button{padding:.4rem .7rem}}.rotate-screen{z-index:1000;background-color:rgba(var(--primary-rgb), .85);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:2rem;font-size:1.5rem;display:none;position:fixed}.rotate-screen p{text-align:center}.rotate-screen img,.rotate-screen svg{background-color:rgba(var(--primary-rgb), 1);width:60vw;height:60vw;color:var(--icon-color);filter:brightness(1.1);border-radius:1rem;margin-bottom:1rem;padding:1.5rem}@media screen and (orientation:portrait){.rotate-screen{display:flex}}.menu-main-page{opacity:.9}.hamburger,.hamburger-top{width:2.5rem;max-width:6vw;height:2.5rem;max-height:6vw;color:var(--icon-color);background-color:var(--primary);cursor:pointer;border-radius:.3rem;justify-content:center;align-items:center;font-size:1.5rem;display:flex;position:absolute;bottom:.5rem;left:.5rem}.hamburger-top{top:.5rem;bottom:unset}.library-search-result-text{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.songs-buttons-wrapper{flex-wrap:wrap;align-items:center;gap:.2rem;width:100%;display:flex}.library-search-row{width:100%;margin:1rem 0 .2rem;display:flex}.library-search-input{box-sizing:border-box;color:var(--menu-background-text);cursor:text;background-color:#d3bd8e;border:none;border-radius:.3rem;outline:none;flex:1;height:2.2rem;padding:0 1rem;display:flex}.library-search-input::placeholder{color:var(--menu-background-text)}.library-search-btn{color:var(--menu-background-text);cursor:pointer;background-color:#d3bd8e;border:none;border-radius:.3rem;justify-content:center;align-items:center;width:2.2rem;height:2.2rem;margin-left:.2rem;padding:0;font-size:1rem;transition:all .2s;display:flex}.library-search-btn:hover{filter:brightness(1.1)}.songs-wrapper,.library-search-songs-wrapper{background-color:#ad9c85;border-bottom-right-radius:.3rem;border-bottom-left-radius:.3rem;flex-direction:column;gap:.3rem;margin:0;padding:1rem .5rem .5rem;display:grid}.library-search-songs-wrapper{border-radius:.3rem;padding-top:.5rem}.tab-selector-wrapper{gap:.2rem;margin-top:1rem;display:flex}.tab-selector{white-space:nowrap;color:var(--menu-background-text);cursor:pointer;background-color:#d3bd8e;border:none;border-top-left-radius:.3rem;border-top-right-radius:.3rem;flex:1;margin:0;padding:.4rem;font-size:1rem;transition:all .2s}.tab-selected{background-color:#ad9c85}.inverted{filter:invert()}.song-row{background-color:var(--primary);color:var(--primary-text);border-radius:.3rem;flex:1;justify-content:space-between;align-items:flex-start;padding:.4rem;transition:all .2s;display:flex}.song-button{background-color:var(--primary);color:var(--primary-text);cursor:pointer;border:none;border-radius:.3rem;justify-content:center;align-items:center;width:2rem;height:2rem;margin-right:.4rem;padding:0;font-size:1rem;display:flex}.floating-dropdown-children{transform-origin:top;--existing-transform:translateX(calc(-100% + 3rem));z-index:100;background-color:var(--primary);color:var(--primary-text);border:solid 1px var(--secondary);border-radius:.4rem;flex-direction:column;padding:.2rem;display:none;position:absolute;transform:translate(calc(3rem - 100%));box-shadow:0 20px 25px -5px #0003,0 8px 10px -6px #0003}.floating-dropdown{position:relative}.dropdown-select{background-color:var(--primary);height:100%;color:var(--primary-text);border:none;flex:1;padding:.4rem 0}.floating-dropdown-text{white-space:nowrap;font-size:.8rem;display:flex}.floating-dropdown-active .floating-dropdown-children{animation-name:fadeIn,delayBackdrop;animation-duration:.2s,.2s;animation-timing-function:ease,ease;animation-iteration-count:1,1;animation-direction:normal,normal;animation-play-state:running,running;animation-delay:0s,0s;animation-fill-mode:forwards;animation-timeline:auto,auto;display:flex}.song-name{cursor:pointer;word-break:break-word;flex:1;align-items:center;height:100%;margin-right:.45rem;font-size:1rem;display:flex}.song-name-input{cursor:pointer;background-color:#0000;border:none;height:100%;margin:0;padding:0 0 0 .3rem;font-family:Bonobo;font-size:1rem}.song-rename{outline:solid 2px var(--secondary);cursor:text;border-radius:.2rem}.song-buttons-wrapper{justify-content:center;align-items:center;display:flex}@media only screen and (width<=920px){.tab-selector-wrapper{margin-top:.5rem}}.keyboard{touch-action:none;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(7,1fr);place-items:center;width:fit-content;margin-top:auto;margin-bottom:2vh;display:grid}.keyboard-5{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(5,1fr)}@media only screen and (width<=920px){.keyboard{margin-bottom:1vh}}.keyboard-7-2{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(7,1fr)}.keyboard-4{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(4,1fr)}.keyboard-3{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(3,1fr)}.note,.note-composer,.note-sky,.note-composer-sky{background-color:var(--note-background);color:var(--accent);border:.5vw solid var(--note-border);width:6vw;height:6vw;cursor:pointer;z-index:10;touch-action:none;will-change:background-color, border-color, transform;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;transition:transform .1s;display:flex;position:relative}.note-sky,.note-composer-sky{transform-origin:50%;-webkit-user-select:none;user-select:none;border:.4vw solid #0000;border-radius:1.3vw;transition:all .1s}.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{pointer-events:none;width:100%;height:100%;fill:var(--accent)}.note img,.note-composer img,.note svg,.note-composer svg{width:80%;height:80%;position:absolute;top:5%}.svg-note{overflow:visible}.note-sky .svg-note,.note-composer-sky .svg-note{width:80%;height:80%}.note-composer .note-name{font-size:.7rem;bottom:14%!important}.genshin-border{top:unset!important;width:100%!important;height:100%!important}.click-event{background-color:var(--clicked-note);border-color:var(--accent);transform:scale(.9)}.click-event .svg-note{fill:#fff!important;stroke:#fff!important}.note-red{color:#fff;background-color:#f06565;border-color:#d75c5c}.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{color:var(--note-background-text);margin-left:auto;margin-right:auto;font-size:.8rem;position:absolute;bottom:15%;left:0;right:0}.note-name-sky{color:var(--note-background-text);font-size:1rem;position:absolute}.button-hitbox,.button-hitbox-bigger{-webkit-user-select:none;user-select:none;background-color:#0000;border:none;justify-content:center;align-items:center;padding:.25rem;display:flex;position:relative}.button-hitbox-bigger{padding:.35rem}.approach-circle,.approach-circle-sky{border:3px solid var(--accent);transform-origin:50%;pointer-events:none;opacity:0;border-radius:50%;animation:1s linear approach;position:absolute;inset:0;transform:scale(2.3)}.approach-circle-sky{border-radius:2vw;transform:scale(1.8)}@keyframes approach{0%{opacity:0}50%{opacity:.3}99%{opacity:.8;transform:scale(.8)}to{opacity:0;transform:scale(.8)}}.note-animation,.note-animation-sky{border:2px solid var(--accent);transform-origin:50%;pointer-events:none;opacity:1;z-index:1;border-radius:50%;width:6vw;height:6vw;animation:.5s cubic-bezier(.25,.46,.45,.94) .1s note-animation;position:absolute;transform:scale(.8)}.note-animation-sky{border-radius:1.7vw;animation:.75s cubic-bezier(.25,.46,.45,.94) .15s note-animation-sky}@keyframes note-animation{0%{opacity:1;transform:scale(.8)}70%{opacity:.2;transform:scale(1.45)}to{opacity:0;transform:scale(1.5)}}@keyframes note-animation-sky{0%{opacity:1;transform:scale(.8)}70%{opacity:.1;transform:scale(1.25)}to{opacity:0;transform:scale(1.3)}}.record-btn{width:fit-content}@media only screen and (width<=920px){.keyboard-playback .click-event{transform:unset}.note{border-width:4px;width:6.7vw;height:6.7vw;font-size:1rem}.note-animation{width:6.7vw;height:6.7vw}.note-animation-sky{border-radius:2.5vw;width:8.5vw;height:8.5vw}.note-sky{border-radius:1.8vw;width:8.5vw;height:8.5vw}.note-name-sky{font-size:.8rem}.note-composer .note-name{bottom:10%!important}.note-name{font-size:.6rem;bottom:10%}@keyframes note-animation{0%{opacity:1;border-width:2px;transform:scale(.8)}70%{opacity:.2;transform:scale(1.45)}to{opacity:0;border-width:2px;transform:scale(1.5)}}}.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 (width<=800px){.note-animation{border:2px solid var(--accent)}}.canvas-wrapper{border-radius:.4rem;flex-direction:column;justify-content:space-between;align-items:center;min-width:78vw;min-height:calc(45vh + 14px);display:flex}.canvas-wrapper-in-preview{min-width:unset;min-height:unset}.canvas-relative{z-index:0;border-top-left-radius:.4rem;border-top-right-radius:.4rem;flex:1;width:100%;display:flex;position:relative;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-position:100%;background-repeat:no-repeat}.right-panel-composer{flex-direction:column;flex:1;justify-content:space-between;align-items:center;height:100%;padding-top:.2rem;display:flex}.note-composer{z-index:2;border-width:.4vw;width:5vw;height:5vw}.note-composer-sky{z-index:2}.composer-grid{grid-template-columns:min-content;grid-template-areas:"a b b""a c c";gap:.2rem;padding:.2rem;display:grid}.song-info{color:var(--background-text);flex-direction:column;gap:.2rem;display:flex;position:absolute;bottom:.5vw;left:calc(4rem + .5vw)}.composer-keyboard-wrapper{grid-area:c;justify-content:center;gap:1.5rem;width:100%;padding-bottom:1vh;display:flex;position:absolute;bottom:0;left:0}.composer-keyboard-wrapper .keyboard{margin:unset;z-index:1}.song-info div{text-shadow:0 1px 5px #333;max-width:23vw}.top-panel-composer{flex-direction:row;display:flex}.tool-slim,.tool{color:var(--icon-color);background-color:var(--primary-darken-10);cursor:pointer;border:none;border-radius:.3rem;flex:1;justify-content:center;align-items:center;margin:0;transition:background-color .2s;display:flex}.tool{width:4vw}.tool-icon{width:1rem;height:100%}.tool:hover,.tool-slim:hover{background-color:var(--primary-layer-15)}select{cursor:pointer}.not-saved{background-color:var(--accent)!important;color:var(--accent-text)!important}.timeline-wrapper{flex-direction:row;justify-content:space-between;align-items:center;height:100%;margin-top:0;display:flex}.timeline-wrapper-bg{background-color:var(--primary);border-bottom-right-radius:.4rem;border-bottom-left-radius:.4rem;width:100%;padding:.2rem 0}.timeline-button{background-color:var(--primary);width:2.2rem;height:100%;color:var(--icon-color);cursor:pointer;border:none;border-radius:.3rem;justify-content:center;align-items:center;margin:.2rem;padding:0;display:flex}.timeline-scroll{cursor:pointer;border-radius:.3rem;width:100%;max-height:30px;display:flex;overflow:hidden}.timeline-scroll canvas{width:100%!important}.buttons-composer-wrapper,.buttons-composer-wrapper-right{grid-template-rows:repeat(3,1fr);grid-template-columns:1fr;gap:.2rem;margin-left:.2rem;display:grid}.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);cursor:pointer;border:none;border-radius:.3rem;justify-content:flex-start;gap:.5rem;padding:1.1rem;font-size:1rem}.tools-row{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.tools-button:hover{filter:brightness(1.1)}.tools-button:disabled,.tools-right button:disabled{cursor:not-allowed;opacity:.6;filter:unset}.tools-button-highlighted{color:var(--accent-text);background-color:var(--accent)!important}.tools-buttons-grid{flex:1;grid-template-areas:"a a b b""a a c c""d d e e""f f g g";gap:.6rem;display:grid}.floating-tools{background-color:rgba(var(--menu-background-rgb), .9);z-index:10;opacity:0;border:solid 2px var(--secondary);color:#fff;border-radius:.5rem;min-width:36vw;max-height:45vh;margin-left:auto;margin-right:auto;padding:.6rem;transition:all .4s;display:flex;position:fixed;bottom:-50vh;transform:scale(.7);box-shadow:-2px -1px 27px 4px #00000040}.floating-tools-content{flex:1;display:flex;overflow:hidden auto}.tools-right{border-left:solid 2px var(--secondary);margin-left:1rem;padding-left:1rem}.tools-right .app-button{min-width:unset;align-items:center;padding:.5rem .7rem;display:flex}.tools-visible{opacity:1;--backdrop-amount:3px;animation:.48s forwards delayBackdrop;bottom:1.4rem;transform:scale(1)}.tempo-changers-wrapper{color:#fff;flex-direction:column;gap:.2rem;width:4rem;display:flex;position:absolute;bottom:.2rem;right:.2rem}.tempo-changers-wrapper-hidden{display:none}.bottom-right-text{text-align:center;width:100%;color:var(--background-text);text-shadow:0 1px 5px #333;font-size:.8rem}.note-composer svg{z-index:2}.layer-1{background-color:var(--composer-main-layer)!important;border-color:var(--composer-main-layer-layer-20)!important}.layer-1 .note-name-sky{color:var(--composer-main-layer-text)!important}.layer-2 .svg-b{stroke:var(--composer-secondary-layer)!important}.layer-1 .svg-b{stroke:var(--composer-main-layer)!important}.layer-1 .svg-note,.layer-1 .genshin-border{fill:var(--composer-main-layer-text)!important;stroke:var(--composer-main-layer-text)!important}.layer-1 .note-name{color:var(--composer-main-layer-text)!important}.layer-2,.layer-2 .genshin-border{border-color:var(--composer-secondary-layer)!important;fill:var(--composer-secondary-layer)!important;stroke:var(--composer-secondary-layer)!important}.layer-3-ball,.layer-3-ball-bigger{background-color:var(--composer-secondary-layer);visibility:hidden;border-radius:50%;width:1.5vw;height:1.5vw;position:absolute}.layer-4-line{background-color:var(--composer-secondary-layer);visibility:hidden;border-radius:.2vw;width:100%;height:25%;position:absolute}.layer-4 .note-name-sky,.layer-3 .note-name-sky{color:var(--composer-secondary-layer-text)!important}.note-composer.layer-3 .svg-note,.note-composer.layer-4 .svg-note{fill:var(--composer-main-layer-text)!important;stroke:var(--composer-main-layer-text)!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{color:#fff;filter:brightness(1.1);cursor:pointer;border:none;border-radius:.2rem;flex:1;margin:0;padding:.4rem 0;font-size:1rem}.tempo-changers-wrapper button:hover,.layer-button:hover{filter:brightness(1.1)}.tempo-changers-wrapper button:focus{filter:brightness(1.3)}.layer-buttons-wrapper{flex-direction:column;justify-content:center;gap:.2rem;margin-right:2vw;display:flex}.composer-left-control{grid-area:a;width:6.2rem;height:calc(100vh - 5rem)}.instrument-name-button{padding:0;font-size:.8rem}.instruments-button-wrapper{background-color:var(--primary-darken-10);z-index:2;border-radius:.3rem;margin-top:.2rem;overflow:hidden auto}.new-instrument-button{background-color:#0000;align-items:center;margin-top:auto;padding:.4rem}.new-instrument-button:hover{background-color:var(--primary-darken-10)}.instruments-button-wrapper::-webkit-scrollbar-thumb{background:var(--secondary)}.instrument-button{border-bottom:solid 2px var(--secondary);border-radius:0;flex-direction:column;height:3rem;min-height:3rem;position:relative}.instrument-button-selected{height:4.2rem;min-height:4.2rem}.instrument-settings{grid-template-columns:1fr 1fr;width:100%;font-size:.8rem;display:grid}.instrument-settings .app-button{min-width:unset;background-color:#0000;flex:1;padding:.1rem}.floating-instrument-settings{background-color:var(--menu-background);width:17rem;color:var(--menu-background-text);border:solid 2px var(--secondary);z-index:10;border-radius:.4rem;flex-direction:column;margin-left:6.6rem;padding:.6rem;animation:.2s fadeIn,.2s forwards delayBackdrop;display:flex;position:absolute;top:3.4rem}.instrument-settings-button{flex:1;margin:.2rem}.floating-midi{background-color:rgba(var(--menu-background-rgb), .9);border:solid 2px var(--secondary);max-height:48vh;color:var(--menu-background-text);z-index:10;--backdrop-amount:4px;border-radius:.5rem;flex-direction:column;align-items:flex-start;min-width:45vw;max-width:60vw;margin-left:auto;margin-right:auto;animation:.4s fadeIn,.48s forwards delayBackdrop;display:flex;position:absolute;bottom:2rem}.floating-midi-content{width:100%;height:100%;padding:.8rem .5rem .8rem .8rem;overflow-y:scroll}.floating-midi *{font-size:.9rem}.midi-table{margin-bottom:.1rem}.midi-table-row{flex-direction:row;justify-content:space-between;align-items:center;width:100%;margin-bottom:.3rem;display:flex}.midi-btn,.midi-btn-small,.midi-btn-green{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:.2rem;min-width:5rem;height:fit-content;padding:.5rem 1rem}.midi-btn-green:active{filter:brightness(1.1)}.midi-btn-small{min-width:unset;justify-content:center;align-items:center;width:2rem;height:2rem;padding:0;font-size:1.2rem;font-weight:700;display:flex}.midi-btn-green{background-color:#628c83}.midi-btn-green:disabled{opacity:.8;filter:brightness(.8);cursor:not-allowed}.midi-track-data-row{flex-direction:row;justify-content:space-between;align-items:center;margin-top:.2rem;display:flex}.midi-track-wrapper{justify-content:space-between;align-items:center;width:100%;display:flex}.midi-track-column{background:var(--primary);border-radius:.2rem;flex-direction:column;width:100%;margin-top:.3rem;padding:.3rem .5rem;display:flex}.midi-track-center{align-items:center;gap:.2rem;display:flex}.midi-track-center :not(:last-child){margin-right:.5rem}.separator-border{border-bottom:solid 2px var(--secondary);margin-bottom:.25rem;padding-bottom:.25rem}.midi-input,.midi-select{background-color:var(--primary);width:4rem;height:1.9rem;color:var(--primary-text);text-align:center;border:none;border-radius:.2rem;outline:none}.midi-select{text-align:left;width:10rem;padding:.2rem .2rem .2rem .5rem}.midi-track-offset::placeholder{color:var(--primary-text);font-size:.7rem}.canvas-buttons{background-color:var(--primary);min-width:2.8rem;height:100%;color:var(--icon-color);cursor:pointer;opacity:0;border:none;align-items:center;padding:0;font-size:2rem;transition:opacity .1s;display:none;position:absolute;top:0}.keyboard-column-selection-buttons{color:var(--icon-color);filter:drop-shadow(0 0 6px #0006);cursor:pointer;background:0 0;border:none;border-radius:.4rem;justify-content:center;align-items:center;width:4rem;font-size:2rem;display:flex}@media (hover:none) and (pointer:coarse){.canvas-buttons{display:flex}.canvas-buttons-visible{opacity:1;display:flex}}@media only screen and (width<=920px){.canvas-buttons{display:flex}.canvas-buttons-visible{opacity:1;display:flex}.floating-instrument-settings{padding:.5rem;top:1.2rem}.buttons-composer-wrapper,.buttons-composer-wrapper-right{flex:1}.tools-right{margin-left:.6rem;padding-left:.6rem}.floating-tools{max-height:50vh;padding:.4rem}.tools-visible{bottom:.4rem}.tools-icon{font-size:1.1rem}.tools-buttons-grid{gap:.3rem}.tools-button{gap:.4rem;padding:.55rem .8rem;font-size:.9rem}.song-info div{max-width:20vw}.floating-midi{width:70vw;max-width:70vw;height:50vh;max-height:50vh;bottom:.8rem}.floating-midi-content{padding:.4rem .2rem .4rem .4rem}.song-info{font-size:.9rem}.tool{width:100%;max-width:unset;flex:1}.button-hitbox{padding:.7vh}.layer-button{font-size:.7rem}.tempo-changers-wrapper button{padding:.5rem;font-size:.7rem}.note-composer{width:5.5vw;height:5.5vw}.keyboard{grid-gap:0rem;gap:0}.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 0 .3rem}.layer-3-ball{width:1.5vw;height:1.5vw}}@media only screen and (width<=600px){.song-info{font-size:.8rem}.layer-button{padding:unset;font-size:.8rem}.tempo-changers-wrapper{gap:.6vh}.tempo-changers-wrapper button{font-size:.6rem}}.vsrg-page{flex:1;grid-template:"a b"calc(100% - 2.9rem)"c c"min-content/1fr min-content;gap:.4rem;width:100%;height:100%;max-height:100vh;padding:.5rem;display:grid}.vsrg-top{flex:1;height:100%;max-height:100%;margin-bottom:.6rem;display:flex}.vsrg-top-canvas-wrapper{cursor:pointer;flex:1;justify-content:center;display:flex;position:relative}.vsrg-top-canvas-wrapper canvas{opacity:.9;position:absolute}.vsrg-top-right{flex-direction:column;grid-area:b;width:13.6rem;display:flex}.vsrg-top-right-disabled .vsrg-track-wrapper{pointer-events:none;opacity:.5}.vsrg-select-song-wrapper{border:dotted 4px var(--accent);border-radius:.4rem;margin-top:.5rem;padding:0 .4rem}.vsrg-track{cursor:pointer;border-bottom:solid 2px var(--secondary);height:3rem;min-height:3rem;transition:background-color .15s;overflow:hidden}.vsrg-track-left{border-radius:0;width:2rem;min-width:2rem;height:100%;padding:0;font-size:1rem}.vsrg-floating-settings{background-color:var(--menu-background);width:18rem;color:var(--menu-background-text);border:solid 2px var(--secondary);border-radius:.6rem;padding:.4rem;animation:.15s ease-in-out forwards fadeIn;position:absolute;top:.5rem;right:14.4rem}.vsrg-track-settings{width:1.2rem;height:1.2rem;min-width:unset;background-color:#0000;padding:0;position:absolute;bottom:.1rem;left:.1rem}.vsrg-track-wrapper{background-color:var(--primary);border-radius:.6rem;min-height:5rem;margin-bottom:.4rem;overflow-y:auto}.vsrg-track-wrapper::-webkit-scrollbar-thumb{background:var(--secondary)}.vsrg-keyboard{gap:.15rem;margin-top:auto;display:grid}.vsrg-keyboard button{cursor:pointer;aspect-ratio:1;background-color:var(--icon-color);border:none;border-radius:.2rem;width:100%;min-height:1.4rem;transition:all .2s}.vsrg-bottom{grid-area:c;justify-content:space-between;align-items:center;height:2.5rem;margin-left:3.2rem;display:flex}.vsrg-bottom input[type=range]{max-width:30rem}.vsrg-name{text-align:center;max-width:18vw;margin-left:1rem}.decorated-vsrg-canvas{border:solid .15rem var(--secondary);border-radius:.4rem;grid-area:a;display:flex}.vsrg-play-button{color:var(--icon-color);border-radius:.4rem;height:100%;margin-left:.6rem}.track-modifier{background-color:var(--menu-background);color:var(--menu-background-text);border-radius:.3rem;padding:.4rem}.vsrg-track-modifier-button{min-width:unset;width:2rem;height:1.6rem;padding:.2rem;font-size:1rem}.vsrg-composer-selected-song{background-color:var(--primary);color:var(--primary-text);border-radius:.4rem;gap:.4rem;margin-top:.4rem;padding:.6rem}.vsrg-breakpoints-buttons button{min-width:unset;border-radius:.4rem;flex:1;justify-content:center;align-items:center;height:2rem;margin-left:.2rem;padding:.2rem;display:flex}@media only screen and (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}}@media print{body{background-color:#fff!important}}.flex{display:flex}.row{flex-direction:row;display:flex}.row-centered{align-items:center;display:flex}.flex-grow{flex:1;display:flex}.space-between{justify-content:space-between}.space-around{justify-content:space-around}.flex-centered{justify-content:center;align-items:center;display:flex}.items-center{align-items:center}.column{flex-direction:column;display:flex}.text-ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.box-shadow{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.input{background-color:var(--primary);color:var(--primary-text);border:none;border-radius:.2rem;padding:.3rem;font-family:Bonobo}.input::placeholder{color:#b9b9b9}.wrap{flex-wrap:wrap}@keyframes fadeIn{0%{opacity:0;transform:scale(.95) var(--existing-transform, )}to{opacity:1;transform:scale(1) var(--existing-transform, )}}@keyframes fadeInOpacity{0%{opacity:0}to{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%{-webkit-backdrop-filter:unset;backdrop-filter:unset}80%{-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{-webkit-backdrop-filter:blur(var(--backdrop-amount,2px));backdrop-filter:blur(var(--backdrop-amount,2px))}}.onprint{display:none}@media print{.noprint{display:none!important}*{color-adjust:exact!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.onprint{display:flex}}.theme-row{border-radius:.4rem;justify-content:space-between;align-items:center;width:100%;min-height:3rem;margin-top:.5rem;padding:0 .6rem;font-size:1.1rem;transition:all .1s;display:flex}.color-preview{-webkit-appearance:none;cursor:pointer;border:3px solid;border-radius:.5rem;justify-content:center;align-items:center;width:5rem;height:3rem;font-size:1rem;display:flex;overflow:hidden}.color-input-wrapper{align-items:center;margin-left:2rem;display:flex;position:relative}.color-input::-webkit-color-swatch-wrapper{padding:0}.color-input::-webkit-color-swatch{border:none}.theme-reset,.theme-save{width:5rem;margin:0 1rem 0 0;padding:.4rem .6rem;font-size:.8rem}.theme-save{animation:2s infinite pulse}.theme-reset.active{background-color:var(--accent);color:var(--accent-text)}.theme-app-preview{border:dashed 4px var(--accent);border-radius:.4rem;height:70vh;margin-top:1.25rem;position:relative;overflow:hidden}.theme-app-preview .app{height:100%}.theme-app-preview .keyboard{transform:scale(.8)!important}.color-picker-wrapper{z-index:2;background-color:#efeff0;border-radius:.6rem;flex-direction:column;justify-content:center;align-items:center;width:13.6rem;padding:.3rem;animation:.2s show;display:flex;position:absolute;right:0;box-shadow:1px 1px 5px #45455994}.color-picker-input{box-sizing:border-box;border:none;border-radius:.4rem;align-items:center;width:calc(100% - 4.6rem);margin:0;font-size:1rem;display:flex;box-shadow:-1px -1px 5px #0003}.color-picker-input *{transform:translateY(.05rem)}.color-picker-input input{box-sizing:border-box;background-color:#0000;border:none;outline:none;width:100%;margin:0;padding:.4rem;display:flex}.color-picker-row{height:2rem;margin-top:.3rem;display:flex}.color-picker-check{cursor:pointer;border:none;border-radius:.4rem;justify-content:center;align-items:center;width:2rem;height:2rem;margin:0 0 0 .3rem;padding:0;display:flex;box-shadow:-1px -1px 5px #0003}.new-theme{border:solid 3px var(--accent);cursor:pointer;width:100%;height:100%;color:var(--accent);background-color:#0000;border-radius:.6rem;flex-direction:column;justify-content:center;align-items:center;min-height:6rem;font-size:1.1rem;display:flex}.theme-preview-wrapper{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin-top:1rem;display:grid}.theme-preview{cursor:pointer;border-radius:.6rem;flex-direction:column;width:100%;height:fit-content;min-height:7rem;transition:filter .2s;display:flex;position:relative;overflow:hidden}.theme-preview-bg{object-fit:contain;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0}.theme-preview:hover{filter:brightness(1.1)}.theme-input{background-color:var(--primary);color:var(--primary-text);cursor:text;border:none;border-radius:.2rem;min-width:5rem;height:fit-content;padding:.5rem 1rem}.theme-input:disabled{filter:brightness(.8);cursor:not-allowed}.theme-input::placeholder{color:var(--primary-text)}.theme-preview-row{justify-content:space-between;padding:0 .4rem;display:flex}.theme-preview-colors{flex-wrap:wrap;flex:1;justify-content:center;width:100%;display:flex}.theme-preview-colors div{flex:1;justify-content:center;align-items:center;font-size:.6rem;display:flex}@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 (width<=920px){.theme-row{margin-top:.5rem}.theme-app-preview{height:calc(100vh - 3rem)}}.theme-vars-root.svelte-1l4nt8h{width:100%;min-height:100%;display:flex}