.snackbar_popup__b3tvU svg{margin:auto}.snackbar_popup__b3tvU>div>div:nth-child(2){display:flex;align-items:center}@font-face{font-display:swap;font-family:Spline Sans;font-style:normal;font-weight:300;src:url(/_next/static/media/spline-sans-v8-latin_latin-ext-300.49c138bb.woff2) format("woff2"),url(/_next/static/media/spline-sans-v8-latin_latin-ext-300.725970ec.woff) format("woff")}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{overscroll-behavior-y:contain;margin:0;font-family:Spline Sans,sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#e3e3dd}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.firefox-container{display:flex;flex-direction:column;align-items:center}.firefox-container .logo{height:15vh}.firefox-container .logo img{height:100%}#__next{min-height:100%;display:flex;flex-direction:column}#__next .loading{position:absolute;top:0;left:0;background-color:#e3e3dd;height:100%;width:100%}#__next .CookieConsent{text-align:left}#__next .CookieConsent a{color:#fff}#__next .CookieConsent .cookie-buttons{display:flex;justify-content:center;width:100%;padding-bottom:.5em;gap:5px}#__next .CookieConsent .cookie-buttons button{border:none;border-radius:5px;font-size:1em;color:#fff}#__next .CookieConsent .cookie-buttons #rcc-confirm-button{background-color:#4ea6c0;cursor:pointer;min-height:30px;padding:10px}#__next .CookieConsent .cookie-buttons #rcc-decline-button{background-color:#fa5157;cursor:pointer;min-height:30px;padding:10px}#__next button{font-family:Spline Sans,sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue}.menuClose{position:absolute;top:5%;right:5%}.menuClose svg{transform:scale(2)}.overlays .nameEdit,.overlays .volumeSlider{height:100%}.overlays .nameEdit>div,.overlays .volumeSlider>div{border-radius:5px;margin:0}.overlays .nameEdit{display:flex;flex-direction:row;align-items:center;gap:5px}.overlays .nameEdit>div>div{border-radius:5px}.overlays .nameEdit>div>div fieldset{border:none}.overlays .nameEdit .iconDiv{display:flex;align-items:center;padding:3px;margin-left:3px}.overlays .nameEdit .iconDiv .saveIcon{height:27px;width:27px}.overlays .volumeSlider>div{height:calc(100% - 4px)}.overlays .volumeSlider>div span{color:#000}.menu,.toneEditor{flex-direction:column;position:absolute;z-index:1000}.menu{z-index:1100;display:flex;flex-direction:column;justify-content:space-between;height:100vh}.menu h3{font-size:1em;margin:0;padding:.5em 0}.menu{left:0;top:0}.menu .menuBurger,.menu .trackSettings{padding:20px}.menu .menuBurger>svg,.menu .trackSettings>svg{cursor:pointer;transform:scale(2)}.menu .trackSettings svg path{stroke:#000}.menu .menuOptions{flex:.4 1;padding:5vh 10vw;text-align:start;overflow:scroll}.menu .menuOptions button{display:flex;align-items:center;text-align:start;background-color:rgba(0,0,0,0);color:#fff;font-size:.75em;border-radius:5px;margin:.5em 0;padding:.5em;cursor:pointer;border:1px solid #fff;width:100%}.menu .menuOptions button svg{transform:scale(1.2);padding:.25em .75em .25em .25em}.menu .menuOptions .menuProject{padding-bottom:1em}.menu .menuOptions .menuProject .newProjectForm{z-index:1200;border:1px solid #fff;border-radius:5px;padding:.5em;display:flex;flex-direction:column}.menu .menuOptions .menuProject .newProjectForm .inputLabel{font-size:.9em}.menu .menuOptions .menuProject .newProjectForm input[type=text]{border:none;background:#d9d9d9;padding:.5em;border-radius:5px;width:90%;margin-bottom:.5em}.menu .menuOptions .menuProject .newProjectForm button{width:60%}.menu .menuOptions .menuProject .newProjectForm button input{width:100%;padding:.25em;background:rgba(0,0,0,0);border:none;color:#fff}.menu .menuProjectInfo h1{font-size:1.5em}.menu .menuProjectInfo p{margin:.25em 0}.menu .menuProjectInfo p a{text-decoration:underline}.menu .menuProjectInfo .projectTitle svg{fill:#fff;padding-left:1vw}.menu .menuMain,.menu .menuProject{display:flex;flex-direction:column}.menuOverlay,.menuTracks,.toneEditor{z-index:1200;display:flex;position:absolute;top:0;bottom:0;height:100vh;width:100vw;background-color:rgba(0,0,0,.8);color:#fff}.menuOverlay svg path,.menuTracks svg path,.toneEditor svg path{stroke:#fff}.menuOverlay .editor,.menuTracks .editor,.toneEditor .editor{text-align:start;padding:2em 4em}.menuOverlay .editor .toneDetail,.menuTracks .editor .toneDetail,.toneEditor .editor .toneDetail{display:grid;grid-template-columns:1fr 4fr;grid-gap:.5em}.menuOverlay .editor .toneDetail h2,.menuTracks .editor .toneDetail h2,.toneEditor .editor .toneDetail h2{grid-column:1/span 2}.menuOverlay .editor .toneDetail .otherOptions,.menuTracks .editor .toneDetail .otherOptions,.toneEditor .editor .toneDetail .otherOptions{grid-column:1/span 2;display:flex;flex-direction:row}.menuOverlay .editor .toneDetail .otherOptions svg,.menuTracks .editor .toneDetail .otherOptions svg,.toneEditor .editor .toneDetail .otherOptions svg{width:2em;height:2em;padding-right:1em}.menuOverlay .editor .songTitle,.menuOverlay .editor .songVolume,.menuOverlay .editor .split,.menuTracks .editor .songTitle,.menuTracks .editor .songVolume,.menuTracks .editor .split,.toneEditor .editor .songTitle,.toneEditor .editor .songVolume,.toneEditor .editor .split{display:flex;flex-direction:row;align-items:center}.menuOverlay .editor .songTitle svg,.menuOverlay .editor .songVolume svg,.menuOverlay .editor .split svg,.menuTracks .editor .songTitle svg,.menuTracks .editor .songVolume svg,.menuTracks .editor .split svg,.toneEditor .editor .songTitle svg,.toneEditor .editor .songVolume svg,.toneEditor .editor .split svg{padding-left:1vw;width:1.5em;height:1.5em}.menuOverlay .editor .songTitle,.menuOverlay .editor .songVolume,.menuOverlay .editor .split,.menuTracks .editor .songTitle,.menuTracks .editor .songVolume,.menuTracks .editor .split,.toneEditor .editor .songTitle,.toneEditor .editor .songVolume,.toneEditor .editor .split{max-width:10em}@media(orientation:landscape){.menu .menuOverlay{display:flex;flex-direction:row;justify-content:space-between}.menu .menuOverlay .menuProjectInfo{flex:.5 1;text-align:start;padding:20vh 5vw}.menu .menuOverlay .menuProjectInfo .projectTitle{display:flex;flex-direction:row;align-items:center;padding:5vh 0}}@media(orientation:portrait){.toneEditor .editor .toneDetail{display:grid;grid-template-columns:1fr;grid-gap:0}.toneEditor .editor .toneDetail div:nth-child(odd){padding-bottom:.75em}.toneEditor .editor .toneDetail .otherOptions,.toneEditor .editor .toneDetail h2{grid-column:1}.mainControls{bottom:10%}.mainControls button{padding:0 3.6vh}.menu .menuOverlay{display:flex;flex-direction:column}.menu .menuOverlay .menuProjectInfo{flex:.5 1;text-align:center;padding:0 5vw 5vh}.menu .menuOverlay .menuProjectInfo .projectTitle{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:0}}.playlist{margin:50px auto;text-align:center}th{width:200px}.globalSettings{margin:0 auto;display:flex}.globalSettings .latencyBox{display:flex;flex-direction:column}.mainContent{width:100vw;height:calc(90vh - 10px);padding-top:calc(10vh + 10px);display:flex;align-items:center}.mainContent .baseTrackControls{position:absolute;z-index:10;width:100%;height:100%;top:0;left:0;background-color:#b3b3a8}.mainControls{position:fixed;display:flex;right:5px;top:0;bottom:0;flex-direction:column;align-items:center;justify-content:center;height:90vh;margin-top:10vh;gap:5px;pointer-events:none}.mainControls .audioControls,.mainControls .generalSettings{pointer-events:auto;margin-top:-40px;width:100%;display:flex;flex-direction:column;gap:5px;align-items:flex-end}.mainControls .saveSettings{pointer-events:auto;position:fixed;bottom:.5rem;right:1vw;display:flex;flex-direction:row;gap:5px;height:1.5em;width:45vw;justify-content:flex-end}.mainControls .saveSettings .hasChanges>div,.mainControls .saveSettings .noUnsavedChanges>div{max-height:1.5em;padding:2px 5px}.mainControls .saveSettings .hasChanges>div div,.mainControls .saveSettings .noUnsavedChanges>div div{padding:0}.mainControls .saveSettings .hasChanges{display:flex;gap:5px}.mainControls .saveSettings .saveButton,.mainControls .saveSettings .settingsButton,.mainControls .saveSettings .shareButton{cursor:pointer;height:100%;width:auto;background-color:#b3b3a8;border-radius:5px}.mainControls .saveSettings .saveButton{background-color:#4ea6c0}.mainControls .saveSettings .shareButton{background-color:#e9d752}.mainControls .saveSettings button{background-color:rgba(0,0,0,0);border:0}.mainControls button{pointer-events:auto;background-color:#b3b3a8;height:5em;width:5em}.mainControls button svg{margin-top:5px}.mainControls button.baseTrackButton,.mainControls button.downloadButton,.mainControls button.saveProjectButton{height:2em;font-size:.75em;width:100%}.mainControls button.baseTrackButton{background-color:#4ea6c0;border-radius:5px 5px 0 0}.mainControls button.downloadButton{background-color:#bba0ca;border-radius:0 0 5px 5px}.mainControls button.saveProjectButton{background-color:#e9d752}.mainControls button.playPauseButton{border-radius:5px 5px 0 0}.mainControls button.recordButton{border-radius:0 0 5px 5px}button.baseTrackButton,button.downloadButton,button.playPauseButton,button.recordButton,button.saveProjectButton,button.stopButton{border:none;cursor:pointer;padding:0}button.baseTrackButton>svg,button.downloadButton>svg,button.playPauseButton>svg,button.recordButton>svg,button.saveProjectButton>svg,button.stopButton>svg{cursor:pointer;transform:scale(3.5);background-color:#fff;border-radius:10px;padding:1px}button.playPauseButton:hover>svg,button.stopButton:hover>svg{fill:#3a3a3a}button.recordButton>svg{fill:red}.debugTools button{padding-bottom:0}.debugTools{position:absolute;top:15vh;right:0}@media only screen and (min-width:780px){.mainContent{max-width:780px;max-height:360px}.mainControls .saveSettings{height:3em}.mainControls .saveSettings .hasChanges>button,.mainControls .saveSettings .saveButton,.mainControls .saveSettings .settingsButton,.mainControls .saveSettings .shareButton{width:5em}.mainControls .saveSettings .hasChanges>button svg,.mainControls .saveSettings .saveButton svg,.mainControls .saveSettings .settingsButton svg,.mainControls .saveSettings .shareButton svg{scale:2}}button{-webkit-appearance:none;border-radius:0}