@import url(https://fonts.googleapis.com/css2?family=Inter&family=Source+Code+Pro&display=swap);.Pages_appPage__5AnE3{background-color:#414251;background-image:linear-gradient(to bottom right,#2f9aef,#86c44e);color:#fff;display:flex;flex-direction:column;font-family:Quicksand,sans-serif;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.Pages_logo__f6nrx{opacity:.9;padding:25px;width:275px}.Pages_panel__xHTOP h1{margin:0}.Pages_panel__xHTOP{align-items:center;background-color:#ffffff9c;box-shadow:0 4px 10px 0 #3c42571f,0 3px 6px 0 #0000001f;color:#414251;margin:auto;max-width:450px;padding:50px 0;width:50%}.Pages_home__Mdmaq.Pages_section__yHP5O,.Pages_panel__xHTOP{border-radius:8px;display:flex;flex-direction:column;max-height:400px;min-width:350px}.Pages_home__Mdmaq.Pages_section__yHP5O{margin:0 auto;max-width:750px;padding:50px 80px;width:70%}.Pages_accent1__VB-By{color:#e4dcb4}.Pages_home__Mdmaq.Pages_section__yHP5O h1{font-size:40pt;margin:0 0 20px;padding:0}.Pages_home__Mdmaq.Pages_section__yHP5O h2{font-size:20pt;margin:0;padding:0}.Pages_home__Mdmaq.Pages_section__yHP5O p{font-size:14pt;font-weight:500;margin:0 0 40px}.Pages_home__Mdmaq.Pages_section__yHP5O .Pages_homeButtons__bEU7O{display:flex;flex-wrap:wrap;justify-content:space-evenly}.Pages_btn1__BXNiq{align-items:center;background-color:#2f9aef;border:2px solid #0000;border-radius:5px;color:#fff;display:flex;font-size:15pt;height:32px;justify-content:space-evenly;line-height:1;margin-top:15px;max-width:300px;min-width:100px;outline:none;padding:18px 14px;transition:all .3s;width:100%}.Pages_btn1__BXNiq:hover{background-color:#ffffff2e;border:2px solid #2f9aef;color:#2f9aef;cursor:pointer;transition:all .3s}.Pages_btn2__bDevR{align-items:center;background-color:#f4743b;border:2px solid #0000;border-radius:5px;color:#fff;display:flex;font-size:15pt;height:32px;justify-content:space-evenly;line-height:1;margin-top:15px;max-width:300px;min-width:100px;outline:none;padding:18px 14px;transition:all .3s;width:100%}.Pages_btn2__bDevR:hover{background-color:#ffffff2e;border:2px solid #f4743b;color:#f4743b;cursor:pointer;transition:all .3s}.Pages_panel__xHTOP.Pages_projects__e-Nd1{max-width:none;position:relative;width:80%}.Pages_projects__e-Nd1 .Pages_projectsHead__rzKHv{align-items:center;border-bottom:1px solid #4f524e99;display:flex;justify-content:space-evenly;margin:0 20px 12px;padding-bottom:14px;width:95%}.Pages_projects__e-Nd1 .Pages_projectsHead__rzKHv button{background-color:#86c44e;margin:0 0 0 auto;width:200px}.Pages_projects__e-Nd1 .Pages_projectsHead__rzKHv button:hover{border-color:#86c44e;color:#86c44e}.Pages_projects__e-Nd1 .Pages_project__4Zi1x{align-items:flex-start;background-color:#ffffff9c;box-shadow:0 4px 10px 0 #3c42571f,0 3px 6px 0 #0000001f;color:#414251;display:flex;flex-direction:column;margin:10px;padding:13px;text-decoration:none;-webkit-user-select:none;-o-user-select:none;user-select:none;width:260px}.Pages_projects__e-Nd1 .Pages_project__4Zi1x:hover{box-shadow:0 4px 10px 0 #3c42571f,0 3px 6px 0 #0000001f;opacity:.9}.Pages_projectList__2QHgN{align-items:flex-start;background-color:#ffffff9c;border-bottom:1px #414251;box-shadow:0 15px 5px -10px #32325d40,0 30px 65px -30px #0000;display:flex;height:80px;justify-content:space-between;margin:5px 15px;max-width:90%;padding:10px;width:100%}.Pages_projectList__2QHgN .Pages_loggingBtn__Qbet8{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;float:right;font-weight:700;margin-top:5px}.Pages_projectList__2QHgN .Pages_loggingBtn__Qbet8 input{height:18px;margin:0 0 0 5px;min-width:15px}.Pages_selectUser__9WNZN{background-clip:padding-box;background-color:#fff;border:1px solid #ced4da;border-radius:5px;font-size:14px;font-weight:400;height:32px;margin-top:15px;padding:0 10px;text-decoration:none;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:300px}.Pages_projectList__2QHgN .Pages_projectInfoLeft__LtTjc{align-items:flex-end;display:flex;flex-direction:column}.Pages_projects__e-Nd1 .Pages_project__4Zi1x .Pages_projectInfo__9P\+sU{align-items:flex-end;display:flex;flex-direction:row;font-size:10pt;margin-top:20px;opacity:.8;width:100%}.Pages_projects__e-Nd1 .Pages_projectsContainer__t6-7A{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;max-width:100%;overflow:auto;scrollbar-color:rgba(45,45,45,.794) #0000}.Pages_projects__e-Nd1 .Pages_project__4Zi1x .Pages_projectInfo__9P\+sU .Pages_iconButtons__cnnJP{display:flex;font-size:14pt;justify-content:flex-end;margin-left:auto;margin-top:5px;max-width:75px}.Pages_projects__e-Nd1 .Pages_project__4Zi1x .Pages_projectInfo__9P\+sU .Pages_iconButtons__cnnJP .Pages_settingsIcon__kJlTq{align-items:center;border:1px solid #414251;cursor:pointer;display:flex;height:22px;justify-content:center;padding:6px;position:relative;width:22px}.Pages_projects__e-Nd1 .Pages_project__4Zi1x .Pages_projectInfo__9P\+sU .Pages_iconButtons__cnnJP .Pages_settingsIcon__kJlTq:hover{opacity:.7}.Pages_projects__e-Nd1 .Pages_project__4Zi1x .Pages_projectInfo__9P\+sU .Pages_iconButtons__cnnJP #Pages_openBtn__ZN\+1t{border-bottom-right-radius:5px;border-left:none;border-top-right-radius:5px;color:#414251}.Pages_projects__e-Nd1 .Pages_project__4Zi1x .Pages_projectInfo__9P\+sU .Pages_iconButtons__cnnJP #Pages_playBtn__bfPLY{border-bottom-left-radius:5px;border-right:none;border-top-left-radius:5px}.Pages_projects__e-Nd1 .Pages_project__4Zi1x .Pages_projectInfo__9P\+sU .Pages_iconButtons__cnnJP #Pages_playBtn__bfPLY:after{background-color:#34445840;content:"";height:25px;position:absolute;right:0;width:1px}.Pages_projectList__2QHgN .Pages_projectTitle__T3Jpw,.Pages_projects__e-Nd1 .Pages_project__4Zi1x .Pages_projectTitle__T3Jpw{align-items:center;display:flex;font-size:13pt;justify-content:space-between;width:100%}.Pages_projectTitle__T3Jpw a{color:#000;line-height:1.5em;max-height:1.5em;max-width:75%;overflow:hidden;text-decoration:none;text-overflow:ellipsis}.Pages_projectList__2QHgN .Pages_projectVisibility__7-0X\+,.Pages_projects__e-Nd1 .Pages_project__4Zi1x .Pages_projectTitle__T3Jpw .Pages_projectVisibility__7-0X\+{background-color:#cc54ef;border-radius:5px;color:#fff;font-size:10pt;font-weight:500;opacity:.9;padding:4px}.Pages_projectVisibility__7-0X\+.Pages_public__SRL0J{background-color:#f35252}.Pages_panel__xHTOP label{margin-top:20px}.Pages_panel__xHTOP input{background-clip:padding-box;background-color:#fff;border:1px solid #ced4da;border-radius:5px;flex-grow:1;font-size:14px;font-weight:400;height:32px;margin-top:15px;max-width:300px;min-width:100px;padding:0 10px;text-decoration:none;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:56%}.Pages_panel__xHTOP input:disabled{background-color:#d3d3d3;border-color:#80808082}.Pages_panel__xHTOP p.Pages_message__u0ua5{margin-top:20px;width:80%}.Pages_panel__xHTOP .Pages_resetLink__Rsur9{color:#414251;flex-grow:1;font-size:10pt;font-style:italic;margin:auto;max-width:300px;min-width:100px;padding:0;text-align:right;text-decoration:none;transition:all .125s;width:55%}.Pages_panel__xHTOP .Pages_resetLink__Rsur9:hover{opacity:.6;transition:all .125s}.Pages_home__Mdmaq .Pages_btn__UL3E7,.Pages_panel__xHTOP .Pages_btn__UL3E7,.Pages_panel__xHTOP .Pages_submit__nOk-K{background-color:#2f9aef;font-size:11pt;font-size:12pt;height:32px;max-width:300px;width:59%}.Pages_btn__UL3E7.Pages_danger__Y3CmO,.Pages_home__Mdmaq .Pages_btn__UL3E7,.Pages_panel__xHTOP .Pages_btn__UL3E7,.Pages_panel__xHTOP .Pages_submit__nOk-K{align-items:center;border:2px solid #0000;border-radius:5px;color:#fff;display:flex;justify-content:space-evenly;line-height:1;margin-top:15px;min-width:100px;outline:none;padding:0 14px;transition:all .3s}.Pages_btn__UL3E7.Pages_danger__Y3CmO{background-color:#da575d;font-size:11pt;height:22px;max-width:124px}.Pages_btn__UL3E7.Pages_danger__Y3CmO:hover{background-color:#ffffff9c;border:2px solid #da575d!important;color:#da575d!important;cursor:pointer;transition:all .3s}.Pages_btn__UL3E7.Pages_danger__Y3CmO.Pages_signout__rWuXs{bottom:-34px;margin-bottom:5px;position:absolute;right:0}.Pages_panel__xHTOP .Pages_googleAuth__rj-q7{align-items:center;background-color:#fff;border:2px solid #333333c2;border-radius:5px;color:#333333c2;display:flex;font-size:11pt;font-size:12pt;height:32px;justify-content:space-evenly;line-height:1;margin-top:15px;max-width:300px;min-width:100px;outline:none;padding:0 14px;transition:all .3s;width:59%}.Pages_panel__xHTOP .Pages_googleAuth__rj-q7:hover{border:2px solid #2f9aef;color:#2f9aef;cursor:pointer;transition:all .3s}.Pages_home__Mdmaq .Pages_btn__UL3E7:hover,.Pages_panel__xHTOP .Pages_btn__UL3E7:hover,.Pages_panel__xHTOP .Pages_submit__nOk-K:hover{background-color:#ffffff9c;border:2px solid #2f9aef;color:#2f9aef;cursor:pointer;transition:all .3s}.Pages_loginActions__BpYOW{display:flex;margin-bottom:10px;margin-top:10px;min-width:270px;width:60%}.Pages_showPassword__C5Rpk{display:flex;font-size:10pt;font-weight:600}.Pages_showPassword__C5Rpk input{height:15px;margin:0;min-height:15px;min-width:15px;padding:0;width:15px}.Pages_showPassword__C5Rpk label{margin:0 0 0 5px;padding:0}.Pages_home__Mdmaq .Pages_linkBtn__\+HFU6,.Pages_linkBtn__\+HFU6{color:#fff;text-decoration:none;width:200px}.Pages_linkBtn__\+HFU6 .Pages_btn__UL3E7{width:100%}.Pages_authError__frFzE{color:#da575d;font-size:11pt;margin:10px 0 0}.Pages_link__-3sKc a{color:#414251;transition:all .3s}.Pages_link__-3sKc a:hover{color:#86c44e;transition:all .3s}.Pages_link__-3sKc{color:#414251;font-size:11pt;margin:20px 0 0;padding:0}.Pages_navigation__IdHdk{align-items:center;display:flex;height:100px;justify-content:space-between;margin:20px;width:100%}.Pages_navigation__IdHdk .Pages_links__bxtzV{display:flex;margin-right:40px;right:22px;text-decoration:none;top:54px}.Pages_navigation__IdHdk .Pages_links__bxtzV .Pages_divider__OWSl\+{border-left:1px solid #414251;opacity:.5}.Pages_navigation__IdHdk .Pages_links__bxtzV a{background-position:-100px 100%;color:#ecece8;font-size:16pt;font-weight:600;letter-spacing:1px;margin:0 10px;padding:4px;text-decoration:none;transition:background-position .125s ease-in-out}.Pages_navigation__IdHdk .Pages_links__bxtzV a:hover{background-image:linear-gradient(120deg,#ffffffbf,#ffffffd9);background-position:0 100%;background-repeat:no-repeat;background-size:100% 3px;cursor:pointer;opacity:.7;transition:background-position .125s ease-in-out}:root{--error-red:#da575d;--error-red-bg:#f9e4e5;--fail-red:#da575d;--fail-red-bg:#f9e4e5;--pass-green:green;--pass-green-bg:#ded;--warn-yellow:orange;--warn-yellow-bg:#fed;--output-badge-color:#87c44e;--error-badge-color:#da575d;--warn-badge-color:orange;--body-font:"Inter","Lucida Sans","Lucida Sans Regular",sans-serif;--code-font:"Source Code Pro",monospace;--cell-header-bg:#2e303f;--active-color:#279ddb;--piano-color:#2f9aef;--guitar-color:#f0c229;--marimba-color:#f6843f;--sequencer-color:#f6843f;--bass-color:#ec5eb2;--drum-color:#86c44e;--drum-color-hover:#86c44ebf;--sound-color:#20b2aa;--text-color:#30acac;--definitions-color:#996dd9}#root,html{height:100%;overflow:hidden}body{font-family:Inter,Lucida Sans,Lucida Sans Regular,sans-serif;font-family:var(--body-font);font-size:16px;height:100%;margin:0;scrollbar-color:#fff9 #fff3}.spinner-container{align-items:center;display:flex;height:100%;justify-content:center}.spinner-container .spinner{animation:spin 1.2s linear infinite;border:3px solid #414251;border-radius:50%;border-top-color:#ffffffbf;height:15px;max-height:80%;max-width:80%;opacity:.7;width:15px}.spinner-container .spinner.large{height:100px;margin:35px;width:100px}.empty{align-items:center;display:flex;flex-direction:column;font-size:25px;opacity:.7}.empty span{font-size:15pt;font-weight:700;margin-top:8px}.empty.large{font-size:75px;padding:27px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.tooltip-container{display:inline-block;position:relative}.tooltip-text{background-color:#000;border-radius:6px;bottom:125%;color:#fff;left:50%;line-height:1;opacity:0;padding:5px;position:absolute;text-align:center;transform:translateX(-50%);transition:opacity .3s;visibility:hidden;width:170px;z-index:1}.tooltip-container:hover .tooltip-text{opacity:.9;transition:opacity .3s;visibility:visible}.cm-gutters{background-color:#0003!important}.cm-foldGutter{border-right:1px solid #fff5}.container{align-items:flex-start;display:flex;flex-direction:row;height:calc(100dvh - 55px);max-height:100%;overflow:hidden}.nav-bar{align-items:center;background-color:#414251;background-color:#2e303f;background-color:var(--cell-header-bg);box-shadow:0 4px 4px 1px #0000001a;display:flex;height:55px;position:relative;width:100%;z-index:100;z-index:900}.nav-bar .viewonlyIcon{background-color:#fff2;border:1px solid #fff6;border-radius:5px;color:#ffffffbf;font-family:monospace;font-size:10pt;font-weight:500;margin-left:15px;opacity:.9;padding:4px}.nav-bar .nav-btns{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;margin-left:auto;margin-right:10px}.nav-bar .nav-btns button{align-items:center;background-color:#86c44e;border:2px solid #0000;border-radius:5px;color:#fff;display:flex;font-size:11pt;font-size:12pt;font-weight:700;height:32px;justify-content:space-evenly;line-height:1;max-width:300px;min-width:145px;outline:none;padding:0 14px;transition:all .3s}.nav-bar .nav-btns button:hover{background-color:#414251;border:2px solid #86c44e;color:#86c44e;cursor:pointer;transition:all .3s}.nav-bar .nav-btns button:hover:disabled{background-color:#86c44e;border:2px solid #0000;color:#fff}.nav-bar .nav-btns button:disabled{cursor:not-allowed;opacity:.7}.nav-bar input.cellName{background-color:initial;border:1px solid #0000;border-radius:3px;color:#fff;font-family:Source Code Pro,monospace;font-family:var(--code-font);font-size:18px;font-weight:700;height:25px;margin-bottom:3px;outline:none;padding:4px 5px;position:relative}.nav-bar input.cellName:hover{background-color:#fff2;border:1px solid #fff6}.nav-bar input.cellName:focus{background-color:#fffd;border:1px solid #000;color:#333;font-weight:400}.nav-bar input.cellName:disabled{background-color:initial!important;border:1px solid #0000!important;color:#fff!important}.nav-bar .dialogIcons{display:flex;margin-right:15px}.nav-bar .lastSaved{color:#ffffffbf;display:flex;font-family:monospace;font-size:10pt;margin-right:25px}.nav-bar .tempoControls .projectBPM{background-color:initial;border:1px solid #0000;border-radius:3px;color:#fff;font-family:Source Code Pro,monospace;font-family:var(--code-font);font-size:18px;font-weight:700;height:25px;margin-bottom:3px;outline:none;padding:4px 5px 4px 11px;position:relative;width:70px}.nav-bar .tempoControls .projectBPM:hover{background-color:#fff2;border:1px solid #fff6}.nav-bar .tempoControls .projectBPM:focus{background-color:#fffd;border:1px solid #000;color:#333;font-weight:400}.nav-bar .tempoControls .projectBPM:focus+.BPMUnit{color:#333}.nav-bar .tempoControls .BPMUnit{color:#fff;font-family:Source Code Pro,monospace;font-family:var(--code-font);font-size:16px;font-weight:300;margin-left:-41px;margin-right:20px;opacity:.7;user-select:none;-webkit-user-select:none;-moz-user-select:none;width:0}.nav-bar .tempoControls input.projectBPM::-webkit-inner-spin-button,.nav-bar .tempoControls input.projectBPM::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.nav-bar .tempoControls input.projectBPM[type=number]{-moz-appearance:textfield}.nav-bar .tempoInput{align-items:center;display:flex;margin:0;padding:0;width:auto;width:88px}.nav-bar .tempoControls{align-items:center;display:flex;padding-right:23px}.nav-bar .tempoControls button{align-items:center;background-color:#2e303f;border-radius:50%;display:flex;display:none;flex-direction:row;flex-wrap:nowrap;font-size:16pt;height:0;justify-content:center;margin:0 4px;max-width:none;min-width:0;min-width:auto;padding:10px;vertical-align:middle;width:0}.nav-bar .tempoControls button:hover{border-color:#2f9aef;color:#2f9aef}.nav-bar .icon{border:1px solid #0000;border-radius:50%;height:46px;margin:0 8px;transition:all .3s;width:46px}.nav-bar .icon:hover{background-color:hsla(0,0%,100%,.103);border:1px solid #9194a174;box-shadow:0 4px 8px 8px #0000004d;cursor:pointer;transition:all .3s}.visualizations{display:flex;flex-direction:column;height:100%;overflow:hidden;width:75%}
/*# sourceMappingURL=main.febaa42b.css.map*/