@import url(https://use.typekit.net/ugu1iba.css);@import url(https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200);body{-webkit-font-feature-settings:"kern","liga","clig","calt","kern",common-ligatures contextual;font-feature-settings:"kern","liga","clig","calt","kern",common-ligatures contextual;-webkit-font-smoothing:antialiased;color:#fff;font-family:urw-din,sans-serif;font-kerning:normal;font-size:16px;-webkit-font-variant-ligatures:common-ligatures contextual;font-variant-ligatures:common-ligatures contextual}body,body h1,body h2,body h3,body h4{font-weight:500}body h1{font-size:36px;font-weight:400;line-height:1;margin:0;padding:0}body code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body .introText{color:hsla(0,0%,100%,.75);font-size:13px;margin:5px 0 0}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}#root,body,html{height:100%;margin:0;overflow:hidden;overscroll-behavior:none;padding:0;width:100%}body{background:#222}.mainApp .inputGroup,.screen .inputGroup{align-items:center;display:flex;flex-flow:row nowrap;z-index:2}.mainApp .inputGroup label,.screen .inputGroup label{font-size:13px;margin-right:10px;white-space:nowrap}.mainApp .inputGroup label:not(:first-child),.screen .inputGroup label:not(:first-child){margin-left:20px}.mainApp .inputGroup.secondary,.screen .inputGroup.secondary{font-size:.8em}.mainApp select,.screen select{align-items:center;-webkit-appearance:none;appearance:none;background:hsla(0,0%,100%,.1) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 7.2'%3E%3Cpath style='fill:%23fff' d='m0 1.6 6 5.6 6-5.6L10.4 0 6 4 1.6 0Z'/%3E%3C/svg%3E") right 13px top 12px/8px 10px no-repeat;border:1px solid transparent;border-radius:3px;box-shadow:none;color:#fff;cursor:pointer;display:flex;font-family:urw-din,sans-serif;font-size:16px;font-size:13px;font-weight:500;height:42px;height:36px;line-height:1.5;padding:0 32px 2px 12px;position:relative;text-indent:0;transition:background-color .15s ease;width:100%}.mainApp select option,.screen select option{color:#12063b}.mainApp select:focus,.screen select:focus{outline:none}.mainApp select:hover,.screen select:hover{background-color:hsla(0,0%,100%,.15)}.mainApp select.small,.screen select.small{background:hsla(0,0%,100%,.1) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 7.2'%3E%3Cpath style='fill:%23fff' d='m0 1.6 6 5.6 6-5.6L10.4 0 6 4 1.6 0Z'/%3E%3C/svg%3E") right 13px top 4px/10px 12px no-repeat;border-radius:2px;font-size:12px;height:21px;line-height:1;padding:0 32px 0 6px}.mainApp input,.screen input{font-family:urw-din,sans-serif;font-weight:500;line-height:1}.mainApp .input--number,.mainApp input[type=number],.screen .input--number,.screen input[type=number]{background:transparent;border-bottom:1px solid hsla(0,0%,67%,.5);border-radius:3px;box-shadow:none;color:#000;font-family:urw-din,sans-serif;font-size:16px;font-weight:500;height:42px;line-height:1.5;padding:12px;width:100%}.mainApp .input--number:focus,.mainApp input[type=number]:focus,.screen .input--number:focus,.screen input[type=number]:focus{outline:none}.mainApp .input--number.small,.mainApp input[type=number].small,.screen .input--number.small,.screen input[type=number].small{font-size:12px;height:21px;line-height:1;padding:5px}.mainApp .termDefinitionLink,.screen .termDefinitionLink{border-bottom:2px solid hsla(0,0%,67%,.5);position:relative;-webkit-user-select:none;user-select:none}.mainApp .termDefinitionLink:after,.screen .termDefinitionLink:after{align-items:center;background:#aaa;border-radius:50%;color:#fff;content:"?";cursor:pointer;display:flex;font-size:15px;font-weight:600;height:21px;justify-content:center;line-height:1;position:absolute;right:-25px;text-align:center;top:-10px;width:21px;z-index:3}.button,.nextScreenButton{background:#000;border:none;border-radius:2px;box-shadow:1px 1px 15px 0 #aaa;color:#fff;font-size:18px;height:40px;line-height:40px;outline:none;text-align:center;text-decoration:none}.button.small,.small.nextScreenButton{font-size:13px;height:auto;line-height:160%}.button[disabled],[disabled].nextScreenButton{background:gray;color:#d3d3d3}.nextScreenButton{bottom:10vh;display:block;position:fixed;-webkit-transform:translateY(100%);transform:translateY(100%);width:150px;z-index:2}.Layout-root-1{height:100vh;overflow:auto}.frequencyBand{cursor:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 43 32'%3E%3Cpath d='M16 0 0 16l16 16V0zM27 0l16 16-16 16V0z'/%3E%3C/svg%3E"),col-resize}.frequencyBand--band{fill:transparent}.frequencyBand--lineHorizontal,.frequencyBand--majorTickLine{stroke:#999;stroke-width:2px}.frequencyBand--majorTickLabel{text-anchor:middle;fill:#999;cursor:pointer;font-size:14px;font-weight:600;-webkit-user-select:none;user-select:none}.frequencyBand--majorTickLabel.isSelected{fill:#fff}.frequencyBand--minorTickLine{stroke:#999;stroke-width:2px}.frequencyBand--focusShape{fill:hsla(0,0%,100%,.05);pointer-events:none}.octaveDivisionBand--interval{fill:#333;stroke:none}.octaveDivisionBand--interval.isPassive{pointer-events:none}.octaveDivisionBand--division{fill:hsla(0,0%,100%,0)}.octaveDivisionBand--division.isMoveable{cursor:col-resize}.octaveDivisionBand--division.isPassive{pointer-events:none}.octaveDivisionBand--divisionLabel{fill:#fff;font-size:12px;font-weight:500}.octaveDivisionBand--divisionLabel.isPassive{pointer-events:none}.midiOutput.fixed{position:fixed;right:40px;top:70px;z-index:3!important}.midiOutput.fixed.withInput{top:110px}.midiOutput.fixed .inputGroup label{font-size:12px;margin-right:10px;white-space:nowrap}.midiOutput.fixed .inputGroup select{background-position:right 13px top 11px;font-size:12px;height:36px}.midiOutput.fixed .inputGroup select.midiOutput--device{width:170px}.midiOutput.fixed .inputGroup select.midiOutput--channel{width:100px}.midiOutput a,.midiOutput a:active,.midiOutput a:visited{color:#fff}.midiOutput .notSupportedError{font-size:14px}.midiOutput.withInput .notSupportedError{display:none}.calibrateMIDIOutputDialogWrapper{align-items:center;background-color:rgba(0,0,0,.7);display:flex;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:opacity .4s;width:100%;z-index:3}.calibrateMIDIOutputDialogWrapper.isOpen{opacity:1;pointer-events:auto}.calibrateMIDIOutputDialogWrapper .calibrateMIDIOutputDialog{background-color:#333;border-radius:3px;font-size:1rem;height:350px;padding:20px;position:relative;width:600px}.calibrateMIDIOutputDialogWrapper .calibrateMIDIOutputDialog p{line-height:1.2}.calibrateMIDIOutputDialogWrapper .calibrateMIDIOutputDialog .testLooper{align-items:center;display:flex}.calibrateMIDIOutputDialogWrapper .calibrateMIDIOutputDialog .testLooper--indicators{display:none;margin-left:10px}.calibrateMIDIOutputDialogWrapper .calibrateMIDIOutputDialog .testLooper--indicators.isVisible{display:flex}.calibrateMIDIOutputDialogWrapper .calibrateMIDIOutputDialog .testLooper--point{background-color:#fff;border:1px solid #888;border-radius:50%;height:25px;width:25px}.calibrateMIDIOutputDialogWrapper .calibrateMIDIOutputDialog .testLooper--point.on{background-color:#000}.calibrateMIDIOutputDialogWrapper .calibrateMIDIOutputDialog .pitchInput{margin-top:20px}.calibrateMIDIOutputDialogWrapper .calibrateMIDIOutputDialog input[type=range]{width:200px}.calibrateMIDIOutputDialogWrapper .calibrateMIDIOutputDialog .numberInput{margin-left:10px;width:50px}.calibrateMIDIOutputDialogWrapper .calibrateMIDIOutputDialog--actions{align-items:center;bottom:0;display:flex;justify-content:flex-end;left:0;padding:20px;position:absolute;width:100%}.calibrateMIDIOutputDialogWrapper .calibrateMIDIOutputDialog--actions button{margin-left:10px;padding:0 20px}.refPitchInput{display:flex;flex-direction:row}.refPitchInput .freqNumberInput{background:none;border:none;border-bottom:2px solid hsla(0,0%,67%,.5);color:#fff;display:inline-block;font-size:32px;font-weight:400;line-height:1;margin:0;padding:0;position:relative;text-align:left;width:135px}.refPitchInput .freqNumberInput:focus{outline:none}.refPitchInput .hzLabel{color:#fff;font-size:20px;font-weight:400;line-height:1;padding:8px 0;position:relative;-webkit-user-select:none;user-select:none;z-index:1}.refPitchInput .refPitchNote{border:none!important;margin-right:10px;padding-right:40px;width:70px}.refPitchInput.small .freqNumberInput{font-size:16px;width:75px}.refPitchInput.small .hzLabel,.refPitchInput.small .refPitchNote{font-size:14px;font-weight:500;line-height:1}.refPitchInput.small .hzLabel{font-size:12px;margin-top:4px}.refPitchInput.tiny .freqNumberInput{font-size:12px;width:53px}.refPitchInput.tiny .hzLabel,.refPitchInput.tiny .refPitchNote{font-size:12px;line-height:12px}.refPitchInput.tiny .refPitchNote{padding-right:10px}.breadcrumbs{align-items:center;bottom:40px;display:flex;left:40px;pointer-events:visible;position:fixed;z-index:2}.breadcrumbs--number{align-items:center;background:#000;border-radius:50px;color:#fff;display:flex;font-size:36px;font-weight:400;height:50px;justify-content:center;line-height:1;padding-bottom:2px;-webkit-user-select:none;user-select:none;width:50px}.breadcrumbs--number:not(:first-child){margin-left:5px}.breadcrumbs--number.previousStep{background:hsla(0,0%,100%,.05);color:hsla(0,0%,100%,.5);text-decoration:none;transition:background-color .15s ease,color .15s ease}.breadcrumbs--number.previousStep:hover{background:hsla(0,0%,100%,.1);color:#fff}.breadcrumbs--description{font-size:13px;margin-left:10px;width:400px}.breadcrumbs--nextAction{border-radius:50px;font-size:18px!important;height:50px!important;margin-left:10px;padding:0 20px;width:100px!important}.breadcrumbs--nextAction.isDisabled{background-color:gray;box-shadow:none;color:#d3d3d3;pointer-events:none}.userInfo{align-items:center;bottom:40px;color:hsla(0,0%,100%,.75);display:flex;font-size:13px;padding:5px;position:fixed;right:40px;z-index:4}.userInfo button{font-size:14px;height:auto;line-height:160%;margin-left:5px}.refPitchScreen{height:100%;position:absolute;width:100%}.refPitchScreen h1{left:40px;position:fixed;top:40px;z-index:0}.refPitchScreen .introText{left:40px;max-width:400px;position:fixed;top:80px;z-index:0}.refPitchScreen--canvas,.refPitchScreen--htmlOverlay{height:100%;position:absolute;width:100%}.refPitchScreen--htmlOverlay{align-items:center;display:flex;flex-direction:column;justify-content:center}.refPitchScreen--htmlOverlay .inputWrapper{align-items:stretch;background:transparent;border-radius:5px;display:flex;flex-flow:row nowrap;justify-content:stretch;padding:8px 15px 12px;position:relative;-webkit-transform:translateY(130px);transform:translateY(130px);z-index:2}.refPitchScreen--htmlOverlay .inputWrapperArrow{display:block;height:7px;left:50%;position:absolute;top:-7px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:auto}.refPitchScreen--htmlOverlay .inputWrapperArrow polygon{fill:none}.refPitchScreen--refPitchLine{fill:none;stroke:red;stroke-width:3px;pointer-events:none}.refPitchScreen .breadcrumbs,.refPitchScreen .introText,.refPitchScreen .leimma--userGuideLink,.refPitchScreen .midiOutput,.refPitchScreen .refPitchInput,.refPitchScreen .userInfo,.refPitchScreen h1{opacity:0;transition:opacity .5s}.refPitchScreen.hasEntered:not(.isExiting) .breadcrumbs,.refPitchScreen.hasEntered:not(.isExiting) .introText,.refPitchScreen.hasEntered:not(.isExiting) .leimma--userGuideLink,.refPitchScreen.hasEntered:not(.isExiting) .midiOutput,.refPitchScreen.hasEntered:not(.isExiting) .refPitchInput,.refPitchScreen.hasEntered:not(.isExiting) .userInfo,.refPitchScreen.hasEntered:not(.isExiting) h1{opacity:1}.leimma--userGuideLink{font-size:12px;position:fixed;right:45px;top:40px;z-index:3}.leimma--userGuideLink a{color:#fff;display:inline-block}.leimma--userGuideLink a:not(:last-child){margin-right:7px}.tuningSystemDatabaseEntryWrapper{align-items:center;background-color:rgba(0,0,0,.7);display:flex;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:opacity .4s;width:100%;z-index:3}.tuningSystemDatabaseEntryWrapper.isOpen{opacity:1;pointer-events:auto}.tuningSystemDatabaseEntryWrapper .tuningSystemDatabaseEntry{background-color:#333;border-radius:3px;overflow:hidden;padding:20px;position:relative;width:500px}.tuningSystemDatabaseEntryWrapper .tuningSystemDatabaseEntry h3{margin:10px 0}.tuningSystemDatabaseEntryWrapper .tuningSystemDatabaseEntry--field{display:flex;flex-direction:row;justify-content:space-between;padding:3px 0}.tuningSystemDatabaseEntryWrapper .tuningSystemDatabaseEntry--field input,.tuningSystemDatabaseEntryWrapper .tuningSystemDatabaseEntry--field textarea{width:300px}.tuningSystemDatabaseEntryWrapper .tuningSystemDatabaseEntry--field textarea{height:70px;resize:none}.tuningSystemDatabaseEntryWrapper .tuningSystemDatabaseEntry--actions{display:flex;flex-direction:row}.tuningSystemDatabaseEntryWrapper .tuningSystemDatabaseEntry select{-webkit-appearance:menulist;appearance:menulist;background:#fff;color:#000;height:auto;width:auto}.tuningSystemDatabaseEntryWrapper .tuningSystemDatabaseEntry .button{box-shadow:none;flex:1 1;font-size:14px;margin-top:40px}.tuningSystemDatabaseEntryWrapper .tuningSystemDatabaseEntry .button:disabled{background-color:gray;color:#a9a9a9}.scalaImport{pointer-events:all;position:fixed;right:165px;top:120px;z-index:2}.scalaImport .inputGroup{position:relative}.scalaImport .inputGroup input{height:25px;opacity:0;width:140px;z-index:2}.scalaImport .inputGroup button{position:absolute;right:0}.octaveDivisionOctaveView .octaveDivisionScreen--htmlOverlay .refPitchInput{pointer-events:auto;z-index:2}.octaveDivisionOctaveView .octaveDivisionScreen--htmlOverlay .divisionValueInput{align-items:center;display:flex;flex-direction:row;height:42px;justify-content:space-between;left:0;line-height:42px;pointer-events:auto;position:fixed;top:0;-webkit-transform-origin:center;transform-origin:center;width:260px;z-index:2}.octaveDivisionOctaveView .octaveDivisionScreen--htmlOverlay .divisionValueInput.withDelete{width:380px}.octaveDivisionOctaveView .octaveDivisionScreen--htmlOverlay .divisionValueInput input{border:none;border-bottom:2px solid hsla(0,0%,67%,.5);border-radius:0;box-shadow:none;color:#fff;text-align:center;width:100px}.octaveDivisionOctaveView .svgCanvas .selectedDivisionMarker{stroke:#fff;stroke-width:2}.octaveDivisionOctaveView .svgCanvas .mouseMarkerLine{stroke:#fff;stroke-width:1;pointer-events:none}.octaveDivisionOctaveView .svgCanvas .mouseMarkerLineLabel{fill:#fff;font-size:12px;font-weight:500}.octaveDivisionStringsView{bottom:160px;left:0;overflow-y:auto;position:fixed;top:400px;width:100%}.octaveDivisionStringsView--openStringTunings{position:relative}.octaveDivisionStringsView--openStringTunings .pitchInput,.octaveDivisionStringsView--openStringTunings button{left:10px;position:absolute;top:0;width:100px}.octaveDivisionStringsView--rulerSwitcher{align-items:center;display:flex;left:10px;position:absolute;width:300px}.octaveDivisionStringsView--rulerSwitcher label,.octaveDivisionStringsView--rulerSwitcher select{flex:1 1}.octaveDivisionStringsView--stringActions{position:relative}.octaveDivisionStringsView--stringActions button{position:absolute;right:10px;top:0;width:100px}.octaveDivisionStringsView--canvas{left:150px;position:absolute;width:calc(100vw - 300px)}.octaveDivisionStringsView--canvas .octaveDivisionStringsView--string{stroke:#000;stroke-width:1}.octaveDivisionStringsView--canvas .octaveDivisionStringsView--stringStop{stroke:#000;stroke-width:2}.octaveDivisionStringsView--canvas .octaveDivisionStringsView--stringStopLabel{font-size:12px}.octaveDivisionStringsView--canvas .octaveDivisionStringsView--stringEnd{fill:#000}.octaveDivisionStringsView--canvas .octaveDivisionStringsView--ruler{stroke:#ddd;stroke-width:1}.chooseTuningSystemDialogWrapper{align-items:center;background-color:rgba(0,0,0,.7);display:flex;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:opacity .4s;width:100%;z-index:3}.chooseTuningSystemDialogWrapper.isOpen{opacity:1;pointer-events:auto}.chooseTuningSystemDialogWrapper .chooseTuningSystemDialog{background-color:#333;border-radius:3px;height:80vh;overflow:hidden;padding:30px;position:relative;width:1024px}.chooseTuningSystemDialogWrapper .chooseTuningSystemDialog h2{margin:0 0 30px}.chooseTuningSystemDialogWrapper .chooseTuningSystemDialog--columns{display:flex;flex-direction:row;height:calc(80vh - 150px)}.chooseTuningSystemDialogWrapper .chooseTuningSystemDialog--categoryColumn{flex:1 1}.chooseTuningSystemDialogWrapper .chooseTuningSystemDialog--tuningSystemColumn{flex:2 1}.chooseTuningSystemDialogWrapper .chooseTuningSystemDialog--column{list-style:none;margin:0 5px 0 0;overflow-y:auto;padding:0}.chooseTuningSystemDialogWrapper .chooseTuningSystemDialog--column li{border-radius:3px;cursor:pointer;font-size:13px;padding:7px 15px}.chooseTuningSystemDialogWrapper .chooseTuningSystemDialog--column li.isSelected,.chooseTuningSystemDialogWrapper .chooseTuningSystemDialog--column li:hover{background-color:hsla(0,0%,100%,.1)}.chooseTuningSystemDialogWrapper .chooseTuningSystemDialog--tuningSystemName{font-size:13px;font-weight:600;margin-bottom:0}.chooseTuningSystemDialogWrapper .chooseTuningSystemDialog--tuningSystemDescription,.chooseTuningSystemDialogWrapper .chooseTuningSystemDialog--tuningSystemSource{color:hsla(0,0%,100%,.75);font-size:13px;margin-bottom:5px}.chooseTuningSystemDialogWrapper .chooseTuningSystemDialog--tuningSystemDescription a,.chooseTuningSystemDialogWrapper .chooseTuningSystemDialog--tuningSystemDescription a:active,.chooseTuningSystemDialogWrapper .chooseTuningSystemDialog--tuningSystemDescription a:visited,.chooseTuningSystemDialogWrapper .chooseTuningSystemDialog--tuningSystemSource a,.chooseTuningSystemDialogWrapper .chooseTuningSystemDialog--tuningSystemSource a:active,.chooseTuningSystemDialogWrapper .chooseTuningSystemDialog--tuningSystemSource a:visited{color:inherit}.chooseTuningSystemDialogWrapper .chooseTuningSystemDialog--tuningSystemSource{color:hsla(0,0%,100%,.5);font-size:11px}.chooseTuningSystemDialogWrapper .chooseTuningSystemDialog--actions{align-items:center;bottom:0;display:flex;justify-content:flex-end;left:0;padding:20px;position:absolute;width:100%}.chooseTuningSystemDialogWrapper .chooseTuningSystemDialog--actions button{margin-left:10px;padding:0 20px}.octaveDivisionScreen{height:100%;position:absolute;width:100%;z-index:2}.octaveDivisionScreen--tuningSystemInfo{left:40px;position:fixed;top:40px;z-index:0}.octaveDivisionScreen--tuningSystemInfo h1{margin-bottom:10px}.octaveDivisionScreen--tuningSystemInfo .fieldLabel{color:hsla(0,0%,100%,.75)}.octaveDivisionScreen--tuningSystemInfo .introText{color:hsla(0,0%,100%,.75);font-size:13px;margin-bottom:5px;max-width:400px}.octaveDivisionScreen--tuningSystemInfo .introText a,.octaveDivisionScreen--tuningSystemInfo .introText a:active,.octaveDivisionScreen--tuningSystemInfo .introText a:visited{color:inherit}.octaveDivisionScreen--tuningSystemInfo .introText.source{color:hsla(0,0%,100%,.5);font-size:11px}.octaveDivisionScreen .tuningSystemDialogToggle{position:fixed;right:40px;top:140px;z-index:2}.octaveDivisionScreen .databaseEntryDialogToggle{position:fixed;right:40px;top:175px;z-index:2}.octaveDivisionScreen .viewSelector{position:fixed;right:40px;top:150px;z-index:2}.octaveDivisionScreen--canvas,.octaveDivisionScreen--htmlOverlay{height:100%;position:absolute;width:100%}.octaveDivisionScreen--htmlOverlay{align-items:center;display:flex;flex-direction:column;justify-content:center;pointer-events:none}.octaveDivisionScreen--htmlOverlay .databaseEntryDialogToggle,.octaveDivisionScreen--htmlOverlay .midiOutput,.octaveDivisionScreen--htmlOverlay .octaveDivisionScreen--tuningSystemInfo,.octaveDivisionScreen--htmlOverlay .refPitchInput,.octaveDivisionScreen--htmlOverlay .tuningSystemDialogToggle,.octaveDivisionScreen--htmlOverlay .viewSelector{pointer-events:auto;z-index:2}.octaveDivisionScreen--canvas{pointer-events:none}.octaveDivisionScreen--canvas .frequencyBand{pointer-events:visible}.octaveDivisionScreen .breadcrumbs,.octaveDivisionScreen .databaseEntryDialogToggle,.octaveDivisionScreen .introText,.octaveDivisionScreen .leimma--userGuideLink,.octaveDivisionScreen .midiOutput,.octaveDivisionScreen .octaveDivisionBand--divisionLabel,.octaveDivisionScreen .octaveDivisionOctaveView,.octaveDivisionScreen .pitchInput,.octaveDivisionScreen .refPitchInput,.octaveDivisionScreen .scalaExport.button,.octaveDivisionScreen .scalaImport,.octaveDivisionScreen .tuningSystemDialogToggle,.octaveDivisionScreen .userInfo,.octaveDivisionScreen .viewSelector,.octaveDivisionScreen h1{opacity:0;transition:opacity .5s ease}.octaveDivisionScreen .frequencyBand{opacity:1;transition:opacity .5s ease}.octaveDivisionScreen.hasEntered .octaveDivisionOctaveView,.octaveDivisionScreen.hasEntered:not(.isExiting) .breadcrumbs,.octaveDivisionScreen.hasEntered:not(.isExiting) .databaseEntryDialogToggle,.octaveDivisionScreen.hasEntered:not(.isExiting) .introText,.octaveDivisionScreen.hasEntered:not(.isExiting) .leimma--userGuideLink,.octaveDivisionScreen.hasEntered:not(.isExiting) .midiOutput,.octaveDivisionScreen.hasEntered:not(.isExiting) .octaveDivisionBand--divisionLabel,.octaveDivisionScreen.hasEntered:not(.isExiting) .pitchInput,.octaveDivisionScreen.hasEntered:not(.isExiting) .refPitchInput,.octaveDivisionScreen.hasEntered:not(.isExiting) .scalaExport.button,.octaveDivisionScreen.hasEntered:not(.isExiting) .scalaImport,.octaveDivisionScreen.hasEntered:not(.isExiting) .tuningSystemDialogToggle,.octaveDivisionScreen.hasEntered:not(.isExiting) .userInfo,.octaveDivisionScreen.hasEntered:not(.isExiting) .viewSelector,.octaveDivisionScreen.hasEntered:not(.isExiting) h1{opacity:1}.octaveDivisionScreen.hasEntered:not(.isExiting) .viewSelector{transition-delay:.1s}.octaveDivisionScreen.hasEntered:not(.isExiting) .databaseEntryDialogToggle,.octaveDivisionScreen.hasEntered:not(.isExiting) .midiOutput,.octaveDivisionScreen.hasEntered:not(.isExiting) .scalaExport,.octaveDivisionScreen.hasEntered:not(.isExiting) .scalaImport,.octaveDivisionScreen.hasEntered:not(.isExiting) .tuningSystemDialogToggle,.octaveDivisionScreen.hasEntered:not(.isExiting) .userInfo{transition-delay:.2s}.octaveDivisionScreen.isExiting .frequencyBand{opacity:0}.scalaExport{pointer-events:all;position:fixed;right:40px;top:120px;z-index:2}.scalaExport.withMidiInput{top:170px}.scalaExportChoiceDialogWrapper{align-items:center;background-color:rgba(0,0,0,.7);display:flex;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:opacity .4s;width:100%;z-index:3}.scalaExportChoiceDialogWrapper.isOpen{opacity:1;pointer-events:auto}.scalaExportChoiceDialogWrapper .scalaExportChoiceDialog{background-color:#333;border-radius:3px;height:160px;overflow:hidden;padding:0 30px;position:relative;width:400px}.scalaExportChoiceDialogWrapper .scalaExportChoiceDialog--options{display:flex;flex-direction:column}.scalaExportChoiceDialogWrapper .scalaExportChoiceDialog--options button{margin:5px 0}.tuningSystemWheel--div{fill:#000;stroke:#222;stroke-width:2;cursor:pointer}.tuningSystemWheel--div.isSelected{stroke:red;stroke-width:2}.tuningSystemWheel--scaleBand{fill:#000;stroke:#222;stroke-width:2;cursor:pointer}.tuningSystemWheel--scaleBand.mappingNone{fill:hsla(0,0%,100%,.1)!important}.tuningSystemWheel--scaleBand.mappingSecondary{fill:#555e62!important}.tuningSystemWheel--scaleBand.mappingPrimary{fill:#788a94!important}.tuningSystemWheel--scaleBand.mappingTonic{fill:#9bb6c4!important}.tuningSystemWheel--scaleBand.isHighlighted{fill:red!important}.tuningSystemWheel--scaleBand.isSelected{fill:red!important;stroke:red;stroke-width:2}.tuningSystemWheel--scaleBandGuide,.tuningSystemWheel--scaleLabelGuide{opacity:.2}.tuningSystemWheel--scaleBandGuide .tuningSystemWheel--scaleBand,.tuningSystemWheel--scaleLabelGuide .tuningSystemWheel--scaleBand{opacity:0}.tuningSystemWheel--midiMappingBand{fill:#fff}.tuningSystemWheel--midiMappingBand.isAccidental{fill:#000}.tuningSystemWheel--solmizationLabel{fill:#fff;font-size:24px;font-weight:400;pointer-events:none}.tuningSystemWheel--solmizationLabel.isHighlighted{fill:#fff}.tuningSystemWheel--divisionLabel{fill:#fff;font-size:12px;font-weight:600;pointer-events:none}.tuningSystemWheel--midiMappingLabel{fill:#fff;font-size:13px;font-weight:500;pointer-events:none}.tuningSystemWheel--tonicMarkerLine{stroke:#fff;stroke-width:3}.tuningSystemWheel--tonicMarkerHandle{fill:#fff;stroke-width:3;cursor:grab}.tuningSystemWheel--tonicMarkerPlayIcon{fill:#fff;cursor:pointer}.tuningSystemWheel--tonicMarkerDragGuideLine{stroke:rgba(0,0,0,.1);stroke-width:3}.tuningSystemWheel--tonicMarkerDragGuideHandle{fill:rgba(0,0,0,.1);stroke-width:3}.scaleScreen{height:100%;position:absolute;width:100%}.scaleScreen--tuningSystemInfo{left:40px;position:fixed;top:40px;z-index:0}.scaleScreen--tuningSystemInfo h1{margin-bottom:10px}.scaleScreen--tuningSystemInfo .fieldLabel{color:hsla(0,0%,100%,.75)}.scaleScreen--tuningSystemInfo .introText{color:hsla(0,0%,100%,.75);font-size:13px;margin-bottom:5px;max-width:400px}.scaleScreen--tuningSystemInfo .introText a,.scaleScreen--tuningSystemInfo .introText a:active,.scaleScreen--tuningSystemInfo .introText a:visited{color:inherit}.scaleScreen--tuningSystemInfo .introText.source{color:hsla(0,0%,100%,.5);font-size:11px}.scaleScreen .tuningSystemDialogToggle{position:fixed;right:40px;top:205px}.scaleScreen .centsRatiosSwitch{position:fixed;right:40px;top:240px}.scaleScreen .clearMappingsButton{position:fixed;right:40px;top:275px}.scaleScreen .databaseEntryButton{position:fixed;right:40px;top:310px}.scaleScreen--canvas,.scaleScreen--htmlOverlay{height:100%;position:absolute;width:100%}.scaleScreen--canvas{z-index:1}.scaleScreen--htmlOverlay{align-items:center;display:flex;flex-direction:column;justify-content:center}.scaleScreen--htmlOverlay .hint{max-width:200px;text-align:center}.scaleScreen--htmlOverlay .inputGroup{margin:10px 0}.scaleScreen--htmlOverlay .scaleDegreeRoleSelection{width:auto}.scaleScreen--htmlOverlay .centsRatioInput input{border:none;border-bottom:2px solid hsla(0,0%,67%,.5);border-radius:0;box-shadow:none;color:#fff;text-align:center;width:50px}.scaleScreen--htmlOverlay .centsRatiosSwitch,.scaleScreen--htmlOverlay .clearMappingsButton,.scaleScreen--htmlOverlay .databaseEntryButton,.scaleScreen--htmlOverlay .existingScaleInput,.scaleScreen--htmlOverlay .inputWrapper,.scaleScreen--htmlOverlay .scalePicker,.scaleScreen--htmlOverlay .scaleScreen--tuningSystemInfo,.scaleScreen--htmlOverlay .solmizationInput,.scaleScreen--htmlOverlay .tuningSystemDialogToggle{z-index:2}.scaleScreen .leimma--userGuideLink,.scaleScreen .userInfo,.scaleScreen--htmlOverlay{opacity:0;transition:opacity .5s}.scaleScreen.hasEntered .leimma--userGuideLink,.scaleScreen.hasEntered .scaleScreen--htmlOverlay,.scaleScreen.hasEntered .userInfo{opacity:1}.scalePicker{max-width:130px}.midiInput{position:fixed;right:40px;top:60px;z-index:2}.midiInput .inputGroup label{font-size:12px;margin-right:10px;white-space:nowrap}.midiInput .inputGroup select{background-position:right 13px top 11px;font-size:12px;height:36px;width:130px}.midiInput a,.midiInput a:active,.midiInput a:visited{color:#fff}.midiInput .notSupportedError{font-size:14px}.onScreenKeyboardContainer{background-color:#eee;bottom:0;height:130px;left:0;position:fixed;-webkit-transform:translateY(100%);transform:translateY(100%);transition:-webkit-transform .15s ease;transition:transform .15s ease;transition:transform .15s ease,-webkit-transform .15s ease;width:100%;z-index:3}.onScreenKeyboardContainer.isOpen{-webkit-transform:translateY(0);transform:translateY(0)}.onScreenKeyboardContainer .onScreenKeyboardCallout{align-items:center;background-color:#eee;border:none;border-top-left-radius:3px;border-top-right-radius:3px;color:#000;cursor:pointer;display:flex;font-family:urw-din,sans-serif;font-weight:600;height:40px;justify-content:center;left:50%;outline:none;position:absolute;top:0;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%);width:150px}.onScreenKeyboardContainer .onScreenKeyboard{display:flex;justify-content:center;left:0;margin:10px 10px 50px;position:absolute;width:100%}.onScreenKeyboardContainer .onScreenKeyboard--step{align-items:center;background-color:#fff;border:none;border-radius:3px;box-shadow:0 2px 5px 0 rgba(0,0,0,.2);cursor:pointer;display:flex;flex-direction:column;font-family:urw-din,sans-serif;font-weight:500;height:60px;margin:0 2px;outline:none;padding:5px 0;width:50px}.onScreenKeyboardContainer .onScreenKeyboard--step--qwertyMapping{font-size:10px;font-style:italic}.onScreenKeyboardContainer .onScreenKeyboard--step--cents{font-size:14px;font-weight:600}.onScreenKeyboardContainer .onScreenKeyboard--step--solmization{font-size:10px}.onScreenKeyboardContainer .onScreenKeyboard--step.isPlaying{background:red;box-shadow:0 2px 0 0 rgba(0,0,0,.2)}.onScreenKeyboardContainer .onScreenKeyboard--step.isAccidental{background-color:#000;color:#fff}.onScreenKeyboardContainer .onScreenKeyboard--step.isAccidental.isPlaying{background:red;box-shadow:0 2px 0 0 rgba(0,0,0,.2)}.onScreenKeyboardContainer .onScreenKeyboard--step:not(.isAccidental){-webkit-transform:translateY(20px);transform:translateY(20px)}.onScreenKeyboardContainer .onScreenKeyboardOctave{bottom:10px;color:#000;font-family:urw-din,sans-serif;font-size:12px;font-weight:500;position:absolute;text-align:center;width:100%}.onScreenKeyboardContainer .onScreenKeyboardOctave--change{background:none;border:1px solid #111;border-radius:3px;margin:0 5px;outline:none}.onScreenKeyboardContainer .onScreenKeyboardOctave--change.isDisabled{opacity:0;pointer-events:none}.onScreenKeyboardContainer .onScreenKeyboardOctave--qwertyMapping{font-size:12px;font-style:italic}.scaleDatabaseEntryWrapper{align-items:center;background-color:rgba(0,0,0,.7);display:flex;flex-direction:column;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:opacity .4s;width:100%;z-index:3}.scaleDatabaseEntryWrapper.isOpen{opacity:1;pointer-events:auto}.scaleDatabaseEntryWrapper .scaleDatabaseEntry,.scaleDatabaseEntryWrapper .tuningSystemDatabaseEntry{background-color:#333;border-radius:3px;overflow:hidden;padding:20px;position:relative;width:500px}.scaleDatabaseEntryWrapper .scaleDatabaseEntry h3,.scaleDatabaseEntryWrapper .tuningSystemDatabaseEntry h3{margin:10px 0}.scaleDatabaseEntryWrapper .scaleDatabaseEntry--field,.scaleDatabaseEntryWrapper .tuningSystemDatabaseEntry--field{display:flex;flex-direction:row;justify-content:space-between;padding:3px 0}.scaleDatabaseEntryWrapper .scaleDatabaseEntry--field input,.scaleDatabaseEntryWrapper .scaleDatabaseEntry--field textarea,.scaleDatabaseEntryWrapper .tuningSystemDatabaseEntry--field input,.scaleDatabaseEntryWrapper .tuningSystemDatabaseEntry--field textarea{width:300px}.scaleDatabaseEntryWrapper .scaleDatabaseEntry--field textarea,.scaleDatabaseEntryWrapper .tuningSystemDatabaseEntry--field textarea{height:70px;resize:none}.scaleDatabaseEntryWrapper .scaleDatabaseEntry--actions,.scaleDatabaseEntryWrapper .tuningSystemDatabaseEntry--actions{display:flex;flex-direction:row}.scaleDatabaseEntryWrapper .scaleDatabaseEntry select,.scaleDatabaseEntryWrapper .tuningSystemDatabaseEntry select{-webkit-appearance:menulist;appearance:menulist;background:#fff;height:auto;width:auto}.scaleDatabaseEntryWrapper .scaleDatabaseEntry .button,.scaleDatabaseEntryWrapper .tuningSystemDatabaseEntry .button{box-shadow:none;flex:1 1;font-size:14px;margin-top:40px}.scaleDatabaseEntryWrapper .scaleDatabaseEntry .button:disabled,.scaleDatabaseEntryWrapper .tuningSystemDatabaseEntry .button:disabled{background-color:gray;color:#a9a9a9}.tuningSnapshotsContainer{background-color:#eee;height:100%;position:fixed;right:0;top:0;-webkit-transform:translateX(100%);transform:translateX(100%);transition:-webkit-transform .15s ease;transition:transform .15s ease;transition:transform .15s ease,-webkit-transform .15s ease;width:300px;z-index:5}.tuningSnapshotsContainer.isOpen{-webkit-transform:translateX(0);transform:translateX(0)}.tuningSnapshotsContainer .tuningSnapshotsCallout{align-items:center;background-color:#eee;border:none;border-top-left-radius:3px;border-top-right-radius:3px;cursor:pointer;display:flex;font-family:urw-din,sans-serif;font-weight:600;height:40px;justify-content:center;left:0;outline:none;position:absolute;top:50%;-webkit-transform:translate(-100%,-200%) rotate(-90deg);transform:translate(-100%,-200%) rotate(-90deg);-webkit-transform-origin:130px 20px;transform-origin:130px 20px;width:150px}.tuningSnapshotsContainer .tuningSnapshotsManager{border-left:1px solid hsla(0,0%,100%,.1);color:#000;display:block;height:100%;position:absolute;width:100%}.tuningSnapshotsContainer .tuningSnapshotsManager--content{padding-top:0}.tuningSnapshotsContainer .tuningSnapshotsManager--snapshot{background-color:#ddd}.tuningSnapshotsContainer .tuningSnapshotsManager--snapshot.isCurrent{outline:1px solid #000}.tuningSnapshotsContainer .tuningSnapshotsManager .input{border-bottom:1px solid #000;color:#000}.tuningSnapshotsManager{overflow-y:auto;position:relative}.tuningSnapshotsManager--content{padding:15px}.tuningSnapshotsManager--notAuthenticated{padding:10px}.tuningSnapshotsManager--snapshot{border-radius:5px;margin:0 0 15px;padding:15px;position:relative}.tuningSnapshotsManager--snapshotName{font-size:12px;font-weight:500;margin:0 0 5px}.tuningSnapshotsManager--snapshotTuning{font-size:10px;font-weight:500;margin:0 0 5px}.tuningSnapshotsManager--snapshotActions{margin-top:10px}.tuningSnapshotsManager--snapshotActions button{margin-right:5px}.tuningSnapshotsManager--newSnapshot{display:flex;flex-direction:column;margin:40px 0}.tuningSnapshotsManager--newSnapshot>*{margin-top:10px}.tuningSnapshotsManager--newSnapshot button{width:100px}.tuningSnapshotsManager--notSaved{font-size:12px}.screenSizeWarning{background-color:#000;font-size:16px;left:0;padding:10px;position:fixed;text-align:center;top:0;width:100%;z-index:3}.screenSizeWarning.dismissed{display:none}@media only screen and (min-width:900px){.screenSizeWarning{display:none}}.newOrExistingChoiceScreen,.newOrExistingChoiceScreen--canvas,.newOrExistingChoiceScreen--htmlOverlay{height:100%;position:absolute;width:100%}.newOrExistingChoiceScreen .leimmaLogo{-webkit-filter:drop-shadow(4px 4px 8px rgba(0,0,0,.9));filter:drop-shadow(4px 4px 8px rgba(0,0,0,.9));height:120px;max-width:100%}.newOrExistingChoiceScreen--htmlOverlay{align-items:center;display:flex;flex-direction:column;justify-content:center}.newOrExistingChoiceScreen--htmlOverlay .button{font-size:16px;font-weight:500;height:36px;margin:10px;padding:0 20px 2px;z-index:2}.newOrExistingChoiceScreen a,.newOrExistingChoiceScreen a:active,.newOrExistingChoiceScreen a:visited{color:#fff;text-decoration:none}.newOrExistingChoiceScreen--credits,.newOrExistingChoiceScreen--credits a{color:hsla(0,0%,100%,.75);font-size:12px;margin:-5px 0 20px}.newOrExistingChoiceScreen--intro{font-size:16px;margin:0 0 20px}.newOrExistingChoiceScreen--htmlOverlay{opacity:1;transition:opacity .5s}.newOrExistingChoiceScreen.isExiting .newOrExistingChoiceScreen--htmlOverlay{opacity:0}.apotome{-webkit-font-feature-settings:"kern","liga","clig","calt","kern",common-ligatures contextual;font-feature-settings:"kern","liga","clig","calt","kern",common-ligatures contextual;-webkit-font-smoothing:antialiased;color:#fff;font-family:urw-din,sans-serif;font-kerning:normal;font-size:12px;-webkit-font-variant-ligatures:common-ligatures contextual;font-variant-ligatures:common-ligatures contextual;font-weight:500}.apotome h1,.apotome h2,.apotome h3,.apotome h4{font-weight:500;text-transform:uppercase}.button{align-items:center;background:#000;border:none;border-radius:30px;box-shadow:none;color:#fff;cursor:pointer;display:inline-flex;font-family:urw-din,sans-serif;font-size:12px;font-weight:500;height:25px;justify-content:center;line-height:1;outline:none;padding:0 15px 3px}.button.isActive,.button:active{background:#fff;color:#111}.button:disabled{cursor:default!important;opacity:.25}.button--primary{background:#bde1f4;border-radius:2px;color:#000}.button--small{background:#000;height:20px}.button--inline,.button--small{border-radius:20px;font-size:10px;font-weight:600;padding:0 10px;text-transform:uppercase}.button--inline{background:transparent;height:auto}.button--tab{border-radius:0;height:auto;min-height:25px;padding:8px 5px 10px}.button--tab.isActive,.button--tab:active{background:#bde1f4;color:#111}.tabs{grid-gap:2px;display:grid;gap:2px;grid-auto-flow:column}.tabs .button:first-child{border-bottom-left-radius:3px;border-top-left-radius:3px}.tabs .button:last-child{border-bottom-right-radius:3px;border-top-right-radius:3px}.inputGroup--selectHorizontal{grid-gap:5px;align-items:center;display:grid;gap:5px;grid-auto-flow:column;grid-template-columns:1fr 200px;margin-bottom:5px;width:100%}.select{align-items:center;-webkit-appearance:none;appearance:none;background-color:hsla(0,0%,100%,.1);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 7.2'%3E%3Cpath style='fill:%23fff' d='m0 1.6 6 5.6 6-5.6L10.4 0 6 4 1.6 0Z'/%3E%3C/svg%3E");background-position:right 12px top 13px;background-repeat:no-repeat;background-size:7px auto;border:0;border-radius:0;color:#fff;cursor:pointer;display:flex;font-family:urw-din,sans-serif;font-size:12px;font-weight:500;height:30px;line-height:1.5;padding:0 28px 4px 10px;position:relative;text-indent:0;width:100%}.select:focus{outline:none}.select:disabled{cursor:default;opacity:.3}.select option{color:#000}.input{background:none;border:none;border-bottom:1px solid hsla(0,0%,100%,.25);color:#fff;font-family:urw-din,sans-serif;font-size:12px;font-weight:500;outline:none}*,:after,:before{box-sizing:border-box}.apotome{background-color:#111;display:grid;grid-template-areas:"header header" "main aside";grid-template-columns:1fr auto;grid-template-rows:auto 1fr;height:100%;overflow:hidden;width:100%}.apotome .header{grid-area:header;z-index:3}.apotome .main{background:#222;grid-area:main;overflow:auto;z-index:1}.apotome .main .tracks{grid-gap:10px;display:grid;gap:10px;grid-auto-flow:column;justify-content:start;padding:10px}.apotome .aside{display:grid;grid-area:aside;grid-auto-flow:column;grid-template-columns:auto auto;overflow-y:auto;z-index:2}.apotome .aside .sidebarCallouts{display:none;padding:15px;width:50px}.apotome .aside .sidebarCallouts.isVisible{display:block}.apotome .aside .sidebarCallouts--buttons{display:flex;-webkit-transform:translateX(22px) rotate(90deg);transform:translateX(22px) rotate(90deg);-webkit-transform-origin:0 0;transform-origin:0 0}.apotome .aside .sidebarCallouts button{flex-shrink:0;margin-right:10px}.apotome .react-draggable{z-index:3}.apotome .pluginGUIBar{background-color:#000;bottom:20px;cursor:move;left:0;overflow:hidden;position:absolute;right:0;top:0}.apotome .pluginGUIBar .closePluginGUIBar{border:0;font-size:18px;padding:0;position:absolute;right:10px;top:0}.apotome .pluginGUIContent{bottom:0;left:0;position:absolute;right:0;top:20px}.apotome .calibrateMIDIOutputDialog,.apotome .chooseTuningSystemDialog{background-color:#222}.apotome .calibrateMIDIOutputDialog li.isSelected,.apotome .chooseTuningSystemDialog li.isSelected{background-color:#555}.apotome .refPitchNote{border:1px solid #fff;color:#fff}.apotome .refPitchNote:disabled{border-color:hsla(0,0%,100%,.3);color:hsla(0,0%,100%,.3)}.apotome .refPitchInput .freqNumberInput{border-bottom:1px solid hsla(0,0%,100%,.25);color:#fff;font-family:urw-din,sans-serif;font-size:12px;font-weight:500;padding-bottom:4px}.apotome .refPitchInput .hzLabel{color:#fff;font-weight:500}.apotome .refPitchInput.isDisabled .freqNumberInput{border-color:hsla(0,0%,100%,.3);color:hsla(0,0%,100%,.3)}.apotome .refPitchInput.isDisabled .hzLabel{color:hsla(0,0%,100%,.3)}.apotome--addTrack{padding:15px 15px 10px 10px}.apotome .button--addTrack{background:#fff;border:1px solid #fff;border-radius:20px;height:20px;padding:0;width:20px}.apotome .button--addTrack .icon{fill:#000}.apotome .tuningSnapshotsManager{background-color:#111;border-left:1px solid hsla(0,0%,100%,.1);display:none;width:340px}.apotome .tuningSnapshotsManager .closeButton{position:absolute;right:15px;top:25px}.apotome .tuningSnapshotsManager--snapshot{background-color:#090909}.apotome .tuningSnapshotsManager--snapshot.isCurrent{outline:1px solid hsla(0,0%,100%,.25)}.apotome .tuningSnapshotsManager--notSaved{display:none}.apotome.tuningSnapshotsManagerOpen .tuningSnapshotsManager{display:block}.apotome .globalControls{z-index:3}.apotome .globalControls--headerBar{align-items:center;background:url(/static/media/backgroundHeader.a86ac6ec7a899f3189b7.png) 0 100%/100% auto no-repeat;color:#111;display:flex;flex-flow:row nowrap;height:45px;justify-content:space-between;padding:0 15px}.apotome .globalControls--headerBar h1{align-items:flex-end;color:#000;display:flex;flex-flow:row nowrap;font-size:18px;font-weight:500;line-height:1;margin:0}.apotome .globalControls--headerBar h1 img{display:block;-webkit-filter:drop-shadow(2px 2px 1px rgba(0,0,0,.9));filter:drop-shadow(2px 2px 1px rgba(0,0,0,.9));height:50px;margin-bottom:1px}.apotome .globalControls--headerBar h1 .globalControls--currentSpace{font-size:10px;margin-bottom:11px;margin-left:7px}.apotome .globalControls--headerBar .globalControls--bookingButton{left:50%;position:absolute;top:20px;-webkit-transform:translate(-50%);transform:translate(-50%)}.apotome .globalControls--headerBar--guide{height:20px;margin-left:auto;margin-right:20px}.apotome .globalControls--headerBar--guide a,.apotome .globalControls--headerBar--guide a:active,.apotome .globalControls--headerBar--guide a:visited{color:#000;display:inline-block}.apotome .globalControls--headerBar--guide a:active:not(:last-child),.apotome .globalControls--headerBar--guide a:not(:last-child),.apotome .globalControls--headerBar--guide a:visited:not(:last-child){margin-right:7px}.apotome .globalControls--headerBar--auth .button{margin-left:15px}.apotome .globalControls--headerBar--userProfileName{cursor:pointer;display:inline-block;height:20px}.apotome .globalControls--bar{align-items:center;background:#090909;border-bottom:1px solid hsla(0,0%,100%,.1);box-shadow:0 10px 10px 0 rgba(0,0,0,.5);display:flex;padding:5px 15px}.apotome .globalControls--bar>*{margin-right:20px}.apotome .globalControls--bar .button--startStop{width:80px}.apotome .globalControls--masterGain,.apotome .globalControls--tempo{align-items:center;display:flex}.apotome .globalControls--masterGain .slider,.apotome .globalControls--tempo .slider{margin:0 5px}.apotome .globalControls--masterGain .numberInput,.apotome .globalControls--tempo .numberInput{width:40px}.apotome .globalControls--masterGain{width:220px}.apotome .globalControls--timeSignature{align-items:center;display:flex}.apotome .globalControls--timeSignature .timeSignatureControl{margin-left:5px}.tempoVisualizer{height:15px;margin:0 5px;position:relative;width:34px}.tempoVisualizer--point{background-color:#333;border-radius:50%;height:15px;position:absolute;width:15px}.tempoVisualizer--point:first-child{left:0}.tempoVisualizer--point:last-child{right:0}.tempoVisualizer--point.on{background-color:#bde1f4}.apotome .toggleSwitch{display:inline-block;margin-right:5px;margin-top:2px}.apotome .toggleSwitch.isDisabled{opacity:.3;pointer-events:none}.apotome .toggleSwitchLabel{align-items:center;display:flex;flex-flow:row}.apotome .settingsDialogWrapper{align-items:center;background-color:rgba(0,0,0,.7);display:flex;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:opacity .4s;width:100%;z-index:3}.apotome .settingsDialogWrapper.isOpen{opacity:1;pointer-events:auto}.apotome .settingsDialogWrapper .settingsDialog{background-color:#222;height:50vh;padding:20px;position:relative;width:600px}.apotome .settingsDialogWrapper .settingsDialog--content{bottom:20px;left:20px;overflow-y:auto;position:absolute;top:60px;width:100%}.apotome .settingsDialogWrapper .settingsDialog--actions{align-items:center;bottom:0;display:flex;justify-content:flex-end;left:0;padding:20px;pointer-events:none;position:absolute;width:100%}.apotome .settingsDialogWrapper .settingsDialog--actions button{margin-left:10px;padding:0 20px;pointer-events:auto}.apotome .timeSignatureControl{align-items:stretch;display:flex;flex-direction:column;max-width:75px}.apotome .timeSignatureControl input{margin-bottom:2px;padding-bottom:4px;padding-right:12px}.apotome .timeSignatureControl select{background-color:transparent;background-position:right 12px top 7px;border:none;height:18px;padding-left:20px}.apotome .timeSignatureControl input,.apotome .timeSignatureControl select{font-size:12px;text-align:center;text-align-last:center}.apotome .userProfileDialogWrapper{align-items:center;background-color:rgba(0,0,0,.7);display:flex;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:opacity .4s;width:100%;z-index:3}.apotome .userProfileDialogWrapper.isOpen{opacity:1;pointer-events:auto}.apotome .userProfileDialogWrapper .userProfileDialog{background-color:#222;height:400px;padding:20px;position:relative;width:600px}.apotome .userProfileDialogWrapper .userProfileDialog--field{display:flex;margin:30px 0 5px}.apotome .userProfileDialogWrapper .userProfileDialog--field label{width:100px}.apotome .userProfileDialogWrapper .userProfileDialog--field select{width:auto}.apotome .userProfileDialogWrapper .userProfileDialog--inputConsentPrompt{font-size:10px;margin-left:100px}.apotome .userProfileDialogWrapper .userProfileDialog--consentPrompt{margin-top:30px}.apotome .userProfileDialogWrapper .userProfileDialog--actions{align-items:center;bottom:0;display:flex;justify-content:flex-end;left:0;padding:20px;position:absolute;width:100%}.apotome .userProfileDialogWrapper .userProfileDialog--actions button{margin-left:10px;padding:0 20px}.apotome .weightsControl{width:100%}.apotome .weightsControl.isDisabled{opacity:.3;pointer-events:none}.apotome .weightsControl--sliders{width:100%}.apotome .weightsControl--sliders svg{background-color:rbga(#fff,.5)!important}.apotome .weightsControl--labels{display:flex}.apotome .weightsControl--label{border-radius:2px;flex:1 1;flex-basis:0;font-size:10px;margin:3px 0;overflow:hidden;padding:3px 0;text-align:center}.apotome .weightsControl--label.isRatio{align-items:center;display:flex;flex-direction:column}.apotome .weightsControl--label.isRatio :first-child{border-bottom:1px solid #fff}.apotome .weightsControl--label.isPlaying{background-color:rgba(189,225,244,.5)}.apotome .envelopeControl{margin:15px 0;position:relative;width:100%}.apotome .envelopeControl--envelope{width:100%}.apotome .envelopeControl--label{bottom:5px;font-size:10px;left:0;pointer-events:none;position:absolute;text-align:center;width:100%}.knobControl{align-items:center;display:flex;flex-direction:column}.knobControl.isDisabled{opacity:.3;pointer-events:none}.knobControl--label,.knobControl--valueLabel{font-size:10px;text-align:center}.knobControl--label{margin-bottom:5px}.knobControl--valueLabel{margin-top:5px}.panControl.isDisabled{opacity:.3;pointer-events:none}.panControl--pan{margin:0}.panControl--label,.panControl--valueLabel{font-size:10px;text-align:center}.panControl--label{margin-bottom:14px}.panControl--valueLabel{margin-top:14px}.rangeSlider{height:14px;position:relative;width:calc(100% - 14px)}.rangeSlider.isDisabled{opacity:.3}.rangeSlider--rail{background-color:#333;border-radius:7px;height:5px;left:0;position:absolute;top:4.5px;width:calc(100% + 14px)}.rangeSlider--handle{background-color:#bde1f4;border-radius:7px;height:14px;position:absolute;top:0;width:14px}.rangeSlider--activeRange{background-color:rgba(189,225,244,.5);height:5px;position:absolute;top:4.5px}.rangeSlider--currentValueMarker{background-color:#bde1f4;border-radius:2px;height:14px;opacity:0;position:absolute;top:0;width:2px}.rangeSlider--currentValueMarker.isVisible{opacity:1}.apotome .scaleStrip{cursor:pointer;margin-top:5px}.apotome .scaleStrip--strip{height:50px;position:relative;width:100%}.apotome .scaleStrip--stripSegment{background-color:#333;height:20px;position:absolute;top:3px}.apotome .scaleStrip--stripSegment.isMapped{background-color:#555}.apotome .scaleStrip--tonicMarker{background-color:#fff;height:26px;position:absolute;top:0;-webkit-transform:translateX(-1px);transform:translateX(-1px);width:1px}.apotome .scaleStrip--stripSegmentLabel{font-size:10px;font-weight:500;padding-right:3px;position:absolute;top:24px;-webkit-transform:rotate(270deg) translate(-100%,-50%);transform:rotate(270deg) translate(-100%,-50%);-webkit-transform-origin:0 0;transform-origin:0 0}.apotome .looper .button{flex-flow:column}.apotome .looper .button span{display:block}.apotome .melodicIntervalToggle{align-items:center;display:flex;flex-direction:column;font-size:10px}.apotome .melodicIntervalToggle .toggleButton{margin:2px}.apotome .melodicIntervalToggle--label{border-radius:2px;margin-top:2px;padding:3px}.apotome .melodicIntervalToggle--label.isPlaying{background-color:rgba(189,225,244,.5)}.toggleButton.isDisabled{opacity:.3;pointer-events:none}.apotome h4.useAccentToggle{align-items:center;display:block;display:flex;margin-top:5px}.apotome .useAccentToggle--label.isActive{background-color:#488989}.euclideanVisualizer{height:100px;width:100px}.euclideanVisualizer .beat{fill:hsla(0,0%,100%,.2);stroke:hsla(0,0%,100%,0);stroke-width:3}.euclideanVisualizer .beat.on{fill:#bde1f4}.euclideanVisualizer .beat.current{stroke:#fff}.adwarMiniDisplay{--font-size:10px;--font-body:urw-din,sans-serif;--font-heading:lisbeth-display,sans-serif;--blue:#002356;--green:#94cba0;--purple:#251b34;--peach:#f4a88d;--red:#ff4141;--yellow:#f2d96d;--midground:#1c2230;--foreground:#6f80a7;--lowlight:#1a6d99;--highlight:#bde1f4;--muted:#888b91;--border:hsla(223,8%,58%,.2);--black:#0a0b0d;--white:#fff;--blue-light:#c3e0f3;--blue-dark:#3c73f3;--grey:#8b909d;--unit:40px;--margin:8px;--unit-margin:56px;--header:#19181b;--main:var(--black);--background:var(--black);--tab:var(--track-inner);--tab-highlight:var(--grey);--tab-menu:var(--track-inner);--tooltip:var(--blue-light);--tooltip-text:var(--black);--text:var(--white);--text-muted:#888b91;--disabled:#7e8187;--track:#19181b;--track-inner:#262528;--playhead:var(--blue-light);--pitch-label:var(--grey);--pitch-label-highlight:var(--white);--pitch-marker:var(--grey);--pitch-marker-highlight:var(--white);--pitch-marker-trigger:var(--blue-dark);--pitch-marker-trigger-highlight:var(--blue-dark);--pitch-marker-role:var(--white);--button-muted:var(--grey);--button-highlight:var(--white);--radius:calc(var(--unit)/2);position:relative}.adwarMiniDisplay--openOverlay{cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%}.adwarMiniDisplay.disabled{opacity:.5}.adwarMiniDisplay.disabled .adwarMiniDisplay--openOverlay{cursor:default}.lfoControlsContainer .lfo{background:hsla(0,0%,100%,.1);margin-bottom:5px;padding:6px 10px 8px}.lfoControlsContainer .lfo:last-child{margin-bottom:0}.lfoControlsContainer .lfoControls{grid-gap:10px;background:hsla(0,0%,100%,.1);display:grid;gap:10px;grid-auto-flow:column;margin-bottom:5px;margin-top:-5px;padding:10px}.lfoControlsContainer .lfoControls--col{display:flex;flex-direction:column;justify-content:center}.lfoControlsContainer .lfoControls--target{margin-bottom:auto}.lfoControlsContainer .lfoControls--retrigger,.lfoControlsContainer .lfoControls--sync{align-items:center;display:flex;font-size:12px;padding:10px 0}.lfoControlsContainer .lfoControls--modulationKnobs{grid-gap:10px;display:grid;gap:10px;grid-auto-flow:column;margin-top:10px}.melodyVisualiser{height:200px;position:relative}.melodyVisualiser--pitchGrid{background-color:#000;display:flex;flex-direction:column;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.melodyVisualiser--pitchGridItem{flex:1 1}.melodyVisualiser--pitchGridItem:nth-child(2n){background-color:#151515}.melodyVisualiser canvas{height:100%;left:0;position:absolute;top:0;width:100%}.apotome .track{align-items:stretch;background-color:#090909;border-radius:5px;box-shadow:0 0 15px 0 rgba(0,0,0,.5);color:#fff;display:flex;flex-direction:column;position:relative;width:330px}.apotome .track .trackHeader{display:flex;flex-direction:column;justify-content:space-between;padding:15px 15px 0}.apotome .track .trackHeader--top{grid-gap:5px;display:grid;gap:5px;grid-auto-flow:column;grid-template-columns:1fr repeat(5,auto);padding-bottom:16px}.apotome .track .trackHeader--top h2{color:#fff;display:block;font-size:18px;margin:0}.apotome .track .trackHeader--top .button{background:hsla(0,0%,100%,.2);border-radius:20px;color:#000;cursor:pointer;font-weight:500;height:20px;padding:2px;transition:background-color .15s ease;width:20px}.apotome .track .trackHeader--top .button:hover{background:hsla(0,0%,100%,.3)}.apotome .track .trackHeader--top .button.isActive{background:#bde1f4}.apotome .track .trackHeader--top .button.isActive .icon{fill:#000}.apotome .track .trackHeader--top .button .icon{fill:#fff}.apotome .track .trackHeader--top .button--trackRandomize{color:#fff;font-size:10px;padding:0 6px;width:auto}.apotome .track .trackHeader--top .button--trackRandomize:active{background-color:#fff}.apotome .track .trackHeader--top .button--trackMute .iconMuted{display:none}.apotome .track .trackHeader--top .button--trackMute .iconUnmuted,.apotome .track .trackHeader--top .button--trackMute.isActive .iconMuted{display:block}.apotome .track .trackHeader--top .button--trackMute.isActive .iconUnmuted{display:none}.apotome .track .trackHeader.isFollowingTuning .track--referencePitch,.apotome .track .trackHeader.isFollowingTuning .track--tuningSystem--name,.apotome .track .trackHeader.isFollowingTuning .track--tuningSystem--name a{color:hsla(0,0%,100%,.3)}.apotome .track .trackSection{margin:0 0 15px}.apotome .track .trackSectionHeader{grid-gap:5px;align-items:center;background:hsla(0,0%,100%,.2);border-top-left-radius:5px;border-top-right-radius:5px;display:grid;gap:5px;grid-auto-flow:column;grid-template-columns:1fr auto;height:32px;padding:8px 10px 10px}.apotome .track .trackSectionHeader h4{color:#ddd;display:inline-block;font-size:10px;font-weight:600;letter-spacing:.5px;margin:0;text-align:left}.apotome .track .trackSectionHeader .button{background:none;border-radius:15px;color:#ddd;cursor:pointer;font-size:11px;font-weight:500;margin:0;padding:0;text-transform:none}.apotome .track .trackSectionHeader .button:hover{text-decoration:underline}.apotome .track .trackSectionHeader .button--manageTuningSnapshots{float:right;height:auto}.apotome .track .trackSectionHeader .followToggle{align-items:center;color:hsla(0,0%,100%,.5);display:flex;font-size:11px;font-weight:500;line-height:1}.apotome .track .trackSectionHeader .followToggle .toggleSwitch{margin-left:5px}.apotome .track .trackSectionBody{background:hsla(0,0%,100%,.1);border-bottom-left-radius:5px;border-bottom-right-radius:5px;padding:10px}.apotome .track .trackSectionSubheader{grid-gap:5px;align-items:center;display:grid;gap:5px;grid-auto-flow:column;grid-template-columns:1fr auto;height:32px;padding:0 0 10px}.apotome .track .trackSectionSubheader h5{color:#ddd;display:inline-block;font-size:10px;font-weight:600;letter-spacing:.5px;margin:0;text-align:left}.apotome .track .trackSectionSubheader .followToggle{align-items:center;color:hsla(0,0%,100%,.5);display:flex;font-size:11px;font-weight:500;line-height:1}.apotome .track .trackSectionSubheader .followToggle .toggleSwitch{margin-left:5px}.apotome .track .trackBody{align-items:stretch;display:flex;flex-direction:column;padding:0 15px}.apotome .track .trackBody.isFollowingAllowedIntervals .melodicIntervalToggle--label,.apotome .track .trackBody.isFollowingAllowedIntervals .track--melody--forcePolyphonyControl,.apotome .track .trackBody.isFollowingBeatDivisions .track--beatDivisionRestToggles,.apotome .track .trackBody.isFollowingBeatDivisions .track--euclideanBeatValue,.apotome .track .trackBody.isFollowingBeatDivisions .track--euclideanRange,.apotome .track .trackBody.isFollowingBeatDivisions .track--forceBeatTupletsControl{color:hsla(0,0%,100%,.3)}.apotome .track .track--activeScaleWeightsControls{margin-bottom:10px}.apotome .track .trackSection--tuningAndSubset .track--tuningSystem{align-items:center;display:flex;justify-content:space-between;padding:0}.apotome .track .trackSection--tuningAndSubset .track--tuningSystem--name{color:#fff;display:inline-block;max-width:225px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.apotome .track .trackSection--tuningAndSubset .track--tuningSystem--changeButton{margin:0}.apotome .track .trackSection--tuningAndSubset .track--referencePitch{align-items:center;display:flex;font-size:12px;justify-content:space-between;margin:10px 0}.apotome .track .trackSection--tuningAndSubset .track--scale{margin:10px 0;width:100%}.apotome .track .trackSection--tuningAndSubset .track--scale .scalePicker{max-width:none;width:100%}.apotome .track .trackSection--intervalWeights,.apotome .track .trackSection--octaveWeights{position:relative}.apotome .track .trackSection--switchActiveArticulation,.apotome .track .trackSection--switchVisibleArticulationWeights{float:right}.apotome .track .trackSection .track--voiceCountControl .select{display:inline-flex;margin:0 5px;width:70px}.apotome .track .trackSection .track--melody--allowedIntervals{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:5px}.apotome .track .trackSection .track--melody--forcePolyphonyControl{display:block;margin:10px 0}.apotome .track .trackSection .track--melody--shapeGamut{font-size:10px;margin:5px 0}.apotome .track .trackSection .track--melody--shapeGamut .select{display:inline-flex;margin-left:5px;width:70px}.apotome .track .trackSection--activeBeatDivisionControls{margin-bottom:10px}.apotome .track .trackSection--useAccentControl .trackSectionHeader{border-radius:5px}.apotome .track .trackSection .track--beatDivisionRestToggles{font-size:10px;margin:5px 0 10px;text-align:center}.apotome .track .trackSection .track--beatDivisionRestToggles-inputs{display:flex;justify-content:space-between}.apotome .track .trackSection .track--beatDivisionRestToggles-inputs .toggleButton{margin:0 0 3px}.apotome .track .trackSection .track--euclideanControls{display:flex;flex-direction:row}.apotome .track .trackSection .track--euclideanInputs{display:flex;flex:1 1;flex-direction:column;justify-content:space-around;padding-right:20px}.apotome .track .trackSection .track--euclideanBeatValue,.apotome .track .trackSection .track--euclideanRange{font-size:10px;margin-top:5px;text-align:center}.apotome .track .trackSection .track--euclideanBeatValue .select,.apotome .track .trackSection .track--euclideanRange .select{display:inline-flex;margin-left:5px;width:70px}.apotome .track .trackSection .track--noteLengthRange--labels{display:flex;font-size:10px;justify-content:space-between;margin-top:5px}.apotome .track .trackSection--beatDelayRange{font-size:10px;text-align:center}.apotome .track .trackSection .track--forceBeatTupletsControl{align-items:center;display:block;display:flex;font-size:10px;font-weight:400;justify-content:center;margin-top:5px}.apotome .track .trackSection .track--adwarTuningSystem{align-items:center;display:flex;justify-content:space-between;padding:0}.apotome .track .trackSection .track--adwarTuningSystem--name{color:#fff;display:inline-block;max-width:225px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.apotome .track .trackSection .track--adwarTuningSystem--changeButton{margin:0}.apotome .track .trackSection .track--adwarScale{margin:10px 0;width:100%}.apotome .track .trackSection .track--adwarScale .scalePicker{max-width:none;width:100%}.apotome .track .trackSection .track--noteEchoControls,.apotome .track .trackSection .track--toneFilterControls,.apotome .track .trackSection--mixControls .trackSectionBody{grid-gap:5px;display:grid;gap:5px;grid-auto-flow:column}.apotome .track--instrumentControl .midiOutput .inputGroup>*{margin:5px 0}.returnTrack{align-items:stretch;background-color:#111;border-left:1px solid hsla(0,0%,100%,.1);display:flex;flex-direction:column;padding:10px;width:130px}.returnTrackGroup{background:#090909;border-radius:5px;margin-bottom:10px;padding:10px}.returnTrack h4{color:#ddd;font-size:10px;font-weight:600;letter-spacing:.5px;margin:0;text-align:center}.returnTrack--reverbControls{display:flex;flex-direction:row;justify-content:space-between;margin-top:10px}.returnTrack--echoControls{display:flex;flex-direction:column;font-size:10px;margin-top:10px}.returnTrack--echoControls--row{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.returnTrack--echoControls--channel{display:flex;flex:1 1}.apotome .submitConfirmationDialogWrapper{align-items:center;background-color:rgba(0,0,0,.7);display:flex;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:opacity .4s;width:100%;z-index:3}.apotome .submitConfirmationDialogWrapper.isOpen{opacity:1;pointer-events:auto}.apotome .submitConfirmationDialogWrapper .submitConfirmationDialog{background-color:#222;color:#fff;height:300px;padding:20px;position:relative;width:550px}.apotome .submitConfirmationDialogWrapper .submitConfirmationDialog p{font-size:16px;line-height:1.5}.apotome .submitConfirmationDialogWrapper .submitConfirmationDialog p a{color:#fff}.apotome .submitConfirmationDialogWrapper .submitConfirmationDialog--actions{align-items:center;bottom:0;display:flex;justify-content:flex-end;left:0;padding:20px;position:absolute;width:100%}.apotome .submitConfirmationDialogWrapper .submitConfirmationDialog--actions button{margin-left:10px;padding:0 20px}.sessionList h2{margin-top:0}.sessionList h4 button{float:right}.sessionListTabs{grid-gap:5px;display:grid;gap:5px;grid-auto-flow:column;grid-template-columns:1fr 1fr;margin-bottom:5px}.sessionListTabs .button--sessionListTab{background:none;border-radius:0;color:#fff;font-size:11px;height:30px}.sessionListTabs .button--sessionListTab.isActive{background:#090909}.sessionList--notAuthenticated{padding:10px}.sessionList--sessionListItem{background-color:#090909;border-radius:5px;margin:0 0 15px;padding:15px;position:relative}.sessionList--sessionName{font-size:12px;font-weight:500;margin:0 0 5px}.sessionList--sessionAuthor,.sessionList--sessionDescription{color:hsla(0,0%,100%,.75);font-size:12px}.sessionList--sessionAuthor{margin-top:5px}.sessionList--sessionActions{margin-top:10px}.sessionList--sessionActions button{margin-right:5px}.sessionList--sessionSharing{align-items:center;display:flex;font-size:14px;margin-top:10px}.sessionList--sessionSharing .sessionList--sessionStatus,.sessionList--sessionSharing button{margin-right:10px}.sessionList--newSessionButton{display:block;margin:10px 0;width:100%}.sessionEditor h2{padding:10px}.sessionEditor h3{padding:0 10px}.sessionEditor .backToMain{margin-right:5px}.sessionEditor--actions{display:flex;margin-bottom:10px;padding:10px}.sessionEditor--actions .button{flex:1 1;margin-right:5px;margin-top:5px;padding:10px}.sessionEditor--attributes{padding:10px}.sessionEditor--attribute{display:block;font-size:12px;margin-bottom:20px}.sessionEditor--attribute input{display:block;margin-top:2px;width:100%}.sessionEditor--section{background-color:#333;font-size:14px;margin-bottom:5px;padding:10px}.sessionEditor--section h4{margin:0 0 10px}.sessionEditor--sectionName{display:block;font-size:14px;margin-bottom:20px}.sessionEditor--sectionName input{display:block;margin-top:2px;width:100%}.sessionEditor--sectionTiming{align-items:flex-end;display:flex;height:20px;line-height:20px}.sessionEditor--sectionTiming>*{margin:0 2px}.sessionEditor--sectionActions{margin-top:10px}.sessionEditor--sectionActions button{margin-right:5px;margin-top:5px}.sessionEditor--timingRange{display:flex;flex-direction:column}.sessionEditor--timingRange .input{width:70px}.sessionEditor--newSection{display:block;margin:10px;width:calc(100% - 20px)}.sessionEditor .formatLabel{font-size:9px}.sessionManager{background-color:#111;border-left:1px solid hsla(0,0%,100%,.1);display:none;overflow-y:auto;position:relative;width:340px}.sessionManagerOpen .sessionManager{display:block}.sessionManager .closeButton{position:absolute;right:15px;top:25px}.sessionManager--content{padding:15px}.sessionManager--content h2{font-size:18px;margin-top:10px}.sessionManager--sessionList{margin:30px 0}.sessionManager--sessionList h4 button{float:right}.sessionManager--sessionListItem{border:1px solid hsla(0,0%,100%,0);cursor:pointer;padding:10px 2px;position:relative}.sessionManager--sessionListItem.isCurrent{border:1px solid #fff}.sessionManager--sessionName{max-width:200px}.sessionManager--sessionAuthor{font-size:12px;margin:2px 0 0 10px;max-width:200px}.sessionManager--updateSessionStatus{position:absolute;right:20px;top:7px}.sessionManager--deleteSession{position:absolute;right:0;top:7px}.sessionPlayer h2{margin-bottom:0;padding:10px}.sessionPlayer h3{padding:0 10px}.sessionPlayer .backToMain{margin-right:5px}.sessionPlayer--author,.sessionPlayer--description,.sessionPlayer--playbackActions{font-size:14px;padding:5px 10px}.sessionPlayer--description,.sessionPlayer--playbackActions{margin-bottom:10px}.sessionPlayer--playbackActions{align-items:center;display:flex}.sessionPlayer--playbackActions button{margin-right:10px}.sessionPlayer--section{background-color:#090909;border-radius:5px;margin-bottom:5px;min-height:100px;padding:15px}.sessionPlayer--section.isPlaying{outline:1px solid hsla(0,0%,100%,.25)}.sessionPlayer--section h4{margin:0 0 10px}.sessionPlayer--sectionTimer{margin-top:10px}.apotome .loadingSplashWrapper{align-items:center;background-color:rgba(0,0,0,.7);display:flex;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:opacity .4s;width:100%;z-index:3}.apotome .loadingSplashWrapper.isOpen{opacity:1;pointer-events:auto}.apotome .loadingSplashWrapper .loadingSplash .loadingAnimation{height:auto;width:40px}.apotome .notSupportedWrapper{align-items:center;background-color:rgba(0,0,0,.7);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:3}.apotome .notSupportedWrapper .notSupported{font-size:1.5rem;text-align:center}@media only screen and (max-width:1024px){.apotome .notSupportedWrapper{background-color:#000}.apotome .notSupportedWrapper .notSupported{font-size:1rem;margin:0 10px}}.adwarEditor{--font-size:10px;--font-body:urw-din,sans-serif;--font-heading:lisbeth-display,sans-serif;--blue:#002356;--green:#94cba0;--purple:#251b34;--peach:#f4a88d;--red:#ff4141;--yellow:#f2d96d;--midground:#1c2230;--foreground:#6f80a7;--lowlight:#1a6d99;--highlight:#bde1f4;--muted:#888b91;--border:hsla(223,8%,58%,.2);--black:#0a0b0d;--white:#fff;--blue-light:#c3e0f3;--blue-dark:#3c73f3;--grey:#8b909d;--unit:40px;--margin:8px;--unit-margin:56px;--header:#19181b;--main:var(--black);--background:var(--black);--tab:var(--track-inner);--tab-highlight:var(--grey);--tab-menu:var(--track-inner);--tooltip:var(--blue-light);--tooltip-text:var(--black);--text:var(--white);--text-muted:#888b91;--disabled:#7e8187;--track:#19181b;--track-inner:#262528;--playhead:var(--blue-light);--pitch-label:var(--grey);--pitch-label-highlight:var(--white);--pitch-marker:var(--grey);--pitch-marker-highlight:var(--white);--pitch-marker-trigger:var(--blue-dark);--pitch-marker-trigger-highlight:var(--blue-dark);--pitch-marker-role:var(--white);--button-muted:var(--grey);--button-highlight:var(--white);--radius:calc(var(--unit)/2);background-color:#111;border-top:1px solid hsla(0,0%,100%,.1);bottom:0;height:260px;left:0;padding:20px;position:absolute;right:0;z-index:3}.adwarEditor .closeButton{position:absolute;right:15px;top:15px}.newHome{align-items:center;background:#f7f7f7;color:#222;display:flex;height:100%;justify-content:center;overflow:auto}.newHome .main{grid-gap:10px;display:grid;gap:10px;grid-template-areas:"leimma" "apotome" "ctm" "credits";grid-template-columns:1fr;grid-template-rows:auto auto auto auto;height:auto;margin:10px;max-width:700px;width:100%}@media(min-width:768px){.newHome .main{grid-template-areas:"leimma apotome" "ctm ctm" "credits credits";grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto}}.newHome .main .apotome,.newHome .main .leimma{align-items:flex-start;background:#8870ff;display:flex;flex-flow:column nowrap;padding:20px 30px 30px;text-decoration:none}.newHome .main .apotome .logo,.newHome .main .leimma .logo{display:block;-webkit-filter:drop-shadow(2px 2px 1px rgba(0,0,0,.5));filter:drop-shadow(2px 2px 1px rgba(0,0,0,.5));height:50px;margin:0;max-width:100%}@media(min-width:768px){.newHome .main .apotome .logo,.newHome .main .leimma .logo{height:60px}}.newHome .main .apotome p,.newHome .main .leimma p{color:#fff;margin:0;max-width:280px}.newHome .main .apotome .fauxButton,.newHome .main .leimma .fauxButton{background:transparent;border:2px solid hsla(0,0%,100%,.5);color:#fff}.newHome .main .leimma{grid-area:leimma}.newHome .main .apotome{grid-area:apotome}.newHome .main .ctm{background:#00e8be;display:flex;flex-flow:column nowrap;grid-area:ctm;padding:30px}.newHome .main .ctm p{color:#000;margin:0;max-width:380px}.newHome .main .credits{grid-area:credits;padding:10px 30px}.newHome .main .credits p{color:#777;font-size:13px;font-weight:500;margin-bottom:6px;max-width:500px}.newHome .main .credits p a{color:#777;text-decoration:underline}.newHome .main .logoWrapper{border-bottom:2px solid hsla(0,0%,100%,.25);margin:0 0 15px;padding:0 0 7px;width:100%}.newHome .main .fauxButton{align-items:center;background:none;background:#000;background:transparent;border:none;border:2px solid rgba(0,0,0,.5);border-radius:36px;color:#fff;color:#000;cursor:pointer;display:inline-flex;font-family:urw-din,sans-serif;font-size:14px;font-weight:500;height:36px;justify-content:center;margin-right:10px;margin-top:15px;min-width:100px;padding:0 15px 3px;text-decoration:none}.newHome .main .fauxButton:active,.newHome .main .fauxButton:focus{outline:none}.newHome .main h1{font-size:28px;font-weight:400;line-height:1;margin:0 0 1rem}.newHome .main h2{font-size:22px;font-weight:500;margin:0 0 .5rem}.newHome .main p{color:#222;font-size:15px;margin:0 0 1rem}.newHome .main p a{color:#222;text-decoration:underline}.serviceWorker{align-items:center;background-color:#fff;bottom:0;color:#000;display:none;height:60px;justify-content:center;left:0;position:fixed;width:100%;z-index:4}.serviceWorker.isVisible{display:flex}.serviceWorker .button{margin:0 16px}
/*# sourceMappingURL=main.c2ca4fa6.css.map*/