@font-face{font-family:Coiny;src:url(./Coiny-Cyrillic.c7169d7a.ttf)}@font-face{font-family:Marlon;src:url(./marlon.eb84777d.ttf)}@font-face{font-family:Gomarice;src:url(./gomarice_rockin_record_fix.1d661ad4.ttf)}:root{--main-margin-size: 6px;--main-radius: 6px;--mod-panel-padding: 6px;--half-mod-panel-padding: 3px;--main-background-color: #144150 ;--windowBarHeight: 2em;--light-text-color: #e0eef1;--primary-text-color: #144150 ;--highlight-color:#ffb7b7 ;--accent-color-main: #15e9cc;--accent-color-secondary: #e99b15;--primary-color:#217994;--primary-color-lighter: #2d8aa7;--secondary-color: #f05e71;--secondary-color-lighter: #f27485;--secondary-color-darker: #aa4956;--on-secondary-color:#f9bdc5}html,body{background-color:#b0e0e6;padding:0;margin:0;background-color:var(--main-background-color);font-family:Gomarice;accent-color:var(--secondary-color-lighter)}body{background-color:var(--main-background-color);display:flex;flex-direction:column}h1{color:#00f}p{color:red}#contentItems{position:fixed;top:var(--windowBarHeight);overflow-y:scroll;width:100%;height:calc(100% - var(--windowBarHeight))}#windowTitlebar{height:var(--windowBarHeight);background-color:#00cece;position:fixed;width:100%;z-index:100;overflow-x:visible;-webkit-app-region:drag}#extensionContainer{display:flex;flex-flow:column;height:100%}#titleBar{margin-left:auto;font-size:2.5rem;margin-right:var(--main-margin-size);display:flex;align-items:center;color:#30003a}#topButtonBar{display:flex;background-color:#ffed00;padding:.4em;height:2em}#topBar{overflow:hidden;position:sticky;width:100%;top:0px;background-color:var(--accent-color-main);margin-bottom:var(--main-margin-size);box-shadow:0 4px 8px #000000a6}.panelContainer{display:flex;flex-grow:100;margin-bottom:var(--main-margin-size);margin-top:var(--main-margin-size)}@media (max-width: 700px){.panelContainer{flex-direction:column}}@media only screen and (hover: none) and (pointer: coarse){.panelContainer{flex-direction:column}}#leftPanel{width:30em;float:left;background-color:#f0f}#versionBox{float:right;margin-right:.3em;position:absolute;margin-top:1em;bottom:4em;right:0px}#rightPanel{flex-grow:100;background-color:teal}#bpmContainer{display:flex;color:var(--light-text-color);background-color:var(--primary-color);border-radius:var(--main-radius);padding-left:.5em;padding-right:.5em;align-items:center;vertical-align:baseline;margin-right:var(--main-margin-size);flex-grow:1}#bpmLabelBox{text-align:center;vertical-align:baseline;display:flex;align-items:center;margin-right:.3em}#playPauseImage{height:2em}#volumeContainerName{margin-right:.3em}#bpmInputText{align-items:center;vertical-align:baseline;display:flex;height:100%;height:1.5em;border-radius:.5em;width:3em;text-align:center;font-family:Gomarice;outline:none;border-top-style:hidden;border-right-style:hidden;border-left-style:hidden;border-bottom-style:hidden;background-color:var(--light-text-color);color:var(--main-background-color);margin-left:.2em;margin-right:.2em}.textInputBox{align-items:center;vertical-align:baseline;display:flex;height:100%;height:1.5em;border-radius:.5em;font-size:1.2em;font-family:Gomarice;outline:none;border-top-style:hidden;border-right-style:hidden;border-left-style:hidden;border-bottom-style:hidden;background-color:#eee;margin-left:.2em;margin-right:.2em;margin-top:1em}#bpmInputText:focus{outline:none}.oscSwitch{align-items:center;vertical-align:center;text-align:center;display:flex;height:40px}.modPanel{background-color:var(--secondary-color);margin-left:var(--main-margin-size);margin-right:var(--main-margin-size);border-radius:var(--main-radius);padding:var(--half-mod-panel-padding)}#outputBox{flex-grow:1}.check{background-color:#000}@media (max-width: 700px){.modPanel{width:100% - var(--main-margin-size)}}input[type=checkbox]{width:1.5em;height:1.5em}.canvasContainer{flex:100;min-width:0;margin-right:var(--main-margin-size);border-radius:var(--main-radius);overflow:hidden;background-color:#217eb4}.noteHolder{background-color:var(--primary-color);display:flex}.knobBoxHeader{padding:.2em;display:flex;flex-direction:row;justify-content:space-between}.knobBoxTitle{border-radius:.9em;color:#fff;padding:auto;text-align:center;vertical-align:baseline;text-decoration:none;font-size:22px;width:4em;display:flex;align-items:center;padding:0 .5em}.oscUnitTitleBox{color:var(--main-background-color);text-align:center;font-size:1em;padding-top:.3em;padding-bottom:.2em}.rowContainer{display:flex;flex-direction:row;justify-content:space-evenly;padding-left:.2em;padding-right:.2em}.columnContainer{display:flex;flex-direction:column;flex-grow:1;justify-content:space-between}.oscUnitOutlineBox{background-color:var(--secondary-color-lighter);border-radius:.4em;margin:var(--half-mod-panel-padding);flex-grow:1;border:px solid #0e3149}.oscSelector{font:-moz-pull-down-menu;border-radius:var(--main-radius);padding:.3em;margin:.4em;border:0px solid #12b174;outline:none;user-select:none;color:var(--main-background-color);background:var(--on-secondary-color);font-family:Gomarice}.topRowItem{display:flex;justify-content:space-between}.presetSelector{border-radius:var(--main-radius);padding:.1em .3em;border:0px solid #12b174;font-family:Gomarice;user-select:none;margin-right:var(--main-margin-size);outline:none;color:#0e3149;background:var(--on-secondary-color)}.presetSelector:selection{background-color:#02e1ff}.knobBox{border-radius:.1em;display:flex;align-items:center;flex-direction:column}.rightAlign{display:block;margin-left:auto;margin-right:0;background-color:#7fffd4}.rbutton{border-radius:var(--main-radius);background-color:#217eb4;text-align:center;display:inline-block}.oscRow{display:flex;flex-direction:row}.oscSubContainer{background-color:#dfdfdf;display:flex;flex-direction:row;justify-content:space-around;margin-left:.3em;margin-bottom:.3em;padding:.2em;border-radius:.9em}.custom-select{display:flex;flex-direction:column;justify-content:center}.button{text-transform:uppercase;font-family:inherit;background-color:#02e1ff;border-radius:var(--main-radius);padding-left:1em;padding-right:1em;border:none;margin-left:.2em;margin-right:.2em}.normalMarginHorizontal{margin-right:var(--main-margin-size);margin-left:0}.imageButton{position:relative;background-color:#166da0}#playPauseImage{margin:0;position:absolute;top:50%;transform:translate(-50%,-50%);filter:invert(100%)}.button:hover{background-color:#9cff71}.button:active{background-color:#ff00b3}.renderButton{background-color:var(--primary-color);color:var(--light-text-color)}.renderButton:active{background-color:#fff}.knobTitleBox{margin-top:-4px;padding-bottom:.3em;color:#0e3149;font-size:small;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.customCheckboxContainer{display:block;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.highlightCircle{width:.8em;height:.8em;margin:auto;border-radius:1em;border:.15em solid #0e3149;align-items:center;text-align:center}.highlightCircle:hover{cursor:pointer}#panelTopContainer{display:flex;flex-direction:row;height:3em;background-color:var(--accent-color-secondary)}#stateBar{display:flex;flex-direction:row;height:3em;box-sizing:border-box;padding-top:var(--main-margin-size);padding-left:var(--main-margin-size);padding-bottom:var(--main-margin-size)}#miscBox{width:50px;margin:var(--main-margin-size);display:flex}#timelineBoxContainer{background-color:var(--primary-color);margin:var(--main-margin-size);border-radius:var(--main-radius);margin-left:0;width:100px;overflow:hidden}::-webkit-scrollbar{width:.5em;height:.5em}::-webkit-scrollbar-track{background:#166da0}::-webkit-scrollbar-thumb{background:rgb(8,165,204);border-radius:1em}::-webkit-scrollbar-thumb:hover{background:rgb(44,223,255)}::-webkit-scrollbar-corner{background-color:#063e58}.keyboardCircleBox{display:flex;align-items:center;vertical-align:middle;justify-content:space-between}.keyboardTextBox{padding-top:.2em;font-size:.8em;padding-left:.3em;color:#0e3149}.modal{display:none;position:fixed;z-index:1;padding-top:200px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:#0006}.modal-content{background-color:#00fff2;margin:auto;padding:20px;width:60%;display:flex;flex-direction:column;border-radius:2em;align-items:center}.close{margin-left:auto;color:#000;font-size:2em;font-weight:700;cursor:pointer}#renderTextBox{font-size:1.3em;padding:.2em;text-align:center}.saveButton{width:10em;height:4em;margin-top:2em;align-items:center}#saveFileLocationBox{width:90%;font-family:Coiny}#volumeContainer{color:var(--light-text-color);background-color:var(--primary-color);display:flex;border-radius:var(--main-radius);padding-left:.5em;padding-right:.5em;align-items:center;vertical-align:baseline;margin-right:var(--main-margin-size);flex-grow:1}.slider{width:100%}.noRightMargin{margin-right:0}.panelButtonMargins{margin-left:var(--main-margin-size);margin-right:0}#songTypeSelector{border-radius:var(--main-radius);border:0px solid #12b174;outline:none;padding-left:var(--main-margin-size);padding-right:var(--main-margin-size);background-color:var(--primary-color);color:#fff;font-family:inherit}#randomizeAll{color:#fff}input[type=range]::-webkit-slider-runnable-track{color:#13bba4}.blueButton{background-color:var(--primary-color)}.blueButton:hover{background-color:#2179ac}.blueButton:active{background-color:#47a0d4}.pinkButton{background-color:var(--on-secondary-color);color:#0e3149}.pinkButton:hover{background-color:#ffc9c9;color:#0e3149}.pinkButton:active{background-color:#fcdcdc;color:#0e3149}select,option{font:-moz-pull-down-menu}.scroller{overflow-y:scroll;scrollbar-color:#0A4C95 #C2D2E4}