@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap);@import url(https://fonts.cdnfonts.com/css/14-segment-led);@import url(https://fonts.cdnfonts.com/css/seven-segment);:root{--clr_black:#282828;--clr_dark:#5d5d5d;--clr_grey:#b2b2b2;--clr_disabled:#ffe6e6;--clr_red:#ff8484;--clr_white:#dfdbce;--clr_black:#1c1e21;--clr_yellow:#ffb72c;--clr_red:#ff2c2c;--clr_green:#2cff96;--clr_blue:#2cdeff;--keyFlat_width:4rem;--keyFlat_height:10rem;--keySharp_width:3rem;--keySharp_height:6rem;--keySharp_margin:0 -1.5rem;--tooth_width:4.5rem;--tooth_height:5rem;--mouth_width:39rem}h1,h2,h3,h4,h5,h6{margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0}p{margin:0}body{background:#1c1e21;background:var(--clr_black);color:#5d5d5d;color:var(--clr_dark);color:#dfdbce;color:var(--clr_white);font-family:Inter,sans-serif;margin:3rem;min-height:100vh}#root{width:100%}section{align-items:center;flex-wrap:wrap;gap:1rem;justify-content:space-between}#waveformContainer,section{display:flex;flex-direction:column}#sequencerUI{padding:10px}#sequencerUI,#sequencer_step_container{align-items:center;display:flex;flex-direction:column;justify-content:center}#sequencer_steps{display:flex;flex-direction:row;gap:10px;padding:10px}#sequencer_buttons{width:auto}#sequencer_tempo{display:flex;flex-direction:column;width:57rem}#sequencer_tempo input{color:#282828}.step{align-items:center;background:#fff;border-radius:5px;box-shadow:2px 2px 10px #0003;display:flex;flex-direction:column;height:75px;justify-content:center;width:50px}.led{background:red;border-radius:3px;height:8px;margin-top:15px;width:15px}.note{align-items:center;display:flex;height:30px;justify-content:center;min-width:50px}.nbrStep,.note{color:#5d5d5d;color:var(--clr_dark);font-weight:500}.nbrStep{margin-top:5px}#enabledInput{-webkit-appearance:none;appearance:none;background-color:initial;width:120px}label{color:#dfdbce;color:var(--clr_white);font-size:1rem;font-weight:300;letter-spacing:.125rem;text-align:left}label span{color:#ffb72c;color:var(--clr_yellow)}#enabledInput::-webkit-slider-runnable-track{background-color:#dfdbce;background-color:var(--clr_white);border-radius:1rem;height:.5rem;position:relative;width:120px}#enabledInput::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:#ffb72c;background-color:var(--clr_yellow);border-radius:50%;box-shadow:2px 2px 0 0 #0000004d;box-sizing:border-box;cursor:pointer;height:1rem;position:relative;top:50%;translate:0 -50%;width:1rem}#enabledInput::-moz-range-track{height:8px}#enabledInput::-moz-range-thumb,#enabledInput::-moz-range-track{background-color:#b2b2b2;background-color:var(--clr_grey);border-radius:8px;position:relative}#enabledInput::-moz-range-thumb{appearance:none;box-sizing:border-box;cursor:pointer;height:24px;width:24px}#enabledInput::-moz-range-progress{background-color:#b2b2b2;background-color:var(--clr_grey);border-radius:8px;height:8px}#disabled::-webkit-slider-runnable-track{background-color:#b2b2b2;background-color:var(--clr_grey);border-radius:8px;height:8px;position:relative}#disabled::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:#b2b2b2;background-color:var(--clr_grey);border:1px solid #fff;border-radius:50%;border-radius:8px;box-sizing:border-box;cursor:pointer;cursor:not-allowed;height:1rem;height:24px;position:relative;top:50%;translate:0 -50%;width:1rem;width:24px}#disabled::-moz-range-track{position:relative}#disabled::-moz-range-progress,#disabled::-moz-range-track{background-color:#b2b2b2;background-color:var(--clr_grey);border-radius:8px;height:8px}#disabledLabel{font-style:italic}#disabledButton,#disabledLabel{color:#b2b2b2;color:var(--clr_grey)}#disabledButton{background:#fff;border:1px solid #b2b2b2;border:1px solid var(--clr_grey);border-radius:.5rem;cursor:not-allowed;font-size:1.5rem;margin:2rem;padding:.5rem 1rem;text-transform:uppercase;width:auto}#sequencer_steps input[type=text]{align-items:center;-webkit-appearance:none;appearance:none;background-color:initial;border:none;color:#5d5d5d;color:var(--clr_dark);display:flex;font-weight:500;height:30px;justify-content:center;text-align:center;width:40px}#sequencer_steps input[type=text]:focus{border:none;outline:none}#ENV,#VCA,#VCF,#VCO{box-shadow:2px 2px 3px #0003;padding:1rem}.synth{align-items:top;border-radius:1rem;display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;justify-content:center;padding:1rem}#canvas,.synth{width:auto}#sequenceSettings{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;width:100%}#directionInput,#divisionInput,#gateLengthInput,#lengthInput,#midiChInput,#octaveInput,#offsetInput,#pulsesInput,#randOctaveInput,#ratchetInput,#rootNoteInput,#scaleInput,#syncInput,#tempoInput,#transposeInput{display:flex;flex-direction:column;gap:.5rem;width:10rem;z-index:10}#ring{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;position:relative;width:100%}#euclidean,#sequence,#transport{display:flex;flex-direction:column;gap:.5rem}.dropdown{border:1px solid #b2b2b2;border:1px solid var(--clr_grey);border-radius:.5rem;position:relative}.dropdown,.selectList{padding:.25em;text-align:center}.selectList{height:3rem;overflow-y:auto}.selectList p:hover{background-color:#b2b2b2;background-color:var(--clr_grey);color:#fff}#noteToDisplay{align-items:center;color:#b2b2b2;color:var(--clr_grey);display:flex;font-size:4rem;justify-content:center;left:0;position:absolute;text-align:center;top:0}#playBtn,#randOctaveBtn,#syncBtn{background:#fff;border:1px solid #b2b2b2;border:1px solid var(--clr_grey);border-radius:.5rem;color:#5d5d5d;color:var(--clr_dark);cursor:pointer;padding:.5rem 1rem;text-transform:uppercase;width:auto}#firstRowSection{column-gap:5rem}#heroWrapper h1{color:#ffb72c;color:var(--clr_yellow);font-size:2rem;font-weight:200;letter-spacing:.75rem;text-align:left;text-transform:uppercase}#heroWrapper h3{text-wrap:wrap;color:#dfdbce;color:var(--clr_white);font-size:1rem;font-weight:300;letter-spacing:.0125rem;text-align:left}#transportWrapper{align-items:center;display:flex;flex-direction:row;gap:2rem;justify-content:flex-end}#displayWrapper{align-items:center;display:flex;flex-direction:column;justify-content:space-between;min-width:200px}#displayCounterWrapper{align-items:center;display:flex;flex-direction:row;gap:1rem}#playheadCounter{font-size:2em;font-weight:300;width:5rem}#currentNote,#playheadCounter{color:#ffb72c;color:var(--clr_yellow);text-align:center}#currentNote{font-size:3.5em;font-weight:200;letter-spacing:.75rem;text-transform:uppercase;width:12rem}#slideButtonWrapper{align-items:flex-start;display:flex;flex-direction:column;gap:.5rem;justify-content:center;width:10rem}#slideOnOff{color:#ffb72c;color:var(--clr_yellow);font-size:1rem;font-weight:300;letter-spacing:.125rem;text-align:left}#slideButtonRow{display:flex;flex-direction:row;gap:.5rem;justify-content:flex-end}#toggle{border:1px solid #dfdbce;border:1px solid var(--clr_white);border-radius:1rem;height:1rem;position:relative;width:2rem}#toggleON{left:1rem}#toggleOFF,#toggleON{background:#ffb72c;background:var(--clr_yellow);border-radius:1rem;box-shadow:2px 2px 0 0 #0000004d;height:1rem;position:absolute;top:0;transition:all .3s ease;width:1rem;z-index:1}#toggleOFF{left:0}#firstRowSection{flex-wrap:wrap}#firstRowSection,#thirdRowSection{display:flex;flex-direction:row;justify-content:space-between;width:100%}#fourthRowSection,#thirdRowSection{flex-wrap:wrap-reverse}#fourthRowSection{display:flex;flex-direction:row;justify-content:center;padding-top:1.5rem;width:100%}#euclideanCol,#sequencerCol{display:flex;flex-direction:column}#secondRowSection{position:relative}#euclideanInputRowOpen,#optionsInputRowOpen{display:flex;flex-direction:row;flex-wrap:wrap;gap:2rem;opacity:1;padding-top:1rem;transition:all .3s linear}#euclideanInputRowClose,#optionsInputRowClose{display:flex;flex-direction:row;gap:2rem;opacity:0;padding-top:1rem;transition:all .3s linear}.open{display:flex}#dentalSequencer{align-items:center;display:flex;flex-direction:column;height:28rem;justify-content:center}#mouthStopAnimation{border:3rem solid #e18989;border-bottom-left-radius:12rem;border-bottom-right-radius:12rem;border-top-left-radius:3rem;border-top-right-radius:3rem;display:flex;flex-direction:column;gap:1rem;height:auto;overflow:hidden;position:relative;transition:all 1s ease}#mouthPlayAnimation{animation:chew 3s ease-in-out infinite alternate;animation-play-state:running}#mouthPauseAnimation,#mouthPlayAnimation{border:3rem solid #e18989;border-bottom-left-radius:12rem;border-bottom-right-radius:12rem;border-top-left-radius:3rem;border-top-right-radius:3rem;display:flex;flex-direction:column;gap:1rem;height:auto;margin:1rem 0;overflow:hidden;position:relative;transition:all .5s ease}#mouthPauseAnimation{animation:chew 3s ease-in-out infinite alternate;animation-play-state:paused}@keyframes chew{0%{border-bottom-left-radius:12rem;border-bottom-right-radius:12rem;border-top-left-radius:3rem;border-top-right-radius:3rem;gap:1rem}50%{border-bottom-left-radius:8rem;border-bottom-right-radius:8rem;border-top-left-radius:8rem;border-top-right-radius:8rem;gap:5rem}to{border-bottom-left-radius:12rem;border-bottom-right-radius:12rem;border-top-left-radius:3rem;border-top-right-radius:3rem;gap:1rem}}#bottomMouth,#topMouth{display:flex;flex-direction:row;gap:.5rem;justify-content:center;width:39rem;width:var(--mouth_width)}#bottomMouth{border-bottom-left-radius:2rem;border-bottom-right-radius:2rem}.tooth{background-color:#dfdbce;background-color:var(--clr_white);border-radius:.5rem;cursor:pointer;height:5rem;height:var(--tooth_height);position:relative;width:4.5rem;width:var(--tooth_width)}#bottomMouth .tooth{border-bottom:1rem solid #d74545;border-bottom-left-radius:0;border-bottom-right-radius:0}#topMouth .tooth{border-top:1rem solid #d74545;border-top-left-radius:0;border-top-right-radius:0}#tongue{background:#820000;border-bottom-left-radius:2rem;border-bottom-right-radius:2rem;border-top-left-radius:50%;border-top-right-radius:50%;bottom:0;height:200px;left:0;position:absolute;width:632px;z-index:-1}#sectionWrapper{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;width:100%}#keyboardOverflow{align-items:center;display:flex;flex-direction:row;flex-grow:1;justify-content:flex-start;overflow:scroll;position:relative}#keyboardWrapper{align-items:top;display:flex;flex-direction:row;justify-content:center}#chevronLeftIcon{color:#0000;transform:translateY(-50%) translateX(25%)}#chevronRightIcon{color:#0000;transform:translateY(-50%)translateX(-25%)}.keyFlat{background-color:#dfdbce;background-color:var(--clr_white);border:1px solid #1c1e21;border:1px solid var(--clr_black);color:#1c1e21;color:var(--clr_black);height:10rem;height:var(--keyFlat_height);width:4rem;width:var(--keyFlat_width);z-index:20}.keyFlat,.keySharp{align-items:center;border-radius:.5rem;cursor:pointer;display:flex;justify-content:center}.keySharp{background-color:#1c1e21;background-color:var(--clr_black);border-top-left-radius:0;border-top-right-radius:0;color:#dfdbce;color:var(--clr_white);height:6rem;height:var(--keySharp_height);margin:0 -1.5rem;margin:var(--keySharp_margin);width:3rem;width:var(--keySharp_width);z-index:2;z-index:21}.keyFlat .keyText{margin-top:5rem}.keySharp .keyText{margin-top:3rem}.keyPressed{background-color:#ffb72c;background-color:var(--clr_yellow)}#chevronLeftIcon,#chevronRightIcon,#minusIcon,#plusIcon{align-items:center;border:3px solid #ffb72c;border:3px solid var(--clr_yellow);border-radius:3rem;color:#ffb72c;color:var(--clr_yellow);cursor:pointer;display:flex;font-size:2rem;justify-content:center;padding:.25rem;transition:all .2s ease-in-out}#chevronLeftIcon:hover,#chevronRightIcon:hover,#minusIcon:hover,#plusIcon:hover{background-color:#ffb72c;background-color:var(--clr_yellow);color:#1c1e21;color:var(--clr_black);transition:all .1s ease-in-out}#pauseIcon,#playIcon,#recordIcon,#stopIcon{cursor:pointer}.closeIcon,.expandIcon{background-color:#1c1e21;background-color:var(--clr_black);border-radius:1rem;color:#ffb72c;color:var(--clr_yellow);font-size:2rem;transform:rotate(0deg);transition:all .3s ease-in-out}.closeIcon:hover{background-color:#ffb72c;background-color:var(--clr_yellow);border-radius:1rem;color:#1c1e21;color:var(--clr_black);transform:rotate(180deg);transition:opacity .3s ease-in-out}.section_title{align-items:center;border-bottom:1px solid #ffb72c;border-bottom:1px solid var(--clr_yellow);box-sizing:initial;cursor:pointer;display:flex;flex-direction:row;height:auto;justify-content:space-between;margin:0;min-width:100%;padding-bottom:.25rem;width:100%;z-index:5}.section_title h4{font-weight:300;letter-spacing:.3rem;margin:0}#MidiOutputWrapper{align-items:flex-start;display:flex;flex-direction:column;gap:.5rem;justify-content:flex-start;width:10rem}#selectMidiDevice{border-radius:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100px}#selectMidiDevice,button{background-color:#1c1e21;background-color:var(--clr_black);color:#ffb72c;color:var(--clr_yellow);font-size:1rem}button{border-radius:.5rem;cursor:pointer;font-family:Inter,sans-serif;padding:.5rem}button,button:hover{border:1px solid #ffb72c;border:1px solid var(--clr_yellow);transition:all .3s ease-in-out}button:hover{background-color:#ffb72c;background-color:var(--clr_yellow);color:#1c1e21;color:var(--clr_black)}#animationIcon{border:1px solid #ffb72c;border:1px solid var(--clr_yellow);bottom:1rem;color:#ffb72c;color:var(--clr_yellow);font-size:1.5rem;padding:.5rem;right:1rem}#animationIcon,.ratchetCircle{border-radius:2rem;position:absolute}.ratchetCircle{height:2rem;left:50%;top:50%;transform:translate(-50%,-50%);width:2rem}#ratchetCircle_1{background:#b2b2b2;background:var(--clr_grey)}#ratchetCircle_2{background:#2cdeff;background:var(--clr_blue)}#ratchetCircle_3{background:#2cff96;background:var(--clr_green)}#ratchetCircle_4{background:#ff2c2c;background:var(--clr_red)}
/*# sourceMappingURL=main.c306c17f.css.map*/