@import url(https://use.typekit.net/ugu1iba.css);body{-webkit-font-kerning:normal;font-kerning:normal;-webkit-font-variant-ligatures:common-ligatures contextual;font-variant-ligatures:common-ligatures contextual;-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;font-family:urw-din,sans-serif;font-size:16px;color:#fff}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{font-size:13px;margin:5px 0 0;color:hsla(0,0%,100%,.75)}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}#root,body,html{width:100%;height:100%;margin:0;padding:0;-ms-scroll-chaining:none;overscroll-behavior:none;overflow:hidden}body{background:#222}.mainApp .inputGroup,.screen .inputGroup{z-index:2;display:flex;flex-flow:row nowrap;align-items:center}.mainApp .inputGroup label,.screen .inputGroup label{white-space:nowrap;margin-right:10px;font-size:13px}.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{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;display:flex;align-items:center;height:42px;width:100%;padding:0 32px 2px 12px;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 d='M0 1.6l6 5.6 6-5.6L10.4 0 6 4 1.6 0z' fill='%23fff'/%3E%3C/svg%3E") right 13px top 12px/8px 10px no-repeat;border:1px solid transparent;border-radius:3px;cursor:pointer;font-size:16px;font-family:urw-din,sans-serif;font-weight:500;line-height:1.5;text-indent:0;-webkit-transition:background-color .15s ease;transition:background-color .15s ease;color:#fff;box-shadow:none;font-size:13px;height:36px}.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{height:21px;font-size:12px;line-height:1;border-radius:2px;padding:0 32px 0 6px;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 d='M0 1.6l6 5.6 6-5.6L10.4 0 6 4 1.6 0z' fill='%23fff'/%3E%3C/svg%3E") right 13px top 4px/10px 12px no-repeat}.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]{height:42px;width:100%;padding:12px;font-family:urw-din,sans-serif;font-weight:500;font-size:16px;line-height:1.5;color:#000;background:transparent;border-bottom:1px solid hsla(0,0%,66.7%,.5);border-radius:3px;box-shadow:none}.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{height:21px;font-size:12px;line-height:1;padding:5px}.mainApp .termDefinitionLink,.screen .termDefinitionLink{position:relative;border-bottom:2px solid hsla(0,0%,66.7%,.5);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mainApp .termDefinitionLink:after,.screen .termDefinitionLink:after{content:"?";display:flex;align-items:center;justify-content:center;position:absolute;z-index:3;top:-10px;right:-25px;width:21px;height:21px;border-radius:50%;font-size:15px;line-height:1;font-weight:600;background:#aaa;color:#fff;text-align:center;cursor:pointer}.button,.nextScreenButton{height:40px;background:#000;color:#fff;text-align:center;text-decoration:none;font-size:18px;line-height:40px;border-radius:2px;border:none;box-shadow:1px 1px 15px 0 #aaa;outline:none}.button.small,.small.nextScreenButton{font-size:13px;height:auto;line-height:160%}.button[disabled],.nextScreenButton[disabled]{background:grey;color:#d3d3d3}.nextScreenButton{z-index:2;display:block;width:150px;position:fixed;bottom:10vh;-webkit-transform:translateY(100%);transform:translateY(100%)}.Layout-root-1{height:100vh;overflow:auto}.pitchClassesInput--input{display:grid;grid-template-columns:repeat(12,1fr);grid-row-gap:1em;row-gap:1em}.pitchClassesInput--input--step--cents{width:100%}.pitchClassesInput--input--step--label{font-size:12px}.mainApp{padding:50px;max-width:1024px}.mainApp--scalePicker,.mainApp--tuningSystemPicker{max-width:800px;display:grid;grid-template-columns:2fr 1fr 2fr;text-align:center}.mainApp .saveDialog{margin:40px 0}.mainApp .saveDialog .saveButton{font-size:16px;font-weight:700}.scaleInput--input{display:grid;grid-template-columns:2fr repeat(12,1fr);grid-row-gap:1em;row-gap:1em}.scaleInput--input--header>*{height:20px;font-size:12px}.scaleInput--input--step>*{height:20px;margin:0}.scaleInput--input--step--cents{width:70px}.scaleInput--input--label,.solmizationInput--degreePreview{font-size:12px}.onScreenKeyboardContainer{position:fixed;bottom:0;left:0;width:100%;height:130px;background-color:#eee;z-index:3;-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:-webkit-transform .15s ease;transition:-webkit-transform .15s ease;transition:transform .15s ease;transition:transform .15s ease,-webkit-transform .15s ease}.onScreenKeyboardContainer.isOpen{-webkit-transform:translateY(0);transform:translateY(0)}.onScreenKeyboardContainer .onScreenKeyboardCallout{position:absolute;top:0;left:50%;width:150px;height:40px;display:flex;align-items:center;justify-content:center;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%);background-color:#eee;border:none;border-top-left-radius:3px;border-top-right-radius:3px;font-family:urw-din,sans-serif;font-weight:600;color:#000;outline:none;cursor:pointer}.onScreenKeyboardContainer .onScreenKeyboard{position:absolute;left:0;width:100%;display:flex;margin:10px 10px 50px;justify-content:center}.onScreenKeyboardContainer .onScreenKeyboard--step{width:50px;height:60px;padding:5px 0;margin:0 2px;display:flex;flex-direction:column;align-items:center;background-color:#fff;border:none;border-radius:3px;box-shadow:0 2px 5px 0 rgba(0,0,0,.2);outline:none;font-family:urw-din,sans-serif;font-weight:500;cursor:pointer}.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{box-shadow:0 2px 0 0 rgba(0,0,0,.2);background:red}.onScreenKeyboardContainer .onScreenKeyboard--step.isAccidental{background-color:#000;color:#fff}.onScreenKeyboardContainer .onScreenKeyboard--step.isAccidental.isPlaying{box-shadow:0 2px 0 0 rgba(0,0,0,.2);background:red}.onScreenKeyboardContainer .onScreenKeyboard--step:not(.isAccidental){-webkit-transform:translateY(20px);transform:translateY(20px)}.onScreenKeyboardContainer .onScreenKeyboardOctave{position:absolute;bottom:10px;width:100%;text-align:center;font-family:urw-din,sans-serif;font-weight:500;font-size:12px;color:#000}.onScreenKeyboardContainer .onScreenKeyboardOctave--change{margin:0 5px;background:none;border:1px solid #111;border-radius:3px;outline:none}.onScreenKeyboardContainer .onScreenKeyboardOctave--change.isDisabled{opacity:0;pointer-events:none}.onScreenKeyboardContainer .onScreenKeyboardOctave--qwertyMapping{font-size:12px;font-style:italic}.midiInput{position:fixed;right:40px;top:60px;z-index:2}.midiInput .inputGroup label{font-size:12px;white-space:nowrap;margin-right:10px}.midiInput .inputGroup select{width:130px;font-size:12px;height:36px;background-position:right 13px top 11px}.midiInput a,.midiInput a:active,.midiInput a:visited{color:#fff}.midiInput .notSupportedError{font-size:14px}.midiOutput.fixed{position:fixed;right:40px;top:70px;z-index:3!important}.midiOutput.fixed.withInput{top:110px}.midiOutput.fixed .inputGroup label{font-size:12px;white-space:nowrap;margin-right:10px}.midiOutput.fixed .inputGroup select{width:170px;font-size:12px;height:36px;background-position:right 13px top 11px}.midiOutput a,.midiOutput a:active,.midiOutput a:visited{color:#fff}.midiOutput .notSupportedError{font-size:14px}.midiOutput.withInput .notSupportedError{display:none}.calibrateMIDIOutputDialogWrapper{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);z-index:3;pointer-events:none;opacity:0;-webkit-transition:opacity .4s;transition:opacity .4s;display:flex;align-items:center;justify-content:center}.calibrateMIDIOutputDialogWrapper.isOpen{pointer-events:auto;opacity:1}.calibrateMIDIOutputDialogWrapper .calibrateMIDIOutputDialog{width:600px;height:40vh;position:relative;background-color:#333;border-radius:3px;font-size:1rem;padding:20px}.calibrateMIDIOutputDialogWrapper .calibrateMIDIOutputDialog p{line-height:1.2}.calibrateMIDIOutputDialogWrapper .calibrateMIDIOutputDialog .testLooper{display:flex;align-items:center}.calibrateMIDIOutputDialogWrapper .calibrateMIDIOutputDialog .testLooper--indicators{margin-left:10px;display:none}.calibrateMIDIOutputDialogWrapper .calibrateMIDIOutputDialog .testLooper--indicators.isVisible{display:flex}.calibrateMIDIOutputDialogWrapper .calibrateMIDIOutputDialog .testLooper--point{width:25px;height:25px;border-radius:50%;border:1px solid #888;background-color:#fff}.calibrateMIDIOutputDialogWrapper .calibrateMIDIOutputDialog .testLooper--point.on{background-color:#000}.calibrateMIDIOutputDialogWrapper .calibrateMIDIOutputDialog .pitchInput{margin-top:20px}.calibrateMIDIOutputDialogWrapper .calibrateMIDIOutputDialog input[type=range]{width:200px}.calibrateMIDIOutputDialogWrapper .calibrateMIDIOutputDialog .numberInput{width:50px;margin-left:10px}.calibrateMIDIOutputDialogWrapper .calibrateMIDIOutputDialog--actions{position:absolute;bottom:0;left:0;width:100%;padding:20px;display:flex;align-items:center;justify-content:flex-end}.calibrateMIDIOutputDialogWrapper .calibrateMIDIOutputDialog--actions button{margin-left:10px;padding:0 20px}.scalePicker{max-width:130px}.tuningSystemInfoInput--field{display:flex;margin:10px 0}.tuningSystemInfoInput--field label{min-width:200px}.tuningSystemInfoInput--field input,.tuningSystemInfoInput--field textarea{width:300px}.tuningSystemInfoInput--field textarea{height:50px}.scaleInfoInput--field{display:flex;margin:10px 0}.scaleInfoInput--field label{min-width:200px}.scaleInfoInput--field input,.scaleInfoInput--field textarea{width:300px}.scaleInfoInput--field textarea{height:50px}.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 0L0 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{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-anchor:middle;font-size:14px;font-weight:600;fill:#999;cursor:pointer}.frequencyBand--majorTickLabel.isSelected{fill:#fff}.frequencyBand--minorTickLine{stroke:#999;stroke-width:2px}.frequencyBand--focusShape{pointer-events:none;fill:hsla(0,0%,100%,.05)}.octaveDivisionBand--interval{fill:#333;stroke:none}.octaveDivisionBand--division{fill:hsla(0,0%,100%,0);cursor:pointer}.octaveDivisionBand--divisionLabel{font-size:12px;font-weight:500;fill:#fff}.refPitchInput{display:flex;flex-direction:row}.refPitchInput .freqNumberInput{display:inline-block;width:135px;position:relative;padding:0;margin:0;font-size:32px;line-height:1;font-weight:400;background:none;color:#fff;text-align:left;border:none;border-bottom:2px solid hsla(0,0%,66.7%,.5)}.refPitchInput .freqNumberInput:focus{outline:none}.refPitchInput .hzLabel{position:relative;font-size:20px;line-height:1;font-weight:400;color:#fff;z-index:1;padding:8px 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.refPitchInput .refPitchNote{margin-right:10px;padding-right:40px;border:none!important;width:70px}.refPitchInput.small .freqNumberInput{width:75px;font-size:16px}.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{width:53px;font-size:12px}.refPitchInput.tiny .hzLabel,.refPitchInput.tiny .refPitchNote{font-size:12px;line-height:12px}.refPitchInput.tiny .refPitchNote{padding-right:10px}.breadcrumbs{position:fixed;bottom:40px;left:40px;z-index:2;pointer-events:visible;display:flex;align-items:center}.breadcrumbs--number{width:50px;height:50px;border-radius:50px;font-size:36px;line-height:1;font-weight:400;background:#000;color:#fff;display:flex;align-items:center;justify-content:center;padding-bottom:2px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.breadcrumbs--number:not(:first-child){margin-left:5px}.breadcrumbs--number.previousStep{color:hsla(0,0%,100%,.5);background:hsla(0,0%,100%,.05);-webkit-transition:background-color .15s ease,color .15s ease;transition:background-color .15s ease,color .15s ease;text-decoration:none}.breadcrumbs--number.previousStep:hover{background:hsla(0,0%,100%,.1);color:#fff}.breadcrumbs--description{width:400px;margin-left:10px;font-size:13px}.breadcrumbs--nextAction{height:50px!important;width:100px!important;border-radius:50px;margin-left:10px;padding:0 20px;font-size:18px!important}.breadcrumbs--nextAction.isDisabled{pointer-events:none;background-color:grey;color:#d3d3d3;box-shadow:none}.userInfo{position:fixed;bottom:40px;right:40px;z-index:4;display:flex;align-items:center;padding:5px;font-size:13px;color:hsla(0,0%,100%,.75)}.userInfo button{font-size:14px;margin-left:5px;height:auto;line-height:160%}.refPitchScreen{position:absolute;width:100%;height:100%}.refPitchScreen h1{position:fixed;top:40px;left:40px;z-index:0}.refPitchScreen .introText{position:fixed;top:80px;left:40px;max-width:400px;z-index:0}.refPitchScreen--canvas,.refPitchScreen--htmlOverlay{position:absolute;width:100%;height:100%}.refPitchScreen--htmlOverlay{display:flex;flex-direction:column;align-items:center;justify-content:center}.refPitchScreen--htmlOverlay .inputWrapper{z-index:2;position:relative;display:flex;flex-flow:row nowrap;align-items:stretch;justify-content:stretch;-webkit-transform:translateY(130px);transform:translateY(130px);background:transparent;padding:8px 15px 12px;border-radius:5px}.refPitchScreen--htmlOverlay .inputWrapperArrow{position:absolute;display:block;height:7px;width:auto;top:-7px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.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;-webkit-transition:opacity .5s;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{position:fixed;top:40px;right:45px;font-size:12px;z-index:3}.leimma--userGuideLink a{display:inline-block;color:#fff}.leimma--userGuideLink a:not(:last-child){margin-right:7px}.tuningSystemDatabaseEntryWrapper{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);z-index:3;pointer-events:none;opacity:0;-webkit-transition:opacity .4s;transition:opacity .4s;display:flex;align-items:center;justify-content:center}.tuningSystemDatabaseEntryWrapper.isOpen{pointer-events:auto;opacity:1}.tuningSystemDatabaseEntryWrapper .tuningSystemDatabaseEntry{width:500px;height:330px;position:relative;background-color:#333;border-radius:3px;overflow:hidden;padding:20px}.tuningSystemDatabaseEntryWrapper .tuningSystemDatabaseEntry.isAdmin{height:360px}.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;-moz-appearance:menulist;appearance:menulist;background:#fff;height:auto;width:auto;color:#000}.tuningSystemDatabaseEntryWrapper .tuningSystemDatabaseEntry .button{flex:1 1;font-size:14px;box-shadow:none;margin-top:40px}.tuningSystemDatabaseEntryWrapper .tuningSystemDatabaseEntry .button:disabled{background-color:grey;color:#a9a9a9}.scalaImport{position:fixed;right:165px;top:120px;z-index:2;pointer-events:all}.scalaImport .inputGroup{position:relative}.scalaImport .inputGroup input{width:140px;height:25px;z-index:2;opacity:0}.scalaImport .inputGroup button{position:absolute;right:0}.octaveDivisionOctaveView .octaveDivisionScreen--htmlOverlay .refPitchInput{z-index:2;pointer-events:auto}.octaveDivisionOctaveView .octaveDivisionScreen--htmlOverlay .divisionValueInput{position:fixed;left:0;top:0;-webkit-transform-origin:center;transform-origin:center;z-index:2;pointer-events:auto;display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:260px;height:42px;line-height:42px}.octaveDivisionOctaveView .octaveDivisionScreen--htmlOverlay .divisionValueInput.withDelete{width:380px}.octaveDivisionOctaveView .octaveDivisionScreen--htmlOverlay .divisionValueInput input{width:100px;box-shadow:none;text-align:center;color:#fff;border:none;border-bottom:2px solid hsla(0,0%,66.7%,.5);border-radius:0}.octaveDivisionOctaveView .svgCanvas .selectedDivisionMarker{stroke:#fff;stroke-width:2}.octaveDivisionOctaveView .svgCanvas .mouseMarkerLine{stroke:#fff;stroke-width:1;pointer-events:none}.octaveDivisionOctaveView .svgCanvas .mouseMarkerLineLabel{font-size:12px;font-weight:500;fill:#fff}.octaveDivisionStringsView{position:fixed;left:0;width:100%;top:400px;bottom:160px;overflow-y:auto}.octaveDivisionStringsView--openStringTunings{position:relative}.octaveDivisionStringsView--openStringTunings .pitchInput,.octaveDivisionStringsView--openStringTunings button{position:absolute;left:10px;top:0;width:100px}.octaveDivisionStringsView--rulerSwitcher{position:absolute;left:10px;width:300px;display:flex;align-items:center}.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{position:absolute;left:150px;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{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);z-index:3;pointer-events:none;opacity:0;-webkit-transition:opacity .4s;transition:opacity .4s;display:flex;align-items:center;justify-content:center}.chooseTuningSystemDialogWrapper.isOpen{pointer-events:auto;opacity:1}.chooseTuningSystemDialogWrapper .chooseTuningSystemDialog{width:1024px;height:80vh;position:relative;background-color:#333;border-radius:3px;overflow:hidden;padding:30px}.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{overflow-y:auto;list-style:none;margin:0 5px 0 0;padding:0}.chooseTuningSystemDialogWrapper .chooseTuningSystemDialog--column li{padding:7px 15px;border-radius:3px;font-size:13px;cursor:pointer}.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{font-size:13px;color:hsla(0,0%,100%,.75);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{font-size:11px;color:hsla(0,0%,100%,.5)}.chooseTuningSystemDialogWrapper .chooseTuningSystemDialog--actions{position:absolute;bottom:0;left:0;width:100%;padding:20px;display:flex;align-items:center;justify-content:flex-end}.chooseTuningSystemDialogWrapper .chooseTuningSystemDialog--actions button{margin-left:10px;padding:0 20px}.octaveDivisionScreen{position:absolute;width:100%;height:100%;z-index:2}.octaveDivisionScreen--tuningSystemInfo{position:fixed;top:40px;left:40px;z-index:0}.octaveDivisionScreen--tuningSystemInfo h1{margin-bottom:10px}.octaveDivisionScreen--tuningSystemInfo .fieldLabel{color:hsla(0,0%,100%,.75)}.octaveDivisionScreen--tuningSystemInfo .introText{max-width:400px;font-size:13px;color:hsla(0,0%,100%,.75);margin-bottom:5px}.octaveDivisionScreen--tuningSystemInfo .introText a,.octaveDivisionScreen--tuningSystemInfo .introText a:active,.octaveDivisionScreen--tuningSystemInfo .introText a:visited{color:inherit}.octaveDivisionScreen--tuningSystemInfo .introText.source{font-size:11px;color:hsla(0,0%,100%,.5)}.octaveDivisionScreen .tuningSystemDialogToggle{position:fixed;top:140px;right:40px;z-index:2}.octaveDivisionScreen .databaseEntryDialogToggle{position:fixed;top:175px;right:40px;z-index:2}.octaveDivisionScreen .viewSelector{position:fixed;top:150px;right:40px;z-index:2}.octaveDivisionScreen--canvas,.octaveDivisionScreen--htmlOverlay{position:absolute;width:100%;height:100%}.octaveDivisionScreen--htmlOverlay{display:flex;flex-direction:column;align-items:center;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{z-index:2;pointer-events:auto}.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;-webkit-transition:opacity .5s ease;transition:opacity .5s ease}.octaveDivisionScreen .frequencyBand{opacity:1;-webkit-transition:opacity .5s ease;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{-webkit-transition-delay:.1s;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{-webkit-transition-delay:.2s;transition-delay:.2s}.octaveDivisionScreen.isExiting .frequencyBand{opacity:0}.scalaExport{position:fixed;right:40px;top:120px;z-index:2;pointer-events:all}.scalaExport.withMidiInput{top:170px}.scalaExportChoiceDialogWrapper{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);z-index:3;pointer-events:none;opacity:0;-webkit-transition:opacity .4s;transition:opacity .4s;display:flex;align-items:center;justify-content:center}.scalaExportChoiceDialogWrapper.isOpen{pointer-events:auto;opacity:1}.scalaExportChoiceDialogWrapper .scalaExportChoiceDialog{width:400px;height:160px;position:relative;background-color:#333;border-radius:3px;overflow:hidden;padding:0 30px}.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%,0)!important}.tuningSystemWheel--scaleBand.mappingSecondary{fill:hsla(0,0%,100%,.1)!important}.tuningSystemWheel--scaleBand.mappingPrimary{fill:hsla(0,0%,100%,.2)!important}.tuningSystemWheel--scaleBand.mappingTonic{fill:hsla(0,0%,100%,.3)!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{font-size:24px;font-weight:400;pointer-events:none;fill:#fff}.tuningSystemWheel--solmizationLabel.isHighlighted{fill:#fff}.tuningSystemWheel--divisionLabel{font-size:12px;font-weight:600;pointer-events:none;fill:#fff}.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:-webkit-grab;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{position:absolute;width:100%;height:100%}.scaleScreen--tuningSystemInfo{position:fixed;top:40px;left:40px;z-index:0}.scaleScreen--tuningSystemInfo h1{margin-bottom:10px}.scaleScreen--tuningSystemInfo .fieldLabel{color:hsla(0,0%,100%,.75)}.scaleScreen--tuningSystemInfo .introText{max-width:400px;font-size:13px;color:hsla(0,0%,100%,.75);margin-bottom:5px}.scaleScreen--tuningSystemInfo .introText a,.scaleScreen--tuningSystemInfo .introText a:active,.scaleScreen--tuningSystemInfo .introText a:visited{color:inherit}.scaleScreen--tuningSystemInfo .introText.source{font-size:11px;color:hsla(0,0%,100%,.5)}.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{position:absolute;width:100%;height:100%}.scaleScreen--canvas{z-index:1}.scaleScreen--htmlOverlay{display:flex;flex-direction:column;align-items:center;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{width:50px;box-shadow:none;text-align:center;color:#fff;border:none;border-bottom:2px solid hsla(0,0%,66.7%,.5);border-radius:0}.scaleScreen--htmlOverlay .centsRatiosSwitch,.scaleScreen--htmlOverlay .clearMappingsButton,.scaleScreen--htmlOverlay .databaseEntryButton,.scaleScreen--htmlOverlay .existingScaleInput,.scaleScreen--htmlOverlay .inputWrapper,.scaleScreen--htmlOverlay .scalePicker,.scaleScreen--htmlOverlay .solmizationInput,.scaleScreen--htmlOverlay .tuningSystemDialogToggle{z-index:2}.scaleScreen--htmlOverlay,.scaleScreen .leimma--userGuideLink,.scaleScreen .userInfo{opacity:0;-webkit-transition:opacity .5s;transition:opacity .5s}.scaleScreen.hasEntered .leimma--userGuideLink,.scaleScreen.hasEntered .scaleScreen--htmlOverlay,.scaleScreen.hasEntered .userInfo{opacity:1}.scaleDatabaseEntryWrapper{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);z-index:3;pointer-events:none;opacity:0;-webkit-transition:opacity .4s;transition:opacity .4s;display:flex;flex-direction:column;align-items:center;justify-content:center}.scaleDatabaseEntryWrapper.isOpen{pointer-events:auto;opacity:1}.scaleDatabaseEntryWrapper .scaleDatabaseEntry,.scaleDatabaseEntryWrapper .tuningSystemDatabaseEntry{width:500px;height:330px;position:relative;background-color:#333;border-radius:3px;overflow:hidden;padding:20px}.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;-moz-appearance:menulist;appearance:menulist;background:#fff;height:auto;width:auto}.scaleDatabaseEntryWrapper .scaleDatabaseEntry .button,.scaleDatabaseEntryWrapper .tuningSystemDatabaseEntry .button{flex:1 1;font-size:14px;margin-top:40px;box-shadow:none}.scaleDatabaseEntryWrapper .scaleDatabaseEntry .button:disabled,.scaleDatabaseEntryWrapper .tuningSystemDatabaseEntry .button:disabled{background-color:grey;color:#a9a9a9}.screenSizeWarning{position:fixed;left:0;top:0;width:100%;padding:10px;font-size:16px;text-align:center;z-index:3;background-color:#000}.screenSizeWarning.dismissed{display:none}@media only screen and (min-width:900px){.screenSizeWarning{display:none}}.newOrExistingChoiceScreen,.newOrExistingChoiceScreen--canvas,.newOrExistingChoiceScreen--htmlOverlay{position:absolute;width:100%;height:100%}.newOrExistingChoiceScreen .leimmaLogo{height:120px;max-width:100%;-webkit-filter:drop-shadow(4px 4px 8px rgba(0,0,0,.9));filter:drop-shadow(4px 4px 8px rgba(0,0,0,.9))}.newOrExistingChoiceScreen--htmlOverlay{display:flex;flex-direction:column;align-items:center;justify-content:center}.newOrExistingChoiceScreen--htmlOverlay .button{height:36px;padding:0 20px 2px;font-size:16px;font-weight:500;margin:10px;z-index:2}.newOrExistingChoiceScreen a,.newOrExistingChoiceScreen a:active,.newOrExistingChoiceScreen a:visited{color:#fff;text-decoration:none}.newOrExistingChoiceScreen--credits,.newOrExistingChoiceScreen--credits a{font-size:12px;color:hsla(0,0%,100%,.75);margin:-5px 0 20px}.newOrExistingChoiceScreen--intro{font-size:16px;margin:0 0 20px}.newOrExistingChoiceScreen--htmlOverlay{opacity:1;-webkit-transition:opacity .5s;transition:opacity .5s}.newOrExistingChoiceScreen.isExiting .newOrExistingChoiceScreen--htmlOverlay{opacity:0}.apotome{-webkit-font-kerning:normal;font-kerning:normal;-webkit-font-variant-ligatures:common-ligatures contextual;font-variant-ligatures:common-ligatures contextual;-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;font-family:urw-din,sans-serif;font-weight:500;font-size:12px;color:#fff}.apotome h1,.apotome h2,.apotome h3,.apotome h4{font-weight:500;text-transform:uppercase}.button{outline:none;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;height:25px;padding:0 15px 3px;border-radius:30px;background:#000;box-shadow:none;font-family:urw-din,sans-serif;font-weight:500;font-size:12px;line-height:1;color:#fff}.button.isActive,.button:active{background:#fff;color:#111}.button:disabled{opacity:.25;cursor:default!important}.button--primary{background:#bde1f4;color:#000;border-radius:2px}.button--small{background:#000;height:20px}.button--inline,.button--small{border-radius:20px;font-size:10px;font-weight:600;text-transform:uppercase;padding:0 10px}.button--inline{background:transparent;height:auto}.button--tab{border-radius:0;height:auto;min-height:45px;padding:8px 5px 10px}.button--tab.isActive,.button--tab:active{background:#bde1f4;color:#111}.tabs{display:grid;grid-auto-flow:column;grid-gap:2px;gap:2px}.tabs .button:first-child{border-top-left-radius:3px;border-bottom-left-radius:3px}.tabs .button:last-child{border-top-right-radius:3px;border-bottom-right-radius:3px}.inputGroup--selectHorizontal{width:100%;display:grid;grid-auto-flow:column;grid-template-columns:1fr 200px;grid-gap:5px;gap:5px;align-items:center;margin-bottom:5px}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;display:flex;align-items:center;height:30px;width:100%;padding:0 28px 4px 10px;border:0;border-radius:0;cursor:pointer;font-family:urw-din,sans-serif;font-weight:500;font-size:12px;line-height:1.5;text-indent:0;color:#fff;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 d='M0 1.6l6 5.6 6-5.6L10.4 0 6 4 1.6 0z' fill='%23fff'/%3E%3C/svg%3E");background-position:right 12px top 13px;background-size:7px auto;background-repeat:no-repeat}.select:focus{outline:none}.select:disabled{opacity:.3;cursor:default}.select option{color:#000}.input{background:none;color:#fff;outline:none;border:none;border-bottom:1px solid hsla(0,0%,100%,.25);font-family:urw-din,sans-serif;font-weight:500;font-size:12px}*,:after,:before{box-sizing:border-box}.apotome{width:100%;height:100%;background-color:#111;overflow:hidden;display:grid;grid-template-areas:"header header" "main aside";grid-template-rows:auto 1fr;grid-template-columns:1fr auto}.apotome .header{grid-area:header;z-index:3}.apotome .main{grid-area:main;z-index:1;overflow:auto;background:#222}.apotome .main .tracks{display:grid;grid-auto-flow:column;justify-content:start;grid-gap:10px;gap:10px;padding:10px}.apotome .aside{grid-area:aside;z-index:2;display:grid;grid-auto-flow:column;grid-template-columns:auto auto;overflow-y:auto}.apotome .react-draggable{z-index:3}.apotome .pluginGUIBar{position:absolute;left:0;right:0;top:0;bottom:20px;background-color:#000;overflow:hidden;cursor:move}.apotome .pluginGUIBar .closePluginGUIBar{position:absolute;right:10px;top:0;border:0;padding:0;font-size:18px}.apotome .pluginGUIContent{position:absolute;left:0;right:0;top:20px;bottom:0}.apotome .calibrateMIDIOutputDialog,.apotome .chooseTuningSystemDialog{background-color:#222}.apotome .calibrateMIDIOutputDialog li.isSelected,.apotome .chooseTuningSystemDialog li.isSelected{background-color:#555}.apotome .refPitchNote{color:#fff;border:1px solid #fff}.apotome .refPitchNote:disabled{border-color:hsla(0,0%,100%,.3);color:hsla(0,0%,100%,.3)}.apotome .refPitchInput .freqNumberInput{color:#fff;font-family:urw-din,sans-serif;font-weight:500;font-size:12px;padding-bottom:4px;border-bottom:1px solid hsla(0,0%,100%,.25)}.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{width:20px;height:20px;border-radius:20px;padding:0;background:#fff;border:1px solid #fff}.apotome .button--addTrack .icon{fill:#000}.apotome .globalControls{z-index:3}.apotome .globalControls--headerBar{height:45px;display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;padding:0 15px;color:#111;background:url(/static/media/backgroundHeader.ec1de620.png) 0 100%/100% auto no-repeat}.apotome .globalControls--headerBar h1{font-size:18px;font-weight:500;margin:0;line-height:1;color:#000;display:flex;flex-flow:row nowrap;align-items:flex-end}.apotome .globalControls--headerBar h1 img{display:block;height:50px;margin-bottom:1px;-webkit-filter:drop-shadow(2px 2px 1px rgba(0,0,0,.9));filter:drop-shadow(2px 2px 1px rgba(0,0,0,.9))}.apotome .globalControls--headerBar h1 .globalControls--currentSpace{font-size:10px;margin-bottom:11px;margin-left:7px}.apotome .globalControls--headerBar .globalControls--bookingButton{position:absolute;top:20px;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}.apotome .globalControls--headerBar--guide{margin-left:auto;margin-right:20px;height:20px}.apotome .globalControls--headerBar--guide a,.apotome .globalControls--headerBar--guide a:active,.apotome .globalControls--headerBar--guide a:visited{display:inline-block;color:#000}.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{display:inline-block;cursor:pointer;height:20px}.apotome .globalControls--bar{padding:5px 15px;background:#090909;border-bottom:1px solid hsla(0,0%,100%,.1);box-shadow:0 10px 10px 0 rgba(0,0,0,.5);display:flex;align-items:center}.apotome .globalControls--bar>*{margin-right:20px}.apotome .globalControls--bar .button--startStop{width:80px}.apotome .globalControls--masterGain,.apotome .globalControls--tempo{display:flex;align-items:center}.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{display:flex;align-items:center}.apotome .globalControls--timeSignature .timeSignatureControl{margin-left:5px}.tempoVisualizer{width:34px;height:15px;margin:0 5px;position:relative}.tempoVisualizer--point{position:absolute;width:15px;height:15px;border-radius:50%;background-color:#333}.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{pointer-events:none;opacity:.3}.apotome .toggleSwitchLabel{display:flex;flex-flow:row;align-items:center}.apotome .settingsDialogWrapper{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);z-index:3;pointer-events:none;opacity:0;-webkit-transition:opacity .4s;transition:opacity .4s;display:flex;align-items:center;justify-content:center}.apotome .settingsDialogWrapper.isOpen{pointer-events:auto;opacity:1}.apotome .settingsDialogWrapper .settingsDialog{width:600px;height:50vh;position:relative;background-color:#222;padding:20px}.apotome .settingsDialogWrapper .settingsDialog--actions{position:absolute;bottom:0;left:0;width:100%;padding:20px;display:flex;align-items:center;justify-content:flex-end}.apotome .settingsDialogWrapper .settingsDialog--actions button{margin-left:10px;padding:0 20px}.apotome .timeSignatureControl{display:flex;flex-direction:column;align-items:stretch;max-width:75px}.apotome .timeSignatureControl input{margin-bottom:2px;padding-right:12px;padding-bottom:4px}.apotome .timeSignatureControl select{border:none;height:18px;background-color:transparent;background-position:right 12px top 7px;padding-left:20px}.apotome .timeSignatureControl input,.apotome .timeSignatureControl select{text-align:center;-moz-text-align-last:center;text-align-last:center;font-size:12px}.apotome .startStageBookingDialogWrapper{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);z-index:3;pointer-events:none;opacity:0;-webkit-transition:opacity .4s;transition:opacity .4s;display:flex;align-items:center;justify-content:center}.apotome .startStageBookingDialogWrapper.isOpen{pointer-events:auto;opacity:1}.apotome .startStageBookingDialogWrapper .startStageBookingDialog{width:900px;height:700px;position:relative;background-color:#222;color:#fff;padding:20px}.apotome .startStageBookingDialogWrapper .startStageBookingDialog p,.apotome .startStageBookingDialogWrapper .startStageBookingDialog ul{font-size:15px;line-height:1.5}.apotome .startStageBookingDialogWrapper .startStageBookingDialog p a,.apotome .startStageBookingDialogWrapper .startStageBookingDialog ul a{color:#fff}.apotome .startStageBookingDialogWrapper .startStageBookingDialog .button{margin-top:20px;font-size:16px}.apotome .studioHeaderControls--bookingButton{top:10px}.apotome .stageBookingStatus,.apotome .studioHeaderControls--bookingButton{position:absolute;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}.apotome .stageBookingStatus{top:15px;display:flex;align-items:center}.apotome .stageConnectionStatus{width:20px;height:20px;margin-right:5px;border-radius:50%}.apotome .stageConnectionStatus.connected{background-color:#90ee90}.apotome .stageConnectionStatus.notConnected{background-color:red}.apotome .liveLabel{border:1px solid #000;margin:-5px 5px 0;padding:5px;text-transform:uppercase}.apotome .userProfileDialogWrapper{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);z-index:3;pointer-events:none;opacity:0;-webkit-transition:opacity .4s;transition:opacity .4s;display:flex;align-items:center;justify-content:center}.apotome .userProfileDialogWrapper.isOpen{pointer-events:auto;opacity:1}.apotome .userProfileDialogWrapper .userProfileDialog{width:600px;height:400px;position:relative;background-color:#222;padding:20px}.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{margin-left:100px;font-size:10px}.apotome .userProfileDialogWrapper .userProfileDialog--consentPrompt{margin-top:30px}.apotome .userProfileDialogWrapper .userProfileDialog--actions{position:absolute;bottom:0;left:0;width:100%;padding:20px;display:flex;align-items:center;justify-content:flex-end}.apotome .userProfileDialogWrapper .userProfileDialog--actions button{margin-left:10px;padding:0 20px}.apotome .weightsControl{width:100%}.apotome .weightsControl.isDisabled{pointer-events:none;opacity:.3}.apotome .weightsControl--sliders{width:100%}.apotome .weightsControl--sliders svg{background-color:rbga(#fff,.5)!important}.apotome .weightsControl--labels{display:flex}.apotome .weightsControl--label{flex:1 1;flex-basis:0;text-align:center;overflow:hidden;font-size:10px;margin:3px 0;padding:3px 0;border-radius:2px}.apotome .weightsControl--label.isRatio{display:flex;flex-direction:column;align-items:center}.apotome .weightsControl--label.isRatio :first-child{border-bottom:1px solid #fff}.apotome .weightsControl--label.isPlaying{background-color:rgba(189,225,244,.5)}.apotome .envelopeControl{position:relative;margin:15px 0;width:100%}.apotome .envelopeControl--envelope{width:100%}.apotome .envelopeControl--label{font-size:10px;position:absolute;bottom:5px;left:0;width:100%;text-align:center;pointer-events:none}.knobControl{display:flex;flex-direction:column;align-items:center}.knobControl.isDisabled{pointer-events:none;opacity:.3}.knobControl--label,.knobControl--valueLabel{font-size:10px;text-align:center}.knobControl--label{margin-bottom:5px}.knobControl--valueLabel{margin-top:5px}.apotome .track{width:330px;position:relative;display:flex;flex-direction:column;align-items:stretch;background-color:#090909;border-radius:5px;box-shadow:0 0 15px 0 rgba(0,0,0,.5);color:#fff}.apotome .track .trackHeader{display:flex;flex-direction:column;justify-content:space-between;padding:15px 15px 0}.apotome .track .trackHeader--top{display:grid;grid-auto-flow:column;grid-template-columns:1fr repeat(5,auto);grid-gap:5px;gap:5px;padding-bottom:16px}.apotome .track .trackHeader--top h2{display:block;margin:0;font-size:18px;color:#fff}.apotome .track .trackHeader--top .button{width:20px;height:20px;border-radius:20px;padding:2px;background:hsla(0,0%,100%,.2);-webkit-transition:background-color .15s ease;transition:background-color .15s ease;color:#000;font-weight:500;cursor:pointer}.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{width:auto;padding:0 6px;color:#fff;font-size:10px}.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{height:32px;display:grid;grid-auto-flow:column;grid-template-columns:1fr auto;grid-gap:5px;gap:5px;align-items:center;background:hsla(0,0%,100%,.2);padding:8px 10px 10px;border-top-left-radius:5px;border-top-right-radius:5px}.apotome .track .trackSectionHeader h4{display:inline-block;font-size:10px;font-weight:600;letter-spacing:.5px;text-align:left;color:#ddd;margin:0}.apotome .track .trackSectionHeader .button{padding:0;margin:0;background:none;text-transform:none;border-radius:15px;font-size:11px;font-weight:500;color:#ddd;cursor:pointer}.apotome .track .trackSectionHeader .button:hover{text-decoration:underline}.apotome .track .trackSectionHeader .button--manageTuningSnapshots{float:right;height:auto}.apotome .track .trackSectionHeader .followToggle{display:flex;align-items:center;font-size:11px;line-height:1;font-weight:500;color:hsla(0,0%,100%,.5)}.apotome .track .trackSectionHeader .followToggle .toggleSwitch{margin-left:5px}.apotome .track .trackSectionBody{background:hsla(0,0%,100%,.1);padding:10px;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.apotome .track .trackBody{display:flex;flex-direction:column;align-items:stretch;padding:0 15px}.apotome .track .trackBody.isFollowingAllowedIntervals .melodicIntervalToggle--label,.apotome .track .trackBody.isFollowingAllowedIntervals .track--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{padding:0;display:flex;justify-content:space-between;align-items:center}.apotome .track .trackSection--tuningAndSubset .track--tuningSystem--name{display:inline-block;max-width:225px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}.apotome .track .trackSection--tuningAndSubset .track--tuningSystem--changeButton{margin:0}.apotome .track .trackSection--tuningAndSubset .track--referencePitch{margin:10px 0;display:flex;align-items:center;justify-content:space-between;font-size:12px}.apotome .track .trackSection--tuningAndSubset .track--scale{margin:10px 0;width:100%}.apotome .track .trackSection--tuningAndSubset .track--scale .scalePicker{width:100%;max-width:none}.apotome .track .trackSection--intervalWeights,.apotome .track .trackSection--octaveWeights{position:relative}.apotome .track .trackSection--switchActiveArticulation,.apotome .track .trackSection--switchVisibleArticulationWeights{float:right}.apotome .track .trackSection .track--allowedIntervals--intervals{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:5px}.apotome .track .trackSection--forcePolyphonyControl{display:block;margin-top:5px;font-size:10px;font-weight:400;display:flex;align-items:center;justify-content:center}.apotome .track .trackSection--activeBeatDivisionControls{margin-bottom:10px}.apotome .track .trackSection--useAccentControl .trackSectionHeader{border-radius:5px}.apotome .track .trackSection--lfos .lfo{padding:6px 10px 8px;background:hsla(0,0%,100%,.1);margin-bottom:5px}.apotome .track .trackSection--lfos .lfo:last-child{margin-bottom:0}.apotome .track .trackSection--lfos .track--lfoControls{display:grid;grid-auto-flow:column;grid-gap:10px;gap:10px;padding:10px;background:hsla(0,0%,100%,.1);margin-top:-5px;margin-bottom:5px}.apotome .track .trackSection--lfos .track--lfoControls--col{display:flex;flex-direction:column}.apotome .track .trackSection--lfos .track--lfoControls--retrigger{flex:1 1;display:flex;align-items:center;font-size:12px}.apotome .track .trackSection--lfos .track--lfoControls--modulationKnobs{display:grid;grid-auto-flow:column;grid-gap:10px;gap:10px;margin-top:10px}.apotome .track .trackSection .track--beatDivisionRestToggles{margin:5px 0 10px;font-size: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{flex:1 1;padding-right:20px;display:flex;flex-direction:column;justify-content:space-around}.apotome .track .trackSection .track--euclideanBeatValue,.apotome .track .trackSection .track--euclideanRange{margin-top:5px;font-size:10px;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;justify-content:space-between;font-size:10px;margin-top:5px}.apotome .track .trackSection--beatDelayRange{font-size:10px;text-align:center}.apotome .track .trackSection .track--forceBeatTupletsControl{display:block;margin-top:5px;font-size:10px;font-weight:400;display:flex;align-items:center;justify-content:center}.apotome .track .trackSection--mixControls .trackSectionBody,.apotome .track .trackSection .track--toneFilterControls{display:grid;grid-auto-flow:column;grid-gap:5px;gap:5px}.apotome .track .trackSection--instrumentControl .midiOutput .inputGroup>*{margin:5px 0}.panControl.isDisabled{pointer-events:none;opacity:.3}.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{width:calc(100% - 14px);height:14px;position:relative}.rangeSlider.isDisabled{opacity:.3}.rangeSlider--rail{position:absolute;left:0;top:4.5px;width:calc(100% + 14px);height:5px;border-radius:7px;background-color:#333}.rangeSlider--handle{position:absolute;top:0;width:14px;height:14px;border-radius:7px;background-color:#bde1f4}.rangeSlider--activeRange{position:absolute;top:4.5px;height:5px;background-color:rgba(189,225,244,.5)}.rangeSlider--currentValueMarker{position:absolute;top:0;height:14px;width:2px;border-radius:2px;background-color:#bde1f4;opacity:0}.rangeSlider--currentValueMarker.isVisible{opacity:1}.apotome .scaleStrip{margin-top:5px;cursor:pointer}.apotome .scaleStrip--strip{width:100%;position:relative;height:50px}.apotome .scaleStrip--stripSegment{position:absolute;top:3px;height:20px;background-color:#333}.apotome .scaleStrip--stripSegment.isMapped{background-color:#555}.apotome .scaleStrip--tonicMarker{position:absolute;top:0;height:26px;width:1px;-webkit-transform:translateX(-1px);transform:translateX(-1px);background-color:#fff}.apotome .scaleStrip--stripSegmentLabel{position:absolute;top:24px;font-size:10px;font-weight:500;padding-right:3px;-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 .looper .button .looper--keyboardShortcut{font-style:italic;font-size:12px}.apotome .melodicIntervalToggle{display:flex;flex-direction:column;align-items:center;font-size:10px}.apotome .melodicIntervalToggle .toggleButton{margin:2px}.apotome .melodicIntervalToggle--label{margin-top:2px;padding:3px;border-radius:2px}.apotome .melodicIntervalToggle--label.isPlaying{background-color:rgba(189,225,244,.5)}.toggleButton.isDisabled{pointer-events:none;opacity:.3}.apotome h4.useAccentToggle{display:block;margin-top:5px;display:flex;align-items:center}.apotome .useAccentToggle--label.isActive{background-color:#488989}.euclideanVisualizer{width:100px;height: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}.returnTrack{width:130px;padding:10px;display:flex;flex-direction:column;align-items:stretch;background-color:#111;border-left:1px solid hsla(0,0%,100%,.1)}.returnTrackGroup{background:#090909;padding:10px;margin-bottom:10px;border-radius:5px}.returnTrack h4{text-align:center;margin:0;font-size:10px;font-weight:600;letter-spacing:.5px;color:#ddd}.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{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.returnTrack--echoControls--channel{flex:1 1;display:flex}.apotome .submitConfirmationDialogWrapper{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);z-index:3;pointer-events:none;opacity:0;-webkit-transition:opacity .4s;transition:opacity .4s;display:flex;align-items:center;justify-content:center}.apotome .submitConfirmationDialogWrapper.isOpen{pointer-events:auto;opacity:1}.apotome .submitConfirmationDialogWrapper .submitConfirmationDialog{width:550px;height:300px;position:relative;background-color:#222;color:#fff;padding:20px}.apotome .submitConfirmationDialogWrapper .submitConfirmationDialog p{font-size:16px;line-height:1.5}.apotome .submitConfirmationDialogWrapper .submitConfirmationDialog p a{color:#fff}.apotome .submitConfirmationDialogWrapper .submitConfirmationDialog--actions{position:absolute;bottom:0;left:0;width:100%;padding:20px;display:flex;align-items:center;justify-content:flex-end}.apotome .submitConfirmationDialogWrapper .submitConfirmationDialog--actions button{margin-left:10px;padding:0 20px}.sessionList h2{margin-top:0}.sessionList h4 button{float:right}.sessionListTabs{display:grid;grid-auto-flow:column;grid-template-columns:1fr 1fr;grid-gap:5px;gap:5px;margin-bottom:5px}.sessionListTabs .button--sessionListTab{border-radius:0;background:none;height:30px;font-size:11px;color:#fff}.sessionListTabs .button--sessionListTab.isActive{background:#090909}.sessionList--notAuthenticated{padding:10px}.sessionList--sessionListItem{position:relative;padding:15px;background-color:#090909;border-radius:5px;margin:0 0 15px}.sessionList--sessionName{margin:0 0 5px;font-size:12px;font-weight:500}.sessionList--sessionAuthor,.sessionList--sessionDescription{font-size:12px;color:hsla(0,0%,100%,.75)}.sessionList--sessionAuthor{margin-top:5px}.sessionList--sessionActions{margin-top:10px}.sessionList--sessionActions button{margin-right:5px}.sessionList--sessionSharing{margin-top:10px;display:flex;align-items:center;font-size:14px}.sessionList--sessionSharing .sessionList--sessionStatus,.sessionList--sessionSharing button{margin-right:10px}.sessionList--newSessionButton{display:block;width:100%;margin:10px 0}.sessionEditor h2{padding:10px}.sessionEditor h3{padding:0 10px}.sessionEditor .backToMain{margin-right:5px}.sessionEditor--actions{margin-bottom:10px;padding:10px;display:flex}.sessionEditor--actions .button{flex:1 1;margin-right:5px;margin-top:5px;padding:10px}.sessionEditor--attributes{padding:10px}.sessionEditor--attribute{display:block;margin-bottom:20px;font-size:12px}.sessionEditor--attribute input{display:block;margin-top:2px;width:100%}.sessionEditor--section{margin-bottom:5px;padding:10px;background-color:#333;font-size:14px}.sessionEditor--section h4{margin:0 0 10px}.sessionEditor--sectionName{display:block;margin-bottom:20px;font-size:14px}.sessionEditor--sectionName input{display:block;margin-top:2px;width:100%}.sessionEditor--sectionTiming{display:flex;align-items:flex-end;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{margin:10px;display:block;width:calc(100% - 20px)}.sessionEditor .formatLabel{font-size:9px}.sessionManager{position:relative;width:50px;overflow-y:auto;background-color:#111;border-left:1px solid hsla(0,0%,100%,.1)}.sessionManagerOpen .sessionManager{width:375px}.sessionManager--callout{position:absolute;top:10px;right:0;width:50px;padding:0 15px}.sessionManager--callout button{width:80px;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(22px) rotate(90deg);transform:translateX(22px) rotate(90deg)}.sessionManager--content{padding:15px 50px 15px 15px;display:none}.sessionManager--content.isOpen{display:block}.sessionManager--content h2{font-size:18px;margin-top:10px}.sessionManager--sessionList{margin:30px 0}.sessionManager--sessionList h4 button{float:right}.sessionManager--sessionListItem{position:relative;padding:10px 2px;cursor:pointer;border:1px solid hsla(0,0%,100%,0)}.sessionManager--sessionListItem.isCurrent{border:1px solid #fff}.sessionManager--sessionName{max-width:200px}.sessionManager--sessionAuthor{max-width:200px;font-size:12px;margin:2px 0 0 10px}.sessionManager--updateSessionStatus{position:absolute;right:20px;top:7px}.sessionManager--deleteSession{position:absolute;right:0;top:7px}.sessionPlayer h2{padding:10px;margin-bottom:0}.sessionPlayer h3{padding:0 10px}.sessionPlayer .backToMain{margin-right:5px}.sessionPlayer--author,.sessionPlayer--description,.sessionPlayer--playbackActions{padding:5px 10px;font-size:14px}.sessionPlayer--description,.sessionPlayer--playbackActions{margin-bottom:10px}.sessionPlayer--playbackActions{display:flex;align-items:center}.sessionPlayer--playbackActions button{margin-right:10px}.sessionPlayer--section{padding:15px;margin-bottom:5px;background-color:#090909;border-radius:5px;min-height:100px}.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{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);z-index:3;pointer-events:none;opacity:0;-webkit-transition:opacity .4s;transition:opacity .4s;display:flex;align-items:center;justify-content:center}.apotome .loadingSplashWrapper.isOpen{pointer-events:auto;opacity:1}.apotome .loadingSplashWrapper .loadingSplash .loadingAnimation{width:40px;height:auto}.apotome .tuningSnapshotsDialogWrapper{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);z-index:3;pointer-events:none;opacity:0;-webkit-transition:opacity .4s;transition:opacity .4s;display:flex;align-items:center;justify-content:center}.apotome .tuningSnapshotsDialogWrapper.isOpen{pointer-events:auto;opacity:1}.apotome .tuningSnapshotsDialogWrapper .tuningSnapshotsDialog{width:600px;height:50vh;position:relative;background-color:#222;padding:20px;overflow-y:auto}.apotome .tuningSnapshotsDialogWrapper .tuningSnapshotsDialog--notAuthenticated{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.apotome .tuningSnapshotsDialogWrapper .tuningSnapshotsDialog--snapshot{padding:5px 0}.apotome .tuningSnapshotsDialogWrapper .tuningSnapshotsDialog--snapshot .button{float:right;margin-left:5px}.apotome .tuningSnapshotsDialogWrapper .tuningSnapshotsDialog--snapshot .button.tuningSnapshotsDialog--openSnapshot{width:100px}.apotome .tuningSnapshotsDialogWrapper .tuningSnapshotsDialog--newSnapshot{margin:40px 0;display:flex;flex-direction:column}.apotome .tuningSnapshotsDialogWrapper .tuningSnapshotsDialog--newSnapshot>*{margin-top:10px}.apotome .tuningSnapshotsDialogWrapper .tuningSnapshotsDialog--newSnapshot button{width:100px}.apotome .notSupportedWrapper{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);z-index:3;display:flex;align-items:center;justify-content:center}.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}}.newHome{background:#f7f7f7;color:#222;height:100%;display:flex;align-items:center;justify-content:center;overflow:auto}.newHome .main{width:100%;max-width:700px;height:auto;display:grid;grid-template-areas:"leimma" "apotome" "ctm" "credits";grid-template-columns:1fr;grid-template-rows:auto auto auto auto;grid-gap:10px;gap:10px;margin:10px}@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{display:flex;flex-flow:column nowrap;align-items:flex-start;padding:20px 30px 30px;background:#8870ff;text-decoration:none}.newHome .main .apotome .logo,.newHome .main .leimma .logo{display:block;max-width:100%;-webkit-filter:drop-shadow(2px 2px 1px rgba(0,0,0,.5));filter:drop-shadow(2px 2px 1px rgba(0,0,0,.5));margin:0;height:50px}@media (min-width:768px){.newHome .main .apotome .logo,.newHome .main .leimma .logo{height:60px}}.newHome .main .apotome p,.newHome .main .leimma p{max-width:280px;color:#fff;margin:0}.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{grid-area:ctm;display:flex;flex-flow:column nowrap;padding:30px;background:#00e8be}.newHome .main .ctm p{max-width:380px;color:#000;margin:0}.newHome .main .credits{grid-area:credits;padding:10px 30px}.newHome .main .credits p{max-width:500px;font-size:13px;font-weight:500;margin-bottom:6px;color:#777}.newHome .main .credits p a{text-decoration:underline;color:#777}.newHome .main .logoWrapper{width:100%;border-bottom:2px solid hsla(0,0%,100%,.25);margin:0 0 15px;padding:0 0 7px}.newHome .main .fauxButton{height:36px;min-width:100px;border-radius:36px;display:inline-flex;align-items:center;justify-content:center;background:none;border:none;padding:0 15px 3px;text-decoration:none;cursor:pointer;background:#000;color:#fff;font-family:urw-din,sans-serif;font-weight:500;font-size:14px;margin-top:15px;background:transparent;border:2px solid rgba(0,0,0,.5);color:#000;margin-right:10px}.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{font-size:15px;margin:0 0 1rem;color:#222}.newHome .main p a{text-decoration:underline;color:#222}
/*# sourceMappingURL=main.63e77013.chunk.css.map */